/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
*/

@import url("../Divi/style.css");
@import url("variables.css");

/* DEBUT - Déclarations des Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
/* END - Déclarations des Fonts*/

header {
  position: relative;
  z-index: 999;
}

#main-content{
  position: relative;
  background: transparent;
  z-index: 1;
  .et_builder_inner_content{
    background:#fff;
  }
}

.wt-cli-ckyes-brand-logo{
  display: none;
}

.section-entete{
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #CCCCCC;
}

.slider_single_actu{
  background: rgba(255,255,255,1)!important;
  padding: 22px 25px;
}

.slider-actus-single .slider_single_actu .date-actu {
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 10px;
}

.slider-actus-single .slider_single_actu  .title-actu {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #DC7743;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 900;
}

.slider-actus-single .slider_single_actu  .text-actu {
  font-size: 19px;
  line-height: 24px;
  font-weight: 500;
  color: #707070;
  margin-bottom: 15px;
  font-weight: 400;
}


.slider-actus-single .slider_single_actu  .more-actu {
  position: absolute;
  bottom: 20px;
  color: #333333;
  font-size: 19px;
  line-height: 24px;
  font-weight: 700;
  padding-right: 25px;
}

.slider-actus-single .sp-slide {
  box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
    border-radius: 5px;
}

.slider-actus-single .slider_single_actu .content-infos-actu .more-actu:after {
  content: "\24";
  font-family: 'ETmodules';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.page-exemple .et_pb_section:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333333;
  width: 80%;
  height: 2px;
  opacity: 0.3;
}

.page-exemple .et_pb_section.section-text-general.call-to-action:before{
  display: none;
}

/* DEBUT - Déclarations générales
   Body, Ligne, Ligne en plein écran, bouton général du site */

body{
  font-family: var(--font-family-p-global);
  color: var(--color-p-global);
  font-size: var(--size-p-global);
  line-height: var(--line-height-p-global);
  counter-reset: section;
}

.row-width{
  width: 1440px!important;
  max-width: 100%!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
}

.row-width-full{
  width: 100%!important;
  max-width: 100%!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
}

.row-width-full.img-full{
  padding-left: 0!important;
  padding-right: 0!important;
}

.row-width-full.img-full .bloc-image-text{
  height: 65vh!important;
}

.bt-link-global,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button{
  display: inline-block;
  padding: 15px!important;
  padding-left: 25px!important;
  padding-right: 35px!important;
  border: 2px solid var(--color-link-border)!important;
  background-color: var(--background-link-general)!important;
  font-size: var(--size-link-general)!important;
  line-height: var(--size-link-general)!important;
  color: var(--color-link-general);
  margin-top: 10px;
  font-weight: bold;
  transition: all 0.3s ease!important;
  border-radius: 8px!important;
  position: relative!important;
  cursor: pointer;
  pointer-events: visible;
  margin-left: 0!important;
  margin-right: 0!important;
}

.bt-link-global:after,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:after{
  content: "\35";
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-transform: none;
  font-family: 'ETmodules'!important;
  transition: none!important;
  font-size: var(--size-link-general)!important;
  line-height: var(--size-link-general)!important;
}

.bt-link-global:hover,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:hover{
  border: 2px solid var(--color-link-border)!important;
  background-color: var(--color-link-general)!important;
  color: var(--background-link-general)!important;
  padding-right: 35px!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:hover{
  border: 2px solid #DC7743!important;
  background-color: #DC7743!important;
  color: #FFFFFF!important;
}

.bloc-general-texte.warning h4 strong {
  position: absolute;
  bottom: 100px;
  left: calc(50% - 20px);
  font-size: 40px;
}

.bloc-general-texte.warning h4 {
      color: #ff240b;
      font-weight: 700;
}



.bt-link-global:hover:after,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:after{
  opacity: 1;
  margin-left: 0;
}

#entete-hauteur .slider-basique .et-pb-controllers{
  z-index: 999!important;
  bottom: 100px;
}

#entete-hauteur .slider-basique .et-pb-controllers a{
  width: 84px;
  height: 8px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 1!important;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
}

#entete-hauteur .slider-basique .et-pb-controllers a.et-pb-active-control{
  background-color: #DC7743;
}

/* END - Déclarations générales
   Body, Ligne, Ligne en plein écran, bouton général du site */

/* Section - Entête de page */

#entete-hauteur{
  width: 100%;
  max-width: 100%;
  height: calc(767px - var(--height-header));
}

#entete-hauteur.simple:before{
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
  z-index: 12;
}

#entete-hauteur .entete-simple{
  position: relative;
  z-index: 999;
}

#entete-hauteur .row-width-full,
#entete-hauteur .row-width{
  display: flex;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  z-index: 999;
}

#entete-hauteur.video{
  padding: 0!important;
}

#entete-hauteur .row-width-full.video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0!important;
  z-index: 11!important;
}

#entete-hauteur.video .row-width-full.video,
#entete-hauteur.video .row-width-full.video .et_pb_column,
#entete-hauteur.video .row-width-full.video .et_pb_column .et_pb_module,
#entete-hauteur.video .row-width-full.video .et_pb_column .et_pb_module .et_pb_code_inner{
  padding: 0!important;
  height: 100%!important;
}

#entete-hauteur .row-width h1{
  font-family: var(--font-family-title-entete);
  color: var(--color-title-entete);
  font-size: var(--font-size-title-entete);
  line-height: var(--font-size-title-entete);
  text-align: var(--alignement-title-entete);
  font-weight: bold;
  padding-bottom: 0px!important;
  margin-bottom: 15px;
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur .row-width p{
  font-family: var(--font-family-p-entete);
  color: var(--color-p-entete);
  font-size: var(--font-size-p-entete);
  line-height: var(--line-height-p-entete);
  text-align: var(--alignement-p-entete);
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur.entete-hauteur-full{
  width: 100%;
  max-width: 100%;
  height: calc(100vh - var(--height-header));
}

#entete-hauteur.entete-hauteur-page{
  width: 100%;
  max-width: 100%;
  height: calc(600px - var(--height-header));
}

#entete-hauteur.slider{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

#entete-hauteur.slider .row-width-full,
#entete-hauteur.slider .et_pb_column,
#entete-hauteur.slider .et_pb_column .et_pb_module,
#entete-hauteur.slider .et_pb_column .et_pb_module .et_pb_code_inner{
  padding: 0!important;
  height: 100%!important;
}

#entete-hauteur .slider-basique{
  height: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slides,
#entete-hauteur .slider-basique .et_pb_slide{
  height: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slides{
  z-index: 999;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_container{
  z-index: 999;
  width: 100%!important;
  max-width: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide{
  padding: 0!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description{
  padding: 0!important;
  width: 1440px;
  max-width: 100%;
  margin: auto;
  padding-left: 80px!important;
  padding-right: 80px!important;
  float: none!important;
  z-index: 99999;
  position: relative;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before{
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
  z-index: 9999;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
  font-family: var(--font-family-title-entete);
  color: var(--color-title-entete);
  font-size: var(--font-size-title-entete);
  line-height: var(--font-size-title-entete);
  text-align: var(--alignement-title-entete);
  padding-bottom: 0px!important;
  margin-bottom: 15px;
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
  font-weight: 300;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2 span{
  display: block;
  text-transform: uppercase;
  font-weight: 900;
  color: #DC7743;
  font-size: 45px;
  line-height: 54px;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide p{
  font-family: var(--font-family-p-entete);
  color: var(--color-p-entete-slider);
  font-size: var(--font-size-p-entete);
  line-height: var(--line-height-p-entete);
  text-align: var(--alignement-p-entete);
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_button_wrapper{
  text-align: left!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_button_wrapper a{
  width: 280px!important;
  max-width: 100%;
  padding-right: 10px!important;
  padding-left: 10px!important;
  text-align: center;
  display: flex!important;
  align-items: center;
  justify-content: center;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_button_wrapper a:before{
  content: "\49";
  font-family: 'ETmodules'!important;
  display: inline-block;
  margin-right: 10px;
  position: relative!important;
  opacity: 1!important;
  margin-left: 0px!important;
  transition: all 0.3s ease!important;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_slider_container_inner.play .et_pb_button_wrapper a:before{
  content: "\5f";
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_button_wrapper a:after{
  display: none!important;
}

#entete-hauteur .slider-basique .et_pb_slide_video,
#entete-hauteur .slider-basique .et_pb_slide_video .wp-video,
#entete-hauteur .slider-basique .et_pb_slide_video .wp-video-shortcode,
#entete-hauteur .slider-basique .et_pb_slide_video .mejs-inner{
  width: 100%!important;
  height: 100%!important;
}

#entete-hauteur .slider-basique .et_pb_slide_video{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  margin-top: 0!important;
}

#entete-hauteur .slider-basique .et_pb_slide_video video{
  width: 100%!important;
  height: 100%!important;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 99;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide_with_video .et_pb_slider_container_inner.play video{
  opacity: 1;
  visibility: visible;
}

#entete-hauteur .slider-basique .et_pb_slide_video .mejs-controls,
#entete-hauteur .slider-basique .et_pb_slide_video .mejs-layers{
  display: none!important;
}

#entete-hauteur .slider-basique .et-pb-arrow-next,
#entete-hauteur .slider-basique .et-pb-arrow-prev{
  font-size: 80px!important;
  z-index: 9999999;
}

#entete-hauteur .slider-basique .et-pb-arrow-prev{
  left: -10px!important;
}

#entete-hauteur .slider-basique .et-pb-arrow-next{
  right: -10px!important;
}

#entete-hauteur .slider-basique.slider-page-produits .et_pb_slide_content h1{
  font-size: 45px!important;
  line-height: 54px!important;
  color: #DC7743!important;
  text-align: left!important;
  text-transform: uppercase!important;
  font-weight: 900;
  padding-bottom: 5px;
}

#entete-hauteur .slider-basique.slider-page-produits .et_pb_slide_content p,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide p{
  width: auto;
  max-width: 100%;
  font-size: 30px;
  line-height: 37px;
  padding-bottom: 10px;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide a{
  margin-right: 18px !important;
}

/* END - Section - Entête de page */

/* Section - Intérieur */

.section-text-general{
  padding-top: var(--section-text-general-marge-top-bottom)!important;
  padding-bottom: var(--section-text-general-marge-top-bottom)!important;
}

.section-text-general .row-width{
  padding-top: var(--section-text-general-marge-int-top-bottom)!important;
  padding-bottom: var(--section-text-general-marge-int-top-bottom)!important;
}

.section-text-general .row-width-titre{
  padding-bottom: 20px!important;
}

.section-text-general .row-width-titre.page{
  padding-bottom: 60px!important;
}

.section-text-general .row-width-titre.no-marge{
  padding-bottom: 0!important;
}

.section-text-general .row-width-titre.no-marge h3{
  padding-bottom: 0!important;
  margin-bottom: 0!important;
}

.section-text-general.call-to-action{
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.section-text-general.call-to-action .bt-link-global{
  margin-top: 10px!important;
  margin-bottom: 40px!important;
  left: 50%;
  transform: translateX(-50%);
}

.section-text-general.call-to-action .bloc-general-texte{
  margin-top: 40px!important;
}

.bloc-general-texte h1{
  font-family: var(--font-family-h1-global);
  color: var(--color-title-h1-global);
  font-size: var(--size-title-h1-global);
  line-height: var(--size-title-h1-global);
  font-weight: bold;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
}

.bloc-general-texte h2{
  font-family: var(--font-family-h2-global);
  color: var(--color-title-h2-global);
  font-size: var(--size-title-h2-global);
  line-height: var(--size-title-h2-global);
  font-weight: 900;
  margin-bottom: 30px;
  padding-bottom: 25px;
  position: relative;
  text-transform: uppercase;
}

.bloc-general-texte h2 span{
  font-size: calc(var(--size-title-h2-global) - 40px);
  line-height: calc(var(--size-title-h2-global) - 5px);
  display: block;
}

.row-width-titre .bloc-general-texte h2{
  margin-bottom: 0;
}

.bloc-general-texte h3{
  font-family: var(--font-family-h3-global);
  color: var(--color-title-h3-global);
  font-size: var(--size-title-h3-global);
  line-height: var(--size-title-h3-global);
  font-weight: bold;
  margin-bottom: 10px;
}

.bloc-general-texte.page-legale h2{
  color: #DC7743;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 0px;
}

.bloc-general-texte.page-legale h2:before{
  display: none;
}

.bloc-general-texte.page-legale h3{
  color: #333333;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0px;
}

.bloc-general-texte h3{
  color: #DC7743;
  font-size: 25px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 900;
}

.bloc-general-texte strong {
  font-weight: 800;
}

.bloc-general-texte.blanc h2{
  color: #FFFFFF;
}

.bloc-general-texte.blanc h3{
  color: #FFFFFF;
}

.bloc-general-texte.center h3{
  text-align: center;
}

.bloc-general-texte.center h4{
  text-align: center;
}

.bloc-general-texte h4{
  font-family: var(--font-family-h4-global);
  color: var(--color-title-h4-global);
  font-size: var(--size-title-h4-global);
  line-height: var(--size-title-h4-global);
  font-weight: bold;
  margin-bottom: 10px;
}

.bloc-general-texte.center h2{
  text-align: center;
}

.bloc-general-texte h2:before{
  content: " ";
  position: absolute;
  bottom: 0;
  width: 200px;
  height: 10px;
  background-color: #DC7743;
}

.bloc-general-texte.center h2:before{
  left: 50%;
  transform: translateX(-50%);
}

.bloc-general-texte h1:before{
  content: " ";
  position: absolute;
  bottom: 0;
  width: 200px;
  height: 10px;
  background-color: #DC7743;
}

.bloc-general-texte.center h1:before{
  left: 50%;
  transform: translateX(-50%);
}

.bloc-general-texte p,
.bloc-general-texte ul{
  font-family: var(--font-family-p-global);
  color: var(--color-p-global);
  font-size: var(--size-p-global);
  line-height: var(--line-height-p-global);
}

.bloc-general-texte.center p{
  text-align: center;
}

.bloc-general-texte.blanc p{
  color: #FFFFFF;
}

.bloc-general-texte p a{
  color: #DC7743;
  text-decoration: underline;
}

.bloc-general-texte ul{
  list-style: none!important;
  padding-left: 0px!important;
}

.bloc-general-texte ul li{
  padding-left: 25px!important;
  position: relative;
}

.bloc-general-texte ul li:before{
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: var(--color-general);
  border-radius: 50%;
}

.bloc-general-texte.float-img img{
  max-width: 30%;
  margin-bottom: 15px;
}

.bloc-general-texte.right h3{
  text-align: right;
}

.bloc-general-texte.right p{
  text-align: right;
}

.row-text-img.row-reverse{
  padding-left: 0px!important;
}

.row-text-img{
  margin-top: 35px!important;
  margin-bottom: 35px!important;
}

/* .row-text-img.last{
  padding-bottom: 0px!important;
} */

.row-text-img .bloc-general-texte{
  padding: 50px!important;
}

.row-text-img .bloc-general-texte.right{
  padding-left: 0px!important;
  padding-right: 60px!important;
}

.row-text-img .bloc-general-texte.left{
  padding-left: 60px!important;
  padding-right: 0px!important;
}

.row-text-img.row-reverse .bloc-general-texte{
  padding-left: 60px!important;
  padding-right: 0px!important;
}

.bloc-image-text,
.bloc-image-text .et_pb_image_wrap {
  width: 100%!important;
  height: 100%!important;
}

.bloc-image-text .et_pb_image_wrap img {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
}

.focus-column .bt-link-global{
  width: 100%;
  background-color: var(--background-color-focus)!important;
  background-color: var(--background-link-general-focus)!important;
  font-size: var(--size-link-general-focus)!important;
  line-height: var(--size-link-general-focus)!important;
  text-align: center;
  padding: 5px!important;
  margin-top: 0px;
}

.focus-column .bt-link-global:after{
  display: none!important;
}

.focus-column .bt-link-global:hover {
  background-color: var(--color-link-general)!important;
  color: var(--color-general)!important;
  padding-right: 0!important;
}

.focus-column .bloc-focus-texte{
  text-align: center;
}

.focus-column .bloc-focus-texte h3{
  font-family: var(--font-family-h3-focus);
  color: var(--color-title-h3-focus);
  font-size: var(--size-title-h3-focus);
  line-height: var(--size-title-h3-focus);
  font-weight: bold;
  margin-bottom: 0;
  position: relative;
}

.et_pb_row_2 .focus-column .bloc-focus-texte h3{
  color: #FFF;
}

.row-pictos-focus .focus-column .bloc-focus-texte h3{
  color: var(--color-general);
}

.row-width-focus-3 .focus-column .bloc-focus-texte h3{
  font-family: var(--font-family-h3-focus-3);
  color: var(--color-title-h3-focus-3);
  font-size: var(--size-title-h3-focus-3);
  line-height: var(--size-title-h3-focus-3);
}

.row-width-focus-2 .focus-column .bloc-focus-texte h3{
  font-family: var(--font-family-h3-focus-2);
  color: var(--color-title-h3-focus-2);
  font-size: var(--size-title-h3-focus-2);
  line-height: var(--size-title-h3-focus-2);
}

.focus-column .bloc-focus-texte p{
  font-family: var(--font-family-p-focus);
  color: var(--color-p-focus);
  font-size: var(--size-p-focus);
  line-height: var(--size-p-focus);
}

.focus-column .bloc-focus-img{
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.focus-column .bloc-focus-img .et_pb_image_wrap {
  width: 100%;
  height: 100%;
}

.focus-column .bloc-focus-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.row-width-focus-5 .focus-column .bloc-focus-img{
  height: 180px;
}

.row-width-focus-4 .focus-column .bloc-focus-img{
  height: 200px;
}

.row-width-focus-3 .focus-column .bloc-focus-img{
  height: 200px;
}

.row-width-focus-2 .focus-column .bloc-focus-img{
  height: 250px;
}

.bloc-focus-price .et_pb_pricing_table {
  padding-bottom: 0px!important;
}

.bloc-focus-price .et_pb_et_price .et_pb_sum {
  color: var(--color-general);
  font-weight: bold;
}

.bloc-focus-price .et_pb_pricing li span {
  color: var(--color-p-global);
  font-size: var(--size-p-global);
  line-height: var(--line-height-p-global);
}

.bloc-focus-price .et_pb_pricing li span:before {
  border-color: var(--color-general);
}

.nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit]{
  display: block;
  padding: 15px!important;
  padding-left: 25px!important;
  padding-right: 25px!important;
  border: 2px solid #DC7743!important;
  background-color: #DC7743!important;
  font-size: var(--size-link-general)!important;
  line-height: var(--size-link-general)!important;
  color: var(--color-link-general);
  margin-top: 10px!important;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.3s ease!important;
  border-radius: 3px!important;
  position: relative!important;
  cursor: pointer;
  pointer-events: visible;
  height: auto!important;
  width: 100%!important;
}

.nf-form-content button:hover,
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=submit]:hover{
  background-color: #FFFFFF!important;
  color: #DC7743!important;
}

.content-infos-contact{
  padding: 25px!important;
  padding-top: 35px!important;
  padding-bottom: 35px!important;
}

.bloc-contact{
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px!important;
}

.content-infos-contact .bloc-contact:last-child{
  margin-bottom: 0!important;
}

.bloc-contact h3{
  position: relative;
  color: var(--color-contact-h3);
  font-size: var(--size-contact-h3);
  line-height: var(--size-contact-h3);
  font-weight: bold;
}

.bloc-contact p{
  color: var(--color-contact-p);
  font-size: var(--size-contact-p);
  line-height: var(--line-height-contact-p);
}

.bloc-contact a{
  color: var(--color-contact-p);
  font-size: var(--size-contact-p);
  line-height: var(--line-height-contact-p);
  text-decoration: underline;
}

.bloc-contact:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'ETmodules'!important;
  font-size: 40px;
  line-height: 40px;
  color: var(--color-contact-picto);
}

.bloc-contact.adresse:before{
  content: "\e01d";
}

.bloc-contact.horaires:before{
  content: "\7d";
}

.bloc-contact.telephone:before{
  content: "\e090";
}

.bloc-contact.email:before{
  content: "\e010";
}

.bloc-contact.acces{
  padding-left: 0px;
}

.galerie-simple .et_overlay:before{
  color: var(--color-general)!important;
}

.galerie-simple .et_pb_gallery_image{
  background-color: #CCC;
}

.galerie-simple .et_pb_gallery_image img{
  display: block;
}

.mfp-title{
  display: none;
}

.mfp-fade .mfp-figure {
  transition: all 0.3s ease-out;
  opacity: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.mfp-fade.mfp-image-loaded .mfp-figure {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-fade.mfp-removing .mfp-figure {
  opacity: 0;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.carrousel-logo .wdcl-carousel-item{
  background-color: #CCC;
}

.carrousel-logo .wdcl-carousel-item img{
  opacity: 1;
}

/**/

/* Actus home + page */

.row-actus .bt-link-global{
  text-align: center!important;
  width: 400px!important;
  max-width: 100%!important;
  display: block!important;
  margin-left: auto!important;
  margin-right: auto!important;
}

.blog-actu article h2{
  padding-bottom: 5px!important;
}

.blog-actu article h2 a{
  color: var(--color-title-blog)!important;
  font-size: var(--size-title-blog)!important;
  line-height: var(--line-height-title-blog)!important;
  font-weight: bold;
}

.blog-actu article .post-meta .published{
  color: var(--color-date-blog)!important;
  font-size: var(--size-date-blog)!important;
  line-height: var(--line-height-date-blog)!important;
}

.blog-actu article .post-content p{
  color: var(--color-p-blog)!important;
  font-size: var(--size-p-blog)!important;
  line-height: var(--line-height-p-blog)!important;
}

.blog-actu article .more-link{
  margin-top: 15px;
  text-align: center;
  font-weight: bold;
  display: block;
  padding: 5px;
  width: 100%!important;
  background-color: var(--background-lire-plus-blog)!important;
  border: 2px solid var(--background-lire-plus-blog)!important;
  color: var(--color-lire-plus-blog)!important;
  transition: all 0.3s ease;
  border-radius: 29px!important;
}

.blog-actu article .more-link:hover{
  background-color: var(--color-lire-plus-blog)!important;
  color: var(--background-lire-plus-blog)!important;
}

.wp-pagenavi{
  text-align: center;
  padding-top: 30px;
}

.wp-pagenavi span.current{
  background-color: var(--background-pagination-current)!important;
  color: var(--color-pagination-current)!important;
}

.wp-pagenavi a{
  background-color: var(--background-pagination)!important;
  color: var(--color-pagination)!important;
  transition: all 0.3s ease;
}

.wp-pagenavi a:hover{
  background-color: var(--color-pagination)!important;
  color: var(--background-pagination)!important;
}

.wp-pagenavi a,
.wp-pagenavi span.current{
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid var(--color-pagination)!important;
}
.wp-pagenavi a,
.wp-pagenavi span.current{
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid var(--color-pagination)!important;
}

.single-post article.post {
  margin-bottom: 0px!important;
  padding-top: 30px!important;
  padding-bottom: 40px!important;
}

.single-post article.post .entry-content .gallery{
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px!important;
}

.single-post article.post .entry-content .gallery .gallery-item{
  height: 220px;
  flex-basis: 23.5%;
  margin-right: 2%;
  margin-top: 0px!important;
  margin-bottom: 2%!important;
}

.single-post article.post .entry-content .gallery .gallery-item:nth-child(4n){
  margin-right: 0;
}

.single-post article.post .entry-content .gallery .gallery-item .gallery-icon{
  height: 100%;
}

.single-post article.post .entry-content .gallery .gallery-item a{
  width: 100%;
  height: 100%;
  display: block;
}

.single-post article.post .entry-content .gallery .gallery-item a img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.single #left-area,
.error404 #left-area {
  width: 100%!important;
  float: none!important;
  padding-bottom: 0px!important;
  padding-right: 0px!important;
  margin-right: 0px!important;
}

.single #main-content .container:before,
.error404 #main-content .container:before{
  display: none!important;
}

.single .et_post_meta_wrapper img{
  float: right;
  max-width: 40%;
  margin-left: 20px;
  margin-bottom: 20px;
}

.single .entry-content{
  padding-top: 0px;
}

.single .post-meta .published{
  color: var(--color-date-blog)!important;
  font-size: var(--size-date-blog)!important;
  line-height: var(--line-height-date-blog)!important;
  font-weight: 500!important;
}

.single .bloc-general-texte ul.juiz_sps_links_list li:before{
  display: none;
}

/**/

/* FOOTER */

.et-l--footer.fixed{
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 0;
}

#main-footer{
  display: none!important;
}

#footer-basic{
  background-color: var(--background-footer)!important;
  padding: 0!important;
}

#footer-basic .row-width{
  margin: 0!important;
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.logo-footer{
  display: flex;
  justify-content: center;
}

.copyright{
  background-color: var(--background-copyright)!important;
  padding: 0!important;
}

.copyright .row-width{
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

#footer-basic h3{
  color: var(--color-footer-h3);
  font-size: var(--size-footer-h3);
  line-height: var(--footer-h3);
  font-weight: bold;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#footer-basic h3:before{
  content: " ";
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 2px;
  background-color: var(--color-footer-h3);
}

#footer-basic .bloc-contact{
  padding-left: 35px;
  margin-bottom: 15px!important;
}

#footer-basic .bloc-contact:last-child{
  margin-bottom: 0!important;
}

#footer-basic .bloc-contact p{
  color: var(--color-footer-contact-p);
  font-size: var(--size-footer-contact-p);
  line-height: var(--line-height-footer-contact-p);
}

#footer-basic .bloc-contact a{
  color: var(--color-footer-contact-p);
  font-size: var(--size-footer-contact-p);
  line-height: var(--line-height-footer-contact-p);
  text-decoration: underline;
}

