:root {
    --main-pricipale     : #152b48;
    --main-border        : 0px solid #000;
    --main-rouge-legrand : #EA333D;
    --main-rougeBric        : var(--main-rouge-legrand);

    --main-bleu          : #2e6fc6;
    --main-bleuclair     : #C0D4EE;
    --main-blanc          : #FFF;

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

    --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 : #F8F9FB;

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

#bonjour {
    color:#FCFCFC;
}

.header2 {
    background: var( --main-bleu );
}
.sstitre {
    color:#000;
}

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

}



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


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

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


#LibMotPassePerdu,#MotPassePerdu,#ZoneChange{
    font-family: Roboto-Regular;
    color:#adb5bf;
    font-size:14pt;
    text-decoration: underline;
}
.MENU1 {
    position: fixed;
    height			: 75px;
    color			 : #fff;
    background-color : var(--main-pricipale);
    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(--main-vertbleuclair);
    color:#FCFCFC;
}

.Libelle_orange {
    color: var(--main-rouge-legrand);
    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:#FCFCFC;
    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);*/
}

.btn-psc {
    text-align: left;
    background-color:var(--main-vertbleuclair );
    border: 0px solid #4e6096;
    display: inline-block;
    cursor: pointer;
    color: #FCFCFC;
    font-family: Montserrat-Regular;
    text-decoration: none;
    width: 100%;
    display: flex; /* Utiliser flexbox pour centrer le contenu verticalement */
    align-items: center; /* Centrer verticalement le texte du lien */
    padding: 0 10px; /* Ajouter un peu de padding pour le texte */
    height: 100%; /* S'assurer que le lien occupe toute la hauteur disponible */
}



.Libelle2 {
    color:#000;
}

#flecheD {
    stroke:#0076B4;
}

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

#ZONE_CCC {
    border:0px solid #000;
    width             :100%;
    osition:relative;
    top :170px;
    background-color  : var(--main-fondgris);
    height:550px;
    overflow:auto;
}

#ZONE_CCC_EHPAD {
    border:0px solid #000;
    width :100%;
    top :170px;
    background-color  : var(--main-fondgris);
    overflow:auto;
}

#ZONE_FFF {
    width:100%;
    background-color: #FCFCFC;
}

.Libelle_blanc {
    color: #FCFCFC;
    letter-spacing: .1rem;
}

#MonParc {
    background: var(--main-bleu);
    color:#FCFCFC;
}
#Monitoring {
    background: var(--main-bleu);
    color:#FCFCFC;
}
#Temperature {
    background: var(--main-bleu);
    color:#FCFCFC;
}
#Statistiques {
    background: var(--main-vertbleuclair);
    color:#FCFCFC;
}

.ssheader_temp{
    background: var(--main-bleuclair);
}