/*
 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");

/* Déclarations des FONTS */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
  font-family: 'RotisSemiSerif-Bold';
  src: url('fonts/RotisSemiSerif-Bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/RotisSemiSerif-Bold.woff') format('woff'),
  url('fonts/RotisSemiSerif-Bold.ttf')  format('truetype'),
  url('fonts/RotisSemiSerif-Bold.svg#RotisSemiSerif-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FontFroide2Accent';
  src: url('fonts/Fontfroide2accent.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.cli-bar-btn_container > a{
  margin-left: 0!important;
  margin-right: 0!important;
  width: 100%!important;
}

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

/* END déclarations des FONTS */

/* Fix admin bar z-index */

#wpadminbar {
  z-index: 99999999;
}

.pum-overlay{
  background-color: rgba(0,0,0,0.8)!important;
}

.pum-container .pum-content+.pum-close{
  background-color: #000000!important;
  color: #FFFFFF!important;
  font-size: 42px!important;
}

.logo-popup{
  background-color: #224B80!important;
  text-align: center!important;
  padding: 20px!important;
}

.logo-popup .et_pb_image_wrap {
  text-align: center!important;
  width: 100%!important;
}

/* Header */

#main-header{
  width: 100%!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
  height: 120px!important;
  position: fixed!important;
  top: 0!important;
  left: 0!important;
  background: none!important;
  box-shadow: none!important;
  z-index: 9999999!important;
  transition: all 0.3s ease!important;
}

/* Charte 2024 : change menu stick bg */
#main-header.et-fixed-header{
  background: white !important;
  height: 90px!important;
}
/* End change meny stick bg */

/* Charte 2024 : Change logo color when not fixed menu */
#main-header:not(.et-fixed-header) #logo {
/*  filter: invert(1);*/
}

.single.single-post #main-header:not(.et-fixed-header) #logo {
     filter: invert(1); 
}

/* End change logo color */

.et_pb_fullscreen_menu_active #main-header #logo{
  filter: brightness(0.1);
}

.et_pb_fullscreen_menu_active #main-header #flags.size24 a,
.et_pb_fullscreen_menu_active #main-header .mobile_menu_bar:before,
.et_pb_fullscreen_menu_active #main-header #flags:before{
  color: #333!important;
}

.et_pb_fullscreen_menu_active #main-header .mobile_menu_bar span{
  background-color: #333;
}

.et_pb_fullscreen_menu_active #main-header.et-fixed-header{
  background: none!important;
  box-shadow: none!important;
}

#main-header .container.et_menu_container{
  width: 100%!important;
  max-width: 100%!important;
  height: 100%!important;
}

/* END Header */

/* Menu */

.et_header_style_fullscreen .mobile_menu_bar {
  position: absolute!important;
  top: 50%!important;
  right: 0!important;
  padding: 0px!important;
  width: 45px!important;
  height: auto!important;
  transform: translateY(-50%);
  padding-top: 25px!important;
}

.mobile_menu_bar:before{
  content: "MENU";
  font-family: 'FontFroide2Accent'!important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 17px;
}

.mobile_menu_bar span{
  width: 100%;
  height: 3px;
  margin-bottom: 7px;
  background-color: #FFF;
  display: block;
  transition: all 0.3s ease;
  border-radius: 3px;
}

.mobile_menu_bar span:last-child{
  width: 70%;
  margin-bottom: 0;
  margin-left: auto;
}

.mobile_menu_bar:hover span:last-child{
  width: 100%;
}

/* Charte 2024 : burger icon color on sticky */

.et-fixed-header .mobile_menu_bar:before {
  color: #000;
}

.et-fixed-header .mobile_menu_bar span {
   background-color: #000;
}


/* End burger menu icon color */

.et_pb_fullscreen_menu_active .mobile_menu_bar span:first-child {
  transform: rotate(27deg);
  transform-origin: left center;
  margin-left: 5px;
}

.et_pb_fullscreen_menu_active .mobile_menu_bar span:nth-child(2),
.et_pb_fullscreen_menu_active .mobile_menu_bar:hover span:nth-child(2) {
  width: 0;
}

.et_pb_fullscreen_menu_active .mobile_menu_bar span:last-child {
  transform: rotate(-27deg);
  transform-origin: left center;
  margin-left: 5px;
  width: 100%;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu{
  display: none!important;
}

.et_header_style_fullscreen .et_slide_in_menu_container{
  height: 100vh;
  top: 0;
  padding-top: 120px!important;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background-color: #FFFFFF!important;
  background-image: url("/wp-content/uploads/2024/01/PATTERN-SITE.png")!important;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0!important;
  visibility: hidden!important;
}

.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened{
  opacity: 1!important;
  visibility: visible!important;
}

.content-menu-desktop{
  display: flex;
  width: 1440px!important;
  flex-wrap: wrap;
  max-width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  margin: auto;
  position: absolute;
  top: calc(50% + 60px);
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.et_header_style_fullscreen ul#mobile_menu_slide{
  flex-basis: 45%;
  padding-right: 2%;
  display: flex!important;
  flex-wrap: wrap;
  padding-top: 0px;
  padding-bottom: 0px;
}

.link-menu-principal>a{
  cursor: pointer;
}

@media screen and (min-width: 981px) {

  .link-menu-principal > ul.sub-menu{
    display: none!important;
  }

  .home .sp-image {
    max-height: 100vh !important;
    object-fit: cover;
}

}

.et_header_style_fullscreen ul#mobile_menu_slide > li{
  flex-basis: 100%;
  text-align: left;
}

.et_header_style_fullscreen ul#mobile_menu_slide > li > a{
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 55px;
  opacity: 1!important;
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
}

.et_header_style_fullscreen ul#mobile_menu_slide > li > a:hover,
.et_header_style_fullscreen ul#mobile_menu_slide > li.current-menu-item > a,
.et_header_style_fullscreen ul#mobile_menu_slide > li.current-menu-parent > a,
.et_header_style_fullscreen ul#mobile_menu_slide > li.opened > a,
.et_header_style_fullscreen ul#mobile_menu_slide > li.opened > a > .et_mobile_menu_arrow:before{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  color: #8c99be!important;
  opacity: 1!important;
}

.et_header_style_fullscreen ul#mobile_menu_slide > li:last-child > a{
  margin-bottom: 0;
}

.et_header_style_fullscreen .et_slide_in_menu_container li.link-menu-principal.menu-item-has-children>a{
  padding-right: 40px!important;
}

.et_header_style_fullscreen .et_slide_in_menu_container li.link-menu-principal.menu-item-has-children>a span.et_mobile_menu_arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)!important;
  opacity: 1!important;
  color: #333!important;
}

.et_header_style_fullscreen .et_slide_in_menu_container li.link-menu-principal.menu-item-has-children>a span.et_mobile_menu_arrow:before {
  content: "\45"!important;
  margin-left: 10px;
  font-size: inherit!important;
  width: 20px;
  transition: all 0.3s ease;
  opacity: 0.2;
  color: #333!important;
}

.content-sub-menu{
  flex-basis: 35%;
  transition: all 0.3s ease;
  padding-top: 10px;
  padding-left: 60px;
  padding-right: 40px;
  border-left: 2px solid #685233;
}

.content-sub-menu.closed{
  opacity: 0;
  visibility: hidden;
}

.content-sub-menu li ul.sub-menu{
  display: none;
}

.content-sub-menu > li.menu-item > a{
  cursor: pointer;
  color: #333;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 10px;
  margin-top: 30px;
  display: block;
  opacity: 1!important;
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
  transition: all 0.3s ease;
}

.content-sub-menu > li.menu-item:first-child > a{
  margin-top: 20px;
}

.et_header_style_fullscreen .et_slide_in_menu_container .content-sub-menu li.menu-item-has-children a span.et_mobile_menu_arrow:before {
  content: "\33"!important;
  margin-left: 10px;
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
}

.content-sub-menu li > a:hover,
.content-sub-menu li.opened > a,
.content-sub-menu li.current-menu-item > a,
.content-sub-menu li.current-menu-parent > a{
  color: #8c99be;
}

.content-sub-menu li.menu-item-has-children > .sub-menu {
  padding-bottom: 0;
}

.content-sub-menu li.menu-item-has-children > .sub-menu li {
  margin-bottom: 5px;
}

.content-sub-menu li.menu-item-has-children > .sub-menu li > a{
  font-size: 20px;
  line-height: 24px;
  color: #646464;
  padding-left: 40px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  max-width: 90%;
}

.content-sub-menu li.menu-item-has-children > .sub-menu li > a:before{
  content: "\45"!important;
  margin-left: 10px;
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  left: 0;
  top: 5px;
  opacity: 0;
  color: #FFFFFF;
}

.content-sub-menu li.menu-item-has-children > .sub-menu li > a:hover,
.content-sub-menu li.menu-item-has-children > .sub-menu li.current_page_item > a{
  color: #FFFFFF;
  background-color: #8c99be;
}

.content-sub-menu li.menu-item-has-children > .sub-menu li > a:hover:before,
.content-sub-menu li.menu-item-has-children > .sub-menu li.current_page_item > a:before{
  opacity: 1;
}

.content-menu-image{
  flex-basis: 20%;
  height: 330px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  align-self: center;
}

.content-menu-image.opened{
  opacity: 1;
  visibility: visible;
  background: #efefef;
}

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

.content-rs-header{
  margin-top: 10px;
  flex-basis: 100%;
}

.content-rs-header h3{
  color: #333;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 22px;
  font-weight: bold;
  padding-bottom: 16px;
  margin-top: 40px;
}

.rs-header{
  display: flex;
}

.content-rs-header a{
  margin-right: 12px;
  display: block;
  font-size: 28px!important;
  line-height: 28px!important;
  transition: all 0.3s ease;
  color: #333;
}

.content-rs-header a:hover{
  color: #8c99be;
}

.content-rs-header a:before{
  content: "";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
}

.content-rs-header a.facebook:before{
  content: "\e093";
}

.content-rs-header a.twitter:before{
  content: "\e094";
}

.content-rs-header a.instagram:before{
  content: "\e09a";
}

.content-rs-header a.youtube:before{
  content: "\e0a3";
}


/* END Menu */


/* Section intégrables client */

.section-integrable{
  padding-top: 40px!important;
  padding-bottom: 40px!important;
}

.et_builder_inner_content .section-integrable:nth-child(2){
  padding-top: 80px!important;
}

.et_builder_inner_content .section-integrable:last-child{
  padding-bottom: 80px!important;
}

.section-integrable-entete{
  padding-top: 120px!important;
  height: 380px;
  background-color: #CCC;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.section-integrable-entete:before{
  content: "";
  background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.3));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-integrable-entete h1{
  text-align: center;
  font-family: 'FontFroide2Accent';
  color: #FFFFFF;
  font-size: 50px;
  line-height: 52px;
  text-shadow: 0px 0px 20px rgba(0,0,0,0.7);
}

.section-integrable .bloc-general-texte p img.alignright{
  margin-left: 15px;
  margin-bottom: 15px;
  width: 320px;
  max-width: 35%;
}

.section-integrable .bloc-general-texte p img.alignleft{
  margin-right: 15px;
  margin-bottom: 15px;
  width: auto;
  max-width: 35%;
}

.section-integrable .bloc-general-texte p>a {
  font-weight: bold;
  text-decoration: underline;
}

.bloc-image-integrable{
  background-color: #efefef;
  width: 100%;
  height: 100%;
}

.bloc-image-integrable span{
  width: 100%;
  height: 100%;
}

.bloc-image-integrable span img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.col-2-images .bloc-image-integrable{
  height: 48%;
}

.col-2-images .bloc-image-integrable:first-child{
  margin-bottom: 4%!important;
}

.galerie-insta .rl-gallery{
  display: flex;
  margin-top: 20px!important;
}

.galerie-insta .rl-gallery .rl-gallery-item{
  width: auto!important;
  flex-basis: 16.666666%;
  height: 280px;
  margin-left: 0!important;
  margin-top: 0!important;
  margin-bottom: 0!important;
  margin-right: 0!important;
}

