.page-content .texte-formulaire{
    padding:4rem;
}
.page-content .banner-contact-form{
    padding:0rem 4rem 0rem 4rem;
}
.wpcf7-submit {
    background-color: #ABD373;
    color: #000;
    padding: 15px 40px;
}
.wpcf7-form-control-wrap .select_arrow {
    border-left: 1px solid #000;
    height:45px;
}
.wpcf7-form-control-wrap .select_arrow::before {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    top: 14px;
}
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder{
    color:#000;
    font-size: 14px;
}
.form-control{
    color:#000;
    border-radius: 0!important;
    border: none;
}
.wpcf7-form-control-wrap select.form-control:not([size]):not([multiple]), .wpcf7 input.form-control{
    min-height:45px;
}
.page-content{
   padding:0!important;
}
.page-content > div{
   padding:0!important;
}
.page-content .banner-wrapper{
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.page-content .banner-wrapper .banner-entete .text-bandeau{
    position:absolute;
    left:50%;
    transform:translate(-50%,-50%);
    top:50%;
}
.page-content .banner-wrapper .banner-entete .text-bandeau p{
   margin-bottom:0;
    font-size: 42px;
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
    line-height: 45px;
}
.page-content .banner-video, .page-content .banner-text-right{
    padding:4rem;
    display: flex;
    align-items: center;
}
.page-content .banner-video .text-video{
    padding-right:3rem;
}
.page-content .banner-video .text-video p.subtitle, .page-content .banner-text-right .text-bloc p.subtitle{
    color: #99B815;
    text-transform: uppercase;
    margin-bottom: 0;
}
.page-content .banner-video .text-video h2, .page-content .banner-text-right .text-bloc h2{
    font-size: 34px;
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
}
.page-content .banner-video .text-video .listing-point-fort{
    position:relative;
    margin-top:3rem;
    margin-bottom:3rem;
}
.page-content .banner-video .text-video .listing-point-fort:before, .page-content .banner-video .text-video .listing-point-fort:after{
    content:"";
    position:absolute;
    background-color:#99B815;
    width:100px;
    height:2px;
    left:0;
}
.page-content .banner-video .text-video .listing-point-fort:before{
    top:-20px;
}
.page-content .banner-video .text-video .listing-point-fort:after{
    bottom:-20px;
}
.page-content .banner-video .text-video .listing-point-fort span{
    text-transform: uppercase;
    color: #40602F;
    font-size: 14px;
    display:block;
}
.page-content .banner-video .text-video .listing-point-fort span:last-child{
    margin-bottom:0;
}
.page-content .banner-video .text-video .devis{
    color:#000;
}
.page-content .banner-video .text-video .text{
    line-height:18px;
    margin-bottom:0;
}
.page-content .banner-video .video{
    position:relative;
    z-index:1;
}
.page-content .banner-video .video:before{
    content:"";
    position:absolute;
    background-color:#99B815;
    height:430px;
    width:200px;
    top:50%;
    left:-30px;
    transform:translateY(-50%);
    z-index:-1;
}
.page-content .banner-video .video p{
    margin-bottom:0;
}
.page-content .banner-text-right{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.page-content .banner-text-right .text-bloc{
    padding-left:3rem;
}
.page-content .banner-text-right .text-bloc{
    padding-left:3rem;
}
.page-content .banner-text-right .text-bloc h2{
   position:relative;
   margin-bottom:50px;
}
.page-content .banner-text-right .text-bloc h2:before{
    content:"";
    position:absolute;
    background-color:#99B815;
    width:100px;
    height:2px;
    left:0;
    bottom:-20px;
}
.page-content .banner-text-right .text-bloc .listing-savoir-faire p{
    color: #40602F;
    font-size: 16px;
}
.page-content .btn-primary{
   background-color:#99B815;
   transition: all .4s ease-out;
   margin-bottom:0!important;
   margin-top:2rem;
}
.page-content .btn-primary a{
   color:#000;
   text-transform:uppercase;
   font-size:14px;
   font-weight:500;
   transition: all .4s ease-out;
}
.page-content .btn-primary:hover{
   background-color:#40602F;
   transition: all .4s ease-out;
}
.page-content .btn-primary:hover a{
  color: #fff;
  transition: all .4s ease-out;
}
.page-content .banner-text-right > div{
   display:flex;
   align-items:center;
}
.page-content .banner-titre .deco-titre img{
     width: 200px;
    margin: 0 auto;
}
.page-content .banner-titre .titre-section{
      font-size: 24px;
      text-transform: uppercase;
      text-align:center;
      color: #000;
      font-weight: 800;
      margin-top: 5px !important;
      margin-bottom: 2rem !important;
}
.page-content .banner-titre{
     padding:4rem;
}
.page-content .banner-titre .bloc-produit .rte{
     padding:1rem;
     border : solid 1px #e5e5e5;
     position: relative;
}
.page-content .banner-titre .bloc-produit .rte img{
     margin: 0 auto;
}
.page-content .banner-titre .bloc-produit .rte h3{
     text-transform:uppercase;
     font-size: 24px;
     font-weight:400;
     margin-bottom:2rem;
}
.page-content .banner-titre .bloc-produit .rte .btn-primary{
     position:absolute;
     left:50%;
     transform:translateX(-50%);
     bottom:-15px;
}
.page-content .banner-etape{
     padding:4rem;
     background-color:#EDEDED;
}
.page-content .banner-etape .deco-titre img{
     width: 200px;
    margin: 0 auto;
}
.page-content .banner-etape .titre-section{
      font-size: 24px;
      text-transform: uppercase;
      text-align:center;
      color: #000;
      font-weight: 800;
      margin-top: 5px !important;
      margin-bottom: 5rem !important;
}
.page-content .banner-etape .bloc-etape .rte .number{
      font-size: 30px;
      text-transform: uppercase;
      text-align:center;
      color: #fff;
      font-weight: 800;
      margin-bottom: 4rem;
      position:relative;
      z-index:1;
}
.page-content .banner-etape .bloc-etape .rte .number:before{
      content:"";
      position:absolute;
      background-color:#99B815;
      width:110px;
      height:110px;
      border-radius:50%;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      z-index:-1;
}
.page-content .banner-etape .bloc-etape .rte .text-number{
      font-size: 18px;
      text-transform: uppercase;
      text-align:center;
      color: #40602F;
      font-weight: 500;
}
.page-content .banner-etape .bloc-etape .rte .number:after {
      content:"";
      position:absolute;
      background-color:#99B815;
      width:235px;
      height:2px;
      top:50%;
      right:-134px;
      transform:translateY(-50%);
      z-index:-1;
}
.page-content .banner-etape .bloc-etape:last-child .rte .number:after {
      display:none;
}
.page-content .banner-formulaire{
     padding:4rem;
}
.page-content .banner-formulaire .deco-titre img{
     width: 200px;
    margin: 0 auto;
}
.page-content .banner-formulaire .titre-section{
      font-size: 24px;
      text-transform: uppercase;
      text-align:center;
      color: #000;
      font-weight: 800;
      margin-top: 5px !important;
      margin-bottom: 5rem !important;
}
.page-content .banner-text-left{
    background-color:#ededed;
    display: flex;
    align-items: center;
    padding:4rem;
}
.page-content .banner-text-left .text-bloc{
    padding-right:3rem;
}
.page-content .banner-text-left .text-bloc h2{
   position:relative;
   margin-bottom:50px;
    font-size: 34px;
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
}
.page-content .banner-text-left .text-bloc p.subtitle{
    color: #99B815;
    text-transform: uppercase;
    margin-bottom: 0;
}
.page-content .banner-text-left .text-bloc h2:before{
    content:"";
    position:absolute;
    background-color:#99B815;
    width:100px;
    height:2px;
    left:0;
    bottom:-20px;
}
.page-content .banner-text-left .text-bloc .text-descriptif p{
    color: #000;
    font-size: 16px;
}
.page-content .banner-text-left .img-bloc{
    position:relative;
    z-index:1;
}
.page-content .banner-text-left .img-bloc:before{
   content:"";
    position:absolute;
    background-color:#99B815;
    height:430px;
    width:200px;
    top:50%;
    left:-30px;
    transform:translateY(-50%);
    z-index:-1;
}

@media (min-width: 320px) {
      .page-content .banner-text-right > .row,  .page-content .banner-text-left, .page-content .banner-video{
          flex-direction:column;
     }
.page-content .banner-video{
     padding:1rem;
}
    .page-content .banner-video .text-video{
         padding-right:0;
    }
    .page-content .banner-video .video{
         order:-1;
         margin-bottom: 3rem!important;
    }
    .page-content .banner-text-right .text-bloc{
         padding-left:1rem;
    }
 .page-content .banner-video .text-video p.subtitle, .page-content .banner-text-right .text-bloc p.subtitle, .page-content .banner-text-left .text-bloc p.subtitle{
         margin-top:1rem;
    }
  .page-content .banner-text-left .img-bloc{
         order:-1;
  }
  .page-content .banner-text-left .img-bloc:before {
          display:none;
    }
.page-content .banner-text-right .img-bloc img,  .page-content .banner-text-left .img-bloc img{
         height:250px;
         object-fit:cover;
}
.page-content .banner-text-left .text-bloc{
        padding-right:1rem;
}
.page-content .banner-text-left{
        padding:1rem;
}
.page-content .banner-text-right{
        padding:3rem;
}
.banner-titre .bloc-produit{
  margin-bottom:1rem!important;
}
.page-content  .banner-etape .bloc-etape{
        margin-bottom:50px!important;
    }
.page-content .banner-etape .bloc-etape .rte .number:after {
        display:none;
    }
.page-content .banner-etape .bloc-etape .rte .number{
      font-size: 20px;
     margin-bottom:3rem;
}
.page-content .banner-titre .bloc-produit .rte h3 {
    font-size: 20px;
    margin-bottom: 2rem;
}
.page-content .banner-titre, .page-content .banner-etape{
    padding:1rem;
}
.page-content .banner-etape .bloc-etape .rte .text-number {
    font-size: 16px;
}
  .page-content .banner-formulaire{
         padding:2rem;
    }
}

@media (min-width: 768px) {
      .page-content .banner-text-right > .row,  .page-content .banner-text-left, .page-content .banner-video{
          flex-direction:column;
     }
    .page-content .banner-formulaire{
         padding:2rem;
    }
    .page-content .banner-text-right .text-bloc{
         padding-left:1rem;
    }
 .page-content .banner-video .text-video p.subtitle, .page-content .banner-text-right .text-bloc p.subtitle, .page-content .banner-text-left .text-bloc p.subtitle{
         margin-top:1rem;
    }
  .page-content .banner-text-left .img-bloc{
         order:-1;
  }
  .page-content .banner-text-left .img-bloc:before {
          height: 310px;
          width: 200px;
          top: -30px;
          left: -20px;
          transform: translateY(0);
          display:block;
    }
    .page-content .banner-text-right .img-bloc img, .page-content .banner-text-left .img-bloc img{
         height:400px;
         object-fit:cover;
    }
    .page-content .banner-text-left{
          padding:2rem;
     }
.page-content .banner-text-right{
     padding:4rem;
}
  .page-content .banner-video .text-video{
         padding-right:0;
    }
.page-content .banner-etape .bloc-etape .rte .number{
      font-size: 25px;
     margin-bottom:3rem;
}
.page-content .banner-titre .bloc-produit .rte h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
.page-content .banner-titre, .page-content .banner-etape{
    padding:2rem;
}
.page-content .banner-etape .bloc-etape .rte .number:after {
        display:block;
    }
.page-content .banner-etape .bloc-etape .rte .text-number {
    font-size: 16px;
}
  .page-content .banner-etape .bloc-etape {
        margin-bottom: 0px !important;
    }
.page-content .banner-video{
     padding:2rem;
}
}

@media (min-width:1199.98px) {
     .page-content .banner-text-right > .row,  .page-content .banner-text-left, .page-content .banner-video{
          flex-direction:row;
     }
    .page-content .banner-text-right .text-bloc{
          padding-left:3rem;
    }
 .page-content .banner-text-left .text-bloc{
          padding-right:3rem;
    }
      .page-content .banner-video .video{
         order:0;
         margin-bottom: 0!important;
    }
    .page-content .banner-video .text-video p.subtitle, .page-content .banner-text-right .text-bloc p.subtitle, .page-content .banner-text-left .text-bloc p.subtitle{
          margin-top:0em;
    }
 .page-content .banner-text-left .img-bloc{
          order:1;
  }
.page-content .banner-text-left{
          padding:4em;
     } 
 .page-content .banner-text-left .img-bloc:before {
          height: 430px;
          width: 200px;
          top: 50%;
          left: -30px;
          transform: translateY(-50%);
          display:block;
    }
   .page-content .banner-text-right .img-bloc img,  .page-content .banner-text-left .img-bloc img{
         height:400px;
         object-fit:cover;
    }
  .page-content .banner-video .text-video{
         padding-right:3rem;
    }
  .page-content  .banner-etape .bloc-etape{
        margin-bottom:0px!important;
    }
.page-content .banner-etape .bloc-etape .rte .number{
      font-size: 20px;
     margin-bottom:3rem;
}
.page-content .banner-titre .bloc-produit .rte h3 {
    font-size: 26px;
    margin-bottom: 30px;
}
.page-content .banner-titre, .page-content .banner-etape{
    padding:4rem;
}
.page-content .banner-etape .bloc-etape .rte .number:after {
        display:block;
    }
.page-content .banner-etape .bloc-etape .rte .text-number {
    font-size: 18px;
}
    .page-content .banner-etape .bloc-etape {
        margin-bottom: 0px !important;
    }
.page-content .banner-video, .page-content .banner-titre, .page-content .banner-etape, .page-content .banner-text-right, .page-content .banner-text-left{
     padding:4rem;
}
 .page-content .banner-formulaire{
         padding:4rem;
    }
}