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, 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%;min-height:720px;height:100%;zoom:1; z-index:0}

#body {position:absolute;width:100%;height:auto;height:100%;min-width:980px;min-height:720px;}
#head {position:fixed;top:0;left:0;width:100%;min-width:980px;z-index:20}
#foot {position:fixed;bottom:0;left:0;min-width:980px;width:100%;height:auto;z-index:20}

.clearer {clear:both}
.hidden {display:none}
.left {float:left}
.right {float:right}

/* Header */
.h-content{position:relative;width:980px;height:36px;margin:0 auto;z-index:10}
	#logo {position:absolute;right:32px;top:12px;padding:0 3px 3px 0;}
	
	#menu {position:absolute;width:830px;margin:10px 0 0 20px;top:0;left:0}
		#menu li {float:left;margin-right:8px}
		#menu a {display:block;float:left;padding:0 18px 0;}
		#menu .on {display:block;padding:0 0 0 18px;margin-top:-2px}
			#menu .on span {display:block;padding:2px 18px 2px 0}

	.sub-ctnr {position:absolute;top:34px;width:100%;z-index:1;}
		.sub-menu {position:relative;width:948px;margin:0 auto;height:24px;padding:0 12px 0 36px;display:none}
		.sub-menu li {float:left}
		.sub-menu li a {padding:0 12px;white-space:nowrap}
		.sub-menu li.on a, .sub-menu li a:hover {padding-left:24px;;margin:0 -6px}

/* PAGE */
.page-content {position:relative;top:112px;margin:0 124px;z-index:2}
#title-gamme {position:relative;top:112px;left:124px;width:175px;z-index:2}
	#blk-title {position:absolute;top:-1px;}
	.title-page, .title-event {overflow:hidden;position:relative;float:left;clear:both;z-index:1}
		.title-page strong, .title-page span {padding:0 10px 0 5px}
		.title-page span strong {padding:0}


/* Raccourcis / left */
#shortcuts {position:fixed;left:0;top:112px;z-index:20}
	#shortcuts li {width:69px;height:49px}
		#shortcuts a, #shortcuts strong {display:block;height:100%;overflow:hidden;text-indent:-999em}

/* Quick Links */
#quick-links {position:relative;width:174px;top:20px;z-index:1;}
	#btn-quick-links {height:26px}
	#quick-links li, #event-side li {position:relative;margin:1px;height:24px;}
		#quick-links a, #event-side li a {position:relative;display:block;height:24px;padding:0 12px;z-index:3;}
		#quick-links .bg, #event-side .bg {position:absolute;top:0;left:0;width:100%;height:100%}
		#quick-links .arrow, .toggle-filter .arrow, #event-side .arrow, #btn-alertes .arrow  {position:absolute;right:7px;top:7px;width:11px;height:11px;overflow:hidden;}

/* Footer */
#context {position:relative;height:138px;z-index:20}
	#context .bg {position:absolute;width:100%;height:100%;top:0;z-index:0}
	#context.closed {height:30px;overflow:hidden;}
	
	.scoll_ctnr {position:relative;width:986px;height:112px;top:13px;margin:0 auto;z-index:10}
		#close-context {position:absolute;right:0;top:0;width:7px;height:7px;overflow:hidden;text-indent:-99em;z-index:1000;outline:none}
		.closed #close-context {width:100%;height:30px;left:0;top:-13px}
		.scroll {position:relative;width:946px;height:100%;padding:0 20px;z-index:2;overflow:hidden}
			.hidder {position:relative;width:100%;height:100%;overflow:hidden}
			.push-list {position:absolute;width:6000px;z-index:0}
			.push-list li {position:relative;float:left;width:171px;height:109px;margin:0 8px}
			.back, .forth {width:7px;height:14px;position:absolute;top:50%;margin-top:-7px;overflow:hidden;text-indent:-99em;z-index:10;outline:none}
			.back {left:0}
			.forth {right:0}
			.back.off, .forth.off {display:none}
	/* vignettes */
	.push-list .blk-text {position:relative;height:100%;z-index:3}
	.push-list img {position:absolute;top:0;left:0;z-index:0}
	.title-push {display:block;float:left;height:24px;padding:0 10px 0 28px;}
	.text-push {margin:5px 10px}
	.push-list .date {margin:0 10px}
	.link-push {position:absolute;bottom:8px;left:10px;padding-left:10px}

