/*
=====================================================================================================================================================
	
	SPECIFIC CLIENT OVERRIDE

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

@import url(https://fonts.googleapis.com/css?family=Asap);

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* Avant 
body {
	font-family: 'asap-regular', Arial, Helvetica, sans-serif;
}


*/


body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}



#directDebitEditForm #formula.left {
	width: 80%;
}

/*
=====================================================================================================================================================
	
	COULEURS UI
	
	- commandes (URL):.................. #36A9E0 343A40
	- commandes (URL:hover):............ #434F55 05A2CE
	- info remarquable:................. #2daae1
	- bloc de saisie.....:.............. #C0C0C0
	- bkgnd tooltip/champ obligatoire:.. #DF1659

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

a, a span { 
	color: #343A40; 
}


a:hover { 
	color: #05A2CE; 
}
/*a:hover, a:hover span { color:#434F55; }*/

a.homemapborder { 
	color:#343A40; 
}

a.homemapborder:hover { 
	color: #05A2CE; 
} 

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

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

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

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

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

#pagetitle .alertmsg p {
}
	

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

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

#header a:hover.createaccount {
	background-color: #05A2CE;
}


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

a:hover .rubrique.i4blocs h2 {
	color: #05A2CE;
}

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

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

.info h3 {
	color: #343A40;
}

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

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

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


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

#header #ident {
	background: #05A2CE;
}

#header #menugen #content {
	background: #05A2CE;
}

#header #menugen #before a {
}

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

.menu li:hover {
	background: #05A2CE;
}

.menu li.abonnement:hover {
}

.menu li.abonnement a:hover p {
}

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

.menu span {
	color: #343A40;
}

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

.menutitle a {
	color: #343A40 !important;
}

.menutitle a:hover {
	color: #05A2CE !important;
}

.submenu li a {
	border-bottom: solid 1px #343A40;
}

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

#help_header ul li a:hover, #help_footer ul li a:hover {
	background-color: #05A2CE;
}


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


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

.prevnexthisto .graphscroll {
	background-color: #343A40;
}

.prevnexthisto a:hover .graphprev, .prevnexthisto a:hover .graphnext {
	background-color: #05A2CE;
}

.graphcommand .cmdgranucurrent {
	background-color: #343A40;
}

.graphcommand a:hover .cmdgranucurrent  {
	background-color: #05A2CE;
}


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

a {
    color: #05A2CE;
}