<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 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=Montserrat:wght@400;500;700&amp;display=swap');
/* END - DÃ©clarations des Fonts*/

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

.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;
}

header {
  position: relative !important;
  z-index: 9999 !important;
}

.row-width {
  width: 1260px !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-980 {
  width: 980px !important;
  max-width: 100% !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  margin: auto !important;
}

.bt-link-global,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button {
  display: inline-block;
  padding: 16px !important;
  padding-left: 20px !important;
  padding-right: 30px !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: 20px;
  font-weight: 500;
  transition: all 0.3s ease !important;
  border-radius: 3px !important;
  position: relative !important;
  cursor: pointer;
  pointer-events: visible;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-shadow: none !important;
}

.bt-link-global:after,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:after {
  content: "\35";
  opacity: 1;
  position: absolute;
  margin-left: 0;
  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: 32px !important;
  line-height: var(--size-link-general) !important;
  right: 2px;
}

.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: 30px !important;
}

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

.bt-link-global.blanc {
  background-color: #FFFFFF !important;
  border: 2px solid #FFFFFF !important;
  color: #295E7A !important;
}

.bt-link-global.blanc:hover {
  background-color: #295E7A !important;
  border: 2px solid #295E7A !important;
  color: #FFFFFF !important;
}

.bt-link-global.rose {
  background-color: var(--color-general) !important;
  border: 2px solid var(--color-general) !important;
  color: #FFFFFF !important;
}

.bt-link-global.rose:hover {
  background-color: #FFFFFF !important;
  color: var(--color-general) !important;
}

.bt-link-global.orange {
  background-color: var(--color-sm-renovations) !important;
  border: 2px solid var(--color-sm-renovations) !important;
  color: #FFFFFF !important;
}

.bt-link-global.orange:hover {
  background-color: #FFFFFF !important;
  color: var(--color-sm-renovations) !important;
}

/* 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(767px - 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: 800px;
  max-width: 70%;
  height: 100%;
  margin: auto;
  margin-left: 0;
  padding-left: 60px !important;
  padding-right: 50px !important;
  float: none !important;
  z-index: 99999;
  position: relative;
  display: flex;
  align-items: center;
}


#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_content {
  width: 100%;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before {
  content: "";
  width: 800px;
  max-width: 70%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #295e7a;
  z-index: 9999;
  opacity: 0.7;
  transform: translateX(0);
  -webkit-animation: slide-in-left 0.6s ease-in 0.5s both;
  animation: slide-in-left 0.6s ease-in 0.5s both;
}

#entete-hauteur.page-int .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description,
#entete-hauteur.page-int .slider-basique .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before {
  width: 840px;
  max-width: 55%;
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_content h1 {
  font-family: var(--font-family-title-entete);
  color: var(--color-title-entete-slider);
  font-size: var(--font-size-title-entete);
  line-height: var(--font-size-title-entete);
  text-align: var(--alignement-title-entete);
  font-weight: bold;
  padding-top: 30px !important;
  padding-bottom: 0px !important;
  margin-bottom: 15px;
  text-transform: uppercase;
  position: relative;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_content h1:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 10px;
  background-color: var(--color-general);
}

#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);
  font-weight: 500;
}

.link-slide-home {
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
}

.link-slide-home a {
  margin-right: 30px !important;
}

.link-slide-home a:last-child {
  margin-right: 0 !important;
}

#entete-hauteur .slider-basique .et-pb-slider-arrows {
  width: 400px !important;
  position: absolute;
  bottom: 70px;
  left: 400px;
  transform: translateX(-50%);
  z-index: 9999;
}

#entete-hauteur .slider-basique .et-pb-arrow-next,
#entete-hauteur .slider-basique .et-pb-arrow-prev {
  font-size: 80px !important;
  z-index: 9999999;
  opacity: 1 !important;
  width: 40px;
  height: 40px;
  background: var(--color-general);
  border-radius: 50%;
  font-size: 37px !important;
  line-height: 36px;
}

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

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

#entete-hauteur .slider-basique .et-pb-controllers {
  width: 300px;
  z-index: 99999;
  left: 400px;
  transform: translateX(-50%);
  bottom: 55px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: auto !important;
}

#entete-hauteur .slider-basique .et-pb-controllers a {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s ease;
  margin: 7px !important;
}

#entete-hauteur .slider-basique .et-pb-controllers a.et-pb-active-control {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 1);
}


#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;
}

/* 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.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;
}

.section-text-general .bloc-general-texte {
  margin-bottom: 20px !important;
}

.section-text-general .bloc-general-texte:last-child {
  margin-bottom: 0 !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: 20px;
  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: bold;
  margin-bottom: 30px;
  padding-top: 25px !important;
  padding-bottom: 0px !important;
  position: relative;
  text-transform: uppercase;
}

.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: 20px;
  padding-bottom: 0px;
}

.bloc-general-texte.check-title h3 {
  padding-left: 50px;
  position: relative;
}

.bloc-general-texte.check-title h3:before {
  content: "\e052";
  font-family: 'ETmodules' !important;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.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,
.bloc-general-texte.center h3 {
  text-align: center;
}

.bloc-general-texte.blanc h2,
.bloc-general-texte.blanc h3 {
  color: #FFFFFF !important;
}

.bloc-general-texte h2:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 100px;
  height: 10px;
  background-color: var(--color-general);
}

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

.bloc-general-texte h1:before {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-color: var(--color-title-h2-global);
}

.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: var(--color-general);
  text-decoration: underline;
}

.bloc-general-texte ul a {
  color: var(--color-general);
  text-decoration: underline;
}

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

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

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

.bloc-general-texte ul li:last-child {
  padding-left: 25px !important;
  margin-bottom: 0;
}

.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-image-text {
  margin-bottom: 0px !important;
  background: #CCCCCC !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: inline-block;
  padding: 15px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  border: 2px solid var(--color-link-border) !important;
  background-color: var(--color-link-border) !important;
  font-size: var(--size-link-general) !important;
  line-height: var(--size-link-general) !important;
  color: var(--color-link-general);
  margin-top: 25px;
  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;
}

.nf-form-content button:hover,
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=submit]:hover {
  background-color: var(--color-link-general) !important;
  color: var(--color-link-border) !important;
}

.content-infos-contact {
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  flex-wrap: wrap;
}

.content-infos-contact&gt;div {
  flex-basis: 49%;
  margin-right: 2%;
  margin-bottom: 4%;
}

.content-infos-contact&gt;div:nth-child(2n) {
  margin-right: 0;
}

.content-infos-contact&gt;div:last-child {
  flex-basis: 100%;
  margin-right: 0;
  margin-bottom: 0;
}

.bloc-general-texte .form-modeles-annonces .acceptance_content li {
  padding-left: 0px !important;
}

.form-modeles-annonces .acceptance_content li:before {
  display: none !important;
}

.bloc-general-texte.contact .form-modeles-annonces .acceptance_content label {
  height: auto;
}

.bloc-general-texte.contact .form-modeles-annonces .acceptance_content label a {
  display: block;
}

.bloc-contact {
  padding-left: 45px;
  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: 35px;
  line-height: 35px;
  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 #left-area,
.error404 #left-area {
  width: 100% !important;
  float: none !important;
  padding-right: 0px !important;
}

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

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

.single.single-post .entry-content .gallery {
  display: flex;
  flex-wrap: wrap;
}

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

.single.single-post .entry-content .gallery dt a {
  margin-left: 10px;
  margin-right: 10px;
  height: 100%;
  position: relative;
}

.single.single-post .entry-content .gallery dt a:before {
  content: "\50";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 54, 74, 0.8);
  z-index: 1;
  font-family: 'ETmodules' !important;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
  transition: all 0.3s ease;
  opacity: 0;
}

.single.single-post .entry-content .gallery dt a:hover:before {
  opacity: 1;
}

.single.single-post .entry-content .gallery dt a img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border: 0 !important;
}

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

.single article.post {
  margin-bottom: 15px !important;
}

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

.single .bloc-general-texte article h1 {
  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: bold;
  margin-bottom: 30px;
  padding-top: 25px !important;
  padding-bottom: 0px !important;
  position: relative;
  text-transform: uppercase;
  width: 800px;
  max-width: 100%;
}

.single.single-modeles .bloc-general-texte article h1 {
  margin-bottom: 10px;
  width: 100%;
}

.single .bloc-general-texte article h1:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 100px;
  height: 10px;
  background-color: var(--color-general);
}

.single .bloc-general-texte article h2 {
  font-size: 24px !important;
  line-height: 24px !important;
  text-transform: none;
  padding-top: 5px !important;
  margin-bottom: 10px !important;
  color: var(--color-general) !important;
}

.single .bloc-general-texte article h3 {
  font-size: 20px !important;
  line-height: 20px !important;
  text-transform: none;
  padding-top: 0px !important;
  margin-bottom: 10px !important;
}

.single .bloc-general-texte h3.title-actus-single-slider {
  padding: 15px !important;
  background-color: var(--color-general) !important;
  color: #FFFFFF !important;
  text-align: center;
  margin-bottom: 35px !important;
  font-size: 20px !important;
  line-height: 20px !important;
}

.single .bloc-general-texte article h2:before {
  display: none;
}

.breadsingle {
  margin-top: 15px !important;
  margin-bottom: 30px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
}

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

.breadsingle span.delit {
  color: var(--color-general) !important;
  margin-left: 5px;
  margin-right: 5px;
}

.breadsingle span.actif {
  opacity: 0.7;
}

/**/

/* 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 {
  padding-top: 40px !important;
  padding-bottom: 40px !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;
}

.wsp-pages-list li.page_item {
  flex-basis: 32.3333%;
  background: none;
  margin: 0.5%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0px !important;
  order: 1;
}

.bloc-general-texte ul.wsp-pages-list li.page_item:last-child {
  padding-left: 0px !important;
}

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

.wsp-pages-list li.page_item:hover&gt;a {

  background-color: #23526a;
  border: 2px solid #23526a;
  color: #FFFFFF;
}

.wsp-pages-list li.page_item&gt;a {
  width: 100%;
  display: block;
  padding: 10px;
  background-color: #FFFFFF;
  color: #23526a;
  border: 2px solid #23526a;
  transition: all .3s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: 3px;
  text-decoration: none;
}

.wsp-pages-list li.page_item_has_children {
  order: 0;
  flex-basis: 100%;
  flex-direction: column;
}

.wsp-pages-list li.page_item_has_children ul.children {
  display: flex;
  width: 100%;
  background: #cddae0;
  padding: 15px !important;
}

.wsp-pages-list li.page_item_has_children ul.children li {
  flex-basis: 50%;
}


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

/* END - Plan du site */
#page-container {
  padding-top: var(--height-header) !important;
}

#header-site {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: var(--height-header);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
}

#header-site .row-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  display: flex;
  width: 100%;
  height: 100%;
}

#header-site .row-width #logo-site {
  flex-basis: 90px;
  margin-right: 10px !important;
}

.logo-content {
  display: flex !important;
  height: 100%;
  align-items: center;
}

#header-site .row-width #menu-site {
  flex-basis: calc(100% - 90px);
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

#header-site .row-width #menu-site .menu-content {
  margin-bottom: 0px !important;
}

#header-site .row-width #menu-site .tel-header {
  margin-bottom: 0px !important;
  position: relative;
  bottom: 50%;
  transform: translateY(50%);
}

#header-site .row-width #menu-site .tel-header a {
  background-color: var(--color-general);
  border: 1px solid var(--color-general);
  color: #FFFFFF;
  border-radius: 7px;
  text-align: center;
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
  display: block;
  padding: 8px;
  padding-right: 12px;
  padding-left: 50px;
  transition: all 0.3s ease;
}

#header-site .row-width #menu-site .tel-header a:before {
  content: "\e090";
  font-family: 'ETmodules' !important;
  width: 32px;
  height: 32px;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-general);
  transition: all 0.3s ease;
}

#header-site .row-width #menu-site .tel-header a:hover {
  background: #FFFFFF;
  color: var(--color-general);
}

#header-site .row-width #menu-site .tel-header a:hover:before {
  background-color: var(--color-general);
  color: #FFFFFF;
}

#header-site .row-width #menu-site .tel-header a span:first-child {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal {
  margin-right: 15px;
  margin-left: 0;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li {
  padding-left: 7px !important;
  padding-right: 7px !important;
  margin-top: 0px !important;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li:last-child {
  padding-right: 0 !important;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li&gt;a {
  padding-bottom: 10px;
  /* Modif de padding pour coller avec changement couleur du menu */
  padding-top: 10px;
  color: #23526A;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500 !important;
  opacity: 1 !important;
  transition: all 0.3s ease !important;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li.menu-item-has-children&gt;a:first-child {
  padding-right: 17px !important;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li.menu-item-has-children&gt;a:first-child:after {
  top: calc(50% + 1px) !important;
  transform: translateY(-50%) !important;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li.current-menu-item&gt;a,
#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li.current-menu-parent&gt;a,
#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li&gt;a:hover {
  color: var(--color-general);
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul {
  border-top: 3px solid white;
  display: flex;
  padding: 20px !important;
  width: calc(100% + 205px);
  transition: none !important;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li:hover ul {
  transition: none !important;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li {
  margin-right: 20px;
  background-color: #eef2f3;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li:last-child {
  margin-right: 0;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li a {
  border-bottom: 0 !important;
  text-align: center !important;
  opacity: 1 !important;
  padding: 0px !important;
  padding-bottom: 8px !important;
  color: #23526A;
  transition: all 0.3s ease !important;
  border-radius: 3px;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li a:before {
  content: "";
  width: 100%;
  height: 150px;
  background: #CCCCCC;
  display: block;
  margin-bottom: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(1);
  transition: all 0.3s ease;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.qsn a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maison-menu-qui-sommes-nous.jpg");
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.engagements a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maisons-menu-nos-engagements.jpg");
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.equipe a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maisons-menu-equipe.jpg");
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.maison-inc a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maison-menu-incontournables.jpg");
  height: 185px;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.maison-pres a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maison-menu-prestiges.jpg");
  height: 185px;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.prestations a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maison-menu-prestation.jpg");
  height: 185px;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.extension a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maison-menu-extension.jpg");
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.renovation a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maisons-menu-renovations.jpg");
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.renovation-energetique a:before {
  background-image: url("/wp-content/uploads/2023/10/renovation-energetique-2.png");
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.contact a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maison-menu-contact.jpg");
  height: 185px;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.recrutement a:before {
  background-image: url("/wp-content/uploads/2022/06/sm-maison-menu-recrutement.jpg");
  height: 185px;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li a:hover,
#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.current-menu-item a {
  background-color: var(--color-general) !important;
  color: #FFFFFF !important;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li a:hover:before,
#header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul&gt;li.current-menu-item a:before {
  filter: grayscale(0);
}

#header-site .row-width #menu-site .menu-content .mobile_menu_bar {
  right: 0;
  transform: translateY(6%);
}

#header-site .row-width #menu-site .menu-content .mobile_menu_bar:before {
  color: #23526A;
  font-size: 75px;
  line-height: 75px;
}

#header-site .row-width #menu-site .menu-content .mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

#header-site .row-width #menu-site .menu-content .et_mobile_menu {
  position: fixed;
  top: var(--height-header-resp) !important;
  width: 100%;
  height: calc(100% - var(--height-header-resp)) !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(-100%) !important;
  transition: all 0.3s ease !important;
  padding: 40px !important;
  margin-top: 0 !important;
  display: block !important;
  border-top: 3px solid var(--color-general);
  overflow: auto;
}

#header-site .row-width #menu-site .menu-content .mobile_nav.opened .et_mobile_menu {
  transform: translateX(0) !important;
}

#header-site .et_mobile_menu .menu-item-has-children&gt;a:after {
  font-family: 'ETmodules';
  text-align: center;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

#header-site .et_mobile_menu .menu-item-has-children&gt;a:after {
  font-size: 27px;
  content: '\33';
  top: 22px;
  right: 0px;
}

#header-site .et_mobile_menu .menu-item-has-children.visible&gt;a:after {
  content: '\32';
}

#header-site .et_mobile_menu&gt;li&gt;ul.sub-menu {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s ease;
  max-height: 0 !important;
}

#header-site .et_mobile_menu&gt;li.visible&gt;ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 100% !important;
  margin-top: 10px;
}

#header-site .et_mobile_menu&gt;li.visible&gt;ul&gt;li&gt;ul {
  z-index: 10;
  max-height: 100%;
  overflow: visible;
}

#header-site .et_mobile_menu&gt;li {
  margin-bottom: 25px;
}

#header-site .et_mobile_menu&gt;li:last-child {
  margin-bottom: 0;
}