.galerie-insta .rl-gallery .rl-gallery-item a{
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.galerie-insta .rl-gallery .rl-gallery-item a img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.galerie-insta .rl-gallery .rl-gallery-item a:before {
  content: " ";
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 20px;
  left: 20px;
  background-color: rgba(0,0,0,0.7);
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 2;
}

.galerie-insta .rl-gallery .rl-gallery-item a:hover:before {
  opacity: 1;
}

.bloc-galerie .rl-gallery{
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px!important;
}

.bloc-galerie .rl-gallery .rl-gallery-item{
  width: auto!important;
  flex-basis: 32%;
  height: 270px;
  margin-left: 0!important;
  margin-top: 0!important;
  margin-bottom: 0!important;
  margin-right: 2%!important;
  display: none;
}

.bloc-galerie .rl-gallery .rl-gallery-item:nth-child(1){
  display: block;
}

.bloc-galerie .rl-gallery .rl-gallery-item:nth-child(2){
  display: block;
}

.bloc-galerie .rl-gallery .rl-gallery-item:nth-child(3){
  display: block;
  margin-right: 0!important;
}

.bloc-galerie .rl-gallery .rl-gallery-item .gallery-icon{
  width: 100%;
  height: 100%;
}

.bloc-galerie .rl-gallery .rl-gallery-item a{
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.bloc-galerie .rl-gallery .rl-gallery-item a:before{
  content: "\54";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 20px;
  left: 20px;
  background-color: rgba(0,0,0,0.7);
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  line-height: 35px;
  color: #FFFFFF;
}

.bloc-galerie .rl-gallery .rl-gallery-item a:hover:before{
  opacity: 1;
}

.bloc-galerie .rl-gallery .rl-gallery-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 0px!important;
}

.link-photo{
  cursor: pointer;
  width: 260px;
  max-width: 100%;
  color: #FFFFFF;
  background-color: #224B80;
  border: 1px solid #224B80;
  border-radius: 8px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  margin: auto;
  margin-top: 40px;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
}

.link-photo:hover{
  color: #224B80;
  background-color: #FFFFFF;
}

.tos-wrapper.tos-fixed {
  background-color: #0d0d0d!important;
  z-index: 9999999!important;
}

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

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

.tos-wrapper.tos-has-thumbnails .tos-pagination {
  height: 120px;
}

.focus-integrable-3,
.focus-integrable-4{
  width: 100%;
  height: calc(100% - 60px);
  padding: 40px;
  background-color: #0d0d0d;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px!important;
}

.focus-integrable-3 .et_pb_text_inner,
.focus-integrable-4 .et_pb_text_inner{
  width: 100%;
}

.focus-integrable-3:before,
.focus-integrable-4:before{
  content: " ";
  left: 15px;
  top: 15px;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  border: 1px solid #38394e;
  position: absolute;
}

.focus-integrable-3 h3,
.focus-integrable-4 h3{
  color: #8c99be;
  text-align: center;
  font-weight: bold;
  font-size: 38px;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.focus-integrable-3 p,
.focus-integrable-4 p{
  color: #8c99be;
  font-size: 15px;
  line-height: 20px;
}

.focus-integrable-4 p{
  text-align: center;
}

.focus-integrable-3 ul,
.focus-integrable-4 ul{
  color: #c3a476;
  font-size: 15px;
  line-height: 20px;
}

.focus-integrable-4 h4{
  font-size: 30px;
  line-height: 30px;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}



/**/

/* Déclarations générales */

body{
  font-family: 'Poppins', sans-serif;
}

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

.home #page-container{
  padding-top: 0!important;
}

.section-width-full{
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.section-width{
  padding-top: 120px!important;
  padding-bottom: 120px!important;
}

.section-width-first{
  padding-top: 120px!important;
  padding-bottom: 120px!important;
}

.row-width{
  width: 1440px;
  max-width: 100%;
  padding-left: 60px!important;
  padding-right: 60px!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
  z-index: 10;
}

.row-width-full{
  width: 100%;
  max-width: 100%;
  padding-left: 0!important;
  padding-right: 0!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.row-width-interne{
  padding-top: 60px!important;
  padding-bottom: 60px!important;
}

.bloc-general-texte{

}

.bloc-general-texte h2{
  position: relative;
  font-family: 'FontFroide2Accent';
  font-size: 58px;
  line-height: 60px;
  color: #333333;
  text-transform: uppercase;
  padding-bottom: 0px;
  padding-top: 30px;
  margin-bottom: 45px;
  transition: all 0.3s ease;
}

.bloc-general-texte h2:before{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 80%;
  height: 0.5pt;
  background-color: #224B80;
  max-width: 149px;
}

.bloc-general-texte h3{
  font-size: 38px;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #333333;
  font-family: 'FontFroide2Accent';
  text-transform: uppercase;
}

.bloc-general-texte p, .bloc-general-texte td{
  font-size: 20px;
  line-height: 26px;
  color: #333333;
}

.bloc-general-texte th{
  background: #224B80;
  color: #fff !important;
  font-size: 20px;
  line-height: 26px;
}

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

.bloc-general-texte ul a{
  color: #333333;
  text-decoration: underline;
}

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

.bloc-general-texte ul li{
  position: relative;
  padding-left: 20px;
  font-size: 20px;
  line-height: 26px;
}

.bloc-general-texte ul li:before{
  content: " ";
  width: 6px;
  height: 6px;
  position: absolute;
  background-color: #224B80;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 50%;
}

.juiz_sps_links .juiz_sps_item:before{
  display: none;
}

/* END Déclarations générales */

/* PLUGIN RGPD */

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content{
  background-color: #0c0c0c!important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt{
  display: none!important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.logo-position-left .moove-gdpr-company-logo-holder{
  text-align: center!important;
}

/* END PLUGIN RGPD */

/* LANG container */

.link-tel{
  position: absolute;
  right: 130px;
  width: 45px;
  height: 45px;
  background: #FFF;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.link-tel:before{
  content: "\e090"!important;
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  font-size: 22px;
  line-height: 22px;
  color: #333;
  display: block;
}

.lang-container{
  display: block;
  z-index: 999;
  width: 41px;
  height: 30px;
  transition: all 0.3s ease;
  position: absolute;
  margin-right: 30px;
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
}

#flags{
  width: 50px!important;
  position: absolute;
  top: -2px;
  background: none;
  transition: all 0.3s ease;
  padding: 0;
  border: 0px;
  height: 30px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 5px;
}

.lang-container.open #flags{
  height: 150px;
  background-color: #fff;
  border-radius: 3px;
}

/* Charte 2024 : lang menu bg */
.et-fixed-header .lang-container.open #flags {
    background-color: #fff;
}
/* End lang menu bg */

#flags ul{
  display: flex;
  flex-direction: column;
  width: 100%;
}

#flags li{
  order: 2;
  padding-right: 10px!important;
  transition: all 0.3s ease;
}

#flags li.current{
  order: 1;
}

#flags:before{
  content: "\43";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #FFFFFF;
  font-size: 15px;
}

.lang-container.open #flags:before{
  content: "\42";
}

#flags.size24 a {
  background: none!important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  padding-left: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  height: 22px!important;
  cursor: pointer;
}

.lang-container.open #flags.size24 a {
  color: #000;
}

/* Charte 2024 : langue menu on sticky */

.et-fixed-header #flags:before {
  color: #000;
}

.et-fixed-header .lang-container #flags a {
  color: #000;
}

/* End langue menu */

#flags.size24 li.current a{
  cursor: none;
  pointer-events: none;
}

#flags.size24 a[title="French"]:before{
  content: "FR";
  display: block;
}

#flags.size24 a[title="English"]:before{
  content: "EN";
  display: block;
}

#flags.size24 a[title="Italian"]:before{
  content: "IT";
  display: block;
}

#flags.size24 a[title="German"]:before{
  content: "DE";
  display: block;
}

#flags.size24 a[title="Spanish"]:before{
  content: "ES";
  display: block;
}

/* END LANG container */

/* Page HOME */

#section-entete-home{
/*  height: 100vh;*/
  background-color: #0c0c0c;
}

.slider-home .sp-slide:before{
  content: " ";
  width: 100%;
  height: 50%;
  background: linear-gradient(to top, rgba(0,0,0,0.2),rgba(0,0,0,0.5));
  z-index: 4;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.slider-home .sp-slide:after{
  content: " ";
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.2),rgba(0,0,0,0.5));
  z-index: 4;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.content-cover-video {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  position: absolute;
  display: block;
}

.content-cover-video img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-video {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  position: absolute;
  transition: all 0.3s ease;
  background-color: #CCCCCC;
  display: none;
}

.content-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text-layer-video{
  position: absolute;
  z-index: 10;
  width: 1440px;
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-left: 15%;
  bottom: 20%;
}

.text-layer-video h1{
  color: #FFFFFF;
  text-shadow: 0px 0px 30px rgba(0,0,0,0.6);
}

.text-layer-video h1>span{
  display: block;
}

.text-layer-video h1>span:first-child{
  font-family: 'FontFroide2Accent'!important;
  text-transform: uppercase;
  font-size: 95px;
  line-height: 95px;
  position: relative;
  padding-bottom: 40px;
}

.text-layer-video h1>span:first-child:after{
  content: url("https://www.fontfroide.com/wp-content/uploads/2020/04/fontfroide-habbilage-gros-titre-blanc.png");
  position: absolute;
  left: 0;
  bottom: 0;
}

.text-layer-video h1>span:first-child>span{
  font-size: 35px;
  line-height: 35px;
}

.text-layer-video h1>span:last-child{
  padding-top: 25px;
  font-size: 50px;
  line-height: 50px;
}

.text-layer-video .link-video{
  cursor: pointer;
  padding: 20px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 30px;
  padding-right: 95px;
  font-size: 24px;
  line-height: 24px;
  border-radius: 15px;
  margin-top: 40px;
  position: relative;
  transition: all 0.3s ease;
}

.text-layer-video .link-video:after{
  content: "\49";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  right: 25px;
  font-size: 40px;
  line-height: 40px;
  top: 50%;
  transform: translateY(-50%);
}

.text-layer-video .link-video.paused:after{
  content: "\5f";
}

.text-layer-video .link-video:hover{
  background-color: #FFFFFF;
  color: #0d0d0d;
}

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

.focus-home .content-focus{
  flex-basis: 350px;
  margin-right: 2%;
  height: 350px;
  position: relative;
  padding: 5px;
  overflow: hidden;
  display: block;
}

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

.focus-home .content-focus:before{
  content: " ";
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0;
  left: 0;
  background-color: #333333;
  transform: translateX(-100%) translateY(-100%) rotate(45deg);
  transition: all 0.3s ease;
  z-index: 5;
}

.focus-home .content-focus:hover:before{
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.focus-home .content-focus:after{
  content: " ";
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 20px;
  left: 20px;
  background-color: rgba(0,0,0,0.7);
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 2;
}

.focus-home .content-focus:hover:after{
  opacity: 1;
}

.focus-home .content-focus .image{
  width: 100%;
  height: 100%;
  background: #efefef;
}

.focus-home .content-focus .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.focus-home .content-focus .bouton{
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #333333;
  color: #FFFFFF;
  border-radius: 10px;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  text-align: center;
  z-index: 3;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  width: 280px;
  max-width: 90%;
}

/*.focus-home .content-focus.focus-infos-pratiques:before{
  background-color: #224B80;
}

.focus-home .content-focus.focus-infos-pratiques .bouton{
  background-color: #224B80;
}

.focus-home .content-focus.focus-tarifs-visites:before{
  background-color: #224B80;
}

.focus-home .content-focus.focus-tarifs-visites .bouton{
  background-color: #224B80;
}

.focus-home .content-focus.focus-reservez-billet:before{
  background-color: #224B80;
}

.focus-home .content-focus.focus-reservez-billet .bouton{
  background-color: #224B80;
}

.focus-home .content-focus.focus-gustave:before{
  background-color: #224B80;
}

.focus-home .content-focus.focus-gustave .bouton{
  background-color: #224B80;
}

.focus-home .content-focus.focus-asso-amis:before{
  background-color: #224B80;
}

.focus-home .content-focus.focus-asso-amis .bouton{
  background-color: #224B80;
}

.focus-home .content-focus.focus-mecenat:before{
  background-color: #224B80;
}

.focus-home .content-focus.focus-mecenat .bouton{
  background-color: #224B80;
}*/

.focus-home .content-focus:before{
  background-color: #224B80;
}

.focus-home .content-focus .bouton{
  background-color: #224B80;
}

.focus-home .content-focus:hover .bouton{
  bottom: 50%;
  transform: translateX(-50%) translateY(50%);
  background-color: transparent!important;
  border: 1px solid #FFFFFF;
}

.bloc-newsletter{
  width: 100%;
  position: relative;
}

.bloc-newsletter .titre-newsletter{
  font-family: 'FontFroide2Accent';
  text-transform: uppercase;
  font-size: 130px;
  line-height: 130px;
  /*color: rgba(255,255,255,0.1);*/
  color: rgba(255,255,255,1);
}

.bloc-newsletter .texte-newsletter{
  display: flex;
  position: absolute;
  bottom: 8px;
  right: 0;
  color: #FFFFFF;
  font-size: 24px;
  line-height: 24px;
  align-items: center;
}

.bloc-newsletter .link-newsletter{
  width: 370px;
  max-width: 100%;
  color: #FFFFFF;
  margin-left: auto;
  background-color: #224B80;
  border: 1px solid #224B80;
  border-radius: 8px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  margin-top: 0;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
  margin-left: 50px;
}

.bloc-newsletter .link-newsletter:hover{
  color: #224B80;
  background-color: #FFFFFF;
}

.row-width-focus-rv{
  width: 1200px!important;
  max-width: 100%!important;
  overflow: hidden;
}

.row-width-focus-rv .et_pb_column{
  /*min-height: 0px!important;*/
}

#section-focus-prestations .row-width-focus-rv:nth-child(2){
  padding: 5px!important;
  padding-bottom: 0px!important;
}

#section-focus-prestations .row-width-focus-rv:nth-child(3){
  padding: 5px!important;
  padding-top: 0px!important;
}

.bloc-texte-restaurant-home,
.bloc-texte-vins-home,
.bloc-texte-visite-formule{
  padding: 50px;
  text-align: center;
  border: 1px solid #c3a476;
  transition: all 0.3s ease;
  position: relative;
  z-index: 10;
}

.bloc-texte-restaurant-home:after,
.bloc-texte-visite-formule:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 50px 60px;
  border-color: transparent transparent transparent #224B80;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  opacity: 0;
  transition: all 0.3s ease;
}

.row-width-focus-rv:hover .bloc-texte-restaurant-home:after{
  transform: translateY(-50%) translateX(100%);
  opacity: 1;
}

.row-width-focus-rv:hover .bloc-texte-restaurant-home{
  background-color: #224B80;
  border: 1px solid #224B80;
}

.bloc-texte-vins-home:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 60px 50px 0;
  border-color: transparent #224B80 transparent transparent;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 0;
  transition: all 0.3s ease;
}

.row-width-focus-rv:hover .bloc-texte-vins-home:after{
  transform: translateY(-50%) translateX(-100%);
  opacity: 1;
}

.row-width-focus-rv:hover .bloc-texte-vins-home{
  background-color: #224B80;
  border: 1px solid #224B80;
}

.bloc-texte-restaurant-home h3,
.bloc-texte-vins-home h3{
  font-size: 45px;
  line-height: 45px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
  text-transform: uppercase;
  width: 300px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.3s ease;
}

.row-width-focus-rv:hover .bloc-texte-restaurant-home h3,
.row-width-focus-rv:hover .bloc-texte-vins-home h3{
  color: #FFFFFF;
}

.bloc-texte-restaurant-home h3{
  width: 300px;
}

.bloc-texte-vins-home h3{
  width: 250px;
}

.bloc-texte-restaurant-home h3:before,
.bloc-texte-vins-home h3:before{
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 80%;
  height: 0.5pt;
  background-color: #224B80;
  max-width: 149px;
}

.bloc-texte-restaurant-home p,
.bloc-texte-vins-home p{
  font-size: 20px;
  line-height: 26px;
  color: #333;
  text-align: center;
  transition: all 0.3s ease;
}

.row-width-focus-rv:hover .bloc-texte-restaurant-home p,
.row-width-focus-rv:hover .bloc-texte-vins-home p{
  color: #FFFFFF;
}

.link-focus-vins,
.link-focus-restaurant{
  width: 370px;
  max-width: 100%;
  color: #FFFFFF;
  margin-left: auto;
  border-radius: 8px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
  margin: auto;
  margin-top: 50px;
}

.link-focus-restaurant{
  background-color: #224B80;
  border: 1px solid #224B80;
}

.link-focus-vins{
  background-color: #224B80;
  border: 1px solid #224B80;
}

