@font-face {
    font-family: 'wicon';
    src: url('wicon.eot?#iefix') format('embedded-opentype'),  url('wicon.woff') format('woff'), url('wicon.ttf') format('truetype'), url('wicon.svg#wicon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
html {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
/* ------------------------------------------- */
/* ///// VARIABLES COULEURS ////////////////// */
/* ------------------------------------------- */
:root {
    --primaire: #fedd00;
    --primaire-f: #1d1d1b;
    --secondaire: #e20b3b;
    --secondaire-f: #fedd00;
    --gris: #8b8c90;
    --gris-c: #f4f4f4;
    --gris-f: #434343;
}
body {
    font-family: "Roboto", Arial;
    font-size: 18px;
    font-weight: 300;
    margin: auto;
    width: 100%;
    background: #fff;
}





/* ------------------------------------------- */
/* ///// CLASSES DE BASE ///////////////////// */
/* ------------------------------------------- */
a{text-decoration: none; transition:all ease 0.3s; color:var(--secondaire);}
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;}

.blc-top{background:var(--secondaire);}
.blc-top .container{height: 100px;}
.logo{position:relative;  z-index: 99;}
.logo a{position:relative; display:block; border:15px solid var(--secondaire); border-radius: 20px; overflow: hidden;}
.top-menu{height: 100px;}
.top-menu ul{padding:0; margin:0; display:flex;}
.top-menu ul li{list-style: none; display:flex; align-items:center;}
.top-menu ul li:first-child::before{content:'\e010'; font-family: 'wicon'; color:#fff; font-size:25px; margin-right:-20px; margin-top:-15px; height: 25px; transition:all 0.3s;}
.top-menu ul li:first-child:hover::before{color:var(--primaire);}
.top-menu ul li::after{content:'|'; color:#fff;}
.top-menu ul li:last-child::after{display:none;}
.top-menu ul li a{display:block; padding:0 20px; font-size:20px; color:#fff;}
.top-menu ul li:first-child a{padding-left:30px;}
.top-menu ul li a:hover{color:var(--primaire);}
.top-menu ul li a::first-letter{text-transform: uppercase;}
.nav-active a,.nav-active::before{color:var(--primaire)!important;}
.anim{border-bottom:10px solid var(--primaire); min-height: 280px; background:url(../images/bg2.jpg) center; background-size:cover; position:relative; overflow: hidden;}

h1{font-size:70px; color:var(--secondaire); font-weight: 200; position:relative;}


.blc-01{padding:100px 15px 130px;}
.tx01 h1::after{content:''; display:block; width: 80px; height: 1px; background:var(--secondaire); margin:20px 0 30px;}
.im01 a,.gal a{display:block; padding:10px; border:2px solid var(--secondaire); border-radius: 20px;}
.im01 img,.gal img{display:block; border-radius: 10px;}
.im11{position:absolute; left:0; bottom:-60px; z-index: 99;}

.blc-02{padding:180px 0 150px; /*background:url(../images/bg2.jpg)center; background-size:cover;*/ position:relative;}
.blc-02::after{content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0, 0, 0, 0.45); z-index: 0;}
.tx02{color:var(--primaire); font-size:100px; line-height: 100px; text-align:center; font-weight: 200; text-transform: uppercase; position:relative; z-index: 99;}
.tx02 span{font-size:40px; line-height: 60px; display:block; color:#fff;}
.tx02 strong{font-weight: 900; color:var(--secondaire);}

.blc-03{padding:120px 15px;}
.tx03 h2{font-size:70px; color:var(--secondaire); font-weight: 200; text-align: center;}
.tx03 h2::after{content:''; display:block; width: 80px; height: 1px; background:var(--secondaire); margin:20px auto;}
.tx03 ul{padding:0; margin:50px 0 0; display:flex; flex-wrap: wrap; justify-content:center;}
.tx03 ul li{padding:180px 0 20px; text-align: center; text-transform: uppercase; font-size:20px; line-height: 28px; list-style: none; width:33.33333%; background-position:top center; background-repeat: no-repeat;}
.tx03 ul li:first-child{background-image: url(../images/p1.png);}
.tx03 ul li:nth-child(2){border-left:1px solid #e7e8eb; border-right:1px solid #e7e8eb; background-image: url(../images/p2.png);}
.tx03 ul li:last-child{background-image: url(../images/p3.png);}

.gal{padding:100px 0; background:var(--gris-c);}

footer{background:var(--primaire); border-top:10px solid var(--secondaire); color:#000;}
footer h3{font-size:50px; font-weight: 200;}
footer h3::after{content:''; display:block; width:50px; height: 1px; background:var(--secondaire); margin:15px 0 30px;}
.adr{position:relative; line-height: 20px; padding-left:60px; margin-bottom:30px;}
.adr::before{position:absolute; content:'\e00d'; top:12px; left:0; font-family: 'wicon'; font-size:50px; transition:all 0.3s;}
.tel-mail{position:relative; padding-left:60px;}
.tel-mail::before{content:'\e001'; position:absolute; top:-12px; left:0; font-size: 50px; font-family: 'wicon'; transition:all 0.3s;}
.tel-mail a{color:#000; display:block;}
.tel-mail a:hover{color:var(--secondaire);}
.tel{font-weight: 900; font-size:26px; line-height: 26px; }
.foot-menu ul{position:relative; padding-left:60px; list-style: none;}
.foot-menu ul::before{content:'\e18e'; position:absolute; top:-12px; left:0; font-size: 50px; font-family: 'wicon'; transition:all 0.3s;}
.foot-menu a{display:block; color:#000; margin-bottom:5px;}
.foot-menu a::first-letter{text-transform: uppercase;}
.foot-menu a:hover{padding-left:20px; color:var(--secondaire);}
.tel-mail:hover::before,.adr:hover::before,.foot-menu ul:hover::before{color:var(--secondaire);}

.wr img{transition:all 0.3s;}
.wr a{display:block; overflow: hidden;}
.wr a:hover img{transform: scale(1.4) rotate(13deg);}

.center{text-align: center;}
.int-pg{padding:50px 15px;}
.int-pg h1{text-align: center;}
.int-pg h1::after{content:''; display:block; width:80px; height: 1px; background:var(--secondaire); margin:20px auto 30px;}

.page-1 .anim .ctn-anim{display:block!important;}
/*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(--secondaire); color: var(--primaire); text-decoration: none; width:200px; padding: 10px 16px; font-size: 15px; border:1px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:10px 0 0 0; cursor:pointer; text-transform:uppercase;}
/*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:#2a2a2a;}
/* -------------------------------------- */
/* ///// RESPONSIVE ///////////////////// */
/* -------------------------------------- */

@media all and (max-width: 992px) {
    #smartnav{display:block!important;}
    .blc-01{padding-top:50px;}
    .tx03 ul li{font-size:18px; line-height: 26px;}
    .blc-03{padding:70px 15px;}
    .gal{padding:50px 0;}
}
@media all and (max-width: 767px) {
    .ctn-anim{width:768px; position:relative; left:50%; margin-left:-384px;}
    .tx03 ul li{width:100%;}
    .tx03 ul li:nth-child(2){border:none; margin:50px 0;}
    .contact{display:flex; flex-direction: column; align-items:center; margin-top:20px;}
    .contact h3::after{margin:15px auto 30px;}
    .tel-mail{padding-left:50px;}
}
@media all and (max-width: 1919px) {

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

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

}