#header-site .et_mobile_menu&gt;li a {
  text-align: center;
  font-size: 30px !important;
  line-height: 30px;
  background-color: #FFFFFF !important;
  opacity: 1 !important;
  padding: 8px !important;
  color: #23526A !important;
  border: 0px !important;
  font-weight: bold !important;
}

#header-site .et_mobile_menu&gt;li ul.sub-menu {
  padding-left: 0px !important;
  background-color: #e9edf0 !important;
  border-radius: 5px;
}

.et-db #et-boc #header-site .et_mobile_menu&gt;li ul.sub-menu {
  padding-left: 0px !important;
  background-color: #e9edf0 !important;
  border-radius: 5px;
}

#header-site .et_mobile_menu&gt;li ul.sub-menu li {
  padding-left: 14px !important;
  padding-right: 14px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

#header-site .et_mobile_menu&gt;li ul.sub-menu li:first-child {
  padding-top: 14px !important;
}

#header-site .et_mobile_menu&gt;li ul.sub-menu li:last-child {
  padding-bottom: 14px !important;
}

#header-site .et_mobile_menu&gt;li ul.sub-menu li a {
  font-weight: 500 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  background: none !important;
  padding: 10px !important;
  border-radius: 5px;
}

#header-site .et_mobile_menu&gt;li ul.sub-menu li a:hover {
  background: var(--color-general) !important;
  color: #FFFFFF !important;
}

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

#section-modeles-home {}

.column-text-global {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.bloc-general-texte.intro p {
  font-weight: 600;
  position: relative;
  padding-left: 20px;
}

.bloc-general-texte.intro p:before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color-general);
}

.bloc-text-exp-home {
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--color-general);
  padding: 12px;
  padding-top: 20px;
  padding-bottom: 12px;
}

.bloc-text-exp-home p {
  color: #FFFFFF;
  font-size: 24px;
  line-height: 32px;
}

.bloc-text-exp-home p strong {
  font-size: 50px;
}

#section-smm-home .bloc-image-text:before {
  content: "";
  width: 380px;
  height: 300px;
  background-color: #FFFFFF;
  position: absolute;
  border: 10px solid var(--color-general);
  opacity: 0.4;
  left: -40px;
  bottom: 35px;
}

.text-modeles-home {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  z-index: 999;
  display: flex;
  padding: 20px;
  padding-bottom: 40px;
  align-items: flex-start;
  justify-content: space-between;
}

.text-modeles-home h3 {
  color: #FFFFFF;
  font-size: 30px;
  line-height: 35px;
  font-weight: bold;
}

.text-modeles-home p {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.text-modeles-home a {
  display: block;
  margin-top: 0px !important;
}

.text-modeles-home:before {
  content: "";
  position: absolute;
  left: -20px;
  top: -15px;
  width: calc(100% + 40px);
  height: 155px;
  background-color: var(--color-general);
  z-index: -1;
  transform: rotate(-3deg);
}

.image-modele {
  width: 100%;
  height: 100%;
}

.image-modele img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-modeles {
  background-color: #FFFFFF;
  padding-top: 60px;
}

.slider-modeles .sp-buttons {
  position: absolute;
  bottom: 0px !important;
  padding-bottom: 10px !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}

.slider-modeles .sp-buttons .sp-button {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  margin: 7px !important;
}

.slider-modeles .sp-buttons .sp-button.sp-selected-button {
  background-color: #FFFFFF !important;
}

.slider-modeles .sp-arrow {
  width: 40px !important;
  height: 40px !important;
  border: 2px solid var(--color-general) !important;
  background-color: var(--color-general) !important;
  transform: none !important;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.slider-modeles .sp-arrow:before {
  content: "";
  font-family: 'ETmodules';
  width: auto;
  height: auto;
  background: none;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 30px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) !important;
}

.slider-modeles .sp-arrow.sp-previous-arrow:before {
  content: "\34";
}

.slider-modeles .sp-arrow.sp-next-arrow:before {
  content: "\35";
}

.slider-modeles .sp-arrow:after {
  display: none !important;
}

#section-nous-choisir {
  padding-top: 170px !important;
  overflow: hidden;
  background-color: #FFFFFF !important;
  background-image:
    url("/wp-content/uploads/2022/04/sm-maisons-plan-section-home-1.jpg"),
    url("/wp-content/uploads/2022/04/sm-letters.jpg"),
    url("/wp-content/uploads/2022/04/background-section-nous-choisir-2.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: top right, 0% 170px, 90% 97%;
  background-size: auto, auto !important;
  padding-bottom: 150px !important;
}

#section-nous-choisir .row-width:last-child {
  padding-bottom: 150px !important;
}

#section-nous-choisir:before {
  content: "";
  position: absolute;
  width: calc(150% + 100px);
  height: calc(100% - 320px);
  background-color: #124b68;
  transform: rotate(3deg);
  left: -100px;
  opacity: 0.85;
  display: block;
}

#section-nous-choisir .bloc-compteur-chiffres {
  margin-bottom: 15px !important;
}

#section-nous-choisir .bloc-compteur-chiffres .percent {
  height: auto !important;
}

#section-nous-choisir .bloc-compteur-chiffres .percent-value {
  display: none;
}

#section-nous-choisir .bloc-compteur-chiffres .et_pb_module_header {
  display: flex;
  font-size: 50px !important;
  line-height: 50px !important;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-weight: bold;
  margin: auto;
  position: absolute;
  width: 130px !important;
  height: 130px !important;
  top: 0;
  left: 0;
  padding-bottom: 0;
}


#section-nous-choisir .bloc-texte-chiffres h3 {
  color: #FFFFFF;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
}

#section-nous-choisir .bloc-texte-chiffres h3 strong {
  display: block;
  text-transform: uppercase;
}

#section-nous-choisir .focus-atouts {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 15px;
  text-align: center !important;
  padding-top: 30px;
  padding-bottom: 30px;
}

#section-nous-choisir .focus-atouts h3 {
  text-align: center !important;
  color: var(--color-general);
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 0px;
}

#section-nous-choisir .focus-atouts p {
  text-align: center !important;
  color: #295E7A;
  font-size: 18px;
  line-height: 22px;
}

#section-nous-choisir .image-atout {
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#section-nous-choisir .image-atout .et_pb_image_wrap {
  height: 100%;
}

#section-nous-choisir .image-atout .et_pb_image_wrap img {
  width: auto;
  max-height: 100%;
}

#section-nous-choisir .row-width.last-row {
  padding-top: 0 !important;
}

#section-smm-aussi {
  padding-top: 0px !important;
  padding-bottom: 40px !important;
  margin-top: -60px;
  background: transparent;
}

.slider-ext {
  padding-top: 0px;
  height: 100%;
}

.slider-ext .sp-slides-container,
.slider-ext .sp-slides {
  height: 100%;
}

.content-slider-height {
  height: 100% !important;
}

.content-slider-height .et_pb_code_inner {
  height: 100% !important;
}

#section-smm-aussi .column-text-global.marge-left {
  padding-left: 8% !important;
}

#section-smm-aussi .column-text-global.marge-right {
  padding-right: 8% !important;
}

#section-temoignages-clients {
  padding-top: 0px !important;
  padding-bottom: 40px !important;
}

#section-temoignages-clients .bloc-op-system {
  background-image: url("/wp-content/uploads/2022/04/sm-letters.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
  padding: 30px;
  padding-top: 115px;
  padding-bottom: 30px;
  height: 100%;
}

#section-temoignages-clients .bloc-op-system:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #124b68;
  top: 0;
  left: 0;
  opacity: 0.80;
  display: block;
}

#section-temoignages-clients .bloc-op-system h3 {
  font-size: 30px;
  line-height: 35px;
}

#section-temoignages-clients .bloc-op-system p {
  color: #FFFFFF;
  margin-bottom: 20px !important;
}

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

.section-text-general .row-width.row-bt .bt-link-global {
  margin-top: 0px !important;
}

#section-actualites-home {
  padding-top: 0px !important;
}

.fb_iframe_widget {
  width: 100% !important;
  max-width: 100%;
  text-align: center;
}

.bloc-tem-home,
.bloc-tem-home .et_pb_code_inner {
  height: 100%;
}

.temoignages-content {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.temoignages-content a {
  display: block;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  height: 100%;
}

.temoignages-content.home a {
  flex-basis: 47.5%;
  margin-right: 5%;
}

.temoignages-content.home a:last-child {
  margin-right: 0;
}

.temoignages-content.page a {
  flex-basis: 30.66667%;
  margin-right: 4%;
  margin-bottom: 4%;
}

.temoignages-content.page a:nth-child(3n) {
  margin-right: 0;
}

.temoignages-content a .img-tem {
  display: block;
  width: 100%;
  height: 270px;
  position: relative;
  overflow: hidden;
}

.temoignages-content a .img-tem:before {
  content: "\50";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 54, 74, 0.8);
  z-index: 1;
  font-family: 'ETmodules' !important;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
  transition: all 0.3s ease;
  opacity: 0;
}

.temoignages-content a:hover .img-tem:before {
  opacity: 1;
}

.temoignages-content a .img-tem:after {
  content: "";
  width: calc(100% + 100px);
  height: 40px;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -20px;
  background-color: #FFF;
  transform: translateX(-50%) rotate(4deg);
  z-index: 2;
}

.temoignages-content a .img-tem img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  position: relative;
}

.temoignages-content a .content-infos-tem {
  padding: 25px;
  padding-top: 0px;
}

.temoignages-content a .content-infos-tem .etoiles-tem {
  display: flex;
  margin-bottom: 15px;
}

.temoignages-content a .content-infos-tem .etoiles-tem span {
  display: block;
  margin-right: 6px;
}

.temoignages-content a .content-infos-tem .etoiles-tem span:before {
  content: "\e033";
  font-family: 'ETmodules' !important;
  display: block;
  color: var(--color-general);
}

.temoignages-content a .content-infos-tem .title-tem {
  font-size: 20px;
  line-height: 25px;
  color: #000000;
  font-weight: bold;
}

.temoignages-content a .content-infos-tem .lieu-tem {
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  font-size: 600;
  margin-bottom: 15px;
}

.temoignages-content a .content-infos-tem .text-tem {
  font-size: 17px;
  line-height: 25px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 15px;
}

.temoignages-content a .content-infos-tem .more-tem {
  font-size: 16px;
  line-height: 16px;
  color: #295E7A;
  padding-right: 25px;
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
}

.temoignages-content a:hover .content-infos-tem .more-tem {
  color: var(--color-general);
}

.temoignages-content a .content-infos-tem .more-tem:after {
  content: "\24";
  display: inline-block;
  font-family: 'ETmodules' !important;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.blog-content {
  display: flex;
  flex-wrap: wrap;
}

.blog-content a {
  display: block;
  height: 100%;
}

.blog-content.home a {
  flex-basis: 47.5%;
  margin-right: 5%;
}

.blog-content.home a:last-child {
  margin-right: 0;
}

.blog-content.page a {
  flex-basis: 30.666667%;
  margin-right: 4%;
  margin-bottom: 4%;
}

.blog-content.page a:nth-child(3n) {
  margin-right: 0;
}

.blog-content a .img-actu {
  width: 100%;
  height: 320px;
  position: relative;
  z-index: 1;
}

.blog-content a .img-actu:before {
  content: "\50";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 54, 74, 0.8);
  z-index: 1;
  font-family: 'ETmodules' !important;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
  transition: all 0.3s ease;
  opacity: 0;
}

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

.blog-content a .img-actu img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-content a .content-infos-actu {
  background-color: #FFFFFF;
  margin-top: -65px;
  margin-left: 55px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
  position: relative;
  z-index: 2;
  padding: 15px;
}

.blog-content a .content-infos-actu .date-actu {
  font-size: 14px;
  line-height: 15px;
  color: var(--color-general);
  margin-bottom: 7px;
}

.blog-content a .content-infos-actu .title-actu {
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 7px;
  min-height: 66px;
}

.blog-content.modeles a .content-infos-actu .title-actu,
.single.single-modeles .blog-content a .content-infos-actu .title-actu {
  min-height: auto;
}

.blog-content a .content-infos-actu .text-actu {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 7px;
}

.blog-content a .content-infos-actu .more-actu {
  font-size: 16px;
  line-height: 16px;
  color: #295E7A;
  padding-right: 25px;
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
}

.blog-content a:hover .content-infos-actu .more-actu {
  color: var(--color-general);
}

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

.link-footer-bt {
  display: flex;
}

.link-footer-bt a {
  margin-right: 20px !important;
  margin-top: 0px !important;
  padding-left: 40px !important;
}

.link-footer-bt a:last-child {
  margin-right: 0 !important;
}