#footer-basic .bloc-contact:before{
  font-size: 20px;
  line-height: 20px;
  color: var(--color-footer-contact-picto);
}

#footer-basic .plan-du-site-footer ul li a{
  color: var(--color-footer-contact-p);
  font-size: var(--size-footer-contact-p);
  line-height: var(--line-height-footer-contact-p);
  transition: all 0.3s ease;
}

#footer-basic .plan-du-site-footer ul li a:hover{
  opacity: 0.8;
}

.link-copyright{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.link-copyright span,
.link-copyright a{
  color: var(--color-footer-copyright-a);
  transition: all 0.3s ease;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

.link-copyright a:hover{
  opacity: 0.8;
}

#footer-basic .bt-link-global{
  background-color: var(--background-footer-link-global)!important;
  border-color: var(--background-footer-link-global)!important;
  color: var(--color-footer-link-global)!important;
  font-size: var(--size-footer-link-global)!important;
  line-height: var(--line-height-footer-link-global)!important;
  margin-top: 0!important;
}

#footer-basic .bt-link-global:after{
  font-size: var(--size-footer-link-global)!important;
  line-height: var(--line-height-footer-link-global)!important;
}

#footer-basic .bt-link-global:hover{
  background-color: var(--color-footer-link-global)!important;
  color: var(--background-footer-link-global)!important;
  padding-right: 25px!important;
}

/**/

/* END - General CSS */

/* Plan du site */

.wsp-pages-list{
  display: flex;
  flex-direction: row;
  list-style: none;
  flex-wrap: wrap;
  padding: 0!important;
  justify-content: center;
}

.wsp-pages-list li.page_item{
  flex-basis: 32%;
  background-color: #FFFFFF;
  margin: 0.5%;
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0px!important;
  order: 2;
  border-radius: 5px;
}

.wsp-pages-list li.page-item-5184.page_item_has_children{
  flex-direction: column;
  order: 1;
  flex-basis: 98%;
  margin: 0.5%;
  background: #f7e2d8;
  align-items: center;
}

.wsp-pages-list li.page-item-5184.page_item_has_children ul{
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-left: 0px!important;
}

.wsp-pages-list li.page-item-5184.page_item_has_children ul li{
  flex-basis: 48%;
  margin: 1%;
}

.wsp-pages-list li.page_item:before{
  display: none;
}

.wsp-pages-list li.page_item a{
  padding: 10px;
  width: 100%;
  text-align: center;
  background: #FFFFFF;
  color: #dc7743;
  font-weight: bold;
  border: 1px solid #dc7743;
  transition: all 0.3s ease;
  border-radius: 5px;
}

.wsp-pages-list li.page_item a:hover{
  background: #dc7743;
  color: #FFFFFF;
}

.wsp-pages-title{
  display: none;
}

/* END - Plan du site */

#page-container{
  padding-top: var(--height-header)!important;
}

#header-menu{
  padding-top: 0!important;
  padding-bottom: 0!important;
  position: fixed!important;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--height-header);
}

#header-menu.section-text-general .row-width.row-acces{
  padding-top: 25px!important;
  padding-bottom: 0px!important;
}

#header-menu.section-text-general .row-width.row-menu{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

#header-menu.section-text-general .bloc-acces-rapide-entete, #main-header .bloc-acces-rapide-entete{
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  & > a{
    display: flex;
    align-items: center;
    padding-left: 35px;
    padding-right: 30px;
    position: relative;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;
    transition: all 0.3s ease;
    span{
      transition: all 0.3s ease;
    }
    &:hover{
      &:after,&:before,span{
        opacity: 0.7;
      }
    }
    &:after{
      content: "";
      width: 1px;
      height: 100%;
      position: absolute;
      right: 15px;
      top: 0;
      background-color: #DC7743;
      transition: all 0.3s ease;
    }
    &:last-child{
      padding-right: 0;
      &:after{
        display: none;
      }
    }
    &:before{
      content: "";
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      left: 0px;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s ease;
    }
    &.commande-bois{
      padding-left: 35px;
      &:before{
        background-image: url("/wp-content/uploads/2025/03/ic-n-bois.svg");
        width: 28px;
        height: 28px;
      }
    }
    &.commande-granule{
      padding-left: 45px;
      &:before{
        background-image: url("/wp-content/uploads/2025/03/ic-n-granul.svg");
        width: 33px;
        height: 28px;
      }
    }
    &.ramonage{
      padding-left: 40px;
      &:before{
        background-image: url("/wp-content/uploads/2025/03/ic-n-ramonage.svg");
        width: 28px;
        height: 28px;
      }
    }
    &.sav{
      padding-left: 45px;
      &:before{
        background-image: url("/wp-content/uploads/2025/03/ic-n-sav.svg");
        width: 39px;
        height: 27px;
      }
    }
  }
}

#main-header{
  background-color: #25242a !important;
  @media screen and (max-width: 980px){
    position: fixed !important;
  }
  .container{
    width: 1440px !important;
    max-width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    &.top-header{
      padding-top: 25px !important;
      @media screen and (max-width: 980px){
        display: none;
      }
      ul.social_media{
        display: flex;
          li{
            margin-left: 10px !important;
            a.icon{
              background-color: #dc7743 !important;
              height: 32px;
              width: 32px;
              padding: 0;
              border-radius: 5px 5px 5px 5px;
              margin-right: 8px;
              display: inline-block;
              &:before{
                font-family: ETmodules;
                speak: none;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                text-shadow: 0 0;
                direction: ltr;
                height: 32px;
                width: 32px;
                font-size: 16px;
                line-height: 32px;
                display: block;
                color: #fff;
                -webkit-transition: color .3s;
                transition: color .3s;
                position: relative;
                z-index: 10;
                text-align: center;
              }
            }
            &.et-social-facebook {
              a.icon{
                :before{
                  content: "\e093";
                }
              }

            }
          }

      }

    }
    #top-menu-nav{
      @media screen and (max-width: 980px){
        display: none;
      }
    }
    &.et_menu_container{
      @media screen and (max-width: 980px){
        display: flex;
        z-index: 9999999;
      }
    }
  }
  .logo_container{
    width: 20%;
    position: absolute;
    height: 110px;
    left: 40px;
    bottom: -10px;
    @media screen and (max-width: 980px){
      bottom: 0;
      left: 0;
      height: auto;
      width: 100%;
      position: relative;
    }
    img#logo{
      max-width: 100%;
    }
  }
  #et-top-navigation{
    /*width: 80%;*/
    @media screen and (max-width: 980px){
      padding-left: 0!important;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    #top-menu-nav{
      @media screen and (max-width: 980px){
        display: none;
      }
      #menu-menu-principal{
        display: flex;
        justify-content: flex-end;
        position: relative;
      }
    }

    #et_mobile_nav_menu{
      .mobile_nav{
        &.opened{
          .et_mobile_menu {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateX(0) !important;
          }
        }
        .mobile_menu_bar{
          padding-bottom: 0;
          &.mobile_menu_bar_toggle{
            &:before{
              color: #FFFFFF !important;
              font-size: 70px !important;
            }
          }
        }
      }
    }
  }
}



.column-logo{
  flex-basis: 12%;
  margin-right: 3%!important;
  margin-top: -10px!important;
}

.column-menu{
  flex-basis: 85%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

#menu-desktop{
  background: none;
}

#menu-desktop .et_pb_menu__wrap{
  justify-content: flex-end;
}

#menu-menu-principal{
  margin-left: 0px!important;
  margin-right: 0px!important;

  & > li{
    padding-left: 0px!important;
    padding-right: 20px!important;
    padding-bottom: 15px!important;
    margin-top: 0px!important;
    position: unset;
    &:last-child{
      padding-right: 0!important;
    }
    &:hover {
      & > .sub-menu-wrap{
        opacity: 1 !important;
        visibility: visible !important;
        display: flex;
      }
    }

    & > a{
      padding-bottom: 0px !important;
      color: #FFFFFF;
      font-size: 19px;
      line-height: 23px;
      font-weight: 500;
      transition: all 0.3s ease!important;

      position: relative;
    }

    &.current-menu-item, &.current-menu-parent, &.current-menu-ancestor, &:hover {
      & > a{
        color: #DC7743!important;
        opacity: 1!important;
      }
    }

    &.menu-item-has-children {
      & > a{
        padding-right: 20px;
        &::after{
          font-size: 18px;
          top: 3px;
          font-family: ETmodules;
          content: "3";
          position: absolute;
          right: 0;
          font-weight: 800;
        }
      }

    }

    & > .sub-menu-wrap{
      top: 30px;
      border: 0px!important;
      box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
      width: 100%!important;
      background-color: #3E3D45!important;
      padding: 0!important;
      display: none;
      position: absolute !important;
      left: 0 !important;
      visibility: hidden;
      opacity: 0;
      z-index: 9999;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      & > .sub-menu-wrap-container{
        width: 100%!important;
        display: flex;
        align-items: stretch;
        & > ul.sub-menu{
          display: flex;
          opacity: 1 !important;
          visibility: visible !important;
          flex-direction: column;
          background-color: #3E3D45 !important;
          border: none;
          width: 30%;
          position: relative;
          min-height: 380px;
          & > li{

            &.titre-mega-menu{
              & > a{
                pointer-events: none;
                text-transform: uppercase;
                color: #DC7743;
                font-size: 20px;
                line-height: 20px;
                padding: 0!important;
                padding-bottom: 40px!important;
                font-weight: bold;
                position: relative;
                display: block;
                transition: all 0.3s ease!important;
                &:after{
                  content: "";
                  left: 0;
                  top: calc(100% - 25px);
                  position: absolute;
                  width: 15px;
                  height: 3px;
                  background-color: #DC7743;
                  display: block;
                }
              }
            }
            &:first-child{
              flex-basis: 35%;
              padding: 35px!important;
              padding-top: 45px!important;
            }
            & > a {
              color: #FFFFFF;
              font-size: 17px;
              line-height: 18px;
              padding: 0!important;
              padding-top: 12px!important;
              padding-bottom: 12px!important;
              font-weight: bold;
              position: relative;
              display: block;
              opacity: 1!important;
              background: none!important;
              transition: all 0.3s ease!important;
            }
          }
        }
        & > .side-deco-menu{
          height: 100%;
          width: 70%;
          -webkit-background-size: cover;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
        }
      }
    }
  }
}

#menu-menu-principal > li > .sub-menu-wrap > li.titre-mega-menu > ul.sub-menu{
  background: none!important;
}

#menu-menu-principal > li > .sub-menu-wrap > li.titre-mega-menu > ul.sub-menu > li > a{
  color: #FFFFFF;
  font-size: 17px;
  line-height: 18px;
  padding: 0!important;
  padding-top: 12px!important;
  padding-bottom: 12px!important;
  font-weight: bold;
  position: relative;
  display: block;
  opacity: 1!important;
  background: none!important;
  transition: all 0.3s ease!important;
}

#menu-menu-principal > li > .sub-menu-wrap > li.titre-mega-menu > ul.sub-menu > li.current-menu-item > a,
#menu-menu-principal > li > .sub-menu-wrap > li.titre-mega-menu > ul.sub-menu > li > a:hover{
  color: #DC7743!important;
}

#menu-menu-principal > li > .sub-menu-wrap > li.titre-mega-menu > ul.sub-menu > li > a:hover{
  padding-left: 3px!important;
}

#bloc-fixed-right{
  position: fixed;
  z-index: 999999;
  right: 0;
  bottom: 25%;
  width: 95px;
  /*height: 400px;*/
  transition: all 0.3s ease;
  padding: 0!important;
}

#bloc-fixed-right.close{
  transform: translateX(100%);
}

#bloc-fixed-right .row-width{
  padding: 0!important;
}

.content-sidebar-right{
  display: flex;
  flex-direction: column;
  padding: 9px;
  background: #25242a;
}

.content-sidebar-right .bt{
  position: absolute;
  top: 0;
  left: -24px;
  background-color: #3e3d45;
  color: #FFFFFF;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
}

.content-sidebar-right .bt:after{
  content: "\35";
  font-family: 'ETmodules'!important;
  display: block;
}

#bloc-fixed-right.close .content-sidebar-right .bt{
  background-color: #DC7743;
}

#bloc-fixed-right.close .bt:after{
  content: "\34";
}

.content-sidebar-right a.services {

  color: #FFFFFF;
  font-size: 11px;
  line-height: 13px;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /*height: 100px;*/
  flex-wrap: wrap;
  transition: all 0.3s ease;
  border-bottom: 1px solid #DC7743;
  &:last-child{
    border-bottom: none;
  }
  @media screen and (max-width: 980px){
    border-right: 1px solid #DC7743;
    border-bottom: none;
    &:last-child{
      border-right: none;
    }
  }
}

.content-sidebar-right a.services:hover {
  /*opacity: 0.8;*/
  color: #DC7743;
}

.content-sidebar-right a.services img{
  display: block;
  margin: auto;
  margin-bottom: 8px;
  max-width: 27px;
  max-height: 27px;
}

.content-sidebar-right a.services span{
  text-align: center;
  display: block;
  width: 100%;
  padding: 10px 0;
}

.content-sidebar-right a.contact {
  background: #3E3D45;!important;
}

/* Focus home choisir barascud */

.row-choisir-home{
  width: 1250px!important;
  max-width: 100%!important;
  margin-top: 40px!important;
}

.row-choisir-home .focus-column{
  padding: 15px!important;
  padding-top: 25px!important;
  padding-bottom: 25px!important;
  background-color: #25242A!important;
  transition: all 0.3s ease!important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.row-choisir-home .focus-column:nth-child(even){
  background-color: #3E3D45!important;
}

.row-choisir-home .focus-column .bloc-focus-img{
  height: auto;
}

.row-choisir-home .focus-column .bloc-focus-img .et_pb_image_wrap{
  width: 116px;
  height: 116px;
  border-radius: 50%;
  margin: auto;
  border: 2px solid #DC7743;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease!important;
}

.row-choisir-home .focus-column .bloc-focus-img img{
  object-fit: none;
  width: auto;
  height: auto;
  display: block;
}

.row-choisir-home .focus-column .bloc-focus-texte h3{
  color: #DC7743;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 30px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 0px;
  font-weight: 900;
  transition: all 0.3s ease!important;
}

.row-choisir-home .focus-column .bloc-focus-texte ul{
  list-style: none;
  padding-left: 0px;
}

.row-choisir-home .focus-column .bloc-focus-texte ul li{
  text-align: left;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 40px;
  padding-left: 28px;
  position: relative;
}

.row-choisir-home .focus-column .bloc-focus-texte ul li:before,
.row-choisir-home .focus-column .bloc-focus-texte ul li:after{
  content: "\4e";
  position: absolute;
  left: 0;
  top: 0;
  color: #DC7743;
  font-family: 'ETmodules';
  transition: all 0.3s ease!important;
}

.row-choisir-home .focus-column .bloc-focus-texte ul li:after{
  left: 4px;
}

.row-choisir-home .focus-column .bloc-focus-texte{
  margin-bottom: 0px!important;
}

.row-choisir-home .focus-column .bt-link-global{
  color: #FFFFFF!important;
  border: 1px solid #FFFFFF!important;
  width: 140px!important;
  max-width: 100%!important;
  font-size: 18px!important;
  line-height: 22px!important;
  border-radius: 12px!important;
  padding: 13px!important;
  padding-right: 40px!important;
  text-align: left!important;
  background: rgba(255,255,255,0)!important;
  transition: all 0.3s ease!important;
}

.row-choisir-home .focus-column .bt-link-global:before{
  content: "\e050";
  display: block!important;
  position: absolute;
  right: 13px;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  font-family: 'ETmodules';
  opacity: 1;
  font-size: 22px;
  transition: all 0s ease!important;
}

.row-choisir-home .focus-column .bt-link-global:hover,
.row-choisir-home .focus-column:hover .bt-link-global{
  background: #FFFFFF!important;
  color: #333333!important;
}

.row-choisir-home .focus-column:hover{
  background-color: #DC7743!important;
}

.row-choisir-home .focus-column:hover .bloc-focus-img .et_pb_image_wrap{
  border: 2px solid #FFFFFF;
}

.row-choisir-home .focus-column:hover .bloc-focus-texte ul li:before,
.row-choisir-home .focus-column:hover .bloc-focus-texte ul li:after{
  color: #FFFFFF;
}

.row-choisir-home .focus-column:hover .bloc-focus-texte h3{
  color: #FFFFFF!important;
}

#section-engagement-home{
  background-color: #313C4D!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
}

#section-engagement-home .row-width{
  padding-top: 0!important;
  padding-bottom: 0!important;
  padding-right: 0!important;
  margin-right: 0!important;
}

#section-engagement-home.page-ramonage .row-width{
  padding-top: 40px!important;
  padding-bottom: 40px!important;
  padding-right: 30px!important;
  margin-right: auto!important;
  margin-left: auto!important;
  width: 760px!important;
  max-width: 100%!important;
}

#section-engagement-home .row-width h2{
  color: #D6865E!important;
  font-size: 30px!important;
  line-height: 36px!important;
  font-weight: 900!important;
  padding-bottom: 10px!important;
}

#section-engagement-home.page-ramonage .row-width h2{
  text-align: center;
}

#section-engagement-home .row-width h2:before{
  display: none;
}

#section-engagement-home .row-width .bloc-general-texte{
  padding-top: 0;
  padding-bottom: 35px;
  margin-bottom: 0!important;
}

#section-engagement-home .row-width .bloc-general-texte p{
  color: #FFFFFF!important;
  font-weight: 900!important;
  font-size: 20px!important;
  line-height: 24px!important;
  padding-right: 20px!important;
}

#section-engagement-home.page-ramonage .row-width .bloc-general-texte p{
  text-align: center;
  padding-right: 0px!important;
  width: 600px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#section-engagement-home .row-width .bt-link-global{
  color: #FFFFFF!important;
  background-color: rgba(255,255,255,0)!important;
  border: 0px!important;
  position: relative!important;
  padding-right: 50px!important;
  padding-left: 25px!important;
}

#section-engagement-home .row-width .bt-link-global.email,
#section-engagement-home .row-width .bt-link-global.tel{
  color: #FFFFFF!important;
  background-color: rgba(255,255,255,0)!important;
  border: 0px!important;
  position: relative!important;
  padding-right: 25px!important;
  padding-left: 50px!important;
}

#section-engagement-home .row-width .bt-link-global:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  opacity: 1;
  background: linear-gradient(to right, #e28f65, #67301a);
  display: block;
  margin-left: 0!important;
  border-radius: 8px!important;
  z-index: -1;
}

#section-engagement-home .row-width .bt-link-global:after{
  content: "\24";
  opacity: 1;
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 25px!important;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  right: 8px;
}

#section-engagement-home .row-width .bt-link-global.email:after,
#section-engagement-home .row-width .bt-link-global.tel:after{
  content: "\24";
  opacity: 1;
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 25px!important;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 8px;
  right: auto;
}

#section-engagement-home .row-width .bt-link-global.email:after{
  content: "\e076";
}

#section-engagement-home .row-width .bt-link-global.tel:after{
  content: "\e090";
}

#section-engagement-home .row-width .bt-link-global:hover{
  color: #333333!important;
  background-color: rgba(255,255,255,1)!important;
}

#section-engagement-home .row-width .bt-link-global:hover:before{
  opacity: 0;
}

#section-engagement-home .column-engagement-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 35px!important;
  padding-bottom: 35px!important;
  margin-bottom: 0!important;
}

#section-etapes-home{
  padding-bottom: 0px!important;
}

#section-etapes-home .focus-column{
  background-color: #333333!important;
  position: relative;
}

#section-etapes-home .row-width-focus-5{
  margin-top: 80px!important;
}

#section-etapes-home .focus-column:before{
  content: "";
  background-image: url("https://www.barascud.fr/wp-content/uploads/2021/12/motif-etape-accueil.png");
  background-repeat: no-repeat;
  width: 146px;
  height: 58px;
  background-size: 100%;
  max-width: 70%;
  position: absolute;
  left: -25px;
  top: 105px;
  z-index: 0;
}

#section-etapes-home .focus-column:after{
  content: "";
  background-image: url("https://www.barascud.fr/wp-content/uploads/2021/12/motif-etape-accueil.png");
  background-repeat: no-repeat;
  width: 146px;
  height: 58px;
  background-size: 100%;
  max-width: 70%;
  position: absolute;
  right: -21px;
  top: 105px;
  transform: rotateY(180deg);
  z-index: 0;
}

#section-etapes-home .focus-column .bloc-focus-img {
  height: auto;
}

#section-etapes-home .focus-column .bloc-focus-texte {
  padding-bottom: 100px;
  padding-left: 6px;
  padding-right: 6px;
}

#section-etapes-home .focus-column .bloc-focus-texte p {
  color: #FFFFFF;
  font-weight: 900;
  font-size: 18px;
  line-height: 22px;
}

#section-etapes-home .focus-column .bloc-focus-texte p strong {
  display: block;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 900!important;
}

#section-etapes-home .focus-column .bloc-focus-img{
  margin-top: 5px!important;
  margin-bottom: 40px!important;
  z-index: 5;
  position: relative;
}

#section-etapes-home .focus-column .bloc-focus-img .et_pb_image_wrap {
  width: auto;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section-etapes-home .focus-column .bloc-focus-img img {
  width: auto;
  height: auto;
  display: block;
  margin: auto;
}

#section-etapes-home .focus-column .etape-num {
  width: 70px!important;
  height: 70px!important;
  color: #FFFFFF;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 48px;
  font-weight: 900;
  transform: translateY(-50%);
  position: relative;
}

#section-etapes-home .focus-column .etape-num:before {
  content: "";
  width: 100%!important;
  height: 100%!important;
  background: linear-gradient(to right, #662F19, #E28F65);
  transform: rotate(-45deg);
  position: absolute;
  left: 0;
  right: 0;
  transition: all 0.3s ease;
}

#section-etapes-home .focus-column:hover .etape-num:before {
  transform: rotate(45deg);
}

#section-etapes-home .focus-column .image-focus-fond{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

#section-etapes-home .focus-column .image-focus-fond .et_pb_image_wrap {
  width: 100%;
  height: 100%;
}

#section-etapes-home .focus-column .image-focus-fond .et_pb_image_wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

#section-etapes-home .focus-column:hover .image-focus-fond img{
  opacity: 0.3;
}

#section-nos-produits{
  padding-bottom: 0px!important;
}

#section-nos-produits .row-width-titre{
  margin-bottom: 70px!important;
}

#section-nos-produits .row-width.row-width-full.image-full{
  padding: 0!important;
  padding-bottom: 6px!important;
}

#section-nos-produits .row-width.row-width-full{
  position: relative;
}

#section-nos-produits .bloc-image-focus{
  width: 100%;
  height: 100%;
  margin-bottom: 0!important;
  max-height: calc(90vh - var(--height-header));
}

#section-nos-produits .bloc-image-focus .et_pb_image_wrap{
  width: 100%;
  height: 100%;
  max-height: calc(90vh - var(--height-header));
}

#section-nos-produits .bloc-image-focus .et_pb_image_wrap img{
  width: 100%;
  height: 100%;
  max-height: calc(90vh - var(--height-header));
  object-fit: cover;
}

#section-nos-produits .bloc-text-focus-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section-nos-produits .bloc-text-focus-image .et_pb_text_inner{
  width: 100%;
  max-width: 98%;
  display: flex;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
}

#section-nos-produits .bloc-text-focus-image:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #333333;
  opacity: 0.1;
  transition: all 0.3s ease;
}

#section-nos-produits .focus:hover .bloc-text-focus-image:before{
  opacity: 0.7;
}

#section-nos-produits .bloc-text-focus-image h2{
  font-size: 55px;
  line-height: 60px;
  font-weight: 900;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 15px!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
  transition: all 0.3s ease;
  max-width: 100%;
  border-radius: 5px;
  text-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}

#section-nos-produits .focus:hover .bloc-text-focus-image h2{
  background-color: #DC7743;
  text-shadow: 0px 0px 15px rgba(0,0,0,0);
}

#section-nos-produits .focus.focus-1{
  margin-right: 3px!important;
}

#section-nos-produits .focus.focus-2{
  margin-left: 3px!important;
}

#section-nos-produits .focus.focus-1 .bloc-text-focus-image h2,
#section-nos-produits .focus.focus-2 .bloc-text-focus-image h2{
  font-size: 50px;
  line-height: 55px;
}


#section-service{
  padding-bottom: 0px!important;
}

#section-service .row-width-titre{
  margin-bottom: 70px!important;
}

#section-service .row-width.row-width-full.image-full{
  padding: 0!important;
  padding-bottom: 0px!important;
}

#section-service .row-width.row-width-full{
  position: relative;
}

#section-service .bloc-image-focus{
  width: 100%;
  height: 100%;
  margin-bottom: 0!important;
}

#section-service .bloc-image-focus .et_pb_image_wrap{
  width: 100%;
  height: 100%;
}

#section-service .bloc-image-focus .et_pb_image_wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#section-service .bloc-text-focus-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section-service .bloc-text-focus-image.top {
  align-items: flex-start;
}

#section-service .bloc-text-focus-image .et_pb_text_inner{
  width: 100%;
  max-width: 98%;
  display: flex;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
}

#section-service .bloc-text-focus-image:before,
#section-service .focus-height:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #333333;
  opacity: 0.1;
  transition: all 0.3s ease;
  z-index: 1;
}

#section-service .focus:hover .bloc-text-focus-image:before,
#section-service .focus-height:hover:before{
  opacity: 0.7;
}

#section-service .bloc-text-focus-image h2,
#section-service .focus-height .titre-focus-height h2{
  font-size: 55px;
  line-height: 60px;
  font-weight: 900;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 15px!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
  transition: all 0.3s ease;
  max-width: 100%;
  border-radius: 5px;
  text-shadow: 0px 0px 15px rgba(0,0,0,0.3);
  z-index: 2;
  text-align: center;
}

