/*
 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=Island+Moments&family=Montserrat:wght@400;500;700&display=swap');
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?avwonu');
  src:  url('fonts/icomoon.eot?avwonu#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?avwonu') format('truetype'),
    url('fonts/icomoon.woff?avwonu') format('woff'),
    url('fonts/icomoon.svg?avwonu#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family:"minerva-modern";
    src:url('fonts/MINERVAMODERNBold.woff') format('woff'),
        url('fonts/MINERVAMODERNBold.woff2') format('woff2'),
        url('fonts/MINERVAMODERNBold.eot'),
        url('fonts/MINERVAMODERNBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MINERVAMODERNBold.otf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**/

/* Popup Close Icon Tweak */
.mfp-fade.mfp-bg.mfp-ready{
  opacity: 1!important;
}

.mfp-bg{
  background: #18191a!important;
}

.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
  top: 0px !important;
  position: fixed !important;
  height: 100vh!important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
    top: -50px ;
    color: #FFFFFF!important;
    opacity: 1!important;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -50px !important;
}
.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}
.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.video_popup a:after {
  content: '\45';
  cursor: pointer;
  font-family: 'ETmodules'!important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  background-color: rgba(255,255,255,0.7);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-size: 40px;
  text-transform: uppercase;
  color: #000000!important;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.video_popup.no_icon:before,
.video_popup.no_icon:after {
    display: none!important;
}
.video_popup:not(.no_icon):hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

/* 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;
  background-color: transparent!important;
  font-size: var(--size-link-general)!important;
  line-height: var(--size-link-general)!important;
  margin-top: 30px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 0.3s ease!important;
  border-radius: 5px!important;
  position: relative!important;
  cursor: pointer;
  pointer-events: visible;
  margin-left: 0!important;
  margin-right: 0!important;
}

.bt-link-global:before{
  content: "";
  width: 0;
  height: 100%;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1!important;
  display: block;
  margin-left: 0;
  z-index: -1;
  transition: all 0.3s ease;
}

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

.bt-link-global.blanc:hover{
  color: #000000!important;
}

.bt-link-global.blanc:before{
  background: #FFFFFF!important;
}

.bt-link-global.noir{
  border: 2px solid #000000!important;
  color: #000000!important;
}

.bt-link-global.noir:hover{
  color: #FFFFFF!important;
}

.bt-link-global.noir:before{
  background: #000000!important;
}

.bt-link-global:hover:before{
  content: "";
  width: 100%;
}

.bt-link-global:after,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:after{
  content: "\24";
  opacity: 1;
  position: absolute;
  margin-left: 10px;
  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: 30px!important;
  line-height: 20px!important;
  display: none;
}

.bt-link-global:hover:after,
#entete-hauteur .slider-basique .et_pb_slides .et_pb_button:after{
  display: none;
}

/* 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);
  padding-bottom: 0px!important;
  margin-bottom: 15px;
  text-shadow: 0px 0px 25px rgba(0,0,0,0.3);
  text-transform: uppercase;
  letter-spacing: 1.6px;
  margin-bottom: 0px;
}

#entete-hauteur .row-width h1 strong{
  display: block;
  margin-top: 5px;
  font-size: calc(var(--font-size-title-entete) - 15px);
  line-height: calc(var(--font-size-title-entete) - 15px);
  text-transform: none;
  letter-spacing: 1px;
  font-weight: normal!important;
}

.paged-title-page{
  display: block;
  margin-top: 5px;
  font-size: calc(var(--font-size-title-entete) - 20px);
  line-height: calc(var(--font-size-title-entete) - 20px);
  text-transform: none;
  letter-spacing: 1px;
}

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

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

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

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

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

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

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

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

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

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

#entete-hauteur .slider-basique.no-filter-ombre .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before{
  display: none;
}

#entete-hauteur .slider-basique .et_pb_slides .et_pb_slide h2{
  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-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 .row-width{
  padding-top: var(--section-text-general-marge-int-top-bottom)!important;
  padding-bottom: var(--section-text-general-marge-int-top-bottom)!important;
}

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

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


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

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

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

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

.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);
  margin-bottom: 30px;
  padding-top: 80px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}

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

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

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

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

.bloc-general-texte h2:before{
  content: " ";
  position: absolute;
  top: 0;
  width: 4px;
  height: 60px;
  background-color: var(--color-title-h2-global);
  left: 50%;
  transform: translateX(-50%);
}

.bloc-general-texte h1:before{
  content: " ";
  position: absolute;
  top: 0;
  width: 4px;
  height: 60px;
  background-color: var(--color-title-h2-global);
  left: 50%;
  transform: translateX(-50%);
}

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

.bloc-general-texte.blanc h1:before,
.bloc-general-texte.blanc h2:before{
  background-color: #FFFFFF;
}


.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);
  font-weight: 400;
}

.bloc-general-texte p a,
.bloc-general-texte ul a{
  color: var(--color-p-global);
  font-weight: 500;
  text-decoration: underline;
}

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

.bloc-general-texte.blanc p{
  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;
}

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

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

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

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

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

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

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

/**/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**/

/* END - General CSS */

/* Plan du site */

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

.wsp-pages-list li.page_item{
  flex-basis: 32%;
  margin: 0.5%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  order: 2;
  padding-left: 0px!important;
  order: 4;
}

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

/* Avec alcool */
.wsp-pages-list li.page_item.page_item_has_children.page-item-5667,
.wsp-pages-list li.page_item.page_item_has_children.page-item-22046{
  order: 1;
}

/* sans alcool */
.wsp-pages-list li.page_item.page_item_has_children.page-item-5658,
.wsp-pages-list li.page_item.page_item_has_children.page-item-21987{
  order: 2;
}

/* Emplois */
.wsp-pages-list li.page_item.page_item_has_children.page-item-5766,
.wsp-pages-list li.page_item.page_item_has_children.page-item-5766{
  flex-basis: 100%;
  order: 3;
}

.wsp-pages-list li.page_item.page_item_has_children ul.children{
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  padding-left: 0px!important;
  padding-bottom: 15px!important;
}

.wsp-pages-list li.page_item.page_item_has_children ul.children li{
  flex-basis: 49%;
  margin: 0.5%;
}

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

.wsp-pages-list > li.page_item > a,
.wsp-pages-list li.page_item.page_item_has_children ul.children li a{
  flex-basis: 100%;
  background-color: #FFFFFF;
  color: #000;
  margin: 0.5%;
  padding: 10px;
  border: 1px solid #000;
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  display: block;
  text-decoration: none;
  font-size: 20px!important;
  line-height: 20px!important;
}

.wsp-pages-list li.page_item.page_item_has_children > a{
  color: #FFFFFF;
  background-color: #000;
}

.wsp-pages-list li.page_item.page_item_has_children ul.children li a{
  background-color: #efefef;
}

.wsp-pages-list > li.page_item > a:hover,
.wsp-pages-list li.page_item.page_item_has_children ul.children li a:hover{
  background-color: #000;
  color: #FFFFFF;
}

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

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

/* END - Plan du site */


/* Header */

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

#section-head{
  padding-top: 20px!important;
  padding-bottom: 0!important;
  position: fixed!important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}

#section-head .et_pb_row_1-4_3-4{
  width: 1440px!important;
  max-width: 100%!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
  display: flex;
  align-items: center;
}

#section-head .column-logo{
  padding-top: 0!important;
  padding-bottom: 0!important;
}

#section-head .column-logo img{
  padding-bottom: 20px;
}

#section-head .row-width-header.lang-rs{
  padding-top: 0px!important;
  padding-bottom: 10px!important;
  display: flex!important;
  z-index: 9;
}

#section-head .row-width-header.lang-rs .column-rs-lang{
  display: flex!important;
  justify-content: flex-end;
}

#section-head .row-width-header.menu .column-menu .et_pb_menu__wrap{
  display: flex!important;
  justify-content: flex-end;
}

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

#section-head .bloc-social{
  margin-bottom: 0px!important;
}

#section-head .bloc-social li{
  margin-bottom: 0px!important;
}

#section-head .bloc-social li a{
  transition: all 0.3s ease;
  border: 1px solid #000000;
  margin-right: 15px!important;
}

#section-head .bloc-social li:last-child a{
  margin-right: 0!important;
}

#section-head .bloc-social li a:hover{
  background: #FFFFFF!important;
  color: #000000!important;
}

#section-head .bloc-social li a:hover:before {
  color: #000000!important;
}

#section-head .switcher-lang{
  margin-left: 20px!important;
  width: 60px!important;
  height: 34px;
}

#section-head .switcher-lang .wpml-ls-legacy-dropdown-click{
  width: 60px!important;
  position: absolute;
  right: 0;
}

#section-head .switcher-lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{
  background: #eee;
}

#section-head .switcher-lang .wpml-ls-legacy-dropdown-click>ul{
  padding-left: 0px!important;
  padding-bottom: 0px!important;
}

#section-head .switcher-lang .wpml-ls-legacy-dropdown-click a{
  width: 60px!important;
  padding: 8px!important;
  border: 0px!important;
  transition: all 0.3s ease;
  color: #000000!important;
  font-size: 18px;
  line-height: 20px;
}

#section-head .switcher-lang .wpml-ls-legacy-dropdown-click a span{
  display: none;
}

#section-head .switcher-lang .wpml-ls-legacy-dropdown-click li.wpml-ls-item-fr a:before{
  content: "FR";
}

#section-head .switcher-lang .wpml-ls-legacy-dropdown-click li.wpml-ls-item-en a:before{
  content: "EN";
}

#section-head .switcher-lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li.wpml-ls-item-fr a:before{
  content: "FR";
}

#section-head .switcher-lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li.wpml-ls-item-en a:before{
  content: "EN";
}

#section-head ul.et-menu.nav{
  display: flex;
  align-items: center;
}

#section-head ul.et-menu.nav > li{
  padding-bottom: 20px!important;
  margin-top: 0!important;
  height: 60px;
}

#section-head ul.et-menu.nav > li > a{
  padding-bottom: 0px!important;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  font-weight: 500;
  transition: all 0.3s ease;
  opacity: 1!important;
  display: flex;
  align-items: center;
}

#section-head ul.et-menu.nav .menu-item-has-children>a:first-child:after{
  top: 50%;
  transform: translateY(-50%);
}

#section-head ul.et-menu.nav > li > a:before{
  content: "";
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  position: absolute;
  width: 2px;
  height: 15px;
  background: #000000;
  top: 16px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

#section-head ul.et-menu.nav > li:hover > a:before,
#section-head ul.et-menu.nav > li.current-menu-item > a:before,
#section-head ul.et-menu.nav > li.current-menu-parent > a:before{
  visibility: visible;
  opacity: 1;
  top: 8px;
}

#section-head ul.et-menu.nav > li.magasins > a{
  color: #FFFFFF;
  background-color: #000000;
  border: 2px solid #000000;
  padding: 6px!important;
  padding-left: 12px!important;
  padding-right: 35px!important;
  border-radius: 8px;
  margin-left: 0px!important;
}

