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, input, iframe {margin:0;padding:0;border:0;vertical-align:baseline}
li {list-style-type:none}
a {text-decoration:none}


/* -------------------- STRUCTURE ----------------- */
html, body {width:100%;height:100%;}

#page {position:relative;width:100%;z-index:0}

#body {width:100%;}
#head {width:100%;height:68px;padding-top:20px;border-bottom:1px solid black}

.wrap {position:relative;width:940px;margin:0 auto}
.clearer {clear:both}
.hidden {display:none}
.left {float:left}
.right {float:right}

/* head */
.top {z-index:500}
	#logo {position:absolute;right:40px;top:0;width:160px;height:102px;text-align:center}
	.baseline {float:left;position:relative;width:106px;height:12px;margin-left:26px;overflow:hidden}
		.baseline span {position:absolute;top:0;left:0;width:100%;height:100%;}
#menu {position:relative;z-index:100;margin:15px 0 0 26px;height:38px}
	#menu li {float:left;position:relative;line-height:25px;}
		#menu li strong, #menu li a {font-weight:normal;padding:8px;}
			#menu li:hover, #menu li.hover {margin:-1px 0 0 -1px}
	#menu li ul {display:none;position:absolute;left:-1px;z-index:200;padding:10px 0;}
		#menu li:hover ul, #menu li.hover ul {display:block}
		#menu li li {float:none;margin:0;padding:0;height:25px;line-height:25px;}
			#menu li li a {display:block;white-space:nowrap;padding:0 15px 0 25px;}
				#menu li li:hover, #menu li li a:hover, #menu li.hover li a {margin:0;}


#menu-gamme {position:relative;margin:0 20px;height:29px;background-color:#4ba82e;z-index:200}
	#menu-gamme li {float:left;position:relative;margin:0 25px 0 0;height:29px;}
	#menu-gamme a {color:white; display:block;padding:0 25px 0 15px;font-size:14px;line-height:29px;}
		#menu-gamme li li {height:auto}
		#menu-gamme li li a {height:auto;}
			#menu-gamme li a:hover, #menu-gamme li.hover a{color:#4ba82e;background:url(../images/arrow-menu-gamme.gif) right center no-repeat white;border:1px solid #ebebeb;border-bottom:none;margin:-1px}
				#menu-gamme li.hover li a {background:none;border:none;margin:0}
		#menu-gamme li ul {display:none;position:absolute;left:-1px;top:29px;width:338px;padding:20px 20px 0;background-color:white; border:1px solid #ebebeb; border-top:none}
			#menu-gamme li:hover ul, #menu-gamme li.hover ul {display:block;}
			#menu-gamme li ul li {margin:0 0 10px;padding:0;border-bottom:1px solid black; }
				#menu-gamme li ul li.last, #menu-gamme li li ul {margin-bottom:0;border:none}
			#menu-gamme li ul .visu {float:left;width:208px}
				#menu-gamme li ul .visu a, #menu-gamme li ul .visu a:hover {background:none;border:none;padding:0;margin:0}
			#menu-gamme li ul p strong {font-size:14px;font-weight:normal}
			#menu-gamme li ul ul {display:block;position:static;float:right;width:130px;padding:0;margin:20px 0 0 0}
				#menu-gamme li ul ul li {float:none;position:static;margin:0 0 5px;padding:0;border:0;}
					#menu-gamme li ul ul li a, #menu-gamme li ul ul li a:hover, #menu-gamme li.hover li li a {border:none;color:#555;font-size:12px;line-height:normal;padding:0 0 0 10px;margin:0;background:url(../images/arrow-std.gif) left center no-repeat;}
					#menu-gamme li ul ul li a:hover {border:none;color:#4ba82e;}
					
/* PAGE */
.page-content {position:relative;top:-15px;z-index:2;margin:0 0 30px;clear:both}
#title-gamme {position:absolute;top:45px;left:30px;width:;z-index:2}
	#blk-title {position:absolute;left:30px;top:30px;}
	.title-page, .title-event {overflow:hidden;position:relative;z-index:1}
		.title-page strong, .title-page span {padding:0 10px 0 5px}
		.title-page span strong {padding:0}

/* Home */
#media-full, #media-gamme {position:relative;overflow:hidden;z-index:0}
#list-media-home {display:none}
#loader {position:absolute;top:206px;left:450px}
	.events #loader {top:40px;left:auto;right:30px}
#map-loader {position:absolute;left:308px;top:118px;color:white;z-index:20;text-align:center}

/* Gamme */
#media-gamme {top:-15px}
	.title-gamme-item {position:absolute;top:114px;width:auto;z-index:10000}
	#media-gamme-contener{position:relative;width:100%;height:380px}
		#media-gamme-contener img, .gamme-item {position:absolute;top:25%;left:50%}
	
#nav-gamme {position:relative;top:-15px;width:100%;height:200px;}
	#nav-gamme ul {position:relative;width:940px;margin:0;padding:0;}
	#nav-gamme li {float:left;width:125px;margin:0 7px;padding:24px;}
	#nav-gamme img {margin:8px 0}

.page-content .splash {margin-top:-30px}

#push-video {position:absolute;top:45px;right:30px;width:155px;z-index:100}
	#push-video .content {padding:6px}
	#push-video .content {margin-bottom:1px;}
		.t-push-video {margin:10px 2px}
		#push-video p {margin:0 2px}
		.media-video {display:block;position:relative}
		.media-video .btn-play {position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px}
		#push-video .btn-more {float:right;width:16px;height:14px;margin-top:10px;outline:none}
	#push-video .views {padding:8px}
		#push-video .views li {margin:6px 0}
			#push-video .views a {margin-right:4px}

#bloc_views {position:absolute;width:229px;height:20px;bottom:35px;left:50%;margin-left:-115px}
	#bloc_views p {cursor:pointer}
		#bloc_views .active p {cursor:default}
		.int p {margin:0 12px;float:left}
			.active.int p {margin:0 4px;float:left}
		.ext p {float:right;margin-right:10px}
			.active.ext p {margin-right:2px}
	#bloc_views .active {position:relative;width:128px;padding:2px 6px;}
		.int.active {float:left;margin-left:-2px}
		.ext.active {float:right;margin-right:-2px}
	#bloc_views ul {display:none;width:60px;margin:6px 4px;position:absolute}
		#bloc_views .active ul {display:block}
			.int ul {right:0}
		#bloc_views .active li {float:left}
			#bloc_views .active li {margin-right:6px}
				#bloc_views .active li a {display:block;width:6px;height:6px;overflow:hidden;text-indent:-99em;outline:none;}


/* Lightbox */
#overlay {display:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:600}
	#overlay .bg {display:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;cursor:pointer}
		#overlay li .bg {display:block}
	.popin-full .btn-close, .popin-foot .btn-close, #video-layer .btn-close, #ctnr-iframe .btn-close {position:absolute;right:16px;top:20px;width:13px;height:13px;overflow:hidden;text-indent:-99em}
	#ctnr-iframe .btn-close {top:0;right:0}
	
