html {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
/* ------------------------------------------- */
/* ///// VARIABLES COULEURS ////////////////// */
/* ------------------------------------------- */
:root {
    --primaire: #009bbc;
    --primaire-f: #1d1d1b;
    --secondaire: #bec918;
    --secondaire-f: #009bbc;
    --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;
}




/* ------------------------------------------- */
/* ///// 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;}

header{position:relative;}
.head{position:absolute; top:0; bottom:0; left:0; width:100%; z-index: 99;}
.blc-top{background:rgb(0 155 188 / 85%); z-index: 1;}
.adr{background:url(../images/adr.png)left center no-repeat; background-size:30px; padding-left:40px; color:#fff; line-height: 20px; font-size:18px;}
.tel a{background:url(../images/tel.png)left center no-repeat; background-size:30px; padding-left:40px; font-size:30px; font-weight: 700; color:#fff;}
.tel a:hover{color:var(--secondaire);}
.top-menu{background:rgb(190 201 24 / 85%); z-index:0;}
.top-menu > ul{padding:0; margin:0; display:flex; flex-wrap: wrap; justify-content:center;}
.top-menu > ul > li{list-style: none; display:flex; align-items: center; position:relative;}
/*.top-menu > ul > li::before{content:''; position:absolute; top:-100%; left:15px; right:30px; height: 100%; transition:0.3s; z-index: 0;}
.top-menu > ul > li:hover::before{top:0; transition:0.3s; background:var(--primaire);}*/
.top-menu > ul > li::after{content:url(../images/mn.png); height: 20px; opacity: 0.8;}
.top-menu > ul > li:last-child::after{display:none;}
.top-menu > ul > li >a { font-size:20px; font-weight: 300; color:var(--primaire-f); padding:20px 15px; margin:0 15px; position:relative; transition:0.3s; overflow: hidden; z-index: 1;}
.top-menu > ul > li > a:hover{transition:0.3s; color:#fff;}
.top-menu > ul > li > a::before{content:''; position:absolute; background:var(--primaire); top:-100%; left:0; right:0; height: 100%; transition:0.3s; z-index: -1;}
.top-menu > ul > li > a:hover::before{top:0; transition:0.3s;}
.top-menu > ul > li > ul{position:absolute; left:15px; top:-380px; padding:10px 0; margin:0; width:400px; border-top:3px solid var(--primaire); transition:0.5s; z-index: -1;}
.top-menu > ul > li > ul > li{list-style: none; border-bottom:1px dashed var(--gris);}
.top-menu > ul > li > ul > li:last-child{border:none;}
.top-menu > ul > li > ul > li > a{padding:10px 20px; color:var(--primaire-f); display:block; transition:0.3s;}
.top-menu > ul > li > ul > li > a:hover{padding-left:40px; color:var(--primaire); transition:0.3s;}
.top-menu > ul > li:hover > ul{top:67px; background:rgb(255 255 255 / 87%); transition:0.6s;}
.blc-anim{position:relative; overflow: hidden; min-height: 350px;}

.ttl{background:var(--primaire); padding-bottom:30px;}
.log-ttl{position:relative; margin-top:-124px; z-index: 999;}
h1{font-weight: 600; color:#fff; font-size:50px;}
h2{font-weight: 200; color:var(--secondaire); font-size:50px; line-height: 50px; margin-bottom:30px;}
h3{color:var(--primaire); font-size: 26px; line-height: 26px; font-weight: 300; margin-bottom:20px;}

.blc-int{margin:50px auto 140px;}
.blc-aft-ttl{background:var(--gris-c); padding:70px 0 50px;}

.blc-01,.blc-03{padding:100px 15px;}
.tx01 h2,.tx03 h2{border-left:5px solid var(--primaire); padding-left:20px;}

.blc-02,.blc-02a,.blc-02b,.blc-02c,.blc-02d,.blc-02e{position:relative; padding:120px 0 100px; color:#fff;}
.blc-02::after,.blc-02a::after,.blc-02b::after,.blc-02c::after,.blc-02d::after,.blc-02e::after{content:''; position:absolute; top:0; bottom:0; left:0; right: 0; background:rgb(0 0 0 / 50%) }
.blc-aft-ttl h2::after,.tx02 h2::after,.blc-04 h2::after,.tx05 h2::after,.blc-end h2::after, .txpart h2::after, .tx201 h2::after{content:''; width:120px; height: 1px; background:var(--primaire); display:block; margin:20px auto 0;}
.tx02,.txend{position:relative; z-index: 9;}

.blc-04{padding:100px 0; background:var(--gris-c);}
.tx04{text-align: center; padding:50px 20px; background:#fff; height: 100%; border-radius: 10px;}

.blc-05,.blc-mrk{padding:100px 0;}
.blc-201{padding:70px 0 100px;}

.tx201 ul{padding:0; display:flex; flex-wrap: wrap; flex-direction: column; align-items:center;}


.blc-end{position:relative; padding:120px 0 180px;}
/*.blc-end::after{content:''; position:absolute; top:0; bottom:0; left:0; right: 0; background:rgb(0 0 0 / 10%) }*/
.bg-gris{background:var(--gris-c);}

footer{background:var(--primaire); position:relative; padding-top:140px;}
.ctn-foot{color:#fff; margin-bottom: 20px;}
.log-foot{text-align: center; color:#fff; position:absolute; top:-124px; left:0; right:0; z-index: 999;}
.adr-f{font-size:18px; line-height: 24px;}
.tel-f a{color:#fff; font-size:26px;}

.foot-menu > ul{padding:20px 0; margin:0; display:flex; flex-wrap: wrap; justify-content:center;}
.foot-menu > ul > li{position:relative; list-style: none; border-left: 1px dashed #fff;}
.foot-menu > ul > li:first-child{border:none;}
.foot-menu > ul > li > a{color:#fff; padding:0 10px;}
.foot-menu > ul > li > a:hover{color:var(--secondaire);}
.foot-menu > ul > li > ul{position:absolute; left:0; padding:10px 0 0; margin:0; display:flex; flex-wrap: wrap; list-style: none; width:400px; display:none;}
.foot-menu > ul > li:hover > ul{display:flex;}
.foot-menu > ul > li > ul > li::after{content:' - '; margin:0 15px; color:#fff;}
.foot-menu > ul > li > ul > li:last-child::after{display:none;}
.foot-menu > ul > li > ul > li > a{color:#fff;}
.foot-menu > ul > li > ul > li > a:hover{color:var(--secondaire);}


/*CONTACT*/
.center{text-align: center;}
.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:20px; background:#00333e;}
/* -------------------------------------- */
/* ///// RESPONSIVE ///////////////////// */
/* -------------------------------------- */

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

}
@media all and (max-width: 767px) {
    .log-ttl{margin-top:-94px;}
    .log-ttl img{width:180px;}
    h1{font-size:40px; line-height: 40px;}
    h2{font-size:36px; line-height: 36px;}
    .blc-end{padding-bottom:140px;}
    .anim{position:relative; width:768px; left:50%; margin-left:-384px;}
}
@media all and (max-width: 1919px) {

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

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

}

@media all and (max-width: 479px) {
    .divCaptcha{padding:0;}
    .realMini-img{height: 150px;}
}