#featured-hero {
  position: relative;
  width: 100%;
  min-height: 40vh;
  overflow: hidden;
}
#featured-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
z-index: 0;
}
.img_inactive .seminaire{ display: block !important;}
.mapboxgl-popup-content{ height: auto !important;}
.wpdberror{ display: none;}
#formNotice{ display: none; justify-content: center;}
#formNotice span{  color: red; font-size: 20px;}
#featured-hero.fullVh{ height: auto !important;}
.entry-title{ margin-top: 1rem !important; margin-bottom: 2rem !important;}
.title_container { padding-top: 2rem;}
.title_container a { color: #fff;}

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

  .brochure.brochure_item { width: 90% !important; }
  
}

.simple-site-map { display: flex; justify-content: center;}

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

  .alireaussi_large{ font-size: 3rem!important; }
  .smallMarginTop{ margin-top: 2rem !important; }
  .smallMarginBottom{ margin-bottom: 2rem !important; }
  #sorties_header{ padding: 5% !important; }
  #searchForm{ padding: 0 !important; }
  #footer-container #footer .social_links { padding: 5%; }
  #resa-questions>div .semaine .semaine-content{ padding: 2rem 2rem 0!important;  }
  .formContainer.resa-newsletter{ width: 100%;  }
  .se-deplacer-container{ width: 100% !important; padding: 0 !important;  }
  .large-12 { margin-top:5%; padding:0; }
  .page-full-width article{ margin-bottom: 1rem; }

}

#map { height: 100% !important;}
.inputContainer #adresse:has(.item-form){ width: 100%;}
.inputContainer label{ text-align: center;}
.inputContainer { display: flex; flex-wrap: wrap; justify-content: center;}
.formContainer input[type="submit"] { margin-top: 0;}
.formContainer { padding: 2em 2em 0}
.formContainer form { padding-top: 1em;}

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

  .inputContainer{ flex-direction: column; }
  .item-form{ width: 100% !important; }
  
}