/* POPIN */
#video-layer {position:absolute;top:143px;left:50%;width:894px;height:504px;margin-left:-447px;z-index:11}
.popin-full {padding:20px 16px;z-index:11}
	#overlay .popin-full {display:none;position:absolute;top:158px;left:50%;width:898px;padding:20px 21px;height:auto;margin-left:-470px;}
	.pop-half {width:450px;margin-left:-225px;}
	.simple .page {padding:20px}
	.popin-full .title-popin {display:inline-block;margin:0 0 30px 15px}
	.popin-full .iframe {height:400px;}
    .popin-full .gmaps {height:478px;margin:0 0 30px;}

	.tab-content {position:relative;margin:0 20px 20px;height:314px}
		.pop-content .tab-content  {margin:0 8px 20px;height:auto}
		.tab {width:100%;height:32px}
			.onglet {float:left;}
				.half {width:50%}
				.quart {width:25%}
				.quart3 {width:75%}
				.onglet a, .onglet span, .onglet strong {display:block;padding:0 10px}
		.tab-content .description {padding:20px}
			.description table {width:100%;}
				.description th {vertical-align:top;padding:5px 5px 10px;}
				.description td {height:24px}
		.list-tech {position:relative;padding:40px 262px 20px 0}
			.list-tech .scroller {height:225px;}
			.list-tech ul {float:left;}
				.list-tech li {float:left;width:250px;margin:0 0 3px 20px;padding-left:10px;}
			.visuel-tech {position:absolute;right:0;top:0}
		.tab-content .btn-prev, .tab-content .btn-next {display:block;position:absolute;top:50%;margin-top:-7px;width:7px;height:14px;overflow:hidden;text-indent:-99em}
			.tab-content .btn-prev {left:-15px;}
			.tab-content .btn-next {right:-15px}
	.nav-popin {position:absolute;bottom:-30px;width:100%;text-align:center}
		.nav-popin li {display:inline-block;margin:0 3px;}
			.nav-popin a {display:block;width:6px;height:6px;overflow:hidden;text-indent:-99em}
	.tab-content .intro {padding:0 8px 15px;}

#condition .bt-mentions {position:relative;top:15px;}
	#condition .hidden {position:relative;top:20px;margin:10px 0 20px}
/* POPIN from footer */	
.popin-foot {display:none;position:absolute;left:50%;width:890px;height:371px;margin-left:-465px;padding:10px 16px 50px 24px;z-index:15;top:-437px}
	.pop-pointer {position:absolute;bottom:0;left:68px;width:22px;height:11px;}

/* lightbox in popin, configurateur */
#ctnr-iframe {position:relative;width:1004px;margin:82px auto 0;z-index:20}
.pop-content #ctnr-iframe {width:auto;margin:0 auto}
			
/* DOCUMENTATION */
.page-content .popin-full {top:0;height:auto;padding:40px 20px;}
	.page-content .iframe {padding:20px 0 0}
.page-content .tab-content {width:100%;height:auto;margin:0;}
.list-documentation {padding:15px 0 0 12px}
	.vh-choice li, .tv-choice li {float:left;width:155px;margin:15px 10px;}
		.tv-choice li a {padding:7px 6px;}
		.vh-choice a, .vh-choice img, .tv-choice a {display:block}
		.title-vh-choice {height:42px;cursor:pointer}
			.title-vh-choice table {width:100%;height:100%}
			.title-vh-choice td {vertical-align:middle;text-align:center;}
.form-doc, .confirm-steps {position:relative;}
	.title-field {display:block;width:100%;padding:20px 0 10px;}
		.slide .title-field {cursor:pointer;position:relative;}
		.form-slide .title-field {cursor:pointer}
			.title-field .arrow {display:inline-block;margin-left:10px;width:11px;height:6px;overflow:hidden}
	.form-content {padding:0 15px 15px;margin-top:15px;}
		.pop-half .form-content {padding:30px 15px;width:400px}
		.i-text-50 {width:26px;height:23px;padding:0 12px}
		.i-text-75 {width:51px;height:23px;padding:0 12px}
		.i-text-100 {width:82px;height:23px;padding:0 12px}
		.i-text-150 {width:126px;height:23px;padding:0 12px}
		.i-text-175 {width:152px;height:23px;padding:0 12px}
		.i-text-210 {width:186px;height:23px;padding:0 12px}
		.i-text-285 {width:262px;height:23px;padding:0 12px}
		.i-text-430 {width:420px;height:23px;padding:0 12px}
		.i-text-710 {width:686px;height:23px;padding:0 12px}
	.form-doc li {margin-bottom:10px}
		.form-doc .form-adresse {margin-bottom:0}
			.form-adresse input {margin-bottom:10px}
		.form-doc li label {float:left;width:75px;line-height:23px}
			.form-adresse label {display:block;float:left;height:40px;display:block;float:left;height:40px}
			.form-inline label {margin-right:10px}
			.form-inline .i-text-175 {margin-right:20px}
			.form-inline-select {margin:10px 0}
				.form-inline-select p {float:left;width:210px}
		.form-content label, .form-content input, .form-content img {vertical-align:middle}
	.form-doc .footer {width:856px;padding:12px;}
	.form-newsletter .footer {position:relative;margin:0 12px;padding-bottom:15px}
		.form-doc .mentions, .form-newsletter .mentions {width:700px}
		.form-doc .mandatory {position:absolute;bottom:15px;right:15px}
		.form-newsletter .mandatory {position:absolute;bottom:15px;right:0}
		
	.form-date {margin:10px 0}
		.form-date label {display:block;margin-bottom:5px}
		.form-date .i-text-75 {margin-right:5px}
		.form-date span {margin:0 5px 0 2px}
		.form-date img {margin:1px 0 0 5px;vertical-align:top;cursor:pointer}
	.form-phone {}
		
.list-substitute {position:relative;width:174px;margin:5px 0 20px;z-index:100;}
.list-substitute.small {width:65px;float:left}
	.btn-open-list {position:relative;display:block;height:26px;padding:0 12px;z-index:3;}
	.list-substitute ul {display:none;position:absolute;width:100%;z-index:500}
	.list-substitute li {position:relative;margin:0;height:24px;}
		.list-substitute a {position:relative;display:block;padding:0 12px;z-index:3;}
		.list-substitute .bg {position:absolute;top:0;left:0;width:100%;height:100%}
		.btn-open-list .arrow {position:absolute;right:7px;top:7px;width:11px;height:11px;overflow:hidden}
.civilites .list-substitute {display:inline-block;margin:0}

.blk-checkbox{position:relative}
	.checkbox-substitute {display:block;float:left;width:18px;height:18px;margin-right:10px;overflow:hidden;cursor:pointer}
	
.btn-valide {display:block;width:65px;height:24px;padding-bottom:4px;cursor:pointer}
	.form-doc .btn-valide {margin:15px}
	.form-newsletter .btn-valide {margin:30px 15px -30px 0;position:relative;z-index:4}

.confirm-vh, .confirm-std, .confirm-last {float:left;position:relative;height:275px;margin-right:15px;}
	.confirm-steps .last {margin:0}
.confirm-vh p, .confirm-std p {margin:15px}
.confirm-vh {width:330px;}
	.confirm-vh img{ display:block;margin:0 auto}
.confirm-std, .confirm-last {width:266px}
.confirm-last {margin:0}
	.confirm-last .large-txt {margin-bottom:15px}
	.confirm-last .bottom-link {position:absolute;bottom:15px;right:0}
		#other-tryout {position:absolute;bottom:25px;right:20px}
.confirm-vh .coordonnees p, .confirm-std .coordonnees p {margin:5px 15px}

.confirm-message {margin-top:32px}

#player {display:block;width:882px;height:350px}

#add-video-rating {float:left;width:69px;height:23px;margin:0 10px 0 0;overflow:hidden;text-indent:-999em;vertical-align:middle}

/* Etude Perso */
#survey .vh-choice li {display:block;height:129px;}
	#survey .vh-choice li img {display:block;margin-bottom:12px;cursor:pointer}
	#survey .vh-choice li label {cursor:pointer}
	#survey .vh-choice li .checkbox-substitute {margin:0 8px}
	#survey .btn-valide {position:absolute;bottom:15px;right:15px}

#form-survey {padding:10px 20px 0;}
#form-survey label {display:inline-block;width:110px}
#form-survey .col1on4 {float:left;width:195px;padding:0 15px 0 0;}
#form-survey .col1on4 li {height:;margin:0 0 20px;}
#form-survey .col1on4 .list-substitute {width:165px;z-index:auto}
#form-survey .col1on4 .list-substitute li {min-height:12px;height:auto;margin:0}
#form-survey .col1on4 .list-substitute li a {line-height:normal;padding-top:6px;padding-bottom:6px;outline:none}
#form-survey .col1on4 .btn-open-list {overflow:hidden}
#form-survey .col1on4 label, #form-survey .line label {display:block;margin:0 0 6px 0;width:auto}
#form-survey .col1on4 .fix_height {margin-top:-12px;}
#form-survey .col1on3 {float:left;width:270px;padding:0 10px 0 0;}
#form-survey h2, #form-survey .list-substitute {margin-bottom:10px}
	#form-survey .col1on3 li, #form-survey .col1on3 .row2 input {margin-bottom:5px}
	#form-survey .col1on3 .list-substitute li {margin-bottom:1px}
