/*
=====================================================================================================================================================
	
	COULEURS UI
	
	- commandes (URL):.................. #11B064
	- commandes (URL:hover):............ #06723E
	- info remarquable:................. #FD5318
	- bloc de saisie.....:.............. #C0C0C0
	- bkgnd tooltip/champ obligatoire:.. #DF1659

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


a, a span { color:#11B064; }
a:hover { color:#06723E; }
/*a:hover, a:hover span { color:#06723E; }*/

a.homemapborder { 
	color:#000;
}



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

input[type=button], input[type=submit], .commands .button-next, .commands .button-back {
	color:#fff;
	cursor:pointer;
	text-shadow: none;
	border:none;
/* m�thode de redesign compatible iPad et OSx en g�n�ral */ 	
	background:#11B064;

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

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

	background:#06723E;

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

	}

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

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

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

.customStepper-skip{
	width: 210px;
	text-align: center;
	margin-bottom: 5px !important;
}
.commands .button-next.disabled, .commands .button-back.disabled,
.commands .button-next.disabled:hover, .commands .button-back.disabled:hover {
	background:#C0C0C0;
	cursor:default;
}
/* ECRAN IDENTIFICATION
------------------------------------------------------------------------------------------------------------------------------------------------------ */

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

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

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

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

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

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

.info h3
	{
	color:#11B064;
}

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

#homesubtitle a:hover h3
	{
	background-color:#06723E;
	}
	
.info p.subtitle
	{
	background-color:#11B064;
	}

#formula_info h2.supertitle
	{
	color:#FD5318;
	}


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

#header #ident
	{
	background:#11B064;
	}

#header #menugen #content
	{
	background:#11B064;
	}

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

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

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

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

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

.menu span {
	color: #11B064;
}

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

.menutitle a {
	color:#11B064!important;
}

.menutitle a:hover {
	color:#06723E!important;
	border:none!important;
}

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

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

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

/* BLOCS DE SAISIE
------------------------------------------------------------------------------------------------------------------------------------------------------ */

input[type=text].fldtextoblig,
input[type=number].fldtextoblig,
input[type=password].fldtextoblig,
input[type=email].fldtextoblig,
input[type=file].fldtextoblig,
textarea.fldtextoblig, select.fldtextoblig, 
span.fldtextoblig {
/*
	border-top:solid 1px #FD5318;
	border-bottom:solid 1px #FD5318;
	border-right:solid 5px #FD5318;
*/
	border-left:solid 3px #DF1659;
}

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

#formula .bloccols h2.withstepper
	{
	color:#444444;
	border-bottom: solid 1px #444444;
	border-top:none;
	}
	
/* 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 #FD5318;
}
*/

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

#subscriptionManagementForm .current,
#releve .current
	{
	background:#C0C0C0;
opacity: 1;
	}
#subscriptionManagementForm #steps .num.selecteditem,
#releve #steps .num.selecteditem
	{
	color:#fff;
	background:#FD5318;
	}
#subscriptionManagementForm #formula .bloccols h2,
#releve h2
	{
	color:#FD5318;
	border-top:solid 5px #FD5318;
	border-bottom:none;
	}
	
#subscriptionManagementForm #formula .bloccols h2.withstepper 
{
	color:#444;
	border-top:none;
}
#subscriptionManagementForm .releve_content,
#releve .releve_content
	{
	background:#f0F0F0;
	}



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

#ccompte_istep .istep
	{
	color:#FD5318;
	}


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

.rubrique.i4blocs h2
	{
	color:#11B064;
	}



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

.prevnexthisto .graphscroll
	{
	background-color:#11B064;
	}

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

.graphcommand .cmdgranucurrent {
	background-color:#11B064;
}

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


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


/* bouton retour help */

.help_header ul li a, .help_footer ul li a
	{
	background-color:#11B064;
	}
	
/* Bloc contacts
------------------------------------------------------------------------------------------------------------------------------------------------------ */
.agenciesContactContainer{
	float: left;
	width: 100%;
	margin: 20px 0;
}
.agenciesContactContainer .agencyContact{
	background-color: #F0F0F0;
	float: left;
	width: 24.25%;
	padding: 10px;
	margin-right: 1%;
}

.agenciesContactContainer .agencyContact:last-child{
	
	margin-right: 0;
}
.agenciesContactContainer .agencyContactTitle,
.agenciesContactContainer .agencyContactPhone{
	text-align:center;
	background: #fff;
	color: #2ba2c7;
	font-weight:bold;
	padding: 10px;
}

/* -------------------- AVERTISSEMENTS --------------------------- */
.paymentWarning{
	display: none;
	background-color: #F0F0F0;
	padding: 15px;
	font-size: 0.9em;
	margin-bottom: 10px;
}
.paymentWarning a{
	color: #0096d8;
    text-decoration: underline;
}
.paymentWarning ul.compliancesList{
	display: none;
	font-size: 0.9em;
	list-style: inherit;
    padding-left: inherit;
    margin-left: 20px;
}
.paymentWarning ul li{
	font-size: 12px;
}