#footer-links-contact {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

html body #footer-links-contact .column-links-footer-contact {
  padding: 25px !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  width: 622px !important;
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto !important;
  background-color: rgb(255 255 255 / 52%);
}


@media (min-width: 981px) {
  html body.et-db #et-boc .et-l #footer-links-contact .column-links-footer-contact {
    padding: 25px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    width: 622px !important;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto !important;
    background-color: rgb(255 255 255 / 52%);
  }
}

#footer-links-contact .bloc-general-texte h2 {
  padding-top: 0px !important;
  text-transform: none !important;
  text-align: center !important;
}

#footer-links-contact .bloc-general-texte h2:before {
  display: none;
}

.link-footer-bt a:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'ETmodules' !important;
}

.link-footer-bt a.tel:before {
  content: "\e090";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: var(--color-general);
  font-size: 13px;
  line-height: 14px;
  transition: all 0.3s ease;
}

.link-footer-bt a.tel:hover:before {
  background-color: var(--color-general);
  color: #FFFFFF;
}

.link-footer-bt a.email:before {
  content: "\e076";
  left: 12px;
}

#footer-newsletter-social {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

#footer-infos {
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}

#footer-infos .bloc-general-texte h2 {
  font-size: 20px !important;
  line-height: 25px !important;
  text-transform: none !important;
  padding-top: 14px !important;
}

#footer-infos .bloc-general-texte h2:before {
  width: 48px;
  height: 4px;
}

#footer-infos .row-width {
  display: flex;
  justify-content: space-around;
}

#footer-infos .column-groupe {
  flex-basis: 25%;
}

#footer-infos .column-agences {
  flex-basis: 50%;
}

#footer-infos .column-certifs {
  flex-basis: 25%;
}

#footer-infos .column-groupe .bloc-general-texte p a {
  margin-bottom: 10px;
  display: inline-block;
  transition: all 0.3s ease;
}

#footer-infos .column-groupe .bloc-general-texte p a:hover {
  opacity: 0.8;
}

#footer-infos .column-agences .horaires {
  padding-left: 50px;
  position: relative;
}

#footer-infos .column-agences .horaires:before {
  content: "\7d";
  font-family: 'ETmodules' !important;
  color: #FFFFFF;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 35px;
  line-height: 35px;
}

#footer-infos .column-agences .tel-footer-agence {
  display: flex;
  flex-wrap: wrap;
}

#footer-infos .column-agences .tel-footer-agence .tel-agence {
  flex-basis: 49%;
  margin-right: 2%;
  margin-bottom: 25px;
}

#footer-infos .column-agences .tel-footer-agence .tel-agence h4 {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 17px;
  line-height: 27px;
  text-transform: uppercase;
  padding-bottom: 5px;
}

#footer-infos .column-agences .tel-footer-agence .tel-agence a {
  display: block;
  color: #FFFFFF;
  position: relative;
  padding-left: 35px;
}

#footer-infos .column-agences .tel-footer-agence .tel-agence a:before {
  content: "\e090";
  font-family: 'ETmodules' !important;
  color: #23526A;
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 13px;
  line-height: 13px;
  width: 26px;
  height: 26px;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#footer-infos .column-agences .tel-footer-agence .tel-agence:nth-child(2n) {
  margin-right: 0;
}

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

#footer-copyright .row-width {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

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

#footer-copyright .content-copyright span,
#footer-copyright .content-copyright a {
  color: #FFFFFF;
  margin: 8px;
  margin-left: 10px;
  margin-right: 10px;
  transition: all 0.3s ease;
  font-weight: 400;
}

#footer-copyright .content-copyright span {
  font-weight: 600;
}

#footer-copyright .content-copyright a:hover {
  opacity: 0.8;
}

.blog-content .sp-buttons .sp-button,
.slider-equipe .sp-buttons .sp-button {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--color-general);
  margin: 7px !important;
}

.blog-content .sp-buttons .sp-button.sp-selected-button,
.slider-equipe .sp-buttons .sp-button.sp-selected-button {
  background-color: var(--color-general) !important;
}

.slider-pro.blog-content {
  margin-bottom: 50px;
}

.content-single-tem {
  display: flex;
}

.content-single-tem .img-tem {
  flex-basis: 30%;
  margin-right: 30px;
}

.content-single-tem .img-tem img {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
}

.content-single-tem .text-tem {
  flex-basis: 70%;
}

.content-single-tem .text-tem h1 {
  width: 100% !important;
}

.content-single-tem .text-tem .etoiles-tem {
  display: flex;
  margin-bottom: 15px;
}

.content-single-tem .text-tem .etoiles-tem span {
  display: block;
  margin-right: 6px;
}

.content-single-tem .text-tem .etoiles-tem span:before {
  content: "\e033";
  font-family: 'ETmodules' !important;
  display: block;
  color: var(--color-general);
}

.content-single-tem .text-tem .lieu-tem {
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 15px;
}

.content-single-tem .video-tem {
  flex-basis: 50%;
  margin-right: 30px;
}

.content-single-tem .text-tem.video {
  flex-basis: 50%;
}

#entete-hauteur.normal .slider-basique .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before {
  width: 100%;
  max-width: 100%;
  animation: none;
}

#entete-hauteur.normal .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description {
  width: 1260px !important;
  max-width: 100% !important;
  margin: auto !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}

#entete-hauteur.normal .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description h1 {
  font-size: 40px !important;
  line-height: 40px !important;
}

#entete-hauteur.normal .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description p {
  width: 600px;
  max-width: 100%;
}

/* #entete-hauteur.normal .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description h1:before{
  left: 50%;
  transform: translateX(-50%);
} */

#entete-hauteur div.list-focus-equipe {
  margin-top: 30px;
}

.select-list-focus-equipe {
  width: 100%;
  background: #23526a;
  display: none;
  justify-content: center;
  margin-top: 20px;
  position: relative;
}

div.list-focus-equipe {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

div.list-focus-equipe .focus-equipe-person {
  cursor: pointer;
  pointer-events: visible;
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #FFFFFF;
  border-radius: 5px;
  margin-right: 2%;
  margin-bottom: 2%;
  flex-basis: 18.4%;
  color: var(--color-general);
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* height: 220px; */
  position: relative;
}

div.list-focus-equipe .focus-equipe-person.return-equipe {
  background-color: var(--color-general);
  color: #FFFFFF;
}

div.list-focus-equipe .focus-equipe-person&gt;img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  z-index: 1;
  opacity: 0.3;
}

div.list-focus-equipe .focus-equipe-person&gt;span {
  position: relative;
  z-index: 2;
  text-shadow: none;
  font-weight: 400;
}

div.list-focus-equipe .focus-equipe-person&gt;span strong {
  font-weight: bold;
}

div.list-focus-equipe .focus-equipe-person:hover {
  background-color: #23526a;
  color: #FFFFFF;
}

div.list-focus-equipe .focus-equipe-person:after {
  content: "\e03c";
  font-family: 'ETmodules' !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 32px;
  z-index: 1;
  position: relative;
  text-shadow: none;
}

div.list-focus-equipe .focus-equipe-person.return-equipe:after {
  content: "\e03b";
}

div.list-focus-equipe .focus-equipe-person:nth-child(5n),
div.list-focus-equipe .focus-equipe-person:last-child {
  margin-right: 0;
}

.return-equipe-resp {
  display: none !important;
}

select.list-focus-equipe {
  display: none;
  border: none;
  appearance: none !important;
  padding: 15px;
  text-align: center;
  position: relative;
  background: transparent !important;
  font-size: 18px;
  color: #FFFFFF;
  font-weight: bold;
}

.select-list-focus-equipe:after {
  content: "\43";
  position: absolute;
  font-family: 'ETmodules' !important;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #FFFFFF;
  font-size: 25px;
  line-height: 25px;
}

#section-focus-equipe {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: -60px !important;
  position: relative !important;
  z-index: 9999 !important;
  background: none !important;
}

#section-focus-equipe .row-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#section-list-equipe {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.slider-equipe {
  margin: auto !important;
  margin-top: 50px !important;
}

.slider-equipe-resp {
  display: none;
}

#section-list-equipe.list-equipe-without-slider {
  display: flex;
}

#section-list-equipe.list-equipe-without-slider .content-person {
  flex-basis: calc(33% - 15px);
  margin-right: 30px;
}

#section-list-equipe.list-equipe-without-slider .content-person .intro-person .img-person {
  flex-basis: 100%;
  margin-right: 0;
}

#section-list-equipe .content-person,
.slider-equipe .content-person {
  display: flex;
  flex-wrap: wrap;
  padding-top: 35px;
  padding-bottom: 35px;
}

.slider-equipe .content-person {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 35px;
  width: 100%;
  height: 100%;
}

#section-list-equipe .content-person .intro-person,
.slider-equipe .content-person .intro-person {
  flex-basis: 100%;
  display: flex;
  margin-bottom: 20px;
}

#section-list-equipe .content-person .intro-person .img-person,
.slider-equipe .content-person .intro-person .img-person {
  flex-basis: 35%;
  margin-right: 40px;
  height: 470px;
  position: relative;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  overflow: hidden;
}

.slider-equipe .content-person .intro-person .img-person {
  flex-basis: 100%;
  margin-right: 0px !important;
}

#section-list-equipe .content-person .intro-person .img-person img,
.slider-equipe .content-person .intro-person .img-person img {
  display: block;
  width: 100%;
  height: calc(100% - 80px);
  object-fit: cover;
  object-position: top center;
}

#section-list-equipe .content-person .intro-person .img-person div.empty,
.slider-equipe .content-person .intro-person .img-person div.empty {
  display: block;
  width: 100%;
  height: calc(100% - 80px);
  background-color: #CCCCCC;
}

#section-list-equipe .content-person .intro-person .img-person .name-poste,
.slider-equipe .content-person .intro-person .img-person .name-poste {
  position: absolute;
  bottom: 0;
  background-color: #FFFFFF;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 25px;
  z-index: 2;
}


#section-list-equipe .content-person .intro-person .img-person .name-poste,
.slider-equipe .content-person .intro-person .img-person .name-poste {
  min-height: 73px;
}

#section-list-equipe .content-person .intro-person .img-person .name-poste:before,
.slider-equipe .content-person .intro-person .img-person .name-poste:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #FFFFFF;
  width: calc(100% + 60px);
  height: 80px;
  transform: rotate(4deg);
  top: -22px;
  left: -30px;
}

.slider-equipe .content-person .intro-person .img-person .name-poste:before {
  left: -10px;
}

#section-list-equipe .content-person .intro-person .img-person .name-poste h3,
.slider-equipe .content-person .intro-person .img-person .name-poste h3 {
  color: var(--color-general);
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  padding-bottom: 4px;
  margin-bottom: 0px !important;
}

#section-list-equipe .content-person .intro-person .img-person .name-poste h4,
.slider-equipe .content-person .intro-person .img-person .name-poste h4 {
  color: #333333;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding-bottom: 0px;
  margin-bottom: 0px !important;
  padding-right: 30px;
}

#section-list-equipe .content-person .intro-person .person-intro-content {
  flex-basis: 65%;
}

#section-list-equipe .content-person .intro-person .person-intro-content .title {
  font-family: var(--font-family-h3-global);
  color: var(--color-title-h3-global);
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
}

#section-list-equipe .content-person .intro-person .person-intro-content .anciennete {
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 30px;
}

#section-list-equipe .content-person .intro-person .person-intro-content h3 {
  font-family: var(--font-family-h3-global);
  color: #333;
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 0px;
}

#section-list-equipe .content-person .intro-person .person-intro-content p {
  font-size: 18px;
  line-height: 25px;
}

#section-list-equipe .content-person .phrases-exergue {
  flex-basis: 100%;
}

#section-list-equipe .content-person .phrases-exergue .bloc-phrase {
  display: flex;
  padding-top: 35px;
  padding-bottom: 35px;
}

#section-list-equipe .content-person .phrases-exergue .bloc-phrase:nth-child(even) {
  flex-direction: row-reverse;
}

#section-list-equipe .content-person .phrases-exergue .bloc-phrase .content-phrase {
  flex-basis: 60%;
  padding-right: 40px;
}

#section-list-equipe .content-person .phrases-exergue .bloc-phrase:nth-child(even) .content-phrase {
  text-align: right;
  padding-left: 40px;
  padding-right: 0;
}

#section-list-equipe .content-person .phrases-exergue .bloc-phrase .content-phrase .title-phrase {
  font-family: var(--font-family-h3-global);
  color: var(--color-general);
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 0px;
}

#section-list-equipe .content-person .phrases-exergue .bloc-phrase .exergue {
  flex-basis: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#section-list-equipe .content-person .phrases-exergue .bloc-phrase .exergue&gt;div {
  flex-basis: 60%;
  text-align: center;
  font-size: 22px;
  line-height: 25px;
  font-style: italic;
  font-weight: bold;
  position: relative;
  padding-top: 60px;
}

#section-list-equipe .content-person .phrases-exergue .bloc-phrase .exergue&gt;div:before {
  content: "\7b";
  font-family: 'ETmodules' !important;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-15px);
  font-size: 80px;
  line-height: 80px;
  color: var(--color-general);
}