#form-survey .col1on3 .row2 label {float:left;padding-bottom:20px}
#form-survey .col1on3 .list-substitute {display:inline-block}

#form-survey .i-text-75, #form-survey .i-text-175 {margin-top:5px}
#form-survey .line {clear:both;margin:-10px 0 15px;padding-bottom:15px;}
	#form-survey .line label {float:left;}
	#form-survey .line .clearer {display:block;}
	#form-survey .inline label, #form-survey .inline .list-substitute {display:inline-block}
.inline .mandatory {float:right}
#form-survey p.clearer {position:relative;top:-5px}
	#form-survey p.clearer input {margin-left:-1px}
#form-survey .mentions {padding:20px 0}
#form-survey .right {margin-right:20px}
form-survey ..error-message {margin-top:0}

#confirm-survey .confirm-vh, #confirm-survey .confirm-std {height:100%;}
#confirm-survey .confirm-vh {width:608px}
#confirm-survey .left-col {float:left;width:384px;}
#confirm-survey .right-col {width:195px;float:left;height:100%; padding-left:15px}
#confirm-survey .confirm-vh ul {float:left;width:100%;}
#confirm-survey .confirm-vh li {float:left;width:50%;margin-bottom:30px;text-align:center}
	#confirm-survey .confirm-vh li img {display:block;width:100%;margin-bottom:10px}
#confirm-survey .deco {position:absolute;left:384px;top:0;width:15px;height:100%;background:url(../images/bg/popin/bg_popin.png) 0 0 repeat-x #111}

/* ESSAI */
.partenaires-essai {padding:10px 0 10px 15px}

.searchbar {position:relative;margin:10px 0 20px}
	.searchbar input {margin:0 20px 0 5px;vertical-align:middle}
	.btn-search {width:94px;height:23px;padding:0 6px 0 24px;cursor:pointer;}
	.searchbar .results {float:right;margin:3px 15px 0 0}
	
.list-patenaires li {float:left;position:relative;width:182px;height:108px;margin:0 14px 15px 0;padding:10px;}
	.btn-next-result, .btn-prev-result {display:block;float:left;width:202px;height:82px;margin:0 0 15px 0;padding-top:46px;}
		.btn-prev-result {margin:0}
		.btn-next-result .arrow, .btn-prev-result .arrow {display:block;width:11px;height:21px;position:relative;margin:0 auto 20px}
	.list-patenaires .btn-valide {display:none;position:absolute;bottom:5px;right:5px;padding:0;line-height:24px}
.part-links {position:absolute;bottom:8px;width:172px}

.partnaires-results {min-height:300px}
.ac_results {position:relative;margin-left:10px;z-index:13}
.ac_results li {padding:2px 5px;cursor:pointer}


/* errors */
.error-messages {clear:left;margin:5px 0}
.form-doc .error-messages {clear:both;margin:20px 0}

/* OFFRES */
#offres {position:relative;width:930px;margin:0 auto;}
#offres-list {position:relative;padding:0 30px 15px;margin:0 auto;}
	#offres-list #blk-title {left:0;}
.bandeau, .bandeau-vh {position:relative;}
	.bandeau-vh h2 {height:320px;}
	.bandeau h2 {height:260px}
	.bandeau img, .bandeau-vh img {display:block;}
	.menu-offres {position:absolute;bottom:0;right:0;height:20px;padding:10px}
		.bandeau-vh	.menu-offres {bottom:12px;}
		.menu-offres label {margin-right:5px}
		.btn-find-offer {width:15px;height:15px;margin:2px 5px;cursor:pointer}
		.menu-offres .list-substitute {width:220px;display:inline-block;margin:0}
#offres-list .vh-choice a {height:175px}
.push-offre {display:block;float:left;margin-right:12px}
.fiche-content {margin-top:12px;}
#offres .tab-content {position:relative;margin:0;width:100%}
	 #offres .with-push .tab-content {float:left;width:776px}
	 #offres .tab-content .content {height:162px;padding:15px}
		#offres .tab-content .btn-back {position:absolute;right:0;top:10px}
		#offres .elt-tab li {float:left;width:50%}
		#offres .elt-tab p {margin-bottom:10px;}
		#offres .elt-tab .scroller, #offres .elt-tab {width:100%;position:relative;height:160px;}
			#offres .first .scroller {width:620px;float:left;}
			#offres .with-push  .first .scroller {width:460px;}
		#offres .btn-arrow {margin:5px 0 0;width:120px;}
		#offres .btn-arrow.print {width:130px;}
#offer-top {position:relative;padding-top:60px}
#offer-top #quick-links {float:left;top:0;margin:20px 0 10px}

#offres .tab {width:auto}
	#offres .tab h3 {display:block;height:100%;line-height:32px;}
	#offres .tab span {padding:0 15px}
	
	/* LISTE */
#offres-toolbar, #tv-toolbar {position:absolute;width:680px;height:26px;padding:4px 0;top:30px;right:0px;}
#tv-toolbar {width:695px;right:30px}
	
.filtre {position:relative;float:left;margin-right:15px;z-index:11}

.btn-filtre {display:block;position:relative;width:100%;height:26px;}
	.btn-filtre .bg-right {display:block;padding:0 36px 0 12px;margin-left:2px}
	.btn-filtre .bg-left {display:block;margin-right:2px}
	.btn-filtre .arrow {display:block;position:absolute;right:12px;top:8px;width:11px;height:11px}
.filtre ul {position:absolute;top:26px;left:0;width:100%;}
	.filtre li {height:25px}
		.filtre li a {display:block;height:24px;padding:0 12px}
.filtre-current {display:block;position:relative;width:100%;height:24px;position:absolute;top:0;z-index:1}
	.filtre-current span {padding-left:12px}
	.filtre-current .croix {display:block;position:absolute;right:9px;top:9px;width:7px;height:7px;}
.filtre ul, .filtre-current {display:none}
#f-modele  {width:185px;}
#f-prix {width:170px;}
#f-videos {width:145px}
#f-date {width:90px}
#f-co2 {width:170px;margin:0}
#f-event {width:165px}

.n-offres {line-height:40px;padding-right:15px}

#offres .vh-choice {margin-left:-18px;}
#offres .vh-choice li {margin:0 18px 35px}

.blk-vh {padding:5px 10px;height:55px}

#offres .vh-choice .btn-next-result, #offres .vh-choice .btn-prev-result, #offres-list .vh-choice .btn-next-result, #offres-list .vh-choice .btn-prev-result {width:155px;height:120px;padding-top:55px;}

.pagination {position:relative;width:100%}
.pagination p {position:absolute;left:15px}

#offres #nav-gamme {position:relative;height:auto;top:auto}
	#offres #nav-gamme ul {position:relative;width:auto;margin:0 52px;padding:0}
	#offres #nav-gamme li {margin:0;padding:0 20px 24px;text-align:center}
		#offres #nav-gamme .vehicle-range-5 li {padding:0 20px 24px}
		#offres #nav-gamme .vehicle-range-4 li {padding:0 40px 24px}
		#offres #nav-gamme .vehicle-range-3 li {padding:0 70px 24px}
		#offres #nav-gamme .vehicle-range-2 li {padding:0 140px 24px}
		#offres #nav-gamme .vehicle-range-1 li {padding:0 350px 24px}