.row-width-focus-rv:hover .bloc-texte-restaurant-home .link-focus-restaurant,
.row-width-focus-rv:hover .bloc-texte-vins-home .link-focus-vins{
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.row-width-focus-rv:hover .bloc-texte-restaurant-home .link-focus-restaurant{
  color: #8c99be;
}

.row-width-focus-rv:hover .bloc-texte-vins-home .link-focus-vins{
  color: #8c99be;
}

.link-focus-vins span,
.link-focus-restaurant span{
  font-weight: bold;
}

.bloc-images-focus-prestations{
  position: relative;
  background: #efefef;
  width: 100%;
  height: 100%;
}

.bloc-images-focus-prestations.bloc-images-focus-restaurant:before{
  content: " ";
  position: absolute;
  width: 160px;
  height: 160px;
  top: 0;
  right: 0;
  background-color: #224B80;
  transform: translateX(100%) translateY(-100%) rotate(45deg);
  transition: all 0.3s ease;
  z-index: 12;
}

.row-width-focus-rv:hover .bloc-images-focus-prestations.bloc-images-focus-restaurant:before{
  transform: translateX(55%) translateY(-55%) rotate(45deg);
}

.bloc-images-focus-prestations.bloc-images-focus-vins:before{
  content: " ";
  position: absolute;
  width: 160px;
  height: 160px;
  bottom: 0;
  left: 0;
  background-color: #224B80;
  transform: translateX(-100%) translateY(100%) rotate(45deg);
  transition: all 0.3s ease;
  z-index: 12;
}

.row-width-focus-rv:hover .bloc-images-focus-prestations.bloc-images-focus-vins:before{
  transform: translateX(-55%) translateY(55%) rotate(45deg);
}

.bloc-images-focus-prestations span{
  width: 100%;
  height: 100%;
}

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

#section-image-home{
  height: 600px;
  background-color: #efefef;
  padding-top: 0!important;
  padding-bottom: 0!important;
}

#section-image-home:before {
  content: " ";
  width: 100%;
  height: 50%;
  background: linear-gradient(to top, rgba(0,0,0,0.2),rgba(0,0,0,0.5));
  z-index: 4;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#section-image-home:after {
  content: " ";
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.2),rgba(0,0,0,0.5));
  z-index: 4;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

#section-image-home h2{
  color: #FFFFFF;
  font-family: 'FontFroide2Accent';
  font-size: 60px;
  line-height: 62px;
  margin-bottom: 0;
  text-shadow: 0px 0px 30px rgba(0,0,0,0.6);
  position: relative;
  z-index: 10;
}

#section-image-home h3{
  color: #FFFFFF;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-shadow: 0px 0px 30px rgba(0,0,0,0.6);
  position: relative;
  z-index: 10;
}

.bloc-texte-paralax-image{
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.row-evenements{
  padding-top: 120px!important;
  padding-left: 0px!important;
}

.focus-home-evenements{
  display: flex;
  justify-content: flex-start;
}

.focus-home-evenements .content-focus-evenements{
  flex-basis: 34%;
  margin-right: 2%;
  height: 450px;
  position: relative;
  padding: 5px;
  padding-bottom: 0px;
  overflow: hidden;
  display: block;
}

.focus-home-evenements .content-focus-evenements:last-child{
  margin-right: 0;
}

.focus-home-evenements .content-focus-evenements:before{
  content: " ";
  position: absolute;
  width: 150px;
  height: 150px;
  top: 0;
  left: 0;
  background-color: #8c99be;
  transform: translateX(-100%) translateY(-100%) rotate(45deg);
  transition: all 0.3s ease;
  z-index: 5;
}

.focus-home-evenements .content-focus-evenements:hover:before{
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.focus-home-evenements .content-focus-evenements .text-focus{
  content: " ";
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 20px;
  left: 20px;
  background-color: rgba(0,0,0,0.7);
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
}

.focus-home-evenements .content-focus-evenements .text-focus h3{
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 18px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-weight: bold;
}

.focus-home-evenements .content-focus-evenements .text-focus h3:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #FFFFFF;
}

.focus-home-evenements .content-focus-evenements .text-focus p{
  color: #FFFFFF;
  font-size: 14px;
  line-height: 16px;
}

.focus-home-evenements .content-focus-evenements:hover .text-focus{
  opacity: 1;
}

.focus-home-evenements .content-focus-evenements .image{
  width: 100%;
  height: 100%;
  background: #efefef;
}

.focus-home-evenements .content-focus-evenements .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.focus-home-evenements .content-focus-evenements .bouton{
  position: absolute;
  bottom: 0px;
  left: 5px;
  padding: 12px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: rgba(0,0,0,0.7);
  color: #FFFFFF;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  text-align: left;
  z-index: 3;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  max-width: 90%;
  font-weight: 500;
}

.focus-home-evenements .content-focus-evenements:hover .bouton{
  opacity: 0;
  transform: translateY(100%);
}

.row-evenements h2{
  margin-top: 60px!important;
}

.row-galerie h2{
  margin-top: 60px!important;
  width: 450px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px!important;
}

body #swipebox-overlay{
  z-index: 99999999!important;
}

.ri-grid ul li a{
  background-size: cover!important;
  width: 100%;
  height: 100%;
  display: block;
}

.ri-grid ul li a:after{
  content: " ";
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 20px;
  left: 20px;
  background-color: rgba(0,0,0,0.7);
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 2;
}

.ri-grid ul li a:hover:after{
  opacity: 1;
}

.bt-link-instagram{
  width: 370px;
  max-width: 100%;
  color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  margin-top: 80px;
  background-color: #c3a476;
  border: 1px solid #c3a476;
  border-radius: 8px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  margin-top: 40px;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
}

.bt-link-instagram span{
  font-weight: bold;
}

.bt-link-instagram:hover{
  color: #c3a476;
  background-color: #FFFFFF;
}

#section-contact-accueil h2{
  color: #FFFFFF;
}

#section-contact-accueil p{
  color: #FFFFFF;
}

#section-contact-accueil a.contact{
  width: 220px;
  max-width: 100%;
  color: #FFFFFF;
  background-color: #224B80;
  border: 1px solid #224B80;
  border-radius: 8px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  margin-top: 40px;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
}

#section-contact-accueil a.contact:hover{
  color: #224B80;
  background-color: #FFFFFF;
}

.bloc-infos-contact{
  width: 100%;
  height: 100%;
  border: 1px solid #8c99be;
  padding-top: 60px;
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
}

.bloc-infos-contact h3{
  text-align: center;
  font-family: 'FontFroide2Accent';
  font-size: 40px;
  line-height: 40px;
  color: #8c99be;
  text-transform: uppercase;
  margin-bottom: 45px;
  padding-bottom: 0px;
}

.bloc-infos-contact .content-infos-contact{
  display: flex;
  width: 100%;
  justify-content: center;
}

.bloc-infos-contact .content-infos-contact .tel{
  flex-basis: 33%;
  margin-left: 1%;
  margin-right: 1%;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.bloc-infos-contact .content-infos-contact .tel h4{
  color: #FFFFFF;
  font-size: 20px;
  line-height: 20px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.bloc-infos-contact .content-infos-contact .tel h4:before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #8c99be;
  width: 40px;
  height: .5pt;
}

.bloc-infos-contact .content-infos-contact .tel a.tel-resp-contact{
  display: none;
}

.bloc-infos-contact .content-infos-contact .tel a.tel-resp-contact:before{
  content: "\e090"!important;
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  color: #000;
  font-size: 30px;
  line-height: 30px;
  width: 80px;
  height: 80px;
  background-color: #FFFFFF;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bloc-infos-contact .content-infos-contact .tel a.tel-resp-contact:after{
  content: "Appeler";
  display: block;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
}

.bloc-infos-contact .content-infos-contact .tel div.tel-desktop{
  color: #272727;
  padding-left: 25px;
  font-size: 24px;
  line-height: 24px;
  text-align: left;
  font-weight: bold;
  position: relative;
  transition: all 0.3s ease;
  letter-spacing: -1px;
}

.bloc-infos-contact .content-infos-contact .tel:hover div.tel-desktop{
  color: #8c99be;
}

.bloc-infos-contact .content-infos-contact .tel div.tel-desktop:before{
  content: "\e090"!important;
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  left: 0;
  top: 0;
}

/* END Page HOME */

/* AGENDA */

.blog-agenda{
  display: flex;
}

.blog-agenda .content-actu:hover .img-actu:before{
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.blog-agenda .content-actu {
  position: relative;
  padding: 5px;
  overflow: hidden;
}

.blog-agenda .content-actu .img-actu{
  position: relative;
  background: #efefef;
}

.blog-agenda .content-actu .img-actu:before {
  content: " ";
  position: absolute;
  width: 145px;
  height: 165px;
  top: 0;
  left: 0;
  background-color: #333333;
  transform: translateX(-100%) translateY(-100%) rotate(45deg);
  transition: all 0.3s ease;
  z-index: 5;
  background-color: #8c99be;
}

/*.blog-agenda .content-actu.evenement .img-actu:before{
  background-color: #224B80;
}

.blog-agenda .content-actu.exposition .img-actu:before{
  background-color: #224B80;
}

.blog-agenda .content-actu.concert .img-actu:before{
  background-color: #224B80;
}*/



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

.blog-agenda .content-actu .cat-actu{
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-agenda .content-actu .cat-actu span{
  padding: 5px;
  font-size: 18px;
  line-height: 18px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #CCCCCC;
  border-radius: 5px;
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: #8c99be;
}

/*.blog-agenda .content-actu .cat-actu span.cat-evenement{
  background-color: #224B80;
}

.blog-agenda .content-actu .cat-actu span.cat-exposition{
  background-color: #224B80;
}

.blog-agenda .content-actu .cat-actu span.cat-concert{
  background-color: #224B80;
}*/

.blog-agenda .content-actu .title-actu{
  color: #333;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 20px;
  font-weight: bold;
}

.blog-agenda .content-actu .date-evenement{
  color: #333;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 20px;
}

.blog-agenda .content-actu .date-evenement span.titre{
  display: block;
}

.blog-agenda .content-actu .text-actu{
  color: #333333;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.none-actu{
  color: #FFFFFF;
  font-size: 22px;
  line-height: 26px;
  padding: 15px;
  background-color: #224B80;
  text-align: center;
  border-radius: 5px;
  margin-top: 25px;
}

.bt-link-agenda{
  width: 370px;
  max-width: 100%;
  color: #FFFFFF;
  margin-left: auto;
  background-color: #224B80;
  border: 1px solid #224B80;
  border-radius: 8px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  margin-top: 40px;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
}

.bt-link-agenda span{
  font-weight: bold;
}

.bt-link-agenda:hover{
  color: #8c99be;
  background-color: #FFFFFF;
}

/* Agenda HOME FOCUS */

.blog-agenda.home-focus .content-actu{
  flex-basis: 100%;
}

.blog-agenda.home-focus .content-actu .img-actu {
  height: 450px;
}

.blog-agenda.home-focus .content-actu .date-evenement{
  color: #333;
}

.blog-agenda.home-focus .content-actu .date-evenement span.titre{
  font-weight: 500;
}

.blog-agenda.home-focus .content-actu .bt-savoir-plus{
  color: #333333;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: underline;
  text-align: right;
  margin-top: 15px;
}

/* END Agenda HOME FOCUS */

/* Agenda HOME Liste */

.blog-agenda.blog-agenda.home-liste {
  flex-wrap: wrap;
}

.blog-agenda.home-liste .content-actu{
  flex-basis: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 35px;
}

.blog-agenda.home-liste .content-actu .img-actu {
  flex-basis: 40%;
  height: 170px;
}

.blog-agenda.home-liste .content-actu .img-actu:before {
  width: 85px;
  height: 105px;
}

.blog-agenda.home-liste .content-actu .cat-actu{
  margin-top: 0;
  margin-bottom: 13px;
}

.blog-agenda.home-liste .content-actu .content-infos-actu{
  padding-left: 35px;
  flex-basis: 60%;
}

.blog-agenda.home-liste .content-actu .title-actu {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 10px;
}

.blog-agenda.home-liste .content-actu .date-evenement {
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 10px;
}

.blog-agenda.home-liste .content-actu .date-evenement span.titre{
  font-weight: 500;
}

.blog-agenda.home-liste .content-actu .date-evenement span.heures{
  display: block;
}

.blog-agenda.home-liste .content-actu .bt-savoir-plus{
  color: #333333;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  text-decoration: underline;
  text-align: right;
  margin-top: 10px;
}

/* END Agenda HOME Liste */

/* Page Agenda Liste */

.blog-agenda.page-agenda{
  margin-top: 20px;
  flex-wrap: wrap;
}

.blog-agenda.page-agenda .content-actu{
  flex-basis: 30.6666666%;
  margin-right: 4%;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 0px;
  transition: all 0.3s ease;
}

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

.blog-agenda.page-agenda .content-actu .img-actu {
  height: 270px;
}

.blog-agenda.page-agenda .content-actu .img-actu:before{
  display: none;
}

.blog-agenda.page-agenda .content-actu .content-infos-actu{
  padding: 20px;
  background: #ebebeb;
  border: 3px solid #d7d8d9;
  border-top: 0px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.blog-agenda.page-agenda .content-actu:hover .content-infos-actu{
  background: #FFFFFF;
}

.blog-agenda.page-agenda .content-actu:hover {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

.blog-agenda.page-agenda .content-actu .cat-actu{
  margin-top: 0px;
  order: 1;
}

.blog-agenda.page-agenda .content-actu .title-actu{
  order: 2;
  font-size: 22px;
  line-height: 26px;
  height: 55px;
}

.blog-agenda.page-agenda .content-actu .date-evenement{
  order: 4;
  margin-top: 25px;
  text-align: center;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  padding: 15px;
  background: #CCCCCC;
  color: #FFFFFF;
  min-height: 95px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.blog-agenda.page-agenda .content-actu.exposition .date-evenement{
  background: #224B80;
}

.blog-agenda.page-agenda .content-actu.evenement .date-evenement{
  background: #224B80;
}

.blog-agenda.page-agenda .content-actu.concert .date-evenement{
  background: #224B80;
}

.blog-agenda.page-agenda .content-actu .date-evenement span.titre{
  font-size: 17px;
  line-height: 19px;
  font-weight: 400;
}

.blog-agenda.page-agenda .content-actu .date-evenement span{
  display: inline-block;
}

.blog-agenda.page-agenda .content-actu .text-actu{
  order: 3;
  font-size: 16px;
  line-height: 18px;
  min-height: 60px;
}

.blog-agenda.page-agenda .content-actu .bt-savoir-plus{
  order: 5;
  width: 100%;
  max-width: 100%;
  color: #333;
  margin-left: auto;
  background-color: transparent;
  border: 1px solid #333;
  border-radius: 8px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  margin-top: 0;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
}

.single.single-post .post-meta {
  display: none;
}

.bloc-tri-agenda{
  margin-top: 40px;
  background-image: url("/wp-content/uploads/2024/01/PATTERN-SITE.png");
  background-repeat: no-repeat;
  background-size: auto;
  padding: 35px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #ccc;
}

.bloc-tri-agenda h3{
  color: #2c4b7c;
  text-transform: uppercase;
  font-size: 44px;
  line-height: 44px;
  font-weight: 400;
  padding-bottom: 0px;
  margin-bottom: 10px;
}

.bloc-tri-agenda h3 span{
  font-weight: bold;
}

.bloc-tri-agenda p{
  color: #8f99bb;
  font-size: 18px;
  line-height: 22px;
}

.bloc-tri-agenda .content-type{
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.bloc-tri-agenda .content-type a{
  flex-basis: 220px;
  padding: 8px;
  font-size: 24px;
  line-height: 24px;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #CCCCCC;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  color: #FFFFFF;
  text-transform: uppercase;
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  transition: all 0.3s ease;
}

.bloc-tri-agenda .content-type a:hover,
.bloc-tri-agenda .content-type a.current{
  background-color: #224B80!important;
  color: #fff;
}

.bloc-tri-agenda .content-type a {
  background-color: #8c99be;
  border: 1px solid #8c99be;
  color: white;
}

/*.bloc-tri-agenda .content-type a.evenement{
  background-color: #785d99;
  border: 1px solid #785d99;
}

.bloc-tri-agenda .content-type a.evenement:hover,
.bloc-tri-agenda .content-type a.evenement.current{
  color: #785d99;
}

.bloc-tri-agenda .content-type a.concert{
  background-color: #f39c36;
  border: 1px solid #f39c36;
}

.bloc-tri-agenda .content-type a.concert:hover,
.bloc-tri-agenda .content-type a.concert.current{
  color: #f39c36;
}

.bloc-tri-agenda .content-type a.exposition{
  background-color: #0d0d0d;
  border: 1px solid #0d0d0d;
}

.bloc-tri-agenda .content-type a.exposition:hover,
.bloc-tri-agenda .content-type a.exposition.current{
  color: #0d0d0d;
}

.bloc-tri-agenda .content-type a.all{
  background-color: #bf111f;
  border: 1px solid #bf111f;
}

.bloc-tri-agenda .content-type a.all:hover,
.bloc-tri-agenda .content-type a.all.current{
  color: #bf111f;
}*/

/* END Page Agenda Liste */

/* Custom pagination */

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

.custom-pagination span,
.custom-pagination a{
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9ca3a9;
  background-color: #f5f6f7;
  border-radius: 50%;
  margin-left: 8px;
  margin-right: 8px;
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.custom-pagination span,
.custom-pagination a:hover{
  color: #FFFFFF;
  background-color: #c3a476;
}

/* FOOTER */

#main-footer{
  /* Charte 2024 : new bg */
  background-color: #224B80;
  /* End new bg */
  padding: 25px;
}

#main-footer .container{
  width: 100%;
  max-width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}

#main-footer .content-footer{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

#main-footer .content-footer .logo-footer{
  flex-basis: 20%;

  /* Charte 2024 : adjust positions */

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  /* End adjust positions */
}

#main-footer .content-footer .logo-footer img{
  max-width: 100%;
}

#main-footer .content-footer .logo-footer span{
  color: #FFFFFF;
  margin-left: 1%;
  margin-right: 1%;
  transition: all 0.3s ease;
  font-size: 15px;
  line-height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}

#main-footer .content-footer .links-footer{
  flex-basis: 20%;
  display: flex;
  justify-content: center;
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
}

#main-footer .content-footer .links-footer .links {
  display: flex;
  flex-direction: column;
  flex-basis: 380px;
  justify-content: center;
}

#main-footer .content-footer .links-footer .partenaires{
  display: flex;
  flex-direction: row;
  flex-basis: 380px;
  flex-wrap: wrap;
}

