html,body {margin:0; padding:0; width:100%; height:100%;}
  body {font-family:VW Head Regular,Arial; font-size:16px; background:#fff; color:#000;}

#bkactu {position:fixed; z-index:998; background:#01375995; width:100%; height:100%; top:0; left:0;}
#actuhome {position:fixed; overflow:hidden; z-index:999; top:50%; left:50%; transform: translate(-50%, -50%); width:calc(100% - 30px); height:auto; max-width:900px; max-height:800px;}
#actuhome img {max-width:100%;}
#actuhome div {overflow:hidden;}
#closeactu {position:fixed; top:0; right:0; padding:4px !important; height:auto !important; background:#e40006; color:#fff; cursor:pointer;}

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

  h1,h2,h3,h4 {margin:0; padding:0; font-style:normal;}

  #top {position:fixed; width:100%; padding:20px 0; top:0; z-index:99; font-size:0; transition:0.2s;}
  #top.fixtop {padding:10px 0 !important; background:rgb(1,55,89);}
  #top.int {background:rgb(1,55,89);}
#menur {display:none; position:fixed; bottom:15px; margin-left:calc(50% - 40px); text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#e28b37;}
  #empty {position:relative; height:110px;}

  #logos {display:inline-block; vertical-align:middle; position:relative; width:150px;}
  #logos img {display:inline-block; margin-right:10px;}
  #menu {display:inline-block; vertical-align:middle; width:calc(100% - 150px); text-align:right;}
  .item {position:relative; font-family:'VW Head Regular'; font-size:17px; display:inline-block; vertical-align:top; margin:5px 0 5px 25px;}
  .item a:link, .item a:visited {color:#fff; display:block; transition:0.2s;}
  .item a:hover, .item:hover a, .on a {color:#0099da !important;}
  .fleche {margin-left:3px; font-size:10px;}
  .smenu {position:absolute; display:none; padding-top:10px; z-index:99; margin-left: calc(50% - 110px);}
  .sitem a:link, .sitem a:visited {display:inline-block; width:200px; text-align:center; font-size:15px; color:#fff !important; margin:2px 0; cursor:pointer; background:#0099da; padding:10px; border-radius:2px;}
  .sitem a:hover {background:#013759;}
  #intro {position:relative; width:100%; overflow:hidden; height:100%; background:#fff;}
  #fili {position:absolute; width:100%; height:100%; overflow:hidden; z-index:2; background:rgba(1,55,89,0.7);}
  #accueil {position:absolute; width:100%; height:100%; z-index:3; left:0; right:0; margin:auto; top:40%; max-width:1400px; text-align:center;}
  #accueil h1 {font-family: 'VW Head Bold'; font-size:50px; color:#fff;}
  #accueil h2 {font-size:26px; color:#0099da;}

  #page {position:relative; margin:40px auto; max-width:1440px; z-index:60;}
  #page img, #page iframe, #accbas img, #qsnbas img {vertical-align:top; margin:0; border-radius:2px;}
  #page h1 {font-family: 'VW Head Bold'; font-size:40px; color:#0099da;}

.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:2px; transition:0.2s;}

  #sch {position:relative; padding:20px; margin:40px auto 0 auto; max-width:1360px; z-index:60; background:#0099da; border-radius:4px; font-size:0; overflow:hidden;}
  #sch h1 {display:block; padding:0; margin:0 0 10px 0; font-size:30px; color:#fff;}
  #schadv {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 {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 .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:#013759; 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;}


 .s2 h2 {font-size:36px; font-weight:bold; display:block; }
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:14px; display:inline-block;}
  .highslide-dimming{background:#013759;}
  .highslide, .highslide highslide-active-anchor{outline:none;text-decoration:none;transition:all 0.2s;}
  .highslide-caption{display:none;font-size:14px;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:40px 0;}
  #accbas {background:#013759 url('/ima/bkaccbas.jpg') fixed; background-size:cover; color:#fff;}
  #bas {background:#013759; 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');}

  #carrousel {position:relative; padding:20px 20px 40px 20px; margin:-200px auto auto; max-width:1360px; z-index:60; background:#fff; border-radius:8px; font-size:0; overflow:hidden;}
  #carrousel p {display:block; padding:0; margin:0 0 10px 0; font-size:30px; color:#013759;font-family: 'VW Head Bold';}
  #cadreg {position:absolute; top:0; left:0; width:20px; height:100%; background:#fff; z-index:2;}
  #cadred {position:absolute; top:0; right:0; width:20px; height:100%; background:#fff; z-index:2;}
  .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; position: relative; overflow:hidden; z-index:1;}
  .swiper-slide.veh {margin:10px; width:200px;}
  .swiper-slide.veh .marque {display:block; text-align:center; font-size:16px; overflow:hidden; font-weight:normal;}
  .swipagination {position:absolute; text-align:center; bottom:0px; width:100%; z-index:98;}
  .swiper-pagination-bullet {display:inline-block;width:10px;height:10px;border:1px solid #013759; margin:0 2px;cursor:pointer; border-radius:50%;}
  .swiper-pagination-bullet-active {background:#013759; border:1px solid #013759;}

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