#pointer {position:relative;height:14px;width:100%;overflow:hidden;top:-12px}
.pointerleft {position:absolute;left:0;width:453px;height:14px;}
.pointerright {position:absolute;right:0;top:0;width:453px;height:14px;}
.pointer {position:absolute;top:0;left:50%;margin-left:-12px;width:24px;height:14px;}

/* popin offre */
.ctt-popin-img  {position:relative;height:315px;padding:15px 385px 15px 15px}
	.ctt-popin-img img {height:345px;width:auto}
	
	
/* SKODA ET VOUS */
#menu-multi li {float:left;padding-right:50px}
.pop-content #you-content {position:relative;top:30px}
	.you-main {position:relative;float:left;width:545px;height:320px;margin:0 15px;}
		.you-main .wrapper {position:relative;height:100%;}
		.you-main .wrapper.tabs {height:295px;}
		.you-main .wrapper.press {height:auto;}
			.you-main .scroller, .you-side .scroller {height:250px;}
			.you-main .tabs .scroller {height:225px}
		.you-main .tab {height:25px;}
		.you-main .onglet span, .you-main .onglet a {padding-right:40px}
		.you-main .onglet a.on {cursor:default}
		.text-actu {margin:0 105px 0 12px;padding:5px 0}
		#btn-inscrire {position:absolute;bottom:8px;right:12px;width:92px;height:23px;}
	.you-side {float:left;width:310px;height:320px;overflow:hidden}
		.title-you-side {margin:15px}


#fb-frame {width:310px;height:320px;}

/* actu */
.list-actus li, .list-presse li, .reseaux li {margin:0 1px 10px;padding:0 0 12px 13px}
	.list-actus li:last-child, .list-presse li:last-child, .reseaux li:last-child {margin-bottom:0}
	.list-actus li img, .list-presse li img {float:left;margin-right:5px}
	.date {margin:5px 0}
#form-actu {display:none;position:relative;height:100%;}
	#form-actu p {padding:10px 12px}
	#form-inscription div {margin:0 12px}
		#form-inscription li {float:left;width:50%;height:35px}
		#form-inscription label {float:left;width:78px;}
		#form-inscription .i-text-175 {margin-top:2px}
		#form-inscription .list-substitute {float:left;margin:0;width:175px;}
			#form-inscription .list-substitute li {float:none;width:auto;height:auto}
		#form-inscription .mendatory, #form-inscription .btn-valide {float:left}
		#form-inscription .mendatory {padding:0 20px 0 55px}
	#form-actu-head {position:relative}
	#btn-close-form {display:block;float:right;width:11px;height:6px;overflow:hidden;text-indent:-99em}
	
#actualites .mentions {position:absolute;bottom:-24px;width:800px;line-height:11px;color:#666}
.popin-foot #actualites .mentions {bottom:-18px}

/* PRESSE */
#article {padding:12px 18px 12px 12px;margin-bottom:12px}
	#article .left {margin:0 12px 12px 0}
	.titre-article {margin-bottom:6px}
	.chapo-article, #article p {margin-bottom:12px}
	#article .link-more, .wrapper .btn-arrow {float:right;clear:both}
	.wrapper .btn-arrow {margin-right:18px}
	
.btn-arrow {display:block;height:24px;padding-left:12px;overflow:visible}
.btn-arrow.print {padding-left:40px}
.btn-arrow span {display:block;padding-right:24px;height:100%;position:relative;left:8px;cursor:pointer}
.list-presse p {margin-bottom:5px}

#select-list {position:absolute;top:40px;right:44px; z-index:50}

/* reseaux */
.reseaux {padding-top:30px}
.form-comment {margin:10px}
	.form-comment li, .form-comment .btn-valide {margin-bottom:10px}
		.form-comment label {float:left;width:110px}
		.form-comment textarea, .pop-half textarea {width:152px;height:87px;padding:6px 12px;margin-bottom:10px}

/* scroller */
.scroller {position:relative;overflow:auto}
.jScrollPaneContainer {overflow:hidden;position:relative;}
.jScrollPaneTrack {position:absolute;right:4px;}
.jScrollPaneDrag {position:absolute;width:10px;height:27px;cursor:pointer}

.marker {cursor:pointer}

/* Newsletter */
.form-newsletter .form-slide {overflow:visible}
.news-id {float:left;width:290px}
.news-loc {float:left;width:560px}
	.news-id li, .news-loc li, .form-full {height:36px}
	.news-id li li, .news-loc li li {height:auto}
	.news-id label, .form-full label {float:left;width:60px}
	.news-loc label, .form-alt label {float:left;width:80px;}
	.news-loc label {width:100px;}
	.news-loc .last label{width:78px;}
	.news-id .list-substitute, .news-loc .list-substitute {float:left;margin:-3px 0 0}
		.top .list-substitute {z-index:101}
		.news-loc .left, .form-alt .left {padding-right:40px}
.form-alt {height:50px}
.list-substitute ul {max-height:200px;overflow:auto}
/* mag */
.line {margin:10px 0}
	.line .checkbox-substitute {margin-right:15px;}
	.line label {width:auto}
	.textarea label {float:left;width:275px;margin-right:15px}
	.line textarea {width:526px;height:64px;padding:6px 12px;}
.form-content .col1on2 {float:left;width:350px;margin-top:30px;}
.form-content .col2on2 {float:left;width:500px;margin-top:30px;}
	.form-content .col1on2 label {float:left;width:110px}
	.form-content .col2on2 label {float:left;width:150px}
	.form-content .col1on2 li, .form-content .col2on2 li, .pop-half p {margin-bottom:10px}
	.col1on2 textarea {width:184px;height:87px;padding:6px 12px;}
	.pop-half .label {float:left;width:85px;text-align:left}

/* CARTE */
#map_canvas {position:relative;top:-15px;width:100%;height:680px;}
	.pop-content #map_canvas {height:530px}
#shadow {position:absolute;width:100%;height:680px;top:14px;left:0;z-index:0}
	/* Palette */
#filters {position:absolute;top:60px;left:15px;width:235px;height:auto;padding:0 16px 0 9px }
	#filters .bg {position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;}
	#filters .bot {position:absolute;bottom:-28px;width:100%;height:28px;}
	#filters .top {position:absolute;top:-24px;width:100%;height:24px;}
#palette {margin:-16px 0 -10px;position:relative;z-index:1;}
	.title-map {height:33px;padding:8px 15px 0}
	#palette .hd {position:relative;padding:5px}
		.toggle-map-type {display:block;height:25px;padding:0 12px;outline:none}
		.list-maps-type {display:none;position:absolute;left:5px;top:30px;width:222px;z-index:10}
			.list-maps-type a {display:block;padding:5px 15px;}
			.list-maps-type .ft {height:10px;margin-top:-0}
		#palette .hd p {margin:5px 10px}
			.toggle-map-list {float:right}
		#palette .dealer_info strong {float:left;width:200px;}
		.dealer_info .croix {float:right;width:7px;height:7px;padding:4px;margin-right:-4px;overflow:hidden;text-indent:-99em}
	.toggle-filter, #btn-alertes {display:block;position:relative;height:24px;padding:0 12px;outline:none}
	#btn-alertes {padding-left:36px;}
		#btn-alertes .picto {position:absolute;top:6px;left:12px;width:15px;height:11px;overflow:hidden}
	
	/* RESEAU */ 
.sub-filter {padding:10px 14px}
	.sub-filter h2, .sub-filter p {margin-bottom:10px}
	.sub-filter li {margin-bottom:5px;}
		.sub-filter .i-text-80 {width:65px;height:17px;padding:2px 8px}
#network-local .range{margin:20px 0}
#network-local p label, #sub04 label {float:left;width:110px;margin-right:10px}
	
	.ui-slider {position:relative;height:4px;top:10px;margin:0 4px;}
	.ui-slider-handle {display:block;position:absolute;top:-5px;margin-left:-5px;width:13px;height:13px;z-index:2;outline:none}
	.ui-slider-range {position:absolute;height:100%}