#section-service .bloc-text-focus-image.top h2{
  margin-top: 60px;
}

#section-service .focus:hover .bloc-text-focus-image h2,
#section-service .focus-height:hover .titre-focus-height h2{
  background-color: #DC7743;
  text-shadow: 0px 0px 15px rgba(0,0,0,0);
}

#section-service .focus.focus-1{
  margin-right: 3px!important;
  width: calc(30% - 3px)!important;
  height: 80vh;
}

#section-service .focus.focus-2{
  margin-left: 3px!important;
  margin-right: 3px!important;
  width: calc(35% - 3px)!important;
  height: 80vh;
}
#section-service .focus.focus-2:last-child{
  margin-right: 0 !important;
}

#section-service .focus .bloc-text-focus-image h2{
  font-size: 50px;
  line-height: 55px;
}

#section-service .focus-height{
  width: 100%;
  height: calc(50% - 3px);
  margin-bottom: 6px;
  position: relative;
}

#section-service .focus.focus-1 .focus-height{
  height: 100%;
}

#section-service .focus-height img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#section-service .focus-height .titre-focus-height{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section-service .focus-height .et_pb_code_inner{
  width: 100%;
  height: 100%;
}

#section-inspirations{
  background-color: #f1f1f1;
}

#section-inspirations h3{
  color: #DC7743;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
  font-weight: 900;
}

#section-inspirations p{
  color: #4d4d4d;
  width: 450px;
  max-width: 100%;
  padding-bottom: 14px!important;
}

#section-inspirations .row-width-titre{
  margin-bottom: 70px!important;
}

#section-inspirations .bloc-image-inspiration{
  margin-bottom: 12px!important;
}

#section-inspirations .bloc-image-inspiration img{
  height: 300px;
  object-fit: cover;
}

#section-inspirations .bloc-image-inspiration.high img{
  height: 600px;
}

#section-inspirations .row-width-inspiration {
  width: 1200px!important;
  max-width: 100%!important;
  margin-top: 40px!important;
}

#section-inspirations .column-inspi-1 {
  width: 46.1%;
}

#section-inspirations .column-inspi-2 {
  width: 52.5%;
}

#section-inspirations .row-width-inspiration.full {
  margin-top: 0!important;
  padding-top: 0px!important;
}

#section-clients{

}

.slider-clients-home{
  margin-top: 30px;
  margin-left: auto!important;
  margin-right: auto!important;
}

.slider-clients-home .sp-buttons .sp-button{
  width: 84px;
  height: 8px;
  background-color: #E2E2E2;
  border: 0px;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 1!important;
  box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);
  transition: all 0.3s ease;
}

.slider-clients-home .sp-buttons .sp-button.sp-selected-button{
  background-color: #DC7743;
}

.slider-clients-home .sp-next-arrow:after,
.slider-clients-home .sp-next-arrow:before,
.slider-clients-home .sp-previous-arrow:after,
.slider-clients-home .sp-previous-arrow:before{
  background-color: #333333;
}

.slider-clients-home .entete-client{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 15px;
}

.slider-clients-home .entete-client h3{
  font-size: 24px;
  line-height: 28px;
  color: #25242A;
  position: relative;
  flex-basis: calc(100% - 160px);
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  font-weight: bold;
}

.slider-clients-home .entete-client h3>span{
  position: relative;
  padding-left: 60px;
}

.slider-clients-home .entete-client h3>span:before{
  content: "\7b";
  font-family: 'ETmodules';
  transform: rotate(180deg);
  position: absolute;
  bottom: 5px;
  left: 0;
  font-size: 90px;
  width: 70px;
  color: #3E3D45;
}

.slider-clients-home .entete-client img{
  display: block;
  flex-basis: 140px;
  height: 140px;
  border-radius: 50%;
  background: #CCC;
}

.slider-clients-home .entete-client .etoiles{
  display: flex;
  margin-top: 15px;
}

.slider-clients-home .entete-client .etoiles span{
  display: block;
  margin-right: 7px;
}

.slider-clients-home .entete-client .etoiles span:before{
  content: "\e033";
  font-family: 'ETmodules';
  color: #DC7743;
}

.slider-clients-home .text{
  font-size: 17px;
  line-height: 22px;
  color: #707070;
  font-style: italic;
  max-height: 210px;
  padding-right: 20px;
  overflow: auto;
  top: 200px;
}

/* width */
.slider-clients-home .text::-webkit-scrollbar {
  width: 10px;
  border-radius: 3px;
  transition: all 0.3s ease;
}

/* Track */
.slider-clients-home .text::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
  transition: all 0.3s ease;
}

/* Handle */
.slider-clients-home .text::-webkit-scrollbar-thumb {
  background: #DC7743;
  transition: all 0.3s ease;
  border-radius: 5px;
}

/* Handle on hover */
.slider-clients-home .text::-webkit-scrollbar-thumb:hover {
  background: #333333;
}

#footer-global{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

#footer-global .row-width.row-width-focus-5{
  width: 980px!important;
  max-width: 100%!important;
  padding-top: 70px!important;
  padding-bottom: 60px!important;
}

#footer-global:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #25242A03 0%, #25242ACB 100%) 0% 0% no-repeat padding-box;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#footer-global .row-width-focus-5 .focus-column .bloc-focus-img,
#footer-global .row-width-focus-5 .focus-column .bloc-focus-img .et_pb_image_wrap,
#footer-global .row-width-focus-5 .focus-column .bloc-focus-img img{
  width: auto;
  height: auto;
}

#footer-global .row-width-focus-5 .focus-column .bloc-focus-img .et_pb_image_wrap{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #DC7743;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

#footer-global .row-width-focus-5 .focus-column .bloc-focus-img{
  margin-bottom: 15px!important;
}

#footer-global .focus-column .bloc-focus-texte p{
  color: #FFFFFF!important;
  font-size: 18px!important;
  line-height: 25px!important;
  width: 130px!important;
  max-width: 100%!important;
  margin: auto;
}

#footer-global .row-width-full.sep{
  padding-top: 0!important;
  padding-bottom: 0!important;
  width: 100%!important;
  height: 2px!important;
}

#footer-global .row-width-full.sep:after{
  content: "";
  width: 95%;
  height: 2px;
  background: #FFFFFF;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  opacity: 0.9;
  visibility: visible!important;
}

#footer-global .row-actus-rs-footer{
  width: 800px!important;
  max-width: 100%!important;
  padding-top: 70px!important;
  padding-bottom: 70px!important;
}

#footer-global .row-actus-rs-footer .bloc-general-texte h3{
  color: #FFFFFF!important;
  text-transform: uppercase!important;
  font-size: 25px!important;
  line-height: 20px!important;
  font-weight: 900!important;
  padding-bottom: 0px!important;
  text-align: center;
}

#footer-global .row-actus-rs-footer .bloc-general-texte p{
  font-size: 18px!important;
  line-height: 22px!important;
  color: #FFFFFF!important;
  font-weight: 300!important;
  text-align: center;
}

#footer-global .row-actus-rs-footer a.bt-link-global{
  text-transform: uppercase;
  border: 0!important;
  padding-left: 25px!important;
  padding-right: 25px!important;
  background-color: #DC7743!important;
  color: #FFFFFF!important;
  margin-top: 0px!important;
}

#footer-global .row-actus-rs-footer a.bt-link-global:hover{
  background-color: #FFFFFF!important;
  color: #333333!important;
}

#footer-global .row-actus-rs-footer a.bt-link-global:after{
  display: none!important;
}

#footer-global .bloc-rs-footer a{
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px!important;
}

#footer-global .bloc-rs-footer a:hover{
  background: #FFFFFF!important;
  transition: all 0.3s ease;
}

#footer-global .bloc-rs-footer a:hover:before{
  color: #DC7743!important;
}

#footer-global .bloc-rs-footer a:before{
  font-size: 34px!important;
}

#footer-global .bloc-rs-footer .et-social-facebook a:before{
  left: 2px;
  top: 6px;
  font-size: 40px!important;
  line-height: 40px!important;
  overflow: hidden;
  height: 38px;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}

#footer-global-links{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

#footer-global-links .row-links-footer{
  width: 1400px!important;
  max-width: 100%!important;
  padding-top: 70px!important;
  padding-bottom: 30px!important;
}

#footer-global-links .row-links-footer .bloc-general-texte h3{
  font-size: 22px!important;
  line-height: 26px!important;
  color: #DC7743!important;
}

#footer-global-links .row-links-footer .bloc-general-texte a{
  font-size: 20px;
  line-height: 28px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 300;
  display: inline-block;
  margin-bottom: 3px;
  transition: all 0.3s ease;
}

#footer-global-links .row-links-footer .bloc-general-texte a:hover{
  opacity: 0.8;
}

#footer-global-links .row-links-footer .bloc-general-texte{
  margin-bottom: 0!important;
}

#footer-global-links .row-links-footer .images-certifs{
  margin-top: 15px;
}

#footer-global-links .row-links-footer .images-certifs .et_pb_code_inner{
  display: flex;
  gap: 20px;
  justify-content: center;
}

#footer-global-links .row-links-footer .images-certifs .et_pb_code_inner div{
  margin-right: 15px;
  display: block;
}

#footer-global-links .row-links-footer .images-certifs .et_pb_code_inner div.last{
  margin-right: 0;
}

#footer-global-links .row-links-footer .images-marques{
  margin-top: 15px;
}

#footer-global-links .row-links-footer .images-marques.last{
  margin-top: 5px;
}

#footer-global-links .row-links-footer .images-marques .et_pb_code_inner{
  display: flex;
  align-items: center;
}

#footer-global-links .row-links-footer .images-marques .et_pb_code_inner div{
  margin-right: 15px;
  display: block;
}

#footer-global-links .row-links-footer .images-marques .et_pb_code_inner div.last{
  margin-right: 0;
}

#footer-global-links .row-links-copyright .bloc-general-texte{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#footer-global-links .row-links-copyright .bloc-general-texte a,
#footer-global-links .row-links-copyright .bloc-general-texte span{
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 8px;
  margin-right: 8px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
  opacity: 0.9;
  transition: all 0.3s ease;
}

#footer-global-links .row-links-copyright .bloc-general-texte a:hover{
  opacity: 1;
  color: #DC7743!important;
}

.entete-page h1{
  font-size: 21px;
  line-height: 24px;
  text-transform: uppercase;
  padding-bottom: 0px!important;
  font-weight: 900;
}

.entete-page h1 strong{
  font-size: 60px;
  line-height: 72px;
  display: block;
  margin-top: 8px;
}

.blog-content{
  width: 1100px;
  max-width: 100%;
  margin: auto;
  margin-top: 0px;
  display: flex;
  flex-wrap: wrap;
}

.blog-content a{
  flex-basis: 46%;
  max-width: 100%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 4%;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
  border-radius: 5px;
  position: relative;
  transition: all 0.3s ease;
}

.blog-content a:hover{
  background: #f5f5f5;
}

.blog-content a:first-child{
  flex-basis: 96%;
  max-width: 100%;
}

.blog-content a .img-actu{
  width: 100%;
  height: 260px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
}

.blog-content a .img-actu:before{
  content: "\50";
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgb(220 119 67 / 74%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-family: 'ETmodules';
  font-size: 50px;
  transition: all 0.3s ease;
  opacity: 0;
}

.blog-content a:hover .img-actu:before{
  opacity: 1;
}

.blog-content a:first-child .img-actu{
  width: 100%;
  height: 500px;
}

.blog-content a .img-actu img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.blog-content a .content-infos-actu{
  padding: 25px;
  padding-bottom: 45px;
}

.blog-content a .content-infos-actu .date-actu{
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 10px;
}

.blog-content a .content-infos-actu .title-actu{
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #DC7743;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 900;
}

.blog-content a .content-infos-actu .text-actu{
  font-size: 19px;
  line-height: 24px;
  font-weight: 500;
  color: #707070;
  margin-bottom: 15px;
  font-weight: 400;
}

.blog-content a .content-infos-actu .more-actu{
  position: absolute;
  bottom: 20px;
  color: #333333;
  font-size: 19px;
  line-height: 24px;
  font-weight: 700;
  padding-right: 25px;
}

.blog-content a .content-infos-actu .more-actu:after{
  content: "\24";
  font-family: 'ETmodules';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.custom-pagination{
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.custom-pagination a,
.custom-pagination span.current{
  display: flex;
  width: 47px;
  height: 47px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 24px;
  color: #333333;
  border: 2px solid #DC7743;
  border-radius: 11px;
  margin-left: 8px;
  margin-right: 8px;
  background-color: #FFFFFF;
  font-weight: 700;
  transition: all 0.3s ease;
}

.custom-pagination a:hover{
  background-color: #f5f5f5;
}

.custom-pagination span.current{
  color: #FFFFFF;
  background-color: #DC7743;
}

.custom-pagination span.dots{
  display: flex;
  margin-left: 8px;
  margin-right: 8px;
  color: #A6ADB4;
  align-items: flex-end;
  justify-content: center;
}

.paged-title-page{
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  margin-top: 8px;
}

h3.title-actus-single-slider{
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px;
  text-align: center;
  background: #fbeee8;
  color: #dc7743;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900!important;
}

.slider-actus-single{
  margin-bottom: 60px;
}

.slider-actus-single .sp-slide > a{
  display: block!important;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
  border-radius: 5px;
  position: relative;
  transition: all 0.3s ease;
  min-height: 95%;
}

.slider-actus-single .sp-slide > a:hover {
    background: #f5f5f5;
}

.slider-actus-single .sp-slide > a .img-actu{
  width: 100%;
  height: 260px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
}

.slider-actus-single .sp-slide > a:hover .img-actu:before{
  opacity: 1;
}

.slider-actus-single .sp-slide > a .img-actu:before{
  content: "\50";
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgb(220 119 67 / 74%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-family: 'ETmodules';
  font-size: 50px;
  transition: all 0.3s ease;
  opacity: 0;
}

.slider-actus-single .sp-slide > a .img-actu img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.slider-actus-single .sp-slide > a .content-infos-actu{
  padding: 25px;
  padding-bottom: 45px;
}

.slider-actus-single .sp-slide > a .content-infos-actu .date-actu{
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 10px;
}

.slider-actus-single .sp-slide > a .content-infos-actu .title-actu{
  font-size: 19px;
  line-height: 23px;
  font-weight: 500;
  color: #DC7743;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 900;
  min-height: 48px;
}

.slider-actus-single .sp-slide > a .content-infos-actu .text-actu{
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #707070;
  margin-bottom: 15px;
  font-weight: 400;
}

.slider-actus-single .sp-slide > a .content-infos-actu .more-actu{
  position: absolute;
  bottom: 20px;
  color: #333333;
  font-size: 19px;
  line-height: 24px;
  font-weight: 700;
  padding-right: 25px;
}

.slider-actus-single .sp-buttons {
  padding-top: 40px;
}

.slider-actus-single .sp-buttons .sp-button {
  width: 84px;
  height: 8px;
  background-color: #E2E2E2;
  border: 0px;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 1!important;
  box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);
  transition: all 0.3s ease;
}

.slider-actus-single .sp-buttons .sp-button.sp-selected-button {
  background-color: #DC7743;
}

.btn-focus-actu{
  color: #FFFFFF!important;
  background-color: #DC7743;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  display: block;
  text-transform: uppercase;
  max-width: 230px;
  margin: auto;
  text-decoration: none!important;
  font-weight: 900;
}

/* Offres emplois */

.offres-content{
  display: flex;
  flex-wrap: wrap;
  width: 980px;
  max-width: 100%;
  margin: auto;
  margin-bottom: 30px;
}

.offres-content a.content-offre,
.slider-offres-single a.content-offre{
  flex-basis: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #DC7743;
  display: block!important;
  position: relative!important;
}

.slider-offres-single a.content-offre{
  border-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0;
}

.offres-content a.content-offre:first-child{
  padding-top: 0;
}

.offres-content a.content-offre:last-child{
  border-bottom: 0px;
}

.offres-content a.content-offre .img-offre{
  display: flex;
  margin-bottom: 20px;
}

.slider-offres-single a.content-offre .img-offre{
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.offres-content a.content-offre .img-offre .content-image{
  flex-basis: 175px;
  height: 175px;
  position: relative;
}

.slider-offres-single a.content-offre .img-offre .content-image{
  flex-basis: 100%;
  height: 175px;
  position: relative;
  margin-bottom: 0;

}

.offres-content a.content-offre .img-offre .content-image > div,
.slider-offres-single a.content-offre .img-offre .content-image > div{
  background-color: #25242a!important;
  border-radius: 5px!important;
  width: 100%;
  height: 100%;
}

.slider-offres-single a.content-offre .img-offre .content-image > div{
  background-color: #25242a!important;
  border-radius: 5px!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.offres-content a.content-offre .img-offre .content-image > div:before,
.slider-offres-single a.content-offre .img-offre .content-image > div:before{
  content: "";
  background-image: url("https://www.barascud.fr/wp-content/uploads/2021/12/barascud-logo.png");
  background-size: 90%;
  background-repeat: no-repeat;
  position: absolute;
  width: 118px;
  height: 57px;
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translateX(-50%) translateY(-50%);
}

.offres-content a.content-offre .img-offre .content-image img,
.slider-offres-single a.content-offre .img-offre .content-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.slider-offres-single a.content-offre .img-offre .content-image img{
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.offres-content a.content-offre .img-offre .content-infos-offre,
.single-offres_emplois .content-offre .img-offre .content-infos-offre{
  flex-basis: calc(100% - 175px);
  padding-left: 20px;
}

.slider-offres-single a.content-offre .img-offre .content-infos-offre{
  flex-basis: 100%;
  padding-left: 0;
  padding: 20px;
  background: #f9f9f9;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.offres-content a.content-offre .img-offre .content-infos-offre .date-offre,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .date-offre,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .date-offre{
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
  color: #333;
  font-weight: 400;
}

.offres-content a.content-offre .img-offre .content-infos-offre .title-offre,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .title-offre,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .title-offre{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #DC7743;
  font-weight: 900;
  text-transform: uppercase;
}

.offres-content a.content-offre .img-offre .content-infos-offre .localisation-offre,
.offres-content a.content-offre .img-offre .content-infos-offre .contrat-offre,
.offres-content a.content-offre .img-offre .content-infos-offre .salaire-offre,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .localisation-offre,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .contrat-offre,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .salaire-offre,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .localisation-offre,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .contrat-offre,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .salaire-offre{
  padding-left: 35px;
  position: relative;
  color: #333333;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 24px;
}

.offres-content a.content-offre .img-offre .content-infos-offre .localisation-offre:before,
.offres-content a.content-offre .img-offre .content-infos-offre .contrat-offre:before,
.offres-content a.content-offre .img-offre .content-infos-offre .salaire-offre:before,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .localisation-offre:before,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .contrat-offre:before,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .salaire-offre:before,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .localisation-offre:before,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .contrat-offre:before,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .salaire-offre:before{
  content: "";
  color: #DC7743;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'ETmodules';
  font-size: 30px;
  line-height: 30px;
}

.offres-content a.content-offre .img-offre .content-infos-offre .localisation-offre:before,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .localisation-offre:before,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .localisation-offre:before{
  content: "\e081";
}

.offres-content a.content-offre .img-offre .content-infos-offre .contrat-offre:before,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .contrat-offre:before,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .contrat-offre:before{
  content: "\e058";
  font-size: 22px;
  line-height: 22px;
  left: 3px;
}

.offres-content a.content-offre .img-offre .content-infos-offre .salaire-offre:before,
.slider-offres-single a.content-offre .img-offre .content-infos-offre .salaire-offre:before,
.single-offres_emplois .content-offre .img-offre .content-infos-offre .salaire-offre:before{
  content: "";
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/01/picto-euro.png");
  width: 24px;
  height: 24px;
  background-size: contain;
  left: 3px;
}

.offres-content a.content-offre .description-offre h3,
.single-offres_emplois .content-offre .description-offre h3{
  font-size: 20px;
  line-height: 22px;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
}

.offres-content a.content-offre .description-offre p,
.single-offres_emplois a.content-offre .description-offre p{
  font-size: 18px;
  line-height: 25px;
  color: #333;
  font-weight: 400;
}

.offres-content a.content-offre .description-offre .more-offre,
.slider-offres-single a.content-offre .more-offre{
  font-size: 20px!important;
  line-height: 24px!important;
  cursor: pointer;
  text-align: left;
  margin-top: 20px;
  color: #FFFFFF!important;
  background: linear-gradient(to bottom, #e28f65, #67301a);
  border: 0px!important;
  position: relative!important;
  padding-left: 15px!important;
  padding-right: 40px!important;
  text-align: center;
  width: 180px;
  border-radius: 10px;
  padding: 8px;
  transition: all 0.3s ease;
  font-weight: 900;
}

.offres-content a.content-offre .description-offre .more-offre:after,
.slider-offres-single a.content-offre .more-offre:after {
  content: "\e050";
  opacity: 1;
  display: inline-block;
  margin-left: 6px;
  font-size: 20px!important;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'ETmodules';
  position: absolute;
}

.offres-content a.content-offre .description-offre .more-offre:hover,
.slider-offres-single a.content-offre .more-offre:hover {
  opacity: 0.9;
}

.none-actu{
  text-align: center;
  background-color: #DC7743;
  color: #FFFFFF;
  padding: 20px;
  font-size: 22px;
  line-height: 22px;
  font-weight: 900;
}

.single-offres_emplois .content-offre .img-offre{
  display: flex;
  margin-bottom: 20px;
}

.single-offres_emplois .content-offre .img-offre .content-image {
  flex-basis: 175px;
  height: 175px;
  position: relative;
}

.single-offres_emplois .content-offre .img-offre .content-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.single-offres_emplois .content-offre .img-offre .content-infos-offre {
  flex-basis: calc(100% - 175px);
  padding-left: 20px;
}

.single-offres_emplois .content-offre .img-offre .reference {
  display: none;
}

.content-offre-form{
  display: flex;
}

.content-offre-form .content-offre{
  flex-basis: 55%;
  padding-right: 40px;
}

.content-offre-form .content-form-emploi{
  flex-basis: 45%;
}

textarea#recapEmploi{
  display: none;
}

.form-emplois{
  display: flex;
  flex-direction: column;
}

.form-emplois input[type="text"],
.form-emplois input[type="email"],
.form-emplois textarea{
  width: 100%;
  padding: 10px;
  margin-top: 8px;
  background: #f7f7f7;
  border: 1px solid #c4c4c4;
}

.form-emplois input[type="file"]{
  margin-top: 8px;
  padding: 10px;
  background: #fbeee8;
  border-radius: 5px;
  width: 100%;
}

.form-emplois label{
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}

.form-emplois .col2{
  display: flex;
}

.form-emplois .col2 label{
  flex-basis: 49%;
  margin-right: 2%;
}

.form-emplois label span.docs{
  font-size: 12px;
  line-height: 16px;
  text-transform: lowercase;
  font-weight: 400;
}

.form-emplois .col2 label:last-child{
  margin-right: 0;
}

.form-emplois .col1.submit-content{
  display: flex;
  justify-content: center;
}

.form-emplois .wpcf7-acceptance .wpcf7-list-item{
  padding-left: 0px;
  margin-left: 0px;
}

.form-emplois .wpcf7-acceptance .wpcf7-list-item a{
  color: #DC7743;
  text-decoration: underline;
}

.form-emplois input[type="submit"]{
  background: #dc7743;
  border: 1px solid #dc7743;
  padding: 12px;
  padding-left: 15px;
  padding-right: 15px;
  color: #FFF;
  transition: all 0.2s ease;
  margin: auto!important;
  margin-top: 0px!important;
  font-size: 18px;
  line-height: 18px;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  padding-right: 40px;
}

.form-emplois input[type="submit"]:hover {
  background: #FFFFFF;
  color: #dc7743;
}

.form-emplois input[type="submit"]:disabled{
  opacity: 0.4;
}

.content-form-emploi .wpcf7 form .wpcf7-response-output{
  margin-top: 15px!important;
  text-align: center;
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.content-form-emploi .wpcf7 form.sent .wpcf7-response-output {
  background-color: #dc7743!important;
  border: 1px solid #dc7743!important;
  color: #FFFFFF;
}

.content-form-emploi .col1.submit-content{
  position: relative;
}

.content-form-emploi .col1.submit-content .wpcf7-spinner{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

#focus-garantie-product{
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}

#focus-garantie-product .row-width{
  width: 980px!important;
  max-width: 100%!important;
}

#focus-garantie-product .row-width-titre h3{
  text-align: center;
  color: #FFFFFF;
  padding-bottom: 0px;
}

#focus-garantie-product .focus-column{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

#focus-garantie-product .focus-column:after{
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 1px;
  background: #FFFFFF;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
}

#focus-garantie-product .focus-column:last-child:after{
  display: none;
}

#focus-garantie-product .focus-column .focus-chiffre{
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #e28f65, #67301a);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 25px;
}

#focus-garantie-product .focus-column .focus-chiffre h3{
  font-size: 55px;
  line-height: 66px;
  color: #FFFFFF;
  font-weight: 900;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#focus-garantie-product .focus-column .focus-chiffre h3 strong{
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  font-weight: 400;
}

#focus-garantie-product .focus-column .focus-text h3{
  font-size: 25px;
  line-height: 30px;
  color: #FFFFFF;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 0px;
}

#section-liste-etapes-projets .row-width{
  width: 1100px!important;
  max-width: 100%!important;
}

#section-liste-etapes-projets .row-width-titre h3{
  margin-bottom: 0px;
}

#section-liste-etapes-projets .bloc-general-texte ul,
.bloc-general-texte.liste-avantages ul{
  list-style: none;
  padding-left: 30px!important;
  padding-bottom: 15px;
}