#main-footer .content-footer .links-footer .partenaires > div{
  flex-basis: 17%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 1%;
  margin-bottom: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Charte 2024 : new parteners */

#main-footer .content-footer .parteners {
  flex-basis: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
}

#main-footer .content-footer .parteners .logos a {
  display: inline-block;
}

#main-footer .content-footer .parteners a {
  color: white;
}

#main-footer .content-footer .parteners .logos img {
  max-height: 65px;
}

#main-footer .content-footer .parteners .parneters-link {
  margin-top: 1rem;
}

/* End new parteners */

#main-footer .content-footer .links-footer .partenaires > a.part-full{
  flex-basis: 55%;
  margin-left: 1%;
  margin-right: 1%;
  text-align: left;
}

#main-footer .content-footer .links-footer .partenaires > a{
  flex-basis: 17%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 1%;
  margin-bottom: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#main-footer .content-footer .links-footer .partenaires > a.link-part{
  flex-basis: 100%;
  max-width: 100%;
  color: #FFFFFF;
  /* Charte 2024 : no bg and borders */
  background-color: transparent;
  border: none;
  /* End no bg and borders */
  border-radius: 8px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 15px;
  margin-top: 8px;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
}

#main-footer .content-footer .links-footer .partenaires > a.link-part:hover{
  color: #333;
  background-color: #FFF;
}

#main-footer .content-footer .links-footer .links > span,
#main-footer .content-footer .links-footer .links > a{
  color: #FFFFFF;
  margin-left: 1%;
  margin-right: 1%;
  transition: all 0.3s ease;
  font-size: 15px;
  line-height: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#main-footer .content-footer .links-footer > a.links:hover{
  color: #685233;
}

#main-footer .content-footer .social-footer{
  flex-basis: 15%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#main-footer .content-footer .social-footer>span{
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
  line-height: 18px;
}

#main-footer .content-footer .social-footer>div{
  display: flex;
}

#main-footer .content-footer .social-footer a {
  margin-right: 15px;
  display: block;
  font-size: 28px!important;
  line-height: 28px!important;
  transition: all 0.3s ease;
  color: #FFFFFF;
  opacity: 0.5;
}

#main-footer .content-footer .social-footer a:hover {
  opacity: 1;
}

#main-footer .content-footer .social-footer a:before {
  content: "";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
}

#main-footer .content-footer .social-footer a.facebook:before {
  content: "\e093";
}

#main-footer .content-footer .social-footer a.instagram:before {
  content: "\e09a";
}

#main-footer .content-footer .social-footer a.twitter:before {
  content: "\e094";
}

#main-footer .content-footer .social-footer a.youtube:before {
  content: "\e0a3";
}

/**/

.error404 #main-header,
.single-post #main-header{
/*  background: #685233!important;*/
}

.error404 .mobile_menu_bar span,
.single-post .mobile_menu_bar span {
    background-color: #000;
}

.error404 .mobile_menu_bar:before,
.single-post .mobile_menu_bar:before {
    color: #000;
}

.error404 .lang-container #flags a, 
.single-post .lang-container #flags a {
    color: #000;
}

.error404 #flags:before,
.single-post #flags:before {
    color: #000;
}

.error404 .lang-container.open #flags, 
.single-post .lang-container.open #flags {
    background-color: #fff;
}

.error404 #main-header #logo,
.single-post #main-header #logo
{
/*    filter: none !important;*/
}

#logo {
  max-height: 92px;
}

.et-fixed-header #logo {
  max-height: 65px;
  filter: invert(1);
}

.error404 #main-content,
.single-post #main-content{
  padding-top: 120px;
}

.error404 #main-content .container,
.single-post #main-content .container{
  width: 1440px;
  max-width: 100%;
  padding-left: 60px!important;
  padding-right: 60px!important;
}

.et_right_sidebar #left-area{
  width: 100%!important;
  padding-right: 0px!important;
}

.et_right_sidebar #main-content .container:before{
  display: none!important;
}

.error404 #main-content h1{
  position: relative;
  font-family: 'FontFroide2Accent';
  font-size: 58px;
  line-height: 60px;
  color: #333333;
  text-transform: uppercase;
  padding-bottom: 0px;
  padding-top: 30px;
  margin-top: 25px;
  margin-bottom: 45px;
}

.error404 #main-content h1:before{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 80%;
  height: 0.5pt;
  background-color: #224B80;
  max-width: 149px;
}

/* Single post evenement */

.content-evenement-single h1{
  position: relative;
  font-family: 'FontFroide2Accent';
  font-size: 58px;
  line-height: 60px;
  color: #333333;
  text-transform: uppercase;
  padding-bottom: 0px;
  padding-top: 30px;
  margin-top: 25px;
  margin-bottom: 45px;
}

.content-evenement-single h1:before{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 80%;
  height: 0.5pt;
  background-color: #224B80;
  max-width: 149px;
}

.content-evenement-single .image-single{
  float: right;
  margin-left: 25px;
  margin-bottom: 25px;
  width: 40%;
  height: 400px;
  margin-top: 25px;
}

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

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