#section-head ul.et-menu.nav > li.magasins > a:hover{
  background-color: #FFFFFF;
  color: #000000;
}

#section-head ul.et-menu.nav > li.magasins > a:after{
  content: "\e900";
  font-family: 'ETmodules'!important;
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-60%);

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#section-head ul.et-menu.nav > li.magasins > a:before{
  display: none;
}

#section-head ul.et-menu.nav > li .sub-menu{
  top: 60px!important;
  border: 0px!important;
  padding: 35px!important;
}

#section-head ul.et-menu.nav > li .sub-menu li > a{
  font-size: 18px;
  line-height: 24px;
  background: #000000!important;
  border: 2px solid #000000!important;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  padding: 25px!important;
  opacity: 1!important;
  border-radius: 8px;
  transition: all 0.3s ease!important;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 20px)!important;
}

#section-head ul.et-menu.nav > li .sub-menu li.current-menu-item > a,
#section-head ul.et-menu.nav > li .sub-menu li:hover > a{
  background: #FFFFFF!important;
  color: #000000;
}

#section-head ul.et-menu.nav > li .sub-menu li > a > div{
  width: 100%;
  height: 200px;
  text-align: center;
  margin-bottom: 15px;
}

#section-head ul.et-menu.nav > li .sub-menu li > a img{
  height: 100%;
}

#section-head ul.et-menu.nav > li .sub-menu li > a strong{
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 3px;
}

#section-head ul.et-menu.nav > li .sub-menu li > a strong:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000000;
  left: 0;
  bottom: 0;
  transition: all 0.3s ease;
}

#section-head ul.et-menu.nav > li .sub-menu li:hover > a strong:after,
#section-head ul.et-menu.nav > li .sub-menu li.current-menu-item > a strong:after{
  background-color: #FFFFFF;
}

#section-head .tel-resp{
  position: absolute;
  right: 75px;
  top: 50%;
  transform: translateY(-50%);
}

#section-head .tel-resp a{
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid #000000;
  background: #000000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  transition: all 0.3s ease;
}

#section-head .tel-resp a:hover{
  background: #FFFFFF;
  color: #000000;
}

#section-head .tel-resp a:before{
  content: "\e090";
  font-family: 'ETmodules'!important;
}

#section-head .et_mobile_nav_menu{
  margin: 0!important;
}

#section-head .et_mobile_nav_menu .mobile_menu_bar{
  right: 10px;
}

#section-head .et_mobile_nav_menu .mobile_menu_bar:before{
  color: #000000;
  font-size: 70px;
  line-height: 70px;
}

#section-head .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar:before{
  content: "\4d";
}

#section-head .et_mobile_menu{
  position: fixed;
  left: 0;
  top: 81px;
  width: 100%;
  height: calc(100vh - 90px)!important;
  padding-top: 0!important;
  opacity: 0!important;
  visibility: hidden!important;
  transition: all 0.3s ease!important;
  overflow: auto;
  border: 0px!important;
  padding: 5px!important;
  background: #000000!important;
  transform: translateX(100%)!important;
  display: flex!important;
  flex-wrap: wrap;
}



#section-head .mobile_nav.opened .et_mobile_menu{
  opacity: 1!important;
  visibility: visible!important;
  transform: translateX(0)!important;
}

#section-head .et_mobile_menu > li {
  padding: 5px!important;
}

#section-head .et_mobile_menu > li > a{
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 30px;
  font-weight: 500;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1!important;
  height: 100%;
  background-color: #18191A;
  padding: 15px!important;
  border: 0px!important;
  text-align: center;
}

/* Menu La maison */
#section-head .et_mobile_menu > li:first-child{
  flex-basis: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section-head .et_mobile_menu > li:first-child a:before{
  content: "\e901";
  display: block;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 15px;
  font-size: 40px;
  line-height: 40px;
}

/* Menu La collection */

#section-head .et_mobile_menu > li:nth-child(2){
  flex-basis: 100%;
  height: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#section-head .et_mobile_menu > li:nth-child(2) > a{
  display: none;
}

#section-head .et_mobile_menu > li:nth-child(2) .sub-menu{
  width: 100%;
  flex-basis: 100%;
  display: flex!important;
  padding: 0!important;
  background: none!important;
}

#section-head .et_mobile_menu > li:nth-child(2) .sub-menu li{
  flex-basis: 1000%;
  height: 100%;
  padding: 0!important;
  padding-top: 0!important;
}

#section-head .et_mobile_menu > li:nth-child(2) .sub-menu li:first-child{
  padding-right: 5px!important;
}

#section-head .et_mobile_menu > li:nth-child(2) .sub-menu li:last-child{
  padding-left: 5px!important;
}

#section-head .et_mobile_menu > li:nth-child(2) .sub-menu li a{
  padding: 0px!important;
  width: 100%;
  height: 100%;
  opacity: 1!important;
  padding: 15px!important;
  background-color: #18191A;
  font-size: 22px;
  line-height: 28px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#section-head .et_mobile_menu > li:nth-child(2) .sub-menu li.current-menu-item a,
#section-head .et_mobile_menu > li.current-menu-item > a,
#section-head .et_mobile_menu > li:nth-child(2) .sub-menu li:hover a,
#section-head .et_mobile_menu > li:hover > a{
  background-color: #343434;
}

#section-head .et_mobile_menu > li:nth-child(2) .sub-menu li br{
  display: none;
}

#section-head .et_mobile_menu > li:nth-child(2) .sub-menu li a strong{
  display: block;
  text-transform: uppercase;
}

#section-head .et_mobile_menu > li:nth-child(2) .sub-menu li a img{
  display: none;
}

/* Menu La actus + contact */

#section-head .et_mobile_menu > li:nth-child(3),
#section-head .et_mobile_menu > li:nth-child(4){
  flex-basis: 50%;
  height: 25%;
  order: 4;
}

/* Menu La boutique */

#section-head .et_mobile_menu > li:nth-child(5){
  flex-basis: 100%;
  height: 25%;
  order: 3;
}

#section-head .et_mobile_menu > li:nth-child(5) a:before{
  content: "\e900";
  display: block;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 15px;
  font-size: 30px;
  line-height: 30px;
  margin-top: -5px;
}

/* END HEADER */

/* Home */

#entete-hauteur .slider-basique.home .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slider_container_inner:before{
  background: rgba(0,0,0,0.8);
  height: 100%;
}

#entete-hauteur .slider-basique.home .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_content > p{
  display: none;
}

.content-slider-home{
  display: flex;
  flex-direction: column;
  max-height: 90%;
  width: 850px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.content-slider-home .img-home{
  margin-bottom: 0;
}

.content-slider-home .focus-home{
  display: flex;
  justify-content: center;
}

.content-slider-home .focus-home .focus{
  flex-basis: 50%;
  text-align: center;
}

.content-slider-home .focus-home .focus img{
  display: block;
  margin: auto;
  margin-bottom: 30px;
}

.content-slider-home .focus-home .focus{
  color: #FFFFFF;
  font-size: 30px;
  line-height: 28px;
  font-family:"minerva-modern";
  transition: all 0.3s ease;
  font-weight: bold;
}

.content-slider-home .focus-home .focus:hover{
  opacity: 0.7;
}

.content-slider-home .focus-home .focus strong{
  display: inline-block;
  color: #FFFFFF;
  font-size: 38px;
  line-height: 48px;
  text-transform: uppercase;
  margin-top: 8px;
  position: relative;
  padding-bottom: 5px;
}

.content-slider-home .focus-home .focus strong:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  left: 0;
  bottom: 0;
  transition: all 0.3s ease;
}

#intro-home{
  padding-top: 70px!important;
  padding-bottom: 70px!important;
}

#intro-home h1{
  padding-top: 0px;
  text-transform: none;
  letter-spacing: 0px;
}

#intro-home h1:before{
  display: none;
}

#intro-home .bloc-general-texte{
  width: 900px;
  max-width: 100%;
  margin: auto;
}

#intro-home .bloc-general-texte p em{
  font-weight: 600;
}

.section-text-general .row-width.row-adn{
  padding-top: 100px!important;
  padding-right: 0px!important;
  position: relative;
  z-index: 8;
}

.row-adn .column-adn-texte{
  padding-left: 50px;
  padding-top: 60px;
}

.row-adn .column-adn-images{
  display: flex;
}

.row-adn .column-adn-images .img-bouteille{
  margin-left: 30px;
}

.row-adn .column-adn-images .img-visuel{
  margin-top: 70px;
  margin-left: 70px;
}

.section-text-general .row-width.row-mb {
  padding-top: 0!important;
  padding-left: 0px!important;
  position: relative;
  z-index: 9;
  margin-top: -280px;
}

.row-mb .column-mb-texte {
  padding-left: 50px;
  padding-top: 21%;
}

#section-maison-chavin{
  padding-bottom: 220px!important;
  z-index: 8;
  position: relative;
}

#section-chiffres-cles{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  margin-top: -161px;
  z-index: 9;
  position: relative;
  background: none;
}

#section-chiffres-cles .row-width{
  width: 1200px!important;
  max-width: 100%!important;
  padding-top: 55px!important;
  padding-bottom: 55px!important;
  padding-left: 55px!important;
  padding-right: 55px!important;
  display: flex;
  align-items: center;
}

#section-chiffres-cles .column-chiffres-cles{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#section-chiffres-cles .column-chiffres-cles .bloc-general-texte{
  flex-basis: 100%;
  margin-bottom: 20px!important;
}

#section-chiffres-cles .column-chiffres-cles .home-cles{
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 0!important;
  flex-basis: 32%!important;
  margin-right: 2%!important;
  margin-left: 0!important;
}

#section-chiffres-cles .column-chiffres-cles .home-cles:last-child{
  margin-right: 0!important;
}

#section-chiffres-cles .column-chiffres-cles .home-cles .title{
  color: #FFFFFF;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  font-weight: 500;
}

#section-chiffres-cles .column-chiffres-cles .home-cles .percent-value{
  color: #FFFFFF;
  font-size: 50px;
  line-height: 50px;
  font-family:"minerva-modern";
  font-weight: bold;
  text-align: center;
}

#section-chiffres-cles .column-chiffres-cles .home-cles .percent{
  margin-bottom: 0px;
}

#section-chiffres-cles .column-chiffres-cles .home-cles .percent p{
  text-align: center;
  font-size: 50px;
  line-height: 50px;
}

#section-chiffres-cles .column-chiffres-cles .home-cles.signe .percent p:before{
  content: "+";
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  font-family:"minerva-modern";
  display: inline-block;
  margin-right: 5px;
}

#collections-home .bloc-general-texte {
  width: 900px;
  max-width: 100%;
  margin: auto;
}

.content-collections{
  margin-top: 50px;
}

.content-collections .filter-collections{
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}

.content-collections .filter-collections .link-collections-filter{
  padding: 12px;
  padding-left: 18px;
  padding-right: 18px;
  border: 2px solid #000000;
  text-transform: uppercase;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 5px;
  font-size: 18px;
  line-height: 22px;
  position: relative;
  color: #000000;
  transition: all 0.3s ease;
  text-align: center;
}

