﻿:root {
    --main-pricipale    : #ec552c;
    --main-border: 0px solid #000;
    --main-rouge        : #C82D36;

    --main-vertbleu     : #00a4bf;
    --main-vertbleuclair : #72c5d4;

    --main-fondgris : #EDF6F6;

    --Bcolor_1        : var(--main-vertbleuclair);
    --Bcolor_2        : var(--main-vertbleu);

    --Bcolor_3 : var(--main-vertbleuclair);
    --Bcolor_4 : var(--main-vertbleu);

    --main-transcription : #FE6E13;

    --Btn_tele_enable       : #72C5D4;
    --Btn_icope_enable      : #EC7831;
    --Btn_presage_enable    : #EC7831;
    --Btn_malchron_enable   : #EC7831;

    --Btn_tele_disabled     : #B1DBE2;
    --Btn_icope_disabled    : #F3AC80;
    --Btn_presage_disabled  : #F3AC80;
    --Btn_malchron_disabled : #F3AC80;


}

#bonjour {
    color: #126171;
}

.header2 {
    background: var( --main-vertbleuclair  );
}

.sstitre {
    color:#000;
}

.LienNoir {
    color :#000;
    text-decoration: underline;
}

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


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

#LibMotPassePerdu,#MotPassePerdu,#ZoneChange{
    font-family: Roboto-Regular;
    color:#206776;
    font-size:14pt;
    text-decoration: underline;
}
.MENU1 {
    position: fixed;
    height			: 75px;
    color			 : #fff;
    background-color : #EC552C; /*#2626ff ff2d11*/
    box-shadow		 : -1px 2px 5px 1px rgba(0, 0, 0, 0.3);
}

.btn_SeDeconnecter_txt {
    fill:#ffffff	;
}

#btn_SeDeconnecter_rect {
    stroke:#fff
}

#Header_Org {
    font-family:Montserrat-Regular;
    color:#fff;
    /*font-size:1.2em;*/
    /*margin-top:10px;*/
}


.fontgris_obj {
    background: var(--main-fondgris);

}

.BleuFonce {
    background: #00a6c1;
}

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

.Orange {

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

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


.Libelle_orange {
    color: #EC762C;
    font-family: ArcherPro-Medium;
}
.Puce {
    color: #ec552c;
}




#f_genre_old {
    /*padding-left: 60px;*/

    background:transparent url(../images/commun/fleche_bottom.svg) no-repeat ;;
    background-size: 18px;
    /*    background-position: right 0;*/
    /*transform: rotate(90deg);*/

    background-position: right 5% bottom 45%;
}



/* INPUT placeholder gris */

.ColorPlaceholderVBleu::-webkit-input-placeholder {
    color:var(--main-vertbleu);
}
.ColorPlaceholderVBleu::-moz-placeholder {
    color:var(--main-vertbleu);
    opacity:  1;
}
.ColorPlaceholderVBleu::-ms-input-placeholder {
    color:var(--main-vertbleu);
}
.ColorPlaceholderVBleu::-webkit-input-placeholder {
    color:var(--main-vertbleu);
}
.modal-header-vertbleu {
    text-align:center;
    color:#fff;
    border-top-right-radius:18px;
    border-top-left-radius:18px;
    background: var(--main-vertbleu);;
    height: 60px;
    border-bottom:3px solid var(--main-vertbleu);;
}
.modal-content-vertbleu{
    border:3px solid var(--main-vertbleu);;
    border-radius: 20px;
    background: #FFF;
}


#search,#f_nom_1,#f_nom_2,#f_prenom,#f_datenaissance,#f_commune_naiss,#f_ins,#f_norue,#f_cp,#f_commune,#f_tel,#f_mel,#f_genre,
#f_Mnom2,#f_Mprenom,#f_Mcp,#f_Mcommune
{
    height:40px;
    /*border-radius : 50px;*/
    border:0px;
    margin-bottom: 10px;
    font-size: 1.2em;
    background: #f3f3f3;
}


.btn-ferme-b {
    z-index: 999999999999999999;
    float: right;

    position:relative;
    top:0px;
    margin:0px;
    padding:0px;

    /*right:-25px;
    top:-25px;*/
    width:30px;
    height:30px;
    color:#FFF;

    opacity :1;
    border:0px;
    border-radius: 20px;
    font-size:1em;
}

.btn-ferme-b {
    background: #fff;
    color:var(--main-vertbleu);
}

.btn-ferme-tlk {
    z-index: 999999999999999999;
    float: right;
    position:relative;

    margin:0px;
    padding:0px;

    width:30px;
    height:30px;
    color:#FFF;

    border:0px;
    border-radius: 20px;
    font-size:1em;
    top:0px;
    background: #FA6E14;
}

.btn-orange{ color:#fff;background-color:#FE6E13;border-color:#FE6E13; border-radius:4px; border:2px solid #FE6E13; height:40px; width:100px; }
.btn-orange:hover{color:#FE6E13;background-color:#FFF;border-color:#FE6E13}
.btn-orange:active{color:#FE6E13;background-color:#FFF;border-color:#FE6E13}
.btn-orange:focus{color:#FE6E13;background-color:#FFF;border-color:#FE6E13}
.btn-orange:visited{color:#FE6E13;background-color:#FFF;border-color:#FE6E13}

.btn-gris{ color:#fff;background-color:#dddddd;border-color:#dddddd; border-radius:4px; border:2px solid #FE6E13; height:40px; width:100px; }
.btn-gris:hover{color:#dddddd;background-color:#FFF;border-color:#dddddd}
.btn-gris:active{color:#dddddd;background-color:#FFF;border-color:#dddddd}
.btn-gris:focus{color:#dddddd;background-color:#FFF;border-color:#dddddd}
.btn-gris:visited{color:#dddddd;background-color:#FFF;border-color:#dddddd}


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

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



.BtnBleu {
    background-color:#00a6c1;
    border:0px solid #4e6096;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family	: Montserrat-Regular;
    text-decoration:none;
}

.BtnBleuV {
    background-color: var(--main-vertbleu);
    border:0px solid #4e6096;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family	: Montserrat-Regular;
    text-decoration:none;
    height:50px;
    border-radius: 20px;
}

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

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

.BtnAlerte {
    background: #ec552c ;
    padding:25px;
    margin:0px;
    height:100px;
}



#flecheD {
    stroke:#26a6c0;
}

#Statistiques_disabled {
    background-color: #B8E2E9;
    color: #A3B7BC;
}