#abs-foot {position:relative;height:30px;padding:0 10px;z-index:20}
	
	.list-social {float:left;margin-top:9px}
		.list-social li {float:left;margin-right:3px;}
	#newsletter {position:absolute;text-align:center;width:350px;top:5px;left:50%;margin-left:-90px;}
		#newsletter * {float:left}
		.text-rounded {width:117px;height:21px;padding:0 10px;margin:0 5px 0 10px;}
		.submit {cursor:pointer;padding:0;height:19px;padding:0 0 1px;}
			#newsletter label {margin-top:4px}
	#user-login {float:right;margin-top:9px}
		#user-login li {float:left;margin-left:20px}
	#mentions-ft {float:left;margin-top:10px}
	#mentions-ft a, #mentions-ft p {float:left}
		#mentions-ft a {margin:0 15px}
		#mentions-ft.static {margin-left:20px}

/* Home */
#media-full, #media-gamme {position:absolute;top:0;overflow:hidden;width:100%;height:100%;min-height:720px;z-index:0}
	#media-bg {display:none;min-height:100%;min-width:100%;position:absolute} /* Image */
#list-media-home {display:none} /* List medias */

#loader {position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;color:white;}
#map-loader {position:absolute;left:308px;top:118px;color:white;z-index:20;text-align:center}

/* Gamme */
#media-gamme {}
	.title-gamme-item {position:absolute;top:114px;width:auto;z-index:10000}
	#media-gamme-contener{position:relative;width:100%;height:100%}
		#media-gamme-contener img, .gamme-item {position:absolute;top:15%;left:50%}
	
#nav-gamme {position:absolute;top:51%;width:100%;height:49%;}
	#nav-gamme ul {position:relative;width:946px;margin:0 auto;padding:0 20px;}
	#nav-gamme li {float:left;width:125px;margin:0 8px;padding:24px;}
	#nav-gamme img {margin:8px 0}


#push-video {position:absolute;top:0;right:0;width:155px;z-index:2}
	#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;top:-31px;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 8px;float:left}
		.ext p {float:right;margin-right:10px}
			.active.ext p {margin-right:5px}
	#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;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:9}
	#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 {position:absolute;right:16px;top:20px;width:13px;height:13px;overflow:hidden;text-indent:-99em}
	
/* POPIN */
#video-layer {position:absolute;top:112px;left:50%;width:894px;height:504px;margin-left:-447px;z-index:11}
.popin-full {position:absolute;top:112px;left:50%;width:898px;height:auto;margin-left:-465px;padding:20px 16px;z-index:11}
	#overlay .popin-full {display:none}
	.popin-full.simple {width:494px}
		.popin-full.simple .scroller {width:478px}
	.popin-full .title-popin {margin:0 0 15px 12px}
	.popin-full .iframe {height:400px}
	
	.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 {margin:24px 20px 24px 0;padding-bottom:20px}
			.description table {width:100%;}
				.description th {vertical-align:top;padding-bottom:15px}
				.description td {height:24px}
					.description td:first-child {padding-left:15px}
		.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:15px 12px 0;}

/* 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;}
			
/* DOCUMENTATION */
.page-content .popin-full {top:0;height:auto;padding-bottom:40px;}
.page-content .tab-content {margin:0 8px;height:auto;}
.list-documentation {padding:15px 0 0 12px}
	.vh-choice, .tv-choice {margin:0 -10px;}
		.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;margin-top:15px}
		.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-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}
	.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:130px;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:1px;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-vh p, .confirm-std p {margin:15px}
.confirm-vh {width:303px;}
	.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 {display:inline-block;width:69px;height:23px;margin-right:10px;overflow:hidden;text-indent:-999em;vertical-align:middle}


/* ESSAI */
.partenaires-essai {padding:10px 0 10px 15px}

.searchbar {position:relative;margin:0 0 5px}
	.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}
.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}
.bandeau, .bandeau-vh {position:relative;margin-bottom:12px}
	.bandeau-vh {height:223px}
	.bandeau img, .bandeau-vh img {display:block}
	.menu-offres {position:absolute;bottom:0;right:0;height:20px;padding:10px}
		.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 .vh-choice a {height:175px}
.push-offre {display:block;float:left;margin-right:12px}
#offres .tab-content {position:relative;float:left;width:100%;height:215px;margin:0}
	 #offres .with-push .tab-content {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 .scroller, #offres .elt-tab {width:100%;position:relative;height:160px;}
		#offres .elt-tab img.right {margin-left:15px}
		#offres .btn-arrow {margin:5px 0;width:100px;}
		#offres .btn-arrow.print {width:110px;}


#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 {height:26px;padding:4px 0 4px 175px;}
	
