body{margin:0;padding:0;font-family:'Montserrat',sans-serif;background-color:#000;margin-top:5%}
h4{font-size:20px;margin-left:4%;margin-bottom:3%;margin-right:3%}
a{text-decoration:none;font-weight:600;color:#fff}
.texte1 a,p{color:#fff}
strong{color:#135cf3}
h1,h2{text-align:center;font-weight:600}
h1{font-size:40px;line-height:1.4;margin:5% 3%;color:#000;}
p{font-size:18px;margin:5%;text-align:center;background-color:#000;padding:2%}
.texte1,.p-slide{line-height:1.8}
h2{color:#135cf3;margin:7% 3% 5%;font-size:30px;}
h3{text-align:center;font-weight:350;color:#fff;font-size:17px;margin-top:3%}
.hr{margin:5% auto auto;width:90%}
.icon,.logo,.navbar{display:flex}
.nav-menu,.navbar{background-color:#000;left:0;right:0}
.navbar{padding:10px;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:1000;height:10%}
.logo{align-items:center;max-height:90px;min-height:90px;margin-left:10%}
.icon{fill:#fff;cursor:pointer;align-items:center;margin-right:3%}
.drop-item,.nav-item{list-style:none}
.dropdown,.nav-menu,.navbar input{display:none}
[id^=btn]:checked+ul{display:block}
.nav-menu{position:absolute;top:81%}
.drop-item a,.nav-item a,.show{color:#fff;text-decoration:none;font-size:1.2rem;line-height:3;margin-left:-2%;font-weight:600}
.drop-item a{margin-left:-4%;font-size:1.1rem;line-height:2.5}
.nav-menu a:hover,.show:hover{color:#135cf3}
.img-index{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;height:500px;width:90%}
.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.img-index h1{background-color:rgba(255,255,255,0.3);border-radius:20px;color:#000;width:80%;margin-top:auto;z-index:1}
.bouton-1{z-index:1;color:#135cf3;background-color:#135cf3;color:#fff;padding:1% 5%;border-radius:25px;text-decoration:none;margin-top:auto;margin-bottom:10%}
.form-container{display:flex;flex-direction:column;align-items:center;padding:8px;padding-top:20px;margin:0;margin-top:3%;margin-left:auto;margin-right:auto;width:55%;box-shadow:0 0 2px #fff;color:#fff;background-color:#000;z-index:1}
.form-container h2{color:#fff}
form{width:75%}
.form-container label{display:block;margin-bottom:8px;font-size:19px;margin-left:2%;text-align:left;color:#fff}
textarea{width:94%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}
.form-container input,.form-container select{width:100%;height:35px;padding:8px;margin-bottom:16px;box-sizing:border-box;border-radius:10px;border:1px solid #333;background-color:#f2f2f2;color:#000}
.form-container button{display:flex;justify-content:center;background-color:#135cf3;color:#ffff;padding:10px 40px;font-size:18px;margin:2% auto 6%;border:none;border-radius:4px;cursor:pointer}
.form-container button:hover{background-color:#6c2210}
#passengers{font-size:15px}
.image-container{display:flex;justify-content:center;align-items:center;padding:1%;margin-left:auto;margin-right:auto;margin-bottom:4%;border-radius:20px}
.image-container img{width:30%;height:auto;border-radius:20px}
.inline-container{display:flex;justify-content:space-between;width:100%}
.inline-item{display:flex;flex-direction:column;width:48%}
.service-prive img{width:70%;height:280px;margin-bottom:5%}
.service-prive{margin-top:5%;margin-bottom:5%;display:flex;justify-content:center}
.services-pc{display:flex;justify-content:center;margin-top:5%;margin-bottom:5%;gap:10%}
.services-pc img{width:30%;height:240px;border-radius:20px}
.gaga{display:flex;justify-content:center;align-items:center;width:100%;gap:2%;margin-top:2%}
.gaga img{width:30%;height:300px}
.img-presta{margin-bottom:10%;width:85%;display:block;margin-left:auto;margin-right:auto}
.nos-vehicules-pc{display:flex;justify-content:center;width:60%;margin-left:auto;margin-right:auto;gap:10%}
.nos-vehicules-pc img{width:100%;margin-top:0;margin-bottom:5%;border-radius:20px}
.bouton-3{display:flex;justify-content:center;background-color:#135cf3;color:#fff;font-size:20px;padding:10px;margin:2% 35% 10%;text-decoration:none;border-radius:25px}
.bouton-3:hover{background-color:#6c2210}
#contactez-nous{margin-top:10%;padding:2%;background-color:#222}
#contactez-nous h4{text-align:center;margin:5% 3% 3%;color:#fff;font-weight:600;font-size:18px}
#contactez-nous p{color:#fff;background-color:#222}
.lien a{color:#fff;font-size:17px}
.lien{margin-bottom:3%;margin-top:1%}
.lien-wp a,.lien-wp p{color:#fff;font-size:11px;margin:0}
.reseau-md{text-align:center;margin-bottom:7%}
.reseau-md a{font-size:15px;color:#fff}
.lien-wp a,.lien-wp h5{font-size:13px;color:#fff;text-align:center;font-weight:300;margin:0}
.slide{opacity:0;transform:translateX(-50%);transition:opacity .5s,transform 1s}
.slide-in-done{opacity:1;transform:translateX(0)}
.p-slide p{font-size:16px;text-align:left;background-color:#222;width:30%;margin-left:auto;margin-right:auto;word-spacing:1px;padding-left:5%}
.strong-pvtc{display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:5%;font-size:16px}
.p-slide img{display:flex;justify-content:center;width:50%;margin: 7% auto;}
.avantages-taxi-mob,.whats-icon,.nos-vehicules,.presta1-mob,.services-mob,.photo-id,.gaga{display:none}
@media screen and (max-width:767.98px) {
h1,h2{text-align:center;font-weight:500}
.texte1,.p-slide,p{line-height:1.5}
h1{font-size:25px;margin-bottom:5%;margin-top:5%}
h2{color:#135cf3;margin:15% 4% 7%;font-size:23px}
h3{font-weight:350;text-align:center;font-size:18px;margin-top:3%}
p{font-size:19px;margin:5%;text-align:center;padding:2%;word-spacing:4px}
h4{font-size:19px;margin-left:3%;margin-bottom:5%;margin-right:3%}
body{margin-top:18%}
.nav-menu,.navbar{background-color:#000;left:0;right:0}
.navbar{padding:2px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:1000;height:11%}
.logo{display:flex;align-items:center;max-height:70px;min-height:70px;margin-left:5px}
.dropdown,.nav-menu,.navbar input{display:none}
[id^=btn]:checked+ul{display:block}
.nav-menu{position:absolute;top:78%}
.drop-item,.nav-item{list-style:none}
.drop-item a,.nav-item a,.show{text-decoration:none;font-size:1.2rem;line-height:3;margin-left:-6%}
.drop-item a{margin-left:-15%;font-size:1rem;line-height:2.5}
.service-prive img{width:100%;height:118px}
.service-prive{margin-top:5%;margin-bottom:5%;display:flex;justify-content:center}
.services-mob{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:5%;margin-bottom:5%}
.services-mob img{width:80%;height:190px;margin-top:3%;margin-bottom:3%;border-radius:20px}
.presta1-mob{display:block}
.presta1-mob img{margin-bottom:10%;width:85%;display:block;margin-left:auto;margin-right:auto}
.avantages-taxi-mob{display:block}
.nos-vehicules{display:flex;justify-content:center;width:80%;margin-left:auto;margin-right:auto}
.nos-vehicules img{width:100%;border-radius:20px}
.vehi-index{margin-bottom:15%}
#contactez-nous{padding-top:4%;padding-bottom:4%;margin-top:20%}
#contactez-nous h4{margin-top:10%;margin-bottom:5%;font-weight:600}
#contactez-nous p{text-align:center;margin:0 0 3%;color:#fff;font-size:17px}
.lien-wp a,.lien-wp h5{font-size:13px;color:#fff;text-align:center;font-weight:300;margin-top:5%;margin-bottom:0}
.lien-wp{margin-bottom:0}
.reseau-md{text-align:center;margin-bottom:13%}
.reseau-md a{font-size:15px;color:#fff}
.whats-icon{display:flex;position:fixed;right:4%;bottom:3%;background-color:rgba(0,0,0,0)}
.whats-icon img{display:block;width:60px;height:61px;border-radius:20px}
.bouton-1{padding:2% 4%}
.bouton-3{display:flex;justify-content:center;font-size:18px;padding:2%;text-decoration:none;margin:7% 15% 10%}
.form-container{width:85%;padding-top:20px;padding-left:0;padding-right:0;margin:0 auto;margin-bottom:-5%;margin-top:10%}
.inline-container{flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.inline-item{width:48%}
.img-index{background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:350px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
form{width:85%}
.image-container{padding:1%;margin-left:auto;margin-right:auto;margin-bottom:12%;border-radius:20px}
.image-container img{width:45%;height:auto;border-radius:20px}
.form-container input,.form-container select{width:100%;height:35px;padding:8px;margin-bottom:16px;box-sizing:border-box;border-radius:10px;border:1px solid #333;background-color:#f2f2f2;color:#000}
.slide{opacity:0;transform:translateX(-50%);transition:opacity .5s,transform 1s}
.slide-in-done{opacity:1;transform:translateX(0)}
.p-slide p{font-size:14px;text-align:left;background-color:#222;width:80%;margin-left:auto;margin-right:auto;word-spacing:1px;padding-left:5%}
.strong-pvtc{display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:5%;font-size:16px}
.p-slide img{display:flex;justify-content:center;width:60%;margin:7% auto}
.gaga{display:flex;justify-content:center;align-items:center;width:100%;gap:2%;margin-top:2%}
.gaga img{width:30%;height:120px}
.avantages-taxi,.nos-vehicules-pc,.presta1,.presta2,.services-pc,.gaga{display:none}
}