.content-evenement-single .cat-date{
  margin-bottom: 40px;
  display: flex;
  width: 55%;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.content-evenement-single .cat-single{
  padding: 12px;
  font-size: 20px;
  line-height: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #CCCCCC;
  border-radius: 5px;
  color: #FFFFFF;
  text-transform: uppercase;
  flex-basis: 30%;
  margin-right: 30px;
}

.content-evenement-single .date-single{
  flex-basis: 70%;
  font-size: 20px;
  line-height: 22px;
  color: #333333;
  background-color: #efefef;
  font-weight: bold;
  border-radius: 5px;
  padding: 12px;
}

.content-evenement-single .cat-single.evenement{
  background-color: #8c99be;
}

.content-evenement-single .cat-single.exposition{
  background-color: #8c99be;
}

.content-evenement-single .cat-single.concert{
  background-color: #8c99be;
}

.breadcrump a{
  color: #8c99be;
}

.container-full{
  width: 100%;
  background-color: #0d0d0d;
  padding: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.content-pre-footer{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1440px;
  max-width: 100%;
  margin: auto;
  padding-top: 60px;
  padding-bottom: 50px;
  /* padding-left: 15px;
  padding-right: 15px; */
  /* border: 1px solid #9b8b64; */
}

.content-pre-footer h2{
  text-align: center;
  font-family: 'FontFroide2Accent';
  font-size: 40px;
  line-height: 40px;
  color: #8c99be;
  text-transform: uppercase;
  margin-bottom: 45px;
  padding-bottom: 0px;
  flex-basis: 100%;
}

.content-pre-footer > div {
  position: relative;
  flex-basis: 27%;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.content-pre-footer > div.lieu-event-pre-footer {
  flex-basis: 35%;
}

.content-pre-footer > div > div {
  position: relative;
  padding-left: 90px;
}

.content-pre-footer > div > div span{
  display: block;
  color: #FFFFFF;
}

.content-pre-footer > div > div > span:first-child{
  display: block;
  color: #a0a0a0;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 5px;
}

.content-pre-footer .content-infos-pre{
  color: #FFFFFF;
  font-size: 19px;
  line-height: 22px;
}

.content-pre-footer .date-event-pre-footer>div {
  padding-left: 75px;
}

.content-pre-footer .date-event-pre-footer>div>div:before{
  content: "\e023";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 55px;
  line-height: 55px;
  color: #FFFFFF;
}

.content-pre-footer .lieu-event-pre-footer>div{
  padding-left: 65px;
}

.content-pre-footer .lieu-event-pre-footer>div>div:before{
  content: "\e081";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 55px;
  line-height: 55px;
  color: #FFFFFF;
}

.content-pre-footer .tel-event-pre-footer>div{
  padding-left: 70px;
}

.content-pre-footer .tel-event-pre-footer>div>div:before{
  content: "\e090";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 55px;
  line-height: 55px;
  color: #FFFFFF;
}

/* Page locations salles*/
.bloc-locations-equipement{
  margin-bottom: 0!important;
}

.bloc-locations-equipement h2{
  text-transform: uppercase;
  font-size: 34px;
  line-height: 34px;
  color: #064192;
  margin-bottom: 20px;
}

.bloc-locations-equipement h3{
  color: #064192;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.bloc-locations-equipement ul{
  list-style: none;
  padding-left: 0px;
  display: flex;
  flex-wrap: wrap;
}

.bloc-locations-equipement ul li{
  flex-basis: 48%;
  margin-right: 1%;
  padding-left: 20px;
  position: relative;
  color: #333333;
  font-size: 18px;
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bloc-locations-equipement.bloc-locations-equipement-full ul li{
  flex-basis: 100%;
  margin-right: 0;
}

.bloc-locations-equipement ul li:before{
  content: "\50";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  top: 7px;
  left: 0;
  color: #064192;
  font-size: 15px;
  width: auto;
  height: auto;
  background-color: transparent;
}

.link-locations{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.link-locations a{
  flex-basis: 48%;
  background-color: #0d0d0d;
  border: 1px solid #0d0d0d;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 20px;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.link-locations a:hover{
  color: #0d0d0d;
  background-color: #FFFFFF;
}

.link-locations a span{
  font-weight: bold;
}

.titre-centre h2{
  margin-top: 60px!important;
  width: 365px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.liste-salles{
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 80px;

  .bloc-salle{
    flex-basis: 100%;
    margin-bottom: 4%;
    padding: 25px;
    background-color: #e7dfcc;
    border-radius: 8px;
    position: relative;
    .content-salle{
      display: flex;
      justify-content: space-between;
      @media screen and (max-width: 980px){
        flex-wrap: wrap;
        display: none;
      }
      .infos-entete-salle{
        width: 58%;
        margin-bottom: 0;
        @media screen and (max-width: 980px){
          width: 100%;
          margin-bottom: 20px;
        }
        .content-infos-entete-salle{
          flex-basis: auto;
          margin-bottom: 30px;
        }
        .equipements-salle{
          gap: 7px 1%;
          @media screen and (max-width: 980px){
            justify-content: space-between;
          }
          .infos-equipement{
            flex-direction: row;
            align-items: center;
            padding: 8px 15px;
            flex-basis: 32.5%;
            margin-right: 0;
            margin-bottom: 0;
            @media screen and (max-width: 980px){
              flex-basis: 48.5%;
              width: 48.5%;
              flex-direction: column;
            }
            h4{
              padding-bottom: 0;
              @media screen and (max-width: 980px){
                padding-bottom: 10px;
              }
            }
          }
        }
      }
      .reserve-part{
        width: 40%;
        display: flex;
        flex-direction: column;
        @media screen and (max-width: 980px){
          width: 100%;
        }
        .img-salle{
          height: 228px;
          img{
            height: 100%;
            width: 100%;
            object-fit: cover;
          }
        }
      }
    }
  }
}


.liste-salles .bloc-salle:nth-child(2n){
  margin-right: 0;
}

.liste-salles .bloc-salle h2{
  color: #064192;
  font-size: 26px;
  line-height: 26px;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding-bottom: 0px;
  margin-bottom: 20px;
}

.liste-salles .bloc-salle .titre-resp-salle{
  display: none;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #FFFFFF;
  color: #064192;
  position: relative;
  padding-right: 30px;
  border-bottom: 4px solid #c3a476;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 25px;
  background-color: #efefef;
}

.liste-salles .bloc-salle.open .titre-resp-salle{
  background: #064192;
  color: #FFF;
}

.liste-salles .bloc-salle .titre-resp-salle:after{
  content: "\3b"!important;
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  line-height: 26px;
}

.liste-salles .bloc-salle.open .titre-resp-salle:after{
  content: "\3a"!important;
}

.liste-salles .bloc-salle h2 span{
  display: inline-block;
  padding: 5px;
  width: 40px;
  height: 40px;
  background-color: #c3a476;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}

.liste-salles .bloc-salle .infos-entete-salle{
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.liste-salles .bloc-salle .infos-entete-salle .content-infos-entete-salle{
  flex-basis: 70%;
  color: #333333;
  font-size: 15px!important;
  line-height: 18px;
}

.liste-salles .bloc-salle .infos-entete-salle .content-infos-entete-salle > div{
  padding-bottom: 6px;
}

.liste-salles .bloc-salle .infos-entete-salle .img-salle{
  flex-basis: 32%;
  margin-left: 30px;
}

.liste-salles .bloc-salle .equipements-salle{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.liste-salles .bloc-salle .equipements-salle h3{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  flex-basis: 100%;
  margin-bottom: 0;
}

.liste-salles .bloc-salle .equipements-salle h3 span{
  font-weight: 400;
  text-transform: lowercase;
  font-size: 16px;
}

.liste-salles .bloc-salle .equipements-salle .infos-equipement{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  flex-basis: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  padding: 15px;
  background-color: #FFFFFF;
}

.liste-salles .bloc-salle .equipements-salle .infos-equipement:last-child,
.liste-salles .bloc-salle .equipements-salle .infos-equipement:nth-child(4){
  margin-right: 0;
}

.liste-salles .bloc-salle .equipements-salle .infos-equipement h4{
  font-size: 15px;
  line-height: 15px;
  color: #333;
}

.liste-salles .bloc-salle .equipements-salle .infos-equipement strong{
  font-size: 18px;
  line-height: 18px;
  color: #333;
  margin-top: 5px;
}

.liste-salles .reserver-salle{
  width: 100%;
  background-color: #0d0d0d;
  border: 1px solid #0d0d0d;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 20px;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px;
  transition: all 0.3s ease;
  display: block;
  margin-top: 15px;
}

.liste-salles .reserver-salle:hover{
  background-color: #FFFFFF;
  color: #0d0d0d;
  cursor: pointer;
}

.titre-centre-blanc h2{
  margin-top: 60px!important;
  width: 720px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #FFFFFF;
}

.content-slider-locations{
  padding-left: 60px;
  padding-right: 60px;
  margin-bottom: 60px!important;
  .sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{
    background: #000;
  }
}

.slider-locations{
  margin-left: auto!important;
  margin-right: auto!important;
}

.slider-locations .sp-slide{
  background: #CCC;
}

.slider-locations.sp-horizontal .sp-previous-arrow{
  left: -60px!important;
}

.slider-locations.sp-horizontal .sp-next-arrow{
  right: -60px!important;
}

/**/

/* Page restaurant */

.section-integrable-entete-restaurant{
  height: 100vh!important;
}

.section-integrable-entete-restaurant h1 span{
  display: block;
  font-size: 75px;
  line-height: 75px;
}

.bt-link-restaurant{
  width: 370px;
  max-width: 100%;
  color: #FFFFFF;
  margin-right: auto;
  background-color: #224B80;
  border: 1px solid #224B80;
  border-radius: 8px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  margin-top: 40px;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.bt-link-restaurant:hover{
  color: #224B80;
  background-color: #FFFFFF;
}

.bt-link-restaurant span{
  font-weight: bold;
}

.liste-menus{
  display: flex;
  flex-wrap: wrap;
}

.liste-menus .titre-resp-menu{
  display: none;
}

.liste-menus .bloc-menu{
  flex-basis: 46%;
  margin-left: 2%;
  margin-right: 2%;
  padding-right: 8%;
  padding-bottom: 8%;
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px;
}

.liste-menus .bloc-menu.bloc-menu-special{
  flex-basis: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 5%;
}

.liste-menus .bloc-menu .content-menu{
  position: relative;
  z-index: 2;
  background-color: rgba(255,255,255,1);
  border: 3px solid #dfe1e2;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
  padding: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.liste-menus .bloc-menu.bloc-menu-special .content-menu{
  width: 45%;
  background-color: #f4eee2;
  border: 3px solid #f4eee2;
}

.liste-menus .bloc-menu .content-menu h2{
  font-family: 'FontFroide2Accent';
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 30px;
}

.liste-menus .bloc-menu .content-menu .liste-plats .plat{
  font-size: 18px;
  line-height: 18px;
  color: #333333;
}

.liste-menus .bloc-menu .content-menu .liste-plats .plat span{
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.liste-menus .bloc-menu.bloc-menu-special .content-menu .liste-plats .plat span{
  color: #c3101b;
}

.liste-menus .bloc-menu .content-menu .liste-plats .plat:last-child span{
  display: none;
}

.liste-menus .bloc-menu .image-menu{
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  width: 80%;
  transform: translateY(-100%);
}

.liste-menus .bloc-menu.bloc-menu-special .image-menu{
  padding-right: 0px;
  padding-bottom: 0px;
  top: 0;
  transform: translateY(0);
}

.liste-menus .bloc-menu .prix{
  font-size: 35px;
  line-height: 35px;
  margin-top: 60px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #333;
}

.liste-menus .bloc-menu .prix span:last-child{
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
}

.liste-menus .bloc-menu .bt-link-restaurant{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 100%;
  margin-top: 0px;
}

.liste-menus .bloc-menu.bloc-menu-special .bt-link-restaurant{
  color: #FFFFFF;
  background-color: #c3101b;
  border: 1px solid #c3101b;
  width: 300px;
  max-width: 100%;
}

.liste-menus .bloc-menu.bloc-menu-special .bt-link-restaurant:hover{
  color: #c3101b;
  background-color: #FFFFFF;
}

.bloc-image-restaurant{
  position: relative;
  width: 100%;
  height: 800px;
  max-height: 70vh;
  margin-top: 40px;
  margin-bottom: 40px!important;
}

.bloc-image-restaurant span{
  width: 100%;
  height: 100%;
}

.bloc-image-restaurant span img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bloc-image-restaurant{
  position: relative;
  width: 100%;
  height: 800px;
}

.bloc-image-restaurant a{
  display: block;
  position: relative;
}

.bloc-image-restaurant a:before {
  content: "\54";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 20px;
  left: 20px;
  background-color: rgba(0,0,0,0.7);
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  line-height: 35px;
  color: #FFFFFF;
}

.bloc-image-restaurant a:hover:before{
  opacity: 1;
}

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

.bloc-contact-restaurant{
  width: 600px;
  max-width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  padding: 25px;
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.bloc-contact-restaurant h3{
  text-transform: uppercase;
  font-size: 34px;
  line-height: 36px;
  padding-bottom: 5px;
}

.bloc-contact-restaurant h4{
  font-size: 16px;
  line-height: 16px;
}

.bloc-contact-restaurant.individuel h3,
.bloc-contact-restaurant.individuel h4{
  color: #fff;
}

.bloc-contact-restaurant.groupe h3,
.bloc-contact-restaurant.groupe h4{
  color: #fff;
}

.link-contact{
  display: flex;
  width: 100%;
  margin-top: 40px;
  justify-content: center;
}

.bloc-contact-restaurant .link-contact a{
  padding-left: 40px;
  padding-right: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  color: #FFFFFF;
  border-radius: 8px;
  font-size: 18px;
  line-height: 18px;
  transition: all 0.3s ease;
}

.bloc-contact-restaurant .link-contact a:hover{
  background-color: #FFFFFF!important;
}

.bloc-contact-restaurant.individuel .link-contact a{
  background-color: #224B80;
  border: 1px solid  #224B80;
}

.bloc-contact-restaurant.groupe .link-contact a{
  background-color: #8c99be;
  border: 1px solid  #8c99be;
}

.bloc-contact-restaurant.individuel .link-contact a:hover{
  color: #224B80;
}

.bloc-contact-restaurant.groupe .link-contact a:hover{
  color: #224B80;
}

.bloc-contact-restaurant .link-contact a:before{
  content: "";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: 24px;
}

.link-contact a.tel{
  flex-basis: 45%;
  margin-right: 3%;
}

.link-contact a.tel:before{
  content: "\e090"!important;
}

.link-contact a.email:before{
  content: "\e076"!important;
}

.link-contact a.email{
  flex-basis: 60%;
}

.link-contact a.email.email-groupe{
  flex-basis: 50%;
}

/**/

/* Contact */

.form-contact{
  margin-top: 40px;
}

.form-contact ul li:before{
  display: none!important;
}

.form-contact ::-webkit-input-placeholder { /* Edge */
  color: #333!important;
}

.form-contact :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333!important;
}

.form-contact ::placeholder {
  color: #333!important;
}

.form-contact .nf-form-content input[type=button]{
  width: 280px;
  max-width: 100%;
  color: #FFFFFF;
  background-color: #c3a476;
  border: 1px solid #c3a476;
  border-radius: 8px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  margin-top: 0;
  display: block;
  text-align: center;
  transition: all 0.3s ease;
  height: auto;
}
.form-contact .nf-form-content input[type=button]:hover{
  color: #c3a476;
  background-color: #FFFFFF;
}

.form-contact .nf-response-msg{
  text-align: center;
  margin-bottom: 20px;
  padding: 15px;
  background: #c3a476;
  color: #FFFFFF;
}

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

.bloc-infos-contact-page{
  width: 100%;
  height: 100%;
  border: 1px solid #224B80;
  padding: 70px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.bloc-infos-contact-page h3 {
  text-align: center;
  font-family: 'FontFroide2Accent';
  font-size: 40px;
  line-height: 40px;
  color: #224B80;
  text-transform: uppercase;
  margin-bottom: 35px;
  padding-bottom: 0px;
}

.bloc-infos-contact-page .adresse {
  width: 300px;
  max-width: 100%;
  margin: auto;
  text-align: center;
  margin-bottom: 40px;
  font-size: 17px;
  line-height: 17px;
  color: #333333;
  position: relative;
  padding-left: 30px;
}

.bloc-infos-contact-page .adresse:before {
  content: "\e081";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 25px;
  line-height: 25px;
}

.bloc-infos-contact-page .tel {
  width: 300px;
  max-width: 100%;
  margin: auto;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 35px;
  display: block;
  position: relative;
  padding-left: 60px;
  display: block;
  text-align: left;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #333;
}

.bloc-infos-contact-page .tel span {
  display: block;
  position: relative;
  font-size: 17px;
  line-height: 17px;
  font-weight: 400;
  margin-bottom: 5px;
}

.bloc-infos-contact-page .tel:before {
  content: "\e090"!important;
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #224B80;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  font-size: 25px;
  line-height: 25px;
}

.bloc-infos-contact-page .acces {
  width: 100%;
  max-width: 100%;
  margin: auto;
  background-color: #f6f1ea;
  padding: 30px;
  padding-left: 80px;
  position: relative;
  margin-top: 20px;
}

.bloc-infos-contact-page .acces:before {
  content: "\e083";
  font-family: "ETmodules"!important;
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 25px;
  line-height: 25px;
}

.bloc-infos-contact-page .acces h4{
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
}

.bloc-infos-contact-page .acces p{
  color: #333333;
}

#section-map-contact{
  height: 400px;
  padding-bottom: 0!important;
}

#section-map-contact .row-width-full{
  height: 100%;
}

#section-map-contact .row-width-full .et_pb_column{
  height: 100%;
}

#section-map-contact .row-width-full .et_pb_module{
  height: 100%;
}

#section-map-contact .row-width-full .et_pb_module a{
  display: block;
  height: 100%;
}

/**/

/* Plan du site map */

.wsp-pages-list{
  display: flex;
  flex-direction: row;
  list-style: none;
  flex-wrap: wrap;
  padding: 0!important;
  margin-top: 40px;
}

.wsp-pages-list>li.page_item{
  flex-basis: 32%;
  background-color: rgba(104, 82, 51, 0.2);
  margin: 0.5%;
  border: 1px solid #685233;
  transition: all .3s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
  order: 2;
}

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

.wsp-pages-list>li.page_item_has_children ul.children{
  display: flex;
  list-style: none!important;
  padding-left: 0px!important;
  margin-bottom: 15px;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.wsp-pages-list>li.page_item_has_children ul.children li{
  background-color: #FFFFFF;
  flex-basis: 30%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 1%;
}

.wsp-pages-list>li.page_item_has_children ul.children li a{
  padding: 15px;
}

.wsp-pages-list>li.page_item_has_children:hover ul.children li a{
  color: #685233!important;
}

.wsp-pages-list>li.page_item a{
  padding: 10px;
  text-align: center;
  color: #685233;
  width: 100%;
  height: 100%;
  transition: all .3s ease;
  font-size: 18px;
  line-height: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

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

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

  .galerie-insta .rl-gallery .rl-gallery-item{
    height: 220px;
  }

  .focus-home-evenements .content-focus-evenements{
    height: 380px;
  }

  .text-layer-video{
    padding-left: 5%;
  }

  .et_header_style_fullscreen ul#mobile_menu_slide{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .et_header_style_fullscreen ul#mobile_menu_slide > li > a{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 45px;
  }

  .content-sub-menu {
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-sub-menu > li.menu-item > a {
    font-size: 23px;
    line-height: 23px;
    margin-top: 20px;
  }

  .content-sub-menu li.menu-item-has-children > .sub-menu li > a {
    font-size: 18px;
    line-height: 22px;
  }

  .content-rs-header h3{
    margin-top: 10px;
  }

  .content-sub-menu li.menu-item-has-children > .sub-menu li{
    margin-bottom: 2px;
  }

  .content-menu-image{
    height: 300px;
  }
}

@media screen and (max-height: 800px) {
  .et_header_style_fullscreen ul#mobile_menu_slide{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .et_header_style_fullscreen ul#mobile_menu_slide > li > a{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 45px;
  }

  .content-sub-menu {
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-sub-menu > li.menu-item > a {
    font-size: 23px;
    line-height: 23px;
    margin-top: 20px;
  }

  .content-sub-menu li.menu-item-has-children > .sub-menu li > a {
    font-size: 18px;
    line-height: 22px;
  }

  .content-rs-header h3{
    margin-top: 10px;
  }

  .content-sub-menu li.menu-item-has-children > .sub-menu li{
    margin-bottom: 2px;
  }

  .content-menu-image{
    height: 300px;
  }
}

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

  .galerie-insta .rl-gallery .rl-gallery-item{
    height: 180px;
  }

  .bloc-contact-restaurant h3 {
    font-size: 29px;
    line-height: 32px;
  }

  .bloc-contact-restaurant .link-contact a {
    padding-left: 30px;
    font-size: 16px;
    line-height: 16px;
  }

  .bloc-contact-restaurant .link-contact a:before {
    font-size: 20px;
    line-height: 20px;
    left: 15px;
  }

  .liste-menus .bloc-menu.bloc-menu-special .content-menu{
    width: 55%;
  }

  .liste-menus .bloc-menu.bloc-menu-special .image-menu{
    width: 70%;
  }

  .liste-menus .bloc-menu .content-menu {
    padding: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .liste-menus .bloc-menu{
    padding-right: 6%;
    padding-bottom: 6%;
  }

  .liste-menus .bloc-menu .content-menu h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .liste-menus .bloc-menu .content-menu .liste-plats .plat {
    font-size: 17px;
    line-height: 17px;
  }

  .liste-menus .bloc-menu .prix {
    font-size: 30px;
    line-height: 30px;
    margin-top: 40px;
  }

  .content-evenement-single .date-single{
    font-size: 17px;
    line-height: 19px;
  }

  .bloc-tri-agenda{
    padding-left: 15px;
    padding-right: 15px;
  }

  .bloc-tri-agenda .content-type a{
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-agenda.page-agenda .content-actu{
    flex-basis: 48%;
  }

  .blog-agenda.page-agenda .content-actu:nth-child(3n){
    margin-right: 4%;
  }

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

  .bloc-infos-contact .content-infos-contact{
    flex-wrap: wrap;
  }

  .bloc-infos-contact .content-infos-contact .tel {
    flex-basis: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 40px;
  }

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

  .focus-home .content-focus .bouton{
    width: 240px;
    font-size: 16px;
    line-height: 16px;
  }

  .row-evenements h2{
    margin-top: 0px!important;
    font-size: 48px;
    line-height: 50px;
  }

  .focus-home-evenements .content-focus-evenements{
    height: 320px;
  }

  .bloc-newsletter .texte-newsletter{
    bottom: 0;
  }

  .bloc-newsletter .link-newsletter{
    width: 200px;
  }

  #section-focus-prestations .row-width-focus-rv:nth-child(2),
  #section-focus-prestations .row-width-focus-rv:nth-child(3){
    padding: 0px!important;
  }

  .blog-agenda.home-focus .content-actu .img-actu {
    height: 350px;
  }

  .blog-agenda.home-liste .content-actu .img-actu{
    height: 140px;
  }

  .blog-agenda.home-liste .content-actu .content-infos-actu{
    padding-left: 20px;
  }

  .row-width,
  .error404 #main-content .container,
  .single-post #main-content .container{
    padding-left: 40px!important;
    padding-right: 40px!important;
  }

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

  .single-post #main-content .container{
    padding-top: 0!important;
  }

  .row-evenements{
    padding-left: 0px!important;
  }

  .focus-home .content-focus{
    height: 300px;
  }

  .text-layer-video h1>span:first-child {
    font-size: 85px;
    line-height: 85px;
  }

  .text-layer-video h1>span:last-child {
    font-size: 40px;
    line-height: 40px;
  }

  .content-menu-desktop{
    padding-left: 40px;
    padding-right: 40px;
  }

  .et_header_style_fullscreen ul#mobile_menu_slide > li > a{
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 40px;
  }

  .content-sub-menu > li.menu-item > a {
    font-size: 20px;
    line-height: 20px;
  }

  .content-sub-menu li.menu-item-has-children > .sub-menu li > a{
    padding-left: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .content-sub-menu li.menu-item-has-children > .sub-menu li > a:before{
    left: -8px;
  }
}

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

    /*.bloc-salle .content-salle {*/
    /*  display: none;*/
    /*}*/

    /*.titre-resp-salle {*/
    /*  cursor: pointer;*/
    /*}*/

    /*.titre-resp-salle:after {*/
    /*  content: "\25BC";*/
    /*  margin-left: 8px;*/
    /*}*/

    /*.bloc-salle.open .titre-resp-salle:after {*/
    /*  content: "\25B2";*/
    /*}*/

  .single.single-post #main-header:not(.et-fixed-header) #logo {
    filter: none;
}


.content-evenement-single .entry-content {

padding-top: 30px!important;
}

  #main-footer .content-footer .parteners {
    flex-basis: unset;
}

   .home #section-entete-home {
      height: auto;
  }

  #logo {
      max-height: 85%;
  }

  .galerie-insta .rl-gallery .rl-gallery-item{
    display: none;
    height: 240px;
  }

  .galerie-insta .rl-gallery{
    justify-content: center;
  }

  .galerie-insta .rl-gallery .rl-gallery-item:first-child{
    display: block;
    flex-basis: 30%;
  }

  .galerie-insta .rl-gallery .rl-gallery-item:nth-child(2){
    display: block;
    flex-basis: 30%;
  }

  .galerie-insta .rl-gallery .rl-gallery-item:nth-child(3){
    display: block;
    flex-basis: 30%;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container li.menu-item-has-children>a span.et_mobile_menu_arrow {
    opacity: 1!important;
    color: #333!important;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container li.menu-item-has-children>a span.et_mobile_menu_arrow:before {
    opacity: 1!important;
    color: #333!important;
  }

  .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a{
    color: #333!important;
  }

  .ri-grid ul li{
    margin-top: 0px!important;
  }

  .ri-grid ul li{
    display: none!important;
  }

  .ri-grid ul li:first-child{
    width: 100%!important;
    height: 40vh!important;
    display: block!important;
  }

  .bt-link-instagram{
    margin-bottom: 40px;
  }

  #main-footer .content-footer .social-footer {
    flex-basis: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #main-footer .content-footer{
    flex-wrap: wrap;
  }

  #main-footer .content-footer .logo-footer{
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 25px;
  }

  #main-footer .content-footer .links-footer{
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 15px;
    align-items: baseline;
  }

  #main-footer .content-footer .links-footer .links a{
    margin-top: 8px;
    margin-bottom: 8px;
  }

  #main-footer .content-footer .social-footer {
    flex-basis: 100%;
  }

  #main-footer .content-footer .social-footer {
    text-align: center;
    margin-top: 25px;
  }

  #main-footer .content-footer .social-footer>div {
    justify-content: center;
  }

  #main-footer .content-footer .links-footer .links {
    justify-content: center;
    flex-basis: 50%;
  }

  #main-footer .content-footer .links-footer .partenaires {
    justify-content: center;
    flex-basis: 50%;
  }

  .et_pb_section:not(:has(".swiper")), .et_pb_section:not(:has(".swiper")) *{
    animation:none !important;
    transform: none!important;
    opacity: 1!important;
  }

  .bloc-infos-contact-page{
    margin-top: 40px;
  }

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

  .bloc-contact-restaurant {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .row-width-photos-restaurant .et_pb_column{
    margin-right: 0px!important;
    width: 50%!important;
  }

  .bloc-image-restaurant {
    height: 30vh;
  }

  .liste-menus .bloc-menu .content-menu h2{
    display: none;
  }

  .liste-menus .titre-resp-menu{
    display: block;
    transition: all 0.3s ease;
    order: 1;
    padding: 25px;
    position: relative;
    padding-right: 50px;
    background-color: #f4eee2;
    border-bottom: 3px solid #c3a476;
    color: #685233;
  }

  .liste-menus .bloc-menu.open .titre-resp-menu{
    background-color: #c3101b;
    border-bottom: 3px solid #650309;
    color: #FFFFFF;
  }

  .liste-menus .titre-resp-menu span{
    position: relative;
    padding-left: 40px;
  }

  .liste-menus .titre-resp-menu span:before{
    content: "\68";
    font-family: "ETmodules"!important;
    font-weight: 300;
    font-style: normal;
    font-variant: normal;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .liste-menus .titre-resp-menu:after{
    content: "\3b";
    font-family: "ETmodules"!important;
    font-weight: 300;
    font-style: normal;
    font-variant: normal;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  .liste-menus .bloc-menu.open .titre-resp-menu:after{
    content: "\3a";
  }

  .liste-menus .bloc-menu{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    padding: 0;
    margin: 0;
  }

  .liste-menus .bloc-menu .bloc-menu-image{
    display: none;
    order: 2;
  }

  .liste-menus .bloc-menu .content-menu{
    order: 3;
    width: 100%;
    background-color: #f5f5f5;
    border: 0px;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .liste-menus .bloc-menu.bloc-menu-special{
    padding-top: 0px;
  }

  .liste-menus .bloc-menu.bloc-menu-special .content-menu{
    order: 3;
    width: 100%;
    background-color: #f5f5f5;
  }

  .liste-menus .bloc-menu .image-menu,
  .liste-menus .bloc-menu.bloc-menu-special .image-menu{
    position: relative;
    order: 2;
    width: 100%!important;
    height: 35vh;
    top: 0;
    transform: translateY(0);
  }

  .liste-menus .bloc-menu .image-menu img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .row-width.row-width-menu-restaurant{
    padding-left: 0px!important;
    padding-right: 0px!important;
  }

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

  .row-width.row-width-salles .bloc-general-texte h2{
    margin-left: 25px!important;
    padding-right: 25px!important;
  }

  .liste-salles{
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .liste-salles .bloc-salle h2{
    font-size: 24px;
    line-height: 24px;
  }

  .liste-salles .bloc-salle{
    flex-basis: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0;
    background: none;
  }

  .liste-salles .bloc-salle:before{
    display: none;
  }

  .liste-salles .bloc-salle h2{
    display: none;
  }

  .liste-salles .bloc-salle .titre-resp-salle{
    display: flex;
  }

  .liste-salles .content-salle{
    padding: 25px;
    background-color: #e7dfcc;
    display: none;
  }



  .titre-centre h2{
    margin-top: 0!important;
  }

  .link-locations{
    margin-bottom: 45px;
  }

  .section-integrable-entete{
    height: 40vh;
  }
  .page-id-9222 .section-integrable-entete{
    height: auto;
  }


  .content-pre-footer{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .content-pre-footer > div {
    flex-basis: 100%!important;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 60px;
    justify-content: center;
    text-align: center;
  }

  .content-pre-footer > div:last-child {
    margin-bottom: 0;
  }

  .content-pre-footer > div > div{
    padding-left: 0px!important;
    padding-top: 80px;
  }

  .content-pre-footer>div>div>div:before{
    left: 50%!important;
    transform: translateX(-50%);
  }

  .content-evenement-single{
    display: flex;
    flex-direction: column;
  }

  .content-evenement-single .image-single{
    margin: 0;
    margin-bottom: 25px;
    width: 100%;
    height: 30vh;
    order: 2;
  }

  .content-evenement-single .titre-infos{
    order: 1;
  }

  .content-evenement-single .entry-content{
    order: 3;
  }

  .content-evenement-single .cat-date{
    margin-bottom: 0;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .content-evenement-single .cat-single,
  .content-evenement-single .date-single{
    flex-basis: 100%;
    margin-right: 0;
    border-radius: 0px;
  }

  .bloc-tri-agenda{
    margin-top: 0px;
    margin-bottom: 25px;
    padding-bottom: 15px;
  }

  .bloc-tri-agenda .content-type{
    flex-wrap: wrap;
  }

  .bloc-tri-agenda .content-type a{
    flex-basis: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%;
  }

  .blog-agenda.page-agenda .content-actu .text-actu {
    min-height: 80px;
  }

  .bloc-galerie .rl-gallery .rl-gallery-item {
    flex-basis: 49%;
  }

  .bloc-galerie .rl-gallery .rl-gallery-item:nth-child(2) {
    margin-right: 0!important;
  }

  .bloc-galerie .rl-gallery .rl-gallery-item:nth-child(3) {
    display: none;
    margin-right: 0!important;
  }

  .section-integrable .bloc-general-texte p img.alignright,
  .section-integrable .bloc-general-texte p img.alignleft{
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    margin-bottom: 40px;
  }

  .bloc-image-integrable,
  .col-2-images .bloc-image-integrable{
    margin-top: 40px;
    height: 35vh;
  }

  #main-footer .content-footer .links-footer{
    padding-left: 0;
    padding-right: 0px;
    flex-wrap: wrap;
  }

  /* #main-footer .content-footer .links-footer span,
  #main-footer .content-footer .links-footer a{
    flex-basis: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  } */

  .et_pb_column {
    margin-bottom: 0!important;
  }

  .row-galerie h2{
    margin-top: 0px!important;
  }

  .home .et_builder_inner_content{
    display: flex;
    flex-direction: column;
  }

  /* Section entete */
  .home .et_builder_inner_content > .et_pb_section:nth-child(1) {
    order: 1;
  }

  /* Section planifiez visites */
  .home .et_builder_inner_content > .et_pb_section:nth-child(2) {
    order: 2;
  }

  /* Section newsletter */
  .home .et_builder_inner_content > .et_pb_section:nth-child(3) {
    order: 6;
  }

  /* Section prestations */
  .home .et_builder_inner_content > .et_pb_section:nth-child(4) {
    order: 3;
  }

  /* Section image home */
  .home .et_builder_inner_content > .et_pb_section:nth-child(5) {
    order: 4;
  }

  /* Section evenements */
  .home .et_builder_inner_content > .et_pb_section:nth-child(6) {
    order: 5;
  }

  /* Section galerie */
  .home .et_builder_inner_content > .et_pb_section:nth-child(7) {
    order: 7;
  }

  /* Section contact */
  .home .et_builder_inner_content > .et_pb_section:nth-child(8) {
    order: 8;
  }

  .bloc-infos-contact {
    background-color: rgba(255, 255, 255, 0.05);
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bloc-infos-contact .content-infos-contact .tel h4 {
    font-size: 26px;
    line-height: 26px;
  }

  .bloc-infos-contact .content-infos-contact .tel {
    flex-basis: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 60px;
  }

  .bloc-infos-contact .content-infos-contact .tel a.tel-resp-contact{
    display: block;
      }

.link-tel:before{
  position: absolute;
}
.tel-resp{
  width: 45px;
  height: 45px;
  z-index: 1000000;
}

  .bloc-infos-contact .content-infos-contact .tel div.tel-desktop{
    display: none;
  }

  .focus-home-evenements{
    margin-top: 40px;
    flex-wrap: wrap;
  }

  .focus-home-evenements .content-focus-evenements {
    flex-basis: 100%;
    height: 30vh;
    margin-bottom: 30px;
    padding: 0px;
    margin-right: 0;
  }

  .focus-home-evenements .content-focus-evenements:last-child {
    margin-bottom: 0;
  }

  .focus-home-evenements .content-focus-evenements .text-focus,
  .focus-home-evenements .content-focus-evenements:before{
    display: none;
  }

  .focus-home-evenements .content-focus-evenements .bouton {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.7);
    left: 0;
    color: #FFFFFF;
    text-align: center;
  }

  .focus-home-evenements .content-focus-evenements:hover .bouton {
    opacity: 1;
    transform: translateY(0);
  }

  .bloc-newsletter .texte-newsletter{
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    text-align: center;
  }

  .bloc-newsletter .titre-newsletter {
    font-family: 'FontFroide2Accent';
    text-transform: uppercase;
    font-size: 75px;
    line-height: 75px;
    color: rgba(255,255,255,0.1);
    text-align: center;
    margin-bottom: 25px;
    color: rgba(255,255,255,0.5);
  }

  .bloc-newsletter .link-newsletter {
    width: 250px;
    margin-top: 25px;
    margin-left: 0px;
  }

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

  .row-width-focus-rv .bloc-texte-restaurant-home h3,
  .row-width-focus-rv .bloc-texte-vins-home h3{
    color: #FFFFFF;
    padding-bottom: 0px;
    width: 100%;
    text-align: center;
  }

  .row-width-focus-rv .bloc-texte-restaurant-home h3:before,
  .row-width-focus-rv .bloc-texte-vins-home h3:before{
    display: none;
  }

  .row-width-focus-rv .bloc-texte-restaurant-home p,
  .row-width-focus-rv .bloc-texte-vins-home p{
    display: none;
  }

  .row-width-focus-rv .bloc-texte-restaurant-home .link-focus-restaurant,
  .row-width-focus-rv .bloc-texte-vins-home .link-focus-vins{
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin-top: 20px;
  }

  .row-width-focus-rv .bloc-texte-restaurant-home .link-focus-restaurant{
    color: #ad6651;
  }

  .row-width-focus-rv .bloc-texte-vins-home .link-focus-vins{
    color: #c3101b;
  }

  .bloc-texte-restaurant-home:after,
  .bloc-texte-vins-home:after {
    display: none;
  }

  .row-width-focus-rv .bloc-texte-restaurant-home {
    border: 0;
    background-image: url("https://www.fontfroide.com/wp-content/uploads/2020/04/abbaye-fontfroide-restaurant-focus-home.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }

  .row-width-focus-rv .bloc-texte-restaurant-home:before {
    content: " ";
    background-color: rgba(173, 102, 81, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .row-width-focus-rv .bloc-texte-vins-home {
    border: 0;
    background-image: url("https://www.fontfroide.com/wp-content/uploads/2020/04/abbaye-fontfroide-nos-vins-focus-home.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }

  .row-width-focus-rv .bloc-texte-vins-home:before {
    content: " ";
    background-color: rgba(195, 16, 27, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

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

  .bloc-images-focus-prestations{
    height: 0px;
    display: none;
  }

  .bloc-texte-restaurant-home,
  .bloc-texte-vins-home{
    border: 0px;
  }

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

  .focus-home .content-focus{
    flex-basis: 100%;
    margin-bottom: 0;
    margin-right: 0px;
    padding: 0px;
    height: 30vh;
  }

  .focus-home .content-focus:before,
  .focus-home .content-focus:after{
    display: none;
  }

  .focus-home .content-focus .bouton{
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: 0!important;
    transform: none!important;
    flex-direction: column;
    font-size: 28px;
    line-height: 28px;
    border: 0px!important;
  }

  .focus-home .content-focus.focus-infos-pratiques .bouton {
    background-color: rgba(44, 167, 209,0.8)!important;
  }

  .focus-home .content-focus.focus-tarifs-visites .bouton{
    background-color: rgba(106, 229, 215,0.8)!important;
  }

  .focus-home .content-focus.focus-reservez-billet .bouton {
    background-color: rgba(28, 149, 124,0.8)!important;
  }

  .focus-home .content-focus.focus-gustave .bouton {
    background-color: rgba(93, 113, 23,0.8)!important;
  }

  .focus-home .content-focus.focus-asso-amis .bouton{
    background-color: rgba(181, 19, 78,0.8)!important;
  }

  .focus-home .content-focus.focus-mecenat .bouton {
    background-color: rgba(150, 157, 157,0.8)!important;
  }

  .text-layer-video .link-video:hover {
    background-color: transparent;
    color: #FFFFFF;
  }

  .text-layer-video h1>span:first-child {
    font-size: 75px;
    line-height: 75px;
    padding-bottom: 30px;
  }

  .text-layer-video h1>span:last-child {
    font-size: 30px;
    line-height: 30px;
  }

  .text-layer-video h1>span:first-child:after{
    content: " ";
    background-image: url("https://www.fontfroide.com/wp-content/uploads/2020/04/fontfroide-habbilage-gros-titre-blanc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    height: 15px;
    background-position: center;
  }

  .et_pb_fullscreen_menu_active #main-header #logo{
    filter: brightness(1);
  }

  .et_pb_fullscreen_menu_active #main-header #flags.size24 a,
  .et_pb_fullscreen_menu_active #main-header .mobile_menu_bar:before,
  .et_pb_fullscreen_menu_active #main-header #flags:before{
    color: #FFFFFF!important;
  }

  .et_pb_fullscreen_menu_active #main-header .mobile_menu_bar span{
    background-color: #FFFFFF;
  }

  .et_pb_fullscreen_menu_active #main-header.et-fixed-header #flags.size24 a,
  .et_pb_fullscreen_menu_active #main-header.et-fixed-header .mobile_menu_bar:before,
  .et_pb_fullscreen_menu_active #main-header.et-fixed-header #flags:before{
    color: #FFFFFF!important;
  }

  .et_pb_fullscreen_menu_active #main-header .mobile_menu_bar span{
    background-color: #FFFFFF;
  }

  .et_pb_fullscreen_menu_active #main-header {
    background: #224b80!important;
  }

  .et_pb_fullscreen_menu_active #main-header.et-fixed-header {
    background: #224b80!important;
  }

  #main-header{
    padding-left: 15px!important;
    padding-right: 15px!important;
    height: 90px!important;
        background-color: #224b80 !important;
  }

  .lang-container{
    margin-right: 10px;
  }

  .link-tel{
    display: flex;
  }

  .content-menu-desktop{
    padding-top: 170px;
    top: 0;
    left: 0;
    transform: none!important;
    align-items: flex-start;
    justify-content: center;
  }

  .content-sub-menu,
  .content-menu-image{
    display: none!important;
  }

  .et_header_style_fullscreen ul#mobile_menu_slide{
    flex-basis: 500px;
    padding-right: 0px!important;
  }

  .content-rs-header{
    flex-basis: 500px;
    padding-bottom: 60px;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > a{
    margin-top: 20px;
    margin-bottom: 12px;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu{
    padding: 15px;
    padding-left: 30px;
    background: rgba(255, 255, 255, 0.03);
  }

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li > a{
    font-size: 23px;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: 500px;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li > ul.sub-menu > li > a{
    font-size: 20px;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    display: block;
    max-width: 80%;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li > ul.sub-menu > li > a:before{
    content: "\45"!important;
    font-family: "ETmodules"!important;
    font-weight: 300;
    font-style: normal;
    font-variant: normal;
    position: absolute;
    left: 7px;
    top: 10px;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li > ul.sub-menu > li:last-child > a{
    margin-bottom: 25px;
  }

  .et_header_style_fullscreen ul#mobile_menu_slide > li.current-menu-ancestor > a,
  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li.current-menu-ancestor > a,
  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li.current-menu-ancestor > a span:before,
  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li.current-menu-item > a,
  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li.current-menu-item > a span:before{
    color: #685233;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li > ul.sub-menu > li.current-menu-item > a {
    color: #FFFFFF;
    background-color: #646464;
  }

  .section-width-first {
    padding-top: 70px!important;
    padding-bottom: 70px!important;
  }

  .row-width-interne {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
  }

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

  .bt-link-agenda{
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }

  .row-evenements{
    padding-left: 40px!important;
  }

}

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

  .galerie-insta .rl-gallery .rl-gallery-item{
    display: none;
    height: 180px;
  }

  .galerie-insta .rl-gallery .rl-gallery-item:first-child{
    display: block;
    flex-basis: 45%;
  }

  .galerie-insta .rl-gallery .rl-gallery-item:nth-child(2){
    display: block;
    flex-basis: 45%;
  }

  .galerie-insta .rl-gallery .rl-gallery-item:nth-child(3){
    display: none;
  }

  #main-footer .content-footer .links-footer .links {
    flex-basis: 65%;
    margin-bottom: 20px;
  }

  #main-footer .content-footer .links-footer .partenaires {
    flex-basis: 65%;
  }

  .bloc-infos-contact-page{
    padding: 30px;
  }

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

  .bloc-contact-restaurant {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .liste-menus .titre-resp-menu {
    font-size: 20px;
    line-height: 20px;
    padding: 20px;
    padding-left: 15px;
  }

  .liste-menus .titre-resp-menu span{
    padding-left: 30px;
  }

  .content-slider-locations {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px!important;
  }

  .titre-centre-blanc h2{
    margin-top: 30px!important;
  }

  .link-locations{
    flex-wrap: wrap;
    margin-bottom: 25px;
  }

  .link-locations a{
    flex-basis: 100%;
    margin-bottom: 25px;
  }

  .bloc-locations-equipement ul li{
    flex-basis: 100%;
    margin-right: 0;
  }

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

  .wsp-pages-list>li.page_item_has_children{
    flex-basis: 100%;
  }

  .blog-agenda.page-agenda .content-actu {
    flex-basis: 100%;
    margin-right: 0px!important;
    margin-bottom: 40px;
  }

  .blog-agenda.page-agenda .content-actu:last-child {
    margin-bottom: 0px;
  }

  .blog-agenda.page-agenda .content-actu .text-actu,
  .blog-agenda.page-agenda .content-actu .title-actu{
    height: auto;
    min-height: auto;
  }

  #section-focus-prestations .row-width-focus-rv:nth-child(2){
    padding-top: 40px!important;
  }

  .content-menu-desktop{
    padding-top: 130px;
  }

  .et_header_style_fullscreen ul#mobile_menu_slide{
    flex-basis: 100%;
  }

  .content-rs-header{
    flex-basis: 100%;
  }

  .bloc-general-texte h2,
  .content-evenement-single h1{
    font-size: 48px;
    line-height: 50px;
    margin-bottom: 20px;
  }

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

  .bloc-general-texte p {
    font-size: 18px;
    line-height: 24px;
    color: #333333;
  }

  .blog-agenda.home-liste .content-actu{
    flex-wrap: wrap;
  }

  .blog-agenda.home-liste .content-actu .img-actu,
  .blog-agenda.home-liste .content-actu .content-infos-actu{
    flex-basis: 100%;
    padding-left: 0px;
  }

  .blog-agenda.home-liste .content-actu .img-actu{
    margin-bottom: 30px;
    height: 200px;
  }

  .blog-agenda.home-focus .content-actu .img-actu{
    height: 40vh;
  }

  .et_builder_inner_content .section-integrable:nth-child(2) {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
  }

}

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

  .section-integrable-entete-restaurant{
  height: 45vh !important;
}

.section-integrable-entete-restaurant h1 span{
     display: block;
    font-size: 45px;
    line-height: 54px;
    font-weight: 900;
}

  .galerie-insta .rl-gallery .rl-gallery-item{
    display: none;
    height: 280px;
  }

  .galerie-insta .rl-gallery .rl-gallery-item:first-child{
    display: block;
    flex-basis: 90%;
  }

  .galerie-insta .rl-gallery .rl-gallery-item:nth-child(2){
    display: none;
  }

  .galerie-insta .rl-gallery .rl-gallery-item:nth-child(3){
    display: none;
  }

  #main-footer .content-footer .links-footer .links {
    flex-basis: 100%;
  }

  #main-footer .content-footer .links-footer .partenaires {
    flex-basis: 100%;
  }


  #main-footer .content-footer .links-footer .partenaires > a.part-full {
    flex-basis: 100%;
    text-align: center;
  }

  .bloc-infos-contact-page .tel {
    font-size: 22px;
    line-height: 22px;
  }

  .bloc-infos-contact-page .acces{
    padding-left: 20px;
    padding: 20px;
    padding-top: 70px;
    text-align: center;
  }

  .bloc-infos-contact-page .acces:before{
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }

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

  .link-contact{
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .link-contact a{
    flex-basis: 280px!important;
    margin-right: 0px!important;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .liste-salles .bloc-salle h2{
    font-size: 20px;
    line-height: 20px!important;
  }

  .liste-salles .bloc-salle .equipements-salle .infos-equipement {
    flex-basis: 49%;
  }

  .liste-salles .bloc-salle .equipements-salle .infos-equipement:nth-child(4) {
    margin-right: 2%;
  }

  .liste-salles .bloc-salle .equipements-salle .infos-equipement:nth-child(3),
  .liste-salles .bloc-salle .equipements-salle .infos-equipement:nth-child(5) {
    margin-right: 0;
  }

  .liste-salles .bloc-salle .infos-entete-salle{
    flex-wrap: wrap;
  }

  .liste-salles .bloc-salle .infos-entete-salle .content-infos-entete-salle,
  .liste-salles .bloc-salle .infos-entete-salle .img-salle{
    flex-basis: 100%;
    margin-left: 0px;
  }

  .liste-salles .bloc-salle .infos-entete-salle .img-salle img{
    width: 100%;
    margin-top: 20px;
    display: block;
  }

  .wsp-pages-list>li.page_item{
    flex-basis: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .bloc-tri-agenda .content-type a {
    font-size: 17px;
    line-height: 17px;
  }

  .bloc-tri-agenda h3{
    font-size: 28px;
    line-height: 28px;
  }

  .bloc-tri-agenda h3 span{
    display: block;
  }

  .bloc-galerie .rl-gallery .rl-gallery-item {
    flex-basis: 100%;
    margin-right: 0!important;
  }

  .bloc-galerie .rl-gallery .rl-gallery-item:nth-child(2) {
    display: none!important;
  }

  .content-menu-desktop{
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-rs-header h3 {
    font-size: 14px;
    line-height: 17px;
  }

  .et_header_style_fullscreen ul#mobile_menu_slide > li > a {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 30px;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li > a {
    font-size: 20px;
    line-height: 20px;
  }

  .et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide > li > ul.sub-menu > li > ul.sub-menu > li > a {
    font-size: 18px;
    line-height: 18px;
  }

  .et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 35%;
  }

  .row-width-focus-rv .bloc-texte-restaurant-home h3,
  .row-width-focus-rv .bloc-texte-vins-home h3{
    font-size: 30px;
    line-height: 30px;
  }

  .row-width-focus-rv .bloc-texte-restaurant-home .link-focus-restaurant span,
  .row-width-focus-rv .bloc-texte-vins-home .link-focus-vins span{
    display: block;
  }

  .bloc-newsletter .titre-newsletter {
    font-size: 40px;
    line-height: 40px;
  }

  .row-width,
  .error404 #main-content .container,
  .single-post #main-content .container{
    padding-left: 25px!important;
    padding-right: 25px!important;
  }

  .row-width-interne {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
  }

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

  .bloc-general-texte h2,
  .content-evenement-single h1{
    font-size: 38px;
    line-height: 40px;
  }

  .text-layer-video h1>span:first-child {
    font-size: 45px;
    line-height: 45px;
  }

  .text-layer-video h1>span:last-child {
    font-size: 20px;
    line-height: 20px;
  }

  .text-layer-video .link-video {
    padding: 15px;
    padding-left: 15px;
    padding-right: 55px;
    font-size: 18px;
    line-height: 18px;
    max-width: 100%;
  }

  .text-layer-video .link-video:after {
    right: 15px;
    font-size: 30px;
    line-height: 30px;
  }

  .bt-link-agenda {
    font-size: 19px;
    line-height: 19px;
  }

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

}

.page-id-1406 .et_pb_button, .page-id-9222 .et_pb_button{
  background: #214b80;
  border-color: #214b80;
  color: #fff;
}

.page-id-1406 .et_pb_button:hover, .page-id-9222 .et_pb_button:hover{
  background: #4e82c2;
}

/* CODE CSS POUR MODIFICATIONS DU 10 JUILLET 2025 */

div#section-hero-visiter {
  height: 700px;
  background-position: 80%;
}

#section-hero-visiter h2 {
  color: white;
  font-size: 36px;
  text-align: center;
}

#section-hero-visiter h2:before {
  content: none;
}