.filtre {position:relative;float:left;margin-right:4px;z-index:11}

.btn-filtre {display:block;position:relative;width:100%;height:26px;}
	.btn-filtre .bg-right {display:block;padding:0 60px 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:26px;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:140px;}
#f-videos {width:130px}
#f-co2 {width:170px}
#f-event {width:165px}

.n-offres {line-height:60px;padding-right:5px}

#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 {width:155px;height:120px;padding-top:55px;background-color:black}

.pagination {position:relative;width:100%}
.pagination p {position:absolute;left:0}

#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}
#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;}

/* 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-right:15px;}
		.you-main .wrapper {position:relative;height:100%;}
		.you-main .wrapper.tabs {height:295px;}
			.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:24px}
	#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;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}

/* 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:80px}
		.form-comment textarea {width:184px;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 {height:290px;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}


/* CARTE */
#shadow {position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}
	/* Palette */
#filters {position:absolute;top:128px;left:100px;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}
	.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 label, #sub04 label {float:left;width:100px;margin-right:10px}
	
	.ui-slider {position:relative;height:4px;top:10px;}
	.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%;overflow:hidden;}
#map_canvas {width:100%;height:100%;position:relative;top:34px;}
.main-filers {position:relative}

.amount {position:absolute;margin-top:-10px;cursor:default}
	.amount input {width:50px}
	#amount, #filter3 .amount input {width:35px}

.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}
	.form-multi .scroller {display:none;}

.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 25px 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}
	
	#sub04 #distance{width:20px}
	#sub11 .amount {margin-left:-10px}
	#sub12 .amount {margin-left:10px}
	#sub12 input {width:25px}
	#sub23 .amount, #sub24 .amount {margin-left:20px}
	#sub23 input, #sub24 input {width:10px}

.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 li {float:left}
	.uc_menu li a {display:block;padding:12px 25px 12px 10px;}
		.uc_menu .on a, .uc_menu .off a {cursor:default}
		.uc_menu .first a {width:23px;height:17px;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:425px}
	#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}
	
#vehicles .pagination {position:absolute;width:462px;left:60px;margin-top:10px;letter-spacing:0.12em}
#dealers .pagination {margin-top:10px}

	/* 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 {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}
	#detail_5 {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;cursor:pointer}

#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;height:100%;}
		.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:112px;left:380px;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:856px;margin:0 auto}
	#tv-search {float:right}
	#tv-submit {cursor:pointer}
	.n-tv {margin:20px 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}

#back-to-list {position:absolute;right:0;top:50px}
#all-videos    {position:absolute;right:0;top:35px}

#tv-content {margin-top:55px}
	#tv-content	.main {float:left;position:relative;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;padding:12px}
			#tv-content .side .date {margin-bottom:25px}
				#tv-content .side .share .date {margin-bottom:0}
	#tv-content	.scroller {height:170px;}
	
.tv-controls {width:100%;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 .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 {position:relative;width:886px;height:515px;margin:0 auto}
	.title-event {margin-bottom:10px}
	
	#event-hidder {position:absolute;bottom:0;left:0;width:884px;height:246px;padding:1px;overflow:hidden}
	.list-events {position:relative;width:3000px}
		.list-events li {position:relative;float:left;margin:0 1px 0 0;overflow:hidden}
			.list-events h3 {position:absolute;top:0;left:0;padding:0 5px;z-index:10}
			.list-events img {display:block}
	.event-txt {position:absolute;bottom:0;width:254px;height:137px;padding:40px 20px 20px;}
		.event-txt .bg {position:absolute;top:0;left:0;width:294px;height:197px;}
		.event-txt h4, .event-txt p, .event-txt a {position:relative; z-index:2}
	
	#event-side {position:absolute;right:0;width:300px;text-align:right}
		#event-side ul {float:right;text-align:left}
		#event-side .btn-std {margin:20px 0;position:relative;right:10px}
	#previous-media, #next-media {position:absolute;top:160px;width:35px;height:35px;overflow:hidden}
		#previous-media {left:0}
		#next-media {right:0}
	
	#nav-events {position:absolute;left:50%;bottom:18px;}
		#nav-events ul {margin:0 10px}
		#nav-events ul, #nav-events li, #nav-events a, #nav-events span, #nav-events a span {display:inline-block}
			#nav-events a span {width:6px;height:11px;margin:0 10px;overflow:hidden}
		#nav-events li {padding:0 3px;height:6px}
			#nav-events li a {display:block;width:6px;height:6px;overflow:hidden;text-indent:-99em;outline:none; background:red}
		
/* 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}