/* .content-collections .filter-collections .link-collections-filter:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0!important;
  display: block;
  margin-left: 0;
  z-index: -1;
  transition: all 0.3s ease;
  background: #000000;
} */

.content-collections .filter-collections .link-collections-filter.current,
.content-collections .filter-collections .link-collections-filter:hover{
  color: #FFFFFF;
  background: #000000;
}

/* .content-collections .filter-collections .link-collections-filter.current:before,
.content-collections .filter-collections .link-collections-filter:hover:before{
  opacity: 1;
} */

.content-collections .liste-collections{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease;
  position: relative;
}

.content-collections .liste-collections:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  z-index: 999;
  background-image: url("https://www.pierre-chavin.com/wp-content/uploads/2022/01/loader-collections.gif");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50% 0;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.content-collections .liste-collections.load:before{
  opacity: 1;
  visibility: visible;
}

.content-collections .liste-collections > a{
  flex-basis: 22%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  margin-bottom: 3%;
  padding: 15px;
  border-radius: 5px;
  border: 2px solid #000000;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 165px;
  opacity: 0.1;
  order: 0;
}

.content-collections .liste-collections > a.actif{
  opacity: 1;
}

.content-collections .liste-collections > a.link-desactived{
  pointer-events: none;
  display: none!important;
}

.content-collections .liste-collections > a:hover{
  box-shadow: 5px 15px 25px rgba(0,0,0,0.2);
}

.content-collections .liste-collections > a.link-desactived:hover{
  box-shadow: 5px 15px 25px rgba(0,0,0,0.2);
}

.content-collections .liste-collections > a img{
  width: auto;
  max-height: 90%;
}

#section-medias .bloc-general-texte {
  width: 900px;
  max-width: 100%;
  margin: auto;
}

.content-medias{
  margin-top: 80px;
}

.content-medias .liste-medias{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.content-medias .liste-medias > div,
.content-medias .liste-medias > a{
  display: flex;
  flex-basis: 30.3333%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  margin-bottom: 60px;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.content-medias .liste-medias > a:hover{
  opacity: 0.7;
}

.content-medias .liste-medias > div img,
.content-medias .liste-medias > a img{
  display: block;
}

#section-medias{
  padding-bottom: 120px!important;
}

#sep-image-bouteille-home{
  padding: 0!important;
  margin-top: -125px;
  background: transparent;
  overflow: hidden;
}

#sep-image-bouteille-home .row-width-full{
  padding: 0!important;
}

#sep-image-bouteille-home .row-width-full .et_pb_image{
  overflow: hidden;
  margin-right: -80px;
}

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

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

.blog-content > a.content-actu{
  box-shadow: 0px 3px 6px #00000029;
  color: #000000;
  background-color: #FFFFFF;
  transition: all 0.3s ease;
}

.blog-content > a.content-actu:hover{
  color: #FFFFFF;
  background-color: #000000;
}

.blog-content > a.content-actu:hover .img-actu .date-actu,{
  color: #000000;
  background-color: #FFFFFF;
}

.blog-content.home > a.content-actu{
  flex-basis: 32%;
  margin-right: 2%;
}

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

.blog-content.page > a.content-actu{
  flex-basis: 48%;
  margin-right: 4%;
  margin-bottom: calc(4% + 39px);
}

.blog-content.page > a.content-actu:nth-child(2n){
  margin-right: 0
}

.blog-content > a.content-actu .img-actu{
  position: relative;
}

.blog-content.home > a.content-actu .img-actu{
  width: 100%;
  height: 250px;
}

.blog-content.page > a.content-actu .img-actu{
  width: 100%;
  height: 350px;
}

.blog-content > a.content-actu .img-actu div.empty{
  width: 100%;
  height: 100%;
  background: #18191a;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog-content > a.content-actu .img-actu div.empty:before{
  content: "\e901";
  display: block;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 35px;
  font-size: 80px;
  line-height: 80px;
  color: #FFFFFF;
}

.blog-content > a.content-actu .img-actu .date-actu,
.post-image .date-actu{
  background: #000000;
  color: #FFFFFF;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 20px;
  line-height: 25px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 145px;
  border: 2px solid #000000;
  transition: all 0.3s ease;
}

.blog-content > a.content-actu .img-actu .date-actu span,
.post-image .date-actu span{
  display: block;
  font-size: 15px;
  line-height: 22px;
}

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

.blog-content > a.content-actu .content-infos-actu{
  padding: 30px;
  padding-top: 15px;
}

.blog-content > a.content-actu .content-infos-actu .cat{
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 8px;
}

.blog-content > a.content-actu .content-infos-actu .title-actu{
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 10px;
  font-family:"minerva-modern";
}

.blog-content > a.content-actu .content-infos-actu .text-actu{
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
}

.blog-content > a.content-actu .content-infos-actu .more-actu{
  margin-top: 15px;
  text-align: center;
  position: relative;
  font-size: 16px;
  line-height: 29px;
}

.blog-content > a.content-actu .content-infos-actu .more-actu:after {
  content: "\24";
  opacity: 1;
  position: absolute;
  margin-left: 7px;
  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: 24px!important;
  line-height: 30px!important;
}

.otgs-development-site-front-end{
  display: none!important;
}

.et-l.et-l--header{
  z-index: 12;
  position: relative;
}

.page.et_pb_pagebuilder_layout #main-content {
  background-color: #FFF!important;
  z-index: 10;
  position: relative;
}

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

#footer-global .row-width{
  display: flex;
  justify-content: center;
}

#footer-global .row-width .column-logo-footer{
  flex-basis: 30%;
}

#footer-global .row-width .column-newsletter-footer{
  flex-basis: 40%;
}

.links-infos-footer {
  margin-bottom: 0px!important;
}

.links-infos-footer a{
  display: flex;
  position: relative;
  color: #FFFFFF;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  transition: all 0.3s ease;
}

.links-infos-footer a:hover{
  padding-left: 5px;
  opacity: 0.8;
}

.links-infos-footer a:before{
  margin-right: 10px;
}

.links-infos-footer a.adresse:before{
  content: "\e081";
  font-family: 'ETmodules'!important;
}

.links-infos-footer a.tel:before{
  content: "\e090";
  font-family: 'ETmodules'!important;
}

.links-infos-footer a.email:before{
  content: "\e076";
  font-family: 'ETmodules'!important;
}

.links-infos-footer a.emploi:before{
  content: "\e0f4";
  font-family: 'ETmodules'!important;
}

.bt-link-boutique-footer{
  color: #000000;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  padding: 12px!important;
  padding-left: 16px!important;
  padding-right: 45px!important;
  border-radius: 8px;
  margin-top: 30px!important;
  font-size: 18px!important;
  line-height: 20px!important;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 25px!important;
}

.bt-link-boutique-footer:hover{
  color: #FFF;
  background-color: #000000!important;
  border: 2px solid #FFFFFF!important;
}

.bt-link-boutique-footer:after {
  content: "\e900";
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-60%);
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px!important;
  line-height: 20px!important;
  opacity: 1!important;
  transition: none!important;
}

#footer-global h3{
  color: #FFFFFF;
  font-weight: bold;
  font-size: 19px;
  line-height: 21px;
  margin-bottom: 25px;
}

.no-marge-bottom{
  margin-bottom: 0px!important;
}

.bloc-link-marques ul{
  padding-left: 0px!important;
  padding-bottom: 0px!important;
  list-style: none!important;
}

.bloc-link-marques ul li{
  padding-left: 0px!important;
  list-style: none!important;
  padding-bottom: 6px;
}

