/*
 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=Courgette&family=Open+Sans:wght@400;500;700&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;
}

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

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

.bt-link-global,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button{
  display: inline-block;
  padding: 15px!important;
  padding-left: 25px!important;
  padding-right: 25px!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: 0;
  font-weight: bold;
  text-transform: uppercase;
  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;
}

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

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

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

/* 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(450px - 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(400px - var(--height-header));
}

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

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

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

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

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

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

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

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

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

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
  font-family: var(--font-family-title-entete);
  color: var(--color-title-entete-slider)!important;
  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 .slider-basique .et_pb_slides .et_pb_slide p{
  font-family: var(--font-family-p-entete);
  color: var(--color-p-entete-slider);
  font-size: var(--font-size-p-entete);
  line-height: var(--line-height-p-entete);
  text-align: var(--alignement-p-entete);
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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.no-marge-bottom{
  padding-bottom: 0px!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: 0px!important;
}

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

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

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

/* .bloc-general-texte{
  margin-bottom: 0px!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: 0px;
  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-bottom: 20px;
  position: relative;
}

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

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

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

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

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

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

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

.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 ul:last-child{
  padding-top: 20px!important;
  padding-bottom: 0px!important;
}

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

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

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

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

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

.bloc-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;
  border-radius: 5px;
}

.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(--line-height-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: 25px!important;
  padding-top: 35px!important;
  padding-bottom: 35px!important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-title{
  display: none;
}

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

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

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

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

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

/**/

/* Actus home + page */

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

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

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

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

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

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

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

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

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

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

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

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

.single-post #left-area,
.error404 #left-area {
  width: 100%!important;
  float: none!important;
}

.single-post #sidebar,
.error404 #sidebar {
  display: none!important;
}

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

.single-post .juiz_sps_links .juiz_sps_item:before{
  display: none!important;
}

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

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

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

/**/

/* 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%;
  background-color: #fbfbfb;
  padding: 0!important;
  margin: 0.5%;
  border: 1px solid #CCC;
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
}

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

.wsp-pages-list li.page_item a{
  width: 100%;
  display: block;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  color: #007993!important;
}

.wsp-pages-list li.page_item:hover{
  background-color: #efefef;
}

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

/* END - Plan du site */


/**/

#page-container{
  padding-top: 110px!important;
}

#menu-site{
  padding: 0!important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

#menu-site .row-width{
  padding-top: 15px!important;
  padding-bottom: 15px!important;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.column-menu{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  flex-basis: calc(100% - 70px);
}

.column-logo{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: auto!important;
  margin-right: 20px!important;
  flex-basis: 90px!important;
}

.bloc-header-infos{
  margin-bottom: 5px!important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.bloc-header-infos a{
  position: relative;
  transition: all 0.3s ease;
}

.bloc-header-infos a.tel{
  padding-left: 30px;
  color: #035096;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
}

.bloc-header-infos a.tel:hover{
  color: #ebb866;
}

.bloc-header-infos a.tel:before{
  content: "\e090";
  font-family: 'ETmodules'!important;
  position: absolute;
  left: 0;
  top: 4px;
}

.bloc-header-infos a.linkedin{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 40px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #035096;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 18px;
}

.bloc-header-infos a.linkedin:hover{
  background: #ebb866;
}

.bloc-header-infos a.linkedin:before{
  content: "";
  width: 2px;
  height: 80%;
  background-color: #ebb866;
  position: absolute;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
}

.bloc-header-infos a.linkedin:after{
  content: "\e09d";
  font-family: 'ETmodules'!important;
}

.content-menu #menu-main-menu li{
  padding-left: 3px;
  padding-right: 3px;
}

.content-menu #menu-main-menu li a{
  color: #035096;
  font-weight: 500;
  font-size: 17px;
  line-height: 17px;
  padding: 8px;
  opacity: 1!important;
  transition: all 0.3s ease!important;
  border-radius: 3px;
}

.content-menu #menu-main-menu li a:hover,
.content-menu #menu-main-menu li.current-menu-item a{
  background-color: #ebb866;
  color: #FFFFFF;
}

.content-menu #menu-main-menu li.home-menu a:hover,
.content-menu #menu-main-menu li.current-menu-item.home-menu a{
  background-color: #FFFFFF;
  color: #035096;
}

.content-menu #menu-main-menu li.home-menu a > span{
  display: none;
}

.content-menu #menu-main-menu li.home-menu a {
  position: relative;
}

.content-menu #menu-main-menu li.home-menu a:before{
  content: "\e009";
  font-family: 'ETmodules'!important;
  color: #035096;
  font-size: 25px;
  line-height: 17px;
  transition: all 0.3s ease;
}

.content-menu #menu-main-menu li.home-menu a:hover:before{
  color: #ebb866;
}

