/*
=====================================================================================================================================================
	
	COULEURS UI
	
	- commandes (URL):.................. #3C3C3B
	- commandes (URL:hover):............ #242423
	- info remarquable:................. #3C3C3B
	- bloc de saisie.....:.............. #C0C0C0
	- bkgnd tooltip/champ obligatoire:.. #DF1659
	Morlaix : bleu foncé 3A5BA7 orange D66E22
dives couleur : bleu = #0E6A86  beige = #AD9B7A 
=====================================================================================================================================================
*/


a, a span { color:#3A5BA7; } 
a:hover { color:#D66E22; text-decoration : underline; }
/*a:hover, a:hover span { color:#3C3C3B; }*/




/* BOUTONS DE COMMANDE (INPUT)
------------------------------------------------------------------------------------------------------------------------------------------------------ */

input[type=button], input[type=submit], .commands .button-next, .commands .button-back {
	color:#fff;
	text-shadow: none;
	border:none;

/* méthode de redesign compatible iPad et OSx en général */ 	

	background:#D66E22;

/*	background-image: url(msiegradient.php?from=54A408&to=54A408&a=1); // >>>>>>>>>>>>>>>>>> SVG pour simuler le gradient sur IE9 <<<<<<<<<<<<<<<<<< */
	background-image: linear-gradient(bottom, #D66E22 0%, #D66E22 100%);
	background-image: -o-linear-gradient(bottom, #D66E22 0%, #D66E22 50%);
	background-image: -moz-linear-gradient(bottom, #D66E22 0%, #D66E22 50%);
	background-image: -webkit-linear-gradient(bottom, #D66E22 0%, #D66E22 50%);
	background-image: -ms-linear-gradient(bottom, #D66E22 0%, #D66E22 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #D66E22),
		color-stop(1, #D66E22)
		);

	}

input[type=button]:hover , input[type=submit]:hover, .commands .button-next:hover, .commands .button-back:hover {

	background:#3A5BA7;

/*	background-image: url(msiegradient.php?from=FF5318&to=FF5318&a=0); // >>>>>>>>>>>>>>>>>> SVG pour simuler le gradient sur IE9 <<<<<<<<<<<<<<<<<< */
	background-image: linear-gradient(center top , #3A5BA7 0%, #3A5BA7 50%);
	background-image: -o-linear-gradient(center top , #3A5BA7 0%, #3A5BA7 50%);
	background-image: -moz-linear-gradient(center top , #3A5BA7 0%, #3A5BA7 50%);
	background-image: -webkit-linear-gradient(center top , #3A5BA7 0%, #3A5BA7 50%);
	background-image: -ms-linear-gradient(center top , #3A5BA7 0%, #3A5BA7 50%);
	
	background-image: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0, #3A5BA7),
		color-stop(1, #3A5BA7)
		);
	border : 4px solid;
	border-color:#3A5BA7;
	color:#FFFFFF;

	}

input[type=submit].normalbutton {
	color:white;
	background:#D66E22;
	border-radius: 25px;
}
input[type=submit].normalbutton:hover {
	background-color:#FFF;
	border : 4px solid;
	border-color:#D66E22;
	color:#D66E22;
}


#pagetitle .alertmsg p a
	{
	color:#DF1659;
	}
	

/* ECRAN IDENTIFICATION
------------------------------------------------------------------------------------------------------------------------------------------------------ */

#header a.createaccount {
	color:#fff;
	background-color:#3C3C3B;
}

#header a:hover.createaccount {
	background-color:#242423;
}
#header #infoabo {
	margin-left: 110px;
}



/* ECRAN HOME
------------------------------------------------------------------------------------------------------------------------------------------------------ */
.rubrique.i4blocs h2 {
	color:#3A5BA7;
}

a:hover .rubrique.i4blocs h2 {
	color:#D66E22;
}

a:hover .rubrique.i4blocs {
	border-left:solid 6px #D66E22;
}

.fullpage h2.hometitle
	{
	background-color:#3A5BA7;
	color: #FFF;
    	}

.info h3
	{
	color:#3A5BA7;
	border-radius: 25px;
	height: auto ;
}

#homesubtitle h2
	{
	background-color:#3A5BA7;
	}

 #homesubtitle a h3
 {
	background-color:#D66E22;
	border-radius : 25px;
	text-align :center ;
	}

#homesubtitle a:hover h3
	{
	background-color:#FFF;
	border : 4px solid;
	border-color:#D66E22;
	color:#D66E22;
	}
	
/*	
.info p.subtitle
	{
	background-color:#3C3C3B;
	}


*/

.info p.subtitle
	{
	background-color:#F0F0F0 ;
		color: #3A5BA7;
	 
	}
	

#formula_info h2.supertitle
	{
	color:#3A5BA7;
	}


/* MENUS
------------------------------------------------------------------------------------------------------------------------------------------------------ */

#header #ident
	{
	background:#3A5BA7;
	}

#header #menugen #content
	{
	background:#3A5BA7;
	}

#header #menugen #before a
	{
	color:#fff;
	}

#header #infoabo a:hover .abonne h2, #header #infoabo a:hover .abonne p
	{
	color:#D66E22;
	}

#header #infoabo .infos{
	display: block;
	float: left;
	background-color: #C0C0C0;
	padding: 5px 4px 0 4px;
	font-family: verdana;

}
.menu li:hover {
	background:#242423;
	text-decoration : underline;
}

.menu li.abonnement:hover {
	background:transparent;
}

.menu li.abonnement a:hover p {
	color:#242423;
	text-decoration : underline;
}
/
.menu li:hover div a:hover {
	border-bottom:none;
} 

.menu span {
	color:#00b1e6;
}

.menu li:hover .infos {
	background-color:transparent !important;
}

.menutitle a {
	color:#3C3C3B!important;
}

.menutitle a:hover {
	color:#242423!important;
	border:none!important;
}

.submenu li a {
	border-bottom: solid 1px #3C3C3B;
}

.submenu li a:hover {
	border-bottom: solid 1px #242423;
}

#help_header ul li a:hover, #help_footer ul li a:hover
	{
	background-color:#242423;
	}

/* BLOCS DE SAISIE
------------------------------------------------------------------------------------------------------------------------------------------------------ */

input[type=text].fldtextoblig, input[type=password].fldtextoblig, input[type=email].fldtextoblig, textarea.fldtextoblig, select.fldtextoblig, 
span.fldtextoblig {
/*
	border-top:solid 1px #3C3C3B;
	border-bottom:solid 1px #3C3C3B;
	border-right:solid 5px #3C3C3B;
*/
	border-left:solid 3px #DF1659;
}

#formula .blocinput label, #formula_info .blocinput label
	{
	color:#444;
	}
	
#formula_info h2.header { color:#3C3C3B; }

#formula .bloccols h2
	{
	color:#444444;
	border-bottom: solid 1px #444444;
	}
	
/* fleche interne gauche */
/*
#formula .bloccols h2:before {
 	content: '';
	position: absolute;
	left: -10px;
	top: 10%;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #3C3C3B;
}
*/

	
#formula_info h3 .fat
	{
	color:#3C3C3B;
	}
	
#formula .blocinput, #formula_info .blocinput { background:#C0C0C0; }

#releve #current
	{
	background:#C0C0C0;
	}

#releve #steps .num.selecteditem
	{
	color:#fff;
	background:#3C3C3B;
	}

#releve h2
	{
	color:#3C3C3B;
	border-top:solid 5px #3C3C3B;
	}

#releve #releve_content
	{
	background:#f0F0F0;
	}



/* TEXTE MIS EN AVANT
------------------------------------------------------------------------------------------------------------------------------------------------------ */

#ccompte_istep .istep
	{
	color:#3C3C3B;
	}


/* LINKS
------------------------------------------------------------------------------------------------------------------------------------------------------ */

.rubrique h2
	{
	color:#3C3C3B;
	}



/* GRAPH CONSO
------------------------------------------------------------------------------------------------------------------------------------------------------ */

.prevnexthisto .graphscroll
	{
	background-color:#3C3C3B;
	}

.prevnexthisto a:hover .graphprev, .prevnexthisto a:hover .graphnext {
	background-color:#242423;
	text-decoration : underline;
}

.graphcommand .cmdgranucurrent {
	background-color:#3C3C3B;
}

.graphcommand a:hover .cmdgranucurrent  {
	background-color:#242423;
	text-decoration : underline;
}


/* TABLE RESPONSIVE
------------------------------------------------------------------------------------------------------------------------------------------------------ */

.footable > tbody > tr:hover {
  background: #F0F0F0;
}

/* TOOLTIPS
------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Info */

.hint--info:after { background-color: #DF1659; }

.hint--info.hint--top:before { border-top-color: #DF1659; }
.hint--info.hint--bottom:before { border-bottom-color: #DF1659; }
.hint--info.hint--left:before { border-left-color: #DF1659; }
.hint--info.hint--right:before { border-right-color: #DF1659; }


/* ECRAN HELP
------------------------------------------------------------------------------------------------------------------------------------------------------ */

.help_header ul li a, .help_footer ul li a
	{
	color:#fff;
	background-color:#3C3C3B;
	}

.help_header ul li a:hover, .help_footer ul li a:hover
	{
	background-color:#242423;
	}

/* LABEL RADIOS BOUTON
------------------------------------------------------------------------------------------------------------------------------------------------------ */

.labelbtn_checked { 
	color:#3C3C3B!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: #242423;
 text-decoration: underline;
}
#footer{
	background:#FFF;
}
#footer .footerwrap {
  padding: 20px 0;
}



/* ------------------- AJUSTEMENTS ANEMONE -------------- */

/* Pas d'estimation conso avec anemone, pour le moment */
.rvl_currentcadran{
	min-height: 142px;
}
.rvl_currentcadran table tr:nth-child(3){
	display:none;
}