.bloc-link-marques ul li a{
  color: #FFFFFF;
  font-size: 13px;
  line-height: 22px;
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.bloc-link-marques ul li a:hover{
  padding-left: 5px;
  opacity: 0.8;
}

/* Mailchimp intégration */
#mc-embedded-subscribe-form #mc_embed_signup_scroll{
  display: flex;
  flex-wrap: wrap;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .rgpd{
  flex-basis: 100%;
  margin-bottom: 15px;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .rgpd ul{
  padding-left: 0!important;
  padding-bottom: 0px!important;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .rgpd ul label[for="mce-0MERGE5-0"]{
  color: #FFFFFF;
  font-size: 15px;
  line-height: 18px;
  padding-left: 5px;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .email{
  flex-basis: 65%;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .email input{
  border: 0px!important;
  border-bottom: 1px solid #FFFFFF!important;
  background: none;
  padding: 12px;
  padding-left: 0px;
  font-size: 16px;
  line-height: 16px;
  width: 100%;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .email input::-webkit-input-placeholder { /* Edge */
  color: #ACACAC;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .email input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ACACAC;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .email input::placeholder {
  color: #ACACAC;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .submit-bt {
  flex-basis: 35%;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .submit-bt input {
  border: 1px solid #FFFFFF!important;
  background: #FFFFFF;
  color: #000000;
  width: 100%;
  height: 44px;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  padding: 8px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}

#mc-embedded-subscribe-form #mc_embed_signup_scroll .submit-bt input:hover {
  background: #000000;
  color: #FFFFFF;
}

/**/

.bloc-social.footer li a{
  transition: all 0.3s ease;
  border: 1px solid #FFFFFF;
  margin-right: 15px!important;
}

.bloc-social.footer li:last-child a{
  margin-right: 0!important;
}

.bloc-social.footer li a:hover {
  background: #000000!important;
  color: #FFFFFF!important;
}

.bloc-social.footer li a:hover:before{
  color: #FFFFFF!important;
}

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

.copyright-bloc{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.copyright-bloc span,
.copyright-bloc a{
  font-weight: 300;
  color: #ACACAC;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  margin: 8px;
  margin-left: 12px;
  margin-right: 12px;
  transition: all 0.3s ease;
}

.copyright-bloc a:hover{
  color: #FFFFFF;
}

/* Single post */

body.single .single-entete{
  padding: 0!important;
  height: 450px;
  background-color: #FFFFFF;
  position: relative;
}

body.single .single-entete img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  position: relative;
}

body.single .single-entete:after{
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  left: 0;
  top: 0;
  z-index: 2;
  position: absolute;
  display: block;
}

body.single .single-entete div.empty{
  z-index: 3;
  background: #FFFFFF;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.single .single-entete div.empty:before {
  content: "\e901";
  display: block;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0;
  font-size: 300px;
  line-height: 300px;
  color: #000000;
  opacity: 0.02;
}

body.single .content-single{
  background: #000000;
  padding-bottom: 100px;
}

body.single .content-single #content-area{
  width: 1140px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -200px;
  background: #FFFFFF;
}

body.single .post-image{
  width: 100%;
  height: 400px;
  background-color: #18191a;
  z-index: 4;
  position: relative;
}

body.single .post-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.single .post-image div.empty {
  width: 100%;
  height: 100%;
  background: #18191a;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.single .post-image div.empty:before {
  content: "\e901";
  display: block;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 35px;
  font-size: 120px;
  line-height: 120px;
  color: #FFFFFF;
}

body.single .content-single #left-area{
  padding: 85px!important;
  padding-top: 60px!important;
  padding-bottom: 60px!important;
}

body.single .content-single #left-area h1{
  padding-top: 0!important;
  text-align: center;
  margin-bottom: 15px!important;
  font-size: 30px;
  line-height: 30px;
}

body.single .content-single #left-area h1 span,
body.single-offres_emplois .content-single #left-area h1 span{
  font-family: var(--font-family-p-global);
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  display: block;
  margin-bottom: 10px;
}

body.single #left-area h1:before{
  display: none;
}

body.single .content-single article.post{
  padding-bottom: 0!important;
  margin-bottom: 0!important;
}

.bt-retour-actu{
  color: #000;
  font-size: 20px;
  line-height: 20px;
  display: block;
  margin-top: 30px;
  transition: all 0.3s ease;
}

.bt-retour-actu:hover{
  opacity: 0.6;
  padding-left: 5px;
}

.bt-retour-actu:before{
  content: "\4a";
  font-family: 'ETmodules'!important;
  display: inline-block;
  margin-right: 10px;
}

body.single .single-last-actu{
  padding-bottom: 70px!important;
}

body.single .single-last-actu h2{
  margin-bottom: 5px!important;
}

body.single .single-last-actu .link-all-actu{
  text-align: center;
}

body.single .single-last-actu .bt-link-global{
  margin-top: 0;
  z-index: 1;
}

.blog-content.slider-pro{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 50px;
}

.blog-content.slider-pro .sp-slides-container{
  padding-bottom: 40px;
}

.blog-content.slider-pro .sp-arrows{
  width: 75px;
  top: 100%;
  left: calc(100% - 15px);
  transform: translateX(-100%);
}

.blog-content.slider-pro .sp-mask{
  padding-top: 60px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.blog-content.slider-pro .sp-slide{
  padding: 10px!important;
}

.blog-content.slider-pro .sp-slide > a.content-actu{
  box-shadow: 0px 3px 6px #00000029;
  color: #000000!important;
  background-color: #FFFFFF;!important;
  transition: all 0.3s ease!important;
  position: relative!important;
  display: block;
  height: 90%;
}

.blog-content.slider-pro .sp-slide > a.content-actu:hover{
  color: #FFFFFF!important;
  background-color: #000000!important;
}

.blog-content.slider-pro .sp-slide > a.content-actu:hover .img-actu .date-actu{
  color: #000000!important;
  background-color: #FFFFFF!important;
}

.blog-content.slider-pro .sp-slide > a.content-actu{
  flex-basis: 100%;
}

.blog-content.slider-pro .sp-slide > a.content-actu .img-actu{
  position: relative;
  height: 280px;
}

.blog-content.slider-pro .sp-slide > a.content-actu .img-actu div.empty{
  width: 100%;
  height: 100%;
  background: #18191a;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog-content.slider-pro .sp-slide > a.content-actu .img-actu div.empty:before{
  content: "\e901";
  display: block;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 35px;
  font-size: 80px;
  line-height: 80px;
  color: #FFFFFF;
}

.blog-content.slider-pro .sp-slide > a.content-actu .img-actu .date-actu{
  background: #000000;
  color: #FFFFFF;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 145px;
  border: 2px solid #000000;
  transition: all 0.3s ease;
}

.blog-content.slider-pro .sp-slide > a.content-actu .img-actu .date-actu span{
  display: block;
  font-size: 18px;
  line-height: 24px;
}

.blog-content.slider-pro .sp-slide > a.content-actu .img-actu img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.blog-content.slider-pro .sp-slide > a.content-actu .content-infos-actu{
  padding: 30px;
  padding-top: 15px;
}

.blog-content.slider-pro .sp-slide > a.content-actu .content-infos-actu .cat{
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 8px;
}

.blog-content.slider-pro .sp-slide > a.content-actu .content-infos-actu .title-actu{
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px;
  font-family:"minerva-modern";
  font-weight: bold;
}

.blog-content.slider-pro .sp-slide > a.content-actu .content-infos-actu .text-actu{
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
}

.blog-content.slider-pro .sp-slide > a.content-actu .content-infos-actu .more-actu{
  margin-top: 15px;
  text-align: center;
  position: relative;
  font-size: 16px;
  line-height: 29px;
}

.blog-content.slider-pro .sp-slide > a.content-actu .content-infos-actu .more-actu:after {
  content: "\24";
  opacity: 1;
  position: absolute;
  margin-left: 7px;
  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: 24px!important;
  line-height: 30px!important;
}

.blog-content.slider-pro .sp-arrow{
  width: 30px;
  height: 30px;
  opacity: 1;
  transition: all 0.3s ease;
  display: block!important;
}

.blog-content.slider-pro .sp-arrow:hover{
  opacity: 0.7;
}

.blog-content.slider-pro .sp-previous-arrow{
  left: 0;
}

.blog-content.slider-pro .sp-next-arrow{
  right: 0;
}

.blog-content.slider-pro .sp-next-arrow:before,
.blog-content.slider-pro .sp-previous-arrow:before{
  color: #000000;
  width: 30px;
  height: 30px;
  transform: none;
  font-family: 'ETmodules'!important;
}

.blog-content.slider-pro .sp-next-arrow:after,
.blog-content.slider-pro .sp-previous-arrow:after{
  display: none!important;
}

.blog-content.slider-pro .sp-previous-arrow:before,
.blog-content.slider-pro .sp-next-arrow:before{
  content: "\3c";
  font-size: 30px;
  line-height: 28px;
  left: 0;
}

#left-area .post-meta{
  display: none;
}

.custom-pagination{
  display: flex;
  justify-content: center;
}

.custom-pagination span,
.custom-pagination a{
  border: 1px solid #000000;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  background-color: #FFFFFF;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 17px;
  line-height: 17px;
  transition: all 0.3s ease;
}

.custom-pagination a:hover{
  background-color: rgba(0,0,0,0.7);
  color: #FFFFFF;
}

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

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

.custom-pagination.emplois span,
.custom-pagination.emplois a{
  color: #FFFFFF;
  background-color: transparent;
  border: 1px solid #FFFFFF;
}

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

.custom-pagination.emplois a:hover{
  background-color: rgba(0,0,0,1);
  color: #FFFFFF;
}

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

#section-contact .row-width{
  width: 1140px!important;
  max-width: 95%!important;
  margin-top: -140px;
  z-index: 2;
}

.entete-hauteur-page.contact{
  z-index: 1;
}

body.contact #entete-hauteur .row-width h1{
  margin-top: -80px;
}

.grecaptcha-badge{
  display: none!important;
}

body.contact .grecaptcha-badge,
body.single-offres_emplois .grecaptcha-badge{
  display: block!important;
  z-index: 9999999!important;
}

#section-contact .row-width .column-form{
  padding: 55px;
  padding-bottom: 40px;
}

#section-contact .row-width .column-infos{
  padding-top: 55px;
}

#section-contact .row-width .column-infos .bloc-titre,
#section-contact .row-width .column-infos .bloc-social,
#section-contact .row-width .column-infos .infos{
  padding-left: 30px!important;
  padding-right: 30px!important;
  text-align: center;
}

#section-contact .row-width .column-infos .infos{
  margin-bottom: 50px;
}

#section-contact .row-width .column-infos .infos a{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  color: #FFFFFF;
  line-height: 29px;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 0;
  transition: all 0.3s ease;
  margin-top: 20px;
  transition: all 0.3s ease;
}

#section-contact .row-width .column-infos .infos a:hover{
  opacity: 0.7;
}

#section-contact .row-width .column-infos .infos a.adresse:before {
  content: "\e081";
  font-family: 'ETmodules'!important;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 5px;
}

#section-contact .row-width .column-infos .infos a.tel:before {
  content: "\e090";
  font-family: 'ETmodules'!important;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 5px;
}

.form-site{
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px;
}

.form-site > div{
  flex-basis: 100%;
  margin-bottom: 25px;
  position: relative;
}

.form-site > div:last-child{
  margin-bottom: 0;
}

.form-site > div:last-child .wpcf7-spinner{
  position: absolute;
  background-color: #efefef;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

.form-site > div:last-child .wpcf7-spinner:before{
  background-color: #000000;
}

.form-site > div label{
  display: block;
}

.form-site > div input[type="text"],
.form-site > div input[type="email"],
.form-site > div input[type="tel"],
.form-site > div textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #333333;
}

.form-site > div.files{
  display: flex;
  padding-top: 20px;
  padding-bottom: 10px;
  justify-content: center;
  background: #f9f9f9;
}

.form-site > div.files label{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  line-height: 18px;
}

.form-site > div.files label > span{
  display: block;
  margin-bottom: 10px;
}

.form-site > div.rgpd{
  display: flex;
  padding-top: 5px;
  padding-bottom: 15px;
}

.single-offres_emplois .form-site > div.rgpd{
  justify-content: center;
}

.single-offres_emplois .wpcf7-form .wpcf7-response-output{
  position: relative;
  bottom: 0!important;
  margin-top: 20px!important;
}

.form-site > div.files .wpcf7-not-valid-tip{
  bottom: -33px;
  right: 50%;
  transform: translateX(50%);
}

.form-site > div.rgpd .wpcf7-list-item{
  margin-left: 0px!important;
}

.form-site > div.rgpd label{
  color: #000000;
  font-size: 16px;
  line-height: 18px;
  margin-left: 5px;
}

.form-site > div.rgpd label a{
  text-decoration: underline;
  color: #000000;
}

.form-site > div input[type="submit"]{
  width: 100%;
  border-radius: 5px;
  transition: all 0.3s ease;
  background: #000000;
  border: 2px solid #000000;
  color: #FFFFFF;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 15px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}

.form-site > div input[type="submit"]:hover{
  background: #FFFFFF;
  color: #000000;
}

.form-site .wpcf7-not-valid-tip{
  font-size: 13px;
  line-height: 16px;
  position: absolute;
  background: #dc3232;
  color: #FFFFFF;
  right: 5px;
  bottom: -22px;
  padding: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 500;
  border-radius: 5px;
}

.form-site .your-message .wpcf7-not-valid-tip{
  bottom: -6px;
}

.form-site div.rgpd .wpcf7-not-valid-tip{
  width: 160px;
  left: 0;
  bottom: -32px;
  text-align: center;
}

.wpcf7-form .wpcf7-response-output{
  background-color: #dc3232;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -85px;
  margin: 0;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #FFF;
  border: 0!important;
  padding: 8px!important;
  border-radius: 5px;
  margin: 0!important;
}

.wpcf7 form.sent .wpcf7-response-output{
  background-color: #46b450!important;
  bottom: -77px;
}

textarea#recapEmploi{
  display: none;
}

.infos-emploi{
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
  flex-wrap: wrap;
}

.infos-emploi > div{
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 18px;
  line-height: 20px;
}

.infos-emploi > div:before{
  font-family: 'ETmodules'!important;
  color: #FFFFFF;
  display: inline-block;
  margin-right: 8px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #000000;
  text-align: center;
  font-size: 17px;
  line-height: 35px;
}

.infos-emploi > div.localisation:before{
  content: "\e081";
}