/* VO */
#wrapper {position:relative;width:100%;height:100%;}
.main-filers {position:relative}

.amount {position:absolute;margin-top:-10px;cursor:default}
.i-range {display:none}
.sub-form .right {right:14px;float:none}

.toggle-multi {display:block;width:193px;height:23px}
.form-multi {display:none;position:absolute;z-index:11;width:193px}
	.form-multi .ft {height:10px;width:100%;position:absolute;bottom:-10px}
	.checkbox_list {padding:10px;max-height:130px}
		#network-local .checkbox_list {padding:0;margin-bottom:10px}
		.brand_group .checkbox_list {padding:0 10px;max-height:none}
	.form-multi .scroller {display:none;}
	#uc_model .scroller {max-height:150px;margin-top:10px;}

.select-all {margin-left:13px;position:relative;top:3px}

.sub-filter h2.toggle-sub {margin:0;cursor:pointer}
	.sub-filter h2.toggle-sub.on {cursor:default}
	#filter2 h2, #filter3 h2 {margin:0}
.sub-form {padding:10px 0}
	#sub03 .sub-form {padding-bottom:30px}
	#sub11 .sub-form, #sub12 .sub-form {padding-bottom:20px}
	#sub13 .sub-form, #sub13 {padding-bottom:0}
	#sub04 .sub-form {padding-right:0}
	#sub03, #sub04, #sub05 {overflow:hidden}
	#distance{width:22px}

.sub-filter h2 {position:relative}
.sub-filter h2 .arrow {position:absolute;top:2px;right:0;width:9px;height:5px;overflow:hidden}
	
	.label_vo { padding-bottom:10px}
	.label_vo img {margin-right:10px;vertical-align:middle}

.inline-multi li {display:inline-block;margin-right:5px}

#gear_type .checkbox_list, #uc_energy_list .checkbox_list {padding:5px 0}
#gear_type .checkbox_list li, #uc_energy_list .checkbox_list li {float:left;width:50%}
#gear_type .checkbox-substitute, #uc_energy_list .checkbox-substitute {margin-right:5px}

	/* RESULTATS */
.uc_menu {height:41px}
.uc_menu li {float:left}
	.uc_menu li a {display:block;height:17px;padding:12px 25px 12px 10px;}
		.uc_menu .on a, .uc_menu .off a {cursor:default}
		.uc_menu .first a {width:23px;overflow:hidden;text-indent:-99em;}
.sv_sort {clear:both}
	.sv_sort li {position:relative;float:left;padding:3px 10px;vertical-align:top;cursor:pointer}
		.sv_photo {width:64px}
		.sv_bmv {width:164px}
		.sv_year {width:54px}
		.sv_price {width:54px}
		.sv_zipcode {width:24px}
		.sv_skodavo {width:54px}
	.sv_sort span {position:absolute;right:2px;top:9px;width:7px;height:4px;overflow:hidden}
#view-list td, #view-fav-list td {padding:6px 4px;vertical-align:middle;}
	td.sv_photo {width:78px}
	td.sv_bmv {width:178px;}
	td.sv_year {width:68px}
	td.sv_price {width:68px}
	td.sv_zipcode {width:38px}
	td.sv_skodavo {width:68px}
	#view-list td.desc, #view-fav-list td.desc {text-align:left}
	#view-list .first td, #view-fav-list .first td {padding-top:12px}
	#view-list .last td, #view-fav-list .last td {padding-bottom:12px}
	
	td.sv_photo img, td.sv_photo a, .sv_sort img {display:block}
.selecta, .unselecta {display:inline-block;position:relative;width:18px;height:18px;overflow:hidden;text-indent:-99em;margin-left:4px}
	.title-vehicle .selecta, .title-vehicle .unselecta {display:inline-block;margin:0 5px 0 0;vertical-align:bottom}

.toggle-view {float:right;/*margin-top:10px;*/}
	.toggle-view li {float:left;margin-left:6px}
	.toggle-view a {display:block;width:24px;height:24px;overflow:hidden;text-indent:-99em}

#vo-content, #vo-fav-content {height:380px}
	#vo-content .scroller, #vo-fav-content .scroller {height:100%;overflow:auto}
	#vo-content .jScrollPaneTrack, #vo-fav-content .jScrollPaneTrack {right:0px}
#view-galery ul, #view-fav-galery ul {position:relative;width:602px;}
#view-galery li, #view-fav-galery li {position:relative;float:left;width:260px;height:290px;padding:10px;margin:0 10px 10px 0;overflow:hidden}
	#view-galery span, #view-galery .selecta, #view-galery .unselecta, #view-fav-galery span, #view-fav-galery .selecta,#view-fav-galery .unselecta  {float:right}
	#view-galery .selecta, #view-galery .unselecta, #view-fav-galery .selecta,#view-fav-galery .unselecta {margin-top:5px}

#vo-home {position:relative;width:595px;height:348px;padding:25px 0 0 0;margin:-2px 0 0 -7px;overflow:hidden}
	.titre-vo {width:389px;height:36px;margin:0 0 15px 15px;overflow:hidden;text-indent:-999em}
	#vo-home h3 {margin-bottom:5px}
	#vo-home p {margin-bottom:20px}
	#vo-home #vo-num-results {position:absolute;right:10px;bottom:10px;margin:0}
	#vo-home .link-network {position:absolute;top:2px;left:15px;padding-left:10px}
	
	#logo-so {position:absolute;right:21px;top:10px;width:97px;height:54px;}
	#blk-vo-home-01, #blk-vo-home-02 {position:absolute;bottom:0;left:0;width:565px;height:297px;padding:0 15px;}
	#blk-vo-home-02 {display:none;left:100%}
		#blk-vo-home-02 ul {position:relative;top:45px;left:5px}
			#blk-vo-home-02 li {margin-bottom:10px;padding-left:15px}

#vo-list {position:relative;padding-top:40px}
#top-pager {position:absolute;top:0;width:100%;}
#bottom-pager {margin-top:10px}
#vehicles .pagination {float:left;width:462px;left:60px;letter-spacing:0.12em}

	/* fiche */
#vo-detail {height:380px}

.fiche .main {float:left;width:260px;margin:0 12px;}
	.title-vehicle {margin:10px 0 15px}
	.carroussel {margin:5px 0}
	.carroussel li {float:left;width:31px;height:31px;margin:3px;overflow:hidden}
		.carroussel .blk_img {height:194px}
		.carroussel li img {display:block;height:100%}
	.vehicle-info {margin:10px 0 0;}
		.vehicle-info img {float:left;margin-right:10px}
		.vehicle-info .left {max-width:70px}
		.vehicle-info .right {max-width:120px}
.fiche .more {float:left;width:298px;height:100%}
	.toggle-detail {display:block;height:21px;padding:0 14px;outline:none}
		.toggle-detail.on {cursor:default}
	.detail-content {height:203px;padding:15px 10px;}
		.detail-content .scroller {width:100%;height:203px;overflow:auto}
		
.btn-contact {display:block;width:154px;height:28px;padding-left:8px;}
.btn-print {float:right;position:relative;top:15px;}
.btn-print span {display:inline-block;width:24px;height:24px;margin-left:10px;overflow:hidden;text-indent:-99em;vertical-align:middle}

#vo-detail .btn-contact {position:relative;top:15px;}
	#detail_2 .btn-contact {margin:25px auto}
.btn-envoie {display:block;width:82px;height:28px;margin-left:80px;cursor:pointer}
.detail-content p {clear:both}
.detail-content .address {float:left;width:180px;}
.label {float:left;margin-right:10px;text-align:right}
	#detail_2 .label {width:70px}
	detail_3 li {clear:both}
	#detail_3 .label {width:115px;height:100%}
	#detail_4 {position:relative;padding:15px 8px 15px 0}
		#detail_4 li, #detail_5 li {margin-bottom:8px}
		#detail_4 .label {width:70px}
		.detail-content textarea {width:184px;height:60px;padding:6px 12px}
		#successMsg, #successMsg .bg, #successMsg2, #successMsg2 .bg {position:absolute;width:100%;height:100%;top:0;left:0}
			#successMsg p, #successMsg2 p {position:relative;margin:1em}
				 #successMsg2 a {position:relative; z-index:22}
	#detail_5 {position:relative;padding:15px 0}
		#detail_5 li {clear:both}
	#detail_5 label {width:65px}
	#detail_5 .jScrollPaneTrack {right:0}
	