.bt-visiter{
  width: 370px;
  max-width: 100%;
  color: #FFFFFF !important;
  margin-right: auto;
  background-color: #224B80;
  border: 1px solid #224B80;
  border-radius: 8px;
  font-weight: 500;
  padding:20px;
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 20px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none !important;
}

.bt-visiter:hover{
  color: #224B80 !important;
  background-color: #FFFFFF;
}

#bloc-visite-intro {
  padding: 85px 0;
  position: relative;

  & h2,
  & p,
  & a{
    color: white;
  }

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    z-index: 0;
    background-size: 50px;
    opacity: 0.1;
  }

  @media screen and (max-width: 980px) {
    padding: 80px 0px;
  }

  .et_pb_row {
    max-width: 100%;
    position: relative;
    z-index: 1;
    width: 1400px;

    &.et_pb_row_2 {
      @media screen and (max-width: 980px) {
        display: flex;
        flex-direction: column-reverse;
      }

      .et_pb_column {
        margin-right: 0;

        @media screen and (max-width: 980px) {
          margin-bottom: 0;
        }

        /* Colonne de texte */
        &.et_pb_column_3 {
          .et_pb_text_inner {
            margin-top: 50px;
            background-color: #224B80;
            padding: 59px;
            width: 80%;
            font-size: 18px;
            font-weight: 300;
            text-align: left;
            color: #fff;

            @media screen and (max-width: 1500px) {
              font-size: 16px;
              width: 80%;
            }

            @media screen and (max-width: 980px) {
              width: 100%;
              padding: 59px 30px;
            }
          }
        }
      }
    }

    /* Deuxième rangée avec les images décalées */
    &.et_pb_row_3 {
      padding-top: 0;

      .et_pb_column {
        /* Première colonne - image décalée vers la droite */
        &.et_pb_column_4 {
          .et_pb_image {
            transform: translateX(11%);
            position: relative;
            right: 0;
            width: 75%;
            margin-top: -8%;

            @media screen and (max-width: 980px) {
              width: 100%;
              transform: none;
              margin-top: 0;
            }
          }
        }

        /* Deuxième colonne - image décalée vers la gauche */
        &.et_pb_column_5 {
          .et_pb_image {
            transform: translateX(-20%);
            margin-top: -30%;
            position: relative;
            left: 0;
            width: 110%;

            @media screen and (max-width: 1500px) {
              margin-top: -20%;
            }

            @media screen and (max-width: 980px) {
              width: 100%;
              transform: none;
              margin-top: 0;
            }
          }
        }
      }
    }
  }
}