.item-form { width: 50%;  padding: 2%;}
.check-radio { width: 100%;}
.inputContainer .check-radio { display: flex; justify-content: center;}
#se-deplacer { max-width: 89rem; margin: 0 auto; padding: 0 6rem; margin-top: 3rem; margin-bottom: 3rem;}
.tabsWrapper{ display: flex;}
.onglet:before { display: block; fill: #000; max-width: 85%;  top: 37.5px;}
.hidden { display: none;}

.onglet{
	display: flex;
    background-color: #f9f9f9;
    text-align: center;
    flex-grow: 1;
    padding: 1em;
    margin: 0 auto;
    cursor: pointer;
    outline: none;
    border: thin solid #efefef;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.onglet a { color: #5f5f5f !important;}
.tabsWrapper .active { border: 1px solid #474747;}
.onglet img {
  display: block;
    height: 30px;
    width: auto;
    margin: 0 auto 0.5em;
    border: none;
    filter: saturate(0) brightness(0.5);
}

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

  .tabs .contentWrapper { display: none; }
  #se-deplacer { padding: 0 1rem;}
  
}

.blueContainer { padding: 1% 5% 2% 5%;  background-color: #515151; margin-bottom: 2%;}
.label__field { color: white; font-size: 1.5rem;}
.form-brochure .label__field { color: #5F5F5F; text-align: left;}
.form-brochure form { background-color: #f6f6f6; padding: 2em; width: 100%!important;}
form .check-radio > div { align-items: flex-start; display: flex;}
.mapboxgl-popup-content { height: 220px; width: 15rem;}
.mapboxgl-popup-content img { width: 100%;}

#map { height: 100%;  width: 100%;  position: absolute; top: 0px; left: 0px;  background-color: rgb(229, 227, 223);}
#options .img { background-position: center center;filter: saturate(0); background-repeat: no-repeat; background-size: contain; height: 40px; width: 40px; margin-right: 0.5rem;}
#options .img.on { display: none;}
.center { text-align: center;}
.button.disabled, .button[disabled] { cursor: not-allowed; opacity: 0.7 !important; color: #fff!important;}
#resa-questions .button.disabled, #resa-questions .button[disabled] { cursor: not-allowed; opacity: 1 !important; color: #515150!important; background: none; padding-left: 1rem!important; text-decoration: none!important;}
.button.disabled::placeholder, .button[disabled]::placeholder { color: rgba(255,255,255, 0.7) important;}


.partenaire {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
    display: inline-block;
    background: url('../images/LogoPerle.png') no-repeat;
}
#partenaire_content {
    padding-left: 60px;
    background: url('../images/LogoPerle.png') no-repeat;
    background-size: 40px;
    background-position: left center;
}
#partenaire_content a {border-bottom: none;}

 .result_title .partenaire {
  margin-left: 5px;
  cursor: default;
  width: 20px;
  height: 20px;
 }
body #front-hero  h1.home_title {
  font-size: 66px;
  padding-left: 13%;
  margin-top: 2rem;
  letter-spacing: -2px;
  text-align: left;
  line-height: 64px;
}

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

  .slogan-mobile{ font-size: 50px; }
    
}

h1.home_title .blue {color:#515151;font-size:46px;}
#cookie {color: #FFF;background-color: #515151; text-align: center;padding: 10px;z-index: 10;position: fixed;bottom: 0;width: 100%;}
#cookie a{color: #FFF;border: 1px solid #FFF;padding: 3px 7px;font-weight: bold;margin: 10px 7% 0;display: inline-block;font-weight: bold;}
.title-h2 {font-size: 4rem; line-height: 1.125;position: relative;}
.title-h2::before {background-color: #515151; height: 4px; width: 7.5rem; display: block; content:"";position: absolute;top:-1.75rem;left:0;}
.list-compose {border-radius: 0;border: 2px solid #515151; padding-top: 0;}
.list-compose li {text-align: left;cursor: pointer;font-size: 2rem}
.page-template-page-semaine #page-sidebar-right {padding-top: 60px}
span.txt_jour {top: -2rem;}
html[lang="en-GB"] .menu-item-live,html[lang="en-GB"] #picks-hero-2 {display: none;}
.page-template-ou-dormir .alireaussi_large {position: relative;}
.bordure-header-2 h4 {padding : 40px; border: 5px solid #FFFFFF; background : rgba(0, 0, 0, 0.6);font-size: 2.5625rem;}
.show_mobile {display: none!important;}
#profitez-hero {overflow: hidden;}
.page-template-page-articles .large-8 { -ms-flex: 0 0 66.56667%; flex: 0 0 66.56667%; max-width: 66.56667%;}
.links {margin: 0 auto}
.page-numbers {
  border-radius: 12px;
  color: #515151;
  background-color: #fff;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin: 0 4px;
  display: inline-block;
  padding: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}
.page-numbers.next, .page-numbers.prev {display: none;}
.page-numbers.current, .page-numbers:hover {background-color: #101822;color: #FFF;}

#comments { max-width: 48.75rem; margin: 0 auto;}

.catchphrase_container { color: #FFF; position: absolute; right: 10%; bottom: 10%;}

body .results .facebook_link { background: url(../images/social/fb_blue.svg) no-repeat; background-size:cover; text-indent: -999px; font-size: 0; width: 30px; height: 30px; display: block; border: 0; margin-top: 10px;}
.bassin-toute-saison {position: relative;z-index: 100}
#semaine-hero {position: relative;}
.catchphrase_container p { font-size: 80px; line-height: normal; text-transform: uppercase;}
.catchphrase_semaine_hero span {font-size: 60px;}

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

  .catchphrase_container p {font-size: 60px;}
  .catchphrase_semaine_hero span {font-size: 40px;}
    
}

.disabled_infos {text-align: center; margin-top: 15px; font-style: italic;font-size: 16px;width: 100%; color: #FFF;}
.masonry-container .catblog {position: absolute; background-color: #000; color: #fff; text-transform: uppercase; bottom: 0; display: inline-block; left: 0; padding: 0.2em 0.6em; font-size: .8em; z-index: 2;}
.author_infos .bloc_title { font-size: 17px; color: #515151; text-transform: uppercase; margin-bottom: 0;}
#single-post .author_infos .author_name { font-size: 30px; color: #515151; line-height: normal; margin-bottom: 0;}
.info_left {border-right: 4px solid #515151; padding-right: 35px;width: 43%;}
.info_right {padding-left: 40px;width: 60%;font-size: 20px;}
.author_infos { background-color: #FFF; padding: 30px; display: flex; flex-direction: row; align-items: center;}
.social_sharing img { width: 20px; line-height: normal; clear: both; display: block; height: 20px;}
.related_posts .item {width: 50%;max-width: 550px; padding: 0 20px;}
.related_posts .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; justify-content: center; }
.related_posts { clear: both; background-color: #f5f5f5; padding-bottom: 60px; }
.social_sharing {display: flex;align-items: center;justify-content: center;margin-top: 45px !important;}
.social_sharing a{ padding: 10px; border: 2px solid #515151;display: inline-block; margin: 0;}
#comments {clear: both; padding-left: 95px;}
#respond .input_container {display: flex;align-items: center;}
#respond #email {margin: 0 20px 1rem;}
#respond input, #respond textarea {border: none;font-size: 20px;}
#respond input { height: auto;padding: .8rem .5rem;}
#respond textarea  {height: 250px;margin-bottom: 20px;}
#respond h3 { font-size: 22px; color: #515151; padding-top: 40px;}
#respond ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 20px; color: #5f5f5f;  opacity: 0.6;}
#respond ::-moz-placeholder { /* Firefox 19+ */ font-size: 20px; color: #5f5f5f;  opacity: 0.6;}
#respond :-ms-input-placeholder { /* IE 10+ */ font-size: 20px; opacity: 0.6; color: #5f5f5f;}
#respond :-moz-placeholder { /* Firefox 18- */ font-size: 20px; opacity: 0.6; color: #5f5f5f;}
#respond input[type=submit] { font-size: 15px; color: #515151; border: 3px solid #515151; padding: 20px 10px; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;}
#respond input[type=submit]:hover { background-color: #515151; color: #fff;}

h1.comments_title, h1.related_title, h2.comments_title, h2.related_title { color: #101822; text-transform: none; text-align: center; clear: both; font-size: 65px; padding-top: 50px; margin-top: 0px; margin-bottom: 45px;}
h2.related_title {font-size: 45px;}
#comments .post {position: relative;margin-top: 30px}
#comments .post:first-child {margin-top: 0;}
.comments_number {color: #515151;font-size: 22px;}
#comments .infos {color: #515151;font-size: 17px; padding-bottom: 15px;}
#comments ul.children {margin-left: 60px;}
#comments > .post:before { background-image: url(../images/quote_blue.png); background-repeat: no-repeat; background-size: contain; width: 80px; height: 87px; left: -95px; top: 5px; content: ""; display: block; position: absolute;}
#single-post .social_sharing .social_desc {font-size: 20px;padding-right: 10px; color: #515151; text-transform: uppercase;margin: 0;}
.social_sharing .twitter_icon {border-left: 0;border-right: 0; }

.menu-bloc-left {position: relative;z-index: 2}
.menu-bassin {overflow: hidden;}

.page-full-width.only_padding, #page-full-width.only_padding { padding-top: 3rem; margin-top: 0;}
 #page-full-width.only_padding { padding-top: 0rem; margin-top: 0;}
.only_padding .page-full-width {margin-top: 0;}
.only_padding .grey_bg { padding-top: 3rem;}

.suggestions {padding-top: 2em;}
.suggestions .grid-3 { max-width: 1220px; margin: auto;}
.grey_bg {background-color: #f5f5f5;}
.suggestions::after { display: table; content: ' '; clear: both;}
.suggestions .suggestion_name { font-size: 1.8rem; line-height: normal;}
.suggestions .suggestions_infos {margin-bottom: 0; font-size: 1rem;}
.suggestions .suggestion_image { width: 100%; margin-bottom: 10px; padding-bottom: 90%; background-size: cover; background-position: center;}
.suggestions h2 { text-align: center; margin-bottom: 30px; font-size: 2.6rem;}
.full_url {position: absolute;left: 0;top: 0;width: 100%; height: 100%;}
.suggestions .item { padding-bottom: 1em;}

body #front-hero {padding: 0;}
.front_mois { padding: 4em 2em;}
.header-social button {margin-right: 1rem;}

.top-bar-right ul li a, .top-bar-right ul:not(.submenu)>li.menu-item-has-children>a:hover { -webkit-text-fill-color: initial; }
.top-bar-right ul:not(.submenu)>li.menu-item-has-children>a { color: #fde7d5 !important; font-size: 1.3rem!important; font-family: 'Lato', "Droid Sans", "Helvetica Neue", sans-serif; text-transform: uppercase;    font-weight: 700; border-top: 2px solid #fde7d5; border-bottom: 2px solid #fde7d5; margin: 1em 0; padding: 0.5em;}
.sub-menu-mobile input { margin: auto; }
			.sub-menu-mobile .button { margin-top: 20px; }	
.sub-menu-mobile input[type="text"] { margin: auto; background-color: transparent; color: #fff; border: thin solid #fff;border-radius: 50px; padding: 0 1em; max-width: 250px; }
.sub-menu-mobile input[type="text"]::placeholder { color: #fff;}
.sub-menu-mobile input[type="submit"] {padding-left: 1.5em !important;}
.sub-menu-mobile input[type="submit"]:hover {background-color: transparent;}

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

  body .top-bar-right {opacity: 1 !important; transform: none !important;}
  body #front-hero h1.home_title {padding-left: 17%;margin-top: 5rem;}
  #wishlist_counter {display: none;}
  .top-bar-right ul li.menu-item-has-children>a { font-size: 1.2rem!important; color: #21637b!important; }
    
}

.top-bar-right ul:not(.submenu)>li.menu-item-has-children>a:hover {background: none;-webkit-text-fill-color: initial}

.push-content-inner ul {padding-top: 0rem;}
body.page-template-page-wifi .gm-style-iw { top: 12px !important; background-color: transparent; box-shadow: none;}

.menu-item .blog {padding-top: 7px;}

@media screen and (max-width: 640px) {
  .google_play img, .app_store img {margin: 0 auto}
}

.google_play {left: -1px;}


#page_intro { text-align: center; padding-bottom: 30px; background-color: #f5f5f5;}
.page-template-page-carnet-de-voyages section.container > .row { background-color: #f5f5f5;padding-bottom: 0;}
#page_intro h2 {color: #515151;font-size: 30px;text-align: center;width: 100%;margin-bottom: 30px;}
#page_intro p {font-size: 20px;}

.clearfix:after { content: ""; display: table; clear: both;}

@media print {

    .only-print {display: block;width: 100%;}
   	.only-screen { display: none; }
   	
}

#map_siba {width: 170%; position: relative;left: -40%;}

@media print, screen and (min-width: 40em) {

    #single-post .main-content:last-child:not(:first-child) { float: none; }
    
}

.st0-marches{fill:#015270;}
.st1-marches{fill:#015270;enable-background:new    ;}
.st2-marches{fill:#FFFFFF;}

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

    .page-template-page-carnet-de-voyages #page-full-width .row {    max-width: 800px !important;}
    
}

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

    #cookie {display: none;}
    #front-hero svg.logo_siba {display: none;}
    .catchphrase_container { position: relative; right: auto; bottom: auto;}
    .catchphrase_container p {font-size: 40px;}
    .catchphrase_semaine_hero span {font-size: 20px;}
    .suggestions h2 {font-size: 40px;}
    .suggestions .item { max-width: 500px; width: 100%; margin: 0 auto; float: none; }

}

@media only screen and (min-width: 721px){
    .page-full-width+section:not(#pre-footer-hero):not(#resa-questions) p {font-size: 8rem;}
    .profiter_container { position: absolute; z-index: 1; right: 8vw; margin-left: 6rem; top: -4rem; display: none;}
    #profitez-hero .profiter_large {position: relative; right: auto;margin-left: auto; top: auto;}
    
}

.article_alterne .bloc_fond_image.mobile {display: none;}

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

    .related_posts .item {width: 100%;margin-bottom: 30px;}
    .related_posts {padding-bottom: 30px;}
    h1.comments_title, h1.related_title {font-size: 40px; line-height: normal;}
    .info_left, .info_right {width: 100%;padding: 0;border: none;}
    .info_right {padding-top: 15px;}
    #respond .input_container {display: block;}
    #respond #email {margin: 0 0px 1rem;}
    .author_infos {display: block;}
    .article_alterne h3 {font-size: 2.2em;margin-top: 10px;}
    #picks-hero-2 h2, #picks-hero-2 h1 {padding: 0 20px;}
    .bordure-header-2 h4 {    font-size: 1.5625rem;}
    .article_alterne.modulo_2 .bloc_fond_image {display: none;}
    .article_alterne .bloc_fond_image.mobile {display: block;}
    .composez-resa p {max-width: 90%;}
    .dispo-legend {width: 100% !important; height: 100% !important;}
    .article_alterne.half .bloc_fond_image {width: 100%;max-width: 100%;}
    .article_alterne .bloc_fond_image.bloc_images_2 div:nth-child(2) {margin-right: 4%;}
    .article_alterne .bloc_fond_image.bloc_images_2 div {float: left;}
    #page-sidebar-right .main-content, .page-sidebar-right .main-content {width: 100%;box-sizing: border-box;padding: 0 1rem;margin: 0;}
    .article_alterne .bloc_fond_image {width: 100%;max-width: 100%;padding-bottom: 55%;}
    .page-template-page-saisons .article_alterne .bloc_fond_image {padding-bottom: 0%;}
    .article_alterne .bloc_fond_image.bloc_images_saison div{padding-bottom: 50%}
    .article_alterne div.bloc_texte_alterne p {margin-top: 0;}
    .article_alterne .bloc_fond_image.bloc_images_saison.bloc_images_4 div:first-child {float: left;margin-right: 0;}
    .article_alterne .bloc_fond_image.bloc_images_saison div:first-child {padding-bottom: 55%;}
    .article_alterne .bloc_fond_image.bloc_images_4 div:nth-child(2) {padding-bottom: 55%; float: right;}
    .article_alterne .bloc_fond_image.bloc_images_4 div:last-child {clear: both;}
    .article_alterne div.bloc_texte_alterne {margin-bottom: 1rem;}
    #a-lire-aussi {background: none;}
    div.page-sidebar-right+section {margin-bottom: 30px;}
    #page-sidebar-right h3:before, .page-sidebar-right h3:before {display: none;}
    .page-sidebar-right+section {padding: 2rem 2rem;}
    div.page-sidebar-right+section h3 { font-size: 2rem;max-width: 100%;}
    section.grey>div.row { max-width: 100% !important; width: 100%; padding: 2rem 0rem; }
    form[name=hebergements] { padding: 2rem 1rem !important; position: relative; visibility: visible; background: transparent; }
    form span { font-size: 18px; line-height: 33px;}
    form#hebergements_header input[type=submit] {margin-top: 1rem;}
    form .select_fields {width: 100%}
    a[data-form=hebergements] {display: none;}
    form, form#small_selector {padding: 1rem;width: 95%;}
    #resa-questions>div .semaine .semaine-content h3 {font-size: 2rem}
    .article_alterne.half h3 {font-size: 3rem;}
    div.select_dates p>img.arrow {margin-left: 1rem;}
    .page-full-width+section:not(#pre-footer-hero):not(#resa-questions) h3 {font-size: 2rem; max-width: 90vw; bottom: 5rem;}
    .select_fields > div {width: 100%; flex-direction: column;margin: 1em;text-align: center;}
    .select_fields h3 {text-align: center;}
    header#featured-hero>.page-title {position: relative;}
    header>.page-title {position: absolute;}
    .pick .scrollme {overflow: visible;}
    blockquote:before { width: 62px; background-size: 60px; }
    .sticky-container {z-index: 100;}
    .sticky-container img {display:none!important;}
    .tailor-section__content blockquote p {font-size: 2.1rem}
    .page-template-ou-dormir .container #picks-hero.selections {padding: 0 1rem;}
    span.txt_jour {top: -4rem;}
    .anim_title {width: 100%; left: auto;padding: 0; position: relative;}
    .page-template-ou-dormir .alireaussi_large {text-align: right;left: auto;}
    .page-full-width+section:not(#pre-footer-hero):not(#resa-questions) p {font-size: 3rem!important; padding-top: 2rem; width: 100%;}
    #picks-hero .terrain {display: none;}
    #composez-hero .composez-frontpage {max-width: 50vw;}
    #vivez-hero a.border-bottom-only { margin-left: 10px;}
    #profitez-hero .profiter_large { display: none; font-size: 3em;right: auto;left: 0;top: 0;margin-left: 1rem;}
    .page-template-ou-dormir #picks-hero {height: auto !important}
    #picks-hero {height: auto;}
    #picks-hero-2 .picks h4.small-subtitle {margin-right: 1rem}
    #picks-hero .picks .title-picks {margin-top: -108px !important;}
    #pre-footer-hero #pre-footer-blocs>section a>img {max-width: 45%;margin: 0 auto;clear: both;display: block;}
    #pre-footer-hero #pre-footer-blocs div.illu img.illu-theme-footer {margin-left: 0px !important; }
    #pre-footer-hero #pre-footer-blocs div.illu {height: 3rem;width: 4rem;}
    .illuCalibrate{ margin-bottom: 10%; }
    .headerInfos { display: flex; flex-direction: column; align-items: center; justify-content: center;}
    #profitez-hero .profitez .tagline {max-width: 100vw;width: 100%; padding: 0 1rem;}
    #footer .logos a { display: block;margin: 0 auto; }
    #footer .logos > span {display: block;float: none;width: 100%;margin: 25px;}
    #pre-footer-hero #pre-footer-blocs>section {padding-right: 1rem;text-align: center;}
    #pre-footer-hero #pre-footer-blocs div.illu {height: 7rem;}
    #pre-footer-hero #pre-footer-blocs p {max-width: 100%; clear: both ;}
    #pre-footer-hero #pre-footer-blocs h3 {font-size: 2rem;} 
    
}



/******** PAGE FRONT ********/

form input.submit-button {
    width: 80%;
    padding: 1.5rem;
    margin: 0;
}
#front-hero h1, #front-hero h2 { color: #515151; text-align: center; line-height: normal;}
#front-hero h2 { font-size: 2rem; margin-bottom: 0.8em;}
#front-hero h1 {text-transform: none; color: #fff; font-size: 4em; margin: .60em 0 0.2em;}
#front-hero { background: url('https://bassin-arcachon.com/wp-content/uploads/2020/07/PHOTO-HOME-scaled.jpg'); overflow: hidden; -webkit-background-size: cover; background-size: cover; background-position: bottom; height: auto; position: relative; text-align: left; width: 100vw}

#front-hero .picks {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 68vw;
    width: 68vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 85vh;
    position: relative;
}

#front-hero .picks::after,
#front-hero .picks::before { display: table; content: ' '}
#front-hero .picks::after { clear: both}

@media screen and (max-width:640px) {
    #front-hero {padding-bottom: 100px; height: 100%;}
    #front-hero .picks { max-width: 100vw; width: 100vw; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; left: 0; margin-left: 0; top: 0rem; position: relative; }
}

@media screen and (max-height:720px) {

	/*#front-hero { min-height: 720px; }*/
	
}

#front-hero .picks .pick { width: 31%; position: absolute}

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

    #front-hero .picks .pick { width: 100%; position: relative }
    
}

#front-hero .picks .picks-01 { background: url(../images/home/pick-01.jpg) bottom center; height: 300px; -webkit-background-size: cover; background-size: cover;    background-position: center; -webkit-transition: all .25s ease; transition: all .25s ease}

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

    #front-hero .picks .picks-01 { height: 23.75rem }
    
}

#front-hero .picks .picks-02 { background: url(../images/home/pick-02.jpg) bottom center; height: 300px; -webkit-background-size: cover; background-size: cover;    background-position: center; -webkit-transition: all .25s ease; transition: all .25s ease}

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

    #front-hero .picks .picks-02 { height: 23.75rem }
    
}

#front-hero .picks .picks-03 {
    background: url(../images/home/pick-03.jpg) bottom center;
    height: 300px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

@media screen and (max-width:640px) {
    #front-hero .picks .picks-03 {
        height: 23.75rem
    }
}

#front-hero .picks .pcks1 {
    left: 5%;
    top: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
}

#front-hero .picks .pcks2 {
    left: 33%;
    top: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
}

#front-hero .picks .pcks3 {
    left: 61%;
    top: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
}

@media screen and (max-width:640px) {
    #front-hero .picks .pcks3 {
        left: 0
    }
}

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

  #front-hero h1 {font-size: 2.7em;}
  #front-hero .picks .pcks2, #front-hero .picks .pcks1, #front-hero .picks .pcks3 {
      left: 0;
      transform: none !important;
      top: 0;
      padding-bottom: 10px;
  }
    
}

#front-hero .picks .pcks1{ justify-content: flex-end;}
#front-hero .picks .pcks3{ justify-content: flex-start;}
#front-hero .picks .title-picks {
    opacity: 0;
    margin-top: 100px;
    padding: 15px  25px;
    background: #fde7d5;
    border-radius: 10px;
}

#front-hero .picks .title-picks p {
    margin-bottom: 0;
    color: #646462;
    font-size: 1.1rem;
}

#front-hero .picks{ left: 2rem !important;}

#front-hero .picks h3.white {
    color: #fff;
    font-size: 2.75rem;
    max-width: 50%;
    line-height: 1;
    margin-top: -4.75rem;
    margin-left: 1rem
}

#front-hero .picks h4:before {
    content: "";
    width: 60px;
    background-color: #515151;
    height: 3px;
    display: block;
    margin: 1rem 0
}

#front-hero .picks h4.small-subtitle {
    color: #515151;
    font-size: 1.45rem;
    margin-left: 1rem;
    max-width: 100%;
    line-height: 1
}

@media print,
screen and (min-width:40em) {
    #front-hero {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        height: auto;
        padding: 0 6rem
    }
}

#front-hero .terrain {
    height: 50vh;
    width: 100vw;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

#front-hero .terrain img.sky {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
    -ms-transform: matrix(1, 0, 0, 1, 0, 100);
    transform: matrix(1, 0, 0, 1, 0, 100)
}

#front-hero .terrain img.dune {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0)
}

#front-hero:before {
    background-color: transparent!important
}

@media only screen and (max-width: 1280px){
    #front-hero h1 {
        margin: 0;
    }
    #front-hero .picks {top: 18%;}
    .container_button {bottom: 1rem;}
}


header>.page-title .title_container h1.entry-title:after { display: none;}
header>.page-title .title_container h1.entry-title {max-width: 100%;}
.title_container {max-width: 90vw;text-align: center;}
.title_container p {color: #FFF;font-size: 1.5rem;font-weight: bold;}

.single header h1 {display: none}
.single-moisparmois header h1 {display: block}
.single-moisparmois header .entry-title { margin-top: 2rem !important;}
.single-moisparmois .corps, .single-moisparmois .infos {padding: 1em 2em}
.single #single-post h1 {display: block}

@media print, screen and (min-width: 40em) {

	.title_container p {font-size: 1.5rem}
	.title_container {max-width: 65vw;text-align: center;}

}
@media print, screen and (min-width: 64em) {
	.title_container p {font-size: 2.5rem}
	header h1 {display: block}
	#single-post h1 {display: none}
}
@media print, screen and (max-width: 560px) {
	.title_container p {font-size: 1rem}
}

.container_input {position: relative;}
.position { position: absolute; right: 16px; cursor: pointer; top: 55%; transform: translateY(-50%);}
.position img {width: 35px;}

body .form-circuit .item input { padding: .75rem 3rem .75rem 1rem; }
body .form-circuit .item input {border: 0; border-bottom: 1px solid #101820;}
body header .form-circuit .item input {border-bottom: 1px solid #fff;}
.form-circuit .item input::placeholder { color: #fff!important}

.info_gmap {    position: relative;    font-size: 1rem;    bottom: 0;    max-width: 600px;    line-height: 1;    color: #FFF;    text-align: center;    margin: 2rem 0;}

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

    .info_gmap { max-width: 100%; padding: 50px 30px 0; position: relative; }

}

.page-template-page-wifi .row { padding: 0rem 8rem;}
.page-template-page-wifi #page-full-width .main-content { margin: 0 auto;}

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

  .relative{ margin-top: 65% !important;  }
  .relative .button{ font-size: 1.3rem;  }
  
}

#composez-hero .composez { width: 100%;  display: flex;  height: 100%;}
#composez-hero .composez img { margin-bottom: 10%;}

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

  #composez-hero .composez-frontpage{ max-width: 80vw !important;  }
  .reveal{ min-height: 42vh !important; height: auto !important; top: 30%;  }
  
}

.withoutDateSelector { justify-content: center !important;}
.withoutDateSelector div { padding: 2%;}
.absolute { position: absolute !important;}
.watch { width: 5rem; height: 5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#front-hero video { background-image: unset!important; background-color:rgba(0, 0, 0, 0.8) !important;}


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

  #front-hero{ height: 53vh; }
  
}

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

  #front-hero .picks > div { position: relative; top: 0;}
  #front-hero .picks{ flex-direction: row; left: 0 !important; position: relative;}

}

@media screen and (max-width: 640px) { /* ligne 800 custom.css */
  #front-hero { height: auto; }
}

@media print, screen and (min-width: 40em) {
  #front-hero { background-position: bottom; }
}

#logo_siba{ display: none;}

.logoHeaderHome{ max-width: 164px; margin: auto;}
.logos a:first-child{ width: 15%;}

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

    .logoHeaderHome{ max-width: 100px; }
    body.home .logoMobile { max-width: 100%; }
    body.home .title-bar{ background: transparent; }
    .logoMobile{ max-width: 60%; display: block; margin: 0 auto; }
    .tabsWrapper { flex-wrap: wrap; }
    .onglet {
        background-color: #f6f6f6;
        text-align: center;
        flex-grow: 1;
        max-width: 100%;
        height: auto;
        padding: 1em;
        box-sizing: border-box;
        margin: 0 auto;
        cursor: pointer;
        outline: none;
        margin-right: 0;
        margin-left: 0;
        border: 1px solid #dadada;
        flex: 0 1 33%; }
    #resa-questions>div .resa.villes div.select { width: 70vw; }

}

@media screen and (min-width: 990px) and (max-height: 700px){

    span.slogan-mobile { bottom: 60px; position: relative; }
    
}

@media screen and (min-width: 990px) and (max-height: 820px){

    .container-menu-left > .menu-holder { transform: translateY(-43%) !important; }
    
}

.author_infos {	display: none !important;}
.search-subtitle {	background: #fff; padding: 10px 20px;}




/* Button --------------------------------------------------------------------------------------------------------------------------------------- */

.button.large, .wp-block-button__link { padding-left: 0; font-size: 1.2rem; font-weight: 700; -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #101822; 
  text-decoration: underline; 
  border: 0;
  background-color: transparent;
}
.button.medium { padding-left: 0; font-size: 1rem; font-weight: 700; text-align:left; -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #181522; text-decoration: underline;  border: 0
}
.button:hover, .wp-block-button__link:hover { color: #515150; text-decoration: none; -webkit-backface-visibility: hidden; backface-visibility: hidden;
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
.button.medium.plus:before {
	background: url(../svg/plus.svg) no-repeat left center;
    content: "";
    padding-right: 26px;
    background-size: 20px;
    background-position-y: 0;
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}
.button.large.plus:before, .wp-block-button__link:before {
    background: url(../svg/plus.svg) no-repeat left center;
    content: "";
    padding-right: 30px;
    background-size: 22px;
    background-position-y: 1px;
}
.button.large.plusblanc, .button.large.plusnoir, .button.large.plusblanc2 { color: #fff;}
.button.large.plusblanc:hover, .button.large.plusnoir:hover, .button.large.plusblanc2:hover { color: #fff;}
.button.large.plusnoir2, .button.large.plusnoir2:hover { color: #101820;}
.button.large.plusnoir:before {
    background: url(../svg/plusnoir.svg) no-repeat left center;
    content: "";
    padding-right: 30px;
    background-size: 22px;
    background-position-y: 1px;
}
.button.large.plusnoir2:before {
    background: url(../svg/plusnoir.svg) no-repeat left center;
    content: "";
    padding-right: 30px;
    background-size: 22px;
    background-position-y: 1px;
}
.button.large.plusblanc:before, .plusblanc .wp-block-button__link:before {
    background: url(../svg/plusblanc.svg) no-repeat left center;
    content: "";
    padding-right: 30px;
    background-size: 22px;
    background-position-y: 1px;
}
.button.large.plusblanc2:before, .plusblanc2 .wp-block-button__link:before {
    background: url(../svg/plusblanc2.svg) no-repeat left center;
    content: "";
    padding-right: 30px;
    background-size: 22px;
    background-position-y: 1px;
}
.button.large.download:before {
    background: url(../svg/telecharger.svg) no-repeat left center;
    content: "";
    padding-right: 30px;
    background-size: 22px;
    background-position-y: 1px;
}
.button.large.copy:before {
    background: url(../svg/copy.svg) no-repeat left center;
    content: "";
    padding-right: 30px;
    background-size: 22px;
    background-position-y: 1px;
}
.button.large.voir:before {
    background: url(../svg/voir.svg) no-repeat left center;
    content: "";
    padding-right: 30px;
    background-size: 22px;
    background-position-y: 1px;
}
p.plusblanc a:not(.button) { border-bottom: 0;}
.button.large.white-button { background: 0 0; border-color: #fff; color: #fff;}

#resa-questions .semaine .semaine-content form input[type=submit] {
    background-color: transparent;
    color: #fff;
    font-size: 1.2rem!important;
    text-transform: none;
    border: 3px solid;
    padding-left: 1rem!important;
    background: none;
    text-decoration: none!important;
}

/* Home ------------------------------------------------------------------------------------------------------------------------------------ */

.home .caroussel2 { margin: 0 auto; width: 100%; max-width: 50rem;}
.home .caroussel2 .carousel__slide h3, .home .caroussel2 .carousel__slide h3 a {color:#fff; font-family: 'Lato', "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1.2rem;}
.home .caroussel2 .carousel__slide h3:before { background-color: #fff; content: ""; margin-right: 20px; display: inline-block; height: 2px; width: 40px;}
.home .caroussel2 .carousel__slide.slick-current h3, .home .caroussel2 .carousel__slide.slick-current h3 a {font-family: dm_serif_displayregular, "Droid Sans", "Helvetica Neue", sans-serif; font-size: 2.4rem;}
.home .caroussel2 .carousel__slide.slick-current h3:before { height: 4px; width: 80px;}
.home .caroussel2 .carousel__slide .subheader, .home .caroussel2 .carousel__slide .button {display:none; color: #fff; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.home .caroussel2 .carousel__slide.slick-current .subheader, .home .caroussel2 .carousel__slide.slick-current .button {display:inline-block; padding-left: 100px;}
.home .caroussel2 .slick-slide { padding: 1em 0; width: 100%!important;}

.item-video h3 span.blue { color: #fff; font-size: 50px;}
.item-video h3 {font-family: dm_serif_displayregular, "Droid Sans", "Helvetica Neue", sans-serif;color: #fff;}

.home .creez, .home .sillonez, .home .vivez, .home .cartehome, .home .creez2 { display: flex; max-width: 50rem; margin: 4em auto 2em;}
.home .unesemaine > div { display: none;}
.home .cartehome {margin: 4em auto 1em;}
.home .carteh {margin-bottom: 2em; text-align: center; }
.home .carteh img {max-width: 768px; width: 100%; margin: auto;}
.home .creez > div > img, .home .sillonez > div > img, .home .vivez > div > img, .home .creez2 > div > img, .home .cartehome > div > img, .home .unesemaine > div > img {margin-right: 20px; width: 50px; padding-top: 12px;}
.home .creez h2, .home .sillonez h2, .home .vivez h2, .home .creez2 h2, .home .cartehome h2, .home .unesemaine h2 { font-size: 4.6rem; color: #101822; line-height: 1;}
.home .creez h3, .home .sillonez h3, .home .vivez h3, .home .creez2 h3, , .home .cartehome h3, .home .unesemaine h3 { font-family: "Lato", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1; font-size: 2rem; font-weight: 700;}
.home .blogmore {text-align: center; padding: 1.5em 1em; margin-top: 1em}

.home .carouselVilles, .home .carouselVivez, .home .carouselBlog { max-width: 1440px; margin: 0 auto;opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.home .carouselVilles.slick-initialized, .home .carouselVivez.slick-initialized, .home .carouselBlog.slick-initialized { visibility: visible; opacity: 1; }
.home .carouselVilles > div, .home .carouselVivez > div, .home .carouselBlog > div { overflow-y: hidden; max-height: 378px;}
.home .carouselVivez .carousel__slide, .home .carouselVilles .carousel__slide, .home .carouselBlog .carousel__slide { padding: 0 1rem;}
.home .carouselVivez .carousel__slide img, .home .carouselVilles .carousel__slide img, .home .carouselBlog .carousel__slide img { object-fit: cover; height: 378px; width: 100%;}
.home .carouselVivez .carousel__slide span:first-child, .home .carouselVilles .carousel__slide span:first-child, .home .carouselBlog .carousel__slide span:first-child, .dark {position: relative}

.home .carouselVivez .carousel__slide:before, .home .carouselVilles .carousel__slide:before, .home .carouselBlog .carousel__slide:before, .dark:before, .wp-block-uagb-container.mos_links .wp-block-uagb-image figure:before {  content: '';  display: block;  position: absolute;  height: 50%;  left: 1em; right: -2em; width: calc(100% - 2em); z-index:1;  bottom: 0;  background: linear-gradient(to bottom, transparent 0%, black 100%);}
.wp-block-uagb-container.mos_links .wp-block-uagb-image figure:before { left: 0; right: 0; width: 100%;}
.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner { z-index: 3;}

.wp-block-uagb-container.mos_links .nodark .wp-block-uagb-image figure:before { display: none;}
.dark:before {content: ''; display: block; position: absolute; height: 60%; width: 100%; background: linear-gradient(to bottom, transparent 0%, #000000cc 100%);}
.home .slick-dots { bottom: -50px}

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

	.home .creez, .home .sillonez, .home .vivez, .home .cartehome, .home .unesemaine, .home .creez2, .home #semaine-hero { padding: 0 1em; margin: 2em auto 1em;}
	.home .creez h2, .home .sillonez h2, .home .vivez h2, .home .cartehome h2, .home .unesemaine h2, .home .creez2 h2 { font-size: 2.4rem;}
	.home .creez h3, .home .sillonez h3, .home .vivez h3, .home .cartehome h3, .home .unesemaine h3, .home .creez2 h3 { font-size: 1.6rem; }
	.home .creez > div > img, .home .sillonez > div > img, .home .cartehome > div > img, .home .vivez > div > img, .home .unesemaine > div > img, .home .creez2 > div > img {width: 28px; padding-top: 4px;}
	.home .caroussel2 .carousel__slide.slick-current h3, .home .caroussel2 .carousel__slide.slick-current h3 a { font-size: 2rem;}
	.home .caroussel2 .slick-slide { padding: 0.5em 0;}
	.home .slick-dots { bottom: initial; padding: 0 1em; }
	.home .slick-dots li {margin: 0 3px;}
	
}

@media print, screen and (max-width:1023px) {

	.row.incontournables { display: none;}
	
}

@media print, screen and (min-width:60em) {

	.home .carouselVilles, .home .carouselVivez, .home .carouselBlog {margin: 0 auto 0 23.7%;}

}

.home .carouselVivez span, .home .carouselVilles span, .home .carouselBlog span { position: absolute; top: 0; bottom: 0; color: #fff; font-size: 1.9em; line-height: 1; width: calc(100% - 1em); z-index:2}

.home .carouselVivez span a, .home .carouselVilles span a, .home .carouselBlog span a { display: flex; align-items: flex-end; height: 100%; padding: 1em 0.7em;}

.home .carouselBlog h3 { line-height: 1.2; color: #fff; font-size: 1.7rem;}
.home .carouselVivez span h3 { color: #fff; font-size: 2.2rem; line-height: 1;}
.home .carouselVilles span h3 { color: #fff; font-size: 1.7rem;}
.home .moisparmois .carouselMois .carousel__slide, .home .moisparmois .carouselMois .carousel__slide2 { border: 2px solid #fff; margin: .5em; padding: 0.5em .8em; text-transform: uppercase; text-align: center;}


/* ------------------------------------------------------------ */


::selection { background-color: #fee7d7;}
h2 a:focus, h2 a:hover { color: #515150;}
.formContainer [type=text] {border: 0; border-bottom: 1px solid #101820; font-size: 1.2rem; background-color: transparent; }
input[type=submit] { border: 0; font-size: 1.3rem!important; text-decoration: underline!important; background: url(../svg/plusblanc.svg) no-repeat left center; content: ""; background-size: 26px; color: #101822; -webkit-transition: all 0.4s ease;  -moz-transition: all 0.4s ease;  -ms-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
input[type=submit].btn_search_heberg {padding: 1rem 1rem 1rem 32px!important;}
input[type=submit]:hover {-webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}
header + #section_recherche input[type=submit] { background: url(../svg/plus.svg) no-repeat left center;content: ""; padding: 1rem 1rem 1rem 32px!important; background-size: 26px; color: #101822; -webkit-transition: all 0.4s ease;  -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { height: 94%; }
.fullWidth.buttonDownload { text-align: center}
.fullWidth.buttonDownload a { margin: 2em auto 0;}
input#submit_iti { margin: 2rem auto 0;}


@media (min-width: 1024px) {

	.fancybox__slide { padding: 1em;}
	.home .slick-dots li { width: 70px;}
	
}

@media print, screen and (min-width:60em) {

	.formContainer .item-form { width: 31%;}
	
}
.formContainer .item-form.check-radio {
  width: 100%; text-align: left
}
.result-single-sidebar { padding: 0 2em;}
#page-full-width + .formContainer { background-color: #fef9f5; max-width: 100%!important;}
.form-circuit .item label h3 { color: #fff}
.result_content p > a { color: #515151; border: 0;}

.single-result h1 { color: initial; font-size: 2.4em;}
.single .slick-next { right: 45px;}
.single .slick-prev { left: 15px; z-index: 1;}

#pre-footer-hero.brochure { padding: 0;}
#pre-footer-hero.brochure .pre-footer {background-color: #f7f7f7; max-width: 100%; padding: 2em 1em;}
#pre-footer-hero .brochures { display: flex; flex-wrap: wrap; justify-content: center; max-width: 768px; align-items: center; margin: auto;}
#pre-footer-hero .brochures .brochure_right img {max-height:400px;}

@media (min-width: 64em) {
  
  #pre-footer-hero .brochures .brochure_left { text-align: left;}

}

.faq-items:before, .faq-items li:before {display: none!important}
.faq-items ul li i, .faq-items dd { transition: all 0.5s ease-in-out;}
.faq-items .flipIn, .faq-items ul li { animation: flipdown 0.5s ease both;}
.faq-items dt { border-bottom: thin solid; padding-bottom: 4px;}
.faq-items dd { position: relative; overflow: hidden; opacity: 1; transform: translate(0, 0); z-index: 2;}
.faq-items ul { list-style: none;  perspective: 900; padding: 0; margin: 0;}
.faq-items ul li { position: relative; margin: 0;  }
.faq-items ul dt i { position: absolute; transform: rotate(0); margin-top: 8px; right: 0;}
.faq-items ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 30px; z-index: 1; opacity: 0;}
.faq-items ul li input[type=checkbox]:checked + dt > i { transform: rotate(-90deg);}
.faq-items ul li input[type=checkbox]:checked ~ dd {  margin-top: 0;  max-height: 0;  opacity: 0;  transform: translate(0, 0);}
.faq-items h4 { margin-bottom:0}
.accordion dt i { background: url(../svg/arrow-d.svg) no-repeat; background-position: center right; background-size: 15px; display: block; width: 15px; height: 15px; position: absolute; transform: rotate(0); right: 0;}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

@media (min-width: 1024px) {

	#pre-footer-hero .brochures > div {width: 50%}

}

.soustitreBrochure { text-transform: uppercase; letter-spacing: 2px;}
.top-bar-right .trp-language-switcher .trp-ls-shortcode-language { display: flex!important; height: auto; position: relative; overflow: hidden; width: auto!important; visibility: visible; z-index: 1; max-height: initial; overflow-y: initial; left: 0; top: 0; min-height: auto; flex-wrap: wrap;}
.top-bar-right .trp-language-switcher > div > a { display: inline-block; margin: 0; border-right: thin solid; padding: 0 0.5em;}
.top-bar-right .trp-language-switcher > div > a:last-child { border-right: 0;}
.top-bar-right .trp-language-switcher .trp-ls-shortcode-current-language { display: none;}
.top-bar-right .trp-language-switcher > div > a:hover, .top-bar-right .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language { background: transparent; color: #f6e3d0;}
.grecaptcha-badge { display: none;}



/* Bassin mois par mois - cptfilters ---------------------------------------------------------------------------------------------------------------------------*/

.mois-carousel {
  max-width: 660px;
  margin: 0 auto; /* Centrer le carousel */
  position: relative; /* Nécessaire pour positionner les flèches */
  overflow: hidden;
  padding: 0 70px;
}

.moisparmois-container .swiper-wrapper {
  display: flex;
  align-items: center; /* Centrer verticalement les slides */
}

.moisparmois-container .swiper-slide {
text-align: center;
opacity: 0.5;
transition: opacity 0.3s ease-in-out;
font-size: 1.2rem;
flex-shrink: 0; /* Empêche la réduction automatique des slides */
width: calc((660px - 64px) / 3); /* Ajuste pour 3 slides visibles avec un espacement total de 64px */
margin: 0; /* Désactive les marges dans les slides */
}

.moisparmois-container .swiper-slide-active {
opacity: 1;
font-weight: bold;
}

.moisparmois-container .swiper-button-prev,
.moisparmois-container .swiper-button-next {
  background-color: #fff !important;
border: none; /* Retire toute bordure potentielle */
width: auto; /* S'assure que vos SVG prennent leur propre largeur */
height: 42px;
display: flex; /* Permet l'affichage */
align-items: center;
justify-content: center;
}
.moisparmois-container .swiper-button-prev:after, .moisparmois-container .swiper-button-next:after { display: none}

.moisparmois-container .swiper-button-prev img,
.moisparmois-container .swiper-button-next img {
width: 50px;
height: 100%;
}

.moisparmois-container .swiper-button-prev {
position: absolute;
left: 0px;
z-index: 10;
}

.moisparmois-container .swiper-button-next {
position: absolute;
right: 0px;
z-index: 10;
}
.monthSelector {
padding: 0.33em 1em;
border: thin solid;
text-transform: uppercase;
font-size: 1rem;
}
.spinner {
  display: none;
  text-align: center;
  margin-top: 20px;
}

.filter-posts {width: 100%;margin: auto!important;}
.filter-posts h2, .filter-posts main h3 {padding: 0 1em}
.archive-subtitle h2 {padding: 0; margin: 0;}
.archive-subtitle h2 p { font-family: var(--font3)!important;}
.filter-posts { margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; padding: 0;}
.filter-posts.filtrescpt { display: block;}
.filter-posts .entry-content { position: relative;}
.filter-posts a {text-decoration: none}

.filter-posts article { padding: 0 0 .3em; width: calc(100% - 2%); margin: 2%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 26px;}
.filter-posts .post-inner { padding-top:0!important }
.filter-posts .cat-name{ text-transform: uppercase; font-size: .8em;background-color: #fee7d7; color: #101820; display: inline-block; margin: 0 1em 0 1.4em; padding: 0 0.6em!important;}
.filter-posts .cat-name span, .single .post-inner .cat-name span, .single .post-inner .cat-name .datepub { font-family: var(--font1)!important; }
.filter-posts .cat-name span:last-child span {display: none}
.filter-posts span.cat-titre { font-weight: 700; margin-bottom:.3em; display: block;}
.filter-posts span.cat-titre:before { content: ''; background-color: #515151; width: 16px; height: 2px;    vertical-align: middle; display: inline-block; margin-right: 4px;}
.filter-posts .imgCont { margin: 0; padding: 0; width: 100%!important; overflow: hidden;}
.filter-posts img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;object-position: top; min-height: 316px;}
.filter-posts h2 {line-height: 1.1; font-size: 1.8rem; margin: 0!important; padding: 0.5em 0.6em 0.5em 0;}
.filter-posts .event_date { color: var(--color1); font-size: 1.2rem; text-transform: uppercase; font-weight: 700; padding: 0 1.25em;}
.filter-posts p { padding: 1em 0 0.5em; font-size: 1rem;}
.filter-posts dd li {font-size: 1rem!important;}
.filter-posts ul ul {padding-bottom:1em;}
.filter-posts .soustheme { font-style: oblique; font-size: .8em; padding: 0.5em 0; display: block;}
.filter-posts h4 {font-family: 'Lato'; text-transform: uppercase; font-weight: 700;font-size: 1rem;}
.single-moisparmois .entry-content > img { width: 100%; max-height: 480px; object-fit: cover;}
.perle, .premium {padding-top: 1em}
.perle h4:before, .premium h4:before { content: ''; background-color: #101820; background-repeat: no-repeat; background-size: 70%; background-position: center; width: 20px; height: 20px; vertical-align: middle; display: inline-block; margin-right: 4px; border-radius: 50px; margin-top: -4px;}

.perle h4:before {background-image: url(../svg/perle.svg);}
.premium h4:before { background-image: url(../svg/premium.svg);background-size: 60%; background-position: center 40%;}
.perle a:before, .premium a:before { background: url(../svg/plus.svg) no-repeat left center; content: ""; padding-right: 24px; background-size: 20px;}
.perle a, .premium a {text-decoration: none; border-bottom: 0!important;padding-top: 0.5em; display: inline-block;}
.perle a:hover, .premium a:hover {text-decoration: underline; border-bottom: 0;}
    
.filter-posts .gastronomie .cat-titre, .filter-posts .gastronomie h2 {color: #cd8085;}
.filter-posts .gastronomie .cat-titre:before, .filter-posts .gastronomie .perle h4:before, .filter-posts .gastronomie .premium h4:before {background-color: #cd8085;}

.filter-posts .culture .cat-titre, .filter-posts .culture h2 {color: #de9e73;}
.filter-posts .culture .cat-titre:before, .filter-posts .culture .perle h4:before, .filter-posts .culture .premium h4:before {background-color: #de9e73;}

.filter-posts .sport .cat-titre, .filter-posts .sport h2 {color: #d3aac9;}
.filter-posts .sport .cat-titre:before, .filter-posts .sport .perle h4:before, .filter-posts .sport .premium h4:before {background-color: #d3aac9;}

.filter-posts .bien-etre .cat-titre, .filter-posts .bien-etre h2 {color: #84a897;}
.filter-posts .bien-etre .cat-titre:before, .filter-posts .bien-etre .perle h4:before, .filter-posts .bien-etre .premium h4:before {background-color: #84a897;}

.filter-posts .nature-art-de-vivre .cat-titre, .filter-posts .nature-art-de-vivre h2 {color: #799fb4;}
.filter-posts .nature-art-de-vivre .cat-titre:before, .filter-posts .nature-art-de-vivre .perle h4:before, .filter-posts .nature-art-de-vivre .premium h4:before {background-color: #799fb4;}

.filtrescpt .accordion dd p, .filtres_services .accordion dd p { padding: 0;}

.pagination-single-inner span.title-inner { font-size: 1.4rem;}

#filter input[type="text"], #filter input[type="password"], #filter input[type="email"], #filter input[type="url"], #filter input[type="date"], #filter input[type="month"], #filter input[type="time"], #filter input[type="datetime"], #filter input[type="datetime-local"], #filter input[type="week"], #filter input[type="number"], #filter input[type="search"], #filter input[type="tel"], #filter input[type="color"], select { background: none!important; padding: 1rem;}

#filter select, #filter input[type=search] { color: #515151!important; border-bottom: 1px solid #515151;    font-size: 1.2rem!important; padding: 1rem 0!important; line-height: 1.2;font-weight: 700;}
#filter select {background: url(../svg/arrow-d.svg) no-repeat!important; background-position: center right!important; background-size: 15px!important;}
#filter input[type=search] { padding: 0.3rem 0.5rem!important;}
#filter button {font-size: inherit!important;background-color: #515151;color: #fff; border: 3px solid #515151;}
#filter .actions { display: none!important;}
#filter > .actions > button#reset { background-color: #fff; color: #515151;}
.single-moisparmois #resa-questions { display: none;}
.filtres select:focus-visible {outline:none}
.page-template-page-moisparmois #filter > div { justify-content: center;}
.single-moisparmois .row { max-width: 100%!important; padding: 0}
.single-moisparmois h2 {text-align: center; padding: 2em 1em; font-size: 2.2rem}
.single-moisparmois .row > div:nth-child(2) { background-color: #fee7d7;}

.trp-language-switcher > div { box-sizing: border-box; padding: 0 22px 3px 5px !important; border: 0; border-radius: 0; background-image: none; background-position: calc(100% - 8px) calc(1em + 0px), calc(100% - 3px) calc(1em + 0px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;    background-color: transparent;}
.trp-language-switcher > div > a { display: block; padding: 0; border-radius: 0; color: #fff;}
.top-bar-right .trp_language_switcher_shortcode {display: none}

@media (max-width: 700px) {

	.filter-posts .post-inner { padding: 0!important;}
	
}
 
@media (min-width: 768px) {

	.filter-posts article { width: calc(48% - 2%);}
	.filter-posts .section-inner { width: 100%;}

}

@media (min-width: 992px) {

	.filter-posts { padding: 0;} 

}

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

	.filtres .nextButton { right: -100px;}
	.filtres .prevButton { left: -100px;}
}

@media (min-width: 1024px) {

	.filter-posts article { width: calc(31% - 2%);} 
 
}


/* Marees ----------------------------------------------------------------------------------------------------------------------------------- */

.marees table { margin-top: -37px;}
.marees thead th {font-weight:400; text-transform: uppercase}
.marees .tablepress tr:not(.row-2,.row-1) td.column-2, .marees .tablepress tr:not(.row-2) td.column-4 { color: #64bccb;}
.marees .tablepress tbody td {font-size: 1rem;line-height: 1;}
.marees .tablepress td {text-align:center}
.marees.entry-content { padding: 0;}
.marees .navigation { display: flex; justify-content: space-between; padding: 1em 1em 0.5em; text-transform: uppercase; font-size: .8rem;}
.marees .navigation a {    padding: 0 1em;}
.marees .tablepress thead th { text-align: center;}
.marees table thead { background: none; color: #111; border: 0; border-bottom: thin solid;}
.marees table tbody { background: none; color: #111; border: thin solid;}
.head2 {border-bottom: thin solid; background-color: #111!important; color: #fff; text-transform: uppercase; background: #f9f9f9;}
.marees tbody tr:nth-child(even) { background-color: #f9f9f9;}
.marees tr.row-2.even { border: thin solid; background: #fff;}
.marees table tbody tr:nth-child(even) { background-color: #f9f9f9;}
.marees .row-4 .column-1, .marees .row-4 .column-5 { border-right: thin solid;}
.marees p { font-size: .9rem; max-width: 960px; margin: auto; padding: 1em 0;}
.marees .row-2 .column-2, .marees .row-2 .column-6 { border-left: thin solid;}

.mareesvdo {background-position: bottom right}

@media (max-width: 768px) {
  .marees .tablepress tbody td { font-size: .8rem;}
  .marees .navigation { padding: 1em 0 0.5em;}
  .marees .tablepress thead th { font-size: .8rem; padding: 0.69rem 0; font-weight: 700}
  .marees .navigation a.last { padding-left: 0;}
  .marees .navigation a.next { padding-right: 0;}
  .marees > div > div {padding:0}
}


/* Chatbot IA Voiceflow ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* Style du bouton flottant IA */

.ia-search {text-align: center; display: flex; justify-content: center; flex-wrap: wrap;
  gap: 1em;}
.ia-search .faux-input {border: 2px solid #fff; color: #fff; border-radius: 50px;
  padding: .5em 1em; display: flex; align-items: center}
.faux-input img {height: 25px; width: 25px; display: none}

@media (min-width: 48em) {
  .faux-input img {display:block}
}

.front_mois h2 {
  font-size: 1em !important;
  color: #fff !important;
  font-family: inherit !important;
  font-weight: 600;
  padding: 1em
}

.ia-infos {padding:1em 1em .5em; text-align: center; font-size:.9em; color: #fff; display: flex; justify-content: center; align-items: center}

.chatbot-button {
  background-color: #ffe6d3;
  color: #151515;
  border: none;
  padding: 10px 18px;
  border-radius: 50px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;

  display: flex;
  align-items: center;
  gap: 8px; 
}
.button-icon {
  width: 25px;
  height: 25px;
}

/* Panneau latéral du chatbot */
.chatbox.open {
  right: 0;
}
.chatbox {
  position: fixed;
  top: 0;
  right: -380px;
  width: 380px;
  height: 100vh;
  background-color: #FEF1E6;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
  transition: right 0.3s ease-in-out;
  padding: 1em;
  z-index: 10000;
  display: flex;
  flex-direction: column;
}

.chatbot-header {
  background: transparent;
  color: #151515;
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 18px;
}
.chatbot-header span {
  display: flex;
  align-items: center;
  padding-left: 5px;
}

#voiceflow-chat {
  flex-grow: 1;
  overflow: hidden;
}

/* Popup de consentement */
.chatbot-consent-popup {
  position: fixed;
  width: 100%;
  max-width: 350px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 2em;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  text-align: center;
  display: none;
  z-index: 2000;
}
.chatbot-consent-popup p{
  line-height: 1.2
}

.chatbot-consent-popup button {
  margin: 1em;
  padding: 8px 12px;
  border: thin solid #151515;
  cursor: pointer;
}

/* Styles pour le bouton déclencheur et la bande */
#chat-trigger {
  position: fixed;
  top: 25%;
  right: 0;
  display: flex;
  z-index: 9999;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

.trigger-button {
  width: 50px;
  height: 50px;
  background-color: #151515;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Déplacer le bouton quand le chat est ouvert */
#chatbox.open ~ #chat-trigger {
  transform: translateX(-380px);
}

/* Styles pour l'overlay et la popup de consentement */
#chatbot-consent-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* Fond noir à 20% d'opacité */
  z-index: 10000; /* Au-dessus de tous les autres éléments */
}

#chatbot-consent-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffeddf;
  padding: 3em 3em 2em;
  border-radius: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10001;
  max-width: 500px;
  width: 90%;
}

.hidden {
display: none;
}


/* Accessibilité + logos ------------------------------------------------------------------ */

#pojo-a11y-toolbar { position: fixed!important;}
#pojo-a11y-toolbar { z-index: 98!important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover, pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:focus { -webkit-box-shadow: none !important; box-shadow: none !important;}
#pojo-a11y-toolbar svg {width: 30px;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { border: 0 !important;}
#pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle, pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay { -webkit-box-shadow: none !important; box-shadow: none !important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { background-color: #101822 !important; color: #ffffff!important; padding: 6px !important;}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle { right: 174px!important;}
p.pojo-a11y-toolbar-title { line-height: 1.6 !important; text-align: center; text-transform: uppercase; font-size: 0.9rem !important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a { font-size: 90%!important; padding: 6px 15px !important; }
span.pojo-a11y-toolbar-text { color: #101822;}

@media screen and (min-width: 30.063em) {

	#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { margin-right: 0!important; } 

}

@media only screen and (min-width: 40.063em){

	#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle { right: 180px!important;}
	
}

/* New RGAA */

#ea11y-root {
  z-index: 9999;
  position: absolute;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
  background-color: #101822 !important;
  color: #ffffff !important;
  padding: 6px !important;
}
#pojo-a11y-toolbar svg {
  width: 30px;
}

#pojo-a11y-toolbar {
  top: 30% !important;
}
.ea11y-widget-button--open-widget.ea11y-widget-open-button--icon.ea11y-widget-open-button--medium {
  top: 25% !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 0 !important;
  margin-top: 60px !important;
}


/* Masquer le SVG du bouton d'accessibilité */
button.ea11y-widget-button svg,
button.ea11y-widget-open-button svg,
button[aria-label="Options d'accessibilité"] svg {
opacity: 0 !important;
visibility: hidden !important;
}

/* Ajouter notre image en arrière-plan */
button.ea11y-widget-button,
button.ea11y-widget-open-button,
button[aria-label="Options d'accessibilité"] {
background-image: url('/assets/svg/rgaa.svg') !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 27px 27px !important;
}

/* RGPD ------------------------------------------------------------------------------------------------------------------------------------- */

.gdpr_lightbox { z-index: 100000!important}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt { display: none;}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {border-top: 0!important; padding: 2rem 1rem; height: auto; min-height: 20vh;display: flex; flex-wrap: wrap; justify-content: center; align-content: center; z-index: 50000; background-color: #101820!important;}
.lity {z-index:51000!important}
#moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden { bottom: -100%!important;}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p { font-weight: 100!important; text-align: center;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding-left: 0vw!important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {font-weight: 300!important; border-radius: 0!important; text-transform: uppercase!important; border: 1px solid #fff!important; background-color: #101820!important; letter-spacing: .1rem!important; margin: 3rem 1rem!important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button { background-color: #101820!important; border: 1px solid #fff!important; color: #fff!important; box-shadow: 0 0 black!important; opacity: 1!important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {    border: 1px solid #ffffff78!important;
    color: #ffffff78!important;opacity:1!important}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {flex-direction: column; width: 100%;}
.moove-gdpr-cookie-notice h5 span, .moove-gdpr-cookie-notice h5 { font-size: 1.8rem!important; text-align: center!important; margin-bottom: 0!important;}
.acceptance-gdpr label {font-weight: 100; font-size: .8rem;}
.acceptance-gdpr span { margin: 10px 0;}
.gdpr-framework-privacy-tools h2 {font-size: 1.4em; color: var(--noir); }
button.mgbutton.moove-gdpr-modal-allow-all.button-visible { border-radius: 0!important; text-transform: uppercase!important; padding: .5rem 1rem!important; margin: auto!important;}
a.moove-gdpr-modal-close { top: 0!important; right: 10px!important; display: block!important; width: 50px!important; height: 20px!important; line-height: 20px!important; text-align: center!important; border-radius: 0!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {border: 0!important; background-color: transparent!important; color: var(--noir)!important;}

#moove_gdpr_cookie_modal .switch input:checked+.slider { background-color: var(--noir)!important;}
#moove_gdpr_cookie_modal .switch input:checked+.slider:after, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon { color: var(--noir)!important}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {height: 80px!important}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before {bottom: 80px!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{ text-align:center!important;flex-wrap: nowrap!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { border-radius: 0!important; padding: .5rem 1rem!important;border: 0!important;}
#moove_gdpr_save_popup_settings_button {height: 30px!important; border-radius: 50px;width: auto!important;}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon {line-height: 30px!important; font-size: 24px!important; min-width: 30px!important; margin-left: -1px!important; height: 30px!important}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg { height: 25px!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i {width: 50px!important; height: 50px!important; line-height: 50px!important; border-radius: 0!important; border: 0!important;}
div.moove-gdpr-button-holder {text-align:center}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {border-top-left-radius: 0!important; border-bottom-left-radius: 0!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {border-top-right-radius: 0!important; border-bottom-right-radius: 0!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button { background-color: #e4c7d930!important; }
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button {border-radius: 0!important; background-color: #fff!important; border: 1px solid #fff!important;}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon span.gdpr-icon { top: -4px!important; left: 1px!important;}
#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider, #moove_gdpr_cookie_modal .cookie-switch input:checked+.slider, #moove_gdpr_cookie_modal .switch input:checked+.cookie-slider, #moove_gdpr_cookie_modal .switch input:checked+.slider { background-color: #b4e2c1!important;}
#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider:after, #moove_gdpr_cookie_modal .cookie-switch input:checked+.slider:after, #moove_gdpr_cookie_modal .switch input:checked+.cookie-slider:after, #moove_gdpr_cookie_modal .switch input:checked+.slider:after { color: #b4e2c1!important;}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider, #moove_gdpr_cookie_modal .cookie-switch .slider, #moove_gdpr_cookie_modal .switch .cookie-slider, #moove_gdpr_cookie_modal .switch .slider {background-color: var(--color5)!important;}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after, #moove_gdpr_cookie_modal .cookie-switch .slider:after, #moove_gdpr_cookie_modal .switch .cookie-slider:after, #moove_gdpr_cookie_modal .switch .slider:after {color: var(--color5)!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close { top:0!important; right: 0!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover { background-color: transparent!important}
.gdpr-download-button, .gdpr-export-button { display: inline-block;}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_text { line-height: 30px!important;}
#moove_gdpr_cookie_modal .mgbutton.focus-g, #moove_gdpr_cookie_modal .mgbutton:focus { box-shadow: none!important;}
#moove_gdpr_save_popup_settings_button {
    display: inline-block;
    z-index: 1001;
    position: fixed;
    background-color: rgba(0,0,0,.8);
    transition: all .3s ease;
    color: #fff;
    padding: 0;
    text-align: center;
    height: 40px;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0;
    border: none;
    text-decoration: none;
    width: auto;
    border-radius: 50px!important;
    background-color: #101820!important;
}
.single #moove_gdpr_save_popup_settings_button {
    display: none!important;
}

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

	#moove_gdpr_cookie_modal { margin-top: 20px!important;height: 80vh!important;}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content { width: 90vw!important;border-radius: 0!important;}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content { border-radius: 0!important;}
	#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder { justify-content: center!important}
	.moove-gdpr-button-holder button { margin: auto!important}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {height: auto!important;}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; }
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.logo-position-center .moove-gdpr-company-logo-holder { display: none!important;}
	.gdpr_lightbox-container {vertical-align: initial!important;}

}

/* Sitemap */

.sitemap {
  max-width: 768px !important;
  margin: 3em auto !important;
  background-color: #F9F9F9;
  padding: 2em !important;
}

/* Print -------------------------------------------------------------------------------------------------------------------------------------- */

@media print {

	#page > header, footer, .breadcrumbs, .social-box, #moove_gdpr_save_popup_settings_button, #moove_gdpr_cookie_modal, #moove_gdpr_cookie_info_bar, #pojo-a11y-toolbar, nav, #shiftnav-toggle-main, .shiftnav, .same-cat, .bgdune, .page-template-templates #site-content header.entry-header img, .page-template-default #site-content header.entry-header img, .archive-header img, .single #site-content header.entry-header img, .page-template-page-venir .wp-block-uagb-container { display: none !important; }
	body:not(home) .site-content-contain .wrap { max-width: none; margin-top: 0;}
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {font-size: 2rem; margin-left: 0;}
	img.alignleft { padding: 0 20px 20px 0; float: left;}
	img.alignright { padding: 0 0 20px 20px; float: right;}
	.page-template-page-venir #itineraire, .page-template-page-venir .same-cat, .page-template-page-venir header, .page-template-page-venir .print_iti, .page-template-page-venir .row.tabs {display:none!important;  height: 0;}
	.page-template-page-venir #direction-panel td.adp-substep * {font-size: 12px!important;}
	.row { max-width: 100% !important; padding: 2rem!important;}
	.page-template-templates #site-content header.entry-header .entry-header-inner h1, .page-template-default #site-content header.entry-header .entry-header-inner, .archive-header .archive-header-inner h1, .single #site-content header.entry-header .entry-header-inner {color: #000000; font-size: 4rem;}
	.post-inner { padding: 5rem!important;}

}


/* Animations & survol -------------------------------------------------------------------------------------------------------------------------------- */

.p-transition:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.p-transition2:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.p-transition-d:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
.p-transition-z:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.p-transition-z2:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1.05) translateY(-5px);
  -moz-transform: scale(1.05) translateY(-5px);
  -ms-transform: scale(1.05) translateY(-5px);
  -o-transform: scale(1.05) translateY(-5px);
  transform: scale(1.05) translateY(-5px);
  transform-origin: bottom center;
}
.p-transition-z3:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(.95) translateY(-5px);
  -moz-transform: scale(.95) translateY(-5px);
  -ms-transform: scale(.95) translateY(-5px);
  -o-transform: scale(.95) translateY(-5px);
  transform: scale(.95) translateY(-5px);
  transform-origin: bottom center;
}

.p-transition,
.p-transition2,
.p-transition-d,
.p-transition-z,
.p-transition-z2,
.p-transition-z3 {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/* Responsive columns bootstrap ----------------------------------------------------------------------------------------------------------------------------------- */


.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.no-gutters { margin-right: 0; margin-left: 0;}
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0;}
.my-auto { margin-bottom: auto!important; margin-top: auto!important;}
.mx-auto { margin-left: auto!important; margin-right: auto!important;}
.align-items-center { -ms-flex-align: center!important; align-items: center!important;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto { position: relative; width: 100%; padding-right: 20px; padding-left: 20px;}

.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%;}
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.offset-sm-0 { margin-left: 0; }
.offset-sm-1 { margin-left: 8.333333%; }
.offset-sm-2 { margin-left: 16.666667%; }
.offset-sm-3 { margin-left: 25%; }
.offset-sm-4 { margin-left: 33.333333%; }
.offset-sm-5 { margin-left: 41.666667%; }
.offset-sm-6 { margin-left: 50%; }
.offset-sm-7 { margin-left: 58.333333%; }
.offset-sm-8 { margin-left: 66.666667%; }
.offset-sm-9 { margin-left: 75%; }
.offset-sm-10 { margin-left: 83.333333%; }
.offset-sm-11 { margin-left: 91.666667%; }

@media (min-width: 576px) {

  .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; }
  
}

@media (min-width: 768px) {

  .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; }
  .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;  }
  .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.333333%; }
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-5 { margin-left: 41.666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.333333%; }
  .offset-md-8 { margin-left: 66.666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; }
  
}

@media (min-width: 992px) {

  .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.333333%; }
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-5 { margin-left: 41.666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.333333%; }
  .offset-lg-8 { margin-left: 66.666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; }
}

@media (min-width: 1200px) {
  .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;  }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.333333%; }
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-5 { margin-left: 41.666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.333333%; }
  .offset-xl-8 { margin-left: 66.666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; }
}


@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}


.twoColumn{  display: flex;  overflow: hidden;}
.frame h1, .frame h2, .frame h3, .frame h4, .frame h5{  font-family: 'Lato', "Helvetica Neue", sans-serif; font-size: 18px!important; font-weight: 400;}
.frame{  display: flex;  flex-direction: column;  padding-right: 2%;}
.frame .oneBloc:not(:first-child){  margin-top: 5%;}
.frame .basicDescription{  padding: 0 10px;}
.orbit .orbit-wrapper ul{  margin:0;  padding:0;}
.orbit-previous{ left: 10px!important;}
.orbit-next, .orbit-previous{ font-size: 2rem;}
.orbit-slide::before{  display: none !important;}
.orbit-container{  height: 550px !important;}
.orbit-slide{  height: 100%;}
.orbit-figure{  height: 100%;}
.orbit-figure img{  height:100%;}
.orbit-next{  right: 10px !important;}


iframe { border: none;}
.composez-resa:before {  display: none !important;}
.oneToggle {  display: flex;  flex-direction: column;}
.toggleTab {  display: flex;  align-items: center;  border: 1px solid #ffffff;  cursor: pointer;}
.active.toggleContent {  display: block !important;}
.toggleContent {  display: none;  background-color: white;  padding-top: 2%;}
.toggleIcons {  flex: 1;  margin-right: 2%;  margin-left: 2%;display: none;}
#formSubmitContainer { text-align: center;  padding-bottom: 5%;}
.contact-form {  width: 55% !important;}
.columnContainer .rowContainer { padding: 0 !important;}
.iframeWrap {  display: flex; justify-content: center;    min-height: 280px;}
div.toggleTitle { font-size: 1.6rem!important; border-top: thin solid;}
span.toggleTitle { font-size: 1.5rem!important;}

.centerContent{  text-align: center;}
.wrap { box-sizing: border-box; display: flex; width:50%;}
.wrap > div:not(.mediumMarginBottom) { padding:20px;}
.wrap .columnContainer { padding: 20px!important;}
.wrap div { width: 100%;}
.frame > div { padding: 20px;}
.wifi-commune-map { padding: 0% 5% !important;}
.mediumMarginBottom { margin-bottom: 2%;}
.mediumMarginRight { margin-right: 2%;}
.mediumMarginLeft { margin-left: 2%;}
.mediumMarginTop { margin-top: 2%;}
.gris p img { max-width: 30px; filter: saturate(0);}


@media screen and (min-width: 64em){

	.iframeWrap { min-height: 360px;}
}

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

  .columnImage img{ height: 100% !important; object-fit: contain !important;  }
  .orbit-container{ height: 20rem !important; }
  .backgroundBloc{ word-break: break-word; }
  .pullFromTop{ margin-top: -2rem !important;  }
  blockquote{ width: 100% !important; max-width: 100% !important; font-size: 1.5rem !important;  }
  .heightMobile{ height: 25rem;  }
  .responsive-embed.widescreen{ height: 100%;  }
  #a-lire-aussi{ margin-top: -2rem; padding-top: 7rem; overflow: hidden ;  }
  .alireaussi_large{ text-align: center; left: 0 !important;  }
  .infosContainer.backgroundBloc{ padding: 0 1rem !important;  }
  .calameo iframe{ position: relative; left: -25%;  }

}

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

  .resetPadding{ padding: 0 !important; }
  .contact-form{ width: 90% !important; }
  
}


/* Litespeedcache -------------------------------------------------------------------------------- */

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
  opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
  -webkit-transition: opacity .5s linear 0.2s;
  -moz-transition: opacity .5s linear 0.2s;
  transition: opacity .5s linear 0.2s;
  opacity: 1;
}


/* New builder gutenberg -------------------------------------------------------------------- */

.toc_sticky { display: none;}
.wp-block-uagb-container h3 { font-size: 1.8375rem;}

@media print, screen and (min-width: 40em){

	.wp-block-uagb-container h3 { font-size: 1.9375rem;}

}

.page-template-default .entry-content, .page-template-page-circuit-bassin .entry-content { padding: 3em 2rem 0; position: relative;}

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

	.wp-block-cover__inner-container > h2 {padding: 1.25em 1em!important}
  .container > .wp-block-uagb-container { padding: 0 2em!important; }
	
}

@media screen and (min-width: 64em){

	.page-template-default .entry-content, .page-template-page-circuit-bassin2 .entry-content, .page-template-page-circuit-bassin .entry-content { padding: 3em 0 0;}
	.toc_sticky { position: -webkit-sticky; position: sticky; background: #ffffffeb; padding: .5em; top: 0; width: 100%; display: flex; justify-content: center;}
	.toc_sticky > div {background-color: transparent!important;}
	.toc_sticky .uagb-toc__title { display: none;}
	.toc_sticky .uagb-toc__list { list-style: none;}
	toc_sticky ol.uagb-toc__list { margin-left: 0; display: flex; justify-content: center;}
	.toc_sticky ol.uagb-toc__list { margin: 0; display: flex;}
	.toc_sticky li.uagb-toc__list { text-align: center; padding: 5px 10px!important; border: thin solid;  margin: 0 5px!important; text-transform: uppercase; font-size: .8em;}
	
}

.wp-block-uagb-container h2 {font-size: 2.4rem}
.wp-block-cover .wp-block-cover__inner-container { max-width: 960px;}
.wp-block-cover a {color: #fff}
.wp-block-cover a:hover {color: #e6e6e6}
.wp-block-pullquote {padding: 0; margin: 0 0 1em; border: 0;}
.wp-block-pullquote blockquote, .wp-block-pullquote cite, .wp-block-pullquote p { border: 0; width: 100%; max-width: 100%; padding: 0.5em 0; font-size: 2rem; margin: 0; text-align: left;}
figure.wp-block-embed { margin: 0;}
.wp-block-uagb-container li {
  padding-right: 1em;
}
.wp-block-uagb-container.mos_links .wp-block-uagb-image, .wp-block-uagb-container.mos_links .wp-block-uagb-image figure, .wp-block-uagb-container.mos_links .wp-block-uagb-image img {max-height: 430px; width: 100%;}
.wp-block-uagb-container.mos_links .wp-block-uagb-image a {display: inline}
figure.wp-block-video {margin: 0}
figure.wp-block-gallery.wp-block-gallery-1 {margin: 1em 0}

@media screen and (min-width: 64em){

  .wp-block-uagb-container ul { margin-left: 2.5rem;}

}

/* Incontournables */

.bloc_incont { width: 100% }
.bloc_incont .bloc_int { width: 100%; max-width: 1000px; margin: auto }
.bloc_incont .photo_incont img { max-height: 438px; object-fit: cover; width: 100% }
.bloc_incont .photo_incont figure { width: 100% }

/* Tabs - Venir/deplacer sur le bassin */

.venir_tabs .uagb-tabs__icon svg, .dep_tabs .uagb-tabs__icon svg { display: none}
.venir_tabs .uagb-tabs__icon, .dep_tabs .uagb-tabs__icon { padding-top: 0.5em; margin-bottom: 5px;}
.venir_tabs .uagb-tabs__icon::before, .dep_tabs .uagb-tabs__icon::before { height:20px; display: block; content: ''; margin: auto;}
.venir_tabs .uagb-tabs__body-wrap figure, .dep_tabs .uagb-tabs__body-wrap figure { margin: 1em 0;}
.venir_tabs .uagb-tabs__panel li {flex-basis: 100px; min-width: 100px; margin: 0!important; display: flex; align-items: center; justify-content: center;}

.venir_tabs .uagb-tabs__panel li:first-child .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/train-1.svg) center bottom no-repeat}
.venir_tabs .uagb-tabs__panel li:nth-child(2) .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/plane-1.svg) center bottom no-repeat}
.venir_tabs .uagb-tabs__panel li:nth-child(3) .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/bus-1.svg) center bottom no-repeat}
.venir_tabs .uagb-tabs__panel li:nth-child(4) .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/car-1.svg) center bottom no-repeat; width:32px}
.venir_tabs .uagb-tabs__panel li:nth-child(5) .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/bike-1.svg) center bottom no-repeat}

.dep_tabs .uagb-tabs__panel li {flex-basis: 100px; width: 100px; height: 100px; margin: 0!important; display: flex; align-items: center; justify-content: center;}

.dep_tabs .uagb-tabs__panel li:first-child .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/bike-1.svg) center bottom no-repeat}
.dep_tabs .uagb-tabs__panel li:nth-child(2) .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/boat-1.svg) center bottom no-repeat}
.dep_tabs .uagb-tabs__panel li:nth-child(3) .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/train-1.svg) center bottom no-repeat}
.dep_tabs .uagb-tabs__panel li:nth-child(4) .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/bus-1.svg) center bottom no-repeat;}
.dep_tabs .uagb-tabs__panel li:nth-child(5) .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/car-1.svg) center bottom no-repeat; width:32px}
.dep_tabs .uagb-tabs__panel li:nth-child(6) .uagb-tabs__icon::before {background: url(../../../../uploads/2020/07/autres-1.svg) center bottom no-repeat}
.dep_tabs .uagb-tabs__panel li:nth-child(6) {flex-basis: auto; width: 200px;}

@media screen and (max-width: 1023px){
	
	.venir_tabs .uagb-tabs__panel, .dep_tabs .uagb-tabs__panel { align-items: stretch;width: auto; min-width: 15%!important;
     max-width: 15%!important;}
	.venir_tabs .uagb-tabs__body-wrap, .dep_tabs .uagb-tabs__body-wrap { max-width: 85%!important;}
	.venir_tabs .uagb-tabs__panel li a, .dep_tabs .uagb-tabs__panel li a { font-size: .8em;}
	.venir_tabs .uagb-tabs__panel li.uagb-tab, .dep_tabs .uagb-tabs__panel li.uagb-tab { border-bottom-width: 1px;}
	.dep_tabs .uagb-tabs__panel li.uagb-tab:last-child { flex-basis: auto; margin: 0; width: 100px!important; border-bottom-width: 1px;}
	
}

@media screen and (max-width: 767px){
	
	.venir_tabs .uagb-tabs__panel, .dep_tabs .uagb-tabs__panel{flex-direction: row!important; min-width: 24%!important; max-width: 100%!important;}
  .venir_tabs .uagb-tabs__body-wrap, .dep_tabs .uagb-tabs__body-wrap { max-width: 95%!important;}
	.venir_tabs .uagb-tabs__panel li.uagb-tab, .dep_tabs .uagb-tabs__panel li.uagb-tab {flex-basis: 90px; margin: 0; min-width: 90px; border-bottom-width: 0;}
	.dep_tabs .uagb-tabs__panel li.uagb-tab:last-child {flex-basis: auto; margin: 0; width: 200px!important; border-bottom-width: 0;}
  
}

@media screen and (min-width: 48em){

	.page-les-incontournables2 h2 { font-size: 3.6rem;}
	.bloc_incont.left { background: url(../svg/VAGUES-left.svg) no-repeat; background-position: center left -17%; background-size: 30%; }
	.bloc_incont.right { background: url(../svg/VAGUES-right.svg) no-repeat; background-position: top 50px right -35%; background-size: 40%; }
	
}

/* New 10.2024 ---------------------------------------------------------------------------------------------------------------------------- */

/* Divers */

.wp-block-list {
  margin-left: 1.15rem;
  list-style-type: disc;
}
.maintenance html {
  margin-top: 0 !important;
}
.maintenance.wp-block-uagb-container {height: 100vh!important; display:flex!important}

/* Caroussel home */

.home .carouselBlog2, .home .carouselVilles2, .home .carouselVivez2 {position: relative;
  max-width: 1440px;}

.home .carouselBlog2 .swiper-wrapper, .home .carouselVilles2 .swiper-wrapper, .home .carouselVivez2 .swiper-wrapper {
  display: flex;
}
.home .carouselBlog2 .swiper-slide, .home .carouselVilles2 .swiper-slide, .home .carouselVivez2 .swiper-slide { max-width: 310px; }
.home .carouselBlog2 .swiper-slide:last-child, .home .carouselVilles2 .swiper-slide:last-child, .home .carouselVivez2 .swiper-slide:last-child {
  margin-right: 0; 
}
.home .slide-content {
  position: relative;
}
.home .carouselBlog2 .slide-content img, .home .carouselVilles2 .slide-content img, .home .carouselVivez2 .slide-content img {
  object-fit: cover;
  height: 378px;
  width: 100%;
  aspect-ratio: 3/4;
}

.home .carouselBlog2 .slide-content span, .home .carouselVilles2 .slide-content span, .home .carouselVivez2 .slide-content span {
  position: absolute;
  top: 0;
  bottom: 0;
  color: #fff;
  font-size: 1.9em;
  line-height: 1;
  width: calc(100% - 1em);
  z-index: 2;
  left: 0;
}
.home .carouselBlog2 .slide-content span a, .home .carouselVilles2 .slide-content span a, .home .carouselVivez2 .slide-content span a {
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding: 1em 0.7em;
}
.home .carouselBlog2 h3, .home .carouselVilles2 h3, .home .carouselVivez2 h3 {
  line-height: 1.2;
  color: #fff;
  font-size: 1.7rem;
}
.home .carouselBlog2 .carousel__slide::before, .home .carouselVilles2 .carousel__slide::before, .home .carouselVivez2 .carousel__slide::before {
  content: '';
  display: block;
  position: absolute;
  height: 50%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, black 70%, black 100%);

}

.home .carouselBlog2 .swiper-button-next,
.home .carouselBlog2 .swiper-button-prev,
.home .carouselVilles2 .swiper-button-next,
.home .carouselVilles2 .swiper-button-prev,
.home .carouselVivez2 .swiper-button-next,
.home .carouselVivez2 .swiper-button-prev {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.home .carouselBlog2 .swiper-pagination, .home .carouselVilles2 .swiper-pagination, .home .carouselVivez2 .swiper-pagination {
  position: relative;
  bottom: -20px;
  text-align: center;
  height: 40px;
}

.home .swiper-pagination-bullet, .home .swiper-pagination-bullet {
  width: 70px !important;
  height: 4px !important;
  border-radius: 0!important;
  background-color: #555!important
}

@media print, screen and (min-width: 60em) {
  .home .carouselBlog2, .home .carouselVilles2, .home .carouselVivez2 {
    transform: translateX(22%);
  }
}


/* Menu burger / header */

#menu-toggle {
  width: 3.6rem;
  height: auto;
}
#menu-toggle svg {
  width: 100%;
}

#menu {text-align: center;
  font-family: dm_serif_displayregular, sans-serif;
  font-size: 2rem; padding: 2em;
}
#menu ul {list-style: none}
#menu ul:not(.sub-menu) > li.menu-item-has-children > a {
  color: #fde7d5 !important;
  font-size: 1.3rem !important;
  font-family: 'Lato', "Droid Sans", "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border-top: 2px solid #fde7d5;
  border-bottom: 2px solid #fde7d5;
  margin: 1em 0;
  padding: 0.5em;
  display: block;
  }
#menu ul.sub-menu li a {
  height: auto !important;
  font-size: 1.6rem;
  color: #fff !important;
  -webkit-transition: line-height .35s ease;
  transition: line-height .35s ease;
  line-height: 1.6;
  display:inline-block;
}
#menu ul.sub-menu li a::after {
  display: block;
  text-align: center;
  content: "";
  position: relative;
  margin-top: 0 !important;
  width: 0 !important;
  left: 0 !important;
  height: 4px !important;
  -webkit-transition: all .65s ease !important;
  transition: all .65s ease !important;
  border: none !important;
  background-color: #fde7d5 !important;
}
#menu ul.sub-menu li a:hover {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: #fde7d5;
color: #515151;
}
#menu ul.sub-menu li a:hover::after {
text-align: center !important;
content: "" !important;
position: relative !important;
top: 0 !important;
right: 0 !important;
height: 4px !important;
width: 100% !important;
border: none !important;
}
#menu .trp-language-switcher-container {font-family: 'Lato', "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1.3rem !important;}
#menu .current-language-menu-item > a {
display: none !important;
}

#menu .trp-language-switcher-container ul {
  display: flex; 
  justify-content: center; 
  gap: 10px;
  padding: 0;
  list-style: none;
}

#menu .trp-language-switcher-container li a {
  color: white;
  text-decoration: none; font-size: 1.2rem!important;
}

/* Lang / search */

header #lang {
  position: absolute;
  right: 5rem;
  top: 1rem;
  z-index: 10;
  }
  header .Toolbar-langues::after {display: none}
  header .trp-language-switcher { width: auto;}
  header .trp-language-switcher > div {
  padding: 0 !important;
  width: auto !important;
  }
  header .trp-language-switcher > div > a { font-weight: 600; text-align: center;
  font-size: 20px; border-radius: 0; padding: 0 5px;
  border-left: 2px solid transparent;
  }
  header .trp-language-switcher > div > a:not(.trp-ls-shortcode-disabled-language):hover {
  background: transparent;
  border-radius: 0;
  border-left: 2px solid #fff;
}

/* RGAA */

.home .vivez > div h2 span, .home .sillonez > div h2 span, .home .creez2 > div h2 span, .home .cartehome > div h2 span {
  display: block;
  font-size: 1.6rem;
  margin-top: 0.5rem;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}
#footer-container #footer { max-width: 100%; padding: 0 0 1.875rem;}
#footer-container #footer > div {
  max-width: 46em;
  margin: 1em auto;
}
footer ul {
  font-size: .8rem;
}
footer ul li:last-child {
  display: inline-flex; gap: 3px;
}

@media print, screen and (min-width: 60em) {
  footer ul {
    display: flex; justify-content: center;
    gap: 1em;
  }
  footer ul li:last-child {
    display: flex;
    gap: .25em;
  }
}

/* Search results */

#search_post_resultats h2 {
  padding: .5em 0 2em;
  font-size: 1.6em;
}
#search_post_resultats .blog-hero-image {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#search_post_resultats .blog-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* SIRATQUIV3 */

.container {
  max-width: 100%!important;
}
#carte, #map2 {
  width: 100%;
  height: 100%;
}
.single h2 {
  font-size: 2.4em;
}
.single h3 {
  color: #515151;
}
.single .entry-content .sticky-container {
  position: relative; 
}
.single .entry-content .sticky {
  position: -webkit-sticky; /* Compatibilité Safari */
  position: sticky;
  top: 0;
}
.mapboxgl-popup a, .mapboxgl-popup p {
  font-size: .9rem;
  font-weight: 500;
  color: #111;
  line-height: 1.4rem;
  border-bottom: 0 !important;
  outline: 0
}
.mapboxgl-popup-close-button {
  right: 8px!important;
  top: 2px!important;
  font-size: 1rem;
}

@media screen and (max-width: 640px) {
  .single .sticky-container img {
    display: inline-block !important;
  }
  .proxi {-ms-flex-direction: row; flex-direction: row;}
  .proxi .card {width: auto; margin:0;}
}

.aspect-ratio-16-10 {
  aspect-ratio: 16 / 10;
  width: 100%;
}
.aspect-ratio-16-9 {
  aspect-ratio: 16 / 9;
  width: 100%;
}
.aspect-ratio-4-3 {
  aspect-ratio: 4 / 3;
  width: 100%;
}

.img-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ville-filter ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 2em auto;
  justify-content: center;
}