#imageZoom {z-index:20;position:absolute;top:50%;left:50%;overflow:hidden;}
	#imageZoom .bt-prev, #imageZoom .bt-next {position:absolute;top:210px;width:31px;height:30px;overflow:hidden;text-indent:-99em}
	#imageZoom .bt-prev {left:0}
	#imageZoom .bt-next {right:0}

#vo-alerte {padding:20px}
	#vo-alerte .col {float:left;width:50%}
	#vo-alerte h2 {margin-bottom:20px}
#recap-alert p, #recap-alert li, #form-alert ul {margin-bottom:10px}
#recap-alert ul {margin-bottom:35px}
#form-alert p, #form-alert li {margin-bottom:5px}
#form-alert label {vertical-align:top; line-height:14px}

/* SELECTA */
#vo-selecta {position:relative}

#comparer {position:relative;float:left;margin:10px 0 0 0;z-index:1}
.btn-compare, .btn-uncompare {float:right;width:75px;height:15px;overflow:hidden;text-indent:-99em}
.btn-uncompare {display:none}
#view-fav-list .no-pad {padding:0}
#view-fav-galery .btn-compare, #view-fav-galery .btn-uncompare {position:absolute;bottom:0;right:10px}

#comparaison {position:relative;width:100%;height:425px;}
#comparaison .scroller {height:385px;overflow:auto}
#comparaison table {padding:10px 0 30px;width:100%}
#comparaison td {padding:0 10px;width:25%;}
	#comparaison tr:first-child td {padding:10px}
#comparaison .retour {position:relative;top:15px;float:right;margin-right:10px}

	/* InfoBox */
#infobox {position:relative;width:285px;z-index:1;cursor:default}
	.dealer {padding:10px;height:118px}
		.dealer p {margin-bottom:10px}
		.dealer .side {float:left;margin-right:10px;}
		.dealer img {display:block;margin-bottom:5px}
.btn-std {display:inline-block;height:23px;margin-right:10px}
	.btn-std span {display:block;position:relative;right:-10px;padding-right:10px;}
.btn-std.submit {display:block;position:relative;right:-10px;padding-right:10px;}
.ft-links{padding:15px 10px;min-height:24px}
.ft-vh li {padding:5px 10px}
	.ft-vh li img {float:left;height:35px;margin-right:10px}
		
.box-shadow {position:absolute;bottom:0;left:26px;width:405px;height:113px;z-index:0}
.box-arrow {position:relative;top:-1px;left:50%;margin-left:-17px;width:33px;height:39px;z-index:2}

 	/* LISTE DEALERS */
.uc_content {position:absolute;top:45px;left:280px;width:582px;padding:0 25px 25px}
#dealers {padding-top:25px}
	#infobox .closer {position:absolute;right:8px;top:8px;width:7px;height:7px;overflow:hidden;text-indent:-99em;z-index:1000;outline:none;cursor:pointer}
	.uc_content	table {width:100%}
		.uc_content	th, .uc_content	td{padding:3px 10px;vertical-align:top}
			.uc_content	th a {display:block}
	.uc_content .toggle-map-list {position:absolute;right:10px;top:10px;width:13px;height:13px;overflow:hidden;text-indent:-99em}
	.sd_pict {width:64px}

.toggle-events {display:block;width:210px;height:23px;padding-left:5px}
#events-list {padding:10px}
	#events-list ul {padding:5px 0}
	#events-list li {height:20px;padding-left:10px}
		#events-list li a {display:block;height:100%;padding-left:10px;}
			
/* CALENDAR */
.ui-datepicker {display:none;position:absolute;z-index:21;width:170px;}
.ui-datepicker-header {position:relative;width:100%;height:32px;}
	.ui-datepicker-title {text-align:center}
	.ui-datepicker-prev, .ui-datepicker-next {position:absolute;top:11px;width:4px;height:8px;overflow:hidden;text-indent:-99em;cursor:pointer}
		.ui-datepicker-prev {left:7px}
		.ui-datepicker-next {right:7px}
		
	.ui-datepicker .ui-state-default {display:block;padding:0 2px 4px;line-height:16px}
	
	
/* tv */
#web-tv {position:relative;width:100%;padding:30px 0}
	#web-tv #blk-title {left:35px}
	#tv-search {float:right;margin-top:3px}
	#tv-submit {cursor:pointer}
	#tv-list-content {margin:50px 30px 25px}
		.n-tv {padding:0 10px}
	.blk-tv {padding:7px 0 0}
	.tv-choice li {height:161px}
		.tv-choice li a {height:147px}
	.tv-choice li .btn-next-result, .tv-choice li .btn-prev-result {width:100%;height:115px;padding:46px 0 0}
	.pop-content #web-tv {position:static}
	.pagination a, .pagination span, .pagination strong {display:inline-block;padding:0 3px;}

#back-to-list {position:absolute;right:0;top:35px}
#all-videos    {position:absolute;right:0;top:35px}

#tv-content {margin:70px 35px 0}
	#tv-content	.main {float:left;position:relative;width:537px;height:310px;margin-right:15px}
	#tv-content	.side {float:left;width:304px;height:310px;}
		#tv-content .tab {height:22px}
		#tv-content .side .tabs {height:264px;width:280px;padding:12px}
			#tv-content .side .date {margin-bottom:25px}
				#tv-content .side .share .date {margin-bottom:0}
	#tv-content	.scroller {height:170px;}
	#overlay #tv-content {margin:50px 15px 15px;}
	
.tv-controls {width:537px;height:12px;position:absolute;bottom:0;left:0}
	.videoDuration {position:relative;float:right;width:490px;height:6px;margin:3px 12px 3px 0}
	.videoCurrentTime {height:6px;position:absolute;left:0;}
	.btn-play, .btn-pause, .btn-stop {display:block;float:left;margin:3px;width:6px;height:6px;overflow:hidden;text-indent:-99em}

#tv-content .share p {margin-bottom:5px}
.share-fb, .share-tw {float:left;width:29px;height:29px;margin-right:8px;overflow:hidden;text-indent:-99em}
.share-fb a, .share-tw a {display:block;height:100%}
.separator {position:relative;width:304px;height:2px;left:-12px;margin:10px 0}
.share-label {float:left;width:60px}

/* PAGES */
.page .elt-tab  {position:relative;padding:15px 385px 15px 15px}
.page .scroller {height:315px}
	/* content */
	.page h3 {margin-bottom:15px}
	.page .chapo {margin-bottom:20px}
	.page .list li, .page .list-visuel li {padding:15px 15px 15px 0}
		.page .list-visuel img {float:left;margin:0 20px 10px 0}
		.page .list-visuel p {margin:10px 0}
	.page .btn-std {margin-left:-8px}
	.page .ancres {margin-bottom:30px}
		.page .ancres li {margin-bottom:5px}
	.page .titre-ancre, .page h4 {margin:20px 0}
.legal p {margin-bottom:15px}
	
