/*
======================================================================
                        COULEURS UI
======================================================================
*/

:root {
    /* Ne pas modifier */
    --color-url: #3C3C3B;
    --color-url-hover: #242423;
    --color-info: #3C3C3B;
    --color-input: #C0C0C0;
    --color-tooltip: #DF1659;  /* Couleur bordure champs requis formulaire */
    --color-alert: #DF1659;    /* couleur message alerte mot passe eronné etc */
    --color-white: #FFFFFF;

    /* Couleur modifiable pour le skin */
    /* couleur principale */
    --color-title: #242423;
    /* couleur secondaire */
    --color-link: #27408B;
    --color-btn: #3C3C3B;
    /* couleur d'accentuation */
    --color-link-hover: #3C6EB4;
    --color-btn-hover: #242423;
	
	
	/*
	    /* Couleur modifiable pour le skin 
    /* couleur principale 
    --color-title: #febe98;
    /* couleur secondaire 
    --color-link: #dba590;
    --color-btn: #dba590;
    /* couleur d'accentuation 
    --color-link-hover: #ca848a;
    --color-btn-hover: #ca848a;
	
	*/
	
}

/* Liens */
a, a span { 
    color: var(--color-link); 
	 font-weight: bold;
}
a:hover { 
    color: var(--color-link-hover); 
	font-weight: bold;
    text-decoration: underline; 
}

/* Boutons de commande */
input[type=button], input[type=submit], .commands .button-next, .commands .button-back, 
input[type=submit].normalbutton {
    color: #fff;
    text-shadow: none;
    border: none;
    background: var(--color-btn);
    background-image: linear-gradient(to top, var(--color-btn), var(--color-btn));
}

input[type=button]:hover, input[type=submit]:hover, .commands .button-next:hover, 
.commands .button-back:hover, input[type=submit].normalbutton:hover {
    background: var(--color-btn-hover);
    background-image: linear-gradient(to top, var(--color-btn-hover), var(--color-btn-hover));
    border-color: var(--color-btn-hover);
    color: #FFFFFF;
}

input[type=submit].normalbutton {
    border-radius: 25px;
}

input[type=submit].normalbutton:hover {
    border: 4px solid var(--color-btn-hover);
}

#pagetitle h1 {
    display: block;
    float: left;
    color: var(--color-title);
    font-size: 1.2em;
    line-height: 1em;
    margin: 45px 0 0 145px;
    padding-bottom: 5px;
    font-weight: normal;
    text-shadow: none;
}

/* Écran Identification */
#header a.createaccount {
    color: var(--color-white);
    background-color: var(--color-url);
}
#header a.createaccount:hover {
    background-color: var(--color-url-hover);
}

/* bandeau abonné quand connecté */
#header #infoabo { 
    position: relative;
    float: right;
    width: auto;
    font-size: 1.2em;
    padding: 0 0 0 4px;
    background-color: #fff;
    z-index: 2000;
}
#header #infoabo .infos {
    display: block;
    float: left;
    background: transparent;
    padding: 5px 4px 0 4px;
}
#header #infoabo .infos:hover {
    background: transparent;
}
#header #infoabo .infos .ref {
    padding-bottom: 2px;
    overflow: hidden;
}

/* Écran Home */
.rubrique.i4blocs h2 { 
    color: var(--color-title); 
}
a:hover .rubrique.i4blocs h2 { 
    color: var(--color-link-hover); 
}
.rubrique {
    position: relative;
    float: left;
    margin: 30px 0 0 0;
    padding: 0 0 0 10px;
    background: #fff;
    border-left: solid 6px var(--color-title);
    text-align: justify;
    overflow: hidden;
}
a:hover .rubrique.i4blocs { 
    border-left: solid 6px var(--color-link-hover); 
}
.fullpage h2.hometitle {
    background-color: #009ac6;
    color: #FFF;
}
.info h3 {
    color: var(--color-title);
    border-radius: 25px;
    height: auto;
}
.info p.subtitle {
    background-color: #F0F0F0;
    color: var(--color-title);
}

.info.i3blocs
	{
	/*	
	width:32%;
	margin-right:2%; */
	background-color:#F0F0F0;
	padding:20px;
	border-radius: 4%;
		
	}


#homesubtitle
	{
	position:relative;
	float:left;
	background-color:#F0F0F0;
	text-align:justify;
	 margin-top: 10px !important; 
	}


#homesubtitle h2 { 
    background-color: var(--color-title); 
}
#homesubtitle a h3 {
    background-color: var(--color-link);
    border-radius: 25px;
    text-align: center;
}
#homesubtitle a:hover h3 {
    background-color: var(--color-link-hover);
    border: 4px solid var(--color-link-hover);
    color: #FFFFFF;
}
#formula_info h2.supertitle { 
    color: var(--color-title); 
}

/* Menu assistance */
#accessibilite {
    position: relative;
    float: right;
    font-size: 12px;
    line-height: 12px;
    color: white;
    padding: 0 5px;
    background: var(--color-link-hover);
    height: 33px;
    margin-bottom: 3px;
}

/* Menus */
#header #ident, #header #menugen #content { 
    background: var(--color-title); 
}
#content .menu li a:hover { 
    background-color: var(--color-link-hover); 
}
#header #menugen #before a { 
    color: #fff; 
}
#header #infoabo a:hover .abonne h2, #header #infoabo a:hover .abonne p { 
    color: #006d9b; 
}

