/* RESET */
body, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;vertical-align:baseline;}
li {list-style-type:none}
a {text-decoration:none}

/* MAIN */
html, body {height:100%;}
body {margin:0 auto;font:11px Helvetica, Verdana, Arial, sans-serif;}

#page, #header, .wrap {width:800px;}

.clearer {clear:both}

#body {position:relative;}

/* HEADER */
#headerLinks {float:right;margin:8px 8px 0 0;color:#333333;font-size:10px;line-height:14px;}
	#headerLinks li {padding-left:10px;background:url(../images/tools/bullet-hd.gif) 0 3px no-repeat;}
	#headerLinks a {color:#5e5e5e;}
		#headerLinks a:hover {text-decoration:underline}
	
#loginMenu li, #userMenu li, #userMenu strong {display:block;}
	#loginMenu li {float:left;margin:8px 0 0 15px;}	
#userMenu p, #userMenu ul, #userMenu li {float:left}
	#userMenu p {width:165px;margin-right:5px;color:#333}
	#userMenu ul {width:210px}
		#userMenu li {width:95px}
		#userMenu a {color:#333;}

#headline {height:44px;background-color:white;border-bottom:1px solid #e5e5e5; background:url(../images/bg/bg-hd.gif) 0 0 repeat-x;}
	#mainTitle {float:left;height:100%;line-height:44px;margin-left:10px;color:#c62831;font-size:19px;font-weight:normal;text-transform:uppercase;}

#mainMenu {height:50px;border-bottom:4px solid #c62831;}
#mainMenu li {float:left;height:100%;border-left:1px solid #697179;border-right:1px solid #4F565D;}
	#mainMenu li.on {border-right:1px solid #c62831;}
	#mainMenu li a {display:block;height:100%;text-align:center;font-size:12px;line-height:50px;font-weight:bold;color:white;background-color:#4F565D;}
	#mainMenu li a:hover {background:#78818A;}
	#mainMenu li.on a {background:#c62831;}
		#mainMenu li#eltMenu1 {border-left:none;}
		#mainMenu li#eltMenu1 a {width:119px;}
		#mainMenu li#eltMenu2 a {width:185px;}
		#mainMenu li#eltMenu3 a {width:245px;}
		#mainMenu li#eltMenu4 {border-right:none;}
		#mainMenu li#eltMenu4 a {width:245px;}

/* BODY */
#mainContent {width:100%;}

#confirmContent {background-color:#333;padding:20px;height:341px}
	#confirmContent h1 {font-size:14px;color:white;margin:0 0 10px}
	#confirmContent p {font-size:11px;color:#6e6e6e}
		#confirmContent a {color:white;text-decoration:underline}
	#form-login div {position:relative;width:250px;height:140px;margin:20px 0;}
		#form-login li {margin-bottom:15px}
			#form-login label {display:inline-block;width:100px;color:white;font-size:11px}
			#form-login .input-std {width:139px;height:21px;padding:0 3px;font-size:11px;line-height:21px;border:none;background:url(../images/tools/input-std.gif) 0 0 no-repeat black;color:white;}
			#btn-connect {position:absolute;bottom:0;right:0;width:101px;height:17px;background:url(../images/tools/btn-connect.gif) 0 0 no-repeat black;border:none;cursor:pointer}
				#btn-connect:hover {background-position:0 -17px}

#footer {height:54px;background-color:#AFB2B5;border-top:1px solid #c62831}
	#pushesMenu li {position:relative;float:left;width:130px;height:54px;}
		#pushesMenu a {display:block;height:100%;color:#333;font-size:10px;line-height:normal;text-transform:uppercase;text-align:center;overflow:visible}
			#pushesMenu a span {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#AFB2B5;color:#fff;font-size:10px;}
				#pushesMenu a .txt2line {padding-top:14px;height:40px;}
				#pushesMenu a .txt3line {padding-top:7px;height:47px}
			#pushesMenu a:hover {color:white;}
			#pushesMenu a:hover span {top:100%}
				* html #pushesMenu a {position:absolute}
				* html #pushesMenu a:hover {padding-top:54px}
					* html #pushesMenu a img {position:absolute;top:0}
	#suscribeNewsletter {float:right;padding:10px 16px 0}
		#suscribeNewsletter label {color:#929292; line-height:19px;}
		.decoratedInput {background:#3d3d3d;padding:1px}
			#suscribeNewsletter .homeInputText {float:left;border:0;width:90px;height:15px;padding:2px 4px;color:#929292;
			background-image:url(../images/tools/inputSuscribeNL.gif);background-position:0 0;font-size:11px;}
			#suscribeNewsletter .homeSubmit {float:left;width:19px;height:19px;border:0;background:url(../images/tools/homeSubmit.gif) 0 0 no-repeat;cursor:pointer}
				#suscribeNewsletter .homeSubmit:hover, #suscribeNewsletter .homeSubmit.hover {background-position:0 -19px}

