/* ---------- 01. Design tokens ---------- */
:root {
--beige:#FFFCF8;
--beige-clair: #0167A9;
--beige-tres-clair:#B7E7FC;
--beige-fonce: #00243C;
--blanc: #FFFFFF;    
--orange: #BA1650;
--orange-clair: #FFCC00; 
--orange-fonce: #A33520;    
--noir-clair: #00243C;
--gris: #999999;
--gris-clair: #EFEFEF;
--noir: #00243C;
--gap:0;
--gap-medium:12px;
--gap-large:20px;
--border-radius:0;
--border-radius-medium:12px;
--border-radius-large:20px;
}

body {
background-color:var(--beige);
color:var(--noir-clair);
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-size: 16px;
line-height: 28px;
font-weight:400;
font-style: normal;    
}
body#resa {
background-color:var(--beige);
background-image: url("../images/full-width-images/fond_vtc176_07_noir3.jpg");
background-position-x:center;
background-repeat: no-repeat;
color:var(--noir-clair);
}
body#resa.resa {
background-image:none;
background-color:var(--beige);
color:var(--noir-clair);
}
body#page_accueil {
background-image: url("../images/full-width-images/fond_vtc176_new_01.jpg");
background-position-x:right;
background-repeat: no-repeat;    
color:var(--noir-clair);
}
h1, h2, h3 {
font-family: "Sora", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;	
}
#page_accueil .entete {
    min-height: 600px;
}
#page_accueil .entete p {
color:var(--blanc) !important;
}
#page_accueil .entete p.first {
font-size: 16px;
font-weight:500;
letter-spacing: 1px;
color:var(--beige-tres-clair) !important;
margin-top: 40px;
}
#page_accueil .entete h1 {
font-size: 48px;
margin: 0 0 40px;
color: #fff !important;
}
#page_accueil .haut_droit {
position: relative;
}
#page_accueil .entete .boutons {
    display: flex; flex-wrap: wrap; gap:var(--gap-medium); margin-top: 30px;
}
.description table {
margin-bottom:30px;
}
.description table td {
border: 1px solid #666;
padding: 10px;
text-align:center;
}
.description table tr td:first-child {
text-align:left;
}
.description table thead td {
  background-color:#FFF;
    color:#000;
}
.text-md-start {
    text-align: left !important;
    border: 20px solid var(--orange);
    opacity: 1;
    padding: 20px;
  }
.text-md-end {
    margin-top:80px !important;
}
.encart-resa .btn.btn-mod {
margin-top: 20px !important;
font-weight: bold;
font-size: 16px;
border-radius:0;
padding:10px 20px !important;	
color:var(--orange) !important;
border:1px solid var(--orange) !important;
}
.encart-resa .btn.btn-mod:hover {
background-color:var(--orange-fonce) !important;
color: var(--blanc) !important;
border:0;	
}
.main-nav.stick-fixed {
	position:relative !important;
}
.description.fonce p, .description.fonce li {
color:#FFF;	
}
h3.section-title-small {
    font-size: 30px !important;
}
div.entete_h2 {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;   
padding-top:80px;
}
div.entete_h2.pt-0 {
padding-top:0;
}
div.entete_h2 h2 {
margin: 0 !important;
display: inline-block;
background-color: #191D1C !important;
text-align: center;
padding: 10px 20px 8px !important;
color: var(--orange) !important;
}
div.entete_h2 h2.sansfond {
background-color: transparent !important;
}
p.jaune {
color:var(--orange);
padding-left: 20px;
border-left: var(--orange) solid 4px;
margin-bottom: 30px;    
}
.bg-0 p.jaune {
color:#000;
padding-left: 20px;
border-left: #000 solid 4px;
margin-bottom: 30px;    
}
#main {
margin-top: 30px;
}


