/*
=====================================================================================================================================================
	
	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):.................. #36A9E0
	- commandes (URL:hover):............ #434F55
	- info remarquable:................. #2daae1
	- bloc de saisie.....:.............. #C0C0C0
	- bkgnd tooltip/champ obligatoire:.. #DF1659
	- autre............................. #4ABC43
=====================================================================================================================================================
*/

a, a span { 
	color: #4ABC43; 
}
a:hover { 
	color: #434F55; 
}
/*a:hover, a:hover span { color:#434F55; }*/

a.homemapborder { 
	color:#B2F4FF; 
}

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

input[type=button], input[type=submit], .commands .button-next, .commands .button-back {
	background: #36A9E0;
	background-image: url(msiegradient.php?from=54A408&to=54A408&a=1);
	background-image: linear-gradient(bottom, #36A9E0 0%, #36A9E0 100%);
	background-image: -o-linear-gradient(bottom, #36A9E0 0%, #36A9E0 50%);
	background-image: -moz-linear-gradient(bottom, #36A9E0 0%, #36A9E0 50%);
	background-image: -webkit-linear-gradient(bottom, #36A9E0 0%, #36A9E0 50%);
	background-image: -ms-linear-gradient(bottom, #36A9E0 0%, #36A9E0 50%);
	background-image: -webkit-gradient(
										linear,
										left bottom,
										left top,
										color-stop(0, #36A9E0),
										color-stop(1, #36A9E0)
	);
}

input[type=button]:hover, input[type=submit]:hover, .commands .button-next:hover, .commands .button-back:hover {
	background :#434F55;
	background-image: url(msiegradient.php?from=FF5318&to=FF5318&a=0);
	background-image: linear-gradient(center top , #434F55 0%, #434F55 50%);
	background-image: -o-linear-gradient(center top , #434F55 0%, #434F55 50%);
	background-image: -moz-linear-gradient(center top , #434F55 0%, #434F55 50%);
	background-image: -webkit-linear-gradient(center top , #434F55 0%, #434F55 50%);
	background-image: -ms-linear-gradient(center top , #434F55 0%, #434F55 50%);
	background-image: -webkit-gradient(
										linear,
										center top,
										center bottom,
										color-stop(0, #434F55),
										color-stop(1, #434F55)
	);
}

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

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

#pagetitle .alertmsg p {
}
	

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

#header a.createaccount {
	background-color: #2daae1;
}

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


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

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

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

.fullpage h2.hometitle {
	background-color: #2daae1;
}

.info h3 {
	color: #4ABC43;
}

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

#homesubtitle a:hover h3 {
	background-color: #434F55;
}
	
.info p.subtitle {
	background-color: #36A9E0;
}

#formula_info h2.supertitle {
	color: #2daae1;
}


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

#header #ident {
	background: #36A9E0;
}

#header #menugen #content {
	background: #36A9E0;
}

#header #menugen #before a {
}

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

.menu li:hover {
	background: #434F55;
}

.menu li.abonnement:hover {
}

.menu li.abonnement a:hover p {
}

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

.menu span {
	color: #36A9E0;
}

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

.menutitle a {
	color: #36A9E0 !important;
}

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

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

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

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


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

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

#formula_info h2.header { 
	color: #2daae1;
}

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

#formula_info h3 .fat {
	color: #2daae1;
}
	
#formula .blocinput, #formula_info .blocinput {
}

#releve #current {
}

#releve #steps .num.selecteditem {
	background :#2daae1;
}

#releve h2 {
	color: #2daae1;
	border-top: solid 5px #2daae1;
}

#releve #releve_content {
}


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

#ccompte_istep .istep {
	color: #2daae1;
}


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

.rubrique.i4blocs h2{
	color: #36A9E0;
}


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

.prevnexthisto .graphscroll {
	background-color: #36A9E0;
}

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

.graphcommand .cmdgranucurrent {
	background-color: #36A9E0;
}

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


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

a {
    color: #4ABC43;
}