/* surcharger Incom */
#tvaBlock {
	display : none !important;
}
.paymentWarning {
    display: none;
 }



/* IMPORT GOOGLE FONT*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

/* BODY */
body 													{ font-family: "Open Sans", sans-serif !important;}
.fullpage.body 											{ margin-top: 415px  !important;}
.fullpage.body.connected								{ margin-top: 415px !important;}

/* HEADER */
#header:after 											{ content:""; position: absolute; top: 110px; left: 0; height: 200px; width: 100%; display: block; background: url(https://www.odyssi.fr/assets/media/diaporama/bg-home-top-1900x393.jpg) no-repeat center center; background-size: cover; box-shadow: inset 0px 2px 8px -2px rgba(0,0,0,0.5);}
#header 												{ background-color: #FFF !important; box-shadow: 0px 0px 5px #A0A0A0;}
#header .logo, 
#header_opcompte .logo,
#header .minilogo 										{ position: relative; background: none;}
#header .logo:before, 
#header_opcompte .logo:before,
#header .minilogo:before  								{ content:""; position: absolute; top: 30px; left: 0; width: 255px; height: 50px;  background: url(https://www.odyssi.fr/theme/images/logos/odyssi-logo.png) no-repeat 0 0; background-size: 255px;}	
#header .logo,
#header .minilogo, 
#header_opcompte .minilogo 								{ height: 110px !important; min-height: 0 !important; }
#accessibilite 											{ padding:  0 15px !important; margin-bottom: 7px !important; height: 35px !important;}
#header #ident label 									{ font-size: 10px !important; margin-left: 0 !important;}
#header .lost 											{ margin-right: 8px !important;}
#accessibilite #assistance 								{ padding-top: 3px; height: 35px; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input[type=submit].normalbutton 						{ position: relative; background-color: #fbb900 !important; color: #333 !important; font-weight: 400; text-transform: inherit !important; border: none !important; }
#header .alertmsg 										{ width:  auto; background-color: #fff; padding: 10px; bottom: 10px; float: none !important; position: absolute; right: 0; }
#header #form[name~=loginForm] + #pagetitle #headerTitleLabel:after 	{ content:"Bienvenue \00E0  l'Agence en ligne d'ODYSSI";}
#header #pagetitle 										{ position: absolute !important;bottom: -275px !important; background-color: #fff !important; padding-top: 25px; left: 0; width: 100%; border-bottom: 1px solid #dfdfdf;padding-bottom: 10px; max-height: inherit !important; }
#pagetitle h1 											{ color: #1b4194 !important; width: 100% !important; font-size: 30px; font-weight: 400;  text-shadow: none !important;}
#pagetitle .alertmsg p 									{     font-weight: 700;text-decoration: underline;}
#pagetitle .ccompte 									{ top: -255px !important; position: absolute !important; right: 0; float: none !important;}
#pagetitle .ccompte a 									{ text-decoration: underline; }
#header #menugen 										{ font-size: 13px; margin-top: 12px;}
#menugen .home 											{ padding: 0;}
#menugen li 											{ margin-right: 0;}
#menugen li a 											{ font-weight: 300; padding: 6px 15px !important;}
#menugen li.home a 										{ height: 35px;}
#menugen li.home a 	img 								{ margin-top: 3px;}
#header #infoabo 										{ float: right; margin-right: 15px; margin-left: 0 !important;}
#accessibilite #connexion 								{ height: 35px !important;}
#accessibilite #connexion img 							{width: 16px; max-width: 16px; margin-left: -8px;}
#header .dropdown_1column, 
#header .dropdown_2columns, 
#header .dropdown_1columns_large, 
#header .dropdown_3columns_large, 
#header .dropdown_3columns, 
#header .dropdown_4columns, 
#header .dropdown_5columns 							{ background: #FFF !important; box-shadow: none !important; border: 1px solid #e9e9e9;}
#header .dropdown_1column h3, 
#header .dropdown_2columns h3, 
#header .dropdown_1columns_large h3, 
#header .dropdown_3columns_large h3, 
#header .dropdown_3columns h3, 
#header .dropdown_4columns h3, 
#header .dropdown_5columns h3 							{ font-weight: 600 !important; color: #1b4194 !important; height: 22px !important; max-height: 22px !important; border-color: #1b4194  !important;}
#header .dropdown_1column li a, 
#header .dropdown_2columns li a, 
#header .dropdown_1columns_large li a, 
#header .dropdown_3columns_large li a, 
#header .dropdown_3columns li a, 
#header .dropdown_4columns li a, 
#header .dropdown_5columns li a 	 					{ padding: 6px 0 !important;}