.section-text-general.equipe {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.slider-equipe .sp-arrow.sp-previous-arrow,
.slider-equipe .sp-arrow.sp-next-arrow {
  z-index: 9999999;
  opacity: 1 !important;
  width: 40px;
  height: 40px;
  background: var(--color-general);
  border-radius: 50%;
  font-size: 37px !important;
  line-height: 36px;
  transform: none !important;
  justify-content: center;
  align-items: center;
}

.slider-equipe .sp-arrow.sp-previous-arrow:before,
.slider-equipe .sp-arrow.sp-next-arrow:before {
  content: "";
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: none !important;
  font-family: 'ETmodules' !important;
  color: #FFFFFF !important;
  transform: none !important;
  position: relative !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-equipe .sp-arrow.sp-previous-arrow:before {
  content: "\34";
}

.slider-equipe .sp-arrow.sp-next-arrow:before {
  content: "\35";
}

.slider-equipe .sp-arrow.sp-previous-arrow:after,
.slider-equipe .sp-arrow.sp-next-arrow:after {
  display: none;
}

.slider-equipe .sp-mask {
  padding-left: 10px;
  padding-right: 10px;
}

.content-person.slide {
  cursor: pointer;
  pointer-events: visible;
}

.paged-title-page {
  text-align: left;
  font-size: 20px;
  line-height: 20px;
}

.custom-pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
  width: 100%;
}

.custom-pagination a,
.custom-pagination span {
  display: flex;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 20px;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--color-general);
  color: var(--color-general);
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.custom-pagination span.current {
  border: 2px solid var(--color-general);
  background: var(--color-general);
  color: #FFFFFF;
}

.custom-pagination span.dots {
  border: 0;
}

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

.bloc-single-modeles {
  display: flex;
  flex-wrap: wrap;
}

.bloc-single-modeles .content-modeles-infos {
  flex-basis: 45%;
}

.bloc-single-modeles .content-modeles-infos .dpe-galerie {
  display: flex;
  margin-top: 30px;
}

.bloc-single-modeles .content-modeles-infos .dpe-galerie .content-dpe {
  flex-basis: 50%;
}

.bloc-single-modeles .content-modeles-infos .dpe-galerie h3 {
  font-size: 15px !important;
  line-height: 17px !important;
  color: #333333 !important;
}

.bloc-single-modeles .content-modeles-infos .dpe-galerie h4 {
  font-size: 13px !important;
  line-height: 13px !important;
  color: var(--color-general);
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}



.content-dpe .bloc-dpe,
.content-ges .bloc-ges {
  width: 100%;
  padding: 7px;
  padding-left: 10px;
  padding-right: 10px;
  background: #CCC;
  margin-bottom: 7px;
  opacity: 0.15;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}

.content-dpe .bloc-dpe span:first-child,
.content-ges .bloc-ges span:first-child {
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
}

.content-dpe .bloc-dpe span:last-child,
.content-ges .bloc-ges span:last-child {
  font-weight: bold;
  font-size: 26px;
  line-height: 26px;
}

.content-dpe .bloc-dpe.current,
.content-ges .bloc-ges.current {
  opacity: 1;
}

.content-dpe .bloc-dpe.dpe-A {
  width: 45%;
  margin-top: 7px;
  background-color: #2cb563;
}

.content-dpe .bloc-dpe.dpe-B {
  width: 55%;
  background-color: #1fd370;
}

.content-dpe .bloc-dpe.dpe-C {
  width: 60%;
  background-color: #e2f984;
}

.content-dpe .bloc-dpe.dpe-D {
  width: 75%;
  background-color: #fafb7b;
}

.content-dpe .bloc-dpe.dpe-E {
  width: 85%;
  background-color: #fcd973;
}

.content-dpe .bloc-dpe.dpe-F {
  width: 95%;
  background-color: #ffbb72;
}

.content-dpe .bloc-dpe.dpe-G {
  width: 100%;
  background-color: #fe3f35;
}

.content-ges .bloc-ges.ges-A {
  width: 45%;
  margin-top: 7px;
  background-color: #dacfe6;
}

.content-ges .bloc-ges.ges-B {
  width: 55%;
  background-color: #cf95e6;
}

.content-ges .bloc-ges.ges-C {
  width: 60%;
  background-color: #b86cd9;
}

.content-ges .bloc-ges.ges-D {
  width: 75%;
  background-color: #ad4cd9;
}

.content-ges .bloc-ges.ges-E {
  width: 85%;
  background-color: #ad2bd9;
}

.content-ges .bloc-ges.ges-F {
  width: 95%;
  background-color: #990acc;
}

.content-ges .bloc-ges.ges-G {
  width: 100%;
  background-color: #8500cc;
}

.bloc-single-modeles .content-modeles-infos .dpe-galerie .content-gallery {
  flex-basis: 50%;
  padding-right: 30px;
}

.bloc-single-modeles .content-modeles-form {
  flex-basis: 55%;
  padding-left: 40px;
}

.single .bloc-single-modeles .content-modeles-form h2 {
  padding: 12px !important;
  text-align: center;
  background: var(--color-general);
  color: #FFFFFF !important;
  margin-bottom: 15px !important;
}

/* Block CaractÃ©ristiques */

.bloc-single-modeles .content-modeles-details {
  margin: 2rem 0;
}

.bloc-single-modeles .content-modeles-details-item-icon img {
  width: auto;
  height: 48px;
}

.bloc-single-modeles .content-modeles-details-items {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.bloc-single-modeles .content-modeles-details-item {
  text-align: center;
}

.bloc-single-modeles .content-modeles-details-item-data {
  font-size: 14px;
  color: var(--color-general);
}

.bloc-single-modeles .content-modeles-details-item-data .m2 {
  font-size: 13px;
}

.bloc-single-modeles .content-modeles-details-item-data sup {
  bottom: 0.4em;
  font-size: 10px;
}

/* End block CaractÃ©ristiques */

.content-modeles-form-text {
  background-color: #e9eff1;
  padding: 1.5rem 1rem;
}

.content-modeles-form-text p {
  font-size: 14px;
  line-height: 22px;
}

.content-modeles-form-text a {
  font-weight: 600;
  text-decoration: none;
}



.content-modeles-description-long {
  margin-top: 3rem;
}

.content-modeles-description-long img {
  width: 100%;
  margin: 2rem auto;
}

.single .bloc-general-texte article .content-modeles-description-long h2 {
  margin-bottom: 3rem !important;
}

.single .bloc-general-texte article .content-modeles-description-long h3 {
  color: black;
  font-size: 18px !important;
  margin-bottom: 1rem !important;
  display: block;
}




.content-gallery {
  display: flex;
  flex-direction: column;
}

.content-gallery a {
  display: none;
  width: 100%;
}

.content-gallery a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.content-gallery a.display {
  display: block;
  flex-basis: 50%;
  margin-bottom: 20px;
  position: relative;
}

.content-gallery a.display:before {
  content: "\50";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 54, 74, 0.8);
  z-index: 1;
  font-family: 'ETmodules' !important;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 1;
}

.content-gallery a.display:hover:before {
  opacity: 1;
}

.content-gallery a.display:nth-child(2) {
  margin-bottom: 0;
}

.content-gallery a.display:nth-child(2) span {
  content: "";
  position: absolute;
  background-color: rgb(232 54 74 / 80%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  z-index: 2;
}

.tos-wrapper.tos-fixed {
  z-index: 99999 !important;
  background-color: rgb(41 94 122 / 100%) !important;
}

.tos-close,
.tos-next,
.tos-prev {
  background: var(--color-general);
}

.tos-wrapper.tos-has-thumbnails .tos-pagination a {
  opacity: 0.5;
  transition: all 0.3s ease;
  width: 100px;
  height: 100px;
}

.tos-wrapper.tos-has-thumbnails .tos-pagination a.tos-selected {
  opacity: 1;
}

.tos-wrapper.tos-has-thumbnails .tos-pagination {
  height: 120px;
  opacity: 1 !important;
}

.tos-wrapper.tos-has-thumbnails .tos-caption {
  bottom: 120px;
}

.form-modeles-annonces {
  max-width: 100% !important;
}

.form-modeles-annonces nf-fields-wrap {
  display: flex;
  flex-wrap: wrap;
}

.form-modeles-annonces nf-fields-wrap nf-field {
  flex-basis: 100%;
}

.form-modeles-annonces nf-fields-wrap nf-field:nth-child(2),
.form-modeles-annonces nf-fields-wrap nf-field:nth-child(3) {
  flex-basis: 49%;
  margin-right: 2%;
}

.form-modeles-annonces nf-fields-wrap nf-field:nth-child(3) {
  margin-right: 0;
}

.form-modeles-annonces label,
.form-modeles-annonces .nf-after-field .nf-error-msg {
  font-size: 14px !important;
  line-height: 14px !important;
}

.form-modeles-annonces .acceptance_content label {
  display: flex !important;
  align-items: center;
  height: auto;
  flex-wrap: wrap;
  padding-right: 40px;
}

.form-modeles-annonces .acceptance_content label a {
  margin-left: 5px;
}

.form-modeles-annonces input {
  height: 40px !important;
}

.form-modeles-annonces input,
.form-modeles-annonces textarea {
  padding: 8px !important;
  font-size: 15px !important;
  line-height: 20px !important;
  border-radius: 3px !important;
}

.form-modeles-annonces textarea {
  height: 130px !important;
}

.form-modeles-annonces .nf-error.field-wrap .nf-field-element:after {
  height: calc(40px - 1px);
  width: 40px;
  line-height: 40px;
}

.form-modeles-annonces .nf-pass.field-wrap .nf-field-element:after {
  font-size: 20px !important;
  right: 5px !important;
  height: calc(40px - 1px);
  line-height: 40px;
}

.form-modeles-annonces .textarea-container {
  margin-bottom: 10px !important;
}

.form-modeles-annonces .acceptance_content {
  margin-bottom: 5px !important;
}

.form-modeles-annonces .acceptance_content label a {
  color: #333333 !important;
  text-decoration: underline;
}

.form-modeles-annonces button,
.form-modeles-annonces input[type=button] {
  margin-top: 0px !important;
  width: 100% !important;
}

.form-modeles-annonces .submit-container {
  margin-bottom: 0px !important;
}

.form-modeles-annonces .nf-response-msg {
  background: green !important;
  padding: 8px !important;
  text-align: center !important;
  margin-bottom: 15px !important;
}

.form-modeles-annonces .nf-response-msg p {
  color: #FFFFFF !important;
}

.details-annonce .form-modeles-annonces button,
.details-annonce .form-modeles-annonces input[type=button] {
  margin-top: 15px !important;
}

.link-contact-bottom {
  display: none;
  width: 100%;
  cursor: pointer;
  pointer-events: all;
  background: #295e7a;
  padding: 12px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 3px;
  margin-top: 20px;
  font-weight: bold;
}

.pagination-annonce {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
  width: 100%;
}

.pagination-annonce a,
.pagination-annonce span {
  display: flex;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 20px;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--color-general);
  color: var(--color-general);
  margin: 5px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.pagination-annonce span.current {
  border: 2px solid var(--color-general);
  background: var(--color-general);
  color: #FFFFFF;
}

.pagination-annonce span.dots {
  border: 0;
  width: 20px;
}

.pagination-annonce a:hover {
  background: #f8f8f8;
}

.liste-annonce {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

.liste-annonce&gt;a {
  flex-basis: 30.666667%;
  margin-right: 4%;
  margin-bottom: 4%;
}

.liste-annonce&gt;a:nth-child(3n) {
  margin-right: 0;
}

.liste-annonce&gt;a .image-annonce {
  width: 100%;
  height: 280px;
  position: relative;
  z-index: 1;
  background: #EFEFEF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}

.liste-annonce a .image-annonce img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.liste-annonce&gt;a .image-annonce:before {
  content: "\50";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 54, 74, 0.8);
  z-index: 1;
  font-family: 'ETmodules' !important;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
  transition: all 0.3s ease;
  opacity: 0;
}

.liste-annonce&gt;a:hover .image-annonce:before {
  opacity: 1;
}

.liste-annonce&gt;a .details-annonce {
  background-color: #FFFFFF;
  margin-top: -55px;
  margin-left: 45px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
  position: relative;
  z-index: 2;
  padding: 15px;
}

.liste-annonce&gt;a .details-annonce .date {
  font-size: 14px;
  line-height: 15px;
  color: var(--color-general);
  margin-bottom: 7px;
}

.liste-annonce&gt;a .details-annonce h3 {
  font-size: 18px !important;
  line-height: 22px !important;
  color: #000000;
  font-weight: bold;
  margin-bottom: 7px;
}

.liste-annonce&gt;a .details-annonce p {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 7px;
}

.liste-annonce&gt;a .details-annonce .more {
  font-size: 16px;
  line-height: 16px;
  color: #295E7A;
  padding-right: 25px;
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
}

.liste-annonce&gt;a:hover .details-annonce .more {
  color: var(--color-general);
}

.liste-annonce&gt;a .details-annonce .more:after {
  content: "\24";
  display: inline-block;
  font-family: 'ETmodules' !important;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.filter-ville-annonce-select {
  display: none;
  width: 100%;
  background: #23526a;
  justify-content: center;
  margin-bottom: 25px;
  position: relative;
}

.filter-ville-annonce-select select {
  border: none;
  appearance: none !important;
  padding: 15px;
  text-align: center;
  position: relative;
  background: transparent !important;
  font-size: 18px;
  color: #FFFFFF !important;
  font-weight: bold;
  width: 100%;
}

.filter-ville-annonce-select:after {
  content: "\43";
  position: absolute;
  font-family: 'ETmodules' !important;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #FFFFFF;
  font-size: 25px;
  line-height: 25px;
}

.filter-ville-annonce {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.filter-ville-annonce&gt;a {
  cursor: pointer;
  pointer-events: visible;
  padding: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #FFFFFF;
  border-radius: 5px;
  margin-right: 2%;
  margin-bottom: 2%;
  color: var(--color-general);
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  flex-basis: 32%;
}

.filter-ville-annonce&gt;a:first-child {
  flex-basis: 100%;
  margin-right: 0px;
}

.filter-ville-annonce&gt;a:last-child {
  margin-right: 0px;
}

.filter-ville-annonce&gt;a:after {
  content: "\e03c";
  font-family: 'ETmodules' !important;
  display: block;
  margin-left: 8px;
  margin-right: 0;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 20px;
  z-index: 1;
  position: relative;
  text-shadow: none;
}

.filter-ville-annonce&gt;a.current {
  background-color: var(--color-general);
  color: #FFFFFF;
}

.filter-ville-annonce&gt;a:hover {
  background-color: #23526a;
  color: #FFFFFF;
}

#details-annonces {
  padding-top: 0 !important;
}

.infos-annonce {
  display: flex;
  flex-wrap: wrap;
}

.infos-annonce .entete-infos-annonces {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.infos-annonce .entete-infos-annonces&gt;div:first-child {
  margin-right: 5%;
  max-width: 80%;
  flex-basis: 50%;
}

.infos-annonce .entete-infos-annonces&gt;div:last-child {
  flex-basis: 45%;
  text-align: right;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 30px;
  color: var(--color-general);
}

.infos-annonce .entete-infos-annonces&gt;div:last-child span {
  color: #FFFFFF;
  padding: 14px;
  background: var(--color-general);
  margin-top: 10px;
  display: inline-block;
  font-weight: bold;
  border-radius: 3px;
}

.infos-annonce .entete-infos-annonces h1 {
  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: bold;
  margin-bottom: 5px;
  padding-top: 25px !important;
  padding-bottom: 0px !important;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
}

.infos-annonce .entete-infos-annonces h1:before {
  content: " ";
  position: absolute;
  top: 0;
  width: 100px;
  height: 10px;
  background-color: var(--color-general);
}

.infos-annonce .entete-infos-annonces h2 {
  font-size: 22px !important;
  line-height: 22px !important;
  text-transform: none;
  padding-top: 5px !important;
  margin-bottom: 5px !important;
  color: var(--color-general) !important;
}

.infos-annonce .entete-infos-annonces h2:before {
  display: none;
}

.infos-annonce .entete-infos-annonces h3 {
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 16px !important;
  line-height: 22px !important;
  color: #333333;
  text-transform: none;
}

.infos-annonce .contenu-infos-annonces {
  display: flex;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.infos-annonce .contenu-infos-annonces&gt;div:first-child {
  margin-right: 5%;
}

.infos-annonce .contenu-infos-annonces&gt;div {
  flex-basis: 50%;
}

.infos-annonce .contenu-infos-annonces h4,
.infos-annonce .bareme-photos-annonces h4 {
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
  font-size: 20px !important;
  line-height: 22px !important;
  color: #333333;
  text-transform: none;
  position: relative;
  padding-left: 40px;
  padding-top: 5px;
  background-color: #FFFFFF;
  z-index: 2;
}

.infos-annonce .contenu-infos-annonces&gt;div h4:before,
.infos-annonce .bareme-photos-annonces h4:before {
  content: " ";
  width: 30px;
  height: 30px;
  background-color: #e7374c;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
  font-family: 'ETmodules' !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 16px;
}

.infos-annonce .contenu-infos-annonces&gt;div:first-child h4:before {
  content: "\e009";
}

.infos-annonce .contenu-infos-annonces&gt;div:last-child h4:before {
  content: "\6a";
}

.infos-annonce .bareme-photos-annonces .content-baremes h4:before {
  content: "\e06f";
}

.infos-annonce .bareme-photos-annonces .galerie h4:before {
  content: "\e006";
}

.infos-annonce .contenu-infos-annonces p {
  font-size: 17px !important;
  line-height: 24px !important;
}

.infos-annonce .contenu-infos-annonces&gt;div:last-child div {
  display: flex;
  padding: 12px;
  background-color: #fafafa;
}

.infos-annonce .contenu-infos-annonces&gt;div:last-child div:nth-child(odd) {
  background-color: #ecf1f3;
}

.infos-annonce .contenu-infos-annonces&gt;div:last-child div span {
  flex-basis: 50%;
  font-size: 17px !important;
  line-height: 24px !important;
  font-weight: bold;
}

.infos-annonce .contenu-infos-annonces&gt;div:last-child div span:last-child {
  color: #e7374c;
}

.infos-annonce .contenu-infos-annonces&gt;div:last-child div span sup {
  bottom: 5px;
  font-size: 11px;
}

.infos-annonce .bareme-photos-annonces {
  display: flex;
  margin-bottom: 25px;
}

.infos-annonce .bareme-photos-annonces&gt;div:first-child {
  display: flex;
  flex-basis: 50%;
  margin-right: 5%;
}

.infos-annonce .bareme-photos-annonces&gt;div:first-child {
  display: flex;
  flex-basis: 50%;
  margin-right: 5%;
}

.infos-annonce .bareme-photos-annonces&gt;div:last-child {
  flex-basis: 50%;
  flex-wrap: wrap;
}

.infos-annonce .bareme-photos-annonces&gt;div:first-child .content-dpe {
  flex-basis: 50%;
  margin-right: 30px;
  background-color: #FFF;
  position: relative;
}

.infos-annonce .bareme-photos-annonces&gt;div:first-child .content-ges {
  flex-basis: 50%;
  background-color: #FFF;
  position: relative;
}

.infos-annonce .bareme-photos-annonces .content-baremes h5 {
  font-size: 15px !important;
  line-height: 17px !important;
  color: #333333 !important;
}

.infos-annonce .bareme-photos-annonces .content-baremes p.infos-bareme {
  font-size: 13px !important;
  line-height: 13px !important;
  color: var(--color-general);
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.infos-annonce .none-dpe-ges {
  position: absolute;
  width: 100%;
  height: calc(100% + 2px);
  background-color: rgb(255 255 255 / 70%);
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.infos-annonce .none-dpe-ges span {
  display: block;
  background-color: var(--color-general);
  color: #FFFFFF;
  border-radius: 3px;
  padding: 15px;
}

.infos-annonce .content-galerie-annonce {
  display: block;
  width: 100%;
  height: 100%;
}

.infos-annonce .content-galerie-annonce a {
  display: none;
}

.infos-annonce .content-galerie-annonce a:first-child {
  display: block;
  width: 100%;
  height: calc(100% - 45px);
  position: relative;
  transition: all 0.3s ease;
}

.infos-annonce .content-galerie-annonce a:first-child span {
  content: "";
  position: absolute;
  background-color: rgb(232 54 74 / 80%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  z-index: 2;
}

.infos-annonce .content-galerie-annonce a:first-child:before {
  content: "\50";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 54, 74, 0.8);
  z-index: 1;
  font-family: 'ETmodules' !important;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 1;
}

.infos-annonce .content-galerie-annonce a:first-child:hover:before {
  opacity: 1;
}

.infos-annonce .content-galerie-annonce a:first-child img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.infos-annonce .content-modeles-form {
  width: 100%;
  margin-top: 40px;
}

.infos-annonce .content-modeles-form h2 {
  padding: 12px !important;
  text-align: center;
  background: var(--color-general);
  color: #FFFFFF !important;
  margin-bottom: 15px !important;
  font-size: 24px !important;
  line-height: 24px !important;
}

.none-annonces {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 0px;
}

.bt-retour-annonce {
  text-align: center;
}

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

.section-text-general .row-width.row-focus-services {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.row-focus-services .focus-services {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.08);
  padding: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-radius: 3px;
  margin-right: 15px !important;
}

.row-focus-services .focus-services:last-child {
  margin-right: 0 !important;
}

.row-focus-services .focus-services p {
  font-size: 17px;
  line-height: 23px;
  text-align: center;
  color: #295E7A;
  margin-top: 15px;
}

.row-focus-services .focus-services p strong {
  display: block;
}

#section-slider-page {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

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

.column-text-slider {
  padding: 70px;
  padding-top: 95px;
  padding-bottom: 95px;
}

.bloc-slider-page,
.bloc-slider-page .et_pb_code_inner,
.slider-page,
.slider-page .sp-slides-container,
.slider-page .sp-slides-container .sp-slides {
  height: 100% !important;
}

.slider-page img.sp-image {
  margin-top: 0px !important;
  margin-left: 0px !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.navigation-slider,
.navigation-renov {
  display: flex;
  justify-content: flex-start;
}

.navigation-slider&gt;div,
.navigation-renov&gt;div {
  width: 40px;
  height: 40px;
  cursor: pointer;
  pointer-events: visible;
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  transition: all 0.3s ease;
  background-color: transparent;
}

.navigation-slider&gt;div.current,
.navigation-renov&gt;div.current {
  color: var(--color-general);
  background-color: #FFFFFF;
}

.navigation-slider&gt;div:hover,
.navigation-renov&gt;div:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

#section-etape-page .bloc-general-texte.etape {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.08);
  padding: 25px;
  border-radius: 5px;
  margin-bottom: 30px !important;
}

#section-etape-page .bloc-general-texte.etape.last {
  margin-bottom: 0 !important;
}

#section-etape-page .bloc-general-texte.etape h4 {
  color: #295E7A;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  position: relative;
  padding-left: 85px;
  padding-top: 25px;
  padding-bottom: 25px;
}

#section-etape-page .bloc-general-texte.etape h4:before {
  content: "";
  width: 50px;
  height: 50px;
  border: 8px solid var(--color-general);
  border-radius: 50%;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-general);
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section-etape-page .bloc-general-texte.etape.one h4:before {
  content: "1";
}

#section-etape-page .bloc-general-texte.etape.two h4:before {
  content: "2";
}

#section-etape-page .bloc-general-texte.etape.three h4:before {
  content: "3";
}

#section-etape-page .bloc-general-texte.etape.four h4:before {
  content: "4";
}

.image-float-page {
  position: absolute;
  width: 80%;
  height: 50%;
}

.image-float-page .et_pb_image_wrap {
  width: 100%;
  height: 100%;
}

.image-float-page .et_pb_image_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-float-page {
  position: absolute;
}

.image-float-page.top-right {
  right: 0;
  top: 0;
  width: 85%;
  height: 60%;
  z-index: 2;
}

.image-float-page.bottom-left {
  left: 0;
  bottom: 0;
  width: 85%;
  height: 45%;
  z-index: 1;
}

.row-focus-sm-maisons .focus-sm-maisons {
  box-shadow: 0px 4px 25px rgb(0 0 0 / 8%);
  padding: 25px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-radius: 3px;
  border-bottom: 6px solid #295E7A;
}

.row-focus-sm-maisons .focus-sm-maisons.last {
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.row-focus-sm-maisons .focus-sm-maisons.last .et_pb_button_module_wrapper {
  width: 100%;
  height: 100%;
}

.row-focus-sm-maisons .focus-sm-maisons.last .bt-link-global {
  margin-top: 0px !important;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 26px !important;
  line-height: 26px !important;
  padding: 35px !important;
}

.row-focus-sm-maisons .focus-sm-maisons.last .bt-link-global:after {
  content: "\e076";
  display: block;
  position: relative;
  margin-top: 15px;
  font-size: 70px;
  line-height: 70px;
}

.row-focus-sm-maisons .focus-sm-maisons h3 {
  font-size: 22px;
  line-height: 24px;
  color: #295E7A;
  text-align: center;
}

.row-focus-sm-maisons .focus-sm-maisons p {
  font-size: 16px;
  line-height: 25px;
  color: #5C727D;
}

body .section-text-general .exergue-page {
  width: 980px !important;
  max-width: 100% !important;
  margin: auto !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  padding: 25px !important;
  box-shadow: 0px 4px 25px rgb(0 0 0 / 8%) !important;
  border-radius: 5px !important;
}

.exergue-page h3 {
  color: #295E7A !important;
  font-size: 22px !important;
  line-height: 30px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  font-weight: 500;
}

.exergue-page .bt-link-global {
  margin-top: 0px !important;
}

.content-before-after,
.content-before-after .twentytwenty-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.content-before-after .twentytwenty-wrapper .bafg-twentytwenty-container {
  width: 100% !important;
  height: 100% !important;
}

.content-before-after .twentytwenty-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-before-after .bloc-before-after {
  opacity: 0;
  transition: 0.3s ease;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1
}

.content-before-after .bloc-before-after.current {
  opacity: 1;
  z-index: 2;
}

.list-prestations {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.list-prestations&gt;a {
  cursor: pointer;
  pointer-events: visible;
  padding: 0;
  border-radius: 5px;
  margin-right: 2%;
  margin-bottom: 2%;
  color: var(--color-general);
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  flex-basis: 32%;
  overflow: hidden;
  background-color: #23526a;
}

.list-prestations&gt;a:nth-child(3n) {
  margin-right: 0%;
}

.list-prestations&gt;a.current {
  background-color: var(--color-general);
  color: #FFFFFF;
}

.list-prestations&gt;a span:after {
  content: "\e03c";
  font-family: 'ETmodules' !important;
  display: block;
  margin-left: 8px;
  margin-right: 0;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 20px;
  z-index: 1;
  position: relative;
  text-shadow: none;
}

.list-prestations&gt;a span {
  padding: 14px;
  width: 100%;
  padding-bottom: 16px;
  background-color: #FFFFFF;
  transition: all 0.3s ease;
  min-height: 95px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.list-prestations&gt;a:hover span {
  background-color: #23526a;
  color: #FFFFFF;
}

.list-prestations&gt;a .img-prestations,
.list-prestations&gt;a .empty {
  width: 100%;
  height: 200px;
}

.list-prestations&gt;a .empty {
  background: #EFEFEF;
}

.list-prestations&gt;a img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  display: block;
  object-fit: cover;
}

.list-prestations&gt;a:hover img {
  opacity: 0.8;
}

.content-galerie-prestations {
  display: flex;
}

.content-galerie-prestations .entry-content {
  flex-basis: 50%;
  padding-right: 35px;
}

.content-galerie-prestations .gallery-prestation {
  flex-basis: 50%;
  display: flex;
  flex-wrap: wrap;
}

.content-galerie-prestations .gallery-prestation a.img-prestation {
  display: none;
  position: relative;
}

.content-galerie-prestations .gallery-prestation a.img-prestation:before {
  content: "\50";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 54, 74, 0.8);
  z-index: 1;
  font-family: 'ETmodules' !important;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 50px;
  color: #FFFFFF;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 1;
}

.content-galerie-prestations .gallery-prestation a.img-prestation:hover:before {
  opacity: 1;
}

.content-galerie-prestations .gallery-prestation a.img-prestation.display {
  display: block;
  flex-basis: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  height: 200px;
}

.content-galerie-prestations .gallery-prestation a.img-prestation.display:nth-child(2n) {
  margin-right: 0;
}

.content-galerie-prestations .gallery-prestation a.img-prestation.display span {
  content: "";
  position: absolute;
  background-color: rgb(232 54 74 / 80%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  z-index: 2;
}

.content-galerie-prestations .gallery-prestation a.img-prestation.display img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-text-general .row-width.row-width-focus-garanties {
  padding-top: 0px !important;
}

.focus-column-garanties-eng {
  box-shadow: 0px 4px 25px rgb(0 0 0 / 8%);
  padding: 30px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px !important;
  width: 50% !important;
}

.section-text-general .row-width.row-width-focus-garanties.last .focus-column-garanties-eng {
  margin-right: 0 !important;
  width: 100% !important;
}

.focus-column-garanties-eng h3 {
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}

.focus-column-garanties-eng h3:before {
  content: "\4e";
  display: inline-block;
  font-family: 'ETmodules' !important;
  padding-right: 10px;
}

.focus-column-garanties-eng p {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.section-text-general .bloc-general-texte.avantages-list-eng {
  padding-left: 0;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.text-number,
.text-number .et_pb_text_inner {
  height: 100% !important;
  text-align: center;
}

.text-number h3 {
  width: 70px;
  height: 70px;
  border: 8px solid var(--color-general);
  border-radius: 50%;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-general);
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0 !important;
}

.row-width.row-width-avantages {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  display: flex;
}

.row-width.row-width-avantages .et_pb_column:first-child {
  flex-basis: 100px !important;
  margin-right: 0 !important;
}

.row-width.row-width-avantages .et_pb_column:last-child {
  flex-basis: calc(100% - 100px) !important;
}

/* .avantages-list-eng:before{
  content: "";
  width: 50px;
  height: 50px;
  border: 8px solid var(--color-general);
  border-radius: 50%;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-general);
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avantages-list-eng.one:before{
  content: "1";
}

.avantages-list-eng.two:before{
  content: "2";
}

.avantages-list-eng.three:before{
  content: "3";
}

.avantages-list-eng.four:before{
  content: "4";
}

.avantages-list-eng.five:before{
  content: "5";
}

.avantages-list-eng.six:before{
  content: "6";
}

.avantages-list-eng.seven:before{
  content: "7";
}

.avantages-list-eng.eight:before{
  content: "8";
}

.avantages-list-eng.nine:before{
  content: "9";
}

.avantages-list-eng.ten:before{
  content: "10";
} */

.bloc-form-recrutement {
  padding: 35px;
  background-color: #f2f5f6;
  border-radius: 3px;
}

.bloc-general-texte.bloc-form-recrutement h3 {
  font-size: 16px;
  line-height: 24px;
  padding-left: 40px;
  position: relative;
  margin-top: 8px;
  margin-bottom: 15px;
  padding-top: 4px;
}

.bloc-general-texte.bloc-form-recrutement h3:before {
  content: "";
  position: absolute;
  font-family: 'ETmodules' !important;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--color-general);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-general);
  color: #FFFFFF;
  font-size: 15px;
  line-height: 15px;
}

.bloc-general-texte.bloc-form-recrutement h3.person:before {
  content: "\e08a";
}

.bloc-general-texte.bloc-form-recrutement h3.adress:before {
  content: "\e081";
}

.bloc-general-texte.bloc-form-recrutement h3.poste:before {
  content: "\e0f4";
}

.bloc-general-texte.bloc-form-recrutement h3.cv:before,
.bloc-general-texte.bloc-form-recrutement h3.motivation:before {
  content: "\e058";
}

.bloc-general-texte.bloc-form-recrutement input[type=text],
.bloc-general-texte.bloc-form-recrutement input[type=email],
.bloc-general-texte.bloc-form-recrutement input[type=tel] {
  background: #FFFFFF;
  border: 1px solid #c4c4c4;
  border-radius: 0;
  box-shadow: none;
  color: #787878;
  transition: all .5s;
  padding: 8px !important;
  font-size: 15px !important;
  line-height: 20px !important;
  border-radius: 3px !important;
  width: 100%;
  margin-bottom: 10px;
}

.bloc-general-texte.bloc-form-recrutement select {
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid #c4c4c4;
  border-radius: 0;
  box-shadow: none;
  color: #787878;
  transition: all .5s;
  padding: 8px !important;
  font-size: 15px !important;
  line-height: 20px !important;
  border-radius: 3px !important;
  width: 100%;
  margin-bottom: 0;
  z-index: 2;
  position: relative;
}

.bloc-general-texte.bloc-form-recrutement input[type="submit"] {
  display: inline-block;
  padding: 15px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  border: 2px solid var(--color-link-border) !important;
  background-color: var(--color-link-border) !important;
  font-size: var(--size-link-general) !important;
  line-height: var(--size-link-general) !important;
  color: var(--color-link-general);
  margin-top: 25px;
  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%;
}

.bloc-general-texte.bloc-form-recrutement input[type="submit"]:hover {
  background-color: var(--color-link-general) !important;
  color: var(--color-link-border) !important;
}

.bloc-general-texte.bloc-form-recrutement input[type='file'] {
  position: absolute;
  margin-top: 3px;
  margin-left: 3px;
  height: 1px;
  width: 1px;
  z-index: -5;
  position: absolute !important;
}

.bloc-general-texte.bloc-form-recrutement #cv,
.bloc-general-texte.bloc-form-recrutement #motivation {
  background-color: #FFFFFF;
  padding: 15px;
  margin-top: 15px !important;
  display: block;
  text-align: left;
  padding-left: 50px !important;
  position: relative;
  font-size: 14px;
  cursor: pointer;
}

.bloc-general-texte.bloc-form-recrutement #cv:before,
.bloc-general-texte.bloc-form-recrutement #motivation:before {
  content: "\e091";
  font-family: 'ETmodules' !important;
  width: 20px;
  height: 20px;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  color: var(--color-title-h2-global);
  font-size: 20px;
  line-height: 20px;
}

.bloc-general-texte.bloc-form-recrutement span.emplois {
  position: relative;
  display: block;
  background: #FFFFFF;
}

.bloc-general-texte.bloc-form-recrutement span.emplois:after {
  content: "\43";
  position: absolute;
  font-family: 'ETmodules' !important;
  right: 10px;
  top: 8px;
  z-index: 1;
}

.bloc-general-texte.bloc-form-recrutement div.half {
  display: flex;
}

.bloc-general-texte.bloc-form-recrutement div.half.files {
  margin-top: 15px;
}

.bloc-general-texte.bloc-form-recrutement div.half.files&gt;div {
  flex-basis: 50%;
}

.bloc-general-texte.bloc-form-recrutement div.half.files&gt;div:last-child label {
  margin-right: 0px;
}

.bloc-general-texte.bloc-form-recrutement div.half label {
  flex-basis: 50%;
  margin-right: 10px;
}

.bloc-general-texte.bloc-form-recrutement div.half label:last-child {
  margin-right: 0 !important;
}

.bloc-general-texte.bloc-form-recrutement div.pdc {
  display: flex;
}

.bloc-general-texte.bloc-form-recrutement div.pdc&gt;div {
  cursor: pointer;
  font-size: 16px;
  line-height: 22px;
}

.bloc-general-texte.bloc-form-recrutement div.pdc&gt;div a {
  color: #333333;
  text-decoration: underline;
}

.bloc-general-texte.bloc-form-recrutement div.pdc .wpcf7-checkbox .wpcf7-list-item {
  margin-right: 10px !important;
  margin-left: 0 !important;
}

.bloc-general-texte.bloc-form-recrutement .submit-rec {
  margin-top: 25px;
  position: relative;
}

.bloc-general-texte.bloc-form-recrutement .submit-rec input[type="submit"] {
  margin-top: 0px;
}

.bloc-general-texte.bloc-form-recrutement .submit-rec .wpcf7-spinner {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.bloc-general-texte.bloc-form-recrutement .wpcf7 form .wpcf7-response-output {
  border-radius: 5px;
  text-align: center;
  border: 0px;
  color: #FFFFFF;
}

.bloc-general-texte.bloc-form-recrutement .wpcf7-not-valid-tip {
  background-color: #f2f5f6 !important;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 10px;
}

.bloc-general-texte.bloc-form-recrutement span.emplois .wpcf7-not-valid-tip {
  padding-top: 10px;
}

.bloc-general-texte.bloc-form-recrutement .wpcf7 form.invalid .wpcf7-response-output,
.bloc-general-texte.bloc-form-recrutement .wpcf7 form.unaccepted .wpcf7-response-output,
.bloc-general-texte.bloc-form-recrutement .wpcf7 form.payment-required .wpcf7-response-output {
  background: #ff3600;
}

.bloc-general-texte.bloc-form-recrutement .wpcf7 form.sent .wpcf7-response-output {
  background: green;
}

.liste-qualite-recrutement,
.liste-expert-recrutement {
  display: flex;
}

.liste-expert-recrutement {
  margin-top: 30px;
}

.liste-qualite-recrutement&gt;div {
  flex-basis: 30.666666%;
  margin-right: 4%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.liste-expert-recrutement&gt;div {
  flex-basis: 22%;
  margin-right: 4%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.liste-qualite-recrutement&gt;div:last-child,
.liste-expert-recrutement&gt;div:last-child {
  margin-right: 0;
}

.liste-qualite-recrutement&gt;div h4,
.liste-expert-recrutement&gt;div h4 {
  color: #024c6b !important;
  font-weight: 600;
  margin-top: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 20px !important;
  padding-bottom: 0px;
  text-align: center;
}

.liste-qualite-recrutement&gt;div p,
.liste-expert-recrutement&gt;div p {
  color: #333333 !important;
  font-size: 15px !important;
  line-height: 18px !important;
  text-align: center;
}

.liste-expert-recrutement.etapes {
  margin-top: 50px;
}

.liste-expert-recrutement.etapes&gt;div {
  position: relative;
  padding-top: 80px;
}

.liste-expert-recrutement.etapes&gt;div:before {
  content: "";
  width: 50px;
  height: 50px;
  border: 8px solid var(--color-general);
  border-radius: 50%;
  background: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  color: var(--color-general);
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.liste-expert-recrutement.etapes&gt;div:nth-child(1):before {
  content: "1";
}

.liste-expert-recrutement.etapes&gt;div:nth-child(2):before {
  content: "2";
}

.liste-expert-recrutement.etapes&gt;div:nth-child(3):before {
  content: "3";
}

.liste-expert-recrutement.etapes&gt;div:nth-child(4):before {
  content: "4";
}

.img-recrutement,
.img-recrutement .et_pb_image_wrap,
.img-recrutement .et_pb_image_wrap img {
  width: 100% !important;
}

.titre-qualite-recrutement h3 {
  padding: 15px !important;
  background-color: var(--color-general) !important;
  color: #FFFFFF !important;
  font-size: 18px !important;
  line-height: 18px !important;
  text-align: center;
  margin-bottom: 40px;
}

.titre-qualite-recrutement h3:before {
  content: "\4e";
  font-family: 'ETmodules' !important;
  display: inline-block;
  margin-right: 10px;
  font-size: 18px !important;
  line-height: 18px !important;
}

.mailpoet_form form {
  display: flex;
  flex-wrap: wrap;
  padding: 0 !important;
}

.mailpoet_form form .input-email {
  flex-basis: 70%;
  margin-bottom: 0px !important;
}

.mailpoet_form form .submit-button {
  flex-basis: 30%;
  position: relative;
}

.mailpoet_form form .submit-button .mailpoet_form_loading {
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: var(--background-link-general) !important;
}

#mailpoet_form_1 .mailpoet_form_loading&gt;span {
  background-color: #FFFFFF !important;
}

.mailpoet_form .input-email input[type=email] {
  background-color: #becfd7;
  border: 0px !important;
  height: 50px;
  padding: 8px !important;
  padding-left: 15px !important;
  color: #333333;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
}

.mailpoet_form .input-email input[type=email]::placeholder {
  color: #333333;
}

.mailpoet_form form .submit-button input[type=submit] {
  height: 50px;
  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);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mailpoet_form form .submit-button input[type=submit]:hover {
  border: 2px solid var(--color-link-border) !important;
  background-color: var(--color-link-general) !important;
  color: var(--background-link-general) !important;
}

.mailpoet_form form .parsley-required,
.mailpoet_form form .parsley-custom-error-message {
  font-size: 16px !important;
  line-height: 20px !important;
}

.mailpoet_form form .parsley-errors-list {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
  width: 100% !important;
  text-align: left !important;
}

.nf-response-msg {
  margin-bottom: 25px;
  padding: 20px;
  background: green;
  color: #FFFFFF;
}

.nf-response-msg p {
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
}


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

  #section-nous-choisir {
    background-size: 50%, 30%, 50% !important;
  }

  #section-smm-home .bloc-image-text:before {
    content: "";
    width: 380px;
    height: 200px;
    background-color: #FFFFFF;
    position: absolute;
    border: 6px solid var(--color-general);
    opacity: 0.4;
    left: -20px;
    bottom: 35px;
  }
}

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

  #section-list-equipe .content-person .intro-person .img-person .name-poste h4,
  .slider-equipe .content-person .intro-person .img-person .name-poste h4 {
    padding-right: 0px;
  }

  .bloc-general-texte.bloc-form-recrutement h3 {
    font-size: 14px;
    line-height: 22px;
  }

  .bloc-general-texte.bloc-form-recrutement #cv,
  .bloc-general-texte.bloc-form-recrutement #motivation {
    font-size: 12px;
  }

  .liste-qualite-recrutement {
    flex-wrap: wrap;
  }

  .liste-qualite-recrutement&gt;div {
    flex-basis: 48%;
    margin-bottom: 4%;
  }

  .liste-qualite-recrutement&gt;div:nth-child(2n) {
    margin-right: 0px;
  }

  .liste-qualite-recrutement&gt;div:last-child {
    flex-basis: 100%;
    margin-right: 0px;
    margin-bottom: 0;
  }

  #header-site .row-width #logo-site {
    flex-basis: 75px;
  }

  .blog-content.page a .img-actu {
    height: 280px;
  }

  #entete-hauteur div.list-focus-equipe .focus-equipe-person {
    font-size: 16px;
    line-height: 20px;
  }

  .single .blog-content .sp-slide {
    padding-left: 10px;
    padding-right: 10px;
  }

  .single .blog-content a .content-infos-actu {
    margin-left: 35px;
  }

  #footer-links-contact {
    background-position: -300px 50%;
  }

  #section-nous-choisir .bloc-texte-chiffres h3 {
    font-size: 18px;
    line-height: 25px;
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li ul {
    width: calc(100% + 198px);
  }

  #header-site .row-width #menu-site .tel-header a {
    padding-left: 45px;
    padding-right: 8px;
  }

  #header-site .row-width #menu-site .tel-header a:before {
    width: 28px;
    height: 28px;
    left: 10px;
  }

  #header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li&gt;a {
    font-size: 17px;
    line-height: 17px;
  }

  #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);
  }
}

