#homesubtitle {
  margin-top: 28px !important;
}



#homesubtitle {
  margin-top: 10px !important;
  background-color: #FFEF4D;
  font-size: 1.25em;
}

#homesubtitle2 h4 {
  color: #3a3854;
  font-weight: bold;
}


/*
#homesubtitle h2, #homesubtitle a:hover h3 {
  background-color: #3a3854;
}
*/ 

#homesubtitle h2 {
  background-color: #FFEF4D;
  color: #3A3854;
}

#homesubtitle a:hover h3 {
  background-color: #FFEF4D;
  color: #3A3854;
  border-color : #3A3854 ;
  border: solid ;
}
 

#homesubtitle a h3 {
  float: right;
  width: 20%;
  padding: 10px 20px 10px 20px;
  font-size: 1em;
  font-weight: normal;
  text-align: center;
  border-radius : 40px; 
  background-color: #3A3854;
  margin-top: 5px;
}

#header {
  background: #3a3854;
  height: 145px;
}


#headerwrapcenter #logoHeader .logo {
	display: inline-block;
	height: 145px;
	width: 100%;
	background-size: contain;
	/*position: absolute; */

}

#header .lost {
  font-size: 0.6em;
  line-height: 0.6em;
  color: #fff;
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
}


#header #ident {
  background: #3c3c3e;
}


#header #ident .field.button input[type="submit"] {
  margin-right: 0px;
  border: solid 1px #fff;
  background: #ffef4d;
  color: #3a3854;
  
}

input[type="submit"].normalbutton {
  color: #3a3854;
  background: #ffef4d;
}


input[type=submit].normalbutton {
	color:#3a3854;
	background:#ffef4d;
}

input[type=submit].normalbutton:hover {
	color:#3a3854;
	background:#FFC300 ;
}

#header .blochalfmaxheigh {
  max-height: 40px;
}

#accessibilite {
  position: relative;
  float: right;
  font-size: 12px;
  line-height: 12px;
  color: white;
  padding: 0px 5px 0px 5px;
  background: #3c3c3e;
  height: 33px;
  margin-bottom: 3px;
  margin-top: 10px;
}



} 


#footer {
  background: #3c3c3e;
}


#ggmap_header {
  position: relative;
  float: left;
  width: 100%;
  padding: 10px 0 10px 0;
  background: #fff;
  color: #3A3854;
  margin-top: 30px;
  font-size: 1.25em;
  text-align: center;
}


/*
a, a span {
  color: #ffef4d;
  background : #3A3854;
}
*/

span.message_service.msg  span a  {
  color: #3A3854;
   text-decoration: underline ;
  
}

#formula_info.ccompte p a {
color : white ;
background-color : #3A3854;
text-decoration : underline;
	
}

/*
#formula_info p  a  a span {
  color: white ;  
}

*/

/* couleur lien  efacture */ 
#formula.w50.left a {

	color : white;
	background-color : #3A3854;
	text-decoration : underline;
}

/* calendrier nouvel abonnement etape 3 */ 
#field.w100 ,a.tt_fldtxtoblig {
  color : white ;
  background-color:transparent ;
  text-decoration : underline; 
}

/* couleur lien  nouvel abonnement */ 
#blockNoResult H5 a {
  color : white ;
  background-color: #3A3854;
  text-decoration : underline; 
}


#blockNoResult H5 a:hover {
  color : #FFEF4D ;
  background-color: #3A3854;
}


/* Modif choix cp etc auto complement */
 
.autocomplete-items div {
    font-size: 0.8em;
    display: block;
    background-color: #3A3854;
    padding: 10px;
    cursor: pointer;
    text-align: left;
}


.field.w60 a.tt_fldtxtoblig {
  color : white ;
  background-color:transparent ;
  text-decoration : underline; 
}

.autocomplete-items div:hover {
  background-color: white;
  color: #3A3854;
}



/* couleur de lien de retour à l'agence en ligne */ 
#homeBackBlock.ccompte a {
color : white ;
	
}

