/*Global*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,700&display=swap');

div,span,a,p,h1,h2,h3,table,td,tr,strong{
  font-family: 'Roboto', sans-serif;
}

.contenu-page{
  max-width: 1380px;
  width: 90%;
  margin: auto;
  position: relative;
}

img {
  width: 100%;
}

a{
  text-decoration: none;
}

button.slick-arrow {
    color: transparent;
    width: 24px;
    height: 33px;
    background: transparent;
    border: unset;
    cursor: pointer;
}

body{
  overflow-x: hidden;
}

body a:hover,li.item-menu-footer a:hover,.telephone:hover,.mail:hover {
  color: #995336;
  cursor: pointer;
}

button.slick-arrow:hover:before {
  color: #995336 !important;
}

.elements-temoins button.slick-arrow:hover:before{
  color: #000  !important
}




/*Global*/
/*Element top*/
.element-top {background-color: #F5E0D7;padding: 4px 0;}

.element-top .contenu-page {display: flex;justify-content: flex-end;align-items: center;}

.numero-top {font-size: 25px;font-weight: bold;border-radius: 49px;background: #fff;padding: 4px 20px;cursor: pointer;}

.numero-top:hover {background: #995336;}

.numero-top:hover .icon, .numero-top:hover .text {color: #fff;}

.numero-top .icon {color: #995336;margin-right: 10px;}

.sociaux {color: #000000;font-size: 20px;text-decoration: none;background: #fff;border-radius: 100%;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;margin-left: 10px;}

.icone-sociaux {display: flex;margin-left: 36px;}


/*Element top*/


/*Menu*/

.menu {display: flex;justify-content: space-between;}

ul#menu-principale {display: flex;align-items: center;justify-content: space-between;width: 100%;max-width: 940px;}

.item-menu a {color: #000000;font-size: 22px;font-weight: 500;}


.menu-principale.sticky {z-index: 500;position: fixed;top: 0;left: 0;right: 0;background: #fff;box-shadow: 0px 0px 6px #0000004a;}

/*Menu*/

/*Banniere*/
.image-banniere {height: 760px;background-size: cover;background-position: center;background-repeat: no-repeat;}

.contenu-banniere {position: relative;z-index: 2;}

.contenu-banniere .containeur-element {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;}


.text-banniere {font-size: 94px;color: #fff;font-weight: 800;max-width: 880px;text-align: center;margin: auto;text-shadow: 0px 3px 30px #000;}

.text-banniere:before {content: '';display: flex;height: 10px;background: #97E72F;max-width: 80%;margin: auto;margin-bottom: 25px;}

.bouton-page {margin: auto;display: flex;justify-content: center;margin-top: 50px;color: #fff;background: #995336 0% 0% no-repeat padding-box;
border-radius: 49px;max-width: 350px;font-size: 28px;font-weight: bold;padding: 16px 0;}

a.bouton-page:hover {background: #fff;}

.text-banniere-contact {margin-right: 20px;}


/*Banniere*/

/*Sous banniere*/

.images {
height: 279px;border-radius: 16px 16px 0px 0px;background-repeat: no-repeat;background-size: cover;background-position: center;}


.text-slider {background: #995336;color: #fff;padding: 23px;font-size: 20px;text-align: center;font-weight: 700;border-radius: 0px 0px 16px 16px;}

.element-slide {margin: 7px;cursor: pointer;transition: 300ms;}

.element-slide:hover {transform: scale(1.02);}

.slider-sous-banniere {padding-top: 52px;}

.elements-sous-banniere {display: flex;align-items: center;}

button.slick-prev.slick-arrow:before {content: '\2023';color: #000;transform: rotate(180deg);display: flex;font-size: 100px;
    line-height: 26px;}

button.slick-next.slick-arrow:before {content: '\2023';color: #000;font-size: 100px;line-height: 26px;}




/*Sous banniere*/
/*Societe*/
h2.titre-page {text-align: center;font-size: 40px;font-weight: bold;margin-bottom: 30px;}

.notre-societe {padding-top: 88px;}

h2.titre-page:before {content: '';background-image: url('../img/tiret.png');width: 230px;
height: 12px;display: flex;margin: auto;margin-bottom: 12px;}

.contenu-societe {max-width: 933px;margin: auto;text-align: center;color: #4C5243;font-size: 26px;line-height: 38px;}

.video-home {margin-top: 20px;}

video {width: 100%;height: 685px;}

.image-couverture {border-radius: 16px;}

.video {position: relative;border-radius: 16px;overflow: hidden;}

.image-couverture {position: absolute;bottom: 0;top: 0;left: 0;right: 0;background-size: cover;background-position: center;background-repeat: no-repeat;z-index: 50;}

.containeur-element--child {background-image: url('../img/fond.png');background-size: cover;background-repeat: no-repeat;background-position: center;}

/*Societe*/
/*Raison*/
.containeur-raison {padding-top: 90px;padding-bottom: 90px;}

.elements-raison {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 17px;margin-top: 50px;}

.element-raison {background-color: #995336;border-radius: 16px;padding: 30px;cursor: pointer;transition: 300ms;}

.containeur-icone {display: flex;justify-content: center;padding-bottom: 30px;max-width: 99px;margin: auto;}

.contenu-raison {color: #fff;text-align: center;}

.titre-raison {font-size: 26px;font-weight: bold;margin-bottom: 25px;}

.description-raison {font-size: 22px;line-height: 30px;font-family: unset;}

.description-actu {padding-top: 43px;padding-bottom: 10px;box-sizing: border-box !important;width: 90%;margin: auto;}







/*Raison*/

/*Actualite*/
.containeur-actualite {background-image: url('../img/10.png');background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;padding: 50px 0;}

.containeur-actualite:before {content: '';background: rgb(170 224 100 / 67%);position: absolute;top: 0;left: 0;bottom: 0;right: 0;}

.containeur-actualite h2.titre-page:before {background-image: url('../img/tiret-blanc.png');}

.elements-actualites {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 17px;}

.element-actu {background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 5px 5px 6px #00000029;border-radius: 16px;cursor: pointer;transition: 300ms;}

.element-actu:hover {transform: scale(1.02);}

.image-actu {height: 256px;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 16px 16px 0px 0px;}

.element-description {font-size: 22px;color: #494949;line-height: 30px;margin-bottom: 15px;}

.infos-actu {display: flex;align-items: center;margin-bottom: 20px;}

.titre-infos-actu {font-size: 30px;color: #000000;font-weight: bold;margin-left: 20px;}

.containeur-reagi {border-top: 1px solid #70707059;width: 90%;margin: auto;}

.nom-prenom:before {content: '';width: 50px;display: flex;background: #995336;height: 2px;margin-right: 20px;}

.containeur-reagi img {width: 100%;}

.infos-actu img {max-width: 90px;}










/*Actualite*/

/*Temoins*/
.containeur-temoignage h2.titre-page {margin-bottom: -53px;}
.containeur-temoignage {background-image: url('../img/elagage-1024x683-2.png');background-repeat: no-repeat;background-position: center;background-size: cover;position:relative;padding-top: 50px;}

.containeur-temoignage:before {content: '';background-color: rgb(119 65 43 / 68%);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.element-temoin {background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 16px;padding: 30px;padding-bottom: 50px;max-width: 1075px;margin: 10px auto;position: relative;margin-top: 88px;margin-bottom: 88px;}

.profil {width: 111px;
height: 111px;margin: auto;background-repeat: no-repeat;background-size: cover;background-position: center;}

.description-temoins {font-size: 28px;text-align: center;line-height: 33px;max-width: 711px;margin: auto;}

.nom-prenom {text-align: center;color: #995336;margin-top: 20px;font-size: 20px;font-weight: bold;position: relative;display: flex;align-items: center;justify-content: center;}

.elements-temoins {max-width: 1075px;margin: auto;display: flex;align-items: center;}

.elements-temoins button.slick-arrow:before {color: #fff  !important;}

.text {font-size: 20px;line-height: 30px;}

.element-temoin:before {content: '';background-image: url('../img/qouta.png');display: flex;background-size: contain;background-repeat: no-repeat;background-position: center;width: 152px;
height: 149px;position: absolute;top: -35px;}

.contenu-temoin {position: relative;z-index: 50;}



/*Temoins*/
/*footer*/

.elements-footer {display: grid;grid-template-columns: 2.5fr 1.5fr 2fr;padding: 36px 0;}

.footer-bas .contenu-page {display: grid;grid-template-columns: 1fr 5fr 1fr;align-items: center;}

.footer-bas {background-color: #F5E0D7;padding: 10px 0;}

.back-top {display: flex;justify-content: flex-end;}

.mentions-legales {display: flex;justify-content: space-around;max-width: 870px;margin: auto;width: 100%;}

.mentions-legales a {color: #000;font-size: 18px;}

.containeur-coordonnes {display: flex;align-items: flex-start;margin-top: 50px;}

.adresse {display: flex;}

.telephone {display: flex;align-items: center;margin-bottom: 10px;}

.mail {display: flex;align-items: center;}

.icone {margin-right: 8px;}

.contact {margin-left: 50px;}

.icone img {max-width: 20px;}

.titre-footer {font-size: 22px;color: #995336;font-weight: bold;margin-bottom: 20px;}

li.item-menu-footer a {color: #000;font-size: 20px;line-height: 31px;}

.elements-certifications {display: grid;grid-template-columns: repeat(3,1fr);padding-top: 20px;}

.element-footer.prestations {border-left: 2px solid #97E72F;padding-left: 30px;}

.element-footer.certifications {border-left: 2px solid #97E72F;padding-left: 30px;}

.bouton-video:before {content: '\2023';font-size: 300px;color: #fff;
line-height: 0;cursor: pointer;position: relative;left: 8px;}

.element-raison:hover {transform: rotate3d(1,1,1,4deg);}

.bouton-video {width: 132px;
    height: 132px;
    margin: auto;
    background: rgb(255 255 255 / 36%);z-index: 100;
    position: absolute;left: 0;
    right: 0;
    bottom: 0;
    top: 0;border-radius: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;}

.bouton-video:hover:before {color: #995336;background: rgb(153 83 54 / 36%);}

.containeur-image-footer img {max-width: 99px;}

.containeur-logo img {max-width: 442px;}

/*footer*/
/*Access*/

.element-access {background: #995336 0% 0% no-repeat padding-box;
box-shadow: 0px 20px 20px #00000033;
border-radius: 23px 0 0 23px;padding: 10px 15px;display: flex;align-items: center;margin-bottom: 10px;min-height: 76px;box-sizing: border-box;cursor: pointer;}

.containeur-access-direct--child {position: fixed;right: 0;top: 50%;z-index: 500;}

.texte {font-size: 28px;font-weight: 500;color: #fff;text-align: center;margin-left: 15px;}

.element-access.hover-2 {background: #F2D7CB !important;}

.element-access.hover-2 .icones {filter: invert(1);}

.element-access.hover-2 .texte {color: #000;}

.element-access:hover {background: #995336 !important;}

.element-access:hover .icones {filter: invert(0);}

.element-access:hover .texte {color: #fff;}

.element-access.hover-1 {background: #f2d7cb !important;}

.element-access.hover-1  .icones {filter: invert(1);}

.element-access.hover-1 .texte {color: #000;}




/*Access*/
/*Responsive*/

@media(max-width: 1470px){
  .text-slider {min-height: 86px;box-sizing: border-box;align-items: center;display: flex;justify-content: center;}

  .menu ul#menu-principale {margin-left: 2%;}


}

@media(max-width: 1300px){
  .item-menu a {font-size: 18px;}

  ul#menu-principale {max-width: 760px;}

  .text-banniere {font-size: 70px;}

  .image-banniere {height: 600px;}

  .containeur-coordonnes {margin-top: 20px;}

  .text {font-size: 18px;}

  li.item-menu-footer a {font-size: 18px;}

  .description-temoins {font-size: 22px;}

  .nom-prenom {font-size: 18px;}

  .texte {font-size: 25px;}

  h2.titre-page {font-size: 30px;}

  h2.titre-page:before {width: 150px;background-size: contain;background-repeat: no-repeat;}

  a.bouton-page {font-size: 25px;}

  .element-description {font-size: 18px;}

  .titre-infos-actu {font-size: 25px;}

  .description-raison {font-size: 18px;}

  .contenu-societe {font-size: 22px;}



}

@media(max-width: 1250px){
  .mentions-legales a {font-size: 15px;}

  .mentions-legales {max-width: 670px;}

  video {height: 500px;}



}


@media(max-width: 1200px){
  .containeur-access-direct {display: none;}

  .elements-raison {grid-template-columns: repeat(3,1fr);}

  .containeur-logo img {max-width: 350px;}

  .containeur-coordonnes {flex-direction: column;}

  .contact {margin: 0;}

  .elements-footer {grid-template-columns: 1fr 0.8fr 1fr;}

  .footer-bas .contenu-page {grid-template-columns: 0.5fr 5fr 0.5fr;}

  .icone-sociaux {margin-left: 0;}


}

@media(max-width: 1024px){
  .elements-actualites {grid-template-columns: repeat(2,1fr);}

  .item-menu a {font-size: 15px;}

  ul#menu-principale {max-width: 600px;}

  .containeur-logo img {max-width: 230px;}

  .text-banniere {font-size: 60px;}

  .image-banniere {height: 500px;}

  .mentions-legales {flex-wrap: wrap;justify-content: center;line-height: 25px;}


}

@media(max-width: 950px){
  .elements-raison {grid-template-columns: repeat(2,1fr);}

  .element-temoin:before {width: 152px;height: 149px;}

  .item-menu a {font-size: 12px;}

  ul#menu-principale {max-width: 500px;}


}


@media(max-width: 768px){
  .footer-bas .contenu-page {display: flex;flex-direction: column;}

  .mentions-legales {padding: 10px 0;}

  .elements-footer {display: flex;flex-direction: column;}

  .containeur-logo img {max-width: 400px;}

  .element-footer.logo {display: flex;flex-direction: column;justify-content: center;align-items: center;}

  .element-footer {margin-bottom: 30px;}

  ul#menu-principale {display: none;}

  .menu-collapse {display: block !important;font-size: 40px;cursor: pointer;}

  .menu {align-items: center;}

  ul#menu-principale {flex-direction: column;position: absolute;top: 58px;background: #fff;z-index: 50;padding: 20px 0;width: 100%;left: 0;}

  li.item-menu a {text-align: center;font-size: 22px;line-height: 40px;justify-content: center;display: flex;}

  .menu-principale .contenu-page {width: 100%;}

  .containeur-logo {margin-left: 4%;}

  ul#menu-principale {margin-left: 0 !important;width: 100% !important;max-width: 100% !important;margin-top: 24px;}

  .menu-collapse {margin-right: 4%;}

}

@media(max-width: 600px){
  .elements-raison {grid-template-columns: 1fr;}

  .elements-actualites {grid-template-columns: 1fr;}

  .containeur-temoignage h2.titre-page {margin: 0;}

  .containeur-logo img {max-width: 200px;}

  .text-banniere {font-size: 30px;}

  .image-banniere {height: 300px;}

  .containeur-raison {padding: 50px 0;}

  .notre-societe {padding-top: 50px;}

  .element-temoin:before {width: 53px;}

  h2.titre-page {font-size: 22px;}

  a.bouton-page {font-size: 21px;max-width: 280px;}

  video {height: 350px;}

  .image-actu {height: 200px;}

  .images {height: 200px;}

}

.containeur-actualite .titre-page {color: #fff;}