.infos-emploi > div.type:before{
  content: "\e058";
}

.infos-emploi > div.profil:before{
  content: "\e08a";
}

.single-offres_emplois .bt-retour-actu{
  text-align: center;
}

.single-offres_emplois article {
  margin-bottom: 0px!important;
}

.filter-emplois{
  display: flex;
  justify-content: center;
  margin-top: 0px;
  margin-bottom: 130px;
}

.filter-emplois .link-emplois-filter{
  padding: 12px;
  padding-left: 18px;
  padding-right: 18px;
  border: 2px solid #FFFFFF;
  text-transform: uppercase;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 5px;
  font-size: 18px;
  line-height: 22px;
  position: relative;
  color: #FFFFFF;
  transition: all 0.3s ease;
  text-align: center;
}

.filter-emplois .link-emplois-filter.current,
.filter-emplois .link-emplois-filter:hover{
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #000000;
}

.none-actu{
  padding: 15px;
  background-color: #000;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 40px;
}

.none-actu.emplois{
  background-color: #FFFFFF;
  color: #000;
}

.blog-content.emplois > a.content-actu .img-actu .date-actu{
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #000000;
}

.blog-content.emplois > a.content-actu .img-actu div.empty{
  background-color: #f3f3f3;
}

.blog-content.emplois > a.content-actu .img-actu div.empty:before{
  color: #000000;
}

#entete-hauteur .row-width h1:after{
  content: "\e901";
  display: block;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 15px;
  font-size: 80px;
  line-height: 80px;
  color: #FFFFFF;
}

/* la maison */

.row-width-adn{
  padding-left: 0px!important;
  padding-right: 0px!important;
  margin-top: 40px!important;
}

.column-maison-adn-first .bloc-general-texte,
.column-maison-adn-last .bloc-general-texte{
  padding-top: 60px;
  padding-bottom: 60px;
}

.column-maison-adn-first .bloc-general-texte{
  padding-left: 60px;
  padding-right: 0;
}

.column-maison-adn-last .bloc-general-texte{
  padding-left: 0px;
  padding-right: 60px;
}

.row-width-adn .img-visuel .et_pb_image_wrap,
.row-width-adn .img-visuel .et_pb_image_wrap img{
  width: 100%!important;
}

#section-fondatrice-page,
#section-fondatrice-page .row-width-fondatrice-full{
  padding-bottom: 0px!important;
}

.row-width-fondatrice{
  width: 1320px!important;
  max-width: 100%!important;
  padding-left: 0!important;
  position: relative;
  z-index: 5;
}

.row-width-fondatrice .column-maison-fondatrice-last{
  padding-top: 90px;
  padding-bottom: 120px;
  padding-left: 25px;
}

.row-width-fondatrice-full{
  width: 100%!important;
  max-width: 100%!important;
  padding: 0px!important;
  position: relative;
  z-index: 5;
  height: 70vh;
  min-height: 500px;
  margin-top: -110px;
  z-index: 1;
  padding-top: 0px!important;
}

.row-width-fondatrice-full:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,0.4);
  width: 100%;
  height: 100%;
}

.bloc-citation-fondatrice{
  position: absolute;
  width: 800px;
  max-width: 100%;
  padding: 30px;
  bottom: 80px;
  left: 80px;
}

.bloc-citation-fondatrice h2{
  color: #FFFFFF;
  font-size: 30px;
  line-height: 45px;
  font-weight: 700;
}

.bloc-citation-fondatrice h3{
  color: #FFFFFF;
  font-size: 50px;
  line-height: 50px;
  font-weight: 300;
  font-family: 'Island Moments', cursive;
  margin-top: 10px;
  padding-bottom: 0px;
}

.bloc-citation-fondatrice h4{
  color: #FFFFFF;
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  margin-top: 0;
  position: relative;
}

.bloc-citation-fondatrice h4 a{
  position: relative;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}

.bloc-citation-fondatrice h4 a:after{
  content: "\e0b4";
  font-family: 'ETmodules'!important;
  display: inline-block;
  margin-left: 15px;
  font-size: 24px;
}

.bloc-citation-fondatrice h4 a:hover{
  padding-left: 5px;
  opacity: 0.8;
}

#intro-distinction .bloc-general-texte{
  width: 900px;
  max-width: 100%;
  margin: auto;
  margin-top: 0;
}

.bloc-general-texte.distinctions h2{
  font-size: 25px;
  line-height: 30px;
  padding-top: 40px;
  margin-bottom: 15px;
}

.bloc-general-texte.distinctions h2:before{
  width: 2px!important;
  height: 30px!important;
}

/* .bloc-general-texte.distinctions p{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 30px!important;
} */

/**/

.row-slider-collection{
  width: 1140px!important;
  max-width: 100%!important;
}

.slider-collection{
  margin-bottom: 50px;
}

.slider-collection .content-vin-collection{
  display: flex;
}

.slider-collection .content-vin-collection .visuel-vin{
  display: flex;
  flex-basis: 45%;
  justify-content: center;
}

.slider-collection .content-vin-collection .details-vin{
  flex-basis: 55%;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.slider-collection .content-vin-collection .details-vin h3{
  color: #FFFFFF;
  font-size: 35px;
  line-height: 42px;
  letter-spacing: 1.4px;
  margin-bottom: 10px;
  font-family:"minerva-modern";
  font-weight: bold;
}

.slider-collection .content-vin-collection .details-vin .bt-boutique{
  color: #000000;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  padding: 14px!important;
  padding-left: 16px!important;
  padding-right: 45px!important;
  border-radius: 8px;
  margin-bottom: 40px!important;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease!important;
}

.slider-collection .content-vin-collection .details-vin .bt-boutique:after{
  content: "\e900";
  font-family: 'ETmodules'!important;
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-60%);
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slider-collection .content-vin-collection .details-vin .bt-boutique:hover{
  color: #FFFFFF;
  background-color: #000000;
}


.slider-collection .content-vin-collection .details-vin p{
  color: #FFFFFF;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 30px!important;
  width: 100%;
  padding-right: 15px;
  max-width: 100%;
  max-height: 150px;
  overflow: auto;
}

/* width */
.slider-collection .content-vin-collection .details-vin p::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
  transition: all 0.3s ease;
}

/* Track */
.slider-collection .content-vin-collection .details-vin p::-webkit-scrollbar-track {
  background: #000000;
  border-radius: 5px;
  transition: all 0.3s ease;
}

/* Handle */
.slider-collection .content-vin-collection .details-vin p::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  transition: all 0.3s ease;
  border-radius: 5px;
}

.slider-collection .content-vin-collection .details-vin .link-gamme{
  position: relative;
  display: block;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 29px;
  transition: all 0.3s ease!important;
}

.slider-collection .content-vin-collection .details-vin .link-gamme:after{
  content: "\24";
  opacity: 1;
  position: absolute;
  margin-left: 7px;
  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: 24px!important;
  line-height: 30px!important;
}

.slider-collection .content-vin-collection .details-vin .link-gamme:hover{
  opacity: 0.7;
  padding-left: 5px;
}


.slider-collection .sp-arrows{
  width: 40%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.slider-collection .sp-arrows .sp-arrow{
  width: 40px;
  height: 40px;
  opacity: 1;
  transition: all 0.3s ease;
}

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

.slider-collection .sp-arrows .sp-previous-arrow:before,
.slider-collection .sp-arrows .sp-next-arrow:before{
  content: "\3c";
  font-size: 30px;
  line-height: 28px;
  top: 50%;
  left: 0;
  color: #FFFFFF;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  font-family: 'ETmodules'!important;
  background: none;
  font-weight: 100;
  font-size: 40px;
  line-height: 40px;
  background-color: #18191a;
  border-radius: 50%;
}
.slider-collection .sp-arrows .sp-next-arrow{
  right: 0;
}

.slider-collection .sp-buttons{
  width: 40%;
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.slider-collection .sp-buttons .swiper-pagination-bullet{
  border: 1px solid #FFFFFF;
  width: 12px;
  height: 12px;
}

.slider-collection .sp-buttons .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #FFFFFF;
}

.section-intro-collections{
  padding-top: 0!important;
}

.section-intro-collections .row-width.row-width-image.no-marge-top{
  padding-top: 0!important;
}

.section-intro-collections .row-width.row-width-image{
  padding-left: 0!important;
  padding-right: 0!important;
  padding-top: 100px!important;
  padding-bottom: 70px!important;
}

.section-intro-collections .row-width.row-width-image .bloc-general-texte{
  padding: 70px!important;
  padding-bottom: 20px!important;
}

.section-intro-collections .row-width.row-width-image .bloc-general-texte.left{
  padding-right: 15px!important;
}

.section-intro-collections .row-width.row-width-image .bloc-general-texte.right{
  padding-left: 0px!important;
}

.section-intro-collections .row-width.row-width-image .image-page-content .et_pb_image_wrap{
  width: 100%;
}

.section-intro-collections .row-width.row-width-image .image-page-content .et_pb_image_wrap img{
  width: 100%;
}

/* remove todo */
.section-intro-collections .row-width.row-width-image .image-page-content .et_pb_image_wrap{
  /* min-height: 600px; */
  /* background: #CCCCCC; */
}

.section-intro-collections .row-width.row-width-image .column-reverse .image-page-content .et_pb_image_wrap{
  min-height: 500px;
}
/**/

.labels-content-pages{
  display: flex;
  margin-top: 25px;
  margin-bottom: 25px;
  justify-content: space-between;
  width: 450px;
  max-width: 100%;
}

.labels-content-pages > div.label{
  margin-right: 2%;
  text-align: center;
}

.labels-content-pages > div.label:last-child{
  margin-right: 0;
}

.labels-content-pages > div.label h4{
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  margin-top: 15px;
}

.section-intro-collections .row-width.row-width-cepages .images-cepages{
  margin-bottom: 10px;
}

.section-intro-collections .row-width.row-width-cepages{
  padding-bottom: 100px!important;
}

.section-text-general .row-width.mise-en-avant{
  width: 1300px!important;
  max-width: 100%!important;
  margin-left: auto;
  margin-right: auto;
}

.section-text-general .row-width.mise-en-avant .bloc-general-texte{
  width: 800px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/**/

#intro-page-fiche{
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}

#intro-page-fiche .bloc-general-texte {
  width: 900px;
  max-width: 100%;
  margin: auto;
}

.row-cuvees-page .bloc-general-texte a{
  color: #FFFFFF;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  display: block;
  position: relative;
  padding-right: 30px;
}

.row-cuvees-page .bloc-general-texte a:after {
  content: "\24";
  opacity: 1;
  position: absolute;
  margin-left: 7px;
  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: 24px!important;
  line-height: 24px!important;
}

.logo-cuvees{
  margin-bottom: 10px!important;
}

#section-pictos-fiche{
  padding-top: 120px!important;
  padding-bottom: 90px!important;
}

#section-pictos-fiche .labels-content-pages{
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  max-width: 100%;
  margin-top: 60px!important;
  margin-bottom: 0px!important;
}

.row-cuvees-page .et_pb_column{
  transition: all 0.3s ease;
}