.hero-actions {
display: flex;
flex-wrap: wrap;
gap:var(--gap-medium);
margin: 25px 0 20px;
align-items: center;
justify-content: center;    
}
.btn {
  line-height: inherit;
}
.btn svg {
  width: 18px;
  height: 18px;
}
.trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.trust li {
display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0px 20px;
  border-radius: 999px;
background: var(--noir);
  font-size: 13px;
  font-weight: 500;
  color: #FFF;
}
.trust li.ville {
background: var(--noir);
}
.trust li:hover {
background: var(--noir);
}
.trust li.ville:hover {
background: var(--orange-fonce);
}
.trust svg {
  width: 16px;
  height: 16px;
}
/* ---------- Confort : grille bento ---------- */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(12rem,auto);gap:var(--gap)}
.bento.deuxcols{grid-template-columns:repeat(2,1fr);}
.bento.deuxcols.video{margin-top: -25px;}
.bento.troiscols{grid-template-columns:repeat(3,1fr);}
.bento.troiscols1511{grid-template-columns: 1.5fr 1fr 1fr;}
.tuile{position:relative;overflow:hidden;border-radius:var(--border);padding:1.6rem;background:var(--orange);border:0 solid var(--beige);display:flex;flex-direction:column;justify-content:flex-start;transition:transform .4s cubic-bezier(.6,.1,.2,1);align-items: center;justify-content: center;}
.tuile.image{padding:0;background:var(--beige);border:0}
.tuile.video{background:var(--beige-tres-clair)}
.tuile.video h2{color: var(--beige-clair);  border-bottom: var(--beige-clair) 4px solid;}
.tuile.video p{color:var(--noir)}
.tuile:hover{}
.tuile h2{margin-top:0 !important;font-size: 36px;font-weight: bold;border-bottom: var(--blanc) 4px solid;padding: 0 0 25px;
color: var(--blanc);}
.tuile h3{margin-top:0 !important;font-size: 26px;font-weight: bold;border-bottom: var(--blanc) 4px solid;padding: 0 0 16px;
color: var(--blanc);}
.tuile p{margin-top:.45rem;color: var(--blanc);font-size:.98rem;line-height: normal;text-align: left;width: 100%;}
.tuile .ico{position:absolute;top:1.5rem;left:1.6rem;width:2.8rem;height:2.8rem;border-radius:14px;display:grid;place-items:center;background:#FFF;}
.tuile .ico svg{width:1.4rem;height:1.4rem}
.tuile.grande{grid-column:span 2;grid-row:span 2;}
.tuile.grande h3{font-size:clamp(1.6rem,2.6vw,2.2rem);}
.tuile.large{grid-column:span 2}
.tuile.or{background:var(--noir);}
.tuile.or h3{border-bottom: var(--gris) 4px solid;}
.tuile.or p{color: var(--blanc);}
.tuile.beige{background:var(--beige-clair);}
.tuile.beige h2, .tuile.beige h3{color: var(--blanc) !important;border-bottom: var(--blanc) 4px solid;}
.tuile.beige p{color: var(--blanc);}
.tuile.bleu{background:#77B8BE;}
.tuile.bleu p{color:var(--blanc)}
.wifi-ondes {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 5rem;
  color: var(--noir);
  opacity: .15;
}
.tuile img {
object-fit: cover;
width: auto;
height: 100%;
}

/* Carte des distances */
.routes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 32px 56px;
}

.routes__chart {
  flex: 1.1 1 400px;
  width: 100%;
  min-width: 0;
  max-width: 680px;
  margin-inline: auto;
}

.routes__list { flex: 1 1 400px; min-width: 0; }
.routes__intro { margin: 18px 0 0; font-size: 15px;background-color: var(--beige-tres-clair);padding:10px; }
.routes__note { margin-top: 10px; color: var(--muted); font-size: 13px; }
.routes select { margin-left: 20px; background-color:var(--blanc); padding: 5px 10px;}
.radar { position: relative; }
.radar svg { display: block; width: 100%; height: auto; }

.radar__point { cursor: pointer; }

.radar__label {
  position: absolute;
  font-size: clamp(11px, 1.05vw, 14px);
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  transform: translateY(-50%);
}

.radar__label--left { transform: translate(-100%, -50%); }
.radar__label.is-active { font-weight: 600; }

.radar__city,
.radar__ring {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  pointer-events: none;
}

.radar__city {
  top: 53%;
  font-size: clamp(11px, 1.05vw, 14px);
  font-weight: 600;
}

.radar__ring { color: var(--muted); font-size: 12px; }
.radar__ring--300 { top: 16.8%; }
.radar__ring--200 { top: 28%; }
.radar__ring--100 { top: 39.2%; }

.airport {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  width: 100%;
  padding: 2px 12px;
  border: 0;
  border-bottom: 1px solid var(--beige-fonce);
  background: transparent;
  color: var(--noir);
  text-align: left;
  cursor: pointer;
  transition: background .15s;
}

.airport:hover { background: var(--beige-clair);color: var(--blanc); }
.airport.is-active { background: var(--beige-clair);color: var(--blanc); }
.airport__time { font-weight: 500; white-space: nowrap; }

/* Weekly schedule */
.wf-schedule {
}

.wf-schedule__week {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.wf-schedule__grid {
  display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap:var(--gap);
}
.wf-schedule__grid1411 {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap:var(--gap);
}
.wf-day {
  padding: 24px;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border-radius:var(--border);
align-items: center;
justify-content: center;    
}
.wf-day--active {
  background: var(--orange);
  color: var(--blanc);
}
.wf-day--beige {
  background: var(--beige-clair);
  color: var(--blanc);
}
.wf-day--today {
  background: var(--beige-fonce);
  color: var(--blanc);
}
.wf-day--titre {
font-family: "Sora", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
font-size:46px;    
}
.wf-day__name {
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.6;
  margin-bottom: 12px;
}

.wf-day__location {
  line-height: 1.5;
  margin-bottom: 0;
}
.wf-day.wf-day--active.photo {
padding:0;
width: 100%;
height: 100%;
border:0;    
}
.wf-day.wf-day--active.photo .wf-day__location {
width: 100%;
height: 100%;    
}
.wf-day.wf-day--active.photo .wf-day__location img {
margin: 0;
padding:0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius:var(--border);    
}

.wf-day__time {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-top: 18px;
  opacity: 0.7;
}

.wf-day--off .wf-day__location {
  font-size: 11px;
  color: var(noir);
  font-weight: 400;
}


@media (max-width: 991px) {
#main {
margin-top: 50px;
}
.bento{grid-template-columns:repeat(2,1fr)}
.bento.deuxcols{grid-template-columns:1fr;margin-top:20px;}
.bento.troiscols{grid-template-columns: 1fr;}
.bento.troiscols1411, .bento.troiscols1511, .wf-schedule__grid1411{grid-template-columns: 1fr;}
.wf-schedule__grid {grid-template-columns: 1fr 1fr;}
}
.split-image-left > img {
border-top-right-radius: 0;
border-top-left-radius: 0%; 
border-bottom-left-radius: 50%;
border-bottom-right-radius: 0;
}
.order-lg-first .split-image-left > img {
border-top-right-radius: 50%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0%;
}
.page-section.no-marge, .page-section.no-marge .row, .page-section.no-marge div.col-md-3, .page-section.no-marge div.col-md-3 figure, .page-section.no-marge div.col-md-4, .page-section.no-marge div.col-md-4 figure, .page-section.no-marge div.col-md-6, .page-section.no-marge div.col-md-6 figure, .page-section.no-marge div.col-md-12, .page-section.no-marge div.col-md-12 figure {
  padding: 0 !important;
  margin: 0 !important;
}
.page-section.no-marge .container {
  padding: 0 !important;
  max-width: 100% !important;
}
@media (max-width: 991px) {
.split-image-left {
  width: 94%;
  margin: 0 3%;
}
.split-image-left > img {
border-top-right-radius: 80px;
border-top-left-radius: 0;
border-bottom-left-radius: 80px;
border-bottom-right-radius: 80px;
}
.order-lg-first .split-image-left > img {
border-top-right-radius: 0;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-bottom-right-radius: 80px;
}
}
/* animation */
.col-md-7.ligne_avec_moteur .info-texte {
	position:relative;
}
.homeh1 {
z-index: 4;
padding-top: 100px;
}
.homeh1 h1 {
margin-bottom: 5px;
font-size: 20px;
}
.homeh1 h1, .homeh1 h1 strong, h1 {
  color: var(--orange) !important;
}
.homeh1 p {
  color: var(--orange);
}
.motionvideo {
width: 100%;
    display: block;
    position: relative;
}
.motionvideo iframe {
width: 100%;
margin-top:-120px;
}
.row.vehicules .nav.nav-tabs a.nav-link {
background-color: #efefef;
border-color: #dee2e6 #dee2e6 #fff;
opacity:.75;
border-bottom-color:#efefef;	
border-top-left-radius: 42px;
border-top-right-radius: 0;
padding:15px 10px 10px;	
}
.row.vehicules .tpl-tabs {
  border-color: #777;
}
.row.vehicules .nav.nav-tabs > li {
  margin-right: 8px;
}
.row.vehicules .nav.nav-tabs a.nav-link.active, .row.vehicules .nav.nav-tabs a.nav-link:hover {
background-color: #efefef;
border-color: #777 #777 #efefef;
opacity:1;
}
.row.vehicules .tab-pane {
background-color:#EFEFEF;
padding:30px;
border: 1px solid #777;
border-top: 0;	
}
.airplaneAnimation {  
position: absolute; 
width:260px;
height:260px;
top:70px;
right:50px;
border-radius:50%;
background-color:#222;
overflow: hidden;	
opacity:.4;
}
.plane {
position: absolute; 
left:100px;
top:60px;
width:200px;
animation: fly 2s linear infinite;
opacity:.9;
}
.clouds {
position:absolute;    
top:20px;
width:100%;	
opacity: .3;
}
.voitures {
position: absolute;
left:100px;
top:33px;
width:1000px;
animation: voitures 5s linear infinite;	
}
.van-roue-droite {
position: absolute;
left:257px;
top:74px;
width:25px;
z-index:100;
-webkit-animation:rotating .8s linear infinite;
-moz-animation:rotating .8s linear infinite;	
animation: rotating .4s linear infinite;	
}
.van-roue-gauche {
position: absolute;
left:97px;
top:74px;
width:25px;
z-index:100;
-webkit-animation:rotating .8s linear infinite;
-moz-animation:rotating .8s linear infinite;	
animation: rotating .4s linear infinite;	
}
.tesla-y-roue-gauche {
position: absolute;
left:732px;
top:72px;
width:26px;
z-index:100;
-webkit-animation:rotating .8s linear infinite;
-moz-animation:rotating .8s linear infinite;	
animation: rotating .4s linear infinite;	
}
.tesla-y-roue-droite {
position: absolute;
left:882px;
top:72px;
width:26px;
z-index:100;
-webkit-animation:rotating .8s linear infinite;
-moz-animation:rotating .8s linear infinite;	
animation: rotating .4s linear infinite;	
}
.tesla-3-roue-gauche {
position: absolute;
left: 73px;
  top: 23px;
  width: 16px;
z-index:100;
-webkit-animation:rotating 3s linear infinite;
-moz-animation:rotating 3s linear infinite;	
animation: rotating 4s linear infinite;	
}
.tesla-3-roue-droite {
position: absolute;
left: 154px;
  top: 23px;
  width: 16px;
z-index:100;
-webkit-animation:rotating 3s linear infinite;
-moz-animation:rotating 3s linear infinite;	
animation: rotating 4s linear infinite;		
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes voitures {
  from{ 
    left:-450px; 
  }
  to{ 
    left:350px; 
  }
}
.main {
  position: absolute;
  z-index:2;
}

.clouds.xl {
position: absolute;
top:80px;
width:100%;
}

@keyframes cloud {  
  from{ 
    left:1900px; 
  }
  to{ 
    left:-250px; 
  }
  20% {opacity: 1;}
  55% {opacity: 0.75;}
  90% {opacity: 0;} 
  100% {opacity: 0;} 
}
.cloudOne {
position: absolute;
width: 180px;
height: auto;
top:0;
left:0;
animation: cloud 40s linear infinite;
}
.cloudTwo {
position: absolute;
width: 200px;
height:auto;
top:35px;
left:0;
animation: cloud 70s linear infinite;
}
.cloudThree {
position: absolute;
width: 180px;
height: auto;
top:100px;
left:0;
animation: cloud 50s linear infinite;
}

.pollution {
  position: absolute;
  background-color: #fff;
  top:39px;
  left:-50px;
  width: 40px;
  height: 1px;
  border-radius: 10px;
  opacity: 0;
  animation: up 1s linear infinite;
}
.light {
position: absolute;
top: 56px;
left: 168px;
z-index: 100;
width: 3px;
height: 2px;
animation: lumiere 1s linear infinite;
}

.pollution:before, .pollution:after {
  content:"";
  position: absolute;
  background-color: #fff;
  border-radius:20px;
  opacity:0;
  width:40px;
  height:1px;
}
.pollution:after {
  top: 10px;
  left: -25px;
  animation: up 2s linear infinite;
}
.pollution:before {
  top: -10px;
  left: -35px;
  animation: up 3s linear infinite;
 
}
.cadre_avion {
    position:relative;
}
.globe {  
position: absolute;
z-index:-10;
width: 200px;
}
.globe2 {  
position: absolute;
z-index:-10;
width: 240px;
}
.neon  {  
position: absolute;
z-index:-10;
width: 200px;
-webkit-animation:rotating 10s linear infinite;
-moz-animation:rotating 10s linear infinite;	
animation: rotating 10s linear infinite;	
}
.neon2  {  
position: absolute;
z-index:-10;
width: 200px;
-webkit-animation:rotating 30s linear infinite;
-moz-animation:rotating 30s linear infinite;	
animation: rotating 30s linear infinite;	
}
.neon4  {  
position: absolute;
z-index:-10;
width: 240px;
-webkit-animation:rotating 15s linear infinite;
-moz-animation:rotating 15s linear infinite;	
animation: rotating 15s linear infinite;	
}
.neon5  {  
position: absolute;
z-index:-10;
width: 200px;
-webkit-animation:up2 2s linear infinite;
-moz-animation:up2 2s linear infinite;	
animation: up2 2s linear infinite;	
}
.neon6  {  
position: absolute;
z-index:-10;
width: 200px;
-webkit-animation:opacity1 12s linear infinite;
-moz-animation:opacity1 12s linear infinite;	
animation: opacity1 12s linear infinite;	
}
.neon7  {  
position: absolute;
width: 320px;
animation: fly 2s linear infinite;
margin-top: -160px;
}
.neon3  {  
position: absolute;
width: 200px;
animation: fly 2s linear infinite;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fly {
  0% {transform: translateY(0);}
  25% {transform: translateY(-4px);}
  50% {transform: translateY(0);}
  75% {transform: translateY(4px);}
  100% {transform: translateY(0);}
}
@keyframes up { 
    20% {opacity: 0.7;}
    35% {left: 100px opacity: 0.7;}
    70% {left: 70px opacity: 0;} 
  }
@keyframes up2 { 
    20% {transform: translateY(-40px);opacity: 0.4;}
    35% {transform: translateY(-10px);opacity: 0.7;}
    70% {transform: translateY(0); opacity: 1;} 
  }
@keyframes opacity1 { 
    2% {opacity: 0;}
    15% {opacity: 0.8;}
    30% {opacity: 1;} 
  }
@keyframes lumiere { 
    20% {opacity: 0.7;}
    35% {opacity: 0.3;}
    70% {opacity: 0;} 
  }
@media (max-width: 991px) {
body {
/*background-image: url("../images/full-width-images/fond_vtc176_10_smartphone.jpg");
*/}
body#page_accueil {
background-image: url("../images/full-width-images/fond_vtc176_01_new_smartphone.jpg");
background-position-y:0px;
}
.cadre_avion {
    position:absolute;
}
.homeh1 {
position:absolute;
top: 90px;
padding:0;
}
.motionvideo {
    width: 100%;
    max-width: 90%;
    position: absolute;
    top: 150px;
}
.motionvideo iframe {
margin-top:-80px;
}
div.entete_h2 h2 {
margin:0 5px !important;
font-size:28px;
}	
.col-md-7.ligne_avec_moteur .info-texte {
position:inherit;
}	
.airplaneAnimation {
display:none;
}
.clouds {
position: absolute;
top:0;
width:1000px;
}
.plane {
  left: 70px;
  top: -20px;
  width: 200px;
}
#page_accueil .entete {
  min-height: 300px;
  margin-top: 60px;
}   
.btn-mod, a.btn-mod {
    margin-top:10px;
}
.wingOne {
  position: absolute;
  width:20px;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 80px solid #0077b6;
  height:0;
  top:115px;
  left:160px;
  transform: skew(-45deg) rotateX(30deg);
  z-index:4;
}	
.pollution {
  top: 38px;
  left: -50px;
}
.cloudOne {
top:0;
animation: cloud_smartphone 40s linear infinite;

}
.cloudTwo {
top:35px;
animation: cloud_smartphone 80s linear infinite;
}
.cloudThree {
top:70px;
animation: cloud_smartphone 60s linear infinite;
}
}
@keyframes cloud_smartphone {  
  from{ 
    left:500px; 
  }
  to{ 
    left:-550px; 
  }
  20% {opacity: 1;}
  55% {opacity: 1;}
  90% {opacity: .3;} 
  100% {opacity: 0;} 
}

/*fin animation*/

.features-item {
  padding: 20px 15px;
  text-align: center;
  background-color: #EFEFEF;
}
.features-descr {
  font-size: 18px;
  font-weight: 400;
  opacity: 1;
  background-color: #000;
  color: #EFEFEF !important;
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.item-carousel .owl-item {
  padding: 0 10px;
}
.slider-booking.sans-api {
position:relative;
top:auto;
left:auto;
width: 480px;
padding:0;
margin-top:0;	
}

#avantages .section-caption {
  color:#000000;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 20px;
  display: inline-block;
}
#avantages h3 {
  color:#000000;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.bg-dark-1 {
 background-color:transparent !important;
}
h2.section-title, h3.section-title {
  line-height: 1.107;
  letter-spacing: 1px;
}
h1 {
font-size:26px;
margin-bottom:10px;	
}
h2, .section-title {
  font-size: 26px;
}
.team-carousel .owl-prev, .team-carousel .owl-next {
  top: 220px;
}
.inner-nav ul li {
    margin: 0;
}
li.reseaux {
position: absolute !important;
right: 60px;
top: 50px;
opacity: .9;
}
.main-nav.light-after-scroll.dark .logo-white {
  display: block;
}
.nav-logo-wrap .logo {
max-width: 170px;
height:auto;
}
#page_accueil .nav-logo-wrap .logo {
max-width: 200px;
margin-top:10px;
height:auto;
}
.main-nav.light-after-scroll.dark .logo-white {
  margin-top: 10px;
}
.moteur-neutre .slider-booking.new-moteur-simple .tabs-1 li a {
  padding: 6px 0px;
}
.description p a, .description li a {
color:var(--noir-clair);
text-decoration: underline;	
}
.page-section.bg-0 .description p a, .page-section.bg-0 .description li a {
color:var(--noir-clair);
text-decoration: underline;	
}
.description p a:hover, .description li a:hover {
text-decoration: none !important;	
}
.rond.photo_a_gauche {
box-sizing: border-box;
  min-width: 0px;
  width: 500px;
  height: 500px;
  position: absolute;
  border-radius: 500px;
  left: 35%;
 background: var(--orange);
 opacity: .2;
top: 270px;
  z-index: 90;
}
h4.alt-features-title {
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
}
.team-item-descr h2 {
margin: 30px 10px 25px;
font-size: 22px;
color: var(--color-dark-1);
font-weight: bold;
}
.team-item-descr p {
margin: 30px;
line-height: 26px;	
}
.page-section.marge.pt-50 {
	padding-top:70px !important;
}
.page-section.marge.pb-50 {
	padding-bottom:60px !important;
}
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.date_heure .col-md-4 label {
font-size: 13px;
font-weight:600;
}
div.cadre-moteur label {
	font-size:12px;
}
#page_accueil .slider-booking.sans-api {
}
#home .page_section.pt-100 {
	padding-top:140px !important;
}
.slider-booking.sans-api:hover, #page_accueil .slider-booking.sans-api:hover {
  opacity: 1;
}
.slider-booking.sans-api:hover, #resa .slider-booking.sans-api {
  opacity: 1;
}
.home-section.owl-carousel .owl-item .home-content .offset-md-4 {
    margin-left: 10%;
}
.home-section.owl-carousel .owl-item .home-content .col-md-8 {
  width: 40%;
}
.home-content {
  position: absolute;
  text-align: left;
  bottom: 100px;
  left: 60px;
}
.home-section.owl-carousel h2 {
color:#FFF;
line-height:1.3;
font-size: 24px;	
}
.team-carousel .owl-item .team-item {
background-color:#FFF;
padding-bottom:20px;
min-height:800px;	
}
.team-carousel .owl-item .team-item.pro {
background-color: #efefef;
}
.team-item-name {
margin:0;
font-size: 13px;
font-weight: normal;
background-color: #fc0;
color: #000;
padding: 10px;
line-height: normal;	
}
.team-item-role {
margin: 20px auto;
margin: 30px 10px 25px;	
}
.team-item-name strong {
display: block;
font-size: 18px;
font-weight: 600;	
}
.team-item-role span {
font-size:14px;
font-weight:normal;
display:block;
text-align: left;
line-height: 1.6;	
}
div.jereserve {
position: absolute;
right: 23px;
top:135px;
opacity:1;
}
div.jereserve:hover {
  position: absolute;
  opacity:.9;
}
.page-section.detail-resa.description {
	background-color:#FFF;
}
.pricing-wrap {
  background-color: #efefef;
}
.pricing-wrap .pr-list li svg {
  color: #000;
}
.carte_google h3, .carte_google p {
	color:#000;
}
.cadre_paiement, #detailresa .bg-3 {
background:#191D1C;
}
.cadre_paiement p {
color:#FFF;
margin-top:10px;
}
.cadre_paiement img {
display: block;
margin: 0 auto 20px;
}
.section-title-medium {
font-size: 42px !important;
}
@media (max-width: 991px) {
#page_accueil .entete h1 {
color: var(--noir) !important;
  font-size: 26px;
  margin: 250px 0 30px;
}    
#page_accueil .haut_droit {
  position: unset;
}    
.row.vehicules .nav.nav-tabs a.nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.row.vehicules .nav.nav-tabs > li {
  margin-right:0;
}
.row.vehicules .nav.nav-tabs a.nav-link {
  border-color: #777 #777 #777;
}
.row.vehicules .nav.nav-tabs a.nav-link {
  padding: 10px 20px;
}
.row.vehicules .nav-link img {
width:120px !important;
}
.split-image-left > img {
margin-bottom:20px;
}
.order-lg-first .split-image-left > img {
padding-bottom:0;
margin-bottom:0;
}
li.reseaux {
position:relative !important;
right:auto;
top:auto;
opacity:1;
}
.home-content {
left:0;
}
.hs-status {
display:none;
}
.main-nav.light-after-scroll.dark .logo-white {
  display: block;
  margin-top: 20px;
}		
.slider-booking.sans-api {
opacity: 1;
top:0;
left: 0;
width: 100%;
margin-top: 10px;	
}
#page_accueil .slider-booking.sans-api {
opacity: 1;
top:0;
left: 0;
width: 100%;
margin-top: 380px;	
}
.home-section.owl-carousel .owl-item .home-content .col-md-8 {
  width: 80%;
}	
div.jereserve {
  right: -10px;
  top: 140px;
}	
.owl-wrapper .home-content h2 {
	font-size:26px;
}
.owl-item .home-section.item1 {
	background-position-x: -100px !important;
}	
.owl-item .home-section.item2 {
	background-position-x: -200px !important;
}		
.owl-item .home-section.item3 {
	background-position-x: -280px !important;
}	
.owl-item .home-section.item4 {
	background-position-x: -280px !important;
}	
}
.portfolio-4-carousel .owl-controls {
margin-top: 0;
}
.portfolio-4-carousel .owl-buttons {
  padding-right:0;
  text-align: center;
}
ul.nav-tabs.nav-justified {
  border: 1px solid var(--orange);
}
.moteur-neutre .slider-booking.new-moteur-simple .tabs-1 #tabs_container div.tabsx {
background-color: #333;
border: 1px solid var(--orange);
border-top: 0;    
}
#page_accueil.moteur-neutre .slider-booking.new-moteur-simple .tabs-1 #tabs_container div.tabsx {
background-color: #333;
border: 1px solid var(--orange);
border-top: 0;    
}
.slider-avecmoteur .slider-booking.new-moteur-simple .form-moteur .autocomplete-input select, 
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.date_heure .col-md-4.left , 
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.info_supp, 
.slider-booking.new-moteur-simple .cadre-moteur, .moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.date_heure .col-md-4.right {
    background-color: #FFF;
    color: #000;
}
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.date_heure .col-md-4.left, .moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.info_supp, .slider-booking.new-moteur-simple .cadre-moteur, .moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.date_heure .col-md-4.right {
	border: 0 solid #333;
}
.form-moteur input[type="text"], .form-moteur textarea, .form-moteur select, .confirmation-resa-1 input[type="text"], .confirmation-resa-1 textarea, .confirmation-resa-1 select , 
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.info_supp label, 
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.info_supp label, 
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.info_supp label.titre, 
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.date_heure .col-md-4 label , 
.slider-booking.new-moteur-simple .moteur .cadre-moteur label {
color: #000 !important;
font-weight: 500;	
}
.slider-booking.new-moteur-simple .moteur .cadre-moteur label {
  color: #000 !important;
  padding: 0;
  font-weight: 600 !important;
  font-size: 13px;
}
.form-moteur input[type="text"], .form-moteur textarea, .form-moteur select, 
.confirmation-resa-1 input[type="text"], .confirmation-resa-1 textarea, .confirmation-resa-1 select {
color: #000 !important;
}
.confirmation-resa-1 input[type="text"], .confirmation-resa-1 textarea, .confirmation-resa-1 select {
color: #000 !important;
}
#accordion8 h4, .light-content .scroll-down-4::before, .light-content .owl-page.active span {
background-color:#EFEFEF;
}
.toggle-content.opened, #accordion6 .opened {
  background-color: #111;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