/* EVENTS */
.events .popin-full {height:690px}
#events {display:none;position:absolute;top:0;left:0;z-index:20}
	#event-content {position:absolute;top:0;left:0;width:294px;height:197px;padding:0;min-width:none;max-width:none}
		#event-content .bg {position:absolute;top:0;left:0;width:100%;height:100%}
		#event-content .content {position:relative;top:0;left:0;height:171px;padding:13px;}
			#event-content h2 {margin-bottom:10px}
			#event-content .closer {position:absolute;right:13px;top:13px; width:22px;height:21px;padding:0;overflow:hidden;text-indent:-99em;}
	#event-hidder {position:relative;top:0;left:0;width:909px;height:610px;margin:0 auto;overflow:hidden}
	.list-events {position:relative;}
		.list-events li {position:relative;float:left;margin:0 9px 9px 0;overflow:hidden}
			.list-events h2 {position:absolute;top:10px;left:10px;height:28px;padding:0 10px;z-index:10}
				.list-events h2 .text {position:relative;}
					.list-events h2 .bg {position:absolute;top:0;left:0;width:100%;height:100%}
			.list-events img {display:block}
	#previous-media, #next-media {position:absolute;bottom:12px;width:31px;height:30px;padding:0;overflow:hidden}
		#previous-media {right:52px}
		#next-media {right:12px}
	
	#nav-events {position:relative;margin:10px 0 20px}
		#nav-events a {display:inline-block;width:440px;}
			#nav-events a span {display:inline-block;width:31px;height:30px;margin:0 10px;overflow:hidden;vertical-align:middle}
		#nav-events .next {float:right;}
		#nav-events .prev {float:left; text-align:right}
		
/* SITEMAP */
#sitemap li {float:left;width:33.3%;height:210px;}
	#sitemap li li {float:none;width:auto;height:auto;margin-bottom:5px}
		#sitemap strong {display:block;margin-bottom:20px}
		#sitemap li li strong {display:inline;margin:0}
		
/* MINISITES */
#minisite{width:900px;height:520px}

/* SOUND */
#sound-control {position:absolute;right:-60px;top:10px;width:39px;height:11px;overflow:hidden;text-indent:-99em}


/* MAG */
#skodamag {position:relative;top:-15px;width:100%;z-index:2;}
	.mag-hd {position:relative;height:164px;padding:26px 21px 0;overflow:hidden}
	.title-mag {width:159px;height:116px;overflow:hidden;text-indent:-99em;z-index:100}

#video-wrap {position:relative;width:900px;margin:0 auto 18px;}
	#slControl {position:relative;width:100%;height:545px;} 
	#ytControl {position:relative;width:100%;height:535px;}
	.youtube-player {display:block;}
	#skodamag .hide {display:none}
	.sl-wrap {height:100%}
	#video-wrap .noSL {position:relative;padding:10px 0;}
		#video-wrap .noSL .bottom {display:block;clear:both;width:100%;height:16px;position:absolute;bottom:-16px;left:0;}
		#video-wrap .noSL #slControl {float:left;width:auto;height:auto;margin:5px 10px 0;}
		#video-wrap .noSL #slControl a, #video-wrap .noSL #slControl img {display:block;}
			#video-wrap .noSL #slControl img {width:150px;height:auto;}
		#msgSL {font-size:11px;margin:10px}
		#skodamag .hd h2 { position:relative; top:-8px;}
		#skodamag .i-text-120 {float:left;width:137px;height:19px;line-height:16px;padding:0 10px;margin-right:8px;}
		#skodamag .bt-ok {width:35px;height:21px;line-height:21px;cursor:pointer}
		/*.skodalove {display:block;width:140px;height:30px;overflow:hidden;text-indent:-99em}*/
		#skodamag .share h2 {margin-bottom:10px}
		#skodamag .share li {float:left;}
			#skodamag .share a {display:block;width:24px;height:24px;margin-right:8px;overflow:hidden;text-indent:-99em}
			#skodamag .share .bt-embed {width:59px;margin:0}
	#ft-mag {margin:0 20px}
		#ft-mag li {float:left;width:257px;margin-right:20px;padding-bottom:20px}
			#ft-mag li img {margin-bottom:11px}
			#ft-mag strong span {float:left;width:11px;height:11px;margin-right:7px;}
		#ft-mag .blk-newsletter {float:right;width:225px;height:88px; padding:35px 0 0 32px}
			#ft-mag .blk-newsletter h2 {margin-bottom:5px}
.quiz, .quiz-end {position:absolute;right:20px;bottom:0;width:368px;height:46px;padding:12px;}
	.quiz a {display:block;}
		.bt-go {display:block;position:absolute;bottom:7px;right:8px;width:35px;height:23px;overflow:hidden;text-indent:-99em;}
	.quiz .quiz-media {float:left;margin-right:12px;}

#concours {position:absolute;bottom:0;right:20px;width:368px;height:85px;padding:12px 12px 8px;}
	#concours .top {display:none;width:201px;height:86px;top:0;left:0;overflow:hidden;text-indent:-99em}
	#concours li {position:relative;width:100%;height:85px;margin-bottom:24px}
		#concours li li {height:14px;line-height:14px;margin:0 0 5px 0}
		#concours .num {float:left;width:17px;height:17px;margin-right:5px;text-align:center;line-height:15px}
		#concours p {width:260px;margin-bottom:5px}
		.bot-btns {position:absolute;bottom:7px;right:8px}
		#concours .bt-back {float:right;margin-right:5px;width:35px;height:23px;overflow:hidden;text-indent:-9em}
 		#concours .bt-valide {float:right;width:65px;height:23px;cursor:pointer}
		#concours .bt-next {float:right;width:119px;height:23px;overflow:hidden;text-indent:-99em;}
	#concours .checkbox-substitute {width:13px;height:13px;margin:3px 5px 0 0;outline:none;}
	#concours .quiz-media {position:absolute;top:12px;right:12px}

/* Offres entretien */
.offres-dps {padding-bottom:25px}
.offres-dps .home {position:absolute;width:100%;height:335px;z-index:50}
.blk-offres {position:relative;width:930px;height:335px;padding-bottom:12px;overflow:hidden}
	.blk-offres li {position:absolute;height:335px;}
		.blk-offres li img {position:relative}
		.blk-offres li .content {position:absolute;min-width:268px;}
		.blk-offres li .redBloc {padding:8px 16px 16px;}
			.blk-offres li .left {top:75px;left:25px}
			.blk-offres li .right {top:35px;right:35px}
			.blk-offres .white, .blk-offres .redBloc, .blk-offres .green {position:relative;z-index:10}
				.kit-entretien {display:block;position:absolute;bottom:-14px;right:-20px;width:106px;height:106px;}
			.blk-offres .detail {display:none;position:absolute;left:347px;top:0;z-index:1;width:336px;height:206px;padding:16px 16px 0;}
				.blk-offres .detail h3, .blk-offres .detail p {margin-bottom:10px}
#offres.offres-dps #nav-gamme ul {margin:0}
#offres.offres-dps #nav-gamme li {width:20%;padding:0 0 25px}
	#offres.offres-dps #nav-gamme li a {display:block;height:100%}
	.push {padding:8px 16px 11px}
	.toggle-side {position:absolute;bottom:-24px;right:0;height:24px;line-height:24px;padding:0 32px 0 8px}
.blk-offres .accessoires li {position:relative;float:left;width:232px;height:350px;overflow:hidden;}
	.blk-offres .accessoires li.last {width:231px}
	.blk-offres .accessoires img {position:relative}
		.blk-offres .accessoires .infos {position:absolute;top:268px;left:0;width:100%;}
			.blk-offres .accessoires .title{margin:8px 7px}
.infos .title {position:relative;padding:4px}
.infos p {margin:0}
.title .ref {position:absolute;top:0;right:0;padding:0 4px}
.tech {padding:10px;height:166px}
.blk-offres .accessoires .tech li {float:none;width:auto;height:auto;position:static;padding-left:10px}
.offres-dps .mentions {display:none;position:absolute;top:0;left:0;width:890px;height:366px;padding:20px;z-index:50}
.toggle-mentions {position:absolute;bottom:0;right:0;display:block;padding:0 1em;}
.offres-dps .mentions h3 {margin-bottom:15px}
.offres-dps .mentions p {margin-bottom:5px}