/*.visiter-formule-bloc:hover .bt-visiter {*/
/*  color: #224B80 !important;*/
/*  background-color: #FFFFFF;*/
/*}*/

/*.visiter-formule-bloc:hover .image-visite-formule:before {*/
/*  transform: translateX(50%) translateY(-50%) rotate(45deg);*/
/*}*/

/*.visiter-formule-bloc:hover .bloc-general-texte h2{*/
/*  color: #224B80;*/
/*  font-size:60px;*/
/*}*/

.image-visite-formule {
  position: relative;
  overflow: hidden;

  .et_pb_image_wrap{
    background-color: white; !important;
  }

  &:hover{
    background-color: #EBEBEB;
  }
}

.image-visite-formule:before {
  content: " ";
  position: absolute;
  width: 160px;
  height: 160px;
  top: 0;
  right: 0;
  background-color: #224B80;
  transform: translateX(100%) translateY(-100%) rotate(45deg);
  transition: all 0.3s ease;
  z-index: 12;
}

.image-visite-formule img {
  width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  padding: 5px;
}

.bloc-formule-visite h3{
  /*width: 400px;*/
  width: 100%;
  position: relative;
  font-family: 'FontFroide2Accent';
  font-size: 55px;
  line-height: 60px;
  color: #333333;
  text-transform: uppercase;
  padding-bottom: 0px;
  padding-top: 30px;
  margin-bottom: 45px;
  transition: all 0.3s ease;
}