.menu li:hover { 
    text-decoration: underline; 
}
.menu li.abonnement:hover { 
    background: transparent; 
}
.menu li.abonnement a:hover p {
    color: var(--color-url-hover);
    text-decoration: underline;
}
.menu li:hover div a:hover { 
    border-bottom: none; 
}
.menu span { 
    color: var(--color-link-hover); 
}
.menu li:hover .infos { 
    background-color: transparent !important; 
}
.menutitle a {
    color: var(--color-url) !important;
}
.menutitle a:hover {
    color: var(--color-url-hover) !important;
    border: none !important;
}
.submenu li a { 
    border-bottom: solid 1px var(--color-url); 
}
.submenu li a:hover { 
    border-bottom: solid 1px var(--color-url-hover); 
}
#help_header ul li a, .help_footer ul li a { 
    color: #fff; 
    background-color: var(--color-url); 
}
#help_header ul li a:hover, .help_footer ul li a:hover { 
    background-color: var(--color-url-hover); 
}

/* Labels radios bouton */
.labelbtn_checked { 
    color: var(--color-url) !important; 
}

/* Pas de détails conso quand monofluide eau */
#meterReadBlock th:first-child, #meterReadBlock td:first-child { 
    display: none; 
}

/* Spécificités skin */
a.homemapborder:hover { 
    color: var(--color-link-hover); 
    text-decoration: underline; 
}
#footer { 
    background: #FFF; 
}
#footer .footerwrap { 
    padding: 20px 0; 
}

/* Ajustements Anemone */
.rvl_currentcadran { 
    min-height: 142px; 
}
.rvl_currentcadran table tr:nth-child(3) { 
    display: none; 
}

/* Blocs de saisie */
input[type=text].fldtextoblig, input[type=password].fldtextoblig, input[type=email].fldtextoblig, 
textarea.fldtextoblig, select.fldtextoblig, span.fldtextoblig {
    border-left: solid 3px var(--color-tooltip);
}

#formula .blocinput label, #formula_info .blocinput label { 
    color: #444; 
}
#formula_info h2.header { 
    color: var(--color-url); 
}
#formula .bloccols h2 {
    color: #444444;
    border-bottom: solid 1px #444444;
}
#formula_info h3 .fat { 
    color: var(--color-url); 
}
#formula .blocinput, #formula_info .blocinput { 
    background: var(--color-input); 
}

/* Page auto releve */
#releve #current { 
    background: var(--color-title); 
}
#releve #steps .num.selecteditem { 
    color: #fff; 
    background: var(--color-title); 
}
#releve h2 {
    color: var(--color-title);
    border-top: solid 5px var(--color-title);
}
#releve #releve_content { 
    background: var(--color-link); 
}

#subscriptionManagementForm #steps .num.selecteditem,
#releve #steps .num.selecteditem
	{
	color:#fff;
	background:var(--color-title); 
	}

#subscriptionManagementForm #formula .bloccols h2,
#releve h2
	{
	color:var(--color-title); 
	border-top:solid 5px var(--color-title); 
	border-bottom:none;
	}
	


/* Texte mis en avant */
#ccompte_istep .istep { 
    color: var(--color-url); 
}

/* Links */
.rubrique h2 { 
    color: var(--color-url); 
}

/* Graph Conso */
.prevnexthisto .graphscroll { 
    background-color: var(--color-url); 
}
.prevnexthisto a:hover .graphprev, .prevnexthisto a:hover .graphnext {
    background-color: var(--color-url-hover);
    text-decoration: underline;
}
.graphcommand .cmdgranucurrent { 
    background-color: var(--color-url); 
}
.graphcommand a:hover .cmdgranucurrent {
    background-color: var(--color-url-hover);
    text-decoration: underline;
}

/* Table Responsive */
.footable > tbody > tr:hover { 
    background: #F0F0F0; 
}

/* Tooltips */
.hint--info:after { 
    background-color: var(--color-tooltip); 
}
.hint--info.hint--top:before { 
    border-top-color: var(--color-tooltip); 
}
.hint--info.hint--bottom:before { 
    border-bottom-color: var(--color-tooltip); 
}
.hint--info.hint--left:before { 
    border-left-color: var(--color-tooltip); 
}
.hint--info.hint--right:before { 
    border-right-color: var(--color-tooltip); 
}

/* Footer */
#footer .bottom {
    color: var(--color-title); 
    text-align: center;
}

/* Taille du bloc comportant les titres des pages */
#header .blochalfmaxheigh {
    max-height: 100px;
}

/* couleur background bloc header */
#header {
    background: var(--color-white);
}

/* Bloc logo header */
#headerwrapcenter #logoHeader .logo {
    display: block;
    height: 130px;
    width: 200px;
    background-size: contain;
    margin: 5px;
}

/* Bloc image de la page de connexion */
.info p img {
    width: 80%;
    border-radius: 25px;
}

/* Bloc message d'alerte secu mot de passe et alerte */
#pagetitle .alertmsg {
    position: relative;
    float: right;
    margin: 0;
    padding: 5px 0;
    overflow: hidden;
    width: auto;
}

#pagetitle .alertmsg p 
{color: var(--color-alert);  }

#pagetitle .alertmsg p a { 
    color: var(--color-alert); 
}

/* Autre */
.paymentWarning, #tvaBlock { 
    display: none; 
}

#ggmap_header {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0;
    background: var(--color-link);
    color: white;
    margin-top: 30px;
    text-align: center;
    font-size: 1.05em;
}


 #releve .releve_content .current {
  float: left;
  width: 35%;
  font-size: 1em;
  color: #444;
  padding: 5px 10px 10px 10px;
  margin: 0 0 0 0;
  background-color: var(--color-input);
}