@media screen and (max-width: 1050px) {
  #header-site .row-width #menu-site .menu-content #menu-menu-principal&gt;li&gt;a {
    font-size: 15px;
    line-height: 15px;
  }
}

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

  .single.single-post .et_post_meta_wrapper img {
    float: none;
    margin-left: 0;
    max-width: 100%;
  }

  #footer-links-contact {
    background: #efefef !important;
  }

  #footer-links-contact .column-links-footer-contact {
    padding: 0 !important;
    background: none !important;
  }

  #section-list-equipe.list-equipe-without-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  #section-list-equipe.list-equipe-without-slider .content-person {
    flex-basis: 50%;
  }

  #section-list-equipe.list-equipe-without-slider .content-person:last-child {
    margin-right: 0 !important;
  }

  .list-equipe-without-slider.none-display-980 {
    display: none !important;
  }

  .slider-equipe-resp.none-display-980 {
    display: block !important;
  }

  .bt-link-global.return-equipe-resp {
    display: inline-block !important;
    margin-top: 20px !important;
  }

  .bt-link-global.return-equipe-resp:after {
    right: auto;
    left: 2px;
    content: "\34";
  }

  .bloc-newsletter-general h3 {
    text-align: center !important;
  }

  .bloc-newsletter-general p {
    text-align: center !important;
  }

  .focus-column-garanties-eng {
    margin-right: 0 !important;
    width: 100% !important;
  }

  .content-galerie-prestations {
    flex-wrap: wrap;
  }

  .content-galerie-prestations .entry-content {
    flex-basis: 100%;
    padding-left: 0px;
  }

  .content-galerie-prestations .gallery-prestation {
    flex-basis: 100%;
  }

  .list-prestations&gt;a {
    flex-basis: 49%;
  }

  .list-prestations&gt;a:nth-child(3n) {
    margin-right: 2%;
  }

  .list-prestations&gt;a:nth-child(2n) {
    margin-right: 0%;
  }

  .navigation-slider,
  .navigation-renov {
    display: flex;
    justify-content: center;
  }

  .section-text-general .bloc-general-texte.exergue-page {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-text-general .bloc-general-texte.exergue-page h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .row-focus-sm-maisons .focus-sm-maisons p {
    text-align: center !important;
  }

  .bloc-slider-page,
  .bloc-slider-page .et_pb_code_inner,
  .slider-page,
  .slider-page .sp-slides-container,
  .slider-page .sp-slides-container .sp-slides {
    height: 35vh !important;
  }

  .column-text-slider {
    padding: 30px;
    padding-top: 45px;
    padding-bottom: 25px;
  }

  .column-text-slider p br {
    display: none;
  }

  .column-text-slider h3,
  .column-text-slider p {
    text-align: center !important;
  }

  .row-focus-services .focus-services {
    width: 47.25% !important;
    margin-right: 5.5% !important;
    margin-bottom: 5.5% !important;
  }

  .row-focus-services .focus-services:nth-child(2n) {
    margin-right: 0 !important;
  }

  .row-focus-services .focus-services:last-child {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .row-focus-services .focus-services p br {
    display: none;
  }

  .content-dpe.empty,
  .content-ges.empty {
    display: none;
  }

  .infos-annonce .content-dpe,
  .infos-annonce .content-ges {
    margin-bottom: 30px;
  }

  .infos-annonce .entete-infos-annonces {
    flex-wrap: wrap;
  }

  .infos-annonce .entete-infos-annonces&gt;div:first-child {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0 !important;
  }

  .infos-annonce .entete-infos-annonces&gt;div.actif:first-child {
    flex-basis: 80%;
    max-width: 100%;
  }

  .infos-annonce .entete-infos-annonces&gt;div:nth-child(2) {
    flex-basis: 20%;
    margin-top: 25px;
  }

  .infos-annonce .entete-infos-annonces&gt;div:last-child {
    flex-basis: 100%;
    text-align: left;
    margin-top: 15px;
  }

  .infos-annonce .contenu-infos-annonces {
    flex-wrap: wrap;
  }

  .infos-annonce .contenu-infos-annonces&gt;div:first-child {
    margin-bottom: 30px !important;
  }

  .infos-annonce .contenu-infos-annonces&gt;div {
    flex-basis: 100% !important;
    margin-right: 0 !important;
  }

  .infos-annonce .bareme-photos-annonces {
    flex-basis: 100%;
    flex-wrap: wrap;
  }

  .infos-annonce .bareme-photos-annonces&gt;div {
    flex-basis: 100% !important;
    margin-right: 0 !important;
  }

  .infos-annonce .content-galerie-annonce a:first-child {
    width: 100%;
    height: 35vh;
  }

  .filter-ville-annonce {
    display: none;
  }

  .filter-ville-annonce-select {
    display: flex;
  }

  .paged-title-page {
    text-align: center;
  }

  .form-modeles-annonces nf-fields-wrap nf-field:nth-child(2),
  .form-modeles-annonces nf-fields-wrap nf-field:nth-child(3) {
    flex-basis: 100%;
    margin-right: 0%;
  }

  .single .container.row-width {
    padding-top: 20px !important;
  }

  .link-contact-bottom {
    display: block;
  }

  .bloc-single-modeles {
    flex-wrap: wrap;
  }

  .bloc-single-modeles .content-modeles-infos {
    flex-basis: 100%;
    margin-bottom: 30px;
  }

  .bloc-single-modeles .content-modeles-form {
    flex-basis: 100%;
    padding-left: 0;
  }

  #entete-hauteur.page-int .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description,
  #entete-hauteur.page-int .slider-basique .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before {
    width: 100%;
    max-width: 100%;
  }

  #section-focus-equipe {
    margin-top: 0 !important;
  }

  #section-list-equipe .content-person .intro-person .img-person {
    flex-basis: 50%;
  }

  div.list-focus-equipe {
    display: none;
  }

  select.list-focus-equipe {
    display: block;
    width: 100%;
  }

  .select-list-focus-equipe {
    display: flex;
  }

  .content-single-tem {
    flex-direction: column-reverse;
  }

  .content-single-tem.video {
    flex-direction: column-reverse;
  }

  .content-single-tem .video-tem {
    margin-top: 30px;
    margin-right: 0px;
  }

  .content-single-tem .img-tem {
    display: none;
  }

  .content-single-tem .img-tem img {
    width: auto !important;
    height: auto !important;
  }

  .content-single-tem .text-tem {
    flex-basis: 100%;
  }

  #header-site .row-width #menu-site .menu-content {
    width: 75px;
  }

  #footer-infos .bloc-general-texte h2 {
    margin-bottom: 15px !important;
  }

  #footer-infos .row-width {
    flex-wrap: wrap;
  }

  #footer-infos .column-groupe {
    display: flex;
    flex-basis: 100%;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
  }

  #footer-infos .column-groupe&gt;div {
    margin-right: 15px !important;
    margin-left: 15px !important;
    margin-bottom: 0px !important;
  }

  #footer-infos .column-agences {
    flex-basis: 65%;
  }

  #footer-infos .column-certifs {
    flex-basis: 35%;
  }

  #footer-links-contact {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  #footer-links-contact .column-links-footer-contact {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 100% !important;
  }

  #footer-links-contact .bloc-general-texte h2 {
    text-align: center;
  }

  #section-smm-aussi,
  #section-temoignages-clients {
    padding-bottom: 0 !important;
  }

  #section-temoignages-clients .bloc-op-system {
    background-image: none;
    padding: 30px !important;
    text-align: center !important;
  }

  #section-temoignages-clients .bloc-op-system p:last-child {
    margin-bottom: 0px !important;
  }

  .content-before-after {
    padding-top: 30px;
  }

  #section-smm-aussi .column-text-global.marge-left {
    padding-left: 0 !important;
  }

  #section-smm-aussi .column-text-global.marge-right {
    padding-right: 0 !important;
  }

  .slider-modeles {
    padding-top: 0px !important;
  }

  .text-modeles-home {
    position: relative;
    flex-direction: column;
    padding: 20px;
    padding-bottom: 20px;
  }

  .text-modeles-home .title {
    width: 100%;
  }

  .text-modeles-home:before {
    width: 100%;
    height: 100%;
    transform: none;
    left: 0;
    top: 0;
  }

  .text-modeles-home h3 {
    text-align: center;
    width: 100%;
    padding-bottom: 2px;
  }

  .text-modeles-home h3 br {
    display: none;
  }

  .text-modeles-home p {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }

  #section-nous-choisir .image-atout {
    height: auto;
    margin-bottom: 15px !important;
  }

  .column-text-global {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .section-text-general {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

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

  #section-modeles-home {
    padding-top: 0 !important;
  }

  .bt-link-global {
    margin-top: 0px !important;
  }

  .bloc-text-exp-home {
    position: relative;
    text-align: center !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  #section-smm-home .bloc-image-text {
    height: auto !important;
  }

  #section-smm-home .bloc-image-text:before {
    display: none;
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before {
    width: 100%;
    max-width: 100%;
    animation: none;
    transform: translateX(0);
    opacity: 0.5;
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description {
    width: 100%;
    max-width: 100%;
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_content h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_content p {
    text-align: center !important;
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_content p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_content h1:before {
    left: 50%;
    transform: translateX(-50%);
  }

  .link-slide-home {
    justify-content: center;
  }

  #entete-hauteur .slider-basique .et-pb-slider-arrows,
  #entete-hauteur .slider-basique .et-pb-controllers {
    left: 50%;
  }

  .et-tb #page-container,
  .et-tb-has-header #page-container {
    padding-top: var(--height-header-resp) !important;
  }

  #header-site {
    height: var(--height-header-resp) !important;
  }

  #header-site .row-width {
    padding: 10px !important;
  }

  #header-site .row-width #logo-site {
    margin-bottom: 0px !important;
  }

  .logo-content,
  .logo-content .et_pb_image_wrap {
    height: 100%;
  }

  .logo-content img {
    width: auto;
    height: 100%;
    max-height: 60px;
  }

  #header-site .row-width #menu-site .tel-header {
    position: absolute;
    right: 80px;
    bottom: 50%;
    transform: translateY(50%);
  }

  #header-site .row-width #menu-site .tel-header a {
    padding: 0px !important;
    width: 45px;
    height: 45px;
    border-radius: 50%;
  }

  #header-site .row-width #menu-site .tel-header a:before {
    width: 45px;
    height: 45px;
    background-color: var(--color-general) !important;
    color: #FFFFFF !important;
    left: 0;
    font-size: 26px;
    line-height: 26px;
  }

  #header-site .row-width #menu-site .tel-header a span {
    display: none !important;
  }

  #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;
  }

  .row-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .row-reverse .et_pb_column:first-child {
    margin-top: 30px !important;
    margin-bottom: 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-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-full.normal {
    height: 60vh;
  }

  #entete-hauteur.entete-hauteur-page {
    height: calc(45vh - var(--height-header-resp));
  }

  .wsp-pages-list li.page_item {
    flex-basis: 49%;
  }

  .bt-link-global {
    width: 100% !important;
    text-align: center;
  }

  .blog-content.page a {
    flex-basis: 48%;
  }

  .blog-content.page a:nth-child(3n) {
    margin-right: 4%;
  }

  .blog-content.page a:nth-child(2n) {
    margin-right: 0;
  }

  .liste-annonce&gt;a {
    flex-basis: 48%;
    margin-right: 4%;
  }

  .liste-annonce&gt;a:nth-child(3n) {
    margin-right: 4%;
  }

  .liste-annonce&gt;a:nth-child(2n) {
    margin-right: 0;
  }


  .temoignages-content.page a {
    flex-basis: 48%;
    margin-right: 4%;
  }

  .temoignages-content.page a:nth-child(3n) {
    margin-right: 4%;
  }

  .temoignages-content.page a:nth-child(2n) {
    margin-right: 0;
  }

  .section-text-general .row-width.row-focus-sm-maisons {
    padding-bottom: 0px !important;
  }

  .row-width-980 h3 br {
    display: none;
  }

  .focus-column-garanties-eng h3 br {
    display: none;
  }
}

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

  .list-equipe-without-slider {
    display: none !important;
  }

  .slider-equipe-resp {
    display: block !important;
  }

  .text-number h3 {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }

  .row-width.row-width-avantages {
    flex-direction: column;
  }

  .row-width.row-width-avantages .et_pb_column:first-child {
    width: 100%;
    flex-basis: auto;
    margin-bottom: 0px !important;
  }

  .row-width.row-width-avantages .et_pb_column:last-child {
    width: 100%;
    flex-basis: auto;
  }

  .section-text-general .bloc-general-texte.avantages-list-eng {
    margin-top: 10px !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    text-align: center !important;
  }

  .avantages-list-eng:before {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }

  .focus-column-garanties-eng h3 {
    font-size: 20px !important;
    line-height: 24px !important;
    text-align: center;
  }

  .blog-content.page a {
    flex-basis: 100%;
    margin-right: 0 !important;
    margin-bottom: 40px !important;
  }

  .liste-annonce&gt;a {
    flex-basis: 100%;
    margin-right: 0 !important;
    margin-bottom: 40px !important;
  }

  .temoignages-content.page a {
    flex-basis: 100%;
    margin-right: 0 !important;
    margin-bottom: 30px;
  }

  .temoignages-content.page a:nth-child(3n) {
    margin-right: 0 !important;
  }

  .temoignages-content.page a:nth-child(2n) {
    margin-right: 0 !important;
  }

  .temoignages-content a .img-tem:after {
    height: 80px;
    bottom: -60px;
  }

  #section-list-equipe .content-person .intro-person {
    flex-wrap: wrap;
  }

  #section-list-equipe .content-person .intro-person .img-person {
    flex-basis: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }

  #section-list-equipe .content-person .intro-person .person-intro-content {
    flex-basis: 100%;
  }

  #section-list-equipe .content-person .intro-person .person-intro-content .title {
    display: none;
  }

  #section-list-equipe .content-person .intro-person .person-intro-content .anciennete {
    margin-bottom: 10px;
  }

  #section-list-equipe .content-person .phrases-exergue .bloc-phrase {
    flex-wrap: wrap;
  }

  #section-list-equipe .content-person .phrases-exergue .bloc-phrase .content-phrase,
  #section-list-equipe .content-person .phrases-exergue .bloc-phrase .exergue {
    flex-basis: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #section-list-equipe .content-person .phrases-exergue .bloc-phrase .exergue {
    padding-top: 30px !important;
  }

  #section-list-equipe .content-person .phrases-exergue .bloc-phrase:nth-child(even) .content-phrase {
    text-align: left;
  }

  .single .bloc-general-texte article h1,
  .infos-annonce .entete-infos-annonces h1 {
    font-size: 27px !important;
    line-height: 30px !important;
  }

  .single .bloc-general-texte article h2,
  .infos-annonce .entete-infos-annonces h2 {
    font-size: 19px !important;
    line-height: 22px !important;
  }

  #footer-infos .column-certifs .et_pb_image {
    text-align: center;
  }

  #footer-infos .column-agences .tel-footer-agence .tel-agence a:before {
    left: 50%;
    transform: translateX(-50%);
  }

  #footer-infos .column-agences .tel-footer-agence .tel-agence a {
    padding-left: 0;
    padding-top: 30px;
  }

  #footer-infos .column-agences .tel-footer-agence {
    text-align: center;
    width: 345px;
    max-width: 100%;
    margin: auto;
    justify-content: center;
  }

  #footer-infos .column-agences .horaires {
    padding-left: 0px;
    padding-top: 50px;
  }

  #footer-infos .column-agences .horaires:before {
    left: 50%;
    transform: translateX(-50%);
  }

  #footer-infos .bloc-general-texte {
    text-align: center !important;
  }

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

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

  #footer-infos .column-agences {
    flex-basis: 100%;
  }

  #footer-infos .column-certifs {
    flex-basis: 100%;
  }

  .link-footer-bt {
    flex-wrap: wrap;
  }

  .link-footer-bt a {
    margin-right: 0px !important;
    margin-bottom: 20px !important;
  }

  .link-footer-bt a:last-child {
    margin-bottom: 0 !important;
  }

  .bt-link-global,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_button {
    padding: 13px !important;
    padding-left: 15px !important;
    padding-right: 36px !important;
  }

  .temoignages-content.home a {
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .temoignages-content.home a:last-child {
    margin-bottom: 0;
  }

  .blog-content.home a {
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .blog-content.home a:last-child {
    margin-bottom: 0;
  }

  #section-smm-aussi {
    padding-top: 30px !important;
    margin-top: 0 !important;
  }

  #section-nous-choisir .bloc-general-texte h2 {
    margin-bottom: 0px !important;
  }

  #section-nous-choisir {
    background: none !important;
    padding-top: 30px !important;
    padding-bottom: 60px !important;
  }

  #section-nous-choisir:before {
    top: 0;
    left: 0;
    transform: none;
    height: 100%;
  }

  #section-nous-choisir .row-width.last-row {
    padding-bottom: 0 !important;
  }

  .text-modeles-home h3 {
    font-size: 22px;
    line-height: 26px;
  }

  #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(40vh - var(--height-header-resp));
    min-height: 230px;
  }

  #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;
  }

  .link-slide-home {
    flex-wrap: wrap;
  }

  .link-slide-home a {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0 !important;
  }

  .link-slide-home a:last-child {
    margin-bottom: 0;
  }

  .infos-annonce .contenu-infos-annonces&gt;div:last-child div {
    text-align: center;
    flex-wrap: wrap;
  }

  .infos-annonce .contenu-infos-annonces&gt;div:last-child div span {
    flex-basis: 100%;
  }

  .liste-expert-recrutement {
    flex-wrap: wrap;
  }

  .liste-expert-recrutement&gt;div {
    flex-basis: 48%;
    margin-bottom: 4%;
  }

  .liste-expert-recrutement&gt;div:nth-child(2n) {
    margin-right: 0px;
  }

  .bloc-general-texte.bloc-form-recrutement div.half {
    flex-wrap: wrap;
  }

  .bloc-general-texte.bloc-form-recrutement div.half label,
  .bloc-general-texte.bloc-form-recrutement div.half.files&gt;div {
    flex-basis: 100%;
    margin-right: 0;
  }
}

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

  .mailpoet_form .input-email input[type=email] {
    text-align: center !important;
  }

  .mailpoet_form form .input-email,
  .mailpoet_form form .submit-button {
    flex-basis: 100%;
  }

  .bloc-contact:before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .content-infos-contact&gt;div {
    flex-basis: 100% !important;
    margin-right: 0px !important;
    margin-bottom: 30px !important;
    padding-top: 45px !important;
    padding-left: 0px !important;
    text-align: center !important;
  }

  .content-infos-contact&gt;div:last-child {
    margin-bottom: 0px !important;
  }

  .liste-expert-recrutement&gt;div {
    flex-basis: 100%;
    margin-right: 0px !important;
    margin-bottom: 30px !important;
  }

  .bloc-general-texte.titre-qualite-recrutement h3 {
    font-size: 18px !important;
    line-height: 22px !important;
  }

  .liste-qualite-recrutement&gt;div {
    flex-basis: 100%;
    margin-right: 0 !important;
    margin-bottom: 30px !important;
  }

  .list-prestations&gt;a {
    flex-basis: 100%;
    margin-right: 0 !important;
    margin-bottom: 30px !important;
  }

  #section-etape-page .bloc-general-texte.etape h4 {
    padding-left: 0px;
    padding-top: 85px !important;
    padding-bottom: 10px !important;
    text-align: center;
  }

  #section-etape-page .bloc-general-texte.etape p {
    text-align: center;
  }

  #section-etape-page .bloc-general-texte.etape h4:before {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }

  .row-focus-services .focus-services {
    width: 100% !important;
    margin-right: 0% !important;
    margin-bottom: 30px !important;
  }

  .infos-annonce .bareme-photos-annonces&gt;div:first-child {
    flex-wrap: wrap;
  }

  .infos-annonce .bareme-photos-annonces&gt;div:first-child .content-dpe,
  .infos-annonce .bareme-photos-annonces&gt;div:first-child .content-ges {
    flex-basis: 100% !important;
    margin-right: 0px !important;
  }

  .bloc-single-modeles .content-modeles-infos .dpe-galerie {
    flex-wrap: wrap;
  }

  .bloc-single-modeles .content-modeles-infos .content-gallery {
    flex-basis: 100% !important;
    padding-right: 0px !important;
    margin-bottom: 20px;
  }

  .bloc-single-modeles .content-modeles-infos .content-dpe {
    flex-basis: 100% !important;
  }

  #section-list-equipe .content-person .intro-person .img-person,
  .slider-equipe .content-person .intro-person .img-person {
    height: 400px;
  }

  #footer-infos .column-groupe .et_pb_image {
    text-align: center;
  }

  #footer-infos .column-groupe {
    flex-wrap: wrap;
  }

  #footer-infos .column-groupe&gt;div {
    margin-left: 0px !important;
    margin-right: 0px !important;
    flex-basis: 100%;
    order: 1;
  }

  #footer-infos .column-groupe&gt;div.bloc-general-texte {
    order: 2;
    margin-top: 25px !important;
  }

  .blog-content a .img-actu {
    height: 260px;
  }

  .blog-content.page a .img-actu {
    height: 260px;
  }

  .bloc-general-texte.check-title h3 {
    padding-left: 40px;
  }

  .bloc-general-texte.check-title h3:before {
    top: 50%;
    transform: translateY(-50%);
  }

  .blog-content a .content-infos-actu {
    margin-left: 35px;
  }

  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_content h1 {
    font-size: 26px !important;
    line-height: 26px !important;
  }

  .bloc-general-texte h2 {
    font-size: 24px !important;
    line-height: 28px !important;
    padding-top: 15px !important;
  }

  .bloc-general-texte h2:before {
    width: 50px;
    height: 5px;
  }

  .bloc-general-texte h3 {
    font-size: 24px !important;
    line-height: 26px !important;
  }

  .focus-column-garanties-eng h3 {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  #entete-hauteur .slider-basique .et-pb-controllers {
    display: none !important;
  }

  #entete-hauteur .slider-basique .et-pb-slider-arrows {
    width: 100px !important;
    max-width: 100% !important;
    bottom: 50px;
  }

  #header-site .et_mobile_menu&gt;li a {
    font-size: 26px !important;
    line-height: 26px;
  }

  #header-site .et_mobile_menu&gt;li ul.sub-menu li a {
    font-size: 20px !important;
    line-height: 20px !important;
  }

  #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: var(--font-size-p-entete-576);
    line-height: var(--line-height-p-entete-576);
  }

  .bloc-general-texte.bloc-form-recrutement h3 {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  /* Single Model Caracteristiques */

  .bloc-single-modeles .content-modeles-details-item {
    width: 33.333333%;
    margin-bottom: 1rem;
  }

  .bloc-single-modeles .content-modeles-details-items {
    flex-wrap: wrap;
  }

  .bloc-single-modeles .content-modeles-details {
    margin: 2rem 0 0;
  }
}