.column-certif{
  background-color: rgba(255,255,255,0.7);
  padding: 40px;
  padding-top: 80px;
  padding-bottom: 60px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.column-certif p{
  text-align: center;
  font-size: 24px;
  line-height: 28px;
}

/**/

/* Blog home */

.blog-content{
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}

.blog-content .content-actu{
  flex-basis: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  border-radius: 5px;
}

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

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

.blog-content .content-actu .img-actu:before{
  content: "\50";
  font-family: 'ETmodules'!important;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  color: #ebb866;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  transition: all 0.3s ease;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.blog-content .content-actu:hover .img-actu:before{
  background-color: #FFFFFF;
  opacity: 0.8;
}

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

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

.blog-content .content-actu .content-infos-actu{
  background-color: rgba(255,255,255,0.7);
  padding: 25px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease;
}

.blog-content.page .content-actu .content-infos-actu{
  background-color: #f9f9f9;
}

.blog-content .content-actu:hover .content-infos-actu{
  background-color: rgba(255,255,255,1);
}

.blog-content .content-actu .content-infos-actu .date-actu{
  color: #ebb866;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.blog-content .content-actu .content-infos-actu .title-actu{
  color: #035096;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}

.blog-content .content-actu .content-infos-actu .text-actu{
  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);
}

.blog-content .content-actu .content-infos-actu .more-actu{
  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);
  text-decoration: underline;
  text-align: right;
  margin-top: 10px;
}

.focus-couleur-page{
  padding: 50px!important;
}

.focus-couleur-page h3{
  color: #FFFFFF!important;
  width: 400px;
  max-width: 100%;
  opacity: 0.9;
  margin: auto;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 32px;
}

.focus-couleur-page p{
  color: #FFFFFF!important;
  opacity: 0.9;
}

/**/

#footer-general{
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}

.logo-footer {
  padding: 20px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: #FFFFFF;
}

.logo-footer a{
  display: flex;
  height: auto;
}

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

.logo-footer img{
  width: 85%;
}

.logo-certif-footer{
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.logo-certif-footer .et_pb_image_wrap{
  padding: 10px;
  border-radius: 5px;
  background: #FFFFFF;
  margin-top: 0px!important;
  margin-bottom: 15px!important;
  text-align: center;
}

.logo-certif-footer img{
  width: auto;
  max-height: 45px;
}

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

#footer-general .bloc-general-texte h2{
  color: #FFFFFF!important;
  font-size: 30px!important;
  line-height: 30px!important;
  margin-bottom: 0px!important;
  padding-bottom: 5px!important;
}

#footer-general .bloc-general-texte p {
  color: #FFFFFF!important;
}

#footer-general .bloc-header-infos {
  justify-content: center;
  margin-bottom: 15px!important;
  position: relative!important;
  right: auto!important;
}

#footer-general .bloc-header-infos a.tel {
  color: #FFFFFF;
}

#footer-general .bloc-header-infos a.linkedin {
  color: #ebb866;
  background: #FFFFFF;
}

#footer-general .bloc-header-infos a.linkedin:hover {
  opacity: 0.8;
}