#section-liste-etapes-projets .bloc-general-texte li,
.bloc-general-texte.liste-avantages li{
  font-weight: 900;
  position: relative;
  padding-left: 38px!important;
  padding-bottom: 17px;
}

.bloc-general-texte.liste-avantages.justifyright {
  text-align: left;
}

.bloc-general-texte.liste-avantages.justifyright ul{
  list-style: none;
  padding-left: 30px!important;
  padding-bottom: 15px;
}


.bloc-general-texte.liste-avantages.justifyright li{
  font-weight: 900;
  position: relative;
  padding-right: 38px!important;
  padding-bottom: 17px;
  text-align: right;
}

.bloc-general-texte.liste-avantages.justifyright li:before,
.bloc-general-texte.liste-avantages.justifyright li:after {
  content: "\4e";
  position: absolute;
  left: 0;
  top: 0;
  color: #DC7743;
  font-family: 'ETmodules';
  transition: all 0.3s ease!important;
  width: auto;
  height: auto;
  background: none;
}

 .bloc-general-texte.liste-avantages.justifyright li:after{
   left: 5px;
 }

 .bloc-general-texte.liste-avantages li:after{
  left :5px;
}

.bloc-general-texte.liste-bulletspoint ul{
  list-style: none;
  padding-left: 15px!important;
  padding-bottom: 15px;
  padding-top: 10px;
  line-height: 8px;
}


.bloc-general-texte.liste-bulletspoint li{
  font-weight: normal;
  position: relative;
  padding-right: 38px!important;
  padding-bottom: 17px;
  text-align: left;
}

.bloc-general-texte.liste-bulletspoint li:before,
.bloc-general-texte.liste-bulletspoint li:after {
  content: "\4e";
  position: absolute;
  left: 0;
  top: 0;
  color: #DC7743;
  font-family: 'ETmodules';
  transition: all 0.3s ease!important;
  width: auto;
  height: auto;
  background: none;
}

 .bloc-general-texte.liste-bulletspoint li:after{
  left:5px;
}


#section-liste-etapes-projets.commande .bloc-general-texte li{
  font-weight: 400;
}

#section-liste-etapes-projets.commande .bloc-general-texte li strong{
  font-weight: 900;
}

#section-liste-etapes-projets .bloc-general-texte li:last-child,
.bloc-general-texte.liste-avantages li:last-child{
  padding-bottom: 0;
}

#section-liste-etapes-projets .bloc-general-texte li:before,
#section-liste-etapes-projets .bloc-general-texte li:after,
.bloc-general-texte.liste-avantages li:before,
.bloc-general-texte.liste-avantages li:after {
  content: "\4e";
  position: absolute;
  left: 0;
  top: 0;
  color: #DC7743;
  font-family: 'ETmodules';
  transition: all 0.3s ease!important;
  width: auto;
  height: auto;
  background: none;
}

#section-liste-etapes-projets .bloc-general-texte li:after,
.bloc-general-texte.liste-avantages li:after {
  left: 5px;
}

.bloc-focus-devis{
  border-radius: 25px;
  padding: 40px;
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #DC7743;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.bloc-focus-devis:hover{
  background-color: #25242A;
}

.bloc-focus-devis .et_pb_text_inner{
  display: flex;
  justify-content: center;
  align-items: center;
}

.bloc-focus-devis .et_pb_text_inner h2{
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  transition: all 0.3s ease;
  position: relative;
  padding-top: 90px;
}

.bloc-focus-devis:hover .et_pb_text_inner h2{
  color: #DC7743;
}

.bloc-focus-devis .et_pb_text_inner h2 strong{
  display: block;
  font-size: 30px;
  line-height: 42px;
}

.bloc-focus-devis.poele .et_pb_text_inner h2:before{
  content: url("https://www.barascud.fr/wp-content/uploads/2022/02/stove-white.png");
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.bloc-focus-devis.cheminee .et_pb_text_inner h2:before{
  content: url("https://www.barascud.fr/wp-content/uploads/2022/02/picto-cheminée-moderne-devis.png");
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.img-logo-marque-texte{
  margin-top: 50px;
  margin-bottom: 30px;
}

.row-intro-avantages .bloc-general-texte{
  width: 980px;
  max-width: 100%;
  margin: auto;
}

.row-etape-avantages-page{
  width: 1200px!important;
  max-width: 100%!important;
  padding-left: 120px!important;
}

.titre-etape-avantages h3:before{
  position: absolute;
  left: -100px;
  top: 0;
  width: 75px;
  height: 75px;
  border: 1px solid #DC7743;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-25%);
  font-size: 40px;
  line-height: 40px;
  color: #44546C;
}

.titre-etape-avantages.etape-1 h3:before{
  content: "1";
}

.titre-etape-avantages.etape-2 h3:before{
  content: "2";
}

.titre-etape-avantages.etape-3 h3:before{
  content: "3";
}

.titre-etape-avantages.etape-4 h3:before{
  content: "4";
}

.titre-etape-avantages.etape-5 h3:before{
  content: "5";
}

.column-focus-service-page{
  transition: all 0.3s ease;
  padding: 20px;
  padding-top: 35px;
  padding-bottom: 35px;
  border-radius: 30px;
}

.column-focus-service-page:hover{
  background-color: #FFFFFF;
}

.column-focus-service-page h3{
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: #25242A;
  font-weight: 400;
  padding-bottom: 0px;
}

.column-focus-service-page h3 strong{
  display: block;
  color: #DC7743;
  font-weight: 900;
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
  margin-top: 5px;
}

#section-call-action-page{
  padding-top: 40px!important;
  padding-bottom: 40px!important;
}

.bloc-contact-bleu h3{
  color: #FFFFFF;
}

.bloc-contact-bleu p{
  font-size: 24px;
  line-height: 30px;
  color: #FFFFFF;
  text-align: center;
  font-weight: 900;
}

.bloc-contact-bleu  ul{
  list-style: none;
  text-align: center;
  margin-top: 30px;
}

.bloc-contact-bleu ul li{
  position: relative;
  color: #FFFFFF;
  text-align: center;
  font-size: 26px;
  line-height: 30px;
  padding-bottom: 5px;
  padding-left: 0px!important;
  font-weight: 900;
}

.bloc-contact-bleu ul li strong{
  position: relative;
  padding-left: 40px;
}

.bloc-contact-bleu ul li:before{
  display: none;
}

.bloc-contact-bleu ul li strong:before,
.bloc-contact-bleu ul li strong:after{
  content: "\4e";
  position: absolute;
  left: 0;
  top: 0;
  color: #DC7743;
  font-family: 'ETmodules';
  transition: all 0.3s ease!important;
  width: auto;
  height: auto;
  background: none;
  font-size: 20px;
  line-height: 30px;
}

.bloc-contact-bleu ul li strong:after{
  left: 5px;
}

.section-text-general .row-width.call-action-back{
  padding-top: 50px!important;
  padding-bottom: 20px!important;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  width: 1000px!important;
  max-width: 90%!important;
  display: flex;
  align-items: center;
  margin-bottom: 0px!important;
}

.section-text-general .row-width.call-action-back.bottom{
  padding-top: 0px!important;
  padding-bottom: 30px!important;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-bottom: 30px!important;
}

.bloc-tarif-diagnostic h2{
  color: #DC7743;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
}

.bloc-tarif-diagnostic h3{
  color: #FFFFFF;
  font-size: 70px;
  line-height: 84px;
  font-weight: 900;
  text-align: center;
}

.bloc-tarif-diagnostic h3 sup{
  font-size: 35px;
  line-height: 42px;
}

.bloc-diagnostic-offert h3{
  color: #FFFFFF;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  padding-bottom: 8px;
}

.bloc-diagnostic-offert h4{
  text-align: center;
  color: #FFFFFF;
  font-size: 25px;
  line-height: 20px;
  padding-bottom: 0px;
}

.bloc-diagnostic-offert h4 sup{
  font-size: 25px;
  line-height: 30px;
}

.bloc-diagnostic-offert h4 strong{
  font-size: 49px;
  line-height: 44px;
  font-weight: 900;
}

.content-100-offert{
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: auto;
  background: linear-gradient(to right, #e28f65, #67301a);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.column-contact-bleu:after{
  content: "";
  width: 1px;
  height: 80%;
  background-color: #FFFFFF;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
}

.content-demande-contact{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.content-demande-contact h3{
  flex-basis: 100%;
}

.content-demande-contact a{
  padding: 14px;
  padding-left: 60px;
  padding-right: 20px;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  color: #44546c;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 15px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  transition: all 0.3s ease;
  position: relative;
  margin-bottom: 20px;
}

.content-demande-contact a:before{
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'ETmodules';
  font-size: 24px;
  line-height: 24px;
}

.content-demande-contact a.mail:before{
  content: "\e076";
}

.content-demande-contact a.tel:before{
  content: "\e090";
}

.content-demande-contact a:hover{
  background-color: #44546c;
  color: #FFFFFF;
}

.img-focus-contact .et_pb_image_wrap {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #DC7743;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.section-text-general .row-width.call-action-focus{
  width: 1200px!important;
  max-width: 90%!important;
  margin-bottom: 0!important;
}

#estimation-devis{
  padding: 0 !important;
}

.focus-contact{
  background-color: #25242A;
  border: 2px solid #25242A;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  transition: all 0.3s ease;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.focus-contact.email{
  cursor: pointer;
}

.focus-contact.email:hover {
  background: #FFFFFF;
}

.focus-contact.email:hover h3{
  color: #25242A;
}

.focus-contact.email:hover p{
  color: #25242A;
  text-align: center;
}

.focus-contact:before{
  content: "";
  position: relative;
  font-family: 'ETmodules';
  color: #DC7743;
  font-size: 45px;
  line-height: 45px;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}


.focus-contact:after{
  content: url("https://www.barascud.fr/wp-content/uploads/2022/02/Iphone-spinner-2.gif");
  background-color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
}

.focus-contact.load:after{
  visibility: visible;
  opacity: 1;
}

.focus-contact.tel:before{
  content: "\e090";
}

.focus-contact.magasin:before{
  content: "\e081";
}

.focus-contact.email:before{
  content: "\e076";
}

.focus-contact h3{
  color: #FFFFFF;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 8px;
  text-align: center;
}

.focus-contact p{
  color: #FFFFFF;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  min-height: 38px;
}

div.select{
  position: relative;
  width: 100%;
  margin-top: 3px;
  background-color: transparent;
  border-radius: 5px;
  height: 35px;
}

div.select:after{
  content: "\43";
  font-family: 'ETmodules';
  position: absolute;
  right: 5px;
  font-size: 30px;
  line-height: 30px;
  color: #FFFFFF;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}

div.select.noir:after{
  color: #25242A;
}

.focus-contact select{
  padding: 6px;
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  width: 100%;
  height: 35px;
  padding-right: 40px;
  padding-left: 10px;
  padding-bottom: 8px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
}

.focus-contact select option{
  color: #333333;
}

.focus-contact .content-magasins-infos{
  position: absolute;
  background-color: #FFFFFF;
  padding: 20px;
  padding-right: 40px;
  border-radius: 8px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: none;
  z-index: 5;
}

/* .focus-contact .content-magasins-infos:before{
  content: "";
  position: absolute;
  top: 23px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'ETmodules';
  color: #DC7743;
  font-size: 35px;
  line-height: 35px;
} */

/* .focus-contact.tel .content-magasins-infos:before{
  content: "\e090";
}

.focus-contact.magasin .content-magasins-infos:before{
  content: "\e081";
}

.focus-contact.email .content-magasins-infos:before{
  content: "\e076";
} */

.focus-contact .content-magasins-infos {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.focus-contact .content-magasins-infos h3{
  color: #DC7743;
}

.focus-contact .content-magasins-infos p{
  color: #25242A;
}

.focus-contact .content-magasins-infos a{
  color: #25242A;
  font-weight: bold;
  text-decoration: underline;
  transition: all 0.3s ease;
  display: block;
  text-align: center;
}

.focus-contact .content-magasins-infos a:hover{
  opacity: 0.8;
}

.focus-contact .content-magasins-infos .close:before{
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 25px;
  line-height: 25px;
  cursor: pointer;
}

.focus-contact .content-magasins-infos .close:before{
  content: "\51";
  color: #25242A;
  font-family: 'ETmodules';
}

#section-focus-contact{
  padding-bottom: 0px!important;
}

#section-contact{
  padding-top: 40px!important;
}

.onglets-forms{
  border: 0;
}

.onglets-forms .et_pb_tabs_controls{
  display: flex;
  flex-wrap: wrap;
  width: 900px;
  max-width: 100%;
  margin: auto;
  background: none;
  border: 0;
  margin-bottom: 40px;
}

.onglets-forms .et_pb_tabs_controls > li{
  flex-basis: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: #3F3F3F!important;
  background-color: #FFFFFF;
  border: 2px solid #DC7743!important;
  border-radius: 8px;
  opacity: 1!important;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}

.onglets-forms .et_pb_tabs_controls > li > a{
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.onglets-forms .et_pb_tabs_controls > li.et_pb_tab_active,
.onglets-forms .et_pb_tabs_controls > li:hover{
  background-color: #DC7743;
}

.onglets-forms .et_pb_tabs_controls > li.et_pb_tab_active a,
.onglets-forms .et_pb_tabs_controls > li:hover a{
  color: #FFFFFF!important;
}

.onglets-forms .et_pb_tabs_controls > li:nth-child(3n){
  margin-right: 0px;
}

.onglets-forms .et_pb_tab{
  padding: 0!important;
}

.onglets-forms .et_pb_tab_content h3{
  width: 100%;
  text-align: center;
  padding: 15px;
  padding-top: 25px;
  padding-bottom: 25px;
  background: #25242A;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 22px;
}

.onglets-forms .et_pb_tab_content h3 strong{
  color: #DC7743;
  font-size: 20px;
  line-height: 22px;
  display: block;
  text-transform: uppercase;
  margin-top: 5px;
}

h3.resp-title-contact-select{
  text-align: center;
}

#select-contact-resp{
  max-width: 100%;
  font-size: 20px;
  line-height: 24px;
  margin: auto;
  padding: 6px;
  background-color: transparent;
  color: #25242A;
  border: 1px solid #25242A;
  width: 100%;
  height: 45px;
  padding-right: 40px;
  padding-left: 10px;
  padding-bottom: 8px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
}

.content-select-resp-contact div.select{
  height: 45px;
}

.form-page-contact{
  width: 980px;
  max-width: 100%;
  margin: auto;
  margin-top: 50px;
}

.form-page-contact .nf-form-content{
  width: 100%;
  max-width: 100%;
  padding: 0!important;
}

.rgpd-contact a{
  color: #333333;
  text-decoration: underline;
}

.form-page-contact .nf-response-msg{
  text-align: center;
  background: #dc7743;
  color: #FFFFFF;
  padding: 8px;
  margin-bottom: 30px!important;
}

.form-page-contact .nf-form-fields-required{
  font-size: 16px;
  line-height: 20px;
}

/**/

/* Page qui sommes nous*/

.row-frise-histoire{
  width: 980px!important;
  max-width: 100%!important;
}

.row-frise-histoire.date{
  margin-top: 40px!important;
  margin-bottom: 40px!important;
}

.row-frise-histoire h2{
  opacity: 0.8;
}

.row-frise-histoire .date-histo h2{
  position: relative;
  font-size: 72px;
  line-height: 80px;
  color: #FFFFFF;
  opacity: 0.8;
  text-align: left;
  font-weight: 900;
  padding: 0;
  width: 370px;
  max-width: 100%;
}

.row-frise-histoire.row-reverse .date-histo h2{
  text-align: right;
}

.row-frise-histoire .date-histo h2:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(-100%);
  background: #dc7743;
  width: 40%;
  height: 2px;
}

.row-frise-histoire.row-reverse .date-histo h2:before{
  left: 0;
  transform: translateY(-50%) translateX(0);
}

.row-frise-histoire .date-histo-texte h2{
  font-size: 30px;
  line-height: 36px;
  color: #dc7743;
  font-weight: 900;
  text-transform: uppercase;
  text-align: right;
  opacity: 0.8;
  margin-top: 25px;
}

.row-frise-histoire.row-reverse .date-histo-texte h2{
  text-align: left;
}

.row-frise-histoire.row-reverse .date-histo h2{
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}

.row-frise-histoire .date-histo-texte p{
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  opacity: 0.8;
  text-align: right;
  width: 550px;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.row-frise-histoire.row-reverse .date-histo-texte p{
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

.bloc-exergue{
  width: 980px;
  max-width: 100%;
  margin-left: 0;
  margin-right: auto;
  border-left: 8px solid #dc7743;
  text-align: left!important;
  padding-left: 25px;
}

.bloc-exergue h4{
  text-transform: uppercase;
}

.bloc-exergue.right{
  width: 980px;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
  border-left: 0;
  border-right: 8px solid #dc7743;
  text-align: right!important;
  padding-right: 25px;
  padding-left: 0;
}

.row-marques-page{
  width: 980px!important;
  max-width: 100%!important;
}

.section-text-general .row-width.row-width-focus-page {
  padding-bottom: 10px!important;
}

.row-width-focus-page .column-focus-service-page:hover {
  background-color: #f4f4f4!important
}

#section-engagements-page{
  padding-top: 140px!important;
  padding-bottom: 140px!important;
}

#section-engagements-page .introduction{
  margin-bottom: 85px;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  position: relative;
}

#section-engagements-page .introduction:after{
  content:"";
  background: rgb(51, 51, 51);
  width: 50px;
  height: 1px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.section-text-general .row-width.row-width-engagements-page{
  padding-bottom: 0px!important;
}

.bloc-general-texte.engagements,
.bloc-general-texte.point-ramonage,
.bloc-general-texte.point-service{
  padding-left: 160px;
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 154px;
}

.bloc-general-texte.point-ramonage{
  padding-left: 180px;
  height: auto;
  padding-top: 0px;
  padding-bottom: 60px;
}

.bloc-general-texte.point-ramonage{
  width: 1100px;
  max-width: 100%;
}

.bloc-general-texte.point-ramonage.two{
  margin-top: 30px;
}

.bloc-general-texte.point-ramonage h2{
  font-size: 26px;
  margin-bottom: 0;
  padding-bottom: 5px;
  color: #dc7743;
}

.bloc-general-texte.point-ramonage h2:before{
  display: none;
}

/*.bloc-general-texte.point-ramonage.three{
  width: 800px;
  max-width: 100%;
  margin-left: 160px;
}

.bloc-general-texte.point-ramonage.four{
  width: 800px;
  max-width: 100%;
  margin-left: 240px;
}*/

.bloc-general-texte.point-service{
  padding-left: 180px;
  height: auto;
  padding-top: 0px;
  padding-bottom: 60px;
}

.bloc-general-texte.point-service{
  width: 700px;
  max-width: 100%;
}

.bloc-general-texte.point-service.two{
  width: 800px;
  max-width: 100%;
  margin-left: 40px;
  margin-top:40px;
}

.bloc-general-texte.point-service.three{
  width: 800px;
  max-width: 100%;
  margin-left: 100px;
  margin-top: -32px;
}

.bloc-general-texte.point-service.four{
  width: 750px;
  max-width: 100%;
  margin-left: 200px;
  margin-top: 75px;
}

.bloc-general-texte.point-service h4{
  text-transform: uppercase;
  font-weight: 900;
}


.bloc-general-texte.point-ramonage h4{
  text-transform: uppercase;
  font-weight: 900;
}

.bloc-general-texte.engagements:before,
.bloc-general-texte.point-ramonage:before,
.bloc-general-texte.point-service:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid #dc7743;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.bloc-general-texte.point-ramonage:before,
.bloc-general-texte.point-service:before {
  left: 0;
  top: 20px;
  transform: translateY(0);
}

.bloc-general-texte.engagements.one:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagement-visite-a-votre-domicile.png");
}

.bloc-general-texte.point-ramonage.one:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-quand-ramonage.png");
}

.bloc-general-texte.engagements.two:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagement-devis-gratuit.png");
}

.bloc-general-texte.point-ramonage.two:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-comment-ramonage.png");
}

.bloc-general-texte.engagements.three:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-diagnostic-technique-conformite.png");
}

.bloc-general-texte.point-ramonage.three:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-pourquoi-ramonage.png");
}
.bloc-general-texte.point-ramonage.four:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-garantie-produits.png");
}



.bloc-general-texte.point-service.one:before{
  background-image: url("https://img.icons8.com/ios/50/000000/guarantee--v1.png");
}

.bloc-general-texte.point-service.two:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/01/barascud-picto-garanties-noir.png");
}

.bloc-general-texte.service.three:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-diagnostic-technique-conformite.png");
}

.bloc-general-texte.point-service.three:before{
  background-image: url("https://img.icons8.com/ios/50/000000/service.png");
}
.bloc-general-texte.point-service.four:before{
  background-image: url("https://img.icons8.com/wired/50/000000/in-transit.png");
}

.bloc-general-texte.engagements.four:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-garantie-produits.png");
}

.bloc-general-texte.engagements.five:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-installation-maitrisee.png");
}

.bloc-general-texte.engagements.six:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-conseils-utilisation-entretien.png");
}

.bloc-general-texte.engagements.seven:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-garantie-decennale.png");
}

.bloc-general-texte.engagements.eight:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-sav.png");
}

.bloc-general-texte.engagements.nine:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-offre-de-service-complete.png");
}

.bloc-general-texte.engagements.ten:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-engagements-mesure-satisfaction.png");
}

.bloc-general-texte.engagements:after,
.bloc-general-texte.point-ramonage:after,
.bloc-general-texte.point-service:after{
  position: absolute;
  top: 0;
  left: 70px;
  transform: translateX(-50%) translateY(-35px);
  font-size: 70px;
  line-height: 70px;
  color: #dc7743;
  font-weight: 900;
}

.bloc-general-texte.point-ramonage:after,
.bloc-general-texte.point-service:after{
  transform: translateX(-50%) translateY(-25px);
}

.bloc-general-texte.engagements.one:after,
.bloc-general-texte.point-ramonage.one:after,
.bloc-general-texte.point-service.one:after{
  content: "1";
}

.bloc-general-texte.engagements.two:after,
.bloc-general-texte.point-ramonage.two:after,
.bloc-general-texte.point-service.two:after{
  content: "2";
}

.bloc-general-texte.engagements.three:after,
.bloc-general-texte.point-ramonage.three:after,
.bloc-general-texte.point-service.three:after{
  content: "3";
}

.bloc-general-texte.engagements.four:after,
.bloc-general-texte.point-service.four:after{
  content: "4";
}

.bloc-general-texte.engagements.five:after{
  content: "5";
}

.bloc-general-texte.engagements.six:after{
  content: "6";
}

.bloc-general-texte.engagements.seven:after{
  content: "7";
}

.bloc-general-texte.engagements.eight:after{
  content: "8";
}

.bloc-general-texte.engagements.nine:after{
  content: "9";
}

.bloc-general-texte.engagements.ten:after{
  content: "10";
}

.bloc-general-texte.engagements h3{
  color: #313C4D;
  margin-bottom: 0px!important;
  font-size: 20px;
  line-height: 24px;
}

.bloc-general-texte.engagements p{
  width: 400px;
  max-width: 100%;
}

.bloc-general-texte.engagements.last{
  margin-top: 120px;
}

.row-aides-financement{
  width: 980px!important;
  max-width: 100%!important;
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}

.row-aides-financement.etapes-plus{
  width: 1200px!important;
  max-width: 100%!important;
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}

.row-aides-financement.tva-reduite{
  padding-top: 80px!important;
  position: relative;
}

.row-aides-financement.tva-reduite:before{
  content: url("https://www.barascud.fr/wp-content/uploads/2022/02/tva-icon.png");
  display: block;
  left: 155px;
  top: 0;
  position: absolute;
}

.row-aides-financement.credit-impot{
  padding-top: 80px!important;
  position: relative;
}

.row-aides-financement.credit-impot:before{
  content: url("https://www.barascud.fr/wp-content/uploads/2022/02/credit-impot.png");
  display: block;
  right: 155px;
  top: 0;
  position: absolute;
}

.row-aides-financement.credit-conso{
  padding-top: 70px!important;
  position: relative;
}

.row-aides-financement.credit-conso:before{
  content: "";
  display: block;
  left: 155px;
  top: 0;
  position: absolute;
  width: 367px;
  height: 50px;
  max-width: 90%;
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/logo-sofinco-domofrance.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.row-aides-financement.carte-fidelite{
  padding-top: 90px!important;
  position: relative;
}

.row-aides-financement.carte-fidelite:before{
  content: url("https://www.barascud.fr/wp-content/uploads/2022/02/carte-fidelite.png");
  display: block;
  right: 155px;
  top: 0;
  position: absolute;
}




.bloc-aides-financements{
  margin-left: 100px;
  border-left: 8px solid #dc7743;
  padding-left: 120px;
}

.bloc-aides-financements h4{
  text-transform: uppercase;
}

.bloc-aides-financements.right h4{
  text-align: right;
}

.bloc-aides-financements.right{
  margin-left: 0;
  margin-right: 100px;
  padding-left: 0;
  padding-right: 120px;
  border-left: 0;
  border-right: 8px solid #dc7743;
}

.bloc-aides-financements:before{
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 75px;
  height: 75px;
  border-radius: 50%;
  border: 1px solid #dc7743;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 40px;
  color: #313C4D;
  font-weight: 900;
}

.bloc-aides-financements.right:before{
  left: auto;
  right: -60px;
  transform: translateY(-50%) translateX(-100%);
}

.bloc-aides-financements.one:before{
  content: "1";
}

.bloc-aides-financements.two:before{
  content: "2";
}

.bloc-aides-financements.three:before{
  content: "3";
}

.bloc-aides-financements.ramonage:before{
  font-family: 'ETmodules';
  content: url('https://img.icons8.com/pastel-glyph/50/000000/chimney--v2.png');
}

.bloc-aides-financements.fix:before{
  font-family: 'ETmodules';
  content: url("https://img.icons8.com/external-kiranshastry-lineal-kiranshastry/50/000000/external-window-interiors-kiranshastry-lineal-kiranshastry.png");
}

  .bloc-aides-financements.livraison:before{
  font-family: 'ETmodules';
  content: url("https://www.barascud.fr/wp-content/uploads/2022/05/barascud-services-livraison.png");
}

.bloc-aides-financements.joint:before{
  font-family: 'ETmodules';
  content: "\e038";
}

.bloc-aides-financements.debistrage:before{
  font-family: 'ETmodules';
  content: "\2b";
}


#section-prime-renov-explication.section-text-general{
  padding-bottom: 0px!important;
}

