/*
=====================================================================================================================================================
	
	COULEURS UI
	
	- commandes (URL):.................. #0096d8
	- commandes (URL:hover):............ #0096d8
	- info remarquable:................. #0096d8
	- bloc de saisie.....:.............. #C0C0C0
	- bkgnd tooltip/champ obligatoire:.. #DF1659

=====================================================================================================================================================
*/

body{
	font-family:Arial, Helvetica, sans-serif;
}

a, a span { color:#0096d8; }
a:hover {
	color:#0096d8;
	text-decoration:underline;
}
/*a:hover, a:hover span { color:#0096d8; }*/




/* 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:#0096d8;

/*	background-image: url(msiegradient.php?from=54A408&to=54A408&a=1); // >>>>>>>>>>>>>>>>>> SVG pour simuler le gradient sur IE9 <<<<<<<<<<<<<<<<<< */
	background-image: linear-gradient(bottom, #0096d8 0%, #0096d8 100%);
	background-image: -o-linear-gradient(bottom, #0096d8 0%, #0096d8 50%);
	background-image: -moz-linear-gradient(bottom, #0096d8 0%, #0096d8 50%);
	background-image: -webkit-linear-gradient(bottom, #0096d8 0%, #0096d8 50%);
	background-image: -ms-linear-gradient(bottom, #0096d8 0%, #0096d8 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #0096d8),
		color-stop(1, #0096d8)
	);
}

input[type=button]:hover, input[type=submit]:hover, .commands .button-next:hover, .commands .button-back:hover {

	color:#0096d8;
	border:1px #0096d8 solid;
	background:#fff;
	text-decoration:none;
	
}

input[type=submit].normalbutton {
	color:white;
	background:#0096d8;
}

input[type=submit].normalbutton:hover {
	color:#0096d8;
	background:#fff;
}

#pagetitle .alertmsg p a {
	color:#DF1659;
}
	

/* ECRAN IDENTIFICATION
------------------------------------------------------------------------------------------------------------------------------------------------------ */

#header a.createaccount {
	color:#fff;
	background-color:#0096d8;
}

#header a:hover.createaccount {
	background-color:#0096d8;
}
#header .lost p{
	background: rgba(255, 255, 255, 0.7);
	  padding: 3px;
	  font-size: 12px;
}



/* ECRAN HOME
------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*
a:hover .rubrique.i4blocs h2 {
	color:#0096d8;
}
*/

a .rubrique.i3blocs,
a .rubrique.i4blocs,
a:hover .rubrique.i3blocs,
a:hover .rubrique.i4blocs {
	border:none;
}

.fullpage h2.hometitle
	{
	background-color:#0096d8;
	color: #FFF;
    	}

.info h3{
	display:none;
}
.info.i3blocs p{
	text-align:center;
}
/* -------------- couleurs statics sur 3 blocs ---------- */
.info.i3blocs.budgetBlock h3{
	color:#0096d8;
}
.info.i3blocs.budgetBlock p.subtitle{
	background-color:#0096d8;
}
.info.i3blocs.subscriptionBlock h3{
	color:#0096d8;
}
.info.i3blocs.subscriptionBlock p.subtitle{
	background-color:#0096d8;
}

#homesubtitle,
.info.i3blocs{
	background-color:transparent;
}

#homesubtitle h2, #homesubtitle h3
	{
	background-color:#0096d8;
	}


#homesubtitle a:hover h3
	{
	background-color:#fff;
	color:#0096d8;
	border:1px #0096d8 solid;
	}
	
.info p.subtitle
	{
	background-color:#0096d8;
	}


#formula_info h2.supertitle
	{
	color:#0096d8;
	font-size: 1.5em;
	}
#formula_info h2.subtitle
	{
	color:#0096d8;
	}


/* MENUS
------------------------------------------------------------------------------------------------------------------------------------------------------ */

#header #ident
	{
	background:#0096d8;
	}

#header #menugen #content
	{
	background:#0096d8;
	}

#header #menugen #before a
	{
	color:#fff;
	}

#header #infoabo a:hover .abonne h2, #header #infoabo a:hover .abonne p
	{
	color:#FD5319;
	}
	
.menu li:hover {
	background:#0096d8;
}

.menu li.abonnement:hover {
	background:transparent;
}

.menu li.abonnement a:hover p {
	color:#FD5319;
}

.menu li:hover div a:hover {
	border-bottom:solid 1px #0096d8;
}

/* ----------- LOADER ----------------- */

.squaresWaveG{
	background-color:#0096d8;
}

@-moz-keyframes bounce_squaresWaveG{
	0%{
		background-color:#0096d8;
	}	
	100%{
		background-color:transparent;
	}
}

@-webkit-keyframes bounce_squaresWaveG{
	0%{
		background-color:#0096d8;
	}	
	100%{
		background-color:transparent;
	}
}

@-ms-keyframes bounce_squaresWaveG{
	0%{
		background-color:#0096d8;
	}	
	100%{
		background-color:transparent;
	}
}

@-o-keyframes bounce_squaresWaveG{
	0%{
		background-color:#0096d8;
	}	
	100%{
		background-color:transparent;
	}
}

@keyframes bounce_squaresWaveG{
	0%{
		background-color:#0096d8;
	}	
	100%{
		background-color:transparent;
	}
}

/* ----------------- MENU ------------- */

.menu span {
	color:#0096d8;
}

.menu li:hover .infos {
	background-color:#0096d8!important;
}

.menu li:hover .infos > span{
	color:#fff!important;
}

.menutitle a {
	color:#0096d8!important;
}

.menutitle a:hover {
	color:#0096d8!important;
	border:none!important;
}

.submenu li a {
	border-bottom: solid 1px #0096d8;
}

.submenu li a:hover {
	border-bottom: solid 1px #0096d8;
}

#help_header ul li a:hover, #help_footer ul li a:hover
	{
	background-color:#0096d8;
	}
	
	
#formula .formTextBloc h1{
	color:#0096d8;
}
#formula .formTextBloc{
	border-color:#0096d8;
}