.bloc-copyright-links .et_pb_code_inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.bloc-copyright-links .et_pb_code_inner a,
.bloc-copyright-links .et_pb_code_inner span{
  margin-left: 6px;
  margin-right: 6px;
  font-size: 15px;
  line-height: 15px;
  margin-top: 3px;
  margin-bottom: 3px;
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.bloc-copyright-links .et_pb_code_inner a:hover{
  opacity: 0.8;
}

.bloc-titre-ambition h3{
  padding-top: 5px!important;
  margin-bottom: 0px!important;
}

.section-image-superpose{
  height: 350px;
}

.section-text-superpose{
  padding-bottom: 10px!important;
}

.section-text-superpose.last{
  padding-bottom: 80px!important;
}

.section-text-superpose .row-width{
  margin-top: -250px!important;
  width: 920px!important;
  padding: 40px!important;
  max-width: 100%!important;
  background: #FFF;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}

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

.column-blanc{
  background-color: rgba(255,255,255,0.7);
  padding: 40px;
  border-radius: 5px;
}

.column-trans{
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.column-blanc-etape{
  background-color: rgba(255,255,255,0.7);
  padding: 20px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.column-blanc-etape:after{
  content: "";
  position: absolute;
  width: 22%;
  height: 1px;
  border-top: 5px dotted #FFFFFF;
  right: -2.5%;
  transform: translateX(100%);
}

.column-blanc-etape:last-child:after{
  display: none;
}

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

.custom-pagination span,
.custom-pagination a{
  margin-left: 4px;
  margin-right: 4px;
  border: 1px solid #035096;
  padding: 2px;
  width: 25px;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
}

.custom-pagination a{
  color: #0088a5!important;
  transition: all 0.3s ease;
}

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

.custom-pagination a:hover{
  color: #FFFFFF!important;
  background-color: #035096;
  opacity: 0.7;
}


@media screen and (max-width: 1200px) {
  #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: 980px) {

  .column-blanc-etape{
    width: 100%!important;
    margin-right: 0px!important;
    margin-bottom: 30px!important;
  }

  .column-blanc-etape:last-child{
    margin-bottom: 0!important;
  }

  .column-blanc-etape:after {
    border-right: 5px dotted #FFFFFF;
    border-top: 0px;
    height: 25px;
    width: 1px;
    right: 50%;
    transform: translateX(50%);
    bottom: -28px;
  }

  .section-text-superpose .row-width{
    margin-top: 0px!important;
    padding: 20px!important;
    padding-top: 0px!important;
    max-width: 100%!important;
    box-shadow: none!important;
  }

  .section-text-superpose.last{
    padding-bottom: 30px!important;
  }

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

  .blog-content .content-actu{
    flex-basis: 100%;
    margin-right: 0px;
    margin-bottom: 30px;
  }

  #page-container {
    padding-top: 76px!important;
  }

  .et-tb #page-container, .et-tb-has-header #page-container {
    padding-top: 76px!important;
  }

  .bloc-header-infos{
    position: absolute;
    right: 75px;
    margin-bottom: 0px!important;
  }

  .bloc-header-infos a.tel span{
    display: none;
  }

  .bloc-header-infos a.tel{
    padding-left: 0px;
    width: 35px;
    height: 35px;
    color: #FFFFFF;
    border-radius: 50%;
    background: #ebb866;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  .bloc-header-infos a.tel:hover{
    color: #FFFFFF;
  }

  .bloc-header-infos a.tel:before{
    position: relative;
    top: auto;
    left: auto;
  }

  .bloc-header-infos a.linkedin{
    margin-left: 10px;
  }

  .bloc-header-infos a.linkedin:before{
    display: none;
  }

  .column-logo{
    margin-bottom: 0px!important;
  }

  .column-logo img{
    height: 50px!important;
    width: auto!important;
  }

  #menu-site .row-width{
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 15px!important;
    padding-right: 5px!important;
  }

  #menu-site .mobile_menu_bar:before{
    font-size: 60px;
    color: #333333;
  }

  .mobile_nav.opened .mobile_menu_bar:before{
    content: "\4d";
  }

  body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu{
    position: fixed;
    top: 76px;
    height: calc(100vh - 76px);
    width: 100%;
    border-top: 0px!important;
    background: #f7f7f7!important;
    padding-top: 80px!important;
  }

  body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li{
    margin-bottom: 25px!important;
    display: flex;
    justify-content: center;
  }

  body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li a{
    padding: 12px!important;
    text-align: center;
    border: 0px!important;
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
    color: #035096;
    opacity: 1!important;
    background-color: transparent!important;
    display: inline-block;
    border-radius: 5px;
  }

  body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li a:hover,
  body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.current-menu-item a{
    background-color: #f89e7c!important;
    color: #FFFFFF;
  }

  #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;
    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(260px - var(--height-header-resp));
  }

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

  #entete-hauteur.entete-hauteur-page{
    height: calc(250px - var(--height-header-resp));
  }

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

  #entete-hauteur .slider-basique .et-pb-slider-arrows{
    top: calc(100% - 80px)!important;
    width: 150px!important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999!important;
  }

  #entete-hauteur .slider-basique .et-pb-arrow-next,
  #entete-hauteur .slider-basique .et-pb-arrow-prev{
    opacity: 1!important;
  }

  .wsp-pages-list li.page_item{
    flex-basis: 49%;
  }
}

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

  .bloc-general-texte h2{
    font-size: 36px!important;
    line-height: 36px!important;
  }

  #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(260px - var(--height-header-resp));
  }

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

  #entete-hauteur.entete-hauteur-page{
    height: calc(200px - var(--height-header-resp));
  }

  #entete-hauteur .row-width h1,
  #entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
    font-size: var(--font-size-title-entete-767);
    line-height: var(--font-size-title-entete-767);
  }

  .wsp-pages-list li.page_item{
    flex-basis: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li a{
    font-size: 24px;
    line-height: 24px;
  }

  body .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li{
    margin-bottom: 15px!important;
  }

}

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

  #entete-hauteur.entete-hauteur-page{
    height: calc(200px - var(--height-header-resp));
  }

  .blog-content{
    margin-top: 0px!important;
  }

  .blog-content .content-actu .img-actu{
    height: 200px;
  }

  .bloc-general-texte h2{
    font-size: 30px!important;
    line-height: 30px!important;
  }

  .column-certif {
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .column-blanc{
    padding: 25px;
  }

  .focus-couleur-page {
    padding: 25px!important;
  }

  .column-certif p {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
  }

  .bt-link-global{
    width: 100%!important;
  }

  .section-text-general{
    padding-top: 30px!important;
    padding-bottom: 30px!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);
  }

  .section-text-superpose{
    padding-bottom: 10px!important;
  }
}

@font-face {
	font-family: 'ETmodules';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}