#section-prime-renov-page{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/ChatGauche.png"),
  url("https://www.barascud.fr/wp-content/uploads/2022/02/PlanteDroite.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left -200px top 50%, right -270px top 50%;
  padding-top: 50px!important;
}

#section-prime-renov-page .focus{
  padding: 25px;
  padding-top: 35px;
  padding-bottom: 35px;
  background: rgba(255,255,255,0.9);
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.05);
}

.links-prime-renov{
  margin-top: 50px;
}

.links-prime-renov .et_pb_code_inner{
  display: flex;
  justify-content: center;
}

.links-prime-renov .et_pb_code_inner a{
  margin-left: 10px;
  margin-right: 10px;
  font-size: 20px;
  line-height: 24px;
  padding: 12px;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #DC7743;
  border-radius: 10px;
  font-weight: 900;
  text-align: center;
  transition: all 0.3s ease;
}

.links-prime-renov .et_pb_code_inner a:first-child{
  color: #25242A;
  background: #FFFFFF;
}

.links-prime-renov .et_pb_code_inner a:first-child:after{
  content: "\e050";
  font-family: 'ETmodules';
  display: inline-block;
  margin-left: 8px;
}

.links-prime-renov .et_pb_code_inner a:first-child:hover{
  color: #FFFFFF;
  background: #25242A;
  border: 1px solid #25242A;
}

.links-prime-renov .et_pb_code_inner a:last-child{
  color: #FFFFFF;
  background: #DC7743;
}

.links-prime-renov .et_pb_code_inner a:last-child:after{
  content: "\35";
  font-family: 'ETmodules';
  display: inline-block;
  margin-left: 5px;
  width: 15px;
}

.links-prime-renov .et_pb_code_inner a:last-child:hover{
  color: #DC7743;
  background: #FFFFFF;
}

#section-solution-financement{
  padding-top: 20px!important;
}

.row-width-etapes-ramonage{
  width: 1100px!important;
  max-width: 100%!important;
}

.row-tarifs-ramonage{
  width: 980px!important;
  max-width: 100%!important;
}

.row-tarifs-ramonage .column-tarif-ramonage{
  border-radius: 20px;
  padding: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #25242A;
}

.section-text-general .row-width.row-tarifs-ramonage{
  padding-top: 0px!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
}

.row-tarifs-ramonage .column-tarif-ramonage .titre-tarif h3{
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 900;
}

.row-tarifs-ramonage .column-tarif-ramonage .titre-tarif h3 strong{
  display: block;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  color: #dc7743;
  padding-top: 4px;
  font-weight: 900;
}

.row-tarifs-ramonage .column-tarif-ramonage .prix-tarif p{
  font-size: 70px;
  line-height: 80px;
  font-weight: 900;
  color: #FFFFFF;
  text-align: center;
}

.row-tarifs-ramonage .column-tarif-ramonage .prix-tarif p sup{
  font-size: 35px;
  line-height: 42px;
}

.row-tarifs-ramonage .column-tarif-ramonage .contenu-tarif h4{
  color: #FFFFFF;
  text-align: center;
  text-decoration: underline;
  font-size: 22px;
  line-height: 27px;
  font-weight: bold;
}

.row-tarifs-ramonage .column-tarif-ramonage .contenu-tarif ul{
  list-style: none;
  padding-left: 0px;
  padding-bottom: 0px;
}

.row-tarifs-ramonage .column-tarif-ramonage .contenu-tarif ul li{
  text-align: left;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 22px;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-left: 28px;
  position: relative;
}

.row-tarifs-ramonage .column-tarif-ramonage .contenu-tarif ul li:last-child{
  margin-bottom: 0;
}

.row-tarifs-ramonage .column-tarif-ramonage .contenu-tarif ul li:before,
.row-tarifs-ramonage .column-tarif-ramonage .contenu-tarif ul li:after{
  content: "\4e";
  position: absolute;
  left: 0;
  top: 0;
  color: #DC7743;
  font-family: 'ETmodules';
  transition: all 0.3s ease!important;
}

.row-tarifs-ramonage .column-tarif-ramonage .contenu-tarif ul li:after{
  left: 4px;
}

.row-tarifs-ramonage .column-tarif-ramonage .remise-tarif{
  padding: 15px;
  border: 1px solid #DC7743!important;
  border-radius: 20px;
}

.row-tarifs-ramonage .column-tarif-ramonage .remise-tarif h4{
  color: #FFFFFF;
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  text-align: center;
}

.row-tarifs-ramonage .column-tarif-ramonage .remise-tarif p{
  color: #FFFFFF;
  font-size: 17px;
  line-height: 22px;
  padding-bottom: 8px;
}

.row-tarifs-ramonage .column-tarif-ramonage .remise-tarif p:last-child{
  padding-bottom: 0;
}

.row-tarifs-ramonage .column-tarif-ramonage .remise-tarif p strong{
  color: #FFFFFF;
  font-size: 22px;
  line-height: 22px;
  padding-right: 3px;
  font-weight: 900;
}

.row-tarifs-ramonage .column-tarif-ramonage .remise-tarif p sup{
  color: #FFFFFF;
  font-size: 15px;
  line-height: 20px;
  bottom: 5px;
}

.row-tarifs-ramonage .column-tarif-ramonage .details-tarif p{
  color: #707070;
  font-size: 16px;
  line-height: 18px;
}

#section-autres-prestations-ramonage{
  width: 1100px!important;
  max-width: 90%!important;
  margin: auto!important;
  padding: 30px!important;
  padding-left: 60px!important;
  padding-right: 60px!important;
  background-color: #25242A;
  margin-bottom: 120px!important;
  border-radius: 15px;
}

.row-width-autres-ramonage{
  width: 100%!important;
  max-width: 100%!important;
  padding: 40px!important;
  padding-top: 60px!important;
  padding-bottom: 60px!important;
  border: 1px solid #DC7743;
  border-radius: 15px;
  margin-top: 30px!important;
  margin-bottom: 30px!important;
  background-color: #25242A;
}

.row-width-autres-ramonage .column-autres-ramonage{
  border-right: 1px solid #DC7743;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-right: 15px;
}

.bloc-autre-prestations-ramonage-desc{
  width: 100%;
}

.bloc-autre-prestations-ramonage-desc h3{
  color: #FFFFFF;
  font-size: 30px;
  line-height: 34px;
  font-weight: 900;
}

.bloc-autre-prestations-ramonage-desc p{
  color: #FFFFFF;
}

.bloc-autre-prestations-ramonage-desc p strong{
  color: #FFFFFF;
  font-size: 34px;
  line-height: 41px;
}

.bloc-autre-prestations-ramonage-desc p sup{
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  bottom: 10px;
}

.bloc-autre-prestations-ramonage-tarifs{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.bloc-autre-prestations-ramonage-tarifs p{
  color: #FFFFFF;
  font-size: 70px;
  line-height: 84px;
  font-weight: 900;
  text-align: center;
}

.bloc-autre-prestations-ramonage-tarifs p sup{
  color: #FFFFFF;
  font-size: 35px;
  line-height: 42px;
}

.bloc-autre-prestations-ramonage-tarifs.text h3 {
  color: #FFFFFF;
  font-size: 25px;
  line-height: 42px;
  text-align: center;
}

.bloc-autre-prestations-ramonage-tarifs.text h3 strong {
  color: #FFFFFF;
  font-size: 35px;
  line-height: 38px;
  font-weight: 900;
}

.row-width-autres-ramonage.first{
  border-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 0px!important;
}

.row-width-autres-ramonage.suite{
  border-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-top: 0px!important;
}

.row-width-autres-ramonage.suite:before{
  content: "";
  width: 90%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255,255,255,0.4);
}

#section-engagement-home.page-ramonage .row-width.row-renseigement-commande{
  padding-bottom: 0!important;
}

#section-engagement-home.page-ramonage .row-width.row-renseigement-commande .column-engagement-text{
  padding-bottom: 0!important;
}

#section-engagement-home.page-ramonage .row-width.row-renseigement-bt{
  padding-top: 0!important;
  padding-bottom: 80px!important;
  width: 550px!important;
  max-width: 100%!important;
}

/**/

.row-formules-granules{
  width: 1200px!important;
  max-width: 100%!important;
}

.row-formules-granules .column-formules{
  background: #25242A;
  border-radius: 20px;
  margin-top: 50px;
}

.row-formules-granules .column-formules .bloc-general-texte{
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 10px;
}

.row-formules-granules .column-formules .bloc-general-texte.titre-formule{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 20px;
  padding-top: 45px;
  padding-bottom: 25px;
}

.row-formules-granules .column-formules .bloc-general-texte.titre-formule h3{
  text-align: center;
  text-transform: none;
  color: #FFFFFF;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.row-formules-granules .column-formules .bloc-general-texte.titre-formule h3 strong{
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.row-formules-granules .column-formules.standard .bloc-general-texte.titre-formule{
  background: linear-gradient(180deg, #313C4D, #44546C);
}

.row-formules-granules .column-formules.standard .bloc-general-texte.titre-formule:before{
  content: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-formule-standard-granules.png");
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.row-formules-granules .column-formules.premium .bloc-general-texte.titre-formule{
  background: linear-gradient(180deg, #DC7743, #662F19);
}

.row-formules-granules .column-formules.premium .bloc-general-texte.titre-formule:before{
  content: url("https://www.barascud.fr/wp-content/uploads/2022/02/barascud-formule-premium-granules.png");
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule .et_pb_text_inner,
.row-formules-granules .column-formules .bloc-general-texte.entretien-formule .et_pb_text_inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.row-formules-granules .column-formules .bloc-general-texte.palette-plus-formule .et_pb_text_inner{
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule{
  margin-bottom: 25px;
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule h3,
.row-formules-granules .column-formules .bloc-general-texte.entretien-formule h3{
  font-size: 24px;
  line-height: 32px;
  font-weight: 900;
  color: #FFFFFF;
  padding-left: 85px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-transform: none;
  position: relative;
}

.row-formules-granules .column-formules .bloc-general-texte.entretien-formule h3{
  font-size: 22px;
  line-height: 24px;
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule h3 strong,
.row-formules-granules .column-formules .bloc-general-texte.entretien-formule h3 strong{
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule h3:before,
.row-formules-granules .column-formules .bloc-general-texte.entretien-formule h3:before{
  content: "";
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: block;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule h3:after,
.row-formules-granules .column-formules .bloc-general-texte.entretien-formule h3:after{
  content: "";
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule h3:after{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/sac-de-15kg-icon.png");
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule.sac-10kg h3:after{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/sac-de-10kg-icon-formule.png");
}

.row-formules-granules .column-formules .bloc-general-texte.entretien-formule h3:after{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/entretien-icon.png");
}

.row-formules-granules .column-formules.standard .bloc-general-texte.tonne-formule h3:before,
.row-formules-granules .column-formules.standard .bloc-general-texte.entretien-formule h3:before{
  background: linear-gradient(180deg, #313C4D, #44546C);
}

.row-formules-granules .column-formules.premium .bloc-general-texte.tonne-formule h3:before,
.row-formules-granules .column-formules.premium .bloc-general-texte.entretien-formule h3:before{
  background: linear-gradient(180deg, #E28F65, #662F19);
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule h4,
.row-formules-granules .column-formules .bloc-general-texte.entretien-formule h4{
  color: #FFFFFF;
  font-weight: 900;
  font-size: 34px;
  line-height: 42px;
  padding-left: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.row-formules-granules .column-formules .bloc-general-texte.tonne-formule h4 sup,
.row-formules-granules .column-formules .bloc-general-texte.entretien-formule h4 sup{
  font-size: 20px;
  line-height: 24px;
}

.row-formules-granules .column-formules .bloc-general-texte.total-formule{
  width: 300px;
  max-width: 90%;
  margin: auto;
  margin-top: 40px!important;
  margin-bottom: 40px!important;
  text-align: center;
  color: #FFFFFF;
  padding: 10px;
  border-radius: 10px;
}

.row-formules-granules .column-formules.standard .bloc-general-texte.total-formule{
  border: 2px solid #44546C;
}

.row-formules-granules .column-formules.premium .bloc-general-texte.total-formule{
  border: 2px solid #E28F65;
}

.row-formules-granules .column-formules .bloc-general-texte.total-formule p{
  color: #FFFFFF;
}

.row-formules-granules .column-formules .bloc-general-texte.total-formule p strong{
  font-size: 70px;
  line-height: 80px;
}

.row-formules-granules .column-formules .bloc-general-texte.total-formule p strong sup{
  font-size: 35px;
  line-height: 42px;
}

.row-formules-granules .column-formules .bloc-general-texte.palette-plus-formule{
  padding-top: 30px;
  padding-bottom: 0px!important;
  position: relative;
}

.row-formules-granules .column-formules .bloc-general-texte.palette-plus-formule:before{
  content: "";
  width: 260px;
  height: 2px;
  background-color: rgba(255,255,255,0.2);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.row-formules-granules .column-formules .bloc-general-texte.palette-plus-formule h3{
  font-size: 24px;
  line-height: 32px;
  font-weight: 900;
  color: #FFFFFF;
  padding-left: 60px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-transform: none;
  position: relative;
}

.row-formules-granules .column-formules .bloc-general-texte.palette-plus-formule h3:before{
  content: "\4c";
  font-family: 'ETmodules';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 30px;
  line-height: 30px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #25242A;
  display: flex;
  justify-content: center;
  align-items: center;
}

.row-formules-granules .column-formules.standard .bloc-general-texte.palette-plus-formule h3:before{
  background: linear-gradient(180deg, #313C4D, #44546C);
}

.row-formules-granules .column-formules.premium .bloc-general-texte.palette-plus-formule h3:before{
  background: linear-gradient(180deg, #E28F65, #662F19);
}

.row-formules-granules .column-formules .bloc-general-texte.palette-plus-formule h3 strong{
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
}

.row-formules-granules .column-formules .bloc-general-texte.palette-plus-formule h4{
  color: #FFFFFF;
  font-weight: 900;
  font-size: 34px;
  line-height: 42px;
  padding-left: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.row-formules-granules .column-formules .bloc-general-texte.palette-plus-formule h4 sup{
  font-size: 20px;
  line-height: 24px;
}

.row-formules-granules .column-formules .bt-link-global{
  margin-top: 0px!important;
  margin-bottom: 35px!important;
  color: #FFFFFF!important;
  border: 0px!important;
  padding-right: 50px!important;
}

.row-formules-granules .column-formules .bt-link-global:hover{
  opacity: 0.8!important;
}

.row-formules-granules .column-formules .bt-link-global:after{
  content: "\24";
  font-family: 'ETmodules';
  color: #FFFFFF;
  opacity: 1!important;
  margin-left: 5px;
  font-size: 30px!important;
  line-height: 24px!important;

}

.row-formules-granules .column-formules.standard  .bt-link-global{
  background: linear-gradient(94deg, #313C4D, #44546C)!important;
}

.row-formules-granules .column-formules.premium  .bt-link-global{
  background: linear-gradient(94deg, #E28F65, #662F19)!important;
}

.section-text-general .row-width.row-width-tarifs-indi-titre{
  padding: 0px!important;
  width: 1100px!important;
  max-width: 95%!important;
}

.section-text-general .row-width.row-width-tarifs-indi-titre .bloc-general-texte{
  padding-top: 30px!important;
  padding-bottom: 30px!important;
  padding-left: 35px!important;
  padding-right: 35px!important;
  background-color: #44546C;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.section-text-general .row-width.row-width-tarifs-indi-titre .bloc-general-texte h3{
  color: #FFFFFF;
  margin-bottom: 0px;
}

.section-text-general .row-width.row-width-tarifs-indi-titre .bloc-general-texte p{
  color: #FFFFFF;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.section-text-general .row-width.row-width-tarifs-indi-desc{
  padding: 0px!important;
  padding-top: 40px!important;
  padding-bottom: 40px!important;
  background-color: #313C4D;
  width: 1100px!important;
  max-width: 95%!important;
}

.section-text-general .row-width.row-width-tarifs-indi-desc.last{
  margin-bottom: 40px!important;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte{
  padding-left: 35px!important;
  padding-right: 35px!important;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.titre-tarif h3{
  color: #FFFFFF;
  margin-bottom: 0px;
  position: relative;
  padding-right: 90px;
  margin-top: 30px;
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 0px;
  display: inline-block;
  text-transform: none;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.titre-tarif h3:before{
  content: "";
  border-radius: 50%;
  width: 70px;
  height: 70px;
  background-color: #DC7743;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.titre-tarif.sac-10kg h3:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/10kg-icon.png");
  background-position: 50% 38%;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.titre-tarif.sac-15kg h3:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/15kg-icon.png");
  background-position: 50% 38%;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.titre-tarif.bois h3:before{
  background-image: url("https://www.barascud.fr/wp-content/uploads/2022/02/bois-icon.png");
  background-position: 57% 50%;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte p{
  color: #FFFFFF;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.desc-tarif .et_pb_text_inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(220 119 67 / 56%);
  margin-bottom: 20px;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.desc-tarif h4{
  font-size: 18px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: 400;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.desc-tarif h5{
  font-size: 48px;
  line-height: 48px;
  color: #FFFFFF;
  font-weight: 900;
  padding-bottom: 0px;
  flex-basis: 150px;
  text-align: right;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.desc-tarif h5 sup{
  font-size: 25px;
  line-height: 30px;
  bottom: 25px;
  left: 2px;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.desc-tarif h5 strong{
  font-size: 25px;
  line-height: 30px;
  transform: translateX(-13px);
  font-weight: 900;
  display: inline-block;
}

.section-text-general .row-width.row-width-tarifs-indi-desc.link{
  padding-top: 0px!important;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bt-link-global{
  margin-top: 0px!important;
  margin-bottom: 0px!important;
  color: #FFFFFF!important;
  border: 0px!important;
  padding-right: 50px!important;
  background: linear-gradient(180deg, #E28F65, #662F19)!important;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bt-link-global:after {
  content: "\24";
  font-family: 'ETmodules';
  color: #FFFFFF;
  opacity: 1!important;
  margin-left: 5px;
  font-size: 30px!important;
  line-height: 24px!important;
}

.section-text-general .row-width.row-width-tarifs-indi-desc .bt-link-global:hover {
  opacity: 0.8!important;
}

.column-bt-tarifs-bois{
  align-items: center;
  justify-content: center;
  display: flex;
}

.galerie-legende{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px;
  background-color: rgba(0,0,0,0.7);
  color: #FFFFFF;
  text-align: center;
}

.bt-links-commande{
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.bt-links-commande a{
  display: inline-block;
  padding: 15px!important;
  padding-left: 20px!important;
  padding-right: 35px!important;
  border: 2px solid #DC7743!important;
  background-color: #DC7743!important;
  font-size: 18px!important;
  line-height: 20px!important;
  color: #FFFFFF;
  font-weight: bold;
  transition: all 0.3s ease!important;
  border-radius: 8px!important;
  position: relative!important;
  cursor: pointer;
  pointer-events: visible;
  margin-left: 10px!important;
  margin-right: 10px!important;
  text-shadow: none;
}

.bt-links-commande a:hover{
  border: 2px solid #FFFFFF!important;
  background-color: #FFFFFF!important;
  color: #333333;
}

.bt-links-commande a:after{
  content: "\35";
  font-family: 'ETmodules'!important;
  position: absolute;
  right: 8px;
}

#carte{
  width: 100%;
  height: 600px;
  z-index: 0;
}

#carte-single{
  width: 100%;
  height: 100%;
  z-index: 0;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #25242A!important;
  color: #FFFFFF!important;
}

.leaflet-popup-content{
  margin: 0px!important;
}

.leaflet-container a.leaflet-popup-close-button{
  top: 8px!important;
  right: 8px!important;
  padding: 0px!important;
  background-color: #DC7743!important;
  border-radius: 50%!important;
  width: 18px!important;
  height: 18px!important;
  color: #FFFFFF!important;
  font-size: 16px!important;
  line-height: 16px!important;
}

.marker-cluster{
  background-color: rgba(0, 0, 0, 0.6)!important;
}

.marker-cluster div{
  background-color: rgba(0, 0, 0, 0.6)!important;
}

.marker-cluster div span{
  color: #FFFFFF!important;
  font-weight: bold;
  font-size: 18px!important;
  line-height: 30px!important;
}

.content-infos-magasins{
  padding: 15px;
  display: flex;
  width: 390px;
}

.content-infos-magasins .infobulle-img{
  flex-basis: 50%;
  padding-right: 15px;
  border-radius: 10px;
}

.content-infos-magasins .infobulle-img .empty-magasin{
  background-color: #CCCCCC;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.content-infos-magasins .infobulle-img img{
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.content-infos-magasins .infobulle-text{
  flex-basis: 50%;
}

.content-infos-magasins .infobulle-text h2{
  font-size: 18px;
  line-height: 20px;
  color: #DC7743;
  margin-bottom: 0px;
  padding-bottom: 3px;
}

.content-infos-magasins .infobulle-text h3{
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: 400;
  padding-bottom: 3px;
}

.content-infos-magasins .infobulle-text h4{
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: 400;
  padding-bottom: 5px;
}

.content-infos-magasins .infobulle-text a{
  padding: 6px;
  border: 1px solid #DC7743;
  text-align: center;
  border-radius: 8px;
  color: #FFFFFF;
  font-weight: bold;
  display: block;
  font-size: 14px;
  line-height: 16px;
  transition: all 0.3s ease;
  position: relative;
}

.content-infos-magasins .infobulle-text a:after{
  content: "\e050";
  display: inline-block;
  margin-left: 8px;
  font-family: 'ETmodules';
}

.content-infos-magasins .infobulle-text a:hover{
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  color: #DC7743;
}

/* Fiche magasins */

.single-magasins .row-width{
  margin-left: auto;
  margin-right: auto;
}

.single-magasins .row-width.row-width-full{
  padding: 0!important;
}

.single-magasins .container.row-width{
  padding-left: 0px!important;
  padding-right: 0px!important;
  width: 100%!important;
  max-width: 100%!important;
  background:#fff;
}
#section-CTA{
  padding-top: 0;
  padding-bottom: 0;
  .et_pb_row{
    padding-top: 0;
    padding-bottom: 0;
    #magasin-footer{
      display: flex;
      justify-content: center;
    }
  }
}
/*
Page magasin
*/
.single-magasins,.page{
  #page-container{
    overflow-x: hidden;
  }
  a.button{
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #dc7743;
    border-radius: 10px;
    border: solid 1px #dc7743;
    padding: 15px 19px;
    transition: 0.5s all;
    span{
      background-color: #dc7743;
      color: #fff;
      border-radius: 100%;
      display: inline-flex;
      width: 25px;
      height: 25px;
      justify-content: center;
      align-items: center;
      transition: 0.5s all;
    }
    &:hover{
      background: #dc7743;
      color:#fff;
      span{
        color: #dc7743;
        background-color: #fff;
      }
    }
  }
}

#entete-magasin{

  position: relative!important;
  z-index: 1;
  position: relative;
  .background-image{
    height: 591px;
    width: 100%;
    padding: 54px 0 !important;
    position: relative;
    @media screen and (max-width: 980px){
      height: 30vh;
    }
    &:before{
      content:"";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgb(2,0,36);
      background: linear-gradient(180deg, rgba(2,0,36,0) 60%, rgba(0,0,0,0.5410758053221288) 100%);
    }
  }
  .magasin-title-head{
    position: absolute;
    margin-top: 50px;
    bottom: 54px;
    left: 0;
    width: 100%;
    z-index: 10;
    text-transform: uppercase;
    @media screen and (max-width: 980px){
      position: relative;
      bottom: 0;
    }
    .entete-container {
      h1 {
        color: #FFFFFF;
        font-size: 50px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.08;
        letter-spacing: normal;
        text-align: left;

        span {
          display: block;
          font-size: 60px;
          font-weight: 900;
          @media screen and (max-width: 980px){
            font-size: 40px;
          }
        }
        @media screen and (max-width: 980px){
          color:#313c4d;
          font-size: 30px;
        }
      }
      .brand-grid{
        display: flex;
        gap: 17px;
        @media screen and (max-width: 980px){
          flex-wrap: wrap;
        }
        .brand {
          font-size: 24px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.1;
          letter-spacing: normal;
          text-align: left;
          color: #dc7743;

          border-radius: 16px;
          background-color: #25242a;
          padding: 9px 19px;
          @media screen and (max-width: 980px){
            font-size: 16px;
          }
        }
      }
    }
  }
}

/*#entete-magasin:before{
  content: "";
  background: #000;
  position: absolute!important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}*/


#desc-magasin{
  display: flex;
  gap:50px;
  margin-top: 50px;
  margin-bottom: 100px;
}

#desc-magasin .description-magasin{
  flex-basis: 60%;
  padding-right: 50px;
  font-weight: 300;
  @media screen and (max-width: 980px){
    padding-right: 0;
  }
}

#desc-magasin .description-magasin a, #desc-magasin .description-magasin strong{
  color: #000;
  font-weight: 500;
}

#desc-magasin .brands-logo-list{
  flex-basis: 40%;
  padding: 0 25px;
  @media screen and (max-width: 980px){
    display: none;
  }
}

#desc-magasin .brands-logo-list .brand{
  display: flex;
  justify-content: flex-end;
  img{
    width: 100%;
    max-width: 383px;
    object-fit: contain;
  }
}

#desc-magasin .brands-logo-list.columns{
  column-count: 2 ;
}

#magasin-univers .swiper-slide{
    background: yellow;
    width: 1440px !important;
    max-width: 100% !important;
    height: 747px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  @media screen and (max-width: 980px){
    width: 100% !important;
    height: 30vh;
  }
}
#magasin-univers .swiper-slide:before{
  opacity: 0;
}

#magasin-univers .swiper-slide.swiper-slide-prev:before,
#magasin-univers .swiper-slide.swiper-slide-next:before{
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  opacity: 0.75;
  background-color: #303b4c;
  transition: 0.5s all;
}

#magasin-univers .swiper-slide h3 {
  font-size: 50px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  @media screen and (max-width: 980px){
    font-size: 30px;
    line-height: 1;
    padding: 0px 10px;
  }
}

#magasin-univers .swiper-arrow-group{
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  z-index: 10;
}

#magasin-univers .swiper-arrow-group .swiper-button-prev,
#magasin-univers .swiper-arrow-group .swiper-button-next{
  background-color: rgba(255, 255, 255, 0.42);
  opacity: 0.5;
  color: #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  transition: 0.5s all;
  @media screen and (max-width: 980px){
    background-color: rgba(255, 255, 255, 1);
    color:#000;
  }
}

#magasin-univers .swiper:hover .swiper-arrow-group .swiper-button-prev,
#magasin-univers .swiper:hover .swiper-arrow-group .swiper-button-next{
  background-color: rgba(255, 255, 255, 1);
  color:#000;
}

#magasin-univers .swiper-button-next:after,
#magasin-univers .swiper-button-prev:after{
  font-size: 19px;
}

#magasin-accompagnement{
  background-color: #303b4c;
  padding: 90px 0 120px;
  margin-top: 3px;
  @media screen and (max-width: 980px){
    margin-top: 0;
    padding: 60px 0;
  }
  h2.title{
    font-size: 35px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 65px;
    text-transform: uppercase;
    @media screen and (max-width: 980px){
      font-size: 30px;
      line-height: 1.33;
      margin-bottom: 35px;
    }
  }
  .accompagnement-container{
    display: flex;
    @media screen and (max-width: 980px){
      display: none;
    }
    &.swiper-mobile{
      display: none;
      @media screen and (max-width: 980px){
        display: block;
      }
    }
    .icon-item{
      width: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 27px;
      padding: 0 70px;
      position: relative;
      &:first-child{
        padding-left: 0;
      }
      &:after{
        content : "";
        background: #fff;
        height: 100%;
        width: 1px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        @media screen and (max-width: 980px){
          display: none;
        }
      }
      .icon{
        border: 0px solid #dc7743;
        width: 188px;
        height: 188px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        transition: 0.2s border;
        &:before{
          content:"";
          background-image: linear-gradient(to bottom, #c98a64, #5c3421);
          opacity: 1;
          width: 100%;
          height: 100%;
          border-radius: 100%;
          position: absolute;
          top: 0;
          left: 0;
          transition: 0.5s all;
        }
        img{
          max-width: 95px;
          height: auto ;
          object-fit: contain;
          position: relative;
          z-index: 10;
        }
        &:hover{
          border: 3px solid #dc7743;
          &:before{
            opacity: 0;
          }
        }
      }
      .text{
        font-size: 25px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        position: relative;
        padding: 0;
      }
    }
    .text-item{
      padding-left: 70px;
      font-size: 24px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.25;
      letter-spacing: normal;
      text-align: left;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      & > span{
        color: #dc7743;
      }

    }
  }
}

#magasin-showroom{
  padding: 88px 0px 102px;
  .showroom-grid{
    padding-top: 62px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    @media screen and (max-width: 980px){
      display: flex;
      flex-direction: column;
      padding: 0px !important;
      grid-column-gap: 0;
      grid-row-gap: 0;
    }

    .image-grid{
      &.first { grid-area: 1 / 1 / 2 / 2; }
      &.second { grid-area: 2 / 1 / 3 / 2; }
      &.third { grid-area: 1 / 2 / 3 / 3; }
      img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        @media screen and (max-width: 980px){
          height: 300px;
        }
      }
      @media screen and (max-width: 980px){
        display: none;
      }
    }
    .swiper-mobile{
      display: none;
      position: relative;
      @media screen and (max-width: 980px){
        display: block
      }
      .image-grid{
        display: block;
        height: 300px;
      }
      .swiper-button-prev,
      .swiper-button-next{
        opacity: 0.5;
        background-color: rgba(255, 255, 255, 1);
        color:#000;
        border-radius: 100%;
        width: 50px;
        height: 50px;
        transition: 0.5s all;
        &:after{
          font-size: 19px;
        }
      }
    }
    .team-part {
      background-color: #25242a;
      grid-area: 3 / 1 / 4 / 3;
      padding: 58px;
      display: flex;
      align-items: center;
      @media screen and (max-width: 980px){
        flex-direction: column-reverse;
        padding: 37px 40px;
        margin-bottom: 3px;
      }
      .team-picture{
        width: calc(60% - 50px);
        /*display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 17px;*/
        margin-right: 50px;
        margin-left: auto;

        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block;
        @media screen and (max-width: 980px){
          padding-right: 0px;
          width: 100%;
          margin-top: 30px;
        }
        img{
          width: auto;
          object-fit: contain;
          border-radius: 100%;
          @media screen and (max-width: 980px){
            width: 80%;
            padding: 0 10px;
          }
        }
        .name, .work{
          font-family: Lato;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          text-align: center;
          color: #fff;
        }
        .name{
          font-size:18px;
          font-weight: 700;
        }

      }
      .team-desc{
        flex: 1;
        font-family: Lato;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
        @media screen and (max-width: 980px){
          width: 100%;
          line-height: 1;
        }
        .team-desc-title{
          font-size: 40px;
          font-weight: bold;
          margin-bottom: 15px;
          @media screen and (max-width: 980px){
            font-size: 30px;
          }
        }
        .team-desc-quote{
          font-size: 25px;
          font-weight: 500;
          margin-bottom: 10px;
          @media screen and (max-width: 980px){
            font-size: 17px;
          }
        }
        .team-desc-content{
          font-size: 22px;
          font-weight: 300;
          @media screen and (max-width: 980px){
            font-size: 21px;
            line-height: 1.33;
            margin-top: 15px;
          }
        }
      }
    }
    .openhours {
      grid-area: 4 / 1 / 5 / 2;
      background-color: #25242a;
      display: flex;
      padding: 48px 100px 48px 48px;
      flex-direction: column;
      @media screen and (max-width: 980px){
        padding: 40px 40px 0;
      }
      .line{
        display: flex;
        align-items: flex-start;
        padding-top: 35px;
        &:first-child{
          padding-top: 0;
        }
        &:last-child .desc{
          border:none;
          padding-bottom: 0;
        }
        .icon{
          padding-right: 48px;
          width: 100px;
          @media screen and (max-width: 980px){
            display: none;
          }
        }
        .desc{
          flex:100%;
          font-size: 24px;
          font-weight: 500;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.25;
          letter-spacing: normal;
          text-align: left;
          color: #fff;
          border-bottom: 1px solid #dc7743;
          padding-bottom: 30px;
        }
        .opened{
          color: #dc7743;
          text-transform: uppercase;
          margin-bottom: 15px;
          font-weight: bold;
          &.close{
            color: #ce1922;
          }
        }
        .hours{
          .hour-line{
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            @media screen and (max-width: 980px){
              flex-wrap: wrap;
            }
            &:last-child{
              margin-bottom: 0;
            }
            .date{
              width: 50%;
              @media screen and (max-width: 980px){
                width: 100%;
              }
            }
            .time{
              width: 50%;
              color: #dc7743;
              @media screen and (max-width: 980px){
                width: 100%;
              }
            }
          }
        }
        .links-buttons-group{
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap;
          @media screen and (max-width: 980px){
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 20px;
          }
          .button{
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 25px;
          }
          a{
            padding: 12px 19px 12px 56px;
            border-radius: 13px;
            border: 1px solid #dc7743;
            background-color: #dc7743;
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: left;
            color: #fff;
            text-transform: uppercase;
            position: relative;
            transition: 0.5s all;

            &:hover{
              background-color: transparent;
              color: #dc7743;
            }
            &:before{
              content: "";
              position: absolute;
              top: 50%;
              left: 16px;
              transform: translateY(-50%);
            }
            &.phone:before{
              width: 25px;
              height: 30px;
              background: url(/wp-content/uploads/2025/03/groupe-235@3x.png) center/contain no-repeat;
            }
            &.mail:before{
              width: 25px;
              height: 30px;
              background: url(/wp-content/uploads/2025/03/groupe-240@3x.png) center/contain no-repeat;
            }
          }
        }
      }
    }
    .map {
      grid-area: 4 / 2 / 5 / 3;
      @media screen and (max-width: 980px){
        height: 40vh;
      }
    }

  }
}

#magasin-review{
  padding-bottom: 85px;
  .swiper-testimonials{
    .testimonial{
      display: flex;
      flex-direction: column;
      .testimonial-head{
        display: flex;
        align-items: center;
        gap: 31px;
        margin-bottom: 21px;
        .testimonial-image{
          img{
            border-radius: 100%;
          }
        }
        .testimonial-customer-name{
          font-size: 30px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 0.73;
          letter-spacing: normal;
          text-align: left;
          color: #dc7743;
          .testimonial-stars{
            margin-top: 10px;
            display: flex;
            gap:10px;
            img{
              width: 29px;
            }
          }
        }
      }
      .testimonial-content{
        font-size: 20px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: #000;
      }
    }
  }
}

#magasin-footer{
  background: #313c4d;
  padding: 57px 0;
  .footer-title{
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    span{
      color: #dc7743;
    }
  }
  .footer-introduction{
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 53px;
    @media screen and (max-width: 980px){
      width: 100%;
      font-size: 21px;
    }
  }
  .footer-grid-container{
    display: flex;
    padding: 0 110px;
    align-items: stretch;
    gap:35px;
    @media screen and (max-width: 980px){
      flex-wrap: wrap;
      padding: 0;
    }
    .card{
      /*padding: 0px 35px;*/
      width: 30%;
      position: relative;
      @media screen and (max-width: 980px){
        width: 100%;
        padding: 0 0 25px;
      }
      /*&:after{
        content:"";
        width: 1px;
        height: 360px;
        background: #dc7743;
        position: absolute;
        top: 0%;
        right: 0;
        @media screen and (max-width: 980px){
          width: 100%;
          height: 1px;
          top: auto;
          bottom: 0;
        }
      }*/
      img{
        width: 100%;
        object-fit: cover;
        height: 100%;
        border-radius: 20px;
      }
      .content{
        position: absolute;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 35px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.13;
        text-align: center;
        color: #dc7743;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        @media screen and (max-width: 980px){
          bottom: 65px;
        }
        a.phone{
          border-radius: 13px;
          border: solid 1px #dc7743;
          padding: 14px 16px;
          font-size: 22px;
          font-weight: bold;
          line-height: 1;
          text-align: center;
          color: #fff;
          position: relative;
          transition: 0.5s all;
          /*&:before{
            content: '';
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 30px;
            background: url(/wp-content/uploads/2025/03/groupe-235-1@3x.png) center/contain no-repeat;
            transition: 0.5s all;
          }*/
          &:hover{
            background: #dc7743;
          }
        }
      }
    }
    .form{
      padding: 35px 35px;
      width: 40%;
      position: relative;
      border: 1px solid #5d5d5d;
      border-radius: 20px;
      @media screen and (max-width: 980px){
        width: 100%;
        padding: 25px;
      }
      /*&:after{
        content:"";
        width: 1px;
        height: 360px;
        background: #dc7743;
        position: absolute;
        top: 0%;
        right: 0;
        @media screen and (max-width: 980px){
          width: 100%;
          height: 1px;
          top: auto;
          bottom: 0;
        }
      }*/
      .form-head{
        font-size: 16px;
        font-weight: 500;
        line-height: 1.13;
        text-align: left;
        color: #fff;
        margin-bottom: 15px;
      }
      .wpcf7{
        input[type="text"],input[type="email"],textarea{
          font-size: 20px;
          padding: 8px 10px;
          width: 100%;
          border: none;
        }
        textarea{
          resize: none;
          height: 118px;
        }
        .submit-group{
          display: flex;
          justify-content: center;
          position: relative;
        }
        input[type="submit"]{
          margin-top: 20px;
          border-radius: 13px;
          border: solid 1px #dc7743;
          font-family: Lato;
          font-size: 22px;
          font-weight: bold;
          line-height: 1;
          text-align: center;
          padding: 14px 58px;
          color: #fff;
          background: transparent;
          cursor: pointer;
          transition: 0.5s all;
          text-transform: uppercase;
          &:hover{
            background: #dc7743;
          }
        }
        .wpcf7-response-output{
          color: #fff;
        }
        .wpcf7-spinner{
          top: 50%;
          transform: translateY(-50%);
          position: absolute;
        }
      }
    }
    .links-list{
      padding: 35px 35px;
      width: 30%;
      border: 1px solid #5d5d5d;
      border-radius: 20px;
      align-content: center;
      @media screen and (max-width: 980px){
        width: 100%;
        padding: 25px ;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .links-list-title{
        font-size: 30px;
        font-weight: bold;
        line-height: 1.67;
        text-align: left;
        color: #dc7743;
        text-transform: uppercase;
      }
      .links-list-subtitle{
        font-size: 16px;
        font-weight: 500;
        line-height: 1.13;
        text-align: left;
        color: #fff;
        margin-bottom: 20px;
      }
      .links-list-container{
        display: flex;
        flex-direction: column;
        gap: 20px;
        @media screen and (max-width: 980px){
          width: 65%
        }
        a{
          width: 100%;
          display: inline-block;
          text-align: center;
          text-transform: uppercase;
          color:#fff;
          font-size: 22px;
          @media screen and (max-width: 980px){
            width: 100%
          }
        }
      }
    }
  }

}

/*background-image: linear-gradient(to bottom, #c98a64, #5c3421);*/
#horaires-carte-magasin{
  display: flex;
}

#horaires-carte-magasin .infos-magasins{
  flex-basis: 40%;
  padding: 50px;
  padding-top: 70px;
  background-color: #25242A;
}

#horaires-carte-magasin .infos-magasins > div{
  width: 600px;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
}

#horaires-carte-magasin .infos-magasins .adresse-magasin,
#horaires-carte-magasin .infos-magasins .horaires-magasin,
#horaires-carte-magasin .infos-magasins .contact-magasin{
  color: #FFFFFF;
  padding-left: 65px;
  position: relative;
  margin-bottom: 30px;
  font-weight: bold;
}

#horaires-carte-magasin .infos-magasins .adresse-magasin:before,
#horaires-carte-magasin .infos-magasins .horaires-magasin:before{
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 40px;
  line-height: 40px;
  color: #DC7743;
  font-family: 'ETmodules';
  font-weight: 400;
}

#horaires-carte-magasin .infos-magasins .adresse-magasin:before{
  content: "\e01d";
}

#horaires-carte-magasin .infos-magasins .horaires-magasin:before{
  content: "\7d";
}

#horaires-carte-magasin .infos-magasins .horaires-magasin > div{
  display: flex;
  justify-content: space-around;
  margin-bottom: 15px;
}

#horaires-carte-magasin .infos-magasins .horaires-magasin > div .label-jour{
  text-transform: uppercase;
  flex-basis: 35%;
  padding-right: 15px;
}

#horaires-carte-magasin .infos-magasins .horaires-magasin > div .horaire-jour{
  flex-basis: 65%;
  color: #DC7743;
}

#horaires-carte-magasin .infos-magasins .contact-magasin{
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 0px;
}