/* HOME */
#stage {display:block}
#homeContent {padding:15px 20px 25px;background:url(../images/bg/bg-content.gif) 0 0 repeat-x #f5f5f6;color:#333;zoom:1}
	.intro {font-size:12px;line-height:17px;margin-bottom:20px;}
	#pushesHome li {float:left;width:230px;margin-right:35px}
		#pushesHome .last {margin-right:0}
		.t_push_home {font-size:12px;font-weight:normal;text-transform:uppercase;color:#697179;margin:2px 0}
		#pushesHome a {color:#c62831;font-size:9px;line-height:14px;text-transform:uppercase;}
#altLinks {height:70px;padding:10px 16px 0;background-color:#bbbec1;color:white;font-size:12px;}
	#altLinks li {float:left;width:240px;margin:5px 0 0;}
		#altLinks a {color:#c62831;font-size:10px;text-transform:uppercase;color:#c62831;}
			/*#altLinks a span {font-size:13px;font-weight:bold}*/

/* LOT 4 - Conseils d'entretien */
#menu-conseils {height:29px;background-color:#4F565D}
	#menu-conseils li {float:left;width:199px;border-left:1px solid #697179;}
		#menu-conseils .first {border-left:none}
	#menu-conseils a, #menu-conseils h2 {display:block;padding:0;font-size:12px;font-weight:bold;line-height:29px;text-align:center}
		#menu-conseils a {color:white;}
			#menu-conseils a:hover { background-color:#78818A;}
		#menu-conseils h2, #menu-conseils h2 a {background-color:#c62831}
		#menu-marque a {color:black}
		#menu-conseils h2 a, #menu-conseils h2 {color:white}

/* ONGLET 1 */
#menu-marque {float:left;width:198px;background-color:#bbbec1;}
	#menu-marque li {width:198px;height:34px;border-top:1px solid #F3F3F4;border-bottom:1px solid #afb2b5;border-right:1px solid #afb2b5;background:url(../images/tools/arrow-menu-marque.gif) 185px 13px no-repeat;zoom:1; float:left}
		#menu-marque .first {border-top:none;height:37px;}
		#menu-marque .last {border-bottom:none;height:37px;}
		#menu-marque li:hover, #menu-marque li.hover {background-color:#afb2b5}
		#menu-marque li.on, #menu-marque li.on:hover, #menu-marque li.hover.on {background:url(../images/tools/arrow-menu-marque-on.gif) 185px 13px no-repeat #f4f4f4;border-bottom:1px solid #f4f4f4;color:#c62831}
	#menu-marque h3 {padding:0 60px 0 20px;line-height:13px;font-size:11px;font-weight:normal;}
		#menu-marque table {padding:0;margin:0;height:100%;}
		#menu-marque td {width:203px;vertical-align:middle;cursor:pointer;}
	
#content-marque {float:left;position:relative;width:601px;height:220px;background-color:#bbbec1;border-left:1px solid #F3F3F4;font-size:13px;overflow:hidden}
	#intro-marque {position:absolute;width:100%;height:100%;background-color:#c6c6c6}
		#intro-marque p {margin:15px 20px;font-size:13px;}
		#intro-marque .visuel {position:absolute;bottom:0;left:0}
	#content-marque ul {position:relative;}
		#content-marque li {padding:20px}
			#content-marque li li {padding:0 0 0 10px;margin-bottom:5px;background:url(../images/tools/bullet-std.gif) 0 7px no-repeat}
			#content-marque li p {margin-bottom:10px}
	
/* ONGLET 2 */
.chapo {height:42px;line-height:42px;background-color:#f4f4f4;/*url(../images/bg/bg-chapo.gif) 0 0 repeat-x*/color:#c62831;font-size:13px;text-transform:uppercase;font-weight:normal;text-align:center}
	.chapo span {text-transform:none;font-size:11px}
#timeline {position:relative;height:88px;padding:0 21px;background-color:#bbbec1;/*url(../images/bg/bg_timeline.gif);*/border-bottom:1px solid #303030;border-top:1px solid #303030;}
	#timeline .btn-prev, #timeline .btn-next {display:block;position:absolute;top:0;width:21px;height:88px;background:url(../images/tools/arrows-timeline.gif) 0 0 no-repeat;text-indent:-99em;outline:none;overflow:hidden}
		#timeline .btn-prev {left:0;background-position:-21px 0;}
			#timeline .off.btn-prev {left:0;background-position:0 0;}
		#timeline .btn-next {right:0;background-position:-63px 0;}
			#timeline .off.btn-next {right:0;background-position:-42px 0;}
	#timeline .hidder {position:relative;height:100%;width:100%;overflow:hidden}
		#timeline ul {position:relative;width:200%}
		#timeline li {float:left;width:108px;text-align:center;border-left:1px solid #d8d8d8;border-right:1px solid #929292;}
			#timeline li.on {background-color:#f4f4f4; /*url(../images/bg/bg_timeline_on.gif) 0 0 repeat-x;*/}
			#timeline .first {border-left:none}
			#timeline .last {border-right:none}
			#timeline li a {display:block;position:relative;height:78px;padding-top:10px;color:black;outline:none}
				#timeline li.on a {color:#c62831}
				#timeline li a span {display:block;position:absolute;top:40px;left:37px;width:37px;height:37px;background:url(../images/tools/clocks.gif) 0 0 no-repeat}
				#timeline #eltKm1 a span, #timeline #eltKm3 a span, #timeline #eltKm5 a span, #timeline #eltKm7 a span, #timeline #eltKm9 a span {background-position:0 0}
				#timeline #eltKm2 a span, #timeline #eltKm6 a span, #timeline #eltKm10 a span {background-position:-40px 0}
				#timeline #eltKm4 a span, #timeline #eltKm8 a span {background-position:-80px 0}
				#timeline #eltKm1.on a span, #timeline #eltKm3.on a span, #timeline #eltKm5.on a span, #timeline #eltKm7.on a span, #timeline #eltKm9.on a span {background-position:0 -40px}
				#timeline #eltKm2.on a span, #timeline #eltKm6.on a span, #timeline #eltKm10.on a span {background-position:-40px -40px}
				#timeline #eltKm4.on a span, #timeline #eltKm8.on a span {background-position:-80px -40px}
#intro-cycles, .content-cycles {position:relative;overflow:hidden;height:580px;background-color:#f4f4f4;border-top:1px solid #dcdcdc}
.content-cycles {background-color:#f4f4f4}
	#intro-cycles .scroller, .content-cycles .scroller {overflow:auto;height:540px;padding:20px;font-size:13px;}
		#intro-cycles h3 {margin:0 0 15px;font-weight:normal;font-size:13px;color:#c62831}
		#intro-cycles p {margin:0 0 15px;}
	.content-cycles .col1on2 {float:left;width:270px;margin-right:10px;}
	.content-cycles .colLeft {padding-right:25px; margin-right:25px; border-right:1px solid #ccc}
		.content-cycles h3 {font-weight:normal; margin-bottom:10px;}
		.content-cycles h4 {margin-bottom:10px;color:#c62831;font-size:13px;font-weight:normal}
		.content-cycles h5 {margin-bottom:5px;text-transform:uppercase;font-size:13px;font-weight:normal}
			.upp {text-transform:uppercase}
		.content-cycles p, .content-cycles ul {margin-bottom:10px;font-size:11px;}
		.content-cycles p.small {clear:both}
		.content-cycles li {padding-left:10px;margin-bottom:2px;display:inline-block;font-size:11px;background:url(../images/tools/bullet-cycles.gif) 0 5px no-repeat}
	.content-cycles .tools {position:absolute;top:20px;right:32px}
		.tools a {display:block}
		.btn-print {position:relative;width:85px;margin-bottom:10px;padding-right:25px;font-size:10px;color:#7f8288;}
			.btn-print span{display:block;position:absolute;top:0;right:0;width:24px;height:24px;background:url(../images/tools/btn-print.gif) 0 0 no-repeat}
				.btn-print:hover span {background-position:0 -24px}
		.content-cycles .btn-std {width:117px;height:17px;overflow:hidden;text-indent:-99em;background:url(../images/tools/btn-forfaits.gif) 0 0 no-repeat}
			.content-cycles .btn-std:hover {background-position:0 -17px}
		.btn-forfait {color:#c62831;}
		
/* scroller */
.jScrollPaneContainer {position:relative;}
.jScrollPaneTrack {position:absolute;right:0;width:15px; background:url(../images/bg/bg-scrollbar.gif) 0 0 repeat-y #d6d6d6;}
.jScrollPaneDrag {position:absolute;left:1px;background:url(../images/bg/bg-scroll-handler.gif) 0 0 repeat-y #484d51;cursor:pointer}
.jScrollArrowUp {position:absolute;right:0;top:0;width:15px;height:19px;background:url(../images/tools/scroll-arrow-top.gif) 0 0 no-repeat white;overflow:hidden;text-indent:-99em;cursor:pointer;}
.jScrollArrowDown {position:absolute;right:0;bottom:0;width:15px;height:19px;background:url(../images/tools/scroll-arrow-bottom.gif) 0 0 no-repeat white;overflow:hidden;text-indent:-99em;cursor:pointer;}

/* 10 conseils */
#vehicule {position:relative;width:800px;height:352px;background:url(../images/visus/vehicule.jpg) 0 0 no-repeat}
#bullets li {position:absolute;width:19px;height:20px;background:url(../images/tools/bullet-conseil.png) 0 0 no-repeat;cursor:pointer}
	* html #bullets li {background-image:url(../images/tools/bullet-conseil.gif);}
	#bullet1 {top:180px;left:420px}
	#bullet2 {top:165px;left:670px}
	#bullet3 {top:165px;left:200px}
	#bullet4 {top:235px;left:285px}
	#bullet5 {top:200px;left:185px}
	#bullet6 {top:108px;left:500px}
	#bullet7 {top:140px;left:590px}
	#bullet8 {top:210px;left:365px}
	#bullet9 {top:80px;left:480px}
	#bullet10 {top:100px;left:450px}
#listConseils {position:absolute;top:80px;left:20px;width:124px;color:#4d4d4d;font-size:10px;text-transform:uppercase}
	#listConseils h3 {margin:0 0 10px 10px;padding-bottom:10px;font-size:12px;font-weight:normal;border-bottom:1px dashed #4d4d4d}
	#listConseils li {margin-bottom:5px;padding-left:10px;cursor:pointer}
		#listConseils .on {color:#c62831;background:url(../images/tools/arrow-vh.gif) 0 2px no-repeat}
#tips li {position:absolute;top:160px;left:375px;width:300px;height:112px;border:1px solid #f2f2f2;background:url(../images/bg/bg-popin-vh.gif) 0 0 repeat-x}
	#tips img {float:left}
	#tips .blk-txt {float:left;position:relative;width:130px;height:90px;padding:10px 0 0 20px;font-size:11px;}
		#tips h4 {margin-bottom:10px;font-size:11px;font-weight:normal;text-transform:uppercase}
		#tips .btn-more {position:absolute;bottom:0;right:0;width:17px;height:17px; background:url(../images/tools/bullet-popin-vh.gif) 0 0 no-repeat;overflow:hidden;text-indent:-99em;z-index:4}
	#tips .bg {position:absolute;width:312px;height:126px;top:2px;left:0;background:url(../images/bg/shade.png) 0 0 no-repeat;z-index:0;opacity:.5}
#mod-overlay, #mod-overlay li {display:none}
	#mod-overlay li li {display:block}
#mod-overlay, #mod-overlay .overlay {position:absolute;top:0;left:0;width:100%;height:352px;z-index:8}
	#mod-overlay .overlay {background-color:black;opacity:.8;filter:alpha(opacity=80);}
	#mod-overlay .popin {position:absolute;top:40px;left:50%;width:610px;height:268px;margin-left:-305px;background:url(../images/bg/bg-popin.jpg) 0 0 no-repeat;;z-index:10}
		#mod-overlay .btn-back, #mod-overlay .btn-forth {position:absolute;top:160px;width:18px;height:34px;background:url(../images/tools/arrows-popins.gif) 0 -34px no-repeat;overflow:hidden;text-indent:-99em;outline:none;z-index:11}
			#mod-overlay .btn-back {left:16px}
			#mod-overlay .btn-forth {right:16px;background-position:-18px -34px}
			#mod-overlay .btn-back.off {background-position:0 0;cursor:default}
			#mod-overlay .btn-forth.off {background-position:-18px 0;cursor:default}
		#mod-overlay .btn-close {position:absolute;top:1px;right:1px;width:17px;height:17px;background:url(../images/tools/closer-popin.gif) 0 0 no-repeat;overflow:hidden;text-indent:-99em}
	#mod-overlay .popin img {float:left}
	#mod-overlay .blk-txt {float:left;width:284px}
		#mod-overlay h4 {padding:0 30px;line-height:32px;text-transform:uppercase;font-size:14px;font-weight:normal;color:#c62831;border-bottom:1px solid #bebebe}
		#mod-overlay h5, #mod-overlay p {margin-bottom:15px;font-size:11px}
		#mod-overlay .hidder {position:relative;height:233px;overflow:hidden;border-top:1px solid #f6f6f6}
		#mod-overlay .scroller {overflow:auto;height:203px;padding:15px 30px}

.small {font-size:10px;color:#333}

#firefox_anchorDiv {display:none;}
	#ie_historyFrame {display:none;}
	
#flash-ctnr {height:700px}
#video {height:352px;}
#altContent {color:white}
#altContent h1, #altContent p {margin:10px}


/* footer seat.fr */

.seat_footer {position:relative;top:20px;margin-bottom:-32px;display:block;float:left;width:100%;height:162px;background:transparent url('../images/backgrounds/footer_tile.png') repeat-x 0 0;font-size:11px;color:#fff;}
.seat_footer a {text-decoration:none;}
.seat_footer .seat_footer_header {background:transparent url('../images/backgrounds/footer_bg.png') no-repeat center top;height:29px;display:block;width:100%;text-align:center;}
.seat_footer_header_center {width:960px;margin:0 auto 0 auto;background:lightblue;height:29px;display:block;background:transparent url('../images/backgrounds/enjoyneering.png') no-repeat right top;}
.seat_footer_header_center .seat_footer_tab_link {height:29px;display:block;float:right;width:960px;}
.seat_footer_header_center .seat_footer_tab_link span {display:none;}
.seat_footer_imprint {width:966px;height:52px;display:block;margin:0 auto 0 auto;}
.seat_footer .seat_footer_links {height:52px;overflow:hidden;display:block;width:475px;float:left;}
.seat_footer .seat_footer_legal {height:52px;overflow:hidden;display:block;float:right;width:475px;}
.seat_footer .seat_footer_socialmedia {height:81px;display:block;margin:0 auto 0 auto;width:966px;}
.seat_footer .seat_footer_socialmedia ul {float:right;margin-top:35px;margin-right:3px;}
.seat_footer .seat_footer_legal a, .seat_footer .seat_footer_links a, .seat_footer .seat_footer_socialmedia a {color:#fff;text-decoration:none;text-transform:uppercase;font-weight:bold;}
.seat_footer .seat_footer_legal li, .seat_footer .seat_footer_links li {display:inline;float:left;padding-right:16px;margin-top:18px;}
.seat_footer .seat_footer_legal li {float:right;text-align:right;}
.seat_footer .seat_footer_legal li.seat_last, .seat_footer .seat_footer_links li.seat_last {border-right:none;padding-right:0;}
.seat_footer .seat_footer_legal li a, .seat_footer .seat_footer_links li a {font-weight:normal;}
.seat_footer .seat_footer_socialmedia li {display:inline;float:left;padding-bottom:0;}
.seat_footer .seat_footer_socialmedia li a span {display:block;float:left;margin-top:3px;padding-bottom:0;}
.seat_footer .seat_footer_socialmedia li img {padding-right:10px;padding-left:25px;padding-bottom:0;display:block;float:left;}
.seat_footer .seat_facebook_like {float:left;height:24px;margin-top:32px;padding:0;width:250px;overflow:hidden;}




#maintenance {}
#maintenance .imgLeft {float:left; }
#maintenance .txtWrapper {overflow:hidden; padding:15px 40px 0 40px; color:#404040; text-align:center}
#maintenance .txtWrapper h2 {font-size:20px}
#maintenance .txtWrapper p {font-size:18px}
#maintenance .txtWrapper img {display:block; margin:10px auto;}