background-color:green;
color:#FFF;
box-shadow: none;
}
.light-content .scroll-down-4, .light-content .owl-prev svg, .light-content .owl-next svg, .pricing-item {
color:#000;
}
.page-section h2.heading-title-3, .page-section h2.section-title, 
h3.section-title-medium, h3.entete_titre {
	color:var(--beige-clair);
	padding-bottom:20px;
	font-weight:400;
}
.page-section h2.heading-title-3 {
	font-size:26px;
	margin-bottom:0;
	display:inline-block;
}
.page-section.bg-0 h2.heading-title-3 {
	background-color:#EFEFEF;
	color:#000;
}
.page-section.clair h2.heading-title-3, .page-section.clair .description .info-texte h3, 
.page-section.clair h2.section-title {
	color:#000;
}
.page-section.fonce h2.heading-title-3, .page-section.fonce .description .info-texte h3, 
.page-section.fonce h2.section-title, .page-section.bg-yellow.clair h2.heading-title-3, .page-section.bg-yellow.clair .description .info-texte h3, 
.page-section.bg-yellow.clair h2.section-title {
	color:#FFF;
}
.page-section.fonce h2.heading-title-3, .page-section.fonce .description .info-texte h3, 
.page-section.fonce h2.section-title {
	color:var(--orange);
}
.link-strong {
background-color:var(--beige-tres-clair);
color: var(--noir) !important;
border: 0;
padding: 2px 10px 4px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
border-radius: 2px;
border-bottom: 0 !important;    
}
.btn-mod, a.btn-mod {
background-color:var(--beige-tres-clair);
color: var(--noir) !important;
border: 0;
padding: 10px 20px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .065em;
border-radius: 4px;    
}
.btn-mod.noir, a.btn-mod.noir {
background-color:var(--noir-clair);
color: var(--blanc) !important;
}
.btn-mod.fonce, a.btn-mod.fonce {
background-color:var(--orange-fonce);
color: var(--blanc) !important;
}
.btn-mod:hover, .btn-mod:focus, a.btn-mod:hover, a.btn-mod:focus {
background-color:var(--beige-clair) !important;
color: var(--blanc) !important;
}
.btn-mod.fonce:hover {
background-color:var(--beige-clair) !important;
}
.btn-mod.btn-gray {
}
.page-section.bg-yellow .btn-mod, .page-section.bg-yellow a.btn-mod {
background-color:var(--orange) !important;
color: var(--blanc) !important;

border: 0;
}
.btn-mod.btn-hover-anim:hover {
opacity: 1;
border: 0 !important;
}
.page-section.bg-yellow .btn-mod:hover, .page-section.bg-yellow a.btn-mod:hover {
background-color:var(--beige-clair) !important;
color: var(--blanc) !important;
border: 0;
}
.alt-features-descr, .section-caption {
  color: var(--orange);
}
#avantages .alt-features-descr, #avantages p {
  color: #FFF;
}
.alt-features-item.border-left {
  border-left: 1px solid #666;
}
.light-content .scroll-down-4 {
border-color: #FFF;
}
.light-content .owl-page span, .light-content .owl-page.active span {
  border: 1px solid #FFF;
}
.round, .description figure img, .description .info-texte img {
/*  border: 6px solid #FFF;
*/}
.description .featured-box.clair.border-only .info-texte p img, 
.description .info-texte .text-center a img {
  border: 0;
}
.form-control::placeholder {
color: #777;
font-weight:normal;
}
.form-control::-moz-placeholder {
color: #777;
opacity: 1;
font-weight:normal;
}
.form-control:-ms-input-placeholder {
color: #777;
font-weight:normal;
}
.form-control::-webkit-input-placeholder {
color: #777;
font-weight:normal;
}
body .tabs-1 #tabs_container div.tabsx.hideleft {
  display: none;
}
body .tabs-1 #tabs_container div.tabsx.showleft {
  display: block;
}
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.info_supp .form-control {
    border: 1px solid #000000;
    border-radius: 6px;
    padding:4px 4px 4px 14px;
}
.form-moteur .form-control {
    background-color: #FFF;
    color: #000;
}
#contact_form .btn-mod.btn-medium, .moteur-neutre .slider-booking.new-moteur-simple .tabs-1 li a.tabulous_active, .moteur-neutre .slider-booking.new-moteur-simple .tabs-1 li a:hover {
background-color:var(--orange) !important;
color:#000 !important;
/*background-color:transparent !important;
background-image: url("../img/bouton_or_02.jpg");
background-position: top left;
background-repeat: no-repeat;*/
}
#contact_form .btn-mod.btn-medium, .moteur-neutre .row.date_heure .btn, .pricing-item .btn.btn-mod, .options #detailresa .btn.btn-mod {
border-radius:0;
padding:10px 20px;	
font-size: 15px;
border:0;
}
.moteur-neutre .row.date_heure .btn {
border-radius:0;
padding:4px 20px;	
font-size: 14px;
}
#contact_form .btn-mod.btn-medium:hover  {
}
.moteur-neutre .slider-booking.new-moteur-simple.slider-avecmoteur .row.info_supp label.titre {
font-size: 13px;
font-weight: 600;	
}
@media (max-width: 991px) {
 .slider-booking.sans-api {
left: 2%;
}	
.encart-resa .btn.btn-mod  {
margin-top:10px;	
}
.alt-features-item.border-left {
  border-left: 0;
}
}
.moteur-neutre .slider-booking.new-moteur-simple .tabs-1 li a {
/*background-color:transparent !important;
background-image: url("../img/bouton_or_02_dark.jpg");
background-position: top left;
background-repeat: no-repeat;	*/
background-color:#555 !important;
	
}
.moteur-neutre .row.date_heure .btn:hover, .pricing-item .btn.btn-mod:hover, .options #detailresa .btn.btn-mod:hover {
border:0;	
}
.btn-mod.btn-hover-anim::before {
  content: "";
  display: block;
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  transform:none;
  background:transparent;
  border-radius: 0;
  transition: none;
border:0;	
}
.tabs-1 li a.tabulous_active, .tabs-1 li a, .tabs-1 li a:hover {
    color: #CCC !important;
	font-weight:600;
}
.main-nav .top_tel .link-hover-anim, .main-nav .top_tel .link-hover-anim .link-strong-hovered {
/*background-color:transparent !important;
background-image: url("../img/bouton_or.jpg");
background-position: top left;
background-repeat: no-repeat;
color: #000;
padding: 4px 10px;*/
}
.main-nav .top_tel .link-hover-anim.underline .link-strong {
/*	border-bottom: 0;
*/}
.encart-pub .alt-features-item {
	background-color:#222;
}
.encart-pub .alt-features-item .alt-features-descr {
	color:#CCC;
}
@media (max-width: 991px) {
.nav-logo-wrap .logo {
  max-width: 250px;
  height: 110px;
}
#resa .slider-booking.sans-api {
  left: auto;
  right: auto;
}
 .main-nav.dark .mobile-nav-icon, .main-nav.dark .mobile-nav-icon::before, .main-nav.dark .mobile-nav-icon::after {
  background: #FFF;
}	
}
#page_accueil .main-nav.light-after-scroll.dark .logo-white {
  margin-top: 0;
}
/* Couleurs fond */
#home.page-section.pt-100, #home.page-section.pt-140 {
	padding-top:220px !important;
}
#home.page-section.pt-100, #home.page-section.pt-140 {
	padding-top:10px !important;
}
body#resa #home.page-section.pt-140 {
	padding-top:140px !important;
}
body#resa.resa #home.page-section.pt-140 {
	padding-top:10px !important;
}
body#contact #home.page-section.pt-100, body#contact #home.page-section.pt-140 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
/* noir */
.page-section.bg-black {
	background-color:#000000;
}
/* blanc */
.page-section.bg-0 {
background-color: #EFEFEF;
color: #000000;
}
/* clair */
.page-section.bg-yellow {
background-color: var(--orange);
color: #FFF;
}
/* foncé */
.page-section.bg-blue {
background-color:#666666;
/*background: linear-gradient(330.24deg,#0196D0 11.99%,#0375A5 42.79%,#0196D0 88.79%);	
*/	
}
.page-section.bg-blue .container.description {
padding-top:40px;
}
/* foncé */
.page-section.bg-black.fonce {
	color:#FFF;
}
.bg-dark {
	background-color:#1A171B;
	color:#FFF;
}
.encart-resa h2.section-title-small {
	color:#FFF;
}
.encart-resa .decoration-12 {
	background-color:#FFF;
	opacity:1;
}
.encart-resa .decoration-13 {
	background-color:#FFF;
	opacity:1;	
}
.text-gray {
  color:#000;
}

