@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

html, body, *, .manrope-font {
    font-family: "Manrope", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
}

h1, .manrope-titre {
    font-weight: 800;
}

h2, .manrope-soustitre {
    font-weight: 700;
}

h3, .manrope-soustitre3 {
    font-weight: 600;
}

h4, .manrope-soustitre4 {
    font-weight: 500;
}

p, .manrope-paragraphe {
    font-weight: 400;
}


a:link {
    color: #696969;
} 
a:visited {color:#696969;}
a:hover {color:#696969;}
a:active {color:#696969;}
body
{
    font-size: .85em;
    margin: 0px;
    padding: 0px;
    color: #696969;
    vertical-align: top;
    background-color: #e4e4e4;
    font-size: 14px;
}
/*----------------------------*/
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus, select:focus
{
    outline: none;
    border: 1px solid #0492BB;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], textarea, select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    height: 36px;
    padding: 7px 8px;
    /*margin: 0;*/
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

    input[type=email].bordureRouge, input[type=number].bordureRouge, input[type=password].bordureRouge, input[type=tel].bordureRouge, input[type=text].bordureRouge, input[type=url].bordureRouge, select.bordureRouge {
        border: 1px solid #D9423E;
    }
    input[type=radio].bordureRouge + label{
        border: 1px solid #D9423E;
    }
    input[type=checkbox].bordureRouge + label{
        border: 2px solid #D9423E;
    }
textarea {
    font-family: "Manrope", sans-serif;
    padding: 8px;
}
input, textarea, select { color: #065876; }
/*----------------------------*/
.frame
{
    border-spacing: 0px;
    font-size: medium;
    border-width: 0px;
    width: 1000px;
    margin: 0px auto;
    position: relative;
    text-align: center;
    padding: 0px;
    margin-bottom: 20px;
}
.contenant
{
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #cacaca;
    border-spacing: 0px;    
    background-color: #eaeaea;
    width: 1000px;    
    position: relative;
    text-align: center;
    padding: 20px;
}
.entete
{
    background-color: White;
}
.titrePage
{
    text-align: center;
    font-size: x-large;
    font-variant: small-caps;
    font-weight: bold;    
}
.sousTitrePage
{
    text-align: center;
    font-size: large;
}
.titre
{
    color: #016B8E;
    border: 1px solid #CACACA;
    background-color: #E4E4E4;
    text-align: left;
    font-size: medium;
    padding: 10px 15px;
}
.bouton:hover
{    
    border: 1px solid #005775;
    background-color: #0281A8;    
    cursor: pointer;
}

.bouton
{
    text-align: center;
    border: 1px solid #00465E;
    background-color: #016B8E;
    font-weight: bold;
    color: White;
    cursor: default;
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 4px 8px;
    font-variant: normal;
}                
.boutonGV:hover
{    
    border: 1px solid #005775;
    background-color: #0281A8;    
    cursor: pointer;
}
.boutonGV
{
    text-align: center;
    vertical-align: middle;
    border: 1px solid #00465E;
    background-color: #016B8E;
    font-weight: bold;
    color: White;
    cursor: default;
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 3px 8px;
}
.boutonBarreBleu:hover
{    
    border: 1px solid #FFFFFF;
    background-color: #005775;
    color: White;
    cursor: pointer;
}

.boutonBarreBleu
{
    text-align: center;
    border: 1px solid white;
    background-color: #0281a8;
    color: White;
    cursor: default;
    -webkit-appearance: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.recherche {
	display: inline-block;
	position: absolute;
    right: 5px;
    top: 5px;
	text-indent: -9999px;
	width: 36px;
	height: 36px;
	background: url(../images/loupe.png) no-repeat;
    background-position: 0 0;
}
.recherche:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/loupe.png) no-repeat;
	background-position: -36px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
    transition:      opacity 0.5s;
}
.recherche:hover:after {
	opacity: 1;
}
.bleu
{
    color: #016B8E;
}
.bleu:link, .bleu:active, .bleu:visited
{
    color: #016B8E;
}
.bleuFonce
{
    color: #065876;
}
.souligner
{
    text-decoration: underline;
}
.ligne
{
    background-image: url('../images/Ligne.png');
    background-repeat: no-repeat;
    background-position:center center;
    height: 2px;
}
.nowrap
{
    white-space: nowrap;
}
#imgWait {
    margin: 0 auto;
    display: block;
}
/*------------ GridView ----------*/
.gv td
{
    border: 1px solid #cccccc;
}
.gvHeaderStyle th, .gvHeaderStyle td
{
    border: 1px solid #016B8E;
}
.gvPagerStyle td
{    
   border: none !important;
}
.gvHeaderStyle a, .gvPagerStyle a
{    
    padding: 4px;
    text-decoration: none;
    font-weight: normal;
}
.gvPagerStyle span
{    
    font-weight: bold;
    color: darkgray;
    padding: 4px;
}
.selection:hover td {
    background-color: #E0F0FE;
    cursor: pointer;
}
.rowSelected td {
    background-color: #E0F0FE;
}
.hidden {display: none;}

/*------------ Alignement ----------*/
.right {
    text-align: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.top {
    vertical-align: top;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.middle {
    vertical-align: middle;
}
.bottom{vertical-align: bottom;}
.topLeft {
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
}

.topRight {
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0px;
}

.bottomLeft {
    text-align: left;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.bottomRight {
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.bottomCenter {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto auto 0px auto;
}

.topCenter {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: 0px auto auto auto;
}

.justify {
    text-align: justify;
}

.absoluteCenter {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}

.margeAuto {
    margin-left: auto;
    margin-right: auto;
}
.marginLeft5 {margin-left: 5px;}
.marginTop5 {margin-top: 3px;}
.clearfix {
    zoom: 1;
}

    .clearfix:after {
        clear: both;
    }