@charset "utf-8";

:root{
	--custom--spacing--inter:calc(((100% - 1100px)/2) * -1);
--custom--spacing--outer:calc((100% - 1100px)/2);
--custom-body-width:1100px;
@media  (max-width: 1100px) {105
	--custom--spacing--outer:20px;
	--custom-body-width:100%;
}
}



/* CSS Document */
@font-face{font-family:'FontAwesome'; src:url("fonts/fontawesome-webfont.eot?v=4.3.0"); src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal;  font-style: normal; }

@font-face {font-family:"Acumin-Variable-Concept"; src:url(fonts/Acumin-Variable-Concept.ttf) format("truetype");}
@font-face {font-family:"Acumin-Pro-Black"; src:url(fonts/Acumin-Pro-Black.ttf) format("truetype");}
@font-face {font-family:"Acumin-Pro-ExtraLight"; src:url(fonts/Acumin-Pro-ExtraLight.ttf) format("truetype");}
@font-face {font-family:"AcuminVariableConcept-Medium"; src:url(fonts/AcuminVariableConcept-Medium.ttf) format("truetype");}
@font-face {font-family:"Acumin_Pro_Bold"; src:url(fonts/Acumin_Pro_Bold.otf) format("opentype");}

@font-face {font-family:"Raleway-Bold"; src:url(fonts/Raleway-Bold.ttf) format("truetype");}

@font-face {font-family:"Sublima-ExtraBold"; src:url(fonts/Sublima-ExtraBold.otf) format("opentype");}







body{position:relative; margin:0;  padding: 0 0;   
    line-height: 1.6; font-family:Acumin-Pro-ExtraLight; font-size:17px;color :#000;    overflow-x: hidden;}

.lg-arabe .slogan  , .lg-arabe .slogan-desc{ text-align : right  ;   right: calc((100% - 1200px)/2 ) ; left : initial }
.lg-arabe header nav , .lg-arabe .slogan  { font-family: 'alfont';  }
.lg-arabe header nav  {  font-size : 26px }
.lg-arabe , .lg-arabe .title {font-family:"alfont"} 
.left {float:left;}
.right{float:right;}
.clear{clear:both; display:block;}
ul{margin:0; padding: 0; list-style:none;}
ul li{float:left;}
.section-txt ul li { width : 100%}
.menu_home{cursor:pointer;   text-align: center;   display: inline-block;  margin-left: 100px }
.menu_home li{    position: relative; padding: 54px 8px 33px 8px; margin: 0 15px;  font-size: 18px; }
.menu_home ul li .sub-menu { position: absolute; top: 150%; left: -18px;  z-index: 1000;float: left;min-width: 243px; padding: 0;  
text-align: left; list-style: none; background-color:#fff;color: #fff; background-clip: padding-box;opacity: 0; border-radius: 0px; 
visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px);transition: all .4s ease, visibility .4s ease;
box-shadow: 0px 10px 18px rgb(156 146 146 / 72%);}
.menu_home ul { display : inline-block}
.menu_home ul li li{float:none; }
.menu_home ul li:hover>.sub-menu {opacity: 1; visibility: visible; -webkit-transform: translateY(0);  transform: translateY(0);}
.menu_home li .sub-menu li { float : none ;  font-size: 12px; line-height: 22px; width:calc(100% - 20px);
text-align:left; padding:12px 10px;  margin:0;}
.menu_home li .sub-menu li  a { color:#000; transition: all .4s ease; position : relative ; display:block; width:100%;
text-transform:capitalize; margin:0 ; padding:0 0;font-size:14px; display:inline; font-family:RobotoLight;
-webkit-transition: all 0s ease-out, padding-left 0.3s ease-out;    -moz-transition: all 0s ease-out, padding-left 0.3s ease-out;
    -ms-transition: all 0s ease-out, padding-left 0.3s ease-out; transition: all 0s ease-out, padding-left 0.3s ease-out;
    -o-transition: all 0s ease-out, padding-left 0.3s ease-out;   	} 



/* Sous-menu */
.gotosection ul {
  position: absolute;
  top: 100%; /* juste en dessous du parent */
  left: 0;
  min-width: 200px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 999;
}

.gotosection:hover ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Éléments du sous-menu */
.gotosection ul li {
  list-style: none; margin: 0 
}

