/*
=====================================================================================================================================================
	
	SPECIFIC CLIENT OVERRIDE

=====================================================================================================================================================
*/

@import url(https://fonts.googleapis.com/css?family=Asap);

body {
	font-family: 'asap-regular', Arial, Helvetica, sans-serif;
}

#directDebitEditForm #formula.left {
	width: 80%;
}

/*
=====================================================================================================================================================
	
	COULEURS UI
	
	- commandes (URL):.................. #2c2e83
	- commandes (URL:hover):............ #7ab92a
	- info remarquable:................. #2c2e83
	- bloc de saisie.....:.............. #C0C0C0
	- bkgnd tooltip/champ obligatoire:.. #DF1659

=====================================================================================================================================================
*/

a, a span { 
	color: #004A9B; 
}
a:hover { 
	color: #009A66; 
}
/*a:hover, a:hover span { color:#7ab92a; }*/

a.homemapborder { 
	color:#B2F4FF; 
}

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

input[type=button], input[type=submit], .commands .button-next, .commands .button-back {
	background: #004A9B;
	background-image: url(msiegradient.php?from=54A408&to=54A408&a=1);
	background-image: linear-gradient(bottom, #7ab92a 0%, #7ab92a 100%);
	background-image: -o-linear-gradient(bottom, #7ab92a 0%, #7ab92a 50%);
	background-image: -moz-linear-gradient(bottom, #7ab92a 0%, #7ab92a 50%);
	background-image: -webkit-linear-gradient(bottom, #7ab92a 0%, #7ab92a 50%);
	background-image: -ms-linear-gradient(bottom, #7ab92a 0%, #7ab92a 50%);
	background-image: -webkit-gradient(
										linear,
										left bottom,
										left top,
										color-stop(0,  #004A9B),
										color-stop(1,  #004A9B)
	);
}

input[type=button]:hover, input[type=submit]:hover, .commands .button-next:hover, .commands .button-back:hover {
	background :#004A9B ;
	background-image: url(msiegradient.php?from=FF5318&to=FF5318&a=0);
	background-image: linear-gradient(center top , #7ab92a 0%, #7ab92a 50%);
	background-image: -o-linear-gradient(center top , #7ab92a 0%, #7ab92a 50%);
	background-image: -moz-linear-gradient(center top , #7ab92a 0%, #7ab92a 50%);
	background-image: -webkit-linear-gradient(center top , #7ab92a 0%, #7ab92a 50%);
	background-image: -ms-linear-gradient(center top , #7ab92a 0%, #7ab92a 50%);
	background-image: -webkit-gradient(
										linear,
										center top,
										center bottom,
										color-stop(0, #004A9B),
										color-stop(1, #004A9B )
	);
}

input[type=submit].normalbutton {
	color:white;
	background:#004A9B;
}

input[type=submit].normalbutton:hover {
	color:white;
	background:#2c2e83;
}

#pagetitle .alertmsg p {
}
	

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

#header a.createaccount {
	background-color: #2c2e83;
}

#header a:hover.createaccount {
	background-color: #009A66;
}


/* ECRAN HOME
------------------------------------------------------------------------------------------------------------------------------------------------------ */

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

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

.fullpage h2.hometitle {
	background-color: #2c2e83;
}

.info h3 {
	color: #004A9B;
	text-align: center;
	font-size: 1.5em;
}

#homesubtitle h2, #homesubtitle h3 {
	background-color: #004A9B;
}

#homesubtitle a:hover h3 {
	background-color: #009A66;
}
	
.info p.subtitle {
	background-color: #009A66;
	text-align: center;
}

.rubrique h2,
#formula_info h2.supertitle {
	color: #004A9B;
}
#header {
    background: #fff;
}
#header #infoabo .infos {
    background-color: #004A9B;
}
#header #infoabo li:hover .infos {
    background-color: #004A9B;
}
#headerwrapcenter.minilogo #pagetitle {
    margin-top: 70px;
}
.fullpage.body {
    margin-top: 165px;
}
#header .blochalfmaxheigh {
    max-height: none;
}
#header .logo, #header_opcompte .logo{
    height: 145px;
}
/* MENUS
------------------------------------------------------------------------------------------------------------------------------------------------------ */

#header #ident {
	background: #009A66;
}

#header #menugen #content {
	background: #009A66;
}