#horaires-carte-magasin .infos-magasins .contact-magasin a{
  margin-right: 4%;
  margin-bottom: 4%;
  padding: 12px;
  padding-left: 60px;
  padding-right: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFFFFF;
  background-color: #DC7743;
  border-radius: 10px;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  font-weight: 900;
  transition: all 0.3s ease;
}

#horaires-carte-magasin .infos-magasins .contact-magasin a:hover{
  color: #DC7743;
  background-color: #FFFFFF;
}

#horaires-carte-magasin .infos-magasins .contact-magasin a span{
  font-weight: 400;
}

#horaires-carte-magasin .infos-magasins .contact-magasin a:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  font-size: 30px;
  line-height: 30px;
  font-family: 'ETmodules';
  font-weight: 400;
  transform: translateY(-50%);
}

#horaires-carte-magasin .infos-magasins .contact-magasin a.tel:before{
  content: "\e090";
}

#horaires-carte-magasin .infos-magasins .contact-magasin a.email:before{
  content: "\e076";
}

#horaires-carte-magasin .carte-magasin{
  flex-basis: 60%;
}

#offres-promo-magasin{
  width: 1100px!important;
  max-width: 100%!important;
  margin-top: 100px;
  margin-bottom: 100px;
}

#offres-promo-magasin .slider-pro{
  margin-top: 50px;
}

#offres-promo-magasin .content-promo{
  position: relative!important;
  width: 100%;
  height: 100%;
  display: block;
}

#offres-promo-magasin .content-promo img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

#avantages-magasin{
  background-color: #313C4D;
  padding: 50px;
  padding-top: 120px;
  margin-bottom: 100px;
  width: 100%!important;
}

#avantages-magasin .content-avantages-magasin{
  display: flex;
  justify-content: center;
  width: 980px;
  max-width: 100%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 70px;
}

#avantages-magasin .content-avantages-magasin .avantages-focus{
  flex-basis: 25%;
}

#avantages-magasin .content-avantages-magasin .avantages-focus .img-avantages{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background-color: #DC7743;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 15px;
}

#avantages-magasin .content-avantages-magasin .avantages-focus .img-avantages img{
  display: block;
}

#avantages-magasin .content-avantages-magasin .avantages-focus p{
  display: block;
  width: 180px;
  margin: auto;
  max-width: 100%;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}

#realisations-magasin{
  width: 1100px!important;
  max-width: 100%!important;
  margin-bottom: 100px;
}

#realisations-magasin .content-rea{
  position: relative!important;
  width: 100%;
  height: 100%;
  display: block;
}

#realisations-magasin .content-rea img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

#realisations-magasin .slider-pro{
  margin-top: 50px;
}

#realisations-magasin .sp-buttons,
#offres-promo-magasin .sp-buttons{
  width: 100%;
  position: absolute;
  bottom: 15px;
  left: 0;
}

#realisations-magasin .sp-buttons .sp-button,
#offres-promo-magasin .sp-buttons .sp-button{
  width: 84px;
  height: 8px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 1!important;
  box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);
  border: 0px!important;
}

#realisations-magasin .sp-buttons .sp-button.sp-selected-button,
#offres-promo-magasin .sp-buttons .sp-button.sp-selected-button{
  background-color: #DC7743;
}

#carte-full-magasin{
  margin-bottom: 100px;
}

#carte-full-magasin #carte{
  margin-top: 50px;
}

.magasin-none-display{
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

#section-faq #ewd-ufaq-jquery-ajax-search{
  width: 100%;
  max-width: 100%;
  margin: auto!important;
  margin-bottom: 40px!important;
  background-color: #313C4D;
  border-radius: 20px!important;
  color: #FFFFFF;
  padding: 18px;
  padding-left: 25px;
  padding-right: 50px;
  display: block;
  position: relative;
}

#section-faq #ewd-ufaq-jquery-ajax-search:before{
  content: "\55";
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #FFFFFF;
  font-family: 'ETmodules';
  display: block;
}

#section-faq #ewd-ufaq-jquery-ajax-search .ewd-ufaq-text-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url("https://www.barascud.fr/wp-content/uploads/2022/03/close-search.png") no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

#section-faq #ewd-ufaq-jquery-ajax-search .ewd-ufaq-text-input:focus::-webkit-search-cancel-button {
  opacity: 0.8;
  pointer-events: all;
  cursor: pointer;
}

#section-faq #ewd-ufaq-jquery-ajax-search .ewd-ufaq-field-label{
  display: none;
}

#section-faq #ewd-ufaq-jquery-ajax-search .ewd-ufaq-text-input{
  color: #FFFFFF;
  border: 0px;
  font-size: 20px;
  line-height: 20px;
  width: 100%;
  max-width: 100%;
  background: none;
  padding: 0;
  box-sizing: content-box;
  display: block;
  margin: 0!important;
}

#section-faq #ewd-ufaq-jquery-ajax-search .ewd-ufaq-text-input::-webkit-input-placeholder { /* Edge */
  color: #FFFFFF;
  text-align: center;
}

#section-faq #ewd-ufaq-jquery-ajax-search .ewd-ufaq-text-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFFFFF;
  text-align: center;
}

#section-faq #ewd-ufaq-jquery-ajax-search .ewd-ufaq-text-input::placeholder {
  color: #FFFFFF;
  text-align: center;
}

#section-faq .ewd-ufaq-faq-list .ewd-ufaq-faqs {
  text-align: center;
  color: #313C4D;
  margin-bottom: 40px!important;
}

#section-faq .content-faq-cat{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin-top: 70px;
}

#section-faq .content-faq-cat .bloc-cat-faq{
  flex-basis: 31.33333%;
  margin-right: 3%;
  margin-bottom: 3%;
  padding: 15px;
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: #313C4D;
  border-radius: 15px;
}

#section-faq .content-faq-cat .bloc-cat-faq:nth-child(3n),
#section-faq .content-faq-cat .bloc-cat-faq:last-child{
  margin-right: 0;
}

#section-faq .content-faq-cat .bloc-cat-faq img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 142px;
  height: 142px;
  border-radius: 50%;
  object-fit: cover;
}

#section-faq .content-faq-cat .bloc-cat-faq h3{
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 24px;
  font-weight: 900;
  margin-top: 25px;
}

#section-faq .content-faq-cat .bloc-cat-faq .child-cat{
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}

#section-faq .content-faq-cat .bloc-cat-faq .child-cat a{
  margin-bottom: 14px;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  transition: all 0.3s ease;
}

#section-faq .content-faq-cat .bloc-cat-faq .child-cat a:hover{
  padding-left: 3px;
}

#section-faq .content-faq-cat .bloc-cat-faq .child-cat a span{
  position: relative;
  padding-right: 22px;
}

#section-faq .content-faq-cat .bloc-cat-faq .child-cat a span:after{
  content: "\35";
  font-family: 'ETmodules';
  display: inline-block;
  margin-left: 0;
  color: #DC7743;
  font-weight: 900;
  font-size: 30px;
  line-height: 22px;
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
}

#section-faq .content-faq-cat .bloc-cat-faq > a{
  padding: 10px;
  padding-left: 16px;
  padding-right: 40px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 900;
  margin: auto;
  margin-top: 10px;
  border-radius: 8px;
  border: 1px solid #FFFFFF;
  display: inline-block;
  max-width: 90%;
  transition: all 0.3s ease;
  position: relative;
}

#section-faq .content-faq-cat .bloc-cat-faq > a:after{
  content: "\24";
  font-family: 'ETmodules';
  display: inline-block;
  margin-left: 0px;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

#section-faq .content-faq-cat .bloc-cat-faq > a:hover{
  color: #313C4D;
  background-color: #FFFFFF;
}

#section-faq .ewd-ufaq-faq-list{
  width: 980px;
  margin: auto;
  max-width: 100%;
}

#section-faq .ewd-ufaq-faqs .ewd-ufaq-faq-div{
  padding-bottom: 12px;
  padding-top: 12px;
}

#section-faq .ewd-ufaq-faq-display-style-minimalist .ewd-ufaq-post-margin-symbol span{
  display: none;
}

#section-faq .ewd-ufaq-faq-display-style-minimalist .ewd-ufaq-post-margin-symbol:before{
  content: "\35";
  display: inline-block;
  font-family: 'ETmodules';
  color: #313C4D;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 24px;
  font-weight: 900;
}

#section-faq .ewd-ufaq-faq-display-style-minimalist.ewd-ufaq-post-active .ewd-ufaq-post-margin-symbol:before{
  content: "\33";
}

#section-faq .ewd-ufaq-faqs .ewd-ufaq-post-margin{
  display: flex;
  align-items: center;
  width: 100%;
  display: block;
}

#section-faq .ewd-ufaq-faqs h4{
  text-align: left;
  width: 100%;
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #313C4D;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  margin: 0!important;
}

#section-faq .ewd-ufaq-faq-post p{
  text-align: left;
}

#ewd-ufaq-jquery-ajax-search .ui-widget.ui-widget-content{
  top: 60px!important;
  left: 15px!important;
  width: calc(100% - 30px)!important;
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

#ewd-ufaq-jquery-ajax-search .ui-widget.ui-widget-content li{
  display: flex!important;
  align-items: center!important;
}

#ewd-ufaq-jquery-ajax-search .ui-widget.ui-widget-content li div{
  border: 0px!important;
  transition: all 0.3s ease;
}

#ewd-ufaq-jquery-ajax-search .ui-widget.ui-widget-content li div.ui-state-active{
  background-color: #DC7743!important;
}

#ewd-ufaq-jquery-ajax-search .ui-widget.ui-widget-content li:before{
  display: none;
}

.content-faq-cat-side{
  background-color: #313C4D;
  border-radius: 15px;
  padding: 25px;
  padding-left: 30px;
  padding-bottom: 30px;
}

.content-faq-cat-side .title{
  display: flex;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 20px;
  color: #FFFFFF;
}

.content-faq-cat-side .bloc-cat-faq-side{
  margin-bottom: 25px;
}