.gotosection ul li {
  display: block;
  padding: 10px 0px;
  font-size: 15px;
  color: #444;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

.gotosection ul li:hover {
  background: #d1a952; border-radius: 4px;
}
.transport-section {
    display: flex;
    align-items: center;
}

.image-container {
    flex: 1;
    display: flex;
    align-items: center;
}

.image-container img {
    max-width: 100%;
    height: auto;
}

.text-container {
    flex: 1;
    padding: 20px;
}

.title-black {
  font-family: Acumin-Pro-Black;
    color: #191919;
    font-size: 58px;
    letter-spacing: 4px;
}

.title-yellow {
font-family: Acumin-Pro-Black;
    color: #edb22a;
    font-size: 58px;
    letter-spacing: 4px;      text-transform: uppercase;
}

.text-container p {
   font-family: Acumin-Pro-ExtraLight;
    font-size: 20px;
    line-height: 1.6; color: #000 ;
}

.services-section {
    text-align: left;
}
.bloc_recent a {
    display: inline-block;
    margin-bottom: 8px;
    margin-top: 8px;
    position: relative;
    padding: 5px;
    
	width: 100%;
} 
.bloc_image{      margin-right: 28px; width: 250px;    height: 150px;overflow: hidden;    float: left;}
.bloc_act:hover .bloc_image img{webkit-transform: scale(1.2);    transform: scale(1.2);}
.bloc_act .bloc_image img {    transition: .6s ease;    outline: none;   /* height: 100%;*/    width: 100%;}
.bloc_recent a:hover .title_act,.bloc_recent a.service_active .title_act{color:#fff}
.bloc_recent a:hover span{color:#fff}
.bloc_recent a{z-index: 999;}
.bloc_act:hover .bloc_image img{webkit-transform: scale(1.2);    transform: scale(1.2);}
.bloc_act .bloc_image img {    transition: .6s ease;    outline: none;   /* height: 100%;*/    width: 100%;}
.bloc_recent a:after {    content: "";    display: block;    position: absolute; right: 0px;    top: 0;    width: 4px;    height: 100%;    background-color:rgb(207 160 59 / 81%);}
.bloc_recent a:hover:after ,.bloc_recent a.service_active:after{        -webkit-transition: all .3s ease-in-out;    -moz-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out; width:100%}
.bloc_archive ul li{    padding: 10px 0;    border-bottom: 1px solid #ddd;}
.bloc_right {
    width: calc(100% - 400px);
    float: left;
    padding-top: 15px;
}
.item-page .title { padding: 15px 0; text-transform: uppercase; }
.pub_par { color: #a8a8a8; font-size: 15px;margin-bottom: 8px;margin-top: 10px; }
.titre_act {  font-family: Acumin_Pro_Bold}
.title_act { z-index: 999 ; position: relative ; font-family: 'Acumin_Pro_Bold';font-size: 14px; }
.bloc_act{position: relative; display: flex;margin-bottom: 10px;}
.bloc_left{width: 305px;    float: left;   padding:30px 35px 20px;    position: relative;    margin-right: 22px;}
	.bloc_recent >div{font-size: 20px;    line-height: 22px;    margin-top: 20px;    color: #bf1e2d;}
.detailsservice .description ul{  margin-left: 30px;}
.detailsservice .bloc_recent .title_act{      z-index: 555;
    position: relative;      font-size: 16px;    height: 32px;    vertical-align: middle;    padding-top: 5px;border-bottom:none}
.dropdown .dropdown-content li:hover,.dropdown .dropdown-content li.active {    background-color: #f5f5f5;}
.logo_partenaire  .owl-carousel.owl-drag .owl-item {    display: -moz-box;    -moz-box-pack: center;    -moz-box-align: center;    display: -webkit-box;    -webkit-box-pack: center;    -webkit-box-align: center;    display: box;    box-pack: center;    box-align: center;    height: 135px;}

.detailsservice .description ul li{color: #000;    margin-bottom: 20px;}
.detailsservice .description ul li::before,.act_membre ul li::before{ font-family:FontAwesome; content: "\2022";    font-weight: bold;  display: inline-block;   width: 1em;  margin-left: -1em;color: #bf1e2d;}
.onscroll li.dropdown {    padding-bottom: 20px;}
.detailsservice .bloc_right{padding-top: 15px; }    
.detailsservice .bloc_right  h2.title_act  {font-size: 20px;    color: #818285;}

.breadcrumb {    display: inline-block;    width: 100%;}
.breadcrumb li{display: inline-block;    float: left;    padding-right: 15px;color:#818285 ; font-size: 14px }
.breadcrumb li span{color:#fff}
.color_bg{   background-position: center top;    background-repeat: no-repeat;    padding: 16px 0;
    position: relative;  background-color: rgb(207 160 59);}
.icon-right-open:before {
    font-family: 'FontAwesome';     font-size: 10px;
    content: "\f054";
}
.social_header img  { width: 32px }
 .social_header {     margin-top: 19px;}
.box_devis {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #d3a53f;
  padding: 28px 9px;
  border-radius: 25px 0 0 25px;
  z-index: 9999;
  writing-mode: vertical-lr;
  text-align: center;
  font-family: Raleway-Bold; 
  transition: all 0.3s ease; cursor: pointer
}

.box_devis a { 
  color: #fff; 
  font-size: 17px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.box_devis:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}


section  h2 {
       font-size: 55px;
    text-align: right;
    font-family: 'Acumin-Pro-Black';
    margin: 0;
    padding: 0;
    line-height: 41px; 
  
}
.services-section h2 {   margin-top: -45px;}

.services {
    display: flex;
    flex-direction: column; background: #f9f9f9 ; 
  
}

.service-item {
    display: flex;
    align-items: center;
    gap: 40px;    
    width: calc(100% - 40px);
    margin: 37px auto;
    max-width: 1300px;
}

.service-item:nth-child(even) {
    flex-direction: row-reverse; /* alterne l'image et le texte */
}

.service-text {
    flex: 1;
}

.service-text h3 {
 text-transform: uppercase;
       font-size: 39px;
    margin-bottom: 15px;
    font-family: 'Acumin-Pro-Black';
    color: #191919;
    letter-spacing: 2px;
       line-height: 49px;
    margin-bottom: 4px;
}
.service-text h6 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-family: 'Raleway-Bold';
    font-size: 16px;
}
.service-text p {
    line-height: 1.6;
    margin-bottom: 15px;
}

.read-more {
    text-decoration: none;
       font-family: AcuminVariableConcept-Medium;
    color: black;
    border-bottom: 2px solid #d8aa2d;
}

.service-image {
    flex: 1;
    text-align: center;
}

.service-image img {
    max-width: 100%;
    height: auto;
}



.offers {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-top: 55px;
    flex-wrap: wrap;
}

.offer-item {
    max-width: 300px;
}

.offer-item .icon {
    font-size: 40px;
    color: #e5b22c;
    margin-bottom: 10px; text-align: center
}
.offer-item .icon  img { max-height: 135px }

.offer-item h3 {
   font-size: 22px;
    font-family: 'Acumin_Pro_Bold', sans-serif;
    text-align: center;           
    margin-bottom: 10px;
    line-height: 1.25;              
    min-height: 55px;           
    display: flex;               
    align-items: center;           
    justify-content: center;       
}

.offer-item p {
       text-align: center;
    font-family: Acumin-Pro-ExtraLight;
    font-size: 16px;
    color: #333;
}

.partners {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.text-container h1 {      line-height: 47px; }
.text-container .title-black  , .text-container .title-yellow {     font-size: 49px;text-transform: none; line-height: 58px; }
.partners img {
    margin: 0 auto;
    max-height: 50px;
    object-fit: contain;
    max-height: 50px;
    max-width: 100%;
    display: inline-block !important;
    text-align: center;  
  margin: 0 10px; /* petit espace entre logos */
}

.partners {     margin: 60px auto;  text-align: center }
.anim-slide video {
  width: 100%;
  height: 100vh;
  display: block;
  object-fit: cover; /* pour que la vidéo remplisse le conteneur */
  position: relative;
  z-index: 1;
}

.anim-slide .slogan_video {
  position: absolute;
  bottom:16vh; 
  left: 125px;
  color: white;
  font-size: 48px;
	font-family: Sublima-ExtraBold ; 
  z-index: 2; /* plus haut que la vidéo */
  pointer-events: none; /* pour ne pas gêner la vidéo */
  white-space: nowrap; text-align: left; line-height: 64px;
}

.menu_home li .sub-menu li:hover a{color:#ffc709;}
li.langue {   padding: 47px 0px;     margin: 0 6px; font-size : 15px }
.lg-arabe li.langue {     font-size: 18px;  padding: 52px 0px;}
li.langue img { max-width : 30px}
header .logo {  padding: 3px 0px 3px 0px; float: left}
video   { position: relative !important ; width: 100%}
a{text-decoration :none; color:#000; cursor:pointer;}
.active a:first-child{color: #edb22a;}
.menu_home  strong{font-weight:normal;}
.container{width:calc(100% - 40px); margin:0 auto; max-width:1300px; position: relative;  z-index: 1; }
.container-max{width:calc(100% - 20px); margin:0 auto; max-width:1300px;}
.header { display: flex; align-items: center;  justify-content: space-between;}
header{position:relative; width:100%; top:0; left:0; z-index:9999999; background:#fff;     display: inline-block; }
.menu_home li.active ,.langue-resp a.active{    color: #ceb06d; }
.menu_home li.home.active {  background: #132546 ; color: #fff; }
header.shrink{position:fixed; background: #fff; box-shadow: 0 0 5px #47372a; }
.logo img{max-width:100%; height : 115px }
body.onscroll{ padding:101px 0 0;}
header nav{  font-size: 19px;  font-family: Acumin-Variable-Concept;  display: inline-block; float: left ; width: 100% }
div.wp-block-template-part{margin-block-start:0 !important;}
#home { position : relative ; z-index :  1}
.bg-vid {     background: url(images/bg-banner.png);
    position: absolute;
    width: 100%;
    background-size: 100%;
    height: 100%; }
#homeVideo .resp { display : none}
.desc-vid { position : absolute ; bottom : 100px ; left : 0 ; right : 0 ; margin : 0 auto ; font-family : Montserrat-Black }
#homeVideo { position: absolute;  right: 0;  left: 0;  bottom: 0;  width: auto;  height: 100%;  overflow: hidden;  min-width: 100%;  min-height: 100%;    background-size: 100% 100%;  background-position: center;   object-fit: inherit;}
.ban_bg { display: block ; width: 100%;   height: 100%;  position: absolute;  z-index: 1;}
.slogan { width: 100%;z-index: 10;text-align: left;color: #fff;top: 260px;left: calc((100% - 1200px)/2 );font-size: 77px;line-height: 80px;font-family: Landasans-Medium; }
.slogan-desc { width: 100%;z-index: 10;text-align: left;color: #fff;top: 340px;left: calc((100% - 1200px)/2 );font-size: 77px;line-height: 80px;font-family: Landasans-UltraLight; }
#about , #vision , #product , #contact { margin-top : 50px}
.title { font-family: 'Acumin-Variable-Concept';
    font-size: 24px;
    position: relative;
    color: #d3a53f;
    margin: 0;  }
.formulaire {
    width: calc(100% - 300px);
    padding: 50px;
    margin: 0 auto;
}
.contact .info_contact {
    width: calc(50% - 100px);
    float: left;
    margin: 10px 50px;
}
.contenu_contact input, .contenu_contact textarea {
    border: none;
    background: transparent;
    min-width: 500px;
    border-bottom: solid 1px #d3a53f;
    padding: 7px 3px;
    margin: 7px;
    outline: 0;  color: #000
}
.contenu_contact.contact input, .contenu_contact.contact textarea {
    min-width: 100%;
}
.contact .info_text {
    padding: 50px;
}
.valid_cap {
    border: solid 1px #d3a53f;
    min-width: calc(100% - 100px) !important;
    padding: 13px !important; 
    text-align: center;
    background: #d3a53f !important;
    color: #fff!important;
    font-family: Acumin-Variable-Concept;
    font-size: 18px; cursor: pointer;
}
.valider  { text-align: center}
.title  strong { font-family : Gotham-Medium ;}
.center { text-align : center }
.relative { position : relative }
.desc {  line-height: 43px;  font-size: 21px;  margin: 0 auto;}
.desc h2 {  font-size: 21px; }
.bg-right { position: absolute; right: 0px; z-index: 0; top : -93px  }
.cards { perspective: 1800px; text-align: left; transform-origin: 50% 50%; transform-style: preserve-3d; transform: rotateX(8deg) rotateY(8.5deg);}
#about   {  background : url('images/about.jpg')  ; background-size : 100% ; background-repeat : no-repeat ;  min-height : 800px    }
#about .title , #about .desc { color : #fff ; margin : 30px  }
#about .margin-top{ padding-top : 210px }
#product   {  background : url('images/product.jpg')  ; background-size : 100% ; background-repeat : no-repeat ;  min-height : 600px  ;   margin-top: -25px; padding-top: 300px  }
#product   .title { color : #000 ; }
.cat1 {     margin: 50px 0;}
.cat1 img  , .cat2 img{ max-width : 80%  ; }
.bgcat1 img , .bgcat2 img {max-width : 700px}
h2.title span:before { right: -83px;}
.p1 , .p2{ position : absolute ; left : 0px  ; z-index :0   }
.p3 , .p4{ position : absolute ; right : 0px  ; z-index :0   }
.titre-prod {  font-family : gotham ; font-size : 18px ; }
.prod { margin :35px 0 ;position :relative ;cursor: pointer ;overflow: hidden; }
.box-img { position : relative  ; cursor: pointer ; height: 320px;   display: table-cell;  vertical-align: middle; overflow: hidden;}
  .products { column-gap: 10px;
    display: grid;
    grid-auto-rows: 1fr;
  grid-template-columns:  minmax(0px, 1fr)  minmax(0px, 1fr) }
.box_products  { width:  1000px ; margin:  0 auto }
.box_left { width: 150px ; float:  left}
  .box-img img {  transition: .6s ease;  max-width: 100%  ; width: 150px;  margin: 30px auto; }
 .box-img:hover  img  {  -webkit-transform: scale(1.2);transform: scale(1.2);  }
.prod img { max-width : 100% }
.box .descr {     line-height: 30px; }
.margin-top { padding-top : 100px ; }
.p4 { right : 46px}

.center{text-align:center;}
.displayblock{display:inline-block}
.image_grise{filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.image_grise:hover{filter: none; -webkit-filter: none; cursor:pointer;/* -webkit-animation-name: swing;  animation-name: swing;
 -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; */ }

.body-devis .devis_section  { border-top: solid 1px #c39e4c; min-height : 300px }
.devis_section{  position:relative ;min-height:770px;background-image:url(images/bg-contact.jpg); background-size: cover ; color : #fff ; 
background-repeat:no-repeat;}

.intergo{position:absolute; bottom:0px; left:0; width:100%; height:100%; background:url(images/intr.png) left bottom no-repeat;
z-index:1; padding-bottom:20px;     background-size: 100% auto;}
.devis_section h4 { font-family: 'Gotham-Light'; font-size: 36px; line-height: 40px;  font-weight: inherit;   }
.devis_section .container {position: static; z-index: 2; padding: 40px 0 0; width: 100%; text-align: center;   margin: 0 auto; }
.devis_section h3{color: #fff;font-weight: normal;font-size: 36px;
padding: 0px;  line-height: 40px; margin: 0; font-family: 'Gotham-Light'; }
.devis_section h2{     margin-bottom: 47px; font-family: gotham-Light; font-weight: inherit;  font-size: 58px; }
.devis_section h2 strong{ font-weight : normal; font-family : Gotham-Bold ; font-size :60px  }
.logo-footer { max-width : 250px  ; }
.devis_section .btn{cursor : pointer ; background: transparent; border: 3px solid #cea34b; padding: 5px 16px;  color: #fff;  font-size: 22px; cursor: pointer; text-transform: none;    border-radius: 29px; font-family : Gotham-Bold}
.btn-contact {     padding-top: 36px;  }
.devis_section .btn:hover { background : #cea34b ; color : #fff}
.section-adresse { margin : 40px auto }
.box-adresse {line-height: 33px;   font-size: 18px;  position: absolute;  bottom: 40px;  color: #fff;  left: 0;  right: 0;  margin: 0 auto;}
.social {     display: inline-block; text-align : center}
.social li { padding : 8px }
.suivez {     margin: 10px 0; color : #91278D ; font-family : Poppins-Medium ; font-size : 23px }
.fa-map:before { content:'\f041' ; color : #edb22a }
.fa-mail:before { content : '\f0e0' ; color : #edb22a }
.social-footer { margin-top : 23px  }

.social-footer li {       padding: 0 4px;
    text-align: center;
    float: none;
    display: inline-block; }  
.social-footer .fa-instagram:before {  content: '\f16d';  color: #fff;  font-size: 18px;}
.social-footer .fa-link:before {  content: '\f08c';  color: #fff;  font-size: 18px;}


/*.nos-client{display:grid; grid-auto-rows: 1fr;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr); } */
.nos-client .client{float:left; height:70px; width:calc((100% - 100px)/5); margin:20px 10px; position:relative; text-align:center;}
.nos-client .client img{max-height:100%; max-width:80%;/*
-webkit-transform: translate(0%,-50%);    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);    -o-transform: translate(0%,-50%);  transform: translate(0%,-50%);*/
}



.footer {
  background: url('images/footer.jpg') no-repeat center/cover;
  color: white;
  padding: 40px 20px;
}
.footer-col.categories {
  margin-left: 80px; /* adapte la valeur */
}
.footer-container {
  display: flex;
  flex-wrap: wrap;   justify-content: space-between;

  gap: 40px;
  max-width: 1300px;
  margin: 30px auto;
}

.footer-col {
  flex: 1;
  min-width: 250px;
}

.footer .logo img {
max-width: 180px;
    margin-bottom: 20px;
    height: inherit;
}

.footer h3 {
  font-size: 20px;
    margin: 0 0 20px 0; font-family:"Acumin_Pro_Bold";
}

.footer p {
  line-height: 1.6;
}

.footer ul {
  list-style: none;
  padding: 0; 
}

.footer ul li {
  margin-bottom: 20px;     float: inherit;
}
.footer-margin { padding-top: 50px }

.footer ul li a {
  color: white;
  text-decoration: none;
}

.contact-info li i {
  margin-right: 10px;
  color: #f0c000;
}

.social {
  margin-top: 15px;
}

.social a {
  color: #f0c000;
  margin-right: 10px;
  font-size: 18px;
}

.head_container h2{width:30%; font-size:55px; color:#F9CB0D; font-weight:normal;}

.footerlg{margin:0 0 20px;}
.footerlg img{max-width:180px;}

.not-visible{visibility:hidden;}


.coord-i{line-height:23px;}
.icon{font-style:normal; padding-right:7px;}
.icon:before{font-family:FontAwesome;}
.icon-white-tel:before{content:'\f095';color:#fff;}
.icon-white-adresse:before{content:'\f041';color:#fff;}
.icon-white-email:before{content:'\f003';color:#fff;}
.fa:before{font-family:FontAwesome; color: #edb22a} 
.reseaux_sociaux .icon{color:#fff;    font-size: 20px;  border-radius: 18px;}
.fa-facebook:before{content:'\f09a'; font-style: normal}
.fa-twitter:before{content:'\f099';}
.fa-instagram:before{content:'\f16d'; font-style: normal}
.fa-phone:before{content:'\f095';}
.res_soc { background: #000;  margin:0 5px; border-radius: 50%;  width: 30px;  height: 30px; }
.res_soc a	{ display: inline-block;   width: 20px;  height: 20px;  padding: 5px 5px 5px;  text-align: center; margin: 0 3px;}
#suiveznous h4{margin:18px 0 8px;}
.reseaux_sociaux .displayblock{margin:0 0 0 11px;}
.show-me-mobile{display:none;}


.dflex{display:flex;}
.bg-dark{background:rgba(0,0,0,0.7); color:#fff; width:calc(100% - 80px); padding:40px; margin:20px 0;}
.titre_devis{text-transform:uppercase; border-right: 6px solid #3f037c; font-size:52px; padding-right:16px; width:calc(100% - 30px);}
.with13{width:30%; min-width:360px;}
.width23 {width:70%; max-width:calc(100% - 380px); margin-left:20px;}
.width23 .personne-elem {max-width:20%;}
.width23 .personne-elem img{max-width:100%;}
.checkbox{margin:0 3px;}
.checkbox label input{float:left;}
.checkbox h2{margin:0 2px; padding:0 2px; float:left; font-weight:normal; font-size:13px;}
.group-checkbox .checkbox {width:31%; margin:4px 1%;}

.backtotop{position:fixed; bottom:10px; right:10px;z-index:3000; cursor: pointer ;  background:rgb(237 178 42); color:#ffff; border-radius:50%; padding:7px 15px;
font-weight:bold; font-size:16px;}
.backtotop:before{font-family:FontAwesome; content:'\f106';}
.input-group{width:calc(50% - 10px); margin:10px 0 10px 10px; float : left}
.input-group.f1{width:calc(50% - 20px); margin:5px 10px 5px 0;}
.input-group input , .input-group textarea{ width: calc(100% - 30px);padding: 2px 5px; line-height: 40px; border-radius: 0; border: none; box-shadow: none; outline: none;  background : #f3f3f3 }
.input-group select{width:calc(100% - 30px); padding:2px 5px;  line-height: 26px; border: 1px solid #3f037c; height:30px; border-radius:8px;  outline:none;}
.input-group.w-100{width: calc(100% - 10px);  margin: 10px 0 10px 10px;}
.imgtop { margin : 104px 0 0 0}
.group-checkbox{margin:8px 0 25px;}
.body-devis .devis_section h2 {color: #fff; text-align : center ; font-size : 37px ; margin : 40px  0 }
.resp { display : none }
.body-devis form .btn { color : #000}

.detailconsult .sous_titre_devis {    color: #be202e;}
input,textarea,select{outline:none}
.homeBan{    margin-top: 115px;}
.detaildevis{   padding: 30px;  }
.detailconsult{  padding: 30px;}
.bloc21 .contact_bloc .sous_titre_devis{font-size: 30px;}
.bloc21 .contact_bloc{padding: 15px;    background: rgba(227, 228, 233, 0.5);    padding: 25px 20px 25px 30px;    background-repeat: no-repeat;    background-position: right bottom;    margin-top: 60px;    border-radius: 10px;}

.bloc2{width: calc(100%/2 - 25px);float: left;margin-right: 25px;}
.captcha{    margin-bottom: 15px;    margin-top: 8px;     margin-left: 61px;}
.bloc21{    width: calc(100%/2 - 60px);float: left;margin-right: 15px; margin-left: 56px;}

.controls{margin-bottom: 10px;}
.controls span{font-size: 12px;    text-align: left;    display: inline-block;    width: 100%;    color: red;    margin-bottom: 12px;}
select.form-control{    width: 104%;}
.default_equipe{    text-align: center;}
.demande_dev select.form-control{    width: 101.5%;}
.titre_devis{    text-transform: initial!important;    font-size: 34px;    border-bottom: 1px solid #ffffff;    padding-bottom: 16px;
    color: #bf1e2d;    text-align: left;    margin-bottom: 40px;}
.sous_titre_devis{ text-align: left;
    margin-bottom: 27px;
    font-size: 18px;
    color: #000;
    font-family: 'Acumin_Pro_Bold';		}
.form-control{    width: 100%;    padding: 8px;    border: none; border-bottom: 1px solid rgb(211 165 63);     font-size: 13px;}
.mod3{    margin-bottom: 15px;    font-size: 16px;    margin-left: 0;}
.contact_elem{    margin-bottom: 15px; }

.detailconsult .sous_titre_devis {    color: #be202e;}
form .btn{  cursor: pointer;
    background: transparent;
    border: 3px solid #be9848;
    padding: 4px 25px;
    color: #000;
    margin:25px 0;
    cursor: pointer; font-size : 22px ;
    text-transform: none;

    border-radius: 29px;
}
.hide { display : none }
::-webkit-input-placeholder { /* Edge */ color: #000; font-size : 14px ; font-family: Acumin-Pro-ExtraLight }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; font-size : 14px ; font-family: Acumin-Pro-ExtraLight}
::placeholder { color: #000; font-size : 14px ; font-family: Acumin-Pro-ExtraLight}
.mTop { margin : 40% 0}
form .btn:hover { background: #be9848 ; color : #fff}

input:focus,input:blur,input:focus-visible{border-color:transparent; outline:none;}
input.error,textarea.error,.error {border:1px solid red !important;}
.notebi{  color: #c76e6e; display:inline-block; margin:6px 0 0; font-size:11px;}

.checkbox input[type=radio]{    padding: calc(25% - 0.2rem);    display: inline-block;    background: transparent;    border: 2px solid #585856;
    border-radius: 50%;    position: relative;    width: 0;    height: 0; vertical-align:top;
    padding: 0.5rem;    -webkit-transition: padding .2s;    -moz-transition: padding .2s;    transition: padding .2s;margin: 0;
	-webkit-appearance: none;    -moz-appearance: none;    appearance: none; -webkit-print-color-adjust: exact;    color-adjust: exact;}
.checkbox input[type=radio]:checked:before{display: block; content: ""; background: #585856; height: 100%; border: 4px solid transparent; width: 100%;
    padding: 0;    border-radius: 50%;    position: absolute;    top: 2px;    left: 2px;    max-height: 4px;    max-width: 4px;}



input[type=checkbox]{    padding: calc(25% - 0.2rem);    display: inline-block;    background: transparent;    border: 2px solid #585856;
    border-radius: 20%;    position: relative;    width: 0;    height: 0; vertical-align:top;
    padding: 0.5rem;    -webkit-transition: padding .2s;    -moz-transition: padding .2s;    transition: padding .2s;margin: 0 7px 0 0;
	-webkit-appearance: none;    -moz-appearance: none;    appearance: none; -webkit-print-color-adjust: exact;    color-adjust: exact;}	
input[type=checkbox]:checked:before{
	display: block; content: ""; background: #585856; height: 100%; border: 4px solid transparent; width: 100%;
    padding: 0;    border-radius: 20%;    position: absolute;    top: 2px;    left: 2px;    max-height: 4px;    max-width: 4px;
}



.displayflex{display:flex;}
.formulaire {  width: calc(100% - 300px);  padding: 20px;  margin: 0 auto;}
.width50{width:calc(50% - 10px); margin:0 5px;}
.boldTitle{ font-size:23px; margin:20px 0 ;text-align : center ; margin : 20px 0}
#formdevis{margin-bottom:20px;}
.ml20{margin-right:20px;}
.input-group label{font-size:17px;}
.label-b20{display:inline-block; padding-bottom:3px;}
.checkbox-c{margin:2px 1%; width:30%; float:left;}
.checkbox-c strong{font-weight:normal; font-size:15px;}

.desc-presentation{display:flex; padding:35px 0;}

.flex360{width:360px;  flex:1; min-height:100%; position:relative; }
.innov-top{position:relative;}
.innov-top img{max-width:100%; position:relative; z-index:0; }
.desc-presentation h1{font-family:RobotoCB; color:#F9CB0D; font-size: 64px;    letter-spacing: 2px; margin:17px 0;
font-weight:normal;}
.desc-presentation h1 span{font-family:RobotoLight;}
.width-50{width:calc(100% - 480px); padding-right:40px;} 
.width-50 p:first-child{padding-right:80px;}
.contenue-text strong{font-weight:normal;}
.contenue-text .bold{font-weight:bold;}
.contenue-text{font-size:17px; line-height:31px; text-align:left; font-family:RobotoLight;}


/*.media_ecran{margin:0 var(--custom--spacing--inter);  padding:0 var(--custom--spacing--inter)}*/
.media_ecran {width:50% ; height:calc(100vh - 120px); max-height:690px;}

.media_ecran  img{max-width:100%; max-height:100%;}
.item-service .desc{color:#1a1a1a; width:40%; padding-right:10%;
font-size:15px; padding-top:60px ;}



@media  (max-width: 1600px) { 

}

@media  (max-width: 1500px) { 

}	
	
@media  (max-width: 1400px) { 

}
@media  (max-width: 1300px) { 

}
@media  (max-width: 1200px) { 

}

@media  (max-width: 1024px) { 

}


@media  (max-width: 780px) {
	.header {display: inherit;         width: 100%; }
	.social_header {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 24px;
}
.box_products { width: 100%;}
.about { background: none; }
.bg-top {display: none; }
.menu_home li.home.active { background: inherit; color: #153e6f;}
.flex360{padding:20px 0}
.flex360:after{background-size:auto 358px}
.menu-trigger-inner:before,.menu-trigger.active{-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms}
.menu-trigger-inner:after,.menu-trigger-inner:before{background:#d4ad57; content:''; display:block; height:3px; width:40px}
.menu-trigger{background-color:transparent; position:absolute; left:0; top:46px; z-index:999;}
.menu-trigger.active{transition:all 250ms}
.menu-trigger-inner{-webkit-transition:250ms all;-moz-transition:250ms all;-o-transition:250ms all;transition:250ms all; 
background:#d4ad57; height:3px; width:40px}
.menu-trigger-inner:before{transition:all 250ms;-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);
-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}
.menu-trigger-inner:after{-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;
-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);
transform:translateY(5px)}
.menu-trigger-inner.active{background:0 0}
.menu-trigger-inner.active::before{background:#d4ad57;-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);
-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
.menu-trigger-inner.active::after{background:#d4ad57;-webkit-transform:translateY(-3px) translateX(0) rotate(45deg);-moz-transform:translateY(-3px) 
translateX(0) rotate(45deg);-ms-transform:translateY(-3px) translateX(0) rotate(45deg);
-o-transform:translateY(-3px) translateX(0) rotate(45deg);transform:translateY(-3px) translateX(0) rotate(45deg)}
.not-visible1{display:none;}
.show-me-mobile{display:block;}
.menu_home { overflow:hidden; width:100%; height:100%; position:fixed; top:79px; right:0; background:rgb(255 255 255);  border-top: solid 1px #d4ad57;  }
.menu_home ul li{     float: none;
        width: 100%;
        margin: 5px 0;
        padding: 9px 0;
        border-bottom: 1px dotted #c19a48;}
header nav {text-align:center; width:100%;}
	.bloc_right {
    width: 100%;
    float: none;
    padding-top: 15px;
}.bloc_image {
    margin-right: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
}
	.bloc_act {
    position: relative;
    display: inherit;
    margin-bottom: 10px;
}
	.bloc_left {
    width: 100%;
    float: none;
    padding: 0;
    position: relative;
    margin-right: 22px;
}
.gotosection ul {
    position: relative;
    top: 0;
    left: inherit;
    min-width: 100%;
    background: #fff;
    border-radius: 6px;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 99999999999;
}
header .logo {
    padding: 3px 0px 3px 0px;
    float: inherit;
    text-align: center;
}
.logo img { max-width: 100%; height: 78px;}
	
.anim-slide video { width: 100%;height: inherit; }
.anim-slide .slogan_video {position: absolute;bottom: 23px;left: 8px;line-height: 32px; font-size: 24px;}
	.transport-section {
    display: inherit;
    align-items: center;
}
	.transport-section {
    display: inherit;
    align-items: center;
}
	
	.text-container .title-black, .text-container .title-yellow {
    font-size: 34px;
    text-transform: none;
    line-height: 42px;
}
	.services {
    display: inherit;
    flex-direction: column;
    background: #f9f9f9;
}
	.service-item {
    display: inherit;
    align-items: center;
    gap: 40px;
    width: calc(100% - 40px);
    margin: 20px auto;
    max-width: 1300px;
}
	.service-text h3 {
    text-transform: uppercase;
    font-size: 27px;
    margin-bottom: 15px;
    font-family: 'Acumin-Pro-Black';
    color: #191919;
    letter-spacing: 2px;
    line-height: 40px;
}
	.services-section
 {
    text-align: left;
    margin-top: 47px;
}
	
	section h2 {  font-size: 55px;	text-align: center; }
	.title-black {
    font-family: Acumin-Pro-Black;
    color: #191919;
    font-size: 34px;
    letter-spacing: 0px;
} 
	.title-yellow {
    font-family: Acumin-Pro-Black;
    color: #edb22a;
    font-size: 34px;
    letter-spacing: 0px;
    text-transform: uppercase;
}
#banniere{height:50vh;}
.slogan.active{top:20%;}
.sloganBig {  font-size: 21px; }
.slogan {line-height: 63px;} 
.desc { max-width: 100%; line-height: 36px;font-size: 20px; }  
header   { height: 80px}

 
#about { min-height: 300px;     padding: 15px 0;  background-size: auto 100%; }
.bg-right { top: 194px; }
.bg-right img {  max-width: 80%;  float: right;}
.item img { max-width : 100% }
.our-team { top:90px;  }
.nom-resp {  font-size: 18px;}
.grade-resp {font-size: 17px; }
.desc-resp { line-height: 25px; font-size: 16px; }
.info { margin: 12px auto;}
.bg-team {min-height: 870px; }
.titre-serv {  font-family: gotham; font-size: 17px; height: inherit; margin: 12px 0 0 8px;  float: none; width: 100%; text-align: center; }
.img-serv { float: none;  width: 100%; }
.service {margin: 15px 0;   }
.devis_section .container { margin-left: 0; max-width : 100%  }
.social-footer { bottom: 7px; left: 48px; width: 100%; }
#team { margin-top: 0; }
.banner { margin-top: 0;  }
section { margin-top : 0px }
#about .margin-top {  padding-top: 0; }
#product {     padding-top: 65px; margin-top: 1px }
.margin-top {  padding-top: 0; }
.cat1 {  margin: 20px 0; }
.box-img {height: inherit; }
.prod { margin: 10px 0;}
    
}

@media(max-width:520px){
	.products { display : initial}
	.prod {  margin: 10px 0; width: calc(50% - 5px); display: inline-block;}
	.titre-prod {  font-size: 16px;}
	.formulaire {width: calc(100% - 10px);  padding: 5px; }
	.body-devis .devis_section .container { margin-left: 0;}
	#homeVideo .resp { display : block}
	#homeVideo .web { display : none}
   .bg-vid { display : none } 
	.slogan {    line-height: 48px;   font-size: 26px; bottom: 20px;}
	.title {font-size: 50px;  }
	.bg-right { display: none; }
	.team { margin-top: 0px; }
	.our-team { grid-template-columns: minmax(0px, 1fr); }
	.bg-team img { height: 300px; }
	.our-team { top: inherit; position : relative  }
	.bg-team { min-height: inherit; margin-top: inherit; }
	.bg-bottom { display: none }
	.title { font-size: 19px; line-height: 25px; margin-top: 25px; }
	.service {width: calc(50% - 15px);  }
	.contact .info_contact {   width: 100%;float: left; margin: 10px 0;}
	.contact .info_text { padding: 0;}
	.devis_section .container {  width: 100%;}
	.devis_section h2 strong { font-size: 36px; }
	.devis_section h3 { font-size: 22px;line-height: 34px;}
	.devis_section h4  , .devis_section h2 { padding-left: 15px ; font-size: 24px;    line-height: 31px }
	.devis_section .btn { margin-left : 14px } 
	.box-adresse {padding-left: 14px; }
	.social-footer {  left: 14px; }
	.detaildevis {  padding: 15px 0;}
	.bloc2 {
    width: 100%;
    float: left;
    margin-right: 0;

}

@media(max-width:420px){

}