#homeBackBlock.ccompte a:hover {
color : #FFEF4D ;
	}


/* Couleur lien conditon générale page 6/6 abonnement client non loggué */ 

#acceptregl.bloccols .field.w100.cboth a {
	color : white ;
	background-color : #3A3854 ;
	text-decoration : underline; 
}


#acceptregl.bloccols .field.w100.cboth a:hover {
	color : #FFEF4D ;
	background-color : #3A3854 ;
	text-decoration : underline; 
}
/* couleur lien mensu dans abonnement */ 

#acceptmensu.groupfld .field.w100.cboth a {
	color : white ;
	background-color : #3A3854 ;
	text-decoration : underline; 
}

#acceptmensu.groupfld .field.w100.cboth a:hover {
	color : #FFEF4D ;
	background-color : #3A3854 ;
	text-decoration : underline; 
}

/*
a, a span {
  color: white;
  /*background : #3A3854; */ /*
}

*/

#accessibilityRememberMe a { color : white ;
  
}

a:hover {
  color: #FFEF4D;
}


.info h3 {
  color: #3a3854;
  font-size : 1.12 em;
}



.info p.subtitle {
  background-color: white;
  color: #3A3854;
}

/*

#pagetitle h1 {
  margin: 50px 0 0 125px;
 /* text-align: right; 
  color: #FFEF4D;
  font-size: 1.0em;
  text-shadow: none;
}
*/

#pagetitle h1 {
	
display: block;
float: left;
width: 25%;
color: #FFEF4D;
font-size: 1.2em;
line-height: 1em;
margin: 45px 0 0 175px;
padding-bottom: 5px;
font-weight: normal;
text-shadow: none;	
margin-block-start: 0.25em;
margin-block-end: 0.05em;
	
}
/*

#pagetitle h1, headerTitleLabel {
  margin: 45px 0 0 175px;
 /* text-align: right; 
  color: #FFEF4D;
  font-size: 1.0em;
  text-shadow: none;
  float : none;
  display: ruby;
}
*/


.submenu li a {
  position: relative;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 8px 15px 7px 15px;
  margin: 0 28px 10px 0;
  font-size: 0.8em;
  line-height: 1.2em;
  font-weight: normal;
  cursor: pointer;
  background: #3A3854;
  color: white;
  text-decoration: underline;
}

#titlecmd h2 {
	 background: #3A3854;
	
}

.graphcommand a .cmdgranucurrent {
  background-color: #3A3854;
  }
  
.graphcommand a:hover .cmdgranucurrent {
  background-color: #3A3854;
  color: #FFEF4D
}

#formula_info h2.supertitle {
  color: #3A3854;
}

#formula_info h2.header {
  color: #3A3854;
}


#formula_info h3 {
    color: #3A3854;
}

#formula_info a {
  background: #3A3854;
  color: white;
  text-decoration: underline;
}

#formula_info a:hover {
  background: #3A3854;
  color: #FFEF4D;
  text-decoration: underline;
}

#formula_info.wsize a {
  background: #3A3854;
  color: white;
  text-decoration: underline;
  
}

#formula_info.wsize a:hover {
  background: #3A3854;
  color: #FFEF4D;
  text-decoration: underline;
  
}


.info p img {
  width: 65%;
}

#formula_info p {
  font-size: 1em;
  line-height: 1.1em;
  color: #3a3854;
}

h4, .h4-like {
  font-size: 1.4286em;
  line-height: 1.05em;
  margin: 41px 0 21px 0;
  color: #3A3854;
}

h5, .h5-like {
  font-size: 1.2857em;
  line-height: 1.1667em;
  margin: 41px 0 21px 0;
    margin-top: 41px;
	color: #3A3854;
}

#formula .blocinput label, #formula_info .blocinput label {
  color: #3A3854;
}

#formula .bloccols h2.withstepper {
  color: #3A3854;
}


.info.i3blocs {
  width: 32%;
  margin: auto;
  background-color: white;
  padding: 20px;
}