#header #menugen #before a {
}
#header #menugen {
    padding-left: 255px;
}

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

.menu li:hover {
	background: #004A9B;
}

.menu li.abonnement:hover {
}

.menu li.abonnement a:hover p {
}

.menu li:hover div a:hover {
	border-bottom: solid 1px #7ab92a;
}

.menu span {
	color: #fff;
}

.menu li:hover .infos span {
	color: #fff;
	/* background-color:#7ab92a!important; */
}

.menutitle a {
	color: #004A9B !important;
}

.menutitle a:hover {
	color: #004A9B !important;
}

.submenu li a {
	border-bottom: solid 1px #004A9B;
}

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

#help_header ul li a:hover, #help_footer ul li a:hover {
	background-color: #004A9B;
}
#header #infoabo {
    background-color: transparent;
    margin-left: 250px !important;
}

/* 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 #2c2e83;
	border-bottom:solid 1px #2c2e83;
	border-right:solid 5px #2c2e83;
*/
}

#formula .blocinput label, #formula_info .blocinput label {
}

#formula_info h2.header { 
	color: #2c2e83;
}

#formula .bloccols h2 {
}
	
/* 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 #2c2e83;
}
*/

#formula_info h3 .fat {
	color: #2c2e83;
}
	
#formula .blocinput, #formula_info .blocinput {
}

#releve #current {
}

#releve #steps .num.selecteditem {
	background :#2c2e83;
}

#releve h2 {
	color: #2c2e83;
	border-top: solid 5px #2c2e83;
}

#releve #releve_content {
}


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

#ccompte_istep .istep {
	color: #2c2e83;
}


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

.rubrique.i4blocs h2{
	color: #004A9B;
}


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

.prevnexthisto .graphscroll {
	background-color: #7ab92a;
}

.prevnexthisto a:hover .graphprev, .prevnexthisto a:hover .graphnext {
	background-color: #7ab92a;
}

.graphcommand .cmdgranucurrent {
	background-color: #7ab92a;
}

.graphcommand a:hover .cmdgranucurrent  {
	background-color: #7ab92a;
}


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

.footable > tbody > tr:hover {
}

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

.hint--info:after {
}

.hint--info.hint--top:before {
}

.hint--info.hint--bottom:before {
}

.hint--info.hint--left:before {
}

.hint--info.hint--right:before {
}

/* bouton retour help */

.help_header ul li a, .help_footer ul li a {
	background-color:#7ab92a;
}

/* ---------------- DEMANDES CLIENT ------------------ */

#homesubtitle h2{
	width:34%;
	font-size: 1.4em;
}
#homesubtitle a h3 {
/*	width:16%; */
	font-weight: bold;
}
@media (max-width: 600px) {
	#homesubtitle h2{
		width:100%;
	}
	
	#homesubtitle a h3 {
		width:100%;
	}
}

#accessibilite {
	background-color: #004A9B;
}
#homesubtitle2{
	padding : 7px 20px;
}

.info.i3blocs,
#homesubtitle{
	background-color: transparent;
}
.info p img{
	max-width: 150px;
}
#homesubtitle {
	border: 1px #2c2e83 solid;
}
#homesubtitle h2 {
	padding: 30px;
	text-align: center;
	height: 100%;
    vertical-align: middle;
}
#homesubtitle2 h4 {
    text-align: center;
}
#homesubtitle2 h4.vsep {
    border-right: solid 1px #2c2e83;
}


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

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


/* --------------- Pas de détails conso (car un seul compteur) -------------- */
#meterReadBlock th:first-child,
#meterReadBlock td:first-child{
	display:none;
}