html {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
/* ------------------------------------------- */
/* ///// VARIABLES COULEURS ////////////////// */
/* ------------------------------------------- */
:root {
    --primaire: #d89834;
    --primaire-f: #1d1d1b;
    --secondaire: #1d1d1b;
    --secondaire-f: #000066;
    --gris: #8b8c90;
    --gris-c: #f4f4f4;
    --gris-f: #434343;
}
body {
    font-family: "Roboto", Arial;
    font-size: 16px;
    font-weight: 400;
    margin: auto;
    width: 100%;
    background: #fff;
}

.container {
    max-width: 1140px;
}




/* ------------------------------------------- */
/* ///// CLASSES DE BASE ///////////////////// */
/* ------------------------------------------- */
a{text-decoration: none; transition:all ease 0.3s; color:var(--primaire);}
a:hover{text-decoration: none; transition: all ease 0.3s; color:var(--primaire-f);}
img{max-width:100%; height: auto;}
#smartnav{display:none; background:var(--primaire)!important;}



.bl-top{background:var(--secondaire); border-bottom:5px solid var(--primaire);}
.bl-top .container{height: 100px;}

.top-menu ul{padding:0; margin:0; display:flex;}
.top-menu ul li{list-style: none; margin:0 15px;}
.top-menu a{padding:40px 15px; height: 110px; color:#fff; font-size:22px; display:block;}
.top-menu a::first-letter{text-transform: uppercase;}
.top-menu a:hover{color:var(--primaire);}
.bl-anim{position:relative; min-height: 200px; overflow: hidden;}
.anim{}
.bl-info{position:absolute; top:0; right:0; bottom:0; left:0; z-index: 99;}
.info{width:540px; max-width:100%; border:1px solid var(--primaire); padding:40px; text-align: center;}
.tel{ color:#fff; font-size:30px; line-height: 30px; font-weight: 700;}
.tel a{color:#fff;}
.tel a:hover{color:var(--primaire);}
.info .txt{color: var(--primaire); font-size:22px; line-height: 24px; font-weight: 400; margin:0;}

.bl-txt{padding:115px 0;}
.ttl h1{font-size:30px; margin-bottom:30px;}
h1{font-size:24px; color:var(--primaire); margin-bottom:20px;}

.bl-sep{position:relative; padding:100px 0; text-align: center; font-size:24px; line-height: 45px; color:#fff; }
.bl-sep::after{content:url(../images/taxi.png); position:absolute; bottom:-70px; display:block; width:100%; text-align: center;}

.bl-srv{padding:120px 15px 105px;}
.bl-srv ul{padding:0; margin:0; display: flex; justify-content: center;}
.bl-srv ul li{list-style: none; width:260px; max-width:33%; padding:165px 15px 0; margin:0 15px; font-size:20px; line-height: 20px; font-weight: 700; text-align: center;}
.bl-srv ul li:nth-child(1){background:url(../images/ic-1.png)top center no-repeat;}
.bl-srv ul li:nth-child(2){background:url(../images/ic-2.png)top center no-repeat;}
.bl-srv ul li:nth-child(3){background:url(../images/ic-3.png)top center no-repeat;}

.bl-ft-menu{ position:relative; margin-bottom:-50px;}
.vh6{background:var(--secondaire); text-align: center; font-size:24px; color:#fff; padding: 50px 15px 45px; position:relative; width:calc(100% - 500px)}
.vh6::before{content:url(../images/deco.png); position:absolute; left:-103px; bottom:-6px;}
.vh6 span{font-size:48px; font-weight: 700; color:var(--primaire); display: block;}
.foot-menu{background:var(--primaire); width:350px; margin-left:30px}
.foot-menu ul{margin:0;}
.foot-menu ul li{list-style: none; padding:10px 0; transition:all ease 0.3s;}
.foot-menu ul li:hover{padding-left:20px; transition:all ease 0.3s;}
.foot-menu a{display:block; color:var(--secondaire); background:url(../images/fmn.png) left center no-repeat; padding-left:20px; font-size:18px;}
.foot-menu a::first-letter{text-transform: uppercase;}

.int-pg{padding:50px 15px}

/*CONTACT*/
.form-group{ margin:0 0 10px 0;}
.form-group label, .form-group input.form-input, textarea.form-textarea{ width:99%; display:block; margin:0 auto;}
input[type="text"],textarea,select{ padding:8px 5px; margin:8px 0; display:inline-block; border:1px solid #ccc; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn-form{ margin:10px 0 0 0;}
.btn-submit-1, .btn-submit-2{  background: var(--primaire); color: #fff; text-decoration: none; width:200px; padding: 10px 16px; font-size: 15px; border:1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin:10px 0 0 0; cursor:pointer; text-transform:capitalize;}
/*PLAN D'ACCES*/
.map-google{ width:100%; margin:0 auto;}
.map-google iframe{ margin:0; padding:0; border:none; width:100%; height:400px;}

.nav-diapo{display:none;}
.comimage{text-align: center; padding:100px 0 50px; background:url(../images/bg-com.jpg)center no-repeat;}

.top-menu ul li {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
  }
  .top-menu ul li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: var(--secondaire);
    height: 5px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .top-menu ul li:hover:before, .top-menu ul li:focus:before, .top-menu ul li:active:before {
    left: 0;
    right: 0;
  }
/* -------------------------------------- */
/* ///// RESPONSIVE ///////////////////// */
/* -------------------------------------- */


@media all and (max-width: 1139px) {
    .bl-txt{padding:70px 0;}
    .foot-menu{width:240px;}
    .vh6{width:calc(100% - 380px); padding-left:60px;}
}
@media all and (max-width: 1023px) {
    .anim{position:relative; width:1280px; left:50%; margin-left:-640px;}
}
@media all and (max-width: 899px) {
    .top-menu,.foot-menu{display: none!important;}
    #smartnav{display:block;}
    .bl-top .container{justify-content: center!important;}
    .info{margin:auto;}
    .vh6{width:calc(100% - 100px);}
}
@media all and (max-width: 719px) {
    .bl-srv ul{flex-direction: column;}
    .bl-srv ul li{max-width:100%; width:100%; margin:15px 0;}
}
@media all and (max-width: 599px) {
    .info{padding:40px 15px;}
    .tel{line-height: 24px;}
    .tel a{display:block;}
    .vh6::before{display:none;}
    .vh6{width:100%; padding:40px 15px; font-size:20px}
}
@media all and (max-width: 1919px) {

}
@media all and (max-width: 1919px) {

}