@media (max-width: 960px) {
	#header #menugen 									{ font-size: 11px !important;}
	#header  #menugen  li a 							{ padding: 8px 10px !important;}
	#header .logo:before, 
	#header_opcompte .logo:before						{ background-size: 190px; top: 55px !important;}
	#header #ident .field 								{ width: 145px !important;}
	#header #ident .field:nth-child(1) 					{ width: 170px !important; }
	#header #ident .field:nth-child(3) 					{ width: 120px !important; }
	#header .lost p 									{ margin: 7px 72px 0 0px !important;}
	#header .lost p a 									{ display: block;}
}

@media (max-width: 768px) {
	#pagetitle 											{ display: none !important;}
	#header:after 	 									{ display: none; }
	.fullpage.body,
	.fullpage.body.connected							{ margin-top: 20px !important;}
	.fullpage.body.connected 							{ margin-top: 20px !important;}
	#infoabo											{ margin: 115px 0 0 0!important; float: none !important; text-align: center !important; width: 100% !important; background-color: #FFF !important;}
	#infoabo .menu > li:last-child 						{ float: none !important; margin-right: 0 !important; margin: 0 auto !important;}
	#infoabo .infos,
	#infoabo .abonne.eau 								{ width: 100% !important;}
	#header #menugen 									{ width: 100% !important;}
	#header #menugen .menu li 							{ float: none !important; width: 100% !important; border-top: 1px solid #FFF !important; border-bottom: none !important;}
	#header #menugen .menu li a							{ padding: 5px 10px !important;}
	#menugen li.home a 									{ height: 31px !important;}
	#header #menugen #before 							{ width: 100% !important;}
	#header 											{ position: relative !important; padding-bottom: 10px !important; float: left !important;}
	#accessibilite										{ margin-right: -133px !important; right: 50% !important;}
	#header .lost 										{ margin-top: 100px !important;}
	#header .logo:before, 
	#header_opcompte .logo:before,
	#header .minilogo:before  							{ background-size: 220px; width: 220px; top: 50px !important; left: 50%; margin-left: -110px;}
	#header .wrapcenter 								{ width: 100% !important;}
	#header .lost p a 									{ display: inline-block;}
	#header .lost 										{ width: 100%; text-align: center;}
	#header #ident 										{ margin-top: 5px;}
	#header #ident .field 								{ margin-right: 0 !important; }
	#header #ident .field:nth-child(1),
	#header #ident .field:nth-child(2) 					{ width: calc(50% - 5px) !important;}
	#header #ident .field:first-child 					{ margin-right: 10px !important;}
	#header #ident .field:nth-child(3) 					{ width: 100% !important; text-align: center;  margin-top: 0 !important; margin-bottom: 5px !important;}
	#header .logo										{ height: auto !important;}
	#pagetitle .ccompte 								{ width: 100%; text-align: center; top: -33px !important;}
	#header .minilogo, 
	#header_opcompte .minilogo 							{ height: 130px !important;}
	#pagetitle h1 	 									{ font-size: 28px !important;}
	#header #menugen 									{ font-size: 14px !important; margin-top: 0 !important;}
}