/* 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 #0096d8;
	border-bottom:solid 1px #0096d8;
	border-right:solid 5px #0096d8;
*/
	border-left:solid 3px #DF1659;
}

#formula .blocinput label, #formula_info .blocinput label
	{
	color:#444;
	}
	
#formula_info h2.header { color:#0096d8; }

#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 #0096d8;
}
*/

	
#formula_info h3 .fat
	{
	color:#0096d8;
	}
	
#formula .blocinput, #formula_info .blocinput { background:#C0C0C0; }

#releve #current
	{
	background:#C0C0C0;
	}

#releve #steps .num.selecteditem
	{
	color:#fff;
	background:#0096d8;
	}

#releve h2
	{
	color:#0096d8;
	border-top:solid 5px #0096d8;
	}

#releve #releve_content
	{
	background:#f0F0F0;
	}



/* TEXTE MIS EN AVANT
------------------------------------------------------------------------------------------------------------------------------------------------------ */

#ccompte_istep .istep
	{
	color:#0096d8;
	}


/* LINKS
------------------------------------------------------------------------------------------------------------------------------------------------------ */

.rubrique h2
	{
	color:#0096d8 !important;
	}



/* GRAPH CONSO
------------------------------------------------------------------------------------------------------------------------------------------------------ */

.prevnexthisto .graphscroll
	{
	background-color:#0096d8;
	}

.prevnexthisto a:hover .graphprev, .prevnexthisto a:hover .graphnext {
	background-color:#0096d8;
}

.graphcommand .cmdgranucurrent {
	background-color:#0096d8;
}

.graphcommand a:hover .cmdgranucurrent  {
	background-color:#0096d8;
}


/* 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:#0096d8;
	}

.help_header ul li a:hover, .help_footer ul li a:hover
	{
	background-color:#0096d8;
	}

/* LABEL RADIOS BOUTON
------------------------------------------------------------------------------------------------------------------------------------------------------ */

.labelbtn_checked { 
	color:#0096d8!important;
	}
	
/* ------------ DEMANDES SPECIFIQUES CLIENT -------------------- */
#releve .releve_content table td.libelle{
	font-family: inherit !important;
}
.dropdown_3columns {
  width: 700px;
}

/*    ------------ HEADER ----------------*/
#header{
	background-color:#fff;
height: 188px;

}
#header .logo {
	height: 170px;
}
.fullpage.body {
margin-top: 225px;
}
#header #infoabo{
	margin-left:0;
}

#pagetitle {
	margin-top:80px;
}


.logo #pagetitle {
	margin-top:40px;
}

.minilogo #pagetitle {
	margin-top:126px !important;
	overflow: initial;
}
.logo #headerTitleLabel{
	margin-top: 75px;
}
#header .blochalfmaxheigh {
    max-height: none;
}

/* #header #ident { */
/* 	width: 428px !important; */
/* } */

/* #header #ident .field { */
/* 	margin-right: 6px; */
/* } */
/* #header #ident .field.button { */
/* 	margin-top: 0px; */
/* 	float: right; */
/* 	margin-bottom: 10px; */
/* 	margin-right:8px; */
/* } */
.headerFlashContainer{
/* 	float: left; */
/* 	margin-left: -46px; */
/* 	margin-top: -2px; */
	position:absolute;
	top:-2px;
	left:-45px;
	/*width: 899px;
	height: 145px;*/
	overflow: hidden;
}
#logoBlock{
	position:absolute;
	z-index:1000;
	top: 10px;
	left: 46px;
	
}


#meterReadBlock th:first-child,
#meterReadBlock td:first-child{
	display:none;
}


#form{
	float:right;
	clear:both;
}

/*    ------------ FOOTER ----------------*/
#accessibilite #assistance,
#ggmap_header, #ggmap
{
	display:none !important;
}

#footer {
	background:none;
}

#footer .bottom{
	color:#808080;
	text-align:right;
	float:right;
	width: 72%;
	padding-bottom: 20px;
}
#footer .wrapcenter{
	/*background: url(../images/bg_footer.jpg) no-repeat top left;*/
	height: 65px;
}

#footer p{
	font-size:1em;
}

#footer p a{
	font-size:1.2em;
}