.row-cuvees-page .et_pb_column:hover{
  opacity: 0.7;
}

.section-intro-collections.gamme .row-width.row-width-image .bloc-general-texte{
  padding-top: 150px!important;
  padding-bottom: 150px!important;
}

.slider-marques{
  margin-top: 100px;
  margin-bottom: 50px;
}

.slider-marques .sp-arrows{
  width: calc(50% - 30px);
}

.slider-marques .sp-arrows .sp-arrow{
  width: 40px;
  height: 40px;
  opacity: 1;
  transition: all 0.3s ease;
  background-color:
}

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

.slider-marques .sp-arrows .sp-previous-arrow:before,
.slider-marques .sp-arrows .sp-next-arrow:before{
  content: "\3c";
  font-size: 30px;
  line-height: 28px;
  left: 0;
  color: #FFFFFF;
  width: 40px;
  height: 40px;
  transform: none;
  font-family: 'ETmodules'!important;
  background: none;
  font-weight: 100;
  font-size: 40px;
  line-height: 40px;
  background-color: #18191a;
  border-radius: 50%;
}

.slider-marques .sp-buttons{
  width: calc(50% - 30px);
  top: -43px;
}

.slider-marques .sp-buttons .sp-button{
  border: 1px solid #FFFFFF;
  width: 12px;
  height: 12px;
}

.slider-marques .sp-buttons .sp-button.sp-selected-button{
  background: #FFFFFF;
}

.content-slider-gamme{
  display: flex;
}

.content-slider-gamme .titre-image{
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 50%;
  margin-right: 50px;
  position: relative;
}

.content-slider-gamme .titre-image:before{
  content: "";
  width: 310px;
  height: 310px;
  border-radius: 50%;
  border: 35px solid #1e1f20;
  background-color: #272829;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.content-slider-gamme .titre-image h3{
  font-size: 33px;
  line-height: 40px;
  letter-spacing: 2px;
  font-family:"minerva-modern";
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 5px;
}

.content-slider-gamme .titre-image h4{
  font-size: 22px;
  line-height: 27px;
  letter-spacing: 1px;
  color: #FFFFFF;
  font-family:"minerva-modern";
  font-weight: bold;
  text-align: center;
}

.content-slider-gamme .titre-image a{
  color: #000000;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  padding: 14px!important;
  padding-left: 16px!important;
  padding-right: 45px!important;
  border-radius: 8px;
  margin-bottom: 0px!important;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease!important;
}

.content-slider-gamme .titre-image a:after {
  content: "\e900";
  font-family: 'ETmodules'!important;
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-60%);
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.content-slider-gamme .titre-image a:hover {
  color: #FFFFFF;
  background-color: #000000;
}

.content-slider-gamme .infos-text{
  flex-basis: 50%;
}

.content-slider-gamme .infos-text > div.infos{
  margin-top: 30px;
  margin-bottom: 40px;
}

.content-slider-gamme .infos-text > div.infos h3,
.content-slider-gamme .infos-text > div.infos p{
  text-align: left;
}

.content-slider-gamme .infos-text > div.infos h3{
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 1px;
  color: #FFFFFF;
  font-family:"minerva-modern";
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 8px;
}

.content-slider-gamme .infos-text > div.infos p{
  font-size: 14px;
  line-height: 25px;
  max-height: 150px;
  overflow: auto;
  padding-right: 20px;
}

/* width */
.content-slider-gamme .infos-text > div.infos p::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
  transition: all 0.3s ease;
}

/* Track */
.content-slider-gamme .infos-text > div.infos p::-webkit-scrollbar-track {
  background: #000000;
  border-radius: 5px;
  transition: all 0.3s ease;
}

/* Handle */
.content-slider-gamme .infos-text > div.infos p::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  transition: all 0.3s ease;
  border-radius: 5px;
}

.content-slider-gamme .infos-text > div.infos-supl{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-top: 10px;
}