.ville-filter a {
  text-decoration: none;
}
.ville-filter a.active {
  font-weight: bold;
}
.dates_event {background-color: #111;
  padding: 0em .4em;
  font-size: .9rem !important;
  text-transform: uppercase;
  color: #fff;
  width: auto;
  display: inline-block;
}
.single-agenda .dates_event {
  position: absolute;
  z-index: 2;
  padding: .1em .6em;
  bottom: 0;
  font-size: 1em !important;
}
.single-agenda header h1, .single-hebergement header h1, .single-ot header h1, .single-velo_cpt header h1 { display: block; margin: 0 !important; padding: 1em 1em .25em;}
.single-agenda header h2, .single-hebergement header h2, .single-ot header h2, .single-velo_cpt header h2 { color: #FFF; font-size: 1.2em;
  font-family: 'Lato', "Droid Sans", "Helvetica Neue", sans-serif; font-weight: 600; text-align: center
}

/* Filtres Sirtaqui */

.filter-container .choices { max-width: 280px; }
.filter-container .choices__inner {
  background-color: #FFF;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 1rem;
}
.filter-container .choices__inner, .autres-filtres .choices__inner {
  background-color: #FFF;
  font-size: 1rem;
  border: 0;
  border-bottom: 1px solid #111;
  border-radius: 0;
  padding: .5em 1em 0;
  color: #111;
  width: auto !important;
  min-width: 30ch !important;
}

