html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:VW Head Regular,Arial; font-size:17px; background:#fff; color:#000; overflow-x:hidden; overflow-y:scroll;}
.clear {clear:both;}
.right {float:right;}
.tright {text-align:right;}
.s {margin:0 auto; max-width:1440px; position:relative;}
.zero {font-size:0;}
#nav .s, #top .s { max-width:1400px;}
.s2 {position:relative; margin:30px auto; width:100%; max-width:1400px; font-size:0; color:#000;}
.s3 {margin:0 auto; max-width:1440px;font-size:0;}
#main {position:relative; width:100%;transition:0.3s; right:0;}
#main.hide {right:100%;}
#top {position:fixed; width:100%; height:80px; padding-top:30px; top:0; z-index:99; font-size:0; background: url('/ima/bk.png');overflow-x:hidden;box-sizing:unset;}
#logo {position:relative; font-size:16px;}
#logo a {color:#fff; display:inline-block;}
#logo img {float:left; margin:-4px 10px 0 0;}
.skoda {float:right !important; margin:-4px 0 0 10px !important;}
#logo span {font-family:VW Head Bold; font-size:24px; line-height:24px;}
#logo::after {content:""; position:absolute; width:100%; height:2px; background:#fff; top:25px; margin-left:10px;}
#logo::before {content:""; position:absolute; width:100%; height:2px; background:#fff; top:25px; right:100%; margin-right:10px;}
#eandr {position:absolute; right:12%; background:#fff; display:inline-block; font-size:20px; padding:10px; z-index:99; margin-top:2px;border-radius:4px;}
#eandr a {color:#003f64;}
#bul {float:right; background:#fff; border-radius:50%; width:30px; height:30px; padding:15px; text-align:center; margin-top:-4px; z-index:99; position:relative;box-sizing:unset;}
.onde {position:absolute; border:3px solid #fff; border-radius:50%; width:54px; height:54px; top:0; left:0; animation-name: pulse; animation-duration:2s;animation-iteration-count: infinite;animation-timing-function: linear;}
@keyframes pulse { from { transform:scale(1); } to { transform:scale(1.5);opacity:0;} }
#menur {border-top:4px solid #004e7c; position:relative; margin-top:3px; height:24px; box-sizing:border-box; cursor:pointer; transition:all 0.3s ease-in;}
#menur:before {content:""; display:block; position:absolute; height:4px; width:100%; left:0; background:#004e7c; top:6px; transition:all 0.3s ease-in;}
#menur:after {content:""; display:block; position:absolute; height:4px; width:100%; left:0; background:#004e7c; bottom:0; transition:all 0.3s ease-in;}
#menur.close {border-color:transparent;}
#menur.close:before {transform:rotate(45deg);top:6.4px;}
#menur.close:after {transform:rotate(135deg); bottom:10px;}
#bul:before {content:""; display:block; background:url('/ima/menu.png');width: 55px;position: absolute;height: 30px;left:-55px; top:-7px;}
#nav {position:fixed; top:0; margin-left:100%; z-index:98; width:100%; padding-top:150px; height:calc(100% - 150px); background:#003f64; transition:0.3s; overflow:hidden;box-sizing:unset;}
#nav.show {margin-left:0%;}
#nav.hide {margin-left:100%;}
#nav .item {position:relative; font-size:40px; display:block; margin-bottom:20px; width:calc(50% - 40px);}
#nav .item a:after {color: #fff;border-right:4px solid currentcolor; border-bottom:4px solid currentcolor; content: ''; position: absolute; width:16px; height:16px; right: 0px; transform: rotate(-45deg); top:18px; transition:0.3s;}
#nav .item a:link, #nav .item a:visited {color:#fff; display:block; transition:0.3s;}
#nav .item a:hover, #nav .item a:hover:after, #nav .item:hover a {color:#0099da !important;}
.smenu {position:fixed; top:0; right:-40px; z-index:99; width:0; padding:150px 0 0 40px; height:calc(100% - 150px); background:#fff; transition:0.3s; overflow:hidden;box-sizing:unset;}
.smenu.hide {width:0;}
.smenu.show {width:calc(50% - 40px); right:0;}
#nav .sitem a:link, #nav .sitem a:visited {font-size:30px; display:inline-block; padding:8px 20px; margin-bottom:20px; color:#003f64 !important; border:2px solid #003f64; border-radius:4px;}
#nav .sitem a:hover {color:#0099da !important; border:2px solid #0099da;}
.retour {display:none;}
#intro {position:relative; width:100%; overflow:hidden; max-height:900px; background:#fff;}
.fixdiapo {height:250px;}
.swiper-slide img {width:100%;}
.fixdiapo .swiper-slide img {margin-top:-125px;}
.swiper-container {overflow: hidden; z-index: 1;-webkit-transform: translateZ(0);}
.swiper-wrapper {position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.swiper-slide {float: left;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; position: relative; overflow:hidden; z-index:1;}
.swipagination {position:absolute; text-align:center; bottom:100px; width:100%; z-index:98;}
.fixdiapo .swipagination {bottom:10px;}
.swiper-pagination-bullet {display:inline-block;width:14px;height:14px;border:2px solid #fff;margin:0 5px;cursor:pointer; border-radius:50%;}
.swiper-pagination-bullet-active {background:#fff;border:2px solid #fff;}
.dtext {position:absolute; width:100%; text-align:right; max-width:1400px; margin-left:calc(50% - 700px); top:200px; z-index:98; color:#fff;}
.dtext a:link, .dtext a:visited {color:#fff;}
.fixdiapo .dtext {display:none;}
.l1 {display:block; font-size:50px; font-weight:bold; line-height:48px; margin-bottom:10px;}
.l2 {display:block; font-size:32px; font-weight:bold;}
.fixdiapo .dtext {top:120px;}
#page {position:relative; margin:30px auto; max-width:1420px; z-index:60;}
#page img, iframe, #accbas img, #qsnbas img {vertical-align:top; margin:0; border-radius:4px;}
.social-page--18c391x2, .newsletters--18c391x2 {max-width:100% !important; padding:0 !important;}
.pdf {vertical-align:middle !important;}
.iactu {overflow:hidden; max-height:240px; border-radius:4px;}
.same {display:inline-block; margin:0 5px; background-color:#0099da; color:#fff; padding:4px 8px; border-radius:4px; transition:0.3s;}
#sch, #sch2 {position:relative; padding:20px; margin:-40px auto 0 auto; max-width:1360px; z-index:60; background:#0099da; border-radius:8px; font-size:0; overflow:hidden;}
#sch2 {margin:20px auto;}
#sch h1, #sch2 h1 {display:block; padding:0; margin:0 0 10px 0; font-size:30px; color:#fff;}
#schadv, #schadv2 {font-size:14px; color:#fff; top:5px; position:relative; cursor:pointer; display:inline-block;}
.persoch {float:right;font-size:14px; color:#fff; top:5px; position:relative;}
form {display:inline;}
.select, .input {position:relative; display:inline-block; vertical-align:top; overflow:hidden; width:calc(25% - 28px); margin-right:10px;}
#sch select, #sch2 select {width:100% !important; background:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; color:#0099da; font-size:18px; padding:10px 40px 10px 20px; border-radius:4px;}
.select::after {content: ''; position:absolute; top:50%; margin-top:-3px; right:15px; display:block; width:0; height:0; border-color:transparent; border-top-color:#0099da; border-width:8px; border-style:solid; pointer-events:none;}
.text {width:calc(100% - 40px) !important; background:#fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; color:#0099da; font-size:18px; padding:10px 20px; border-radius:4px;}
.ok, .ok2 {display:inline-block; vertical-align:top; position:relative; cursor:pointer; background:#0daf50; border:0; color:#fff; padding:10px 20px; height:42px; border-radius:4px; font-size:20px; font-weight:bold;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.ok {width:72px;}
input:focus, textarea:focus, select:focus, *:focus {outline:none;}
#advanced, #advanced2 {margin-top:10px;}
#sch cite, #sch2 cite {float:right; font-size:24px; color:#fff; font-style:normal; margin-top:5px;}
#sch cite a, #sch2 cite a {color:#fff;}
#vehs {margin:20px auto; width:100%; max-width:1440px; font-size:0;}
.veh {position:relative; vertical-align:top; display:inline-block; width:calc(25% - 40px); margin:20px; cursor:pointer; background:#f5f5f5; border-radius:4px; overflow:hidden;}
.veh .okz, .veh .neuf {position:absolute; top:0; left:0; padding:3px 6px; background:#ff6600; color:#fff; font-size:14px; border-bottom-right-radius:4px; z-index:90;}
.veh .neuf {background:#0099da;}
.veh .pic {overflow:hidden;}
.veh .pic img {width:100%; transition:0.3s;}
.veh:hover .pic img {transform:scale(1.1);}
.veh .marque {display:block; text-align:center; font-size:18px; padding:10px; height:65px; font-weight:bold; overflow:hidden;}
.veh .marque span {color:#0099da; font-size:16px;}
.veh .carac {display:block; text-align:center; padding:0 10px 10px 10px; transition:0.2s; min-height:38px;}
.veh .tiers {width:25%; font-size:12px; display:inline-block;}
.veh .prix {background:#003f64; color:#fff; font-size:20px; font-weight:bold; padding:10px 5px; text-align:center; transition:0.3s;}
.veh:hover .prix {background:#0099da;}
#noveh {margin:0 20px; padding:20px; background:#ff6600; font-size:16px; color:#fff; display:block; border-radius:8px;}
#imp {display:inline-block; margin-right:10px; vertical-align:middle;}
.fiche-prix {background:#0099da; color:#fff; font-size:40px; font-weight:bold; padding:5px 10px; text-align:center; border-radius:4px; display:inline-block; vertical-align:middle;}
.paraf, .contact {background:#003f64; color:#fff; padding:10px; font-weight:bold; margin:20px 0; border-radius:4px;}
.contact {background:#0daf50;}
h1 {color:#0099da;}
h1, .s2 h2 {font-size:36px; font-weight:bold; display:block; margin:0; padding:0;}
h2,h3 {font-size:24px; font-weight:bold; margin:0; padding:0;}
.photo1 {float:left; margin:20px; width:calc(50% - 40px); position:relative;}
.photo {display:inline-block; margin:20px 20px 10px 20px; width:calc(25% - 40px); position:relative; height:240px;}
.photo1 img {width:100%;}
.photo img {width:100%;}
.nbplus {position:absolute; background:#fff; color:#333; z-index:97; font-size:20px; font-weight:bold; width:40px; margin-left:calc(100% - 50px); padding:5px; text-align:center; border-bottom-left-radius:4px;}
.highslide img, .highslide-image {border-radius:4px;}
.elem {font-size:16px; text-align:justify;}
.highslide-number{font-weight:bold;color:#fff;font-size:16px; display:inline-block;}
.highslide-dimming{background:#003f64;}
.highslide, .highslide highslide-active-anchor{outline:none;text-decoration:none;transition:all 0.4s;}
.highslide-caption{display:none;font-size:16px;color:#fff;padding:5px;}
.highslide-controls {width:100%;height: 0;background: none;margin: 0;}
.highslide-controls ul {position: absolute;width: 100%;	left: 0;height: 0;list-style: none;	margin: 0;padding: 0;background: none;}
.highslide-controls li {position: absolute;padding: 0;float: left;margin:0;}
.highslide-controls a {background-image: url(/lib/highslide/graphics/arrows.png);display: block;float: left;height: 40px;width: 40px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a.disabled span {cursor: default;}
.highslide-controls a span {display: none;cursor: pointer;}
.highslide-controls .highslide-previous {position:fixed; left: 50px; z-index:10000; top:50%;}
.highslide-controls .highslide-next {position:fixed; z-index:10000; top:50%;right: 50px;}
.highslide-controls .highslide-previous a {background-position: 0 0;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important;}
.highslide-controls .highslide-play {display: none;}
.highslide-controls .highslide-pause {display: none;}
.highslide-controls .highslide-next a {	background-position: -40px 0;}
.highslide-controls .highslide-next a.disabled {background-position: -40px -40px !important;}
.highslide-controls .highslide-move {display: none;}
.highslide-controls .highslide-full-expand {display: none;}
.highslide-controls .highslide-close {display: none;}
.hidden-container {display:none;}
.ft {width:25%; display:inline-block; vertical-align:top; font-size:16px;}
.text2, .select2 {color:#003f64; border:1px solid #d3d3d3; background:#fff; font-family:VW Head Regular,Arial; font-size:16px; padding:4px 8px; margin:0 0 6px 0; text-align:left; border-radius:4px; display:inline-block; vertical-align:middle;}
.text2 {width:calc(100% - 38px);}
.select2 {width:auto !important;}
.msg {height:108px;}
#postveh, .erreur {font-size:16px; color:#e40007; font-weight:bold; display:inline-block; vertical-align:top;}
.g-recaptcha {margin-bottom:5px;}
#accbas, #qsnbas, #bas {position:relative; padding:30px 10px;}
#accbas {background:#003f64 url('/ima/bkaccbas.jpg') fixed; background-size:cover; color:#fff;}
#bas {background:#000; color:#fff;}
#bas a:link, #bas a:visited, #bas a:hover, .same a:link, .same a:visited, .same a:hover {color:#fff;}
banner-web-component {position: absolute;top: 0;right: 0;margin-top:-30px; height:210px;overflow:hidden !important;}
a{outline:none;}
a:link{color:#000;text-decoration:none}
a:visited{color:#000;text-decoration:none}
a:hover{color:#000;text-decoration:none}
a.b:link{color:#fff;text-decoration:none}
a.b:visited{color:#fff;text-decoration:none}
a.b:hover{color:#fff;text-decoration:none}
@font-face {font-family: 'VW Head Regular'; font-style: normal; font-weight: normal; src: local('VW Head Regular'), url('/fonts/VWHeadRegular.woff') format('woff');}
@font-face {font-family: 'VW Head Bold'; font-style: normal; font-weight: normal; src: local('VW Head Bold'), url('/fonts/VWHeadBold.woff') format('woff');}
@font-face {font-family: 'VW Head Light'; font-style: normal; font-weight: normal; src: local('VW Head Light'), url('/fonts/VWHeadLight.woff') format('woff');}
@media screen and (max-width:1440px)
  {
  .s {width:calc(100% - 30px);}
  .s2, .s3 {width:calc(100% - 30px); padding-left:15px; padding-right:15px;}
  #sch {margin:-60px 15px 15px 15px; width:calc(100% - 70px);}
  .dtext {top:30%; margin:0 15px; width:calc(100% - 30px);}
  .veh .tiers {font-size:11px;}
  .photo {height:auto;}
  }
@media screen and (max-width:1200px)
  {
  .veh {width: calc(33.33% - 40px);}
  #eandr {right:15%;}
  }
@media screen and (max-width:950px)
  {
  #top {padding-top:15px;}
  .dtext, #eandr, #sch2 {display:none;}
  #logo span {font-size:20px; line-height:20px;}
  #bul {float:none; position:fixed; bottom:15px; left:0; margin-left:calc(50% - 30px); text-align:center; z-index:99; transition:0.3s;}
  .onde {border:3px solid #003f64;}
  #nav {padding-top: 100px; height: calc(100% - 100px);}
  #nav .item {font-size:20px; width:100%;}
  #nav .item a:after {width:12px; height:12px; top:4px; right:5px;}
  .smenu {padding:100px 0 0 0; height:100%;}
  .smenu.show {width:100%;}
  .retour {display:block; font-size:20px; color:#004e7c; margin:0 20px 20px 20px;}
  .arrow {color: #004e7c; border-right:4px solid currentcolor; border-bottom:4px solid currentcolor; transform: rotate(135deg); width:12px; height:12px; display:inline-block;}
  #nav .sitem a:link, #nav .sitem a:visited {font-size:20px; margin:0 20px 20px 20px; display:block;}
  #page {margin:20px 5px;}
  .swipagination {bottom:10px;}
.fixdiapo .swiper-slide img {margin-top:0;}
  #sch h1 {font-size:24px;}
  #sch {padding-bottom:70px; margin:15px;}
  #schadv {float:none; position:absolute; bottom:40px; top:auto;}
  #sch cite {position:absolute; bottom:10px; font-size:16px;}
  h1 {font-size:30px;}
  .select, .input {width:100%; margin:0 0 4px 0;}
  .ok {display:block; -webkit-appearance:none; width:100%;}
  #advanced {margin:0;}
  .veh {width:calc(100% - 30px); margin:10px 15px;}
  .right {float:none; text-align:left; margin-bottom:15px;}
  .photo1, .photo {display:block; float:none; margin:10px 0; width:100%; text-align:center;}
  .ft {width:100%;}
  .nbplus {display:none;}
  .text2 {width:calc(100% - 18px); -webkit-appearance:none;}
  .fixdiapo, .swiper-wrapper {height:auto !important;}
  #bas {padding:10px;}
  #bas a {color:#fff;}
  .same {display:block; margin:4px 0 0 0; padding:8px;}
  #accbas, #qsnbas, #bas {padding:15px 0;}
  #accbas .s, #qsnbas .s, #bas .s {width:calc(100% - 10px);}
  #bas img {float:none !important; margin:0;}
  banner-web-component {position:relative;}
  #formulaire td {display:block;}
  }