.content-slider-gamme .infos-text > div.infos-supl > div{
  position: relative;
  padding: 30px;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-slider-gamme .infos-text > div.infos-supl > div h3{
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  margin-bottom: 0px;
  padding-bottom: 0;
  font-weight: 400;
  text-align: left;
}

.content-slider-gamme .infos-text > div.infos-supl > div h3 span{
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  margin-bottom: 0px;
  padding-bottom: 0;
  font-weight: bold;
  text-align: left;
  font-style: italic;
  display: block;
  padding-top: 5px;
}

.content-slider-gamme .infos-text > div.infos-supl div.potentiel-garde{
  flex-basis: 40%;
  border-right: 0;
  border-bottom: 0;
}

.content-slider-gamme .infos-text > div.infos-supl div.potentiel-garde:before{
  content: url("https://www.pierre-chavin.com/wp-content/uploads/2022/02/wine-bottle-icon.png");
  display: block;
  margin-right: 20px;
}

.content-slider-gamme .infos-text > div.infos-supl div.condi{
  flex-basis: 60%;
  border-bottom: 0;
}

.content-slider-gamme .infos-text > div.infos-supl div.condi:before{
  content: url("https://www.pierre-chavin.com/wp-content/uploads/2022/02/wine-bottles-icon.png");
  display: block;
  margin-right: 20px;
}

.content-slider-gamme .infos-text > div.infos-supl div.temp{
  flex-basis: 100%;
}

.content-slider-gamme .infos-text > div.infos-supl div.temp:before{
  content: url("https://www.pierre-chavin.com/wp-content/uploads/2022/02/sun-temp-icon.png");
  display: block;
  margin-right: 10px;
}

.column-rs-maques{
  margin-top: 40px;
  margin-bottom: 45px;
  margin-right: 10px!important;
  padding: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 350px!important;
}

.column-rs-maques:before {
  content: "\e901";
  display: block;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0;
  font-size: 250px;
  line-height: 250px;
  color: #FFFFFF;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

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

.blog-content.page-marques.slider-pro .sp-mask{
  padding-top: 30px;
}

.blog-content.page-marques.slider-pro .sp-slides-container{
  padding-bottom: 0;
}

.blog-content.page-marques.slider-pro .sp-slide > a.content-actu .content-infos-actu .title-actu{
  font-size: 19px;
  line-height: 26px;
}

.rs-page-marque{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}

.rs-page-marque li{
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.rs-page-marque li a{
  transition: all 0.3s ease;
  border: 1px solid #FFFFFF;
  margin-right: 0!important;
}

.rs-page-marque li a.follow_button{
  color: #FFFFFF;
}

.rs-page-marque li a:hover{
  background: #000000!important;
  color: #FFFFFF!important;
}

.rs-page-marque li a:hover:before{
  color: #FFFFFF!important;
}

.empty-actu-marques{
  margin-top: 40px;
  margin-bottom: 45px;
  background-color: #f5f5f5!important;
  height: calc(100% - 85px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  color: #000000;
  background-image: url("https://www.pierre-chavin.com/wp-content/uploads/2022/02/background-none-actu-marques.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.bloc-carte iframe{
  display: block;
}

@media screen and (max-width: 1350px) {
  .section-text-general .row-width.row-mb {
    margin-top: -200px;
  }

  .section-intro-collections .row-width.row-width-image .bloc-general-texte{
    padding: 40px!important;
    padding-bottom: 10px!important;
  }
}

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

  .row-adn .column-adn-texte{
    padding-left: 25px;
  }

  .section-text-general .row-width.row-mb{
    margin-top: -140px;
  }

  .row-mb .column-mb-texte {
    padding-top: 14%;
  }
}

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

  .column-rs-maques{
    margin-bottom: 35px;
    padding: 30px;
  }

  .blog-content.page-marques.slider-pro .sp-slide > a.content-actu .img-actu{
    height: 240px;
  }

  .row-width-fondatrice .column-maison-fondatrice-last{
    padding-top: 45px;
    padding-bottom: 110px;
    padding-left: 25px;
  }

  body.single #left-area{
    padding: 55px!important;
    padding-top: 50px!important;
    padding-bottom: 50px!important;
  }

  .content-collections .liste-collections > a{
    height: 140px;
  }

  .section-text-general .row-width.row-mb{
    margin-top: -100px;
  }

  .row-mb .column-mb-texte {
    padding-top: 10%;
  }

  #section-head ul.et-menu.nav > li {
    padding-left: 8px;
    padding-right: 8px;
  }

  #section-head ul.et-menu.nav > li.magasins > a{
    margin-left: 0px!important;
  }

  #section-head .column-logo{
    width: 13.875%;
    margin-right: 3.5%;
  }

  #section-head .column-content-menu{
    width: 82.625%;
  }

  #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: 1100px) {

  .row-width-fondatrice .column-maison-fondatrice-last{
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .row-width-fondatrice-full{
    margin-top: 0;
  }

  .section-text-general .row-width.row-mb{
    margin-top: -30px;
  }

  .row-mb .column-mb-texte {
    padding-top: 10%;
  }

  .blog-content > a.content-actu .content-infos-actu{
    padding: 15px;
  }

  #section-contact .row-width .column-form{
    padding-left: 35px;
    padding-right: 35px;
  }
}

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

  #mc-embedded-subscribe-form #mc_embed_signup_scroll .email,
  #mc-embedded-subscribe-form #mc_embed_signup_scroll .submit-bt{
    flex-basis: 50%;
  }

  .section-text-general .row-width.row-mb{
    margin-top: 30px;
  }

  .row-mb .column-mb-texte {
    padding-top: 5%;
  }
}

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

  #section-head .et_mobile_menu .magasin {
    width: 100%!important;
  }

  #section-contact .row-width{
    margin-top: -110px;
  }

  .section-intro-collections .row-width.row-width-image .column-reverse .image-page-content .et_pb_image_wrap {
    min-height: auto!important;
  }

  .content-slider-home .focus-home .focus strong:after{
    display: none;
  }

  .section-intro-collections.gamme .row-width-image{
    padding-bottom: 0px!important;
  }

  .empty-actu-marques{
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .rs-page-marque{
    flex-direction: row;
    width: 300px;
    max-width: 100%;
  }

  .rs-page-marque li{
    margin-left: 10px;
    margin-right: 10px;
  }

  .column-rs-maques{
    margin-top: 0px!important;
    margin-bottom: 60px!important;
    height: 310px;
  }

  .content-slider-gamme .infos-text > div.infos-supl > div{
    border-bottom: 1px solid #FFFFFF!important;
  }

  .slider-marques .sp-buttons{
    display: none;
  }

  .slider-marques .sp-arrows{
    width: 400px;
    max-width: 90%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -50px;
  }

  .slider-marques{
    margin-top: 50px;
    margin-bottom: 10px;
  }

  .content-slider-gamme .infos-text > div.infos h3,
  .content-slider-gamme .infos-text > div.infos p{
    text-align: center;
  }

  .content-slider-gamme .infos-text > div.infos:nth-child(1){
    margin-bottom: 20px;
  }

  .content-slider-gamme .infos-text > div.infos:nth-child(2){
    display: none;
  }

  .content-slider-gamme .infos-text > div.infos-supl > div{
    padding: 15px;
  }

  .content-slider-gamme{
    flex-direction: column;
  }

  .content-slider-gamme .titre-image{
    margin-right: 0px;
    margin-bottom: 25px;
  }

  .content-slider-gamme .titre-image:before{
    width: 180px;
    height: 180px;
    border: 20px solid #1e1f20;
  }

  .content-slider-gamme .titre-image img {
    max-width: none;
    width: auto;
    height: 300px;
  }

  .section-intro-collections .row-width.row-width-image{
    padding-top: 50px!important;
  }

  #section-pictos-fiche{
    padding-top: 30px!important;
    padding-bottom: 0px!important;
  }

  .slider-collection {
    margin-bottom: 0px;
  }

  .section-intro-collections .row-width.row-width-cepages .bloc-general-texte h3{
    padding-bottom: 0px;
  }

  .section-intro-collections .row-width.row-width-cepages{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 10px!important;
  }

  .section-intro-collections .row-width.row-width-cepages > div{
    flex-basis: 32%;
    margin-right: 2%;
    margin-bottom: 0px!important;
  }

  .section-intro-collections .row-width.row-width-cepages > div:nth-child(3n){
    margin-right: 0;
  }

  .section-intro-collections .row-width.row-width-cepages > div:last-child{
    margin-right: 0;
  }

  .section-intro-collections .row-width.row-width-cepages .images-cepages{
    height: 220px;
  }

  .row-width.row-cuvees-page .bout-cuvees{
    height: 300px;
  }

  .section-intro-collections .row-width.row-width-cepages .images-cepages .et_pb_image_wrap,
  .row-width.row-cuvees-page .bout-cuvees .et_pb_image_wrap{
    height: 100%;
  }

  .section-intro-collections .row-width.row-width-cepages .images-cepages .et_pb_image_wrap img,
  .row-width.row-cuvees-page .bout-cuvees .et_pb_image_wrap img{
    height: 100%;
  }

  .section-intro-collections .row-width.row-width-image.no-marge-top{
    padding-bottom: 20px!important;
  }

  .section-intro-collections{
    padding-bottom: 0px!important;
  }

  .section-intro-collections .row-width.row-width-image .image-page-content{
    width: 100%;
    height: 40vh;
  }

  .section-intro-collections .row-width.row-width-image .image-page-content .et_pb_image_wrap{
    width: 100%;
    height: 100%;
  }

  .section-intro-collections .row-width.row-width-image .image-page-content .et_pb_image_wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section-intro-collections .row-width.row-width-image.no-marge-top{
    padding-top: 50px!important;
  }

  .section-intro-collections .row-width.row-width-image .bloc-general-texte,
  .section-intro-collections .row-width.row-width-image .bloc-general-texte.right,
  .section-intro-collections .row-width.row-width-image .bloc-general-texte.left{
    padding-top: 0px!important;
    padding-bottom: 10px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
  }

  .section-intro-collections .row-width.row-width-image .bloc-general-texte.right{
    padding-top: 20px!important;
    padding-bottom: 50px!important;
  }

  .labels-content-pages{
    margin-left: auto;
    margin-right: auto;
  }

  .column-reverse{
    display: flex;
    flex-direction: column-reverse;
  }

  .column-reverse .image-page-content{
    margin-bottom: 0px!important;
  }

  .slider-collection .content-vin-collection .visuel-vin img{
    max-width: none;
    width: auto;
  }

  .slider-collection .content-vin-collection .visuel-vin{
    flex-basis: 30%
  }

  .slider-collection .content-vin-collection .details-vin{
    flex-basis: 70%;
    padding-right: 0px;
  }

  .slider-collection .sp-buttons{
    display: none;
  }

  .slider-collection .sp-buttons .sp-button{
    width: 25px;
    height: 25px;
    margin: 8px;
  }

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

  #intro-distinction .bloc-general-texte br{
    display: none;
  }

  .row-width-titre.titre-cepage .bloc-general-texte br{
    display: none;
  }

  .row-width-fondatrice-full:before{
    background-color: rgba(0,0,0,0.5);
  }

  .bloc-citation-fondatrice h2 br{
    display: none;
  }

  .bloc-citation-fondatrice h4 a {
    justify-content: center;
  }

  .bloc-citation-fondatrice{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bloc-citation-fondatrice h2,
  .bloc-citation-fondatrice h3,
  .bloc-citation-fondatrice h4{
    text-align: center;
  }

  .row-width-fondatrice-full{
    height: auto;
    margin-top: 0!important;
    min-height: auto!important;
  }

  #section-fondatrice-page .row-width-fondatrice-full{
    padding-top: 15px!important;
  }

  .row-width-fondatrice .column-maison-fondatrice-last{
    padding-top: 0px;
    padding-left: 0px;
  }

  .row-width-fondatrice{
    padding-left: 30px!important;
  }

  #entete-hauteur .row-width .page-maison h1:after{
    font-size: 60px;
    line-height: 60px;
  }

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

  .column-maison-adn-last{
    display: flex;
    flex-direction: column-reverse;
  }

  .img-visuel,
  .image-page-content,
  .row-width-cepages .et_pb_column,
  .row-cuvees-page .et_pb_column{
    animation:none !important;
    opacity: 1!important;
    visibility: visible!important;
    transform: none!important;
  }

  .column-maison-adn-first .bloc-general-texte{
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .column-maison-adn-last .bloc-general-texte{
    padding-top: 10px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .column-maison-adn-last .img-visuel{
    margin-bottom: 0px;
  }

  .row-width-adn {
    margin-top: 0!important;
  }

  .bloc-general-texte.emplois br{
    display: none;
  }

  #section-contact .row-width .column-form{
    z-index: 9;
  }

  .wpcf7-form .wpcf7-response-output{
    bottom: -70px;
  }

  .wpcf7 form.sent .wpcf7-response-output{
    bottom: -55px;
  }

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

  #section-contact .row-width{
    padding-bottom: 45px!important;
  }

  .custom-pagination{
    margin-top: 50px;
  }

  body.single .post-image{
    max-height: 35vh;
  }

  .bt-retour-actu{
    position: relative;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-top: 45px;
  }

  body.single .content-single #left-area {
    padding: 30px!important;
    padding-top: 40px!important;
    padding-bottom: 0px!important;
  }

  body.single .content-single #content-area{
    max-width: 100%;
  }

  body.single .content-single{
    padding: 0!important;
  }

  body.single .single-entete{
    display: none;
  }

  body.single .content-single #content-area{
    margin-top: 0px;
  }

  .blog-content.slider-pro{
    margin-top: 30px;
  }

  .blog-content.slider-pro .sp-arrows {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

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

  #mc-embedded-subscribe-form #mc_embed_signup_scroll .rgpd ul li{
    text-align: center;
  }

  #footer-global h3,
  .bloc-link-marques ul li a{
    text-align: center;
  }

  .bloc-link-marques ul li a{
    display: block;
  }

  #footer-global .row-width .column-logo-footer {
    flex-basis: 30%;
    order: 1;
    margin-right: 4%;
  }

  #footer-global .row-width .column-newsletter-footer {
    flex-basis: 80%;
    order: 4;
    margin-right: 0!important;
    margin-top: 40px;
    margin-bottom: 0;
    align-self: center;
  }

  #footer-global .row-width .column-links-footer-1{
    flex-basis: 30%;
    order: 2;
    margin-right: 4%;
    margin-top: 30px;
    margin-bottom: 0px!important;
  }

  #footer-global .row-width .column-links-footer-2{
    flex-basis: 30%;
    order: 3;
    margin-right: 0;
    margin-top: 30px;
  }

  .links-infos-footer a{
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
  }

  .blog-content{
    margin-top: 90px;
  }

  .blog-content > a.content-actu{
    flex-basis: 100%!important;
    margin-right: 0!important;
    margin-bottom: 90px!important;
  }

  .blog-content > a.content-actu:last-child{
    margin-bottom: 0!important;
  }

  .content-medias .liste-medias > div,
  .content-medias .liste-medias > a{
    flex-basis: 44%;
    margin-left: 3%;
    margin-right: 3%;
  }

  #section-medias .bloc-general-texte br{
    display: none;
  }

  .content-collections .liste-collections > a{
    flex-basis: 30.33333%;
  }

  #section-chiffres-cles .row-width{
    padding-left: 25px!important;
    padding-right: 25px!important;
  }

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

  #section-chiffres-cles{
    margin-top: 0px!important;
  }

  .row-adn .column-adn-texte {
    padding-left: 25px!important;
    padding-right: 25px!important;
    padding-top: 0px;
  }

  .row-mb .column-mb-texte {
    padding-left: 25px!important;
    padding-right: 25px!important;
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

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

  .row-adn .column-adn-images{
    justify-content: center;
  }

  .row-adn .column-adn-images .img-bouteille,
  .row-adn .column-adn-images .img-visuel{
    height: 40vh;
    margin-left: 0;
    margin-right: 0px;
  }

  .row-adn .column-adn-images .img-bouteille{
    margin-top: 30px;
  }

  .row-adn .column-adn-images .img-visuel{
    margin-top: 70px;
    margin-left: 50px;
  }

  .row-adn .column-adn-images .img-bouteille .et_pb_image_wrap,
  .row-adn .column-adn-images .img-visuel .et_pb_image_wrap{
    height: 100%;
  }

  .row-adn .column-adn-images .img-bouteille .et_pb_image_wrap img,
  .row-adn .column-adn-images .img-visuel .et_pb_image_wrap img{
    width: 100%!important;
    height: 100%;
    object-fit: cover;
  }

  .img-visuel{
    height: 40vh;
    margin-left: 0;
    margin-right: 0px;
  }

  .img-visuel .et_pb_image_wrap{
    width: 100%;
    height: 100%;
  }

  .img-visuel .et_pb_image_wrap img{
    width: 100%!important;
    height: 100%;
    object-fit: cover;
    object-position: top center;
  }

  #intro-home,
  #intro-page-fiche{
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }

  #intro-home .bloc-general-texte p br,
  #collections-home .bloc-general-texte p br,
  #intro-page-fiche .bloc-general-texte p br{
    display: none;
  }

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

  #section-head .et_pb_row_1-4_3-4 {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }

  #section-head .row-width-header.lang-rs,
  #section-head .row-width-header.menu{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }

  #section-head .row-width-header.lang-rs{
    width: 110px;
    right: 80px;
    padding-bottom: 20px!important;
  }

  #section-head .row-width-header.menu{
    padding-bottom: 20px!important;
  }

  #section-head .column-logo,
  #section-head .column-content-menu{
    margin-bottom: 0px!important;
  }

  #section-head .column-logo{
    width: 30%!important;
    margin-right: 2%!important;
    z-index: 11;
  }

  #section-head .column-content-menu{
    width: 100%!important;
    padding-left: 30%!important;
    position: absolute!important;
    left: 0!important;
    z-index: 9;
  }

  #section-head .column-logo img {
    padding-bottom: 20px;
    width: auto;
    height: 70px;
  }

  .et-tb #page-container, .et-tb-has-header #page-container{
    padding-top: var(--height-header-resp)!important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .slider-collection .sp-arrows{
    width: 150px;
    max-width: 90%;
    left: 31%;
    top: 90%;
  }

  .content-slider-gamme .infos-text > div.infos p{
    padding-right: 0px!important;
  }
}

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

  #entete-hauteur .row-width h1:after{
    font-size: 60px;
    line-height: 60px;
  }

  .content-slider-home .img-home{
    padding-left: 50px;
    padding-right: 50px;
  }

  .content-slider-gamme .infos-text > div.infos p{
    max-height: 100px;
  }

  .slider-collection .sp-arrows{
    width: 400px;
    max-width: 90%;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    margin-top: -200px;
    top: 50%;
  }

  .section-intro-collections .row-width.row-width-cepages > div{
    flex-basis: 49%;
  }

  .section-intro-collections .row-width.row-width-cepages > div:nth-child(3n){
    margin-right: 2%;
  }

  .section-intro-collections .row-width.row-width-cepages > div:nth-child(2n){
    margin-right: 0;
  }

  .slider-collection .content-vin-collection{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .slider-collection .content-vin-collection .visuel-vin img{
    max-width: none;
    width: auto;
    height: 300px;
  }

  .slider-collection .content-vin-collection .details-vin{
    text-align: center;
    padding: 0px!important;
  }

  .slider-collection .content-vin-collection .details-vin h3,
  .slider-collection .content-vin-collection .details-vin p{
    text-align: center!important;
    width: 100%;
  }

  .slider-collection .content-vin-collection .details-vin .bt-boutique{
    display: block;
    margin: auto;
  }

  .slider-collection .content-vin-collection .details-vin .link-gamme{
    width: 100%;
    text-align: center;
    max-width: 90%;
  }

  .bloc-citation-fondatrice h2{
    font-size: 20px;
    line-height: 30px;
  }

  .filter-emplois{
    flex-wrap: wrap;
    margin-bottom: 90px;
  }

  .filter-emplois .link-emplois-filter{
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .filter-emplois .link-emplois-filter:last-child{
    margin-bottom: 0;
  }

  .row-width.row-width-fondatrice-full  {
    padding-top: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
  }

  .infos-emploi > div{
    /* margin-left: 0px;
    margin-right: 0px; */
    margin-bottom: 20px;
    flex-direction: column;
    text-align: center;
  }

  .infos-emploi > div:before{
    margin-right: 0px;
    margin-bottom: 8px;
  }

  .form-site > div.files{
    flex-wrap: wrap;
  }

  .form-site > div.files label{
    flex-basis: 100%;
    margin-bottom: 30px;
  }

  #footer-global .row-width .column-logo-footer {
    flex-basis: 100%;
    order: 1;
    margin-right: 0;
  }

  #footer-global .row-width .column-newsletter-footer {
    flex-basis: 80%;
    order: 4;
    margin-right: 0!important;
    margin-top: 60px;
    margin-bottom: 0;
    align-self: center;
  }

  #footer-global .row-width .column-links-footer-1{
    flex-basis: 48%;
    order: 2;
    margin-right: 4%;
    margin-top: 30px;
    margin-bottom: 0px!important;
  }

  #footer-global .row-width .column-links-footer-2{
    flex-basis: 48%;
    order: 3;
    margin-right: 0;
    margin-top: 30px;
  }

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

  #actu-home{
    padding-top: 30px!important;
  }

  .content-collections .liste-collections > a{
    flex-basis: 47%;
    display: none;
  }

  .content-collections .liste-collections > a.actif{
    display: flex;
  }

  .content-collections .filter-collections{
    margin-bottom: 20px;
    flex-wrap: wrap;
  }

  .content-collections .filter-collections .link-collections-filter{
    flex-basis: 97%;
    margin-bottom: 10px;
    margin-left: 1.5%;
    margin-right: 1.5%;
  }

  .section-text-general,
  #intro-home,
    #intro-page-fiche {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
  }

  .row-width {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }

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

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

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

  .row-adn .column-adn-images .img-bouteille .et_pb_image_wrap,
  .row-adn .column-adn-images .img-visuel .et_pb_image_wrap{
    width: 100%;
    height: 100%;
  }

  .row-adn .column-adn-images .img-visuel{
    margin-top: 50px;
    margin-left: 0;
    margin-right: 0;
    flex-basis: 100%;
  }

  .content-slider-home{
    width: 100%;
    height: calc(100vh - 90px);
    max-height: 100%;
    justify-content: center;
  }

  .content-slider-home .focus-home{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .content-slider-home .focus-home .focus{
    height: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px;
    position: relative;
  }

  .content-slider-home .focus-home .focus:first-child:after{
    content: "";
    width: 50%;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.7;
  }

  .content-slider-home .focus-home .focus > div{
    flex-basis: 100%;
  }

  .content-slider-home .focus-home .focus img{
    max-height: 40%;
    margin-bottom: 15px;
  }

  #entete-hauteur .slider-basique.home .et_pb_slides .et_pb_slide .et_pb_slide_description{
    padding: 0!important;
    height: 100%!important;
  }

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

  #section-head .et_mobile_menu > li:nth-child(2) .sub-menu li a{
    font-size: 18px;
    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(350px - var(--height-header-resp));
  }

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

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

  .section-text-general.section-intro-collections{
    padding-top: 0px!important;
  }

  .section-intro-collections{
    padding-bottom: 0px!important;
  }

  .content-slider-gamme .infos-text > div.infos-supl div{
    flex-basis: 100%!important;
    border: 1px solid #FFFFFF!important;
  }

}

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

  .labels-content-pages > div.label{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
  }

  .labels-content-pages{
    flex-wrap: wrap;
    justify-content: center;
  }

  .bloc-citation-fondatrice h4 a{
    flex-direction: column;
  }

  .bloc-citation-fondatrice h4 a:after{
    margin-right: 0px;
    margin-top: 10px;
  }

  #section-contact .row-width{
    padding-bottom: 0!important;
  }

  .bloc-carte .fluid-width-video-wrapper{
    padding-top: 30vh!important;
  }

  #section-contact .row-width .column-form {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }

  #section-contact .row-width{
    max-width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
  }

  .blog-content > a.content-actu .img-actu{
    height: 240px!important;
  }

  .blog-content > a.content-actu .content-infos-actu .text-actu,
  .blog-content.slider-pro .sp-slide > a.content-actu .content-infos-actu .text-actu{
    display: none;
  }

  #mc-embedded-subscribe-form #mc_embed_signup_scroll .email input{
    border: 1px solid #FFFFFF!important;
    padding-left: 12px;
    border-radius: 5px!important;
  }

  #mc-embedded-subscribe-form #mc_embed_signup_scroll .email,
  #mc-embedded-subscribe-form #mc_embed_signup_scroll .submit-bt{
    flex-basis: 100%;
  }

  #mc-embedded-subscribe-form #mc_embed_signup_scroll .submit-bt{
    margin-top: 10px;
  }

  #mc-embedded-subscribe-form #mc_embed_signup_scroll .submit-bt input{
    border-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
  }

  #footer-global .row-width .column-logo-footer{
    margin-bottom: 0px;
  }

  #footer-global .row-width .column-newsletter-footer {
    flex-basis: 100%;
  }

  #footer-global .row-width .column-links-footer-1{
    flex-basis: 100%;
    margin-right: 0;
  }

  #footer-global .row-width .column-links-footer-2{
    flex-basis: 100%;
  }

  .content-medias .liste-medias > div img{
    max-width: 95%;
  }

  .content-collections .filter-collections .link-collections-filter {
    font-size: 16px;
    line-height: 20px;
  }

  #section-chiffres-cles .column-chiffres-cles .home-cles{
    flex-basis: 100%!important;
    margin-right: 0px!important;
    margin-bottom: 25px!important;
  }

  #section-chiffres-cles .column-chiffres-cles .home-cles:last-child{
    margin-bottom: 0!important;
  }

  .bloc-general-texte h1,
  .bloc-general-texte h2{
    font-size: 32px;
    line-height: 32px;
    padding-top: 50px;
  }

  .bloc-general-texte h3{
    font-size: 30px;
    line-height: 30px;
  }

  .bloc-general-texte h2:before{
    height: 40px;
  }

  .bloc-general-texte p,
  .bloc-general-texte ul {
    font-size: 15px;
    line-height: 25px;
  }

  .content-slider-home .focus-home .focus strong{
    font-size: 28px;
    line-height: 38px;
    margin-top: 3px;
  }

  #section-head .et_mobile_menu > li > a{
    font-size: 18px;
    line-height: 26px;
  }

  #section-head .et_mobile_menu > li:nth-child(2) .sub-menu li a {
    font-size: 16px;
    line-height: 22px;
}

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

