/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&family=PT+Serif:ital,wght@0,700;1,700&display=swap');

:root{
  --black: #1C1C1C;
  --green: #69A52B;
  --green-dark: #588C24;
  --gray: #777777;
  --menu-hover-line: #D00386;
  --btn-back: #A01162;
  --btn-back-hover: #F3028A;
  --btn-hover: #fff;

}

.cky-cookie-des-table li div {
  color: #212121;
}

/* --------------------------------------------------------------      reset.css   * Resets default browser CSS.   -------------------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: 'Lexend', sans-serif;
  vertical-align: baseline;
  color: #fff;

}

h1, h2, h3, h4, h5, h6{

  font-family: 'PT Serif', serif;
  font-weight: 700;

}

.lb-family-pt{
  font-family: 'PT Serif', serif;
  font-weight: 700;
  line-height: 1.2;
}
.lb-family-lexend{
  font-family: 'Lexend', sans-serif;
  font-weight: 400;
  line-height: 1.5;

}


body {

   line-height: 1.5;
 
}

a{
  transition: all ease 0.3s;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {

 border-collapse: separate;
 border-spacing: 0;
 
}


caption, th, td {

 text-align: left;
 font-weight: normal;
 
}


table, td, th { vertical-align: middle; }


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }


blockquote, q { quotes: "" ""; }


/* Remove annoying border on linked images. */
a img { border: none; }


html {  box-sizing: border-box; }


*, *:before, *:after {  box-sizing: inherit; }

/* general */
section{ overflow: hidden; }
.mb-5{ margin-bottom: 2.3rem!important; }

.lb-med{ font-weight: 500; }
.lb-semib { font-weight: 600; }
.lb-bold { font-weight: 700; }

.lb-green { color: var(--green); }
.lb-green-dark { color: var(--green-dark); }
.lb-gray { color: var(--gray); }
.lb-gray * { color: var(--gray); }
.lb-gray a:hover{ color: var(--green-dark); text-decoration: none; }
.lb-violet-hover a:hover{ color: var(--btn-back); text-decoration: none; }
.lb-gray strong{ color: var(--green); font-weight: 400; }
.lb-gray a:hover strong{ text-decoration: underline; }
.lb-gray strong.gray{ color: var(--gray); font-weight: 400; }
.lb-gray strong.gray .pink{ color: var(--btn-back); }

.lb-ligne-bottom{ position: relative; padding-bottom: 80px; margin-bottom: 50px; }
.lb-ligne-bottom::after{ 
  content: "";
  position: absolute;
  width: 100vw;
  height: 8px;
  background-color: var(--green);
  bottom: 0;
  left: 0;
}
.lb-ligne-bottom.remove::after{ content: none; }

.lb-p-g{
  font-size: 30px;
  color: var(--black);
  font-weight: 600;
}

.lb-p1{
  font-size: 25px;
  color: var(--black);
}

.lb-p2{
  font-size: 24px;
  line-height: 30px;
}

.lb-p3{
  font-size: 20px;
  color: var(--green-dark);
}

.lb-p4{
  font-size: 18px;
}

.lb-p5{
  font-size: 16px;
}

.lb-p6{
  font-size: 14px;
}

.lb-p6 *:hover{ text-decoration: none; }

.lb-p7{
  font-size: 12px;  
}

.lb-btn{
  display: inline-block;
  background-color: var(--btn-back);
  padding: 13px 20px;

  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  transition: transform 0.5s ease-in-out;
}

.lb-btn:hover{
  text-decoration: none;
  transform: translateY(-8px);
  transition: transform 0.5s ease-in-out;
  background-color:  var(--btn-back-hover);
  color: var(--btn-hover);
}

.lb-btn.little{
  font-size: 12px;
  font-weight: 600;
  padding: 7px 20px;
}

.lb-btn.big{
  font-size: 16px;
}

.lb-btn.green{
  background-color: var(--green);
  display: block;
  text-align: center;
}

.lb-h1{
  font-size: 65px;
  line-height: 55px;
  font-style: italic;
}

.lb-h1-l{
  font-size: 50px;
  line-height: 44px;
}

.lb-h2{
  font-size: 40px;
}

.lb-h3{
  font-size: 30px;
}

.lb-h4{
  font-size: 16px;
}

/* base */
.container{
  max-width: 1450px;
}

/* base */
.container.container-small{
  max-width: 1100px;
}

/*Header*/
header{position: absolute; top: 0; left: 0; width: 100%; z-index: 999;}

