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

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

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

body {
	font-family: 'asap-regular', Arial, Helvetica, sans-serif;
	background:url(../images/body.gif);
}
#directDebitEditForm #formula.left {
	width: 80%;
}
#header .logo, #header_opcompte .logo{
	background: transparent url("../images/maxilogo.png") no-repeat !important;
}
#headerwrapcenter{
	height: 145px;
}

/*
=====================================================================================================================================================
	
	COULEURS UI
	
	- commandes (URL):.................. #21adc2
	- commandes (URL:hover):............ #e30059
	- info remarquable:................. #21adc2
	- bloc de saisie.....:.............. #C0C0C0
	- bkgnd tooltip/champ obligatoire:.. #DF1659

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

a, a span { 
	color: #21adc2; 
}
a:hover { 
	color: #e30059; 
}
/*a:hover, a:hover span { color:#e30059; }*/

a.homemapborder { 
	color:#fff;
	text-decoration:underline;
}

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

input[type=button], input[type=submit], .commands .button-next, .commands .button-back {
	background: #21adc2;
}

input[type=button]:hover, input[type=submit]:hover, .commands .button-next:hover, .commands .button-back:hover {
	background :#e30059;
}

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

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

#pagetitle .alertmsg {
	/*margin-top: -20px;*/
}
	

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

#header a.createaccount {
	background-color: #21adc2;
}

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


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

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

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

.fullpage h2.hometitle {
	background-color: #21adc2;
}

.info h3 {
	color: #e30059;
	text-align:center;
}
.rubrique p {
    width: 100%;
    text-align: center;
}
.rubrique h2 {
    text-align: center;
    width: 100%;
}
.rubrique p img {
    float: none;
    margin: auto;
}

#homesubtitle h2, #homesubtitle h3 {
	background-color: #21adc2;
}

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

#formula_info h2.supertitle {
	color: #21adc2;
}

.fullpage.body{
	background-color: rgba(255, 255, 255, 0.5);
    padding: 25px 20px;
    margin-top: 165px;
}
#header{
	height: 165px;
}
#headerwrapcenter.minilogo #pagetitle {
    margin-top: 90px;
}
#headerwrapcenter.logo #pagetitle {
    margin-top: 65px;
}
/* FOOTER
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer{
	background-color:#21adc2;
}

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

#header #ident {
	background: #21adc2;
}
#header #menugen {
    padding-left: 195px;
}
@media (max-width: 480px){

	#header #menugen, #header #menugen #before, #header #menugen #content {		
		padding-left: 0;
	}
}
@media (max-width: 1137px){
	#pagetitle .alertmsg p,
	#pagetitle h1{
		display: none;
	}
}
#header #menugen #content {
	background: #21adc2;
}

#header #menugen #before a {
}

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

.menu li:hover {
	background: #e30059;
}

.menu li.abonnement:hover {
}

.menu li.abonnement a:hover p {
}

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

.menu span {
	color: #21adc2;
}
.menu span:hover {
	color: #e30059;
}


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

.menutitle a {
	color: #e30059 !important;
}

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

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

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

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


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

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

#formula_info h2.header { 
	color: #21adc2;
}

#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 #21adc2;
}
*/

#formula_info h3 .fat {
	color: #21adc2;
}
	
#formula .blocinput, #formula_info .blocinput {
}

#releve #current {
}

#releve #steps .num.selecteditem {
	background :#21adc2;
}

#releve h2 {
	color: #21adc2;
	border-top: solid 5px #21adc2;
}

#releve #releve_content {
}


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

#ccompte_istep .istep {
	color: #21adc2;
}


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

.rubrique.i4blocs h2{
	color: #e30059;
}


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

.prevnexthisto .graphscroll {
	background-color: #e30059;
}

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

.graphcommand .cmdgranucurrent {
	background-color: #e30059;
}

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


/* 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:#e30059;
}

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

#homesubtitle h2{
	width:34%;
	font-size: 1.4em;
	
}
 

#homesubtitle p {
    float: left;
    width: 60%;
    padding: 7px;
    font-size: 1.10em;
    text-align: left;
    position: absolute;
    line-height: 1em;
    margin-top: 60px;
    color: green;
}
.info.i3blocs {
   margin-top: 2%;
}
	
#homesubtitle a h3 {
	width:16%;
}


@media (max-width: 1024px) {	
	#homesubtitle a h3 {
		width:50%;
	}
}

@media (max-width: 600px) {
	#homesubtitle h2{
		width:100%;
	}
	
	#homesubtitle a h3 {
		width:100%;
	}
	#homesubtitle p {
    	width:100%;
    	position: relative;
	}
}
@media (max-width: 1700px) {
	#homesubtitle p {
		width:30%;
	}
}
@media (max-width: 1600px) {
	#homesubtitle p {
		width:31%;
	}
}
@media (max-width: 1516px) {
	#homesubtitle p {
		width:35%;
	}
}

@media (max-width: 1440px) {
	#homesubtitle p {
		width:34%;
	}
}

@media (max-width: 1280px) {
	#homesubtitle p {
		width:35%;
	}
}

@media (max-width: 1100px) {
#homesubtitle p {
		width:30%;
	}
}

@media (max-width: 1024px) {
#homesubtitle p {
		width:30%;
	}
}

@media (max-width: 900px) {
#homesubtitle p {
	width: 37%;
	margin-top: 86px;
	}
}

@media (max-width: 768px) {
#homesubtitle p {
		width:35%;
	}
}

#accessibilite {
	background-color: #21adc2;
}
#homesubtitle2{
	padding : 7px 20px;
}


/* ------------------- 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;
}