.home .main li {display:none;}
.splash {position:relative;height:492px;overflow:hidden;top:-14px;margin-bottom:-110px}
	.largesplash {height:542px;margin-bottom:-35px}
	.events {height:auto;}
	.splash .main {position:relative;width:100%;height:100%;}
	.splash .main li {position:absolute;}
		.page-content .splash li {position:static}
		.splash img {display:block;width:100%;height:auto}
			.splash #loader img {width:auto}
	.splash .content, .green-title {position:absolute;top:50px;left:50px;min-width:100px;max-width:300px;padding:15px 40px 20px 20px;z-index:10}
		.green-title {top:65px}
			#offres .green-title {top:50px}
		.splash .content .bg, .green-title .bg {position:absolute;top:0;left:0;width:100%;height:100%;}
		.splash .content h1, .splash .content h2, .splash .content h3, .splash .content p, .splash .content li, .splash .content a, .green-title h1, .green-title h2, .green-title h3, .green-title p, .green-title li, .green-title a {position:relative}
			.splash .content h1, .splash .content h2, .green-title h1, .green-title h2 {margin-bottom:0.5em;}
			.splash .content h3, .splash .content p, .green-title h3, .green-title p {margin-bottom:15px;}
			.splash .content li, .green-title li {margin-bottom:.5em}
			.splash .content ul {margin-top:1em}
			.splash .content a, .green-title a {display:inline-block;padding-left:20px;line-height:14px;}
		.splash .content .encoche, .green-title .encoche {position:absolute;bottom:-21px;right:8px;width:113px;height:21px;}
	.splash .timer ul {position:absolute;right:70px;top:30px;z-index:100}
	.splash .timer li {position:static;float:left;width:35px;height:35px;line-height:32px;cursor:pointer}
		.splash .on li.active {text-indent:-99em;overflow:hidden;cursor:default}
			.splash .timer li.active span {display:block;width:100%;height:100%;}
	.pageTitle {display:none}
	#toggleSlideshow {position:absolute;right:30px; top:30px;width:35px;height:35px;line-height:32px;z-index:10;overflow:hidden;text-indent:-99em;}
		#toggleSlideshow span {display:block;width:100%;height:100%;}

.ft-body {position:relative;margin:0 0 30px;z-index:10}

#push-list {float:left;position:relative;margin:0 30px 0 20px;width:600px;height:190px;}
	#push-list ul {position:absolute;width:1200px}
	#push-list li {float:left;width:257px;height:170px;margin-right:20px;}
#push-list .scroll {overflow:hidden;position:relative;width:534px;height:170px;margin:20px auto 0}
#push-list .bt-prev {position:absolute;top:50%;left:10px;width:14px;height:22px;margin-top:-11px;overflow:hidden;text-indent:-99em;}
#push-list .bt-next {position:absolute;top:50%;right:10px;width:14px;height:22px;margin-top:-11px;overflow:hidden;text-indent:-99em;}
#push-list img {display:block;margin-bottom:15px}
	#push-list li strong span {float:left;margin-right:7px;width:11px;height:11px;}

#black {float:right;position:relative;width:253px;margin-right:20px}
#black div {margin-bottom:5px;padding:20px;}
	#black .deco {position:absolute;top:-18px;right:45px;width:21px;height:18px;margin:0;padding:0;}
#black h2 {margin-bottom:15px;}
#black li {margin-bottom:5px}
#black a {padding-left:10px}

#foot .wrap {width:880px;padding:40px 30px 15px;}
	#foot p {margin-bottom:15px;}
	#foot li {margin-bottom:10px}
	#foot a {padding-left:13px;}
.col1on4 {float:left;width:25%;margin-bottom:15px}
.space {height:32px}

#foot .copy {float:left;padding-top:5px;}
.share {float:right}
	#foot .share li {float:left;margin:0;padding:0;}
		#foot .share a {display:block;width:21px;height:21px;margin:0 4px 0 0;padding:0;overflow:hidden;text-indent:-99em}
#foot label {display:block;margin-bottom:10px}
#email_footer {width:110px;height:22px;padding:0 3px;line-height:22px;}
#inscription-newsletter input {vertical-align:top}

#submit {width:22px;height:22px;line-height:22px;cursor:pointer}

/* TDF 2011 */
.blk-title {margin:0 0 20px 15px;}
	.blk-title h1 {margin:0 0 10px}
	#logo-tdf {position:absolute;right:38px;top:38px}

/* flash */ #frise {width:100%;height:132px;}

.tdf2011 .main-ctt {float:left;width:698px;margin-right:16px;}
	.mod-tdf {margin-bottom:24px}
		.tdf2011 .col1on2large {float:left;width:412px;margin-right:10px;}
		.tdf2011 .col2on2 {float:left;width:264px;}
		.tdf2011 .col1on2 {float:left;width:254px;margin-right:10px;}
		.tdf2011 .col2on2large {float:left;width:422px;}
	
	.mod-tdf h2 {position:relative;height:30px}
		.mod-tdf h2 span {position:absolute;left:0;top:-18px;width:59px;height:49px;overflow:hidden}
		.mod-tdf h2.title_4 span {left:8px}
		.mod-tdf h2.title_5 span {top:-24px}
		.mod-tdf h2.title_6 span {top:-10px}
	
	.mod-tdf .scroller {height:220px;}
		.tdf2011 .col1on2 .scroller, .tdf2011 .col2on2large .scroller {height:180px;}
		
	.mod-tdf .side {float:left;width:130px;height:220px;overflow:hidden}
		.mod-tdf .side li {display:block;height:54px;margin-top:1px;overflow:hidden}
			.mod-tdf .side li td {width:100%;height:100%;padding:0}
	.mod-tdf .main {float:left;width:280px;height:220px;overflow:hidden} 
	
	/* tables */
	.td-live-1 {width:49px}
	.td-live-2 {width:73px}
	.mod-tdf table {width:100%;}
		.mod-tdf td, .mod-tdf th {padding:7px 8px}
			.mod-tdf .side li table, .mod-tdf .side li td {width:100%;height:100%;padding:0;cursor:pointer}
			.mod-tdf .main li td {padding:6px 6px}
	.bt-detail {display:inline-block;width:11px;height:11px;overflow:hidden;text-indent:-99em}
	
	.nav-teams {height:20px}
		.nav-teams .bt-prev {float:left}
		.nav-teams .bt-next {float:right}
		.nav-teams a span {display:inline-block;width:11px;height:11px;margin:0 8px}

#news li {padding:8px 5px}
	#news li strong {display:inline-block;margin-right:10px}
	#news li em, #news .details {display:none}

.tdf2011 .game {position:relative;left:8px;top:72px;float:left;width:186px}
	.game h2 {margin-bottom:13px}
	.game .main {position:relative}
	 .game .top {position:absolute;left:0;top:-6px;width:100%;height:6px;}
	 .game .bot {position:absolute;left:0;bottom:-24px;width:100%;height:24px;}
	 .game .content {padding:5px 10px}
	 .game .content p {margin-bottom:10px}
		.game .content p strong {display:block;margin:5px 0}
		.game li {position:relative;padding-left:20px;margin-bottom:10px}
			.game	li input {position:absolute;top:4px;left:0}
			.game #bt-valid {float:right;width:83px;height:24px;overflow:hidden;cursor:pointer}

#cyclists li {float:left;width:33%;height:50px;margin-bottom:20px}
	#cyclists li.maillot {height:300px}
	.teamUrl {position:absolute;bottom:20px;left:50px;color:#177B00}

.tab-content .tdf p {margin-bottom:20px}
.tab-content .tdf h2 {margin-bottom:10px}
.tab-content .tdf .scroller {width:482px;}
.tab-content .tdf .scroller div {width:460px}
.tdf2011 .col1on2 table {margin-top:15px}
.tdf2011 .col1on2 td {margin:5px 0}
.tdf2011 .col1on2 .partner {position:absolute; bottom:10px; right:10px}
#thanks {display:none}

.tab-content .tdf {overflow:hidden}
	.tdf .visuel-tech {width:380px}
	.tab-content .tdf {color:black!important}

