:root {
    --main-pricipale    : #0076B4;
    --main-border        : 0px solid #000;
    --main-rouge         : #C82D36;

    --main-bleu          : #0076B4;
    --main-blanc          : #FFF;

    --main-vertbleu      : #3D824F;
    --main-vertbleuclair : #3D824F;

    --main-vertsecondaire : #C5FEF1;

    --main-orange        : #0076B4;
    --main-orange2        : rgba(0, 118, 180, 0.64);

    --Bcolor_1        : #0076B4;
    --Bcolor_2        : rgba(0, 118, 180, 0.64);

    --Bcolor_3 : #0076B4;
    --Bcolor_4 : rgba(0, 118, 180, 0.64);

    --main-fondgris : #EDF6F6;

    --main-transcription : var(--main-vertbleuclair);
}

#bonjour {
    color:#FFF;
}

.header2 {
    background: var( --main-pricipale );
}
.sstitre {
    color:#FFF;
}

.LienNoir {
    color :#FFF;
    text-decoration: underline;
    font-family:Montserrat-Regular;

}



#Compteur {
    color:var(--main-pricipale);
}


#PhraseDeb,#PhraseFin {
    color:#FFF;
}

#ImgVilleG,#ImgVilleD {
    /*
    content:url("./pixel.png");
    background-image: none !important;
*/
}


#LibMotPassePerdu,#MotPassePerdu,#ZoneChange{
    font-family: Roboto-Regular;
    color:#FFF;
    font-size:14pt;
    text-decoration: underline;
}
.MENU1 {
    position: fixed;
    height			: 75px;
    color			 : #fff;
    background-color : var(--main-blanc);
    box-shadow		 : -1px 2px 5px 1px rgba(0, 0, 0, 0.3);
    color: var(--main-pricipale);
}

.btn_SeDeconnecter_txt {
    fill:var(--main-pricipale)	;
}

#btn_SeDeconnecter_rect {
    stroke:var(--main-pricipale)
}

.fontgris_obj {
    background: #EDF6F6;
}

.BleuFonce {
    background: var(--main-pricipale);

}

.Carre {
    border-radius : 10px;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

.Orange {

    background-color:var(--main-orange);
    width:100px;
    padding:2px;
    margin:2px;
}

.BtnTeleconsultation, .BtnSuiviHydrique, .BtnStatistiques {
    background: var(--Bcolor_1);
    color:#FFF;
}

.Libelle_orange {
    color: var(--main-pricipale);
    font-family: ArcherPro-Medium;
}
.Puce {
    color: #5791FE;
}

.btn-orange         {color:#FFF;                    background-color:var(--main-orange);    border:2px solid var(--main-orange); height:40px; width:100px; }
.btn-orange:hover   {color:var(--main-orange);      background-color:#FFF;                  border-color:var(--main-orange)}
.btn-orange:active  {color:var(--main-orange);      background-color:#FFF;                  border-color:var(--main-orange)}
.btn-orange:focus   {color:var(--main-orange);      background-color:#FFF;                  border-color:var(--main-orange)}
.btn-orange:visited {color:var(--main-orange);      background-color:#FFF;                  border-color:var(--main-orange)}


.btn-gris           {color:var(--main-vertbleu);    background-color:var(--main-fondgris);  border:2px solid var(--main-orange); height:40px; width:100px; }
.btn-gris:hover     {color:var(--main-orange);    background-color:#FFF;                  border-color:var(--main-orange); }
.btn-gris:active    {color:var(--main-orange);    background-color:#FFF;                  border-color:var(--main-orange); }
.btn-gris:focus     {color:var(--main-orange);    background-color:#FFF;                  border-color:var(--main-orange); }
.btn-gris:visited   {color:var(--main-orange);    background-color:#FFF;                  border-color:var(--main-orange); }


.BtnBleu {
    background-color:var(--main-vertbleuclair );
    border:0px solid #FFF;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family	: Montserrat-Regular;
    text-decoration:none;
}

.BtnBleu:hover {
    color:#000;
    text-decoration:none;
    background-color:#fffefe;
}

.BtnBleu:active {
    position:relative;
    top:1px;
}


.BtnAlerte {
    background: var(--main-orange); ;
    padding:25px;
    margin:0px;
    height:100px;

    /*border-radius : 0px;*/
    /*box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);*/
}

.Libelle2 {
    color:#FFF;
}

#flecheD {
    stroke:#0076B4;
}

#Statistiques_disabled {
    background-color: #78B3D2;
    color: #F8F8F8;
}