.bloc-texte-visite-formule{
  transition: all 0.3s ease;
  min-height: 500px;
  align-content: center;
  .prix{
    margin-top: 15px;
    font-size: 26px;
    font-weight: bold;
    &:nth-child(4){
      margin-top: 35px;
    }
  }
  .moreinfo{
    margin-top: 30px;
    font-size: 10px;
  }
}


.bloc-formule-visite:hover .bloc-texte-visite-formule{
  background-color: #224B80;
  border:1px solid #224B80;

  & * {
    color:white !important;
  }

  .bt-visiter {
    color: #224B80 !important;
    background-color: #FFFFFF;
  }

  .df__custom_menu{
    .menu__content {
      .separator {
        &:before {
          content: "";
          background: #fff;
        }
      }
    }
  }
}

.lg-toolbar{
  top: 140px;
}

.df_cci_container,.df_cci_image_container{
  height: 350px;
  @media screen and (max-width: 980px) {
    height: 250px;
  }
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.difl_advancedtabitem.df_at_content_active{
  margin-bottom: 0 !important;
}

table.df_table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  @media screen and (max-width: 980px) {
    border: 0;
  }
  thead{
    &.hide_m{
      @media screen and (max-width: 980px) {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
      }
    }

    @media screen and (max-width: 980px){
      th{
        display: none;
        &:first-child{
          display: block;
          text-align: center;
        }
      }
    }
  }
  & > tbody{
    & > tr {
      background-color: #f8f8f8;
      border: 1px solid #ddd;
      padding: .35em;
      vertical-align: baseline;
      @media screen and (max-width: 980px) {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
      }
      th, td {
        text-align: center;
        padding: 13px 5px;
      }
      th {
        text-transform: uppercase;
      }
      & > td{
        padding: 13px 24px;
        @media screen and (max-width: 980px) {
          border-bottom: 1px solid #ddd;
          display: block;
          font-size: 1.2em;
          /*text-align: right;*/
          border-top: none;
          &:before {
            /*
            * aria-label has no advantage, it won't be read inside a table
            content: attr(aria-label);
            */
            content: attr(data-label);
            float: left;
            width: 100%;
            font-weight: bold;
            text-transform: uppercase;
          }
          &:last-child {
            border-bottom: 0;
          }
        }
        table.child{
          @media screen and (max-width: 980px){
            tbody{
              tr{
                td{
                  display: block;
                  width: 100%;
                  text-align: center;
                  &:first-child{
                    background:#224B80;
                    color: #fff;
                    font-weight: bold;
                  }
                  &:last-child{
                    border-top: none;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

#Visiter__parallax, #Restaurant__parallax{
  &.image__parallax{
    .image__container{
      margin-bottom: 0;
    }
    .et_pb_image_wrap{
      width: 100%;
      overflow: hidden;
      img{
        width: 100%;
        object-fit: cover;
      }
    }
  }
}

.visiter__testimonials{
  .swiper-slide{
    border: 1px solid #e4e0e0;
  }
}


#bloc-restaurant-intro {
  padding: 85px 0;
  position: relative;

  & h2,
  & p,
  & a{
    color: white;
  }

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    z-index: 0;
    background-size: 50px;
    opacity: 0.1;
  }

  @media screen and (max-width: 980px) {
    padding: 80px 0px;
  }

  .et_pb_row {
    max-width: 100%;
    position: relative;
    z-index: 1;
    width: 1400px;

    &.et_pb_row_2 {
      @media screen and (max-width: 980px) {
        display: flex;
        flex-direction: column-reverse;
      }

      .et_pb_column {
        margin-right: 0;

        @media screen and (max-width: 980px) {
          margin-bottom: 0;
        }

        /* Colonne de texte */
        &.et_pb_column_3 {
          .et_pb_text_inner {
            margin-top: 50px;
            background-color: #224B80;
            padding: 59px;
            width: 80%;
            font-size: 18px;
            font-weight: 300;
            text-align: left;
            color: #fff;

            @media screen and (max-width: 1500px) {
              font-size: 16px;
              width: 80%;
            }

            @media screen and (max-width: 980px) {
              width: 100%;
              padding: 59px 30px;
            }
          }
        }
      }
    }

    /* Deuxième rangée avec les images décalées */
    &.et_pb_row_3 {
      padding-top: 0;

      .et_pb_column {
        /* Première colonne - image décalée vers la droite */
        &.et_pb_column_4 {
          .et_pb_image {
            transform: translateX(11%);
            position: relative;
            right: 0;
            width: 75%;
            margin-top: -28%;

            @media screen and (max-width: 980px) {
              width: 100%;
              transform: none;
              margin-top: 0;
            }
          }
        }

        /* Deuxième colonne - image décalée vers la gauche */
        &.et_pb_column_5 {
          .et_pb_image {
            transform: translateX(-20%);
            margin-top: 6%;
            position: relative;
            left: 0;
            width: 110%;

            @media screen and (max-width: 1500px) {
              margin-top: 5%;
            }

            @media screen and (max-width: 980px) {
              width: 100%;
              transform: none;
              margin-top: 0;
            }
          }
        }
      }
    }
  }
}

#bloc-seminaire-intro {
  padding: 85px 0;
  position: relative;

  & h2,
  & p,
  & a{
    color: white;
  }

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    z-index: 0;
    background-size: 50px;
    opacity: 0.1;
  }

  @media screen and (max-width: 980px) {
    padding: 80px 0px;
  }

  .et_pb_row {
    max-width: 100%;
    position: relative;
    z-index: 1;
    width: 1400px;

    &.et_pb_row_2 {
      @media screen and (max-width: 980px) {
        display: flex;
        flex-direction: column-reverse;
      }

      .et_pb_column {
        margin-right: 0;

        @media screen and (max-width: 980px) {
          margin-bottom: 0;
        }

        /* Colonne de texte */
        &.et_pb_column_3 {
          .et_pb_text_inner {
            margin-top: 50px;
            background-color: #224B80;
            padding: 59px;
            width: 80%;
            font-size: 18px;
            font-weight: 300;
            text-align: left;
            color: #fff;

            @media screen and (max-width: 1500px) {
              font-size: 16px;
              width: 80%;
            }

            @media screen and (max-width: 980px) {
              width: 100%;
              padding: 59px 30px;
            }
          }
        }
      }
    }

    /* Deuxième rangée avec les images décalées */
    &.et_pb_row_3 {
      padding-top: 0;

      .et_pb_column {
        /* Première colonne - image décalée vers la droite */
        &.et_pb_column_4 {
          .et_pb_image {
            transform: translateX(11%);
            position: relative;
            right: 0;
            width: 75%;
            margin-top: -28%;

            @media screen and (max-width: 980px) {
              width: 100%;
              transform: none;
              margin-top: 0;
            }
          }
        }

        /* Deuxième colonne - image décalée vers la gauche */
        &.et_pb_column_5 {
          .et_pb_image {
            transform: translateX(-20%);
            margin-top: -22%;
            position: relative;
            left: 0;
            width: 110%;

            /*@media screen and (max-width: 1500px) {
              margin-top: -22%;
            }*/

            @media screen and (max-width: 980px) {
              width: 100%;
              transform: none;
              margin-top: 0;
            }
          }
        }
      }
    }
  }
}
/*.df__custom_menu{
  .menu-desc__subtitle{

  }
  .menu-desc__container{
    display: flex;
    gap: 1%;
    align-items: stretch;
    .clmn{
      width: 32%;
      padding: 0 15px;
      border-right: 1px solid #bababa;
      align-content: center;
      &:last-child{
        border-right: none;
      }
      .clmn__title{
        font-size: 20px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 15px;
      }
      .menu__content{
        .separator{
          display: flex;
          justify-content: center;
          width: 100%;

          .separator__text{
            position: relative;
            padding: 0 12px;
            &:before, &:after{
              content:"";
              background: #000;
              width: 30px;
              height: 1px;
              top: 50%;
              position: absolute;
              transform: translateY(-50%);
            }
            &:before{
              left: 0;
              transform: translateX(-100%);
            }
            &:after{
              right: 0;
              transform: translateX(100%);
            }
          }


        }
      }
    }
  }
  .menu-desc__price{
    margin-top: 35px;
    font-size: 26px;
    font-weight: bold;
  }
}*/

#bloc-snack-intro{
  padding: 85px 0;
  position: relative;

  & h2,
  & p,
  & a{
    color: #000;
  }

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    z-index: 0;
    background-size: 50px;
    opacity: 0.1;
  }

  @media screen and (max-width: 980px) {
    padding: 80px 0px;
  }

  .et_pb_row {
    max-width: 100%;
    position: relative;
    z-index: 1;
    width: 1400px;

    &.et_pb_row_13 {
      @media screen and (max-width: 980px) {
        display: flex;
        flex-direction: column-reverse;
      }

      .et_pb_column {
        margin-right: 0;

        @media screen and (max-width: 980px) {
          margin-bottom: 0;
        }

        /* Colonne de texte */

        &.et_pb_column_17 {
          .et_pb_text_inner {
            margin-top: 50px;
            margin-left: auto;
            background-color: #224B80;
            padding: 59px;
            width: 80%;
            font-size: 18px;
            font-weight: 300;
            text-align: left;
            color: #fff;

            @media screen and (max-width: 1500px) {
              font-size: 16px;
              width: 80%;
            }

            @media screen and (max-width: 980px) {
              width: 100%;
              padding: 59px 30px;
            }
          }
        }
      }
    }
  }
}

.et_builder_inner_content{
  .section-integrable{
    &.bloc-cta{
      padding-top: 100px !important;
      padding-bottom: 150px !important;
    }
  }
}

.nf-form-cont{
  width: 80%;
  margin: 0 auto;
  .nf-before-form-content{
    color:#000;
    margin-bottom: 20px;
  }

  .nf-form-content {
    hr.ninja-forms-field{
    margin: 15px 0;
    }
    .list-select-wrap .nf-field-element>div{
      height: 37px;
    }
    .nf-field-container {
      margin-bottom: 8px;
      .nf-field-label {
        font-size: 18px;
        color: #000;
      }
      .nf-field-element{
        input[type="text"], input[type="email"], select{
          height: 37px;
          padding: 6px 12px;
        }
        &:after {
          height: 35px!important;
          line-height: 37px!important;
        }
      }
    }
  }
}


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;
      font-weight: 500;
      text-decoration: underline;
      padding-top: 10px;
    }
    #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 {
  order: 4;
  background: none;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  margin-top: 5px;
  border-bottom: 1px solid;
  padding: 0;
  width: auto;
  border-color: currentColor;
}

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

}