/* HOME */
#homesubtitle  											{ position: relative; margin-bottom: 60px;}
#homesubtitle2 											{ width: 100% !important; float: none !important;}
#homesubtitle2 h4 										{ padding: 20px !important;}
#homesubtitle h2 										{ display: none; width: 100%; font-size: 34px !important; color: #1b4194 !important; font-weight: 400 !important; background-color: #FFF !important;}
#homesubtitle a h3 										{ width: 180px; position: absolute; bottom: -70px; text-align: center; left: 50%; margin-left: -90px;  background-color: #fbb900 !important; color: #333 !important; font-weight: 400; text-transform: inherit !important; border: none !important; }
.info.i3blocs  											{ position: relative; padding-bottom: 85px;}
.info.i3blocs img										{ margin: 25px 0 15px 0; width: 50%; }
.info.i3blocs .subtitle 								{ position: absolute; bottom: 0; color: #FFF; font-size: 14px; padding: 15px; height: 75px; left: 0; width: 100%; font-weight: 400; }
.info h3 												{ font-weight: 400; height: 70px !important; padding:  18px 15px 15px 15px !important;	display: block!important; padding-top: 10px; width: 100%; vertical-align: middle;}
.rubrique.i3blocs	 									{ border-left: none; background-color: #F0F0F0; padding: 25px 0 75px 0;}
.rubrique.i3blocs	img									{ width: 90px;}
.rubrique.i3blocs h2 									{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: #1e48a0; color: #FFF !important; text-align: center; font-weight: 600; padding: 15px;}

@media (max-width: 900px) {
	.rubrique.i3blocs 									{ padding-bottom: 90px !important;}
	.info.i3blocs 										{ padding-bottom: 100px !important;}
	.info h3 											{ height: 90px !important;}
	.info.i3blocs .subtitle 							{ height: 90px;}
}

@media (max-width: 768px) {
	.rubrique.i3blocs 									{ padding-bottom: 70px !important; margin: 10px 0 !important;}
	.rubrique.i3blocs	 								{ width: 100% !important;}
	#homesubtitle 										{ margin-top: 0 !important;}
	.info.i3blocs 										{ width: 100% !important; height: auto !important; padding: 0 !important;}
	.info h3 											{ height: auto !important; width: 100% !important; display: block !important;}
	.info.i3blocs img 									{ width: 150px; margin: 20px auto !important;}
	.info.i3blocs .subtitle 							{ position: relative !important; height: auto;}
}

/* INTERNAL */
input[type=button], 
input[type=submit], 
.commands .button-next, 
.commands .button-back									{ position: relative; background: #fbb900 !important; text-transform: uppercase !important;color: #333 !important; font-weight: 400; border: none !important; font-size: 14px !important;}
#formula .blocinput,
#formula_info .blocinput								{ background-color: #dadada !important;}
.pwdquality, 
.pwdidem 	 											{ background-color: #dadada;}
#formula .blocinput .groupfld input[type=text], 
#formula .blocinput .groupfld input[type=password], 
#formula .blocinput .groupfld input[type=email], 
#formula .blocinput .groupfld select, 
#formula_info .blocinput .groupfld input[type=text], 
#formula_info .blocinput .groupfld input[type=password], 
#formula_info .blocinput .groupfld input[type=email], 
#formula_info .blocinput .groupfld select, 
#formula .blocinput .groupfld input[type=file] 			{ padding: 0 10px;}
.obligsample 											{ margin-left: 0;}
.commands .button-next 									{ margin-right: 0;}
#formula .bloccols h2.withstepper 						{ color: #1b4194 !important; border-color: #1b4194 !important;}
#acrForm-back-1 										{ background-color: #1b4194 !important; color: #FFF !important; height: 32px; margin: 0 !important; height: 30px; padding: 8px 15px 0;}

/* FOOTER */
#footer.nomargin 										{ margin-top: 50px !important;}
#footer 												{ font-size: 11px !important; }
#footer .footerwrap 									{ padding: 25px 15px !important;}
#footer .bottom 										{ padding-top: 45px; }
#footer a.homemapborder									{ color: #333 !important; margin-bottom: 5px; display: inline-block;}
#footer .footerSocialNetwork 							{ top: 0; left: 0; width: 100%; margin-left: 0 !important; text-align: center; margin-top: 0 !important; }
#footer .footerSocialNetwork a 							{ width: 30px !important; height: 30px !important; display: block; line-height: 999em; overflow: hidden !important;  background-image: url("https://www.odyssi.fr/theme/images/sprites/sprite.png")}
#footer .footerSocialNetwork a 	img 					{ display: none; }
#footer .footerSocialNetwork  li 						{ float: none !important;}
#footer .footerSocialNetwork li:nth-child(1) a 			{ background-position: -90px  -100px; }
#footer .footerSocialNetwork li:nth-child(2) a 			{ background-position: -120px  -100px; }
#footer .footerSocialNetwork li:nth-child(3) a 			{ background-position: -150px  -100px; }