a.homemapborder {
  color: white ;
  background: none;
}

div.bottom a.homemapborder {
  color: white ;
  font-size: 1.25em;
  text-decoration: underline;
  font-style: italic;
  background: none;
}

div.bottom a.homemapborder:hover {
  color: #FFEF4D;
  font-size: 1.25em;
  text-decoration: underline;
  font-style: italic;
  background: none;
}


a.acrForm-buttons {
background:#3A3854 ;	
	
}

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

    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #3A3854), color-stop(1, #3A3854) );
}

input[type=button]:hover, input[type=submit]:hover, .commands .button-next:hover, .commands .button-back:hover {
	background-image: -webkit-gradient(
										linear,
										center top,
										center bottom,
										color-stop(0, #FFEF4D),
										color-stop(1, #FFEF4D)
	);
	color : #3A3854 ;
	
}

/*** Mofification des liens des images ***/ 

#formula .bloctitle.adresse {
    background: url(../images/iconx_adresse.png) no-repeat center center;
}


#formula .bloctitle.bloctitle.email {
    background: url(../images/iconx_email.png) no-repeat center center;
}

#formula .bloctitle.reclam {
	background: url(../images/iconx_reclam.png) no-repeat center center;
}

#formula .bloctitle.document {
	background: url(../images/iconx_document.png) no-repeat center center;
}

#formula .bloctitle.interv {
	background: url(../images/iconx_interv.png) no-repeat center center;
}

#formula .bloctitle.adresse {
	background: url(../images/iconx_adresse.png) no-repeat center center;
}

#formula .bloctitle.tel {
	background: url(../images/iconx_tel.png) no-repeat center center;
}

#formula .bloctitle.comment {
	background: url(../images/iconx_comment.png) no-repeat center center;
}

#formula .bloctitle.factory {
	background: url(../images/iconx_factory.png) no-repeat center center;
}

#formula .bloctitle.baby {
	background: url(../images/iconx_baby.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.email {
	background: url(../images/iconx_email.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.typeprev {
	background: url(../images/iconx_typeprev.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.calendprev {
	background: url(../images/iconx_calendprev.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.password {
	background: url(../images/iconx_password.png) no-repeat center center;
}

#formula .bloctitle.bloctitle.man {
	background: url(../images/iconx_man.png) no-repeat center center;
}

/* icone loupe creation compte 2/2 */ 
#formula .bloctitle.bloctitle.loupe {
	background: url(../images/iconx_loupelow.png) no-repeat center center;
}

/*
#formula .bloctitle.bloctitle.loupe {
	background: url(../images/iconx_loupe.png) no-repeat center center;
}
*/


#header #infoabo .infos {
  display: block;
  float: left;
  background-color: white;
  color: #3A3854 ;
  padding: 5px 4px 0 4px;
  font-family: verdana;
}


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

a:hover .rubrique.i4blocs h2 {
  color: #3A3854;
}

#header .blochalfmaxheigh {		
  max-height: 40px;
}

#pagetitle .alertmsg {
  display: none;
  position: relative;
  float: right;
  width: 50%;
  font-family: verdana;
  margin: 5px 0 0 0;
  padding: 5px 0px 5px;
  overflow: hidden;
}

#pagetitle .alertmsg p {
  color: #FFEF4D;
}
/* page releve */ 
#releve h2 {
  color: #3A3854;
  border-top: solid 5px #3A3854;
}

#releve #steps .num.selecteditem {
  background: #3A3854;
}

#headerwrapcenter #logoHeader {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    margin-left: 0%;
}


#footer_txt {
  color: #3A3854;
  font-size: 1.25em;
  font-weight: Bold;
}

#footer_copy {
  color: white;
  font-size: 1.25em;
}

#field.w100.cboth a {
		background-color : #3A3854	
	}
	
	
	.menu li:hover div a {
	font-size:0.9em;
	color:#3A3854;
	background-color: transparent ;
	border:none;
	padding: 0;
}


.menu span {
  color: #3A3854;
  background-color: transparent ;
}