.construire-menu {
  background-color: var(--color-general);
  border-radius: 13px 13px 0 0;
}

.construire-menu a {
  color: #ffffff !important;
}

.construire-menu.et-hover ul li a {
  color: #23526A !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav .construire-menu ul {
  background-color: var(--color-general) !important;
  border-top: 3px solid var(--color-general) !important;
}

.construire-menu ul li {
  border-radius: 2px;
  outline: 5px solid white;
}

.renover-menu {
  background-color: var(--color-renovation);
  border-radius: 13px 13px 0 0;
  min-width: 138px;
  justify-content: center;
}

.renover-menu a {
  color: #ffffff !important;
}

.renover-menu.et-hover ul li a {
  color: #23526A !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav .renover-menu ul {
  background-color: var(--color-renovation) !important;
  border-top: 3px solid var(--color-renovation) !important;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal .renover-menu ul&gt;li a:hover {
  background-color: var(--color-renovation) !important;
}

.renover-menu ul li {

  border-radius: 2px;
  outline: 5px solid white;
}

#header-site .row-width #menu-site .menu-content #menu-menu-principal .renover-menu ul&gt;li.current-menu-item a {
  background-color: var(--color-renovation) !important;
}

.page-id-5375,
.page-id-7601,
.page-id-5204 {

  .focus-sm-maisons {
    .focus-sm {
      h3 {
        color: #295E7A !important;
      }
    }
  }

  .bloc-general-texte.blanc {

    h2,
    h3 {
      color: #ffffff !important;
    }
  }

  .bloc-general-texte.etape {
    h4 {
      &amp;:before {
        border: 8px solid var(--color-sm-renovations) !important;
        color: var(--color-sm-renovations) !important;
      }
    }
  }

  .bloc-general-texte {
    h2 {
      &amp;:before {
        background-color: var(--color-sm-renovations) !important;
      }
    }

    h3 {
      color: var(--color-sm-renovations) !important;
    }

    p {
      a {
        color: var(--color-sm-renovations);
      }
    }
  }

  .bt-link-global.rose {
    background-color: var(--color-sm-renovations) !important;
    border: 2px solid var(--color-sm-renovations) !important;
    color: #FFFFFF !important;

    &amp;:hover {
      background-color: #FFFFFF !important;
      color: var(--color-sm-renovations) !important;

    }
  }

  .link-footer-bt a.tel {
    &amp;:before {
      color: var(--color-sm-renovations);
    }

    &amp;:hover {
      background-color: var(--color-sm-renovations);

      &amp;:before {
        color: #ffffff;
        background-color: var(--color-sm-renovations);
      }
    }
  }

  #entete-hauteur {
    .slider-basique {

      .et-pb-arrow-next,
      .et-pb-arrow-prev {
        background: var(--color-sm-renovations);
      }
    }
  }

  .et_pb_slide_content {
    h1 {
      &amp;:before {
        background-color: var(--color-sm-renovations) !important;
      }
    }
  }

  .navigation-slider&gt;div.current,
  .navigation-renov&gt;div.current {
    color: var(--color-sm-renovations) !important;
  }

  #header-site .row-width #menu-site .tel-header {
    a {
      background-color: var(--color-sm-renovations);
      border: 1px solid var(--color-sm-renovations);
    }

    a:before {
      color: var(--color-sm-renovations);
    }

    a:hover {
      border: 1px solid var(--color-sm-renovations);
      background-color: white;
      color: var(--color-sm-renovations);

      &amp;:before {
        color: #ffffff;
        background-color: var(--color-sm-renovations);
      }
    }
  }
}