@media screen and (max-height: 800px) {
  .row-width-fondatrice-full{
    margin-top: -50px;
  }

}


html body #tarteaucitronRoot.tarteaucitronBeforeVisible{
  z-index: 99999;
  &:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
  }
  #tarteaucitronAlertBig {
    display: flex !important;
    flex-direction: column;
    #tarteaucitronPersonalize, #tarteaucitronPersonalize2,.tarteaucitronCTAButton,.tarteaucitronAllow {
      font-size: 18px !important;
      height: 40px !important;
      border-radius: 10px !important;
      border: 1px solid #F1F0F2;
    }
    button#tarteaucitronPrivacyUrl{
      color: #ADADAD !important;
      text-decoration: underline;
      padding-top: 10px;
      order: 4;
      background: none;
      font-weight: 400;
      font-size: 12px !important;
      margin-top: 5px;
      width: auto;
    }
    #tarteaucitronCloseCross{
      font-size: 1rem !important;
      right: 6px !important;
    }
  }
}

#tarteaucitronPersonalize2 {
  order: 1;
  border-color: transparent;
}

#tarteaucitronPersonalize2:hover {
  opacity: 0.8;
}

#tarteaucitronCloseAlert {
  order: 2;
}

#tarteaucitronAllDenied2 {
  order: 3;
  border-color: #d9dce0;
}

#tarteaucitronPrivacyUrl {

}

#tarteaucitronPrivacyUrl:hover {
  opacity: 0.8;
}

#tarteaucitronRoot button#tarteaucitronCloseAlert {
  font-size: 18px !important;
  height: 40px !important;
  border-radius: 10px !important;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
  font-size: 17px !important;
  font-weight: 500 !important;
  margin-top: 20px !important;
}

#tarteaucitronRoot div#tarteaucitronAlertBig:before{
  font-size: 26px !important;
  font-weight: 700 !important;
  padding-top: 20px !important;
}

html body #tarteaucitronRoot div#tarteaucitronAlertBig{
  max-width: 285px !important;
  @media screen and (max-width: 980px){
    max-width: 100% !important;
  }
}

@media screen and (max-width: 600px) {
  #tarteaucitronAlertBig {
    width: 85%;
    padding: 20px 15px;
  }

  #tarteaucitronAlertBig:before {
    font-size: 24px;
  }

  #tarteaucitronDisclaimerAlert {
    font-size: 16px;
  }
}