/*
=====================================================================================================================================================
	
	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):.................. #007bc0
	- commandes (URL:hover):............ #80bde0
	- info remarquable:................. #007bc0
	- bloc de saisie.....:.............. #C0C0C0
	- bkgnd tooltip/champ obligatoire:.. #DF1659

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

a, a span { 
	color: #007bc0; 
}
a:hover { 
	color: #80bde0; 
}
/*a:hover, a:hover span { color:#80bde0; }*/

a.homemapborder { 
	color:#B2F4FF; 
}

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

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

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

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

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

#pagetitle .alertmsg p,
#pagetitle a {
	color: #fff;
}
	

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

#header a.createaccount {
	background-color: #007bc0;
}

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


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

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

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

.fullpage h2.hometitle {
	background-color: #007bc0;
}

.info h3 {
	color: #007bc0;
	text-align: center;
}

#homesubtitle h2, #homesubtitle h3 {
	background-color: #80bde0;
	border: 1px #fff solid;
}

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

.rubrique h2,
#formula_info h2.supertitle {
	color: #007bc0;
}
#header {
    background: #fff;
    position: absolute;
}
#header #infoabo .infos {
    background-color: #007bc0;
}
#header #infoabo li:hover .infos {
    background-color: #80bde0;
}
#headerwrapcenter.logo #pagetitle,
#headerwrapcenter.minilogo #pagetitle {
    margin-top: 25px;
    max-height: none;
}
.fullpage.body {
    margin-top: 180px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px;
}
/* MENUS
------------------------------------------------------------------------------------------------------------------------------------------------------ */

#header #ident {
	background: rgba(255,255,255,0.5);
}

#header #menugen #content {
	background: #80bde0;
}

#header #menugen #before a {
}

#header #infoabo a:hover .abonne h2, #header #infoabo a:hover .abonne p {
}
.menu li:hover {
	background: #007bc0;
}
#before .menu li:last-child {
	border: 1px #fff solid;
}

.menu li.abonnement:hover {
}

.menu li.abonnement a:hover p {
}

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

.menu span {
	color: #fff;
}

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

.menutitle a {
	color: #80bde0 !important;
}

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

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

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

#help_header ul li a:hover, #help_footer ul li a:hover {
	background-color: #80bde0;
}
#header #infoabo {
    background-color: transparent;
}

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

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

#formula_info h2.header { 
	color: #007bc0;
}

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

#formula_info h3 .fat {
	color: #007bc0;
}
	
#formula .blocinput, #formula_info .blocinput {
}

#releve #current {
}

#releve #steps .num.selecteditem {
	background :#007bc0;
}

#releve h2 {
	color: #007bc0;
	border-top: solid 5px #007bc0;
}

#releve #releve_content {
}


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

#ccompte_istep .istep {
	color: #007bc0;
}


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

.rubrique.i4blocs h2{
	color: #007bc0;
}


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

.prevnexthisto .graphscroll {
	background-color: #80bde0;
}

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

.graphcommand .cmdgranucurrent {
	background-color: #80bde0;
}

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


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

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

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

@media (max-width: 600px) {
	#homesubtitle h2{
		width:100%;
	}
	
	#homesubtitle a h3 {
		width:100%;
	}
}

#accessibilite {
	background-color: rgba(255,255,255,0.5);
}
#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;
}

/* ------------- SPECIFIQUE VENDEO ---------------------- */
body{
	
    background: #fff url(../images/HeaderFond.gif) no-repeat;
}
#header {
    background: transparent;
    box-shadow: none;
}
#pagetitle h1 {
    color: #fff;
    text-shadow: none;
}
#footer {
    background: #fff url(../images/Footer.gif) no-repeat;
    height: 175px;
}
#footer .bottom,
a.homemapborder,
#accessibilityRememberMe,
#accessibilityRememberMe a,
#header .lost{
	color: #fff;
}

#footer .footerwrap a,
#footer .bottom{
	color: #007bc0;
	
}

#footer .footerwrap a{
	font-weight: bold;
}
#footer .footerwrap {
    position: absolute;
    bottom: 0;
    padding-bottom: 0px;
}
.rubrique p img {
    float: none;
    margin: auto;
}
.rubrique h2 {
    width: 100%;
    text-align: center;
}
.dropdown_1column, .dropdown_2columns, .dropdown_1columns_large, .dropdown_3columns_large, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
    box-shadow: none;
}