/* Titre principal H1 des articles de rÃ©novation */
.single .bloc-general-texte article.renovation-article h1.entry-title,
.single article.renovation-article .entry-title {
  color: var(--color-sm-reno-bleu) !important;
}

/* Pseudo-Ã©lÃ©ment ::before sur article h1 */
.single .bloc-general-texte article.renovation-article h1.entry-title,
.single article.renovation-article h1.entry-title {
  position: relative;
}

.single .bloc-general-texte article.renovation-article h1.entry-title::before,
.single article.renovation-article h1.entry-title::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100px;
  height: 10px;
  background-color: var(--color-sm-renovations);
}

/* Titres H2 dans l'article - SÃ©lecteur plus spÃ©cifique que le style existant */
.single .bloc-general-texte article.renovation-article .entry-content h2,
.single .bloc-general-texte article.renovation-article h2 {
  color: var(--color-sm-renovations) !important;
  border-bottom: 2px solid var(--color-sm-renovations) !important;
  padding-bottom: 5px !important;
  font-size: 24px !important;
  line-height: 28px !important;
  text-transform: none !important;
  padding-top: 5px !important;
  margin-bottom: 15px !important;
}

/* Liens dans l'article */
.single .bloc-general-texte article.renovation-article .entry-content a {
  color: var(--color-sm-renovations) !important;
}