/* menu */
.navbar{ background-color: rgba(0,0,0,0.54); border-bottom: 4px solid var(--green); padding: 0 15px; }
.navbar .navbar-brand { padding-top: 3px; display: flex; align-items: center; }
.navbar .navbar-nav .nav-item .lb-lng option{ background-color: transparent } 
.navbar .navbar-nav .nav-item{ font-size: 18px; font-weight: 500; height: 90px; display: flex; align-items: center; }
.navbar .navbar-nav .nav-item .nav-link{ position: relative; }
.navbar .navbar-nav .nav-item .nav-link:hover{ color: #fff; }
.navbar .navbar-nav .nav-item .nav-link::before{
  content: "";
  position: absolute;
  width: 0%;
  height: 4px;
  background-color: var(--menu-hover-line);
  bottom: -27px;
  left: 50%;
  transform: translateX(-50%);
  transition: width 0.5s ease-in-out;
}

.navbar .navbar-nav .nav-item.dropdown .dropdown-menu{
  background-color: rgba(0,0,0,0.54);
  border-radius: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  top: calc(100%);
}

.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{ color: #fff; }
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover{ color: var(--green); background-color: initial; }

.navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu{
  display: block;
  /* top: calc(100% +); */
  top: calc(100% + 2px);
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease-in-out;
}

.navbar .navbar-nav .nav-item .nav-link:hover::before{
  width: 100%;
  transition: width 0.5s ease-in-out;
}

.navbar .navbar-nav .nav-item:not(:first-of-type){ margin-left: 20px; }
.navbar .navbar-nav .nav-item.lb-lng{ margin-left: 40px; }

.navbar .navbar-nav .nav-item.lb-lng select{ background-color: transparent; padding: 0 7px; border: 2px solid #fff; color: #fff; }
.navbar .navbar-nav .nav-item.lb-lng select:focus-visible{ outline: none; }
.navbar .navbar-nav .nav-item.lb-lng select option{ background-color: rgba(0,0,0,0.54); }

.navbar .navbar-nav .nav-item.lb-socio{ margin-left: 15px; }
.navbar .navbar-nav .nav-item.lb-socio a:last-of-type{ margin-left: 6px; }

header .navbar .navbar-nav .nav-item.lb-phone{margin-left: 6px;}
header .lb-phone a{border-radius: 50%; width: 24px; height: 24px; font-size: 0.9rem; display: flex; align-items: center; justify-content: center; background-color: var(--green); color: #1C1C1C; }
header .lb-phone a:hover{text-decoration: none; background-color: var(--btn-hover);}


@media screen and (max-width: 991px) {
  header .navbar > .container > .d-flex{width: 100%;}
} 

/*Video Youtube*/
.video-container { position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0; overflow: hidden; }
.video-container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Section hero */
.lb-hero{
  padding: 250px 0 220px 0;
  background: no-repeat center/cover;
}

.lb-hero.lb-accueil{
  position: relative;
  padding: 340px 0;
  background-image: url(../images/accueil/hero-accueil.jpg);
  z-index: 10;
}

.lb-hero.lb-agencement{ background-image: url(../images/nos-services/agencement-hero.jpg); }
.lb-hero.lb-demonstration{ background-image: url(../images/nos-services/demonstration-hero.jpg); }
.lb-hero.lb-cueillette{ background-image: url(../images/nos-services/cueillette-hero.jpg); }
.lb-hero.lb-marchandisage{ background-image: url(../images/nos-services/marchandisage-hero.jpg); }

.lb-hero.lb-historique{ background-image: url(../images/pourquoi-nous/historique-hero.jpg); }
.lb-hero.lb-mission-valeurs{ background-image: url(../images/pourquoi-nous/mission-valeurs-hero.jpg); }
.lb-hero.lb-methode-travail{ background-image: url(../images/pourquoi-nous/methode-travail-hero.jpg); }

.lb-hero.lb-soumission{ background-image: url(../images/soumission/soumission-hero.jpg); }
.lb-hero.lb-carriere{ background-image: url(../images/votre-carriere/votre-carriere-hero.jpg); }
.lb-hero.lb-nous-joindre{ background-image: url(../images/nous-joindre/nous-joindre-hero.jpg); }

.lb-hero.lb-merci{ background-image: url(../images/merci/merci-hero.jpg); }
.lb-hero.lb-merci-emploi{ background-image: url(../images/merci/merci-emploi-hero.jpg); }

.lb-hero.lb-postes{ background-image: url(../images/postes/postes-hero.jpg); }

/*Page Accueil*/
.lb-hero.lb-accueil .lb-h1, .lb-hero.lb-accueil .lb-p2{text-shadow: 1px 3px 10px #1e1d1dc7;}
.lb-hero.lb-accueil .container{position: relative; z-index: 20;}
.lb-hero.lb-accueil:after{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; content: ''; z-index: 11;}
/* .lb-hero.lb-accueil iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; z-index: 10;} */
.lb-hero.lb-accueil .video-container-wrapper{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; z-index: 10;}

@media screen and (max-width: 1470px) {
  .lb-hero.lb-accueil{padding: 200px 0;}
}

@media screen and (min-width: 992px) {
  .lb-hero.lb-accueil{
    background: none !important;
  }
}
@media screen and (max-width: 991px) {

  .lb-hero.lb-accueil{padding: 300px 0 100px 0;}
}
/*@media screen and (max-width: 870px) {
  .lb-hero.lb-accueil{padding: 150px 0;}
}
@media screen and (max-width: 700px) {
  .lb-hero.lb-accueil:after{display: none;}
  .lb-hero.lb-accueil .video-container-wrapper{}
  .lb-hero.lb-accueil .video-container{position: relative; height: auto; padding: 0;}
  .lb-hero.lb-accueil .video-container iframe{position: relative;}
}*/

/* section avantages */

.page-accueil .lb-avantages{ 
  margin-top: -80px;
  background-image: url(../images/accueil/cible-grise.png),url(../images/accueil/cible-grise.png);
  background-position: 180% 80px, -40% 130%;
  background-repeat: no-repeat;  
  position: relative;
  z-index: 20;
}

.lb-avantages{ padding: 0 100px 50px 100px; }
.lb-avantages .card-body{ padding: 0; }
.lb-avantages .card-footer{background: none; border: 0; padding: 0; }

.lb-avantages .lb-avantage-container{
  background-color: var(--green);
  padding: 30px;
  position: relative;
  border-radius: 0;
  border: 0;
}

.lb-avantages .lb-avantage-container .lb-service-head {
  min-height: 72px;
}

.lb-avantages .lb-avantage-container .lb-btn{
  /* position: absolute;
  right: 30px;
  bottom: 30px; */
}

.lb-avantages .lb-notre-equipe-1{
  padding: 150px 150px 0 150px;
}
.lb-avantages .lb-notre-equipe-2,
.lb-avantages .lb-notre-equipe-3{
  padding: 0 150px 150px 150px;
}

.lb-avantages .lb-notre-equipe-2 .lb-text-container{ position: relative; }
.lb-avantages .lb-notre-equipe-2 .lb-text-container .lb-mots-equipe{
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0 35px rgba(0,0,0,0.15);
}
.lb-avantages .lb-notre-equipe-2 .lb-text-container .lb-btn{ position: absolute; right: 15px; bottom: -35px; }


/* section nos services */
.lb-nos-services{
  background-color: var(--green);
  padding: 40px 0 100px 0;
}

.lb-nos-services .lb-service-container{
  background-color: #fff;
  padding: 15px 55px;
  margin-top: 40px;
  text-align: center;
}

.lb-nos-services .lb-service-container picture{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--green);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: -70px auto 0 auto;
  border: 9px solid #fff;
}

/* footer */
footer{ background-color: #222222; overflow: hidden; }
footer .lb-footer-top{
  padding: 40px 15px;
}

footer .lb-footer-bottom{
  background-color: var(--green);
  padding: 15px 0;
}

footer .lb-footer-bottom p a:hover{ text-decoration: none; color: var(--btn-back); }

/* pages nos services */
.lb-section{
  padding: 55px 0 100px 0;
  background: url(../images/cible-grise.png) no-repeat;
  background-size: 80%;
  background-position: 252% 14%;
  overflow: hidden;
}

.page-historique .lb-section{ padding-bottom: 0; }

@media screen and (max-width: 1670px) {
  /* general */
  .lb-p-g { font-size: 25px; }

}

@media screen and (max-width: 1470px) {
  /* menu */
  .navbar .navbar-brand img{ width: 300px; }
  .navbar .navbar-nav .nav-item{ font-size: 16px; }
  .navbar .navbar-nav .nav-item:not(:first-of-type){ margin-left: 15px; }
  .navbar .navbar-nav .nav-item.lb-lng{ margin-left: 30px; }
  .navbar .navbar-nav .nav-item.lb-socio{ margin-left: 10px; }
  .navbar .navbar-nav .nav-item .nav-link::before{ bottom: -29px; }

  /* section avantages */
  .lb-avantages{ padding: 0 15px 50px 15px; }

  .lb-avantages .lb-notre-equipe-2 .lb-text-container .lb-btn {
    position: initial;
    margin-top: 25px;
  }

  /* section nos services */
  .lb-nos-services .lb-service-container { padding: 15px 30px; }
 
}


@media screen and (max-width: 1320px) {
  /* menu */
  .navbar .navbar-brand img {
    width: 220px;
  }

  .navbar .navbar-nav .nav-item{ font-size: 14px; }
  .navbar .navbar-nav .nav-item .nav-link::before{ bottom: -19px; }



}

@media screen and (max-width: 1200px) {
  /* general */
  .mb-5 { margin-bottom: 1.5rem!important; }
  .lb-h1{ font-size: 50px; }
  .lb-h2 { font-size: 30px; }
  .lb-h3 { font-size: 24px; }
  .lb-p1 { font-size: 18px; }
  .lb-p-g { font-size: 20px; }
  
  .lb-btn.big { font-size: 13px; }

  /* menu */
  .navbar .navbar-brand img {
    width: 160px;
  }
  
  .navbar .navbar-nav .nav-item{ font-size: 13px; }
  .navbar .navbar-nav .nav-item.lb-lng { margin-left: 10px; }
  .navbar .navbar-nav .nav-item:not(:first-of-type) { margin-left: 5px; }
  .navbar .navbar-nav .nav-item .nav-link::before{ bottom: -31px; }

  /* section avantages */
  .lb-avantages .lb-notre-equipe-1{
    padding: 80px 15px 0 15px;
  }
  .lb-avantages .lb-notre-equipe-2,
  .lb-avantages .lb-notre-equipe-3{
    padding: 0 15px 80px 15px;
  }



}

@media screen and (max-width: 992px) {
  /* general */
  .mt-5 { margin-top: 30px!important; }
  .py-5 { padding-top: 0!important; padding-bottom: 0!important; } 
  .pl-5 { padding-left: 15px!important; } 
  .pr-5 { padding-right: 15px!important; }
  .lb-h1-l { font-size: 35px; }

  /* menu */
  .navbar{ padding: 15px 15px; }
  .navbar .navbar-nav .nav-item .nav-link::before { content: none; }
  .navbar .navbar-nav .nav-item { height: initial; display: block; }
  .navbar .navbar-nav .nav-item.dropdown .dropdown-menu { display: none; }
  .navbar .navbar-nav .nav-item:not(:first-of-type) { margin-left: 0; }
  .navbar .navbar-nav .nav-item.lb-lng { margin-bottom: 15px; }


  /* section avantages */
  .lb-avantages { padding: 0 0 50px 0; }

  .lb-avantages .lb-avantage-container .lb-service-head {
    min-height: initial;
  }

  .lb-avantages .col-lg-3{ margin-bottom: 65px; }
  .lb-avantages .lb-avantage-container {}

  .lb-avantages .lb-notre-equipe-2 .lb-text-container .lb-mots-equipe { margin-top: 15px; }
  .lb-avantages .lb-notre-equipe-3 picture{ display: block; margin-top: 50px; }

  /* nos services */
  .lb-nos-services{ padding: 40px 0; }
  .lb-nos-services .lb-service-container { margin-bottom: 30px; padding: 15px; }

  /* pages nos services */
  .lb-section {
    background-size: 100%;
    background-position: 252% 54%;
  }

  .lb-section picture{ display: block; margin-top: 30px; }
  .lb-section .lb-btn.green{ margin-top: 15px; }

  /* footer */
  footer .lb-p3{ margin-top: 15px; }
}

@media screen and (max-width: 767px) {
  /* general */
  .lb-p1 { font-size: 16px; }

}

@media screen and (max-width: 414px) {
  /* general */
  .lb-h2 { font-size: 22px; }

  /* section avantages */
  .lb-avantages .lb-notre-equipe-1{ padding-top: 50px; }

  .lb-avantages .lb-notre-equipe-2,
  .lb-avantages .lb-notre-equipe-3{ padding-top: 50px; padding-bottom: 50px; }

  .lb-avantages .lb-notre-equipe-2 .lb-text-container .lb-btn {
    position: initial;
    margin-top: 25px;
  }  

  /* section nos services */



}

@media screen and (max-width: 362px) {}