.inner-nav > ul {
  margin-top: 20px;
}
.inner-nav > ul.items-end.langue {
top: 80px;
right: 70px;
}
.body-scrolled .inner-nav > ul.items-end.langue {
top: 66px;
}
.body-scrolled .inner-nav > ul {
  margin-top: 0;
}
.inner-nav > ul.items-end {
  margin-top: 2px;
}
.body-scrolled .inner-nav ul li {
  padding: 0 8px;
}
.body-scrolled .inner-nav ul.items-end.langue li {
 padding: 0 4px;	
}
.main-nav.dark .inner-nav ul > li > a {
  font-size: 15px;
  padding: 4px 10px;
  margin: 4px;
  color: var(--blanc);
  opacity:1;
  height: auto;
  margin-top: 10px;
  font-weight: 400;
}
.main-nav.dark .inner-nav ul > li.tel > a, .main-nav.dark .inner-nav ul > li.espace > a {
    padding:0 4px;
}
.body-scrolled .inner-nav > ul {
  margin-top: 0;
}
.main-nav.dark .inner-nav ul.items-end.langue > li > a {
  padding: 4px;
}
.main-nav.dark .inner-nav ul > li > a:hover {
text-decoration: underline;
}
.main-nav.dark .inner-nav ul.items-end > li > a {
  color: var(--orange);
}
div.whatsapp {
  position: fixed;
  right: 30px;
  top: 35px;
  opacity: 1;
  z-index: 99;
}
@media (max-width: 991px) {
div.whatsapp {
right: 15px;
top: 70px;
z-index: 99999;
}    
.main-nav.dark .inner-nav ul > li > a {
background-color: transparent;
  text-transform: uppercase;
  font-size: 14px;
  padding: 8px 10px;
  margin: 2px;
  color: #fff;
  opacity: 1;
  height: auto;
  font-weight: 500;
}
.main-nav.dark .mobile-nav {
  margin-top:0;
z-index:9999;	
}	
.body-scrolled div.whatsapp {
   top: 80px;
}
}
@media only screen and (max-width: 767px) {
  .work-item, .work-grid-2 .work-item, .work-grid-3 .work-item, .container .work-grid-3 .work-item, .work-grid-4 .work-item {
    width: 49.9% !important;
  }
}
.main-nav.dark .inner-nav ul > li > a.langue, .mobile-nav a.langue {
opacity: .8;
cursor: pointer !important;	
}
.mobile-nav a.langue {
opacity:1;
}
.link-hover-anim {
  font-size: 14px;
  font-weight: 500;
}
.main-nav.dark .inner-nav ul li .mn-sub li a {
  font-size: 13px;
}
.main-nav.dark .inner-nav ul > li > a:hover {
opacity: 1;
color: #FFF;
}
.mn-sub {
  background:#1A171B;
}
.page-section.bg-blue.fonce .alt-features-title, .bg-blue.fonce h3, .page-section.bg-blue.fonce .alt-features-icon, .page-section.bg-blue.fonce .section-caption {
	color:#FFF;
}
.page-section.bg-blue.fonce .section-line, .resa.moteur-neutre .page-section.bg-yellow {
	background:#000000;
}
.resa.moteur-neutre .page-section.bg-yellow {
	background:#191D1C;
}
.resa.moteur-neutre .page-section.bg-yellow .text-md-start {
	color:#FFF;
}
.fonce a {
	color:#FFF;
}
.fonce a:hover {
	color:#CCC;
}
.page-section.bg-blue.fonce .alt-features-item.border-left {
  border-left: 1px solid #000000;
}
.moteur-neutre .slider-booking.new-moteur-simple a.tabulous_a.tabulous_active::after {
  border-top: 15px solid var(--orange);
}
.owl-item .features-title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}
.page-section.light-content.sliders .owl-prev svg, .page-section.light-content.sliders .owl-next svg {
  color: #000;
}
.page-section.light-content.sliders .owl-page span, .page-section.light-content.sliders .owl-page.active span {
border: 1px solid #000;
}
.page-section.light-content.sliders .owl-page.active span {
  background-color: #000;
}
.featured-box.fonce .info-texte h2, .featured-box.fonce .info-texte h3, 
.featured-box.clair .info-texte h2, .featured-box.clair .info-texte h3 {
background-color: #FFF;
padding: 20px 10px 10px;
border-top-right-radius: 50px;
border-top-left-radius: 20px;
color: #FFF !important;
margin-bottom: 0;
font-size:20px;
}
.cadre.item01, .cadre.item02 {
border: 10px solid var(--orange);
  padding: 20px;
  background-color: #efefef;
}
.page-section .cadre.item01 h2.heading-title-3, .page-section .cadre.item02 h2.heading-title-3 {
  color: #000;
}
.featured-box.fonce .info-texte p {
  background-color: #FFF;
  padding: 10px 20px;
  color: #000;
  margin: 0;
}
.featured-box.clair .info-texte p {
  color: #000;
}
.footer {
  background-color: var(--noir);
}
.footer .row.text-gray {
	color:#CCC;
}
.footer .row.text-gray a {
	color:#FFF;
}
.footer .row.text-gray a:hover {
	color:#CCC !important;
}
.footer .row.text-gray a i, .footer .row.text-gray a:hover i {
	color:#000 !important;
}