.filter-container .choices__input {
  background-color: #fff;
  font-size: 1rem;
  color: #111;
  padding: 0;
  opacity: 1
}
.filter-container .choices__placeholder, .filter-container .choices__input::placeholder, .filter-container .choices__input::-webkit-input-placeholder, .filter-container .choices__input::-ms-input-placeholder {
  opacity: 1;
}

.filter-container .choices__list--multiple .choices__item, .filter-container .choices__list--multiple .choices__item.is-highlighted {
  border: 0;
  color: #111;
  border-radius: 0;
  padding: 0;
  background-color: #FFF;
}
.filter-container .choices[data-type*="select-multiple"] .choices__button, .filter-container .choices[data-type*="text"] .choices__button {
  border-left: 0;
  border-radius: 0;
  background-color: #111;
  border-radius: 50px;
  height: 16px;
}

.filter-container .choices__list--dropdown, .filter-container .choices__list[aria-expanded], .autres-filtres .choices__list--dropdown, .autres-filtres .choices__list[aria-expanded] {
  width: 100%;
  background-color: #fff;
  border:0;
  margin-top: -6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.filter-container .choices__list--multiple { display: block; }
.filter-container .choices__inner > div:first-child { padding-bottom: 1em; }

.filter-container > div > label {font-family: 'Lato';
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: .2em .7em;
  border-radius: 100px;
  background-color: #101820;
  font-size: .9rem;
  min-width: 60px;
}

.filter-container .relative { position: relative; margin-top:0!important }

.filter-container .relative::after {
  content: '';
  position: absolute;
  bottom: 16px;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  background-image: url('/wp-content/themes/bassin-arcachon/assets/images/arrow-v.svg');
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
  background-position: center;
}
.filter-container .relative .choices::after {display: none}

.filter-container .choices[data-type*="select-one"] .choices__button, .autres-filtres .choices[data-type*="select-one"] .choices__button { 
  right: 20px;
  opacity: .1;
}
.autres-filtres .choices__inner { background-color: transparent; min-width: 24ch !important;}
.autres-filtres .choices[data-type*="select-one"]::after {
  content: '';
  position: absolute;
  margin-top: -7px;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  background-image: url('/wp-content/themes/bassin-arcachon/assets/images/arrow-v.svg');
  background-size: contain;
  background-repeat: no-repeat;
  border: 0;
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
  background-position: center;
}

.autres-filtres .choices[data-type*="select-one"]:hover::after, .relative:hover::after {
  transform: rotate(0deg);
}

.autres-filtres .choices__list--dropdown .choices__list > div:first-child {
  display: none;
}

/* Pictos */

.pictos-filter-container {
  text-align: center;
}
.pictos-filter-container .picto-item { display: inline-block;
  border: thin solid #dacda7;
}
.pictos-filter-container .picto-item.active, .pictos-filter-container .picto-item:hover {
  border: 2px solid #866c2e;
  cursor: pointer;
}

#resultats-container .border.below-hero { background-color: #fff !important; }

#resultats-container .pictos img { border: thin solid #d8caa2 !important; width: 34px; height: 34px }
#resultats-container .result_actions a.button {font-weight: 500; text-decoration: none; text-transform: uppercase}

/* Circuits */

.form-circuit {
  max-width: 64em;
}
.form-circuit input {
  border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: thin solid;
}
.form-circuit label {
  font-weight: 700;
  font-size: 1.2rem;
  color: #101822;
  text-transform: uppercase;
}
.altcha-widget-wrap {
  display: none;
}