/*
=====================================================================================================================================================
	
	COULEURS UI
	
	- commandes (URL):.................. #0079c1
	- commandes (URL:hover):............ #0079c1
	- info remarquable:................. #00b1e6
	- bloc de saisie.....:.............. #C0C0C0
	- bkgnd tooltip/champ obligatoire:.. #DF1659

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

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

a, a span { color:#0079c1; }
a:hover { color:#0079c1; }
/*a:hover, a:hover span { color:#0079c1; }*/




/* 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:#0079c1;

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

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

	background:#0079c1;

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

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

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

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

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

#header a.createaccount {
	color:#fff;
	background-color:#00b1e6;
}

#header a:hover.createaccount {
	background-color:#0079c1;
}
#header .lost p{
	background: rgba(255, 255, 255, 0.7);
	  padding: 3px;
	  font-size: 12px;
}



/* ECRAN HOME
------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*
a:hover .rubrique.i4blocs h2 {
	color:#0079c1;
}
*/
	
span.rubrique h2{
	display:none;
}

a .rubrique.i3blocs,
a .rubrique.i4blocs,
a:hover .rubrique.i3blocs,
a:hover .rubrique.i4blocs {
	border:none;
}

.fullpage h2.hometitle
	{
	background-color:#00b1e6;
	color: #FFF;
    	}

.info h3{
	display:none;
}
.info.i3blocs p{
	text-align:center;
}
/* -------------- couleurs statics sur 3 blocs ---------- */
.info.i3blocs.budgetBlock h3{
	color:#f39220;
}
.info.i3blocs.budgetBlock p.subtitle{
	background-color:#f39220;
}
.info.i3blocs.subscriptionBlock h3{
	color:#ac1867;
}
.info.i3blocs.subscriptionBlock p.subtitle{
	background-color:#ac1867;
}

#homesubtitle,
.info.i3blocs{
	background-color:transparent;
}

#homesubtitle h2, #homesubtitle h3
	{
	background-color:#00b1e6;
	}


#homesubtitle a:hover h3
	{
	background-color:#0079c1;
	}
	
.info p.subtitle
	{
	background-color:#0079c1;
	}


#formula_info h2.supertitle
	{
	color:#00b1e6;
	font-size: 1.5em;
	}
#formula_info h2.subtitle
	{
	color:#00b1e6;
	}


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

#header #ident
	{
	background:#0079c1;
	}

#header #menugen #content
	{
	background:#0079c1;
	}

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

#header #infoabo a:hover .abonne h2, #header #infoabo a:hover .abonne p
	{
	color:#FD5319;
	}
	
.menu li:hover {
	background:#0079c1;
}

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

.menu li.abonnement a:hover p {
	color:#FD5319;
}

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

/* ----------- LOADER ----------------- */

.squaresWaveG{
	background-color:#0079c1;
}

@-moz-keyframes bounce_squaresWaveG{
	0%{
		background-color:#0079c1;
	}	
	100%{
		background-color:transparent;
	}
}

@-webkit-keyframes bounce_squaresWaveG{
	0%{
		background-color:#0079c1;
	}	
	100%{
		background-color:transparent;
	}
}

@-ms-keyframes bounce_squaresWaveG{
	0%{
		background-color:#0079c1;
	}	
	100%{
		background-color:transparent;
	}
}

@-o-keyframes bounce_squaresWaveG{
	0%{
		background-color:#0079c1;
	}	
	100%{
		background-color:transparent;
	}
}

@keyframes bounce_squaresWaveG{
	0%{
		background-color:#0079c1;
	}	
	100%{
		background-color:transparent;
	}
}

/* ----------------- MENU ------------- */

.menu span {
	color:#0079c1;
}

.menu li:hover .infos {
	background-color:#0079c1!important;
}

.menu li:hover .infos > span{
	color:#fff!important;
}

.menutitle a {
	color:#0079c1!important;
}

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

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

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

#help_header ul li a:hover, #help_footer ul li a:hover
	{
	background-color:#0079c1;
	}
	
	
#formula .formTextBloc h1{
	color:#0079c1;
}
#formula .formTextBloc{
	border-color:#0079c1;
}

/* 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 #00b1e6;
	border-bottom:solid 1px #00b1e6;
	border-right:solid 5px #00b1e6;
*/
	border-left:solid 3px #DF1659;
}

#formula .blocinput label, #formula_info .blocinput label
	{
	color:#444;
	}
	
#formula_info h2.header { color:#00b1e6; }

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

	
#formula_info h3 .fat
	{
	color:#00b1e6;
	}
	
#formula .blocinput, #formula_info .blocinput { background:#C0C0C0; }

#releve #current
	{
	background:#C0C0C0;
	}

#releve #steps .num.selecteditem
	{
	color:#fff;
	background:#00b1e6;
	}

#releve h2
	{
	color:#00b1e6;
	border-top:solid 5px #00b1e6;
	}

#releve #releve_content
	{
	background:#f0F0F0;
	}



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

#ccompte_istep .istep
	{
	color:#00b1e6;
	}


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

.rubrique h2
	{
	color:#0079c1 !important;
	}



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

.prevnexthisto .graphscroll
	{
	background-color:#0079c1;
	}

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

.graphcommand .cmdgranucurrent {
	background-color:#0079c1;
}

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


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

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

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

.labelbtn_checked { 
	color:#0079c1!important;
	}
	
/* ------------ DEMANDES SPECIFIQUES CLIENT -------------------- */
#releve .releve_content table td.libelle{
	font-family: inherit !important;
}
.dropdown_3columns {
  width: 700px;
}

/*    ------------ HEADER ----------------*/
#header{
	background-color:#fff;
}
#header .logo {
	height: 170px;
}
.fullpage.body {
margin-top: 200px;
}
#header #infoabo{
	margin-left:0;
}

#pagetitle {
	margin-top:50px;
}
.logo #pagetitle,
.minilogo #pagetitle {
	overflow: initial;
}
.logo #pagetitle{
	margin-top:40px !important;
}
.minilogo #pagetitle {
	margin-top:100px !important;
}
#pagetitle h1{
	margin-left:0px;
}
.logo #pagetitle h1{
	margin-top:40px;
}

#header .logo, #header_opcompte .logo,
#header .minilogo, #header_opcompte .minilogo {
	padding-left: 100px;
}

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


#subscriptionManagementForm .current, #releve .current {
    background: #C0C0C0;
    opacity: 1;
}

#subscriptionManagementForm .releve_content, #releve .releve_content {
    background: #f0F0F0;
}