.single .bloc-general-texte article.renovation-article .entry-content a:hover {
  color: var(--color-sm-reno-bleu) !important;
}

/* Date en orange */
.single article.renovation-article .post-meta .published,
.single .bloc-general-texte article.renovation-article .post-meta .published {
  color: var(--color-sm-renovations) !important;
  font-size: var(--size-date-blog) !important;
  line-height: var(--line-height-date-blog) !important;
  opacity: 1 !important;
}

/* Background des articles liÃ©s en orange */
.single article.renovation-article + h3.title-actus-single-slider,
.single .bloc-general-texte article.renovation-article + h3.title-actus-single-slider {
  padding: 15px !important;
  background-color: var(--color-sm-renovations) !important;
  color: #FFFFFF !important;
  text-align: center !important;
  margin-bottom: 35px !important;
  font-size: 20px !important;
  line-height: 20px !important;
}

/* Survol des boutons "En savoir plus" */
article.renovation-article .more-actu {
  background-color: var(--color-sm-renovations) !important;
  color: white !important;
  transition: background-color 0.3s ease !important;
}

article.renovation-article .more-actu:hover {
  background-color: var(--color-sm-reno-bleu) !important;
}

/* Dates dans le slider des articles */
article.renovation-article .date-actu {
  color: var(--color-sm-reno-bleu) !important;
}

/* Mettre en forme les listes */
.single .bloc-general-texte article.renovation-article .entry-content li::marker {
  color: var(--color-sm-renovations) !important;
}

/* Ã‰lÃ©ment de breadcrumb */
.single .bloc-general-texte article.renovation-article .breadsingle span.delit,
.single .bloc-general-texte article.renovation-article .breadsingle a {
  color: var(--color-sm-reno-bleu) !important;
}

/* Style pour les blockquotes si prÃ©sents */
.single .bloc-general-texte article.renovation-article .entry-content blockquote {
  border-left: 4px solid var(--color-sm-renovations) !important;
  padding-left: 16px !important;
  color: var(--color-sm-reno-bleu) !important;
  font-style: italic !important;
}

/* Titre H3 dans l'article de rÃ©novation - MÃªme spÃ©cificitÃ© que le style existant */
.single .bloc-general-texte article.renovation-article h3 {
  color: var(--color-sm-renovations) !important;
  font-size: 20px !important;
  line-height: 20px !important;
  text-transform: none !important;
  padding-top: 0px !important;
  margin-bottom: 10px !important;
}

/* H3 Ã&nbsp; l'intÃ©rieur du contenu de l'article */
.single .bloc-general-texte article.renovation-article .entry-content h3 {
  color: var(--color-sm-renovations) !important;
  font-size: 20px !important;
  line-height: 20px !important;
  text-transform: none !important;
  padding-top: 0px !important;
  margin-bottom: 10px !important;
}

/* H3 spÃ©cial pour le titre du slider d'articles - Reste en orange comme demandÃ© prÃ©cÃ©demment */
.single article.renovation-article + h3.title-actus-single-slider,
.single .bloc-general-texte article.renovation-article + h3.title-actus-single-slider {
  padding: 15px !important;
  background-color: var(--color-sm-renovations) !important;
  color: #FFFFFF !important;
  text-align: center !important;
  margin-bottom: 35px !important;
  font-size: 20px !important;
  line-height: 20px !important;
}</pre></body></html>