.content-faq-cat-side .bloc-cat-faq-side:last-child{
  margin-bottom: 0;
}

.content-faq-cat-side .title a{
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  transition: all 0.3s ease;
}

.content-faq-cat-side .title span{
  position: relative;
  cursor: pointer;
  margin-right: 6px;
  font-size: 30px;
  line-height: 24px;
  font-weight: 900;
}

.content-faq-cat-side .title span:before{
  content: "\33";
  display: inline-block;
  font-family: 'ETmodules';
}

.content-faq-cat-side .bloc-cat-faq-side.close .title span:before{
  content: "\35";
}

.content-faq-cat-side .child-cat{
  padding-left: 36px;
  display: flex;
  flex-wrap: wrap;
}

.content-faq-cat-side .child-cat a{
  color: #FFFFFF;
  margin-bottom: 15px;
  width: 100%;
  display: block;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 22px;
  transition: all 0.3s ease;
}

.content-faq-cat-side .bloc-cat-faq-side.current .title,
.content-faq-cat-side .bloc-cat-faq-side.current .title a,
.content-faq-cat-side .child-cat a.current{
  color: #DC7743;
}

.content-faq-cat-side .bloc-cat-faq-side .title a:hover,
.content-faq-cat-side .child-cat a:hover{
  opacity: 0.8;
}

.content-faq-cat-side .child-cat a:hover{
  padding-left: 3px;
}

.content-faq-cat-side .bloc-cat-faq-side:last-child .child-cat{
  margin-bottom: 0px;
}

.content-faq-cat-side .bloc-cat-faq-side.close .child-cat{
  display: none;
}

.select-faq-resp{
  display: none;
}

.select-faq-resp h3{
  margin-bottom: 10px;
}

.select-faq-resp .select{
  width: 440px;
  max-width: 100%;
  margin: auto;
  margin-bottom: 20px;
  height: 45px;
}

.slider-texte-produits,
.slider-texte-produits .et_pb_slides,
.slider-texte-produits .et_pb_slide{
  height: 100%;
}

.slider-texte-produits .et-pb-controllers{
  z-index: 999!important;
  /*bottom: 100px;*/
}

.slider-texte-produits .et-pb-controllers a{
  width: 60px;
  height: 8px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 1!important;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
}

.slider-texte-produits .et-pb-controllers a.et-pb-active-control{
  background-color: #DC7743;
}


@media screen and (max-width: 1500px) {
  #section-nos-produits .focus.focus-1 .bloc-text-focus-image h2,
  #section-nos-produits .focus.focus-2 .bloc-text-focus-image h2,
  #section-service .focus-height .titre-focus-height h2{
    font-size: 45px;
    line-height: 50px;
  }

  #horaires-carte-magasin .infos-magasins{
    padding: 30px;
    padding-top: 50px;
  }

  #horaires-carte-magasin .infos-magasins > div{
    width: 100%;
  }

  #horaires-carte-magasin .infos-magasins,
  #horaires-carte-magasin .carte-magasin{
    flex-basis: 50%;
  }
}


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

  .bloc-general-texte.point-service.two,
  .bloc-general-texte.point-service.three,
  .bloc-general-texte.point-service.four{
    margin-left: 0px;
    margin-top:40px;
  }

  #menu-menu-principal > li > a{
    font-size: 17px;
  }

  #menu-menu-principal > li > a::after{
    top: 0;
  }

  #menu-menu-principal > li{
    padding-right: 15px!important;
  }

  #section-etapes-home .focus-column .bloc-focus-texte p{
    font-size: 16px;
    line-height: 18px;
  }

  #section-etapes-home .focus-column .bloc-focus-texte p strong {
    font-size: 22px;
    line-height: 26px;
  }

  #section-etapes-home .focus-column:after{
    right: -13px;
  }

  #section-nos-produits .focus.focus-1 .bloc-text-focus-image h2,
  #section-nos-produits .focus.focus-2 .bloc-text-focus-image h2,
  #section-service .focus-height .titre-focus-height h2{
    font-size: 35px;
    line-height: 40px;
  }

  #horaires-carte-magasin .infos-magasins{
    flex-basis: 60%;
  }

  #horaires-carte-magasin .carte-magasin{
    flex-basis: 40%;
  }

}

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


  #menu-menu-principal > li{
    padding-right: 12px!important;
  }

  #section-nos-produits .focus.focus-1 .bloc-text-focus-image h2,
  #section-nos-produits .focus.focus-2 .bloc-text-focus-image h2,
  #section-service .focus-height .titre-focus-height h2{
    font-size: 30px;
    line-height: 35px;
  }

  #menu-menu-principal > li > a{
    font-size: 16px;
  }

  .column-logo {
    flex-basis: 12%;
    margin-right: 1%!important;
  }

  .column-menu {
    flex-basis: 87%;
  }

  #header-menu.section-text-general .row-width.row-acces,
  #header-menu.section-text-general .row-width.row-menu{
    padding-left: 20px!important;
    padding-right: 20px!important;
  }

  #logo-menu img{
    width: 120px;
    max-width: fit-content;
  }

  #entete-hauteur.entete-hauteur-full {
    width: 100%;
    max-width: 100%;
    height: calc(100vh - var(--height-header) + 12px);
  }
}


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

  #section-faq .content-faq-cat .bloc-cat-faq{
    flex-basis: 48.5%;
  }

  #section-faq .content-faq-cat .bloc-cat-faq:nth-child(3n){
    margin-right: 3%;
  }

  #section-faq .content-faq-cat .bloc-cat-faq:nth-child(2n){
    margin-right: 0;
  }

  .bloc-autre-prestations-ramonage-tarifs.text h3{
    font-size: 23px;
    line-height: 29px;
  }

  .bloc-autre-prestations-ramonage-tarifs.text h3 strong{
    font-size: 30px;
    line-height: 34px;
  }

  .row-text-img .bloc-general-texte{
    padding-left: 0!important;
    padding-right: 40px!important;
  }

  .row-text-img.row-reverse .bloc-general-texte{
    padding-left: 40px!important;
    padding-right: 0!important;
  }

  #section-etapes-home .focus-column .bloc-focus-texte{
    padding-bottom: 60px;
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .content-text-slider .title-slide{
    font-size: var(--font-size-title-entete-1200);
    line-height: var(--font-size-title-entete-1200);
  }

  #realisations-magasin .sp-buttons, #offres-promo-magasin .sp-buttons{
    display: flex;
    width: 575px;
    max-width: 80%;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    flex-wrap: wrap;
    justify-content: center;
  }

  #realisations-magasin .sp-buttons .sp-button, #offres-promo-magasin .sp-buttons .sp-button{
    width: calc(20% - 10px);
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .single-post article.post .entry-content .gallery .gallery-item{
    height: 180px;
  }

}

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

  .bloc-general-texte.liste-bulletspoint li {
    line-height: 23px;
  }

  .bloc-general-texte.liste-avantages.justifyright ul{
    padding-left: 0px!important;
    text-align: left;
  }


  .bloc-general-texte.liste-avantages.justifyright li{
    padding-left: 38px!important;
    text-align: left;
  }

  .bloc-general-texte.liste-avantages.justifyright li:before,
  .bloc-general-texte.liste-avantages.justifyright li:after {
    left: 0;
    top: 0;
  }

   .bloc-general-texte.liste-avantages.justifyright li:after{
    left: 5px;
  }


  .single-post article.post .entry-content .gallery .gallery-item{
    flex-basis: 49%;
    margin-right: 2%;
  }

  .single-post article.post .entry-content .gallery .gallery-item:nth-child(4n){
    margin-right: 2%;
  }

  .single-post article.post .entry-content .gallery .gallery-item:nth-child(2n){
    margin-right: 0;
  }

  .select-faq-resp{
    display: block;
  }

  .content-faq-cat-side{
    display: none;
  }

  #carte-full-magasin,
  #realisations-magasin{
    margin-bottom: 50px;
  }

  #carte-full-magasin #carte{
    height: 40vh;
  }

  #offres-promo-magasin .slider-pro,
  #realisations-magasin .slider-pro{
    margin-top: 25px;
  }

  #offres-promo-magasin {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  #horaires-carte-magasin {
    flex-wrap: wrap;
  }

  #horaires-carte-magasin .infos-magasins{
    flex-basis: 100%;
  }

  #horaires-carte-magasin .carte-magasin{
    display: none;
  }

  .single-magasins .container.row-width{
    padding-top: 30px!important;
  }

  #desc-magasin .slider-image .slider-pro, #desc-magasin .slider-image .slider-pro .sp-slides-container, #desc-magasin .slider-image .slider-pro .sp-slides-container .sp-slides{
    height: 30vh;
  }

  #desc-magasin{
    flex-wrap: wrap;
    margin-top: 0px;
    margin-bottom: 40px;
  }

  #desc-magasin .slider-image {
    flex-basis: 100%;
    margin-bottom: 40px;
  }

  #desc-magasin .description-magasin {
    flex-basis: 100%;
    padding-left: 0px;
  }

  #avantages-magasin{
    padding: 25px;
    padding-top: 60px;
    margin-bottom: 50px;
  }

  #avantages-magasin .content-avantages-magasin:last-child{
    margin-bottom: 0px;
  }

  #avantages-magasin .content-avantages-magasin{
    flex-wrap: wrap;
  }

  #avantages-magasin .content-avantages-magasin .avantages-focus{
    flex-basis: 50%;
    margin-bottom: 40px;
  }

  #carte{
    height: 70vh;
  }

  #section-carte-nos-magasins{
    padding: 0px!important;
  }

  #section-carte-nos-magasins .row-width{
    padding: 0px!important;
    width: 100%;
  }

  .section-text-general .row-width.row-width-focus-page{
    padding-bottom: 40px!important;
  }

  .section-text-general .row-width.row-width-tarifs-indi-titre .bloc-general-texte p br{
    display: none;
  }

  .section-text-general .row-width.row-width-tarifs-indi-titre .bloc-general-texte{
    padding-left: 25px!important;
    padding-right: 25px!important;
  }

  .section-text-general .row-width.row-width-tarifs-indi-titre.first{
    margin-top: 40px!important;
  }

  #section-engagement-home.page-ramonage .row-width.row-renseigement-bt{
    padding-bottom: 60px!important;
  }

  #section-liste-etapes-projets.commande .row-width-titre h3{
    text-align: center;
  }

  .section-text-general .row-width.row-width-tarifs-indi-desc,
  .section-text-general .row-width.row-width-tarifs-indi-titre{
    max-width: 90%!important;
  }

  .section-text-general .row-width.row-width-tarifs-indi-titre .bloc-general-texte h3{
    text-align: center;
  }

  .row-formules-granules .column-formules .bloc-general-texte.tonne-formule .et_pb_text_inner,
  .row-formules-granules .column-formules .bloc-general-texte.entretien-formule .et_pb_text_inner{
    justify-content: center;
  }

  .row-width-autres-ramonage .column-autres-ramonage{
    padding-right: 0px;
  }

  .bloc-autre-prestations-ramonage-desc h3{
    color: #dc7743;
  }

  .bloc-autre-prestations-ramonage-tarifs.text h3 strong{
    display: block;
  }

  .row-width-autres-ramonage{
    border: 0px;
    margin-top: 0px!important;
    margin-bottom: 30px!important;
  }

  #section-autres-prestations-ramonage{
    width: 100%!important;
    max-width: 100%!important;
    border-radius: 0px;
    padding-left: 30px!important;
    padding-right: 30px!important;
    background-color: #FFFFFF;
    margin-bottom: 0px!important;
  }

  .bloc-autre-prestations-ramonage-tarifs{
    justify-content: center;
  }

  .bloc-autre-prestations-ramonage-desc{
    text-align: center!important;
  }

  .row-width-autres-ramonage .column-autres-ramonage{
    border: 0px;
  }

  .row-aides-financement.etapes-plus{
    margin-top: 20px!important;
  }

  .row-aides-financement.etapes-plus:before{
    top: 0!important;
    left: 50%!important;
    right: auto!important;
    transform: translateX(-50%)!important;
  }

  .bloc-aides-financements.right h4{
    text-align: center;
  }

  .bloc-aides-financements{
    margin-left: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-right: 0px!important;
    border: 0!important;
    margin-top: 100px;
  }

  .bloc-aides-financements:before{
    left: 50%!important;
    top: 0px!important;
    transform: translateX(-50%)!important;
  }

  #section-prime-renov-page{
    background: none;
    padding-top: 0px!important;
  }

  #section-engagements-page{
    padding-top: 50px!important;
    padding-bottom: 50px!important;
  }

  .links-prime-renov {
    margin-top: 0;
  }

  .row-width-etapes-ramonage{
    padding-bottom: 0px!important;
  }

  .section-text-general .row-width.row-tarifs-ramonage{
    padding-top: 0px!important;
  }

  .bloc-general-texte.engagements,
  .bloc-general-texte.point-ramonage,
  .bloc-general-texte.point-service{
    padding-top: 180px;
    padding-left: 0;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    height: auto!important;
  }

  .bloc-general-texte.point-ramonage,
  .bloc-general-texte.point-service{
    margin-left: 0!important;
    width: 100%!important;
  }

  .bloc-general-texte.point-ramonage:last-child,
  .bloc-general-texte.point-service:last-child{
    padding-bottom: 0px!important;
  }

  .bloc-general-texte.engagements:before,
  .bloc-general-texte.point-ramonage:before,
  .bloc-general-texte.point-service:before{
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .bloc-general-texte.engagements:after,
  .bloc-general-texte.point-ramonage:after,
  .bloc-general-texte.point-service:after{
    left: 50%;
    transform: translateX(-50%) translateY(-45px);
  }

  .bloc-general-texte.point-service h3{
    text-align: center;
  }

  .bloc-general-texte.engagements p {
    text-align: center;
  }

  .bloc-general-texte.engagements h3{
    text-align: center;
  }

  .bloc-general-texte.engagements p{
    margin-left: auto;
    margin-right: auto;
  }

  .row-frise-histoire.date{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
  }

  .row-frise-histoire .date-histo h2,
  .row-frise-histoire.row-reverse .date-histo h2{
    width: 100%;
    text-align: center!important;
    padding-bottom: 40px;
  }

  .row-frise-histoire .date-histo h2:before,
  .row-frise-histoire.row-reverse .date-histo h2:before{
    width: 2px;
    height: 30px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
  }

  .row-frise-histoire .date-histo-texte h2,
  .row-frise-histoire.row-reverse .date-histo-texte h2{
    text-align: center;
    margin-top: 0!important;
  }

  .row-frise-histoire .date-histo-texte p,
  .row-frise-histoire.row-reverse .date-histo-texte p{
    margin-left: auto!important;
    margin-right: auto!important;
    text-align: center!important;
  }

  .wsp-pages-list li.page-item-5184.page_item_has_children {
    flex-basis: 99%;
  }

  #section-contact{
    padding-top: 0px!important;
  }

  #header-menu{
    z-index: 999999;
    height: var(--height-header-resp);
  }

  .section-text-general .row-width.call-action-back{
    margin-bottom: 20px!important;
  }

  #section-call-action-page{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }

  .img-logo-marque-texte{
    margin-bottom: 20px!important;
  }

  .section-text-general .row-width.call-action-back{
    max-width: 100%!important;
    border-radius: 0px;
  }

  #section-call-action-page .bloc-general-texte.blanc p{
    text-align: center;
  }

  .titre-etape-avantages h3{
    padding-left: 100px;
  }

  .section-text-general .row-width-titre.no-marge .titre-etape-avantages h3{
    margin-bottom: 30px!important;
  }

  .titre-etape-avantages h3:before{
    left: 0;
  }

  #section-liste-etapes-projets .row-width,
  .row-etape-avantages-page{
    display: flex;
  }

  #section-liste-etapes-projets.commande .row-width .et_pb_column:first-child{
    padding-right: 25px;
  }

  #section-liste-etapes-projets .bloc-general-texte ul {
    padding-left: 0!important;
  }

  #focus-garantie-product .focus-column{
    margin-bottom: 80px!important;
  }

  #focus-garantie-product .focus-column:last-child{
    margin-bottom: 0!important;
  }

  #focus-garantie-product .focus-column:after{
    right: 50%;
    transform: translateX(50%);
    width: 250px;
    height: 1px;
    top: calc(100% + 40px);
  }

  .row-text-img.row-reverse .et_pb_column:first-child{
    margin-top: 0!important;
  }

  .row-text-img{
    margin-top: 0!important;
    margin-bottom: 0px!important;
  }

  .row-text-img:last-child{
    margin-bottom: 0!important;
  }

  .row-text-img.row-reverse {
    padding-left: 30px!important;
  }

  .row-text-img .bloc-general-texte,
  .row-text-img.row-reverse .bloc-general-texte{
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding: 0!important;
    margin-bottom: 30px!important;
  }

  .row-text-img .bloc-general-texte h3{
    text-align: center;
  }

  .row-text-img .bloc-general-texte p{
    text-align: center;
  }

  .bloc-general-texte h4{
    text-align: left;
  }

  .bloc-general-texte p{
    text-align: left;
  }

  .bloc-general-texte.right h3{
    text-align: left;
  }

  .bloc-general-texte.right p{
    text-align: left;
  }

  .content-offre-form{
    flex-wrap: wrap;
  }

  .content-offre-form .content-offre{
    flex-basis: 100%;
    padding-right: 0;
  }

  .content-offre-form .content-form-emploi{
    flex-basis: 100%;
    margin-top: 40px;
  }

  .offres-content a.content-offre .img-offre{
    flex-direction: row-reverse;
  }

  .offres-content a.content-offre .img-offre .content-infos-offre {
    flex-basis: calc(100% - 175px);
    padding-left: 0;
    padding-right: 20px;
  }

  .et-tb #page-container, .et-tb-has-header #page-container {
    padding-top: var(--height-header-resp)!important;
  }

  #page-container {
    padding-top: var(--height-header-resp)!important;
  }

  #footer-global-links .row-links-footer .images-certifs .et_pb_code_inner,
  #footer-global-links .row-links-footer .images-marques .et_pb_code_inner{
    justify-content: center;
  }

  #footer-global-links .row-links-footer .bloc-general-texte h3,
  #footer-global-links .row-links-footer .bloc-general-texte a{
    text-align: center;
    width: 100%;
  }

  #footer-global-links .row-links-footer .bloc-general-texte a{
    margin-bottom: 8px!important;
  }

  #footer-global .row-actus-rs-footer,
  #footer-global-links .row-links-footer{
    padding-top: 60px!important;
    padding-bottom: 30px!important;
  }

  #footer-global-links .row-links-footer .et_pb_column{
    padding-bottom: 30px !important;
  }

  #footer-global .row-actus-rs-footer a.bt-link-global{
    margin-bottom: 20px!important;
  }

  .slider-clients-home .entete-client img{
    flex-basis: 100px;
    height: 100px;
  }

  .slider-clients-home .entete-client h3{
    flex-basis: calc(100% - 100px);
  }

  #section-inspirations .row-width-inspiration{
    margin-top: 0px!important;
  }

  #section-etapes-home .row-width-focus-5{
    margin-top: 40px!important;
  }

  .row-choisir-home .focus-column .bloc-focus-texte h3{
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .row-choisir-home .focus-column .bloc-focus-texte ul li{
    margin-bottom: 15px;
  }

  #section-etapes-home .focus-column .bloc-focus-img{
    margin-bottom: 15px!important;
  }

  #section-inspirations .bloc-image-inspiration{
    width: 100%;
    height: 35vh;
  }

  #section-inspirations .bloc-image-inspiration .et_pb_image_wrap {
    width: 100%;
    height: 100%;
  }

  #section-inspirations .bloc-image-inspiration .et_pb_image_wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #section-inspirations .column-inspi-1,
  #section-inspirations .column-inspi-2 {
    width: 100%;
  }

  #section-service .bloc-text-focus-image.top{
      align-items: center;
  }

  #section-service .bloc-text-focus-image.top h2{
    margin-top: 0!important;
  }

  #section-service .focus .bloc-text-focus-image:before,
  #section-service .focus-height:before {
    opacity: 0.7;
  }

  #section-service .focus .bloc-text-focus-image h2,
  #section-service .focus-height .titre-focus-height h2 {
    background-color: #DC7743;
    text-shadow: 0px 0px 15px rgb(0 0 0 / 0%);
  }

  #section-service .focus.focus-1,
  #section-service .focus.focus-2 {
    width: 100%!important;
    margin-right: 0!important;
    margin-left: 0!important;
    margin-bottom: 6px!important;
  }

  #section-service .bloc-image-focus,
  #section-service .focus.focus-1 {
    height: 35vh!important;
  }

  #section-nos-produits .row-width-titre,
  #section-service .row-width-titre {
    margin-bottom: 40px!important;
  }

  #section-inspirations .row-width-titre {
    margin-bottom: 20px!important;
  }

  #section-nos-produits .focus .bloc-text-focus-image:before {
    opacity: 0.7;
  }

  #section-nos-produits .focus .bloc-text-focus-image h2 {
    background-color: #DC7743;
  }

  #section-nos-produits .focus h2,
  #section-service .focus.focus-2 .bloc-text-focus-image h2,
  #section-service .focus.focus-1 .bloc-text-focus-image h2{
    font-size: 35px!important;
    line-height: 40px!important;
  }

  #section-nos-produits .bloc-image-focus{
    height: 35vh!important;
  }

  #section-nos-produits .focus.focus-1{
    margin-right: 0!important;
  }

  #section-nos-produits .focus.focus-2{
    margin-left: 0!important;
  }

  #section-nos-produits .row-width.row-width-full.image-full{
    padding-bottom: 0px!important;
  }

  #section-nos-produits .focus{
    margin-bottom: 6px!important;
  }

  #section-etapes-home .focus-column:before,
  #section-etapes-home .focus-column:after{
    display: none;
  }

  .row-choisir-home .focus-column,
  #section-engagement-home .column-engagement-text,
  #section-etapes-home .focus-column,
  #section-inspirations .bloc-image-inspiration,
  #section-inspirations .bloc-general-texte,
  .date-histo,
  .date-histo-texte{
    animation: none!important;
    opacity: 1!important;
    visibility: visible!important;
    transform: none!important;
  }

  .et_pb_button_module_wrapper{
    margin-bottom: 0!important;
  }

  #section-engagement-home .row-width h2{
    text-align: center!important;
  }

  #section-engagement-home .row-width .bloc-general-texte p{
    padding-right: 0!important;
    text-align: center!important;
  }

  #section-engagement-home .row-width{
    padding-right: 30px!important;
  }

  .section-text-general {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
  }

  .row-choisir-home{
    margin-top: 15px!important;
  }

  #header-menu.section-text-general .row-width.row-acces{
    display: none!important;
  }

  #header-menu.section-text-general .bloc-acces-rapide-entete, #main-header .bloc-acces-rapide-entete{
    justify-content: center;
  }

  #header-menu.section-text-general .row-width.row-menu{
    display: flex;
    flex-direction: row;
    padding-top: 5px!important;
  }

  .column-logo{
    margin-bottom: 0px!important;
    padding-bottom: 10px!important;
    padding-top: 10px!important;
    margin-top: 0!important;
  }

  .column-menu {
    align-items: center;
  }

  #menu-desktop .mobile_menu_bar{
    right: -15px;
    top: -4px;
  }

  #menu-desktop .mobile_menu_bar:before{
    color: #FFFFFF!important;
    font-size: 70px!important;
  }

  #menu-desktop .mobile_nav.opened .mobile_menu_bar:before{
    content: "\4d";
  }

  #menu-desktop .et_mobile_menu, #et_mobile_nav_menu .et_mobile_menu{
    display: block!important;
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    height: calc(100vh - 80px)!important;
    padding-top: 0!important;
    opacity: 0!important;
    visibility: hidden!important;
    transition: all 0.3s ease!important;
    overflow: auto;
    border: 0px!important;
    padding-top: 45px!important;
    padding-bottom: 60px!important;
    background: #35343c!important;
    transform: translateX(-100%)!important;
    & > li {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      & > a{
        font-size: 32px;
        line-height: 34px;
        border: 0px!important;
        padding-right: 35px;
        color: #FFFFFF!important;
        opacity: 1!important;
        font-weight: bold;
        padding-top: 20px;
        padding-bottom: 20px;
        @media screen and (max-width: 576px){
          font-size: 24px;
          line-height: 28px;
          padding-top: 15px;
          padding-bottom: 15px;
        }
      }
      &.menu-item-has-children{
        &.visible{
          & > a{
            &:after{
              content: '\4d';
            }
          }
          .sub-menu-wrap{
            opacity: 1 !important;
            visibility: visible !important;
            max-height: 100% !important;
          }
        }
        & > a{
          position: relative;
          &:after{
            font-size: 27px;
            content: '\4c';
            top: 15px;
            right: 0px;
            font-family: 'ETmodules';
            text-align: center;
            speak: none;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            position: absolute;
          }
        }

      }
      & > .sub-menu-wrap {
        /* display: none !important; */
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.3s ease;
        max-height: 0 !important;
        flex-basis: 100%;
        margin-bottom: 0;
        background: none!important;
        padding-left: 30px!important;
        padding-right: 30px!important;
        ul.sub-menu{
          flex-basis: 100%;
          margin-bottom: 0;
          background: none !important;
          padding-left: 30px !important;
          padding-right: 30px !important;
          & > li{
            padding-left: 0!important;
            display: flex;
            justify-content: center;
            margin-bottom: 5px;
            border-radius: 3px!important;
            background-color: rgba(255,255,255,0.2);
            &.titre-mega-menu > a{
              display: none!important;
            }
            & > a{
              color: #FFFFFF!important;
              opacity: 1!important;
              border-bottom: 0px;
              display: block;
              width: 100%;
              text-align: center;
              font-size: 18px;
              line-height: 22px;
              font-weight: bold;
              padding: 12px !important;
            }

          }
        }

      }
    }
  }





  #menu-desktop .et_mobile_menu > li > ul > li > ul > li > a:hover,
  #menu-desktop .et_mobile_menu > li > ul > li > ul > li.current-menu-item > a{
    background: #DC7743!important;
    opacity: 1!important;
    border-radius: 3px!important;
  }

  #menu-desktop .et_mobile_menu > li.current-menu-item > a{
    color: #DC7743!important;
  }

  #menu-desktop .mobile_nav.opened .et_mobile_menu{
    opacity: 1!important;
    visibility: visible!important;
    transform: translateX(0)!important;
  }

  /* CSS refermer les sous-menus sur mobile */

  #menu-desktop .et_mobile_menu .menu-item-has-children > a {
  	background-color: transparent;
  	position: relative;
  }

  #menu-desktop .et_mobile_menu .menu-item-has-children > a:after {
  	font-family: 'ETmodules';
  	text-align: center;
  	speak: none;
  	font-weight: normal;
  	font-variant: normal;
  	text-transform: none;
  	-webkit-font-smoothing: antialiased;
  	position: absolute;
  }

  #menu-desktop .et_mobile_menu .menu-item-has-children > a:after {
  	font-size: 27px;
  	content: '\4c';
  	top: 22px;
  	right: 0px;
  }

  #menu-desktop .et_mobile_menu .menu-item-has-children.visible > a:after {
  	content: '\4d';
  }

  #menu-desktop .et_mobile_menu > li > ul.sub-menu {
  	/* display: none !important; */
    opacity: 0!important;
  	visibility: hidden !important;
  	transition: all 0.3s ease;
    max-height: 0!important;
  }

  #menu-desktop .et_mobile_menu > li.visible > ul.sub-menu {
  	/* display: block !important; */
    opacity: 1!important;
  	visibility: visible !important;
    max-height: 100%!important;
  }

  #menu-desktop .et_mobile_menu > li.visible > ul > li > ul{
    z-index: 10;
    max-height: 100%;
    overflow: visible;
  }


  #footer-basic .row-width{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #footer-basic.centre .row-width .et_pb_column{
    flex-basis: 46%;
    margin-right: 2%;
    max-width: 100%;
  }

  #footer-basic.centre .row-width .et_pb_column:last-child{
    margin-right: 0;
  }

  #footer-basic.left .row-width .et_pb_column{
    flex-basis: 28%;
    margin-right: 2%;
  }

  #footer-basic.left .row-width .et_pb_column:last-child{
    margin-right: 0;
  }

  #footer-basic.left .row-width .et_pb_column:nth-child(1){
    flex-basis: 100%;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(1){
    order: 2;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(2){
    order: 1;
    flex-basis: 100%;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(3){
    order: 3;
  }

  .single-post .et_post_meta_wrapper img{
    float: none;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .row-width-focus-5 .focus-column:last-child{
    width: 100%;
  }

  .bloc-general-texte.float-img img {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
  }

  .bloc-image-text{
    height: 40vh!important;
  }

  .slider-texte-produits,
  .slider-texte-produits .et_pb_slides,
  .slider-texte-produits .et_pb_slide{
    height: 40vh!important;
  }

  .row-reverse{
    display: flex;
    flex-direction: column-reverse;
  }

  .row-reverse .et_pb_column:first-child{
    margin-top: 30px;
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-980);
    line-height: var(--font-size-title-entete-980);
  }

  #entete-hauteur{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-full{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-page{
    height: calc(350px - var(--height-header-resp));
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description{
    padding-left: 30px!important;
    padding-right: 30px!important;
  }

  #entete-hauteur .slider-basique .et-pb-slider-arrows{
    top: calc(100% - 80px)!important;
    width: 150px!important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999!important;
  }

  #entete-hauteur .slider-basique .et-pb-arrow-next,
  #entete-hauteur .slider-basique .et-pb-arrow-prev{
    opacity: 1!important;
  }

  .wsp-pages-list li.page_item{
    flex-basis: 49%;
  }

  .single-post article.post{
    padding-top: 0px!important;
  }

  .single-post .container.row-width.bloc-general-texte{
    padding-top: 30px!important;
  }

  .row-width{
    padding-left: 30px!important;
    padding-right: 30px!important;
  }

  .bloc-exergue{
    padding-left: 0!important;
    padding-right: 0!important;
    border: 0px!important;
  }

  .bloc-exergue h4{
    text-align: center!important;
  }

  .bloc-exergue p{
    text-align: center!important;
  }

  .section-text-general .row-width-titre.page{
    padding-bottom: 0px!important;
  }

  .row-frise-histoire h2{
    margin-bottom: 0px!important;
  }

  .row-width-focus-page{
    padding-bottom: 0px!important;
  }

  #section-engagement-home .column-engagement-text{
    padding-top: 45px!important;
    padding-bottom: 45px!important;
  }

  #section-engagement-home.page-ramonage .column-engagement-text{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }

  #section-engagement-home .row-width h2{
    margin-bottom: 10px!important;
  }

}

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


  #section-faq .content-faq-cat .bloc-cat-faq{
    flex-basis: 100%;
    margin-right: 0!important;
    margin-bottom: 30px;
  }

  #section-liste-etapes-projets.commande .row-width .et_pb_column:first-child{
    padding-right: 0;
    margin-bottom: 0px;
  }

  #section-liste-etapes-projets .row-width .et_pb_column:first-child{
    margin-bottom: 0px;
  }

  .row-tarifs-ramonage .column-tarif-ramonage{
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .links-prime-renov .et_pb_code_inner{
    flex-wrap: wrap;
  }

  .links-prime-renov .et_pb_code_inner a{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    flex-basis: 100%;
  }

  .links-prime-renov .et_pb_code_inner a:first-child{
    margin-top: 0;
  }

  .bloc-focus-devis{
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bloc-focus-devis .et_pb_text_inner h2{
    font-size: 17px;
    line-height: 24px;
  }

  .bloc-focus-devis .et_pb_text_inner h2 strong{
    font-size: 23px;
    line-height: 26px;
  }

  .column-focus-service-page{
    padding-top: 15px!important;
    padding-bottom: 15px!important;
  }

  .row-frise-histoire h2{
    opacity: 0.8;
  }

  .wsp-pages-list li.page-item-5184.page_item_has_children ul{
    flex-direction: column;
    align-items: center;
  }

  .wsp-pages-list li.page-item-5184.page_item_has_children ul li{
    width: 90%;
    margin: 2%;
  }

  .onglets-forms .et_pb_tabs_controls{
    display: none;
  }

  #section-call-action-page .bloc-general-texte.blanc p br{
    display: none;
  }

  .bloc-contact-bleu ul li{
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 10px;
  }

  #section-liste-etapes-projets .bloc-general-texte ul, .bloc-general-texte.liste-avantages ul{
    padding-left: 0px!important;
  }

  .bloc-general-texte h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .titre-etape-avantages h3{
    padding-left: 0!important;
    padding-top: 100px;
    text-align: center;
    margin-bottom: 0px!important;
  }

  .section-text-general .row-width-titre.no-marge .titre-etape-avantages h3{
    margin-bottom: 0px!important;
  }

  .titre-etape-avantages h3:before{
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  #entete-hauteur .slider-basique.slider-page-produits .et_pb_slide_content h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2 span{
    font-size: 30px!important;
    line-height: 38px!important;
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: 28px!important;
    line-height: 36px!important;
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2 span{
    font-size: 32px!important;
    line-height: 38px!important;
  }

  #entete-hauteur .slider-basique.slider-page-produits .et_pb_slide_content p{
    font-size: 20px!important;
    line-height: 24px!important;
  }

  #section-liste-etapes-projets .row-width,
  .row-etape-avantages-page{
    flex-wrap: wrap;
  }

  #section-liste-etapes-projets .row-width .et_pb_column,
  .row-etape-avantages-page .et_pb_column{
    flex-basis: 100%;
  }

  #footer-global-links .row-links-copyright{
    padding-bottom: 60px!important;
  }

  .bloc-general-texte h1{
    font-size: 30px;
    line-height: 30px;
  }

  .slider-actus-single .sp-buttons{
    display: flex;
  }

  .slider-actus-single .sp-buttons .sp-button{
    width: calc(25% - 20px);
  }

  .slider-actus-single .sp-slide > a{
    margin: 10px;
    min-height: auto;
  }

  .entete-page h1 {
    font-size: 18px;
    line-height: 22px;
  }

  .entete-page h1 strong {
    font-size: 35px;
    line-height: 40px;
    margin-top: 0px;
    padding-top: 3px;
  }

  .blog-content a:first-child .img-actu {
    height: 260px;
  }

  .blog-content a{
    flex-basis: 100%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    margin-bottom: 30px!important;
  }

  .slider-clients-home .entete-client {
    justify-content: center;
  }

  .slider-clients-home .entete-client h3{
    flex-basis: 35%;
  }

  .slider-clients-home .text{
    text-align: center;
    width: 450px;
    max-width: 100%;
    margin: auto;
    max-height: 135px;
    overflow: auto;
    margin-top: 15px;
    padding-right: 20px;
  }

  .section-text-general {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }

  .bloc-general-texte h2{
    font-size: 35px;
    line-height: 35px;
  }

  .bloc-general-texte h2 span{
    font-size: 18px;
    line-height: 30px;
  }

  .bloc-general-texte h2:before {
    width: 100px;
  }

  #section-engagement-home .row-width h2{
    font-size: 24px!important;
    line-height: 30px!important;
  }

  #section-engagement-home .row-width .bloc-general-texte p{
    font-size: 18px!important;
    line-height: 24px!important;
    padding-right: 0!important;
  }

  #entete-hauteur .slider-basique .et-pb-controllers{
    display: flex;
    width: 575px;
    max-width: 80%;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 140px;
    flex-wrap: wrap;
    justify-content: center;
  }

  #entete-hauteur .slider-basique .et-pb-controllers a{
    width: calc(20% - 10px);
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .slider-texte-produits .et-pb-controllers{
    display: flex;
    width: 575px;
    max-width: 80%;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .slider-texte-produits .et-pb-controllers a{
    width: calc(20% - 10px);
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #bloc-fixed-right {
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
  }

  .content-sidebar-right{
    flex-direction: row;
  }

  .content-sidebar-right > a{
    flex-basis: 25%;
    padding: 6px;
  }

  .content-sidebar-right a.services{
    height: auto;
    padding: 8px;
    padding-top: 10px;
  }

  .content-sidebar-right a.services img{
    height: 15px;
    margin-bottom: 3px;
  }

  .content-sidebar-right .bt{
    left: 0;
    transform: rotate(90deg);
    top: -40px;
    padding: 5px!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    font-size: 26px;
    z-index: -1;
    background-color: #3e3d45!important;
  }

  #bloc-fixed-right.close .content-sidebar-right .bt{
    background-color: #DC7743!important;
  }

  #bloc-fixed-right.close {
    transform: translateX(0) translateY(100%);
  }

  #footer-basic .row-width{
    align-items: center;
    flex-direction: column;
  }

  #footer-basic.centre .row-width .et_pb_column,
  #footer-basic.left .row-width .et_pb_column{
    width: 300px;
    max-width: 100%;
    margin-right: 0px!important;
  }

  #footer-basic.centre .row-width .et_pb_column:nth-child(3){
    margin-top: 30px!important;
  }

  .et_pb_column .et_pb_grid_item, .et_pb_column .et_pb_grid_item.et_pb_portfolio_item {
    margin: 0 5.5% 9.5% 0;
    margin-bottom: 5.5%;
    width: 47.25%;
    clear: none;
    float: left;
  }

  .bt-link-global{
    font-size: var(--size-link-general-767)!important;
    line-height: var(--size-link-general-767)!important;
  }

  #entete-hauteur{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-full{
    height: calc(100vh - var(--height-header-resp));
  }

  #entete-hauteur.entete-hauteur-page{
    height: calc(350px - var(--height-header-resp));
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-767);
    line-height: var(--font-size-title-entete-767);
  }

  .wsp-pages-list li.page_item{
    flex-basis: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .slider-actus-single .sp-slide > a .content-infos-actu .text-actu{
    display: none;
  }

  h3.title-actus-single-slider{
    margin-top: 0;
  }

  #section-call-action-page .row-width{
    padding-bottom: 20px!important;
  }

  #section-call-action-page .row-width.call-action-back{
    padding-bottom: 40px!important;
  }

  .section-text-general .row-width.call-action-focus{
    padding-top: 0!important;
  }

  .row-etape-avantages-page .bloc-general-texte p{
    text-align: center!important;
  }

  #avantages-magasin .content-avantages-magasin .avantages-focus p{
    width: 100%;
    font-size: 17px;
    line-height: 24px;
  }

  #avantages-magasin .content-avantages-magasin .avantages-focus{
    flex-basis: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }

  #section-faq .ewd-ufaq-faqs h4{
    font-size: 17px;
    line-height: 22px;
  }

  div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol{
    margin-right: 5px;
  }
}

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

  .single-post article.post .entry-content .gallery .gallery-item{
    flex-basis: 100%;
    margin-right: 0!important;
    margin-bottom: 30px!important;
  }

  #section-engagements-page .introduction{
    width: 100%;
  }

  #section-faq .ewd-ufaq-faqs h4{
    font-size: 16px;
    line-height: 22px;
  }

  #section-faq .content-faq-cat .bloc-cat-faq > a{
    font-size: 18px;
    line-height: 20px;
  }

  #horaires-carte-magasin .infos-magasins .horaires-magasin > div .label-jour{
    padding-right: 0px;
  }

  #entete-hauteur.entete-magasin h1 strong{
    font-size: 35px;
  }

  #avantages-magasin{
    padding-left: 15px!important;
    padding-right: 15px!important;
  }

  #avantages-magasin .content-avantages-magasin{
    margin-bottom: 20px;
  }

  #horaires-carte-magasin .infos-magasins .contact-magasin a:before{
    left: 20px;
  }

  #horaires-carte-magasin .infos-magasins .contact-magasin{
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
  }

  #horaires-carte-magasin .infos-magasins .contact-magasin a{
    width: 235px;
    max-width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  #horaires-carte-magasin .infos-magasins .adresse-magasin{
    text-align: center;
  }

  #horaires-carte-magasin .infos-magasins .horaires-magasin > div{
    flex-wrap: wrap;
  }

  #horaires-carte-magasin .infos-magasins .horaires-magasin > div .label-jour,
  #horaires-carte-magasin .infos-magasins .horaires-magasin > div .horaire-jour{
    flex-basis: 100%;
    text-align: center;
  }

  #horaires-carte-magasin .infos-magasins .adresse-magasin, #horaires-carte-magasin .infos-magasins .horaires-magasin, #horaires-carte-magasin .infos-magasins .contact-magasin{
    padding-left: 0px;
    padding-top: 65px;
  }

  #horaires-carte-magasin .infos-magasins .adresse-magasin:before, #horaires-carte-magasin .infos-magasins .horaires-magasin:before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  #horaires-carte-magasin .infos-magasins .contact-magasin{
    padding-top: 0px;
  }

  .content-infos-magasins{
    width: 230px;
  }

  .content-infos-magasins .infobulle-text{
    flex-basis: 95%;
  }

  .content-infos-magasins .infobulle-img{
    display: none;
  }

  .bt-links-commande{
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
  }

  .bt-links-commande a{
    margin-left: 0px!important;
    margin-right: 0px!important;
    margin-bottom: 8px!important;
    margin-top: 8px!important;
    padding: 10px!important;
    padding-right: 30px!important;
    background-color: rgb(220 119 67 / 85%)!important;
    border: 0px!important;
  }

  .bt-links-commande a:hover{
    border: 0px!important;
  }

  .section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.desc-tarif .et_pb_text_inner{
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
  }

  .section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.desc-tarif h4{
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.desc-tarif h5{
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 15px;
  }

  .section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.titre-tarif h3{
    padding-top: 90px;
    padding-right: 0;
    display: block;
    text-align: center;
    margin-top: 0;
  }

  .section-text-general .row-width.row-width-tarifs-indi-desc .bloc-general-texte.titre-tarif h3:before{
    right: 50%;
    top: 0;
    transform: translateX(50%);
  }

  .row-formules-granules .column-formules.standard .bt-link-global{
    font-size: 20px!important;
    line-height: 20px!important;
  }

  .row-formules-granules .column-formules .bloc-general-texte.total-formule{
    width: 260px;
    max-width: 90%;
  }

  .row-formules-granules{
    padding-left: 20px!important;
    padding-right: 20px!important;
  }

  .row-formules-granules .column-formules .bloc-general-texte.palette-plus-formule{
    max-width: 80%;
    margin: auto;
  }

  .row-formules-granules .column-formules .bloc-general-texte.tonne-formule h4,
  .row-formules-granules .column-formules .bloc-general-texte.entretien-formule h4{
    padding-left: 0px;
  }

  .row-formules-granules .column-formules .bloc-general-texte.tonne-formule .et_pb_text_inner,
  .row-formules-granules .column-formules .bloc-general-texte.entretien-formule .et_pb_text_inner{
    flex-direction: column;
  }

  .row-formules-granules .column-formules .bloc-general-texte.tonne-formule h3,
  .row-formules-granules .column-formules .bloc-general-texte.entretien-formule h3{
    padding-top: 85px;
    padding-left: 0px!important;
  }

  .row-formules-granules .column-formules .bloc-general-texte.tonne-formule h3:before,
  .row-formules-granules .column-formules .bloc-general-texte.entretien-formule h3:before,
  .row-formules-granules .column-formules .bloc-general-texte.tonne-formule h3:after,
  .row-formules-granules .column-formules .bloc-general-texte.entretien-formule h3:after{
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }

  .bloc-aides-financements h4{
    font-size: 20px;
    line-height: 24px;
  }

  .row-frise-histoire .date-histo h2{
    font-size: 62px;
    line-height: 70px;
  }

  .row-frise-histoire .date-histo-texte h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .focus-contact{
    min-height: 20vh;
  }

  .content-demande-contact a{
    font-size: 17px;
    line-height: 22px;
  }

  .content-demande-contact a:last-child{
    margin-bottom: 0px;
  }

  .column-contact-bleu:after{
    display: none;
  }

  .bloc-general-texte h2 {
    font-size: 32px;
    line-height: 32px;
  }

  .single-offres_emplois .content-offre .img-offre{
    flex-wrap: wrap;
  }

  .single-offres_emplois .content-offre .img-offre .content-image {
    flex-basis: 100%;
    margin-bottom: 30px;
  }

  .single-offres_emplois .content-offre .img-offre .content-infos-offre {
    flex-basis: 100%;
    padding-left: 0px;
  }

  .form-emplois .col2{
    flex-wrap: wrap;
  }

  .form-emplois .col2 label {
    flex-basis: 100%;
    margin-right: 0;
  }

  .offres-content a.content-offre .img-offre{
    flex-direction: row;
    flex-wrap: wrap;
  }

  .offres-content a.content-offre .img-offre .content-image{
    flex-basis: 100%;
    margin-bottom: 30px;
  }

  .offres-content a.content-offre .img-offre .content-infos-offre {
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0px;
  }

  .blog-content a:first-child .img-actu,
  .blog-content a .img-actu,
  .slider-actus-single .sp-slide > a .img-actu{
    height: 180px!important;
  }

  .custom-pagination a,
  .custom-pagination span.current{
    width: 37px;
    height: 37px;
  }

  .slider-clients-home{
    margin-top: 0px;
  }

  .slider-clients-home .entete-client img{
    display: none;
  }

  .slider-clients-home .entete-client h3{
    flex-basis: 100%;
    padding-right: 0px;
    align-items: center;
    padding-top: 20px;
  }

  .slider-clients-home .entete-client .etoiles{
    justify-content: center;
  }

  .slider-clients-home .sp-buttons .sp-button{
    width: calc(25% - 20px);
  }

  #section-nos-produits .focus h2,
  #section-service .bloc-text-focus-image h2,
  #section-service .focus-height .titre-focus-height h2,
  #section-service .focus.focus-1 .bloc-text-focus-image h2{
    font-size: 22px!important;
    line-height: 28px!important;
  }

  #section-engagement-home .row-width .bt-link-global{
    font-size: 18px!important;
    line-height: 20px!important;
  }

  #menu-desktop .et_mobile_menu > li > ul > li > ul > li > a{
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    padding: 12px!important;
  }

  #menu-desktop .et_mobile_menu{
    padding-top: 45px!important;
  }

  #menu-desktop .et_mobile_menu > li > a{
    font-size: 24px;
    line-height: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #menu-desktop .et_mobile_menu .menu-item-has-children > a:after{
    top: 15px;
  }

  #footer-basic.centre .row-width .et_pb_column,
  #footer-basic.left .row-width .et_pb_column{
    width: 100%;
    max-width: 100%;
    margin-right: 0px!important;
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-576);
    line-height: var(--font-size-title-entete-576);
  }

  #entete-hauteur .row-width p,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide p{
    font-size: 20px!important;
    line-height: 24px!important;
  }

  #section-engagement-home .row-width .bt-link-global.email:after,
  #section-engagement-home .row-width .bt-link-global.tel:after{
    left: 8px;
    right: auto;
  }
}

/******* PAGE LISTE SOLDE *********/

#solde-ete h2{
  font-size: 36px;
  font-weight: 800;
  color: #DC7743;
  position: relative;
  margin-top:20px;
  margin-bottom: 20px;
}
#solde-ete h2:after{
  content:'';
  background:#DC7743;
  width:150px;
  height:4px;
  position:absolute;
  bottom: -5px;
  left:0;
}

.content-solde{
  display: flex;
  padding-bottom: 15px;
  padding-top: 15px;
}
.img-solde{
  width: 30%;
}
.bloc-solde{
  width: 67%;
  margin-left: 3%;
}
.bloc-solde p{
  padding-bottom:0!important;
}
.bloc-solde p.promo-solde{
  padding-left:10px;
  padding-right:10px;
  margin-bottom:10px;
  background: #DC7743;
  color: #ffffff;
  display: inline-block;
  border-radius:5px;
  border: 1px solid #DC7743;
}
.bloc-solde p.promo-promo{
  padding-left:10px;
  padding-right:10px;
  margin-bottom:10px;
  background: #25242a;
  color: #ffffff;
  display: inline-block;
  border-radius:5px;
  border: 1px solid #25242a;
}
.bloc-solde h3{
  font-size: 25px;
  font-weight: 800;
}
.bloc-solde p.prix-solde{
  color: #DC7743;
  display: inline-block;
  border-bottom: 2px solid #DC7743;
  margin-bottom: 20px;
  font-weight: 800;
  font-size: 20px;
}
.bloc-solde .prix-classique{
  text-decoration: line-through!important;
  font-size: 18px;
}
.pastille-solde{
  display: flex;
}
.lieu-solde{
  margin-left: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  background: #25242a;
  color: #ffffff;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #25242a;
}
.lieu-solde a{
  color:#fff;
}
.lieu-solde:hover{
  background:#DC7743;
  border: 1px solid #DC7743;
}
a.solde-contact{
  padding: 5px 20px;
  font-size: 20px;
  background: #DC7743;
  display: inline-block;
  margin-top: 20px;
  color: #ffffff;
  border-radius: 5px;
}
a.solde-contact:hover{
  background: #25242a;
}
.title-decouvrez h1 span{
    font-weight: 800;
    font-size:22px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.title-decouvrez h1{
    position: relative;
    font-weight: 800;
    text-transform: uppercase;
    font-size:40px;
    display: block;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.title-bandeau-solde h2 span{
  font-weight: 800;
  font-size:22px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.title-bandeau-solde h2{
  position: relative;
  font-weight: 800;
  text-transform: uppercase;
  font-size:60px;
  display: block;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
.title-bandeau-solde h2::after{
  content: "";
  position: absolute;
  bottom: 0;
  width: 200px;
  height: 10px;
  background-color: #DC7743;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 1280px){
  .img-solde{
    width: 40%;
  }
  .bloc-solde{
    width: 57%;
    margin-left: 3%;
  }
}
@media screen and (max-width: 767px){
  .content-solde{
    flex-direction: column;
  }
  .img-solde{
    width: auto;
  }
  .bloc-solde{
    width: 100%;
    margin-left: 0;
  }
  .title-bandeau-solde h2{
    font-size:40px;
  }
}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.mySlides {display: none;}

.description-magasin strong{
  color:#DC7743;
}

/* Ajout Sliman */

.df-bouton {
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none !important;
  border-radius: 10px;
  padding: 1rem 2rem !important;
  background-color: #DC7743 !important;
  color: #FFFFFF !important;
}

.df-bouton:hover {
  background-color: #ffffff !important;
  color: #DC7743 !important;
  border: 2px solid #DC7743 !important;
  transition: all 0.2s !important; 
}

.promotion-button{
  display: inline-block;
  padding: 8px 15px;
  color: #fff;
  background: #DC7743;
  border-radius: 5px;
  transition: 0.5s all;
  margin: 25px 0 40px;
}

.promotion-button:hover{
  background: #25242a;
}

/** Update 2025 */
.flex-reversed{
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

#SAV-reactif .et_pb_blurb .et_pb_blurb_content{
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}

#SAV-reactif .et_pb_blurb:last-child .et_pb_blurb_content{
  margin-bottom: 0px;
}

#SAV-reactif .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image{
  margin-bottom: 0;
}

.et_pb_button.bt-link-global{
  text-transform: uppercase;
 /*border: 0 !important;*/
  padding-left: 25px !important;
  padding-right: 25px !important;
  background-color: #DC7743 !important;
  color: #FFFFFF !important;
  margin-top: 0px !important;
  border: 2px solid #DC7743 !important;
}

.et_pb_button.bt-link-global:hover {
  background-color: #FFFFFF !important;
  color: #333333 !important;
  border: 2px solid #DC7743;
}