@font-face {
    font-family: 'Akrobat-Regular';
    src: url('../fonts/Akrobat-Regular.eot');
    src: local('☺'), url('../fonts/Akrobat-Regular.woff') format('woff'), url('../fonts/Akrobat-Regular.ttf') format('truetype'), url('../fonts/Akrobat-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#featured-hero{
  height: 25rem !important;
}

.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: 100vh !important;
}

#picks-hero .picks{
  margin-top: 2%;
}

#featured-hero.searchMotor{
  height: auto !important;
}

.entry-title{
  margin-top: 3rem !important;
  margin-bottom: 2rem !important;
}

@media screen and (max-width: 640px) {
  .brochure.brochure_item {
    width: 90% !important;
  }
}
.titleDetails{
  max-width: 64rem;
  line-height: 1;
  font-size: 5.5rem;
  text-transform: uppercase;
  color: white;
  font-family: Akrobat-ExtraBold,"Droid Sans","Helvetica Neue",sans-serif;
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

.titleDetails::after{
  content: "";
  background-color: #0097c5;
  width: 7.5rem;
  height: 4px;
  display: block;
  margin: 0 auto;
  margin-top: 1rem;
}

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

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

  .alireaussi_large{
    top: -5rem !important;
    font-size: 5rem !important;
  }

  #picks-hero .alireaussi_large {
    text-align: center;
    left: 0 !important;
  }
  #picks-hero .picks {
    margin-top: -15%;
  }
  .smallMarginTop{
    margin-top: 2rem !important;
  }

  .smallMarginBottom{
    margin-bottom: 2rem !important;
  }


  section.slider-agenda div.slider div div.content-agenda{
    padding: 0 2rem !important;
  }
  .agenda-newsletter{
    width: 100% !important;
  }
  #sorties_header{
    padding: 5% !important;
  }

  .titleDetails{
    text-align: center;
  }

  #searchForm{
    padding: 0 !important;
  }

  #footer-container #footer .social_links{
    padding: 5%;
  }

  #resa-questions>div .semaine .semaine-content{
    padding: 0 2rem !important;
  }

  .formContainer.resa-newsletter{
    width: 100%;
  }
  .se-deplacer-container{
    width: 100% !important;
    padding: 0 !important;
  }
  .large-12 {
    margin-top:5%;
    padding:0;
  }

  .large-12 #result_map{
    top: 27vh;
    flex-flow: column;
    height: 100%;
  }


  .row.range-classement{
    justify-content: center;
  }

  .row.range-classement > div{
    margin-bottom: 5%;
  }

  .row.range-classement .fourchette, .row.range-classement .classement{
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .classement{
    text-align: center;
  }

  .row.range-classement legend{
    text-align: center;
    width: 100%;
  }

  .row.range-classement{
    display: flex;
    align-items: center;
  }

  #genericSearch #options{
    display: block;
    text-align: center;
  }

  .range-classement>div:last-child{
    padding-right: 0 !important;
  }

  .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.resa-newsletter .item-form{
  width: 100%;
}

@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%;
}

.agenda-newsletter{
  width: 24rem;
}

.agenda-newsletter .inputContainer{
  flex-direction: column;
  align-items: center;
}
.agenda-newsletter .item-form{
  width: 100%;
}

.inputContainer .check-radio{
  display: flex;
  justify-content: center;
}

.wishlist_tourinsoft{
  width: 10rem;
  height: 24px;
  position: relative;
  background: url(../images/favorite.png);
  background-repeat: no-repeat;
}


#se-deplacer{
  max-width: 101rem;
  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;
}

.contentWrapper{
  padding: 20px;
  border: 1px solid #d4d4d4;
  width: 100%;
}

.contentWrapper .hiddenContent{
  display: none;
}

.onglet{
  background-color: #f6f6f6;
  text-align: center;
  flex-grow: 1;
  max-width: 16.66666%;
  height: auto;
  padding: 0.5em 1em 1.5em;
  box-sizing: border-box;
  margin: 0 auto;
  cursor: pointer;
  outline: none;
  margin-right: 0;
  margin-left: 0;
  border: 1px solid #dadada;
}

.onglet a {
  color: #5f5f5f !important;
}

.tabsWrapper .active{
  border: 1px solid #474747;
}

.onglet img{
  display: block;
  max-width: 65%;
  right: auto;
  left: auto;
  height: 120px;
  position: relative;
  margin: 0 auto;
  border: none;
}

.blueContainer{
  padding: 1% 5% 2% 5%;
  background-color: #0097c5;
  margin-bottom: 2%;
}


.label__field{
  color: white;
  font-size: 1.5rem;
}
.form-brochure .label__field{
  color: #5F5F5F;
  text-align: left;
}
.post-type-archive-brochures form{
  width: 75%;
}
.post-type-archive-brochures form .label__field{
  color: #5f5f5f;
}
form  .check-radio > div{
  display: flex;
}



.mapboxgl-popup-content{
  height: 220px;
  width: 15rem;
}

.mapboxgl-popup-content img{
  width: 100%;
}

@media screen and (max-width: 1027px){
  #nePasManquer {
    display: none;
  }
}



#map{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgb(229, 227, 223);
}

#options .img{
  background-position: center center;
  background-repeat: no-repeat;
  height: 64px;
  width: 64px;
  margin-right: 1rem;
}

#options .img.on{
  display: none;
}

.center{
  text-align: center;
}

.button.disabled, .button[disabled] {
    cursor: not-allowed;
    opacity: 0.7 !important;
    background-color: rgba(230,230,230, 0.4) !important;
    border-color: rgba(0, 151, 195, 0.4) !important;
}

.button.disabled::placeholder, .button[disabled]::placeholder{
    color: rgba(255,255,255, 0.7) !important;
}

.option-open .img {
    background-image: url(../images/icons_filters/filtre-365-off.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 64px;
    width: 64px;
    margin-right: 1rem;
}

.option-open input[type=checkbox]:checked+.img {
    background-image: url(../images/icons_filters/filtre-365-on.png);
    background-position: center center;
    background-repeat: no-repeat;
}


.open_all_year {
    position: absolute;
    bottom: 15px;
    left: 0;
    color: #FFF;
    padding: 2px 10px;
    background-color: #0097c5;
    font-size: 14px;
    margin: 0;
}


.partenaire {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
    display: inline-block;
    background: url('../images/partenaire.svg') no-repeat;
}
#partenaire_content {
    padding-left: 60px;
    background: url('../images/partenaire.svg') no-repeat;
    background-size: 40px;
    background-position: left center;
}
#partenaire_content a {border-bottom: none;}
.tooltiptext {
    visibility: hidden;
    width: 120px;
    font-size: 15px;
    background-color: #0097c5;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.partenaire .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #0097c5 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.partenaire:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
 .result_title .partenaire {
    margin-left: 5px;
    cursor: default;
    width: 20px;
    height: 20px;
 }
body #front-hero  h1.home_title {
    font-family:'Akrobat-Regular';
    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;
    }
}

.apostrophe {position: relative;display: inline-block;}
.apostrophe:before {
    background: url('../images/home_apostrophe') no-repeat;
    content: "";
    position: absolute;
    top: 12px;
    display: block;
    left: -56px;
    width: 41px;
    height: 33px;
}
.apostrophe strong:after {
    background: url('../images/home_apostrophe') no-repeat;
    content: "";
    position: absolute;
    bottom: 19px;
    display: block;
     transform:scaleX(-1);
    right: -25px;
    width: 41px;
    height: 33px;
}
h1.home_title strong {font-family: Akrobat-ExtraBold}
h1.home_title .blue {color:#0097C5;font-size:46px;}
.post h2 {color:#0097c5;}
#cookie {color: #FFF;background-color: #0097C5;    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: #0097c5; height: 4px; width: 7.5rem; display: block; content:"";position: absolute;top:-1.75rem;left:0;}
.list-compose {border-radius: 0;border: 2px solid #0097c5; padding-top: 0;}
.list-compose li {text-align: left;font-family: Akrobat-SemiBold,sans-serif;cursor: pointer;font-size: 2rem}
.list-compose li:hover {font-family: Akrobat-ExtraBold;}
.page-template-page-resultats-taxis .preview {display: none;}
.page-template-page-resultats-taxis .results .result {min-height: 10rem;}
.page-template-page-semaine #page-sidebar-right {padding-top: 60px}
span.txt_jour {top: -10rem;}
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;}
/*body .elementor-column-gap-default .elementor-column.elementor-col-50 > .elementor-column-wrap {padding-left: 0;}*/
.anim_title {position: absolute;z-index: 1;top: 15%;left: 14%;}
.show_mobile {display: none;}
#profitez-hero {overflow: hidden;}
.alireaussi_large {top: -8rem; }
#instagram {clear: both;}
.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: #fff;
        background-color: #929290;
    font-family: Akrobat-ExtraBold,sans-serif;
    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 {background-color: rgba(0,151,197,.75);}
.page-numbers:hover {background-color: #005c79;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;}
.catchphrase_semaine_hero strong {
    font-family: Akrobat-ExtraBold;
}
@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;}
.blog_main .sticky-post-hero {position: relative;}
.blog_main .sticky-post-hero p {text-transform: uppercase;left: 0; top: 0;color: #0097c5; background-color: #FFF; position: absolute;    padding: 1px 15px;}

.author_infos .bloc_title {
    font-size: 17px;
    color: #8a8b87;
    text-transform: uppercase;
    font-family: Akrobat-SemiBold,sans-serif;
    margin-bottom: 0;
}
#single-post .author_infos .author_name {
    font-size: 30px;
    color: #0097c5;
    line-height: normal;
    font-family: Akrobat-ExtraBold;
    margin-bottom: 0;
}
.info_left {border-right: 4px solid #0097c5; 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;
    /*align-items: 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;font-family: Akrobat-ExtraBold;}
.social_sharing a{ padding: 10px; border: 2px solid #0097c5;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-family: Akrobat-SemiBold;font-size: 20px;}
#respond input {    height: auto;padding: .8rem .5rem;}
#respond textarea  {height: 250px;margin-bottom: 20px;}
#respond h3 {
    font-family: Akrobat-ExtraBold;
    font-size: 22px;
    color: #0097c5;
    padding-top: 40px;
}
#respond ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: Akrobat-SemiBold;
  font-size: 20px;
  color: #5f5f5f;
  opacity: 0.6;
}
#respond ::-moz-placeholder { /* Firefox 19+ */
  font-family: Akrobat-SemiBold;
  font-size: 20px;
  color: #5f5f5f;
  opacity: 0.6;
}
#respond :-ms-input-placeholder { /* IE 10+ */
  font-family: Akrobat-SemiBold;
  font-size: 20px;
  opacity: 0.6;
  color: #5f5f5f;
}
#respond :-moz-placeholder { /* Firefox 18- */
  font-family: Akrobat-SemiBold;
  font-size: 20px;
  opacity: 0.6;
  color: #5f5f5f;
}
#respond input[type=submit] {
    font-size: 15px;
    color: #009cc8;
    font-family: Akrobat-ExtraBold;
    border: 3px solid  #009cc8;
    padding: 20px 10px;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
#respond input[type=submit]:hover {
    background-color: #009cc8;
    color: #fff;
}
h1.comments_title, h1.related_title {
    color: #009cc8;
    font-family: Akrobat-ExtraBold;
    text-transform: none;
    text-align: center;
    clear: both;
    font-size: 65px;
    padding-top: 50px;
    margin-top: 0px;
    margin-bottom: 45px;
}
#comments .post {position: relative;margin-top: 30px}
#comments .post:first-child {margin-top: 0;}
.comments_number {color: #009cc8;font-family: Akrobat-ExtraBold;font-size: 22px;}
#comments .infos {font-family: Akrobat-SemiBold,sans-serif; color: #8a8b87;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: #0097c5; text-transform: uppercase;margin: 0;}
.social_sharing .twitter_icon {border-left: 0;border-right: 0; }

/*.div_excerpt {margin-top: 20px;}*/

.menu-bloc-left {position: relative;z-index: 2}
.menu-bassin {overflow: hidden;}
.Toolbar-reseaux, .Toolbar-langues, .Toolbar-favoris, .Toolbar-panier {
    float: left;
    border-right: 1px solid rgba(255,255,255,0.5);
    padding: 0 15px;
}
.top-bar-right {text-align: center;}
.Toolbar-langues {border-right: 0;padding: 0;}
.Toolbar-langues.fixed {
    border-right: 0;
    padding: 0;
        position: fixed;
    left: 95vw;
    top: 6.3rem;
}



.Toolbar-langues {
    cursor: pointer;
    margin-left: 5px;
    position: relative;
        float: none;
    display: inline-block;
}
.top-bar-right ul.SelectLangues li a::after {display: none !important;}
.SelectLangues #flags li a::after {display: none !important;opacity: 0;}
.SelectLangues #flags li a:hover {color: #0097c5 !important}
.top-bar-right .Toolbar-langues:after {width: 17px;top: 17px;}
.top-bar-right ul.SelectLangues {display: none;}
.Toolbar-langues.active:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.Toolbar-langues.fixed .selected,.fixed .SelectLangues #flags li a {font-size: 20px; line-height: 20px;}
.top-bar-right .Toolbar-langues .selected,.top-bar-right .SelectLangues #flags li a {line-height: 2rem !important;font-size: 2rem !important;}
.Toolbar-langues .selected, .SelectLangues #flags li a {color: #FFF; font-family: Akrobat-ExtraBold; display: block}
.SelectLangues #flags li a {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;

}
.SelectLangues #flags li a:hover {
   color:#0097c5;
   -webkit-background-clip: text;
    -webkit-text-fill-color: initial;
}
.Toolbar-langues:after {
    content: '';
    width: 13px;
    height: 7px;
    position: absolute;
    right: -18px;
    top: 11px;

    margin-top: -3px;
    background: no-repeat center;
    background-image: url(../images/arrow-langue.svg);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.SelectLangues {
    display: none;
    top: 100%;
    left: 0;
    margin: 0;
    right: 0;
    background: #196a70;
    z-index: 70;
    padding: 0px 0;
}
.SelectLangues #flags ul {
    float: none !important;
    margin: 0;
}
.SelectLangues #flags {
    width: auto !important;
    overflow: hidden;
    text-align: left;
    /*margin-top: -5px;*/
}

#flags li {
    float: none ;
    margin-bottom: 0 ;
    padding: 0 ;
    border: none ;
    list-style: none ;
    content: none ;
}
.SelectLangues .hide {display: none;}
.SelectLangues #flags li a {
    background: none ;
    width: auto ;
    height: auto ;
    line-height: 20px;
    margin: 0;
    display: block;
}
.SelectLangues li {
    display: block;
    padding: 0;
}


#wishlist_counter.border.below-hero {background-image: url(../images/favorite_b.png); background-color: transparent !important;}
.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 {
    width: 100%;
}
.grey_bg {background-color: #f5f5f5;}
.page-full-width.suggestions {max-width: 83rem;margin-top: 0;padding-bottom: 50px;}
.suggestions::after {
    display: table;
    content: ' ';
    clear: both;
}
.suggestions .suggestion_name {
    font-family: Akrobat-ExtraBold,sans-serif;color: #0097c5;font-size: 22px;line-height: normal;
    margin-bottom: 0;
}

.suggestions .suggestions_infos span {
    font-family: Akrobat-ExtraBold,sans-serif;
}

.suggestions .suggestions_infos {
    color: #8a8b87;
    font-size: 17px;
}
.suggestions .suggestion_image {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 90%;
    background-size: cover;
    background-position: center;
}
.suggestions h2 {
    text-align: center;
    font-family: Akrobat-ExtraBold,sans-serif;color: #0097c5;
    margin-bottom: 30px;
    font-size: 65px;
}
.full_url {position: absolute;left: 0;top: 0;width: 100%; height: 100%;}
.suggestions .item {float: left;width: 33%;    padding: 0 1.4rem;position: relative;}
body #front-hero {padding: 0;}
.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: #21637b !important;font-size: 1.3rem!important}
@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;
}
@media screen and (max-height: 640px) {
    /*.container-menu-left li a.blog>img:not(.img_active) {max-width: 25px;}    */
}

.container-menu-left li a>img.blog:not(.img_active) {max-width: 30px;width: 100%;}
.menu-item .blog {padding-top: 7px;}
.google_play img {margin: 0 auto}
.google_play {left: -1px;}
.tailor-ui .slick-arrow::before {
    content: '\203A';
    font-size: 2rem;
    top: -34px;
    color: #d7c99f;
}

#container_wishlist_marker {position: relative;}
.wishlist_number {
    position: absolute;
    top: -13px;
    display: none;
    color: #FFF;
    background-color: #0097c5;
    border-radius: 10px;
    padding: 0px 8px;
    right: -9px;
    font-size: 12px;}
#wishlist_counter {position: fixed;
    left: 95vw;
    width: 28px; height: 24px;
    background: url(../images/favorite.png);
    top: 4rem;}
.bloc_wishlist h2, .wishlist .item {padding: 0 10px;}
.bloc_wishlist h2{font-family: Akrobat-ExtraBold,sans-serif;color: #0097c5;font-size: 40px;margin-bottom: 16px;}
#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: #0097c5;font-size: 30px;text-align: center;width: 100%;margin-bottom: 30px;}
#page_intro p {font-size: 20px;}

#bookmarks {width: 100%;}
#share_wishlist {text-align: center; margin: 0 auto;padding-top: 35px; border-top: 1px solid #0097c5;margin-top: 50px;padding-bottom: 70px;}
#share_wishlist button {padding-left: 40px;background-position: left center;background-repeat: no-repeat;}
#share_wishlist button#print_page {background-image: url('../images/picto_print.png')}
#share_wishlist button#delete {background-image: url('../images/trash_blue.png'); padding-left: 35px;}
#share_wishlist button#setup_pdf {background-image: url('../images/picto_pdf.png')}
#share_wishlist button#setup_mail {background-image: url('../images/picto_mail.png'); padding-left: 45px;}
#share_wishlist button {
    display: inline-block;
    color: #0097c5;
    line-height: 35px;
    font-size: 20px;
    font-family: ssbat-SemiBold,sans-serif;
    padding-right: 35px;

}
#share_wishlist button:last-child {padding-right: 0}
.wishlist a.trash:hover {background-color: #929290;}
.wishlist a.trash {width: 40px; height: 40px; background-position: center;background-image: url('../images/trash.png');background-color: #0097c5;    background-size: 20px;
    background-repeat: no-repeat; position: absolute;right: 0; bottom: 0;z-index: 10}
.wishlist .item .image_wishlist {width: 50%;height: 160px; background-position: center;background-size: cover;float: left;position: relative;}
.wishlist .item_link {width: 100%; height: 100%; position: absolute;z-index: 2; left: 0; top: 0;}
.wishlist .item {
    position: relative;
    width: 50%;
    margin-bottom: 40px;
    float: left;
}
.only-print {display: none;}

.wishlist .item .infos{float: left;width: 50%;padding-left: 20px;}
.wishlist .item .infos p {margin-bottom: 0;font-size: 20px; line-height: normal;}
.wishlist .item .infos p.wishlist_type {margin-bottom: 10px;text-transform: capitalize;}
.wishlist .item .infos h3{font-family: Akrobat-ExtraBold,sans-serif;color: #0097c5;font-size: 24px;margin-bottom: 16px;    line-height: 24px;}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

@media print {
    .wishlist .item {width: 100%;margin: 30px auto;max-width: 400px;float: none;text-align: center;}
    .wishlist .item .infos p,.wishlist .item .infos h3 {width: 100%}

    .wishlist .item .infos {padding-left: 0;display: block;position: relative; width: 100%; text-align: center; margin: 0 auto;float: none;}
    .only-print {display: block;width: 100%;}
   .only-screen {
       display: none;
    }
}

.page-template-page-carnet-de-voyages #page-full-width{
    background: url('../images/bg_carnet.png') no-repeat;
    background-position: center bottom;
    background-size: 100%;

    margin: 0;
}
.tailor-ui .slick-arrow:hover::before {
    color: #FFF;
}

.elementor-container h3 {
    color: #0097c5 !important;
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 1.5rem;
}



.page-template-page-se-deplacer .elementor-tabs .elementor-tab-title {
    max-width: 180px;
    text-align: center;
    width: 180px;
    height: auto;
    padding: 0.5em 1em 1.5em;
    box-sizing: border-box;
    margin: 0 auto;
}


body .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content {border-top-style: inset;}
.elementor-tabs-content-wrapper {
    border-top: 1px solid #929290 !important;
}
.elementor-widget-tabs .elementor-tabs-wrapper {top: 1px; position: relative;}


body .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.active:after {border: none;}
body .elementor-widget-tabs .elementor-tabs-wrapper {overflow: hidden;}
body.page-template-page-se-deplacer .elementor-element.elementor-element-zo9ehs9 .elementor-tabs-content-wrapper {border:1px solid #929290}
body.page-template-page-se-deplacer .elementor-element.elementor-element-zo9ehs9 .elementor-tab-content {border-color: transparent;}
body.page-template-page-se-deplacer .elementor-widget-tabs .elementor-tab-desktop-title {background-color: #f6f6f6;border: 1px solid #dadada;border-left: 0; border-bottom: 1px solid #929290 !important}
body.page-template-page-se-deplacer .elementor-widget-tabs .elementor-tab-desktop-title:first-child {border-left: 1px solid #dadada;}
body.page-template-page-se-deplacer .container .elementor-widget-tabs .elementor-tab-desktop-title:first-child.active {left: 0;margin-right: 0;}
body.page-template-page-se-deplacer .container .elementor-widget-tabs .elementor-tab-desktop-title.active {background-color: #FFF;border-left: 1px solid;border-color: #929290 !important;left: -1px;margin-right: -1px;border-bottom: 1px solid #FFF !important}
body.page-template-page-se-deplacer .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
    display: block;
    float: left;
}

body.page-template-page-se-deplacer .container .elementor-widget-tabs .elementor-tab-desktop-title:hover {
    background-color: #0097c5;
    color: #FFF;
}
body.page-template-page-se-deplacer .container .elementor-tabs .elementor-tab-title:before {

    right: auto;
    left: auto;
    height: 120px;
    position: relative;
    margin: 0 auto;
    border: none;

}
body.page-template-page-se-deplacer .container .elementor-tabs .elementor-tab-title:first-child:before {

    max-width: 85%;
    top: 37.5px;


    content: url(../images/maps/bike.svg);
    display: block;

    fill: #000;
}
body.page-template-page-se-deplacer .container .elementor-tabs .elementor-tab-title.active:first-child:before {content: url(../images/maps/bike_b.svg);   }
body.page-template-page-se-deplacer .container .elementor-tabs .elementor-tab-title:first-child:hover:before {content: url(../images/maps/bike_w.svg) !important;   }


body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title.active:nth-child(2):before {content: url(../images/maps/boat_b.svg);}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:nth-child(2):hover:before {content: url(../images/maps/boat_w.svg) !important;}

body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:nth-child(2):before {
    max-width: 65%;
    content: url(../images/maps/boat.svg);
    display: block;

}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title.active:nth-child(3):before {content: url(../images/maps/train_b.svg);}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:nth-child(3):hover:before {content: url(../images/maps/train_w.svg) !important;}

body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:nth-child(3):before {
    max-width: 57.5%;
    content: url(../images/maps/train.svg);
    display: block;
    height: 120px;
}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title.active:nth-child(4):before {content: url(../images/maps/bus_b.svg);}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:nth-child(4):hover:before {content: url(../images/maps/bus_w.svg) !important;}

body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:nth-child(4):before {
    max-width: 80%;
    content: url(../images/maps/bus.svg);
    display: block;

}

#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;}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title.active:nth-child(5):before {content: url(../images/maps/car_b.svg);}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:nth-child(5):hover:before {content: url(../images/maps/car_w.svg) !important;}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:nth-child(5):before {
    top: 20px;
    position: relative;
    max-width: 80%;
    content: url(../images/maps/car.svg);
    display: block;
}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:last-child:hover:before {content: url(../images/maps/autres_w.svg) !important;}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title.active:last-child:before {content: url(../images/maps/autres_b.svg);}
body.page-template-page-se-deplacer .container .elementor-tabs div.elementor-tab-title:last-child:before {
    top: 20px;
    position: relative;
    max-width: 80%;
    content: url(../images/maps/autres.svg);
    display: block;
}

.custom_gallery_300 .gallery-item, .custom_gallery_200 .gallery-item {overflow: hidden;}
.gallery-spacing-custom .elementor-image-gallery .gallery-icon {overflow: hidden;position: relative;}

.custom_gallery_300 {max-height: 300px;overflow: hidden; height: 300px;}
.custom_gallery_200 {max-height: 200px;overflow: hidden; height: 200px;}
.elementor-widget-container, .elementor-image-gallery, .gallery, .gallery-item, .gallery-icon, .gallery-icon a {height: 100%}
.custom_gallery_300 .elementor-image-gallery .gallery-item img,
    .custom_gallery_200 .elementor-image-gallery .gallery-item img {
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
}
@media only screen and (max-width: 480px){
    .custom_gallery_300 .elementor-image-gallery .gallery-item img, .custom_gallery_200 .elementor-image-gallery .gallery-item img {transform: none; position: relative;left: 0; top: 0;}
    .custom_gallery_300, .custom_gallery_200 {max-height: none;overflow: hidden; height: auto;}

}


.elementor-container p {
    padding: 0;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    color: inherit;
    background-color: transparent;
    border: 1px none #efefef;
    border-radius: 0;
    box-shadow: none;
}
.elementor-container blockquote {border: none;}
.elementor-container blockquote p {
    font-size: 3.1rem;
    color: #8a8b87;
    font-family: Akrobat-SemiBold,sans-serif;
    line-height: 1;
}
@media only screen and (max-width: 1150px){
    .page-template-page-carnet-de-voyages #page-full-width .row {    max-width: 800px !important;}
    .wishlist .item, .wishlist .item .image_wishlist, .wishlist .item .infos {width: 100%;float: none;padding: 0; }
    .wishlist .item .infos {padding-top: 20px;}
}
@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;}
    .Toolbar-langues.fixed {display: none;}
    .page-template-page-se-deplacer .elementor-tabs .elementor-tab-title {    border: none;}
      .suggestions h2 {font-size: 40px;}
    .suggestions .item {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        float: none;
    }

}
@media only screen and (min-width: 721px){

    div.select.select_communes:hover>ul,div.select.select_communes__sorties:hover>ul{margin-top:1.5rem;opacity:1;visibility:visible}
    div.select.select_sorties:hover>ul,div.select.select_types:hover>ul{margin-top:1.5rem;opacity:1;visibility:visible}


    .tailor-ui .tailor-grid--desktop .tailor-grid__item {padding: 0.5em;}
    #picks-hero .picks .pck3 {top: 3rem;}
    .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;}
    #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: 3rem;margin-top: 10px;}
    #picks-hero-2 h2, #picks-hero-2 h1 {padding: 0 20px;}
    .elementor-container h3{font-size: 2rem}
    .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;}
    .datepicker .ui-widget.ui-widget-content {width: 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: 2.5rem;max-width: 100%;}
    #share_wishlist button {display: block;}
    body #page-full-width .results-banner a.edit_filtres {display: none;}
    body #page-full-width .results-banner a.edit_filtres.show_mobile {display: inline-block;}
    body #page-full-width .results-banner a.reinit_filtres {display: none;}
    section.grey>div.row {
        max-width: 100% !important;
        width: 100%;
        padding: 2rem 0rem;
    }
    div.select.select_communes.active>ul, div.select.select_communes__sorties.active>ul,
    div.select.select_sorties.active>ul,div.select.select_types.active>ul {
        margin-top: 1.5rem;
        opacity: 1;
        visibility: visible;
    }
    form[name=hebergements] {
        padding: 2rem 1rem !important;
        position: relative;
        visibility: visible;
        background: transparent;
    }
    .page-title {padding-top: 20px;}
    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}
    section.slider-agenda div.slider div div.content-agenda h3, section.slider-agenda div.slider div div.content-agenda p {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: 2.5rem; max-width: 90vw}
    .select_fields > div {width: 100%;}
    .select_fields h3 {text-align: center;}
    .page-template #featured-hero, .page-template-default.page-id-33 #featured-hero {height: auto}
    header#featured-hero>.page-title {position: relative;}
    header>.page-title {position: absolute;}
    div.select_dates {margin: 0;}
    .select_fields div.select {width: 100%}
    /*.scrollme {overflow: hidden;}*/
    .pick .scrollme {overflow: visible;}
    #instagram .gram img.block {padding: 0 20px;}
    blockquote:before {
        width: 62px;
        background-size: 60px;
    }

    .results-banner.stuck {height: auto}
    .results-banner.stuck {padding: 1rem;text-align: center;}
    .results .result {padding-right: .625rem;}
    body #page-full-width .results-banner a {margin: 0 !important;font-size: 15px;width:50%;
        padding: 0 5px;display: inline-block; float: none; clear: both;}
    .sticky-container {z-index: 100;}
    .tailor-section__content blockquote p {font-size: 2.1rem}
    #instagram {overflow: hidden;}
     .page-template-ou-dormir .container #picks-hero.selections {padding: 0 1rem;}
    #instagram .gram h3 {font-size: 2.25rem}
    span.txt_jour {top: 0;}
    .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: 2.5rem;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 {font-size: 3em;right: auto;left: 0;top: 0;margin-left: 1rem;}
    .page-template-ou-dormir #picks-hero {height: auto !important}
    #picks-hero .picks { width: 100%;   display: block;height: auto;position: relative;top: 0;}
    #picks-hero {height: auto;}
    #picks-hero .picks h3.white {max-width: 85%;}
    #picks-hero-2 .picks h4.small-subtitle {margin-right: 1rem}
    #picks-hero .picks h3.white {max-width: 100%;margin: 0;background-color: rgba(0,0,0,0.2);padding: 0 20px 2.5rem;}
    #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;}

    #picks-hero .picks .pick {
        width: 100%;
        position: relative;
        height: auto;
        transform: none !important;
        top: 0 !important;
    }
}



/******** PAGE FAVORIS ********/


.container_button {

    width: 100%;
    position: relative;
    z-index: 100;

    text-align: center;}
.container_button .button {background-color: transparent;}
.container_button:hover .button {background-color: #0097c5;}
.results .result .preview {position: relative;}
.wishlist_tourinsoft {
    color: #FFF;
    font-family: Akrobat-ExtraBold,sans-serifsans-serif;
    text-transform: uppercase;
    background: url(../images/favorite.png);
    background-position: left 36%;
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: 20px;
    font-weight: bold;
    margin-top: 6px;
}
#marches {opacity: 0;}

#menu-nos-incontournables:after, #menu-web-tv:after {margin: 1rem auto;}
.container-menu-left .activite_pluie  li {list-style: none;border: none;}
.container-menu-left ul.activite_pluie li a:hover {    border-bottom: 2px solid #FFF;}
.container-menu-left ul.activite_pluie li a {
        color: #FFF;
    text-decoration: none;
    display: inline-block;
    font-size: 1.25rem;
    margin-top: 20px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background: url(../images/parapluie.svg);
    background-position: left 43%;
    background-repeat: no-repeat;
    background-size: 26px;
}

@media screen and (max-height: 768px) {.container-menu-left ul.activite_pluie li a {font-size: 1rem;}}

a.wishlist_tourinsoft:focus{color: #FFF}
.wishlist_tourinsoft.active {
    background-image: url(../images/favorite_active.png)
}
.favorite {
    width: 28px; height: 24px; position: absolute; right: 10px;bottom:15px;
    background: url(../images/favorite.png)
}

.favorite.active {
    background: url(../images/favorite_active.png)
}


/******** PAGE FRONT ********/
form input.submit-button {
        width: 80%;
    padding: 1.5rem;
    margin: 0;
}
#picks-hero-2 h1, #picks-hero-2 h2 {
    color: #0097c5;
    text-align: center;
    line-height: normal;
}
#picks-hero-2 h2 {
    font-size: 2rem;
    margin-bottom: 0.8em;
}
#picks-hero-2 h1 {
    font-size: 4em;
    margin: .60em 0 0.2em;
}
#picks-hero-2 {
    background: url('../images/bg_vivez_hero.jpg');
    overflow: hidden;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom;
    height: 200vh;
    position: relative;
    text-align: left;
    width: 100vw
}

#picks-hero-2 .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;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    top: 26%;
    height: 85vh
}

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

#picks-hero-2 .picks::after {
    clear: both
}

@media screen and (max-width:640px) {
    .container_button{}
    #picks-hero-2 {padding-bottom: 100px; height: 100%;}
    #picks-hero-2 .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;
    }
}

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

@media screen and (max-width:640px) {
    #picks-hero-2 .picks .pick {
        width: 100%;
        position: relative
    }
}

#picks-hero-2 .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) {
    #picks-hero-2 .picks .picks-01 {
        height: 23.75rem
    }
}

#picks-hero-2 .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) {
    #picks-hero-2 .picks .picks-02 {
        height: 23.75rem
    }
}

#picks-hero-2 .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) {
    #picks-hero-2 .picks .picks-03 {
        height: 23.75rem
    }
}

#picks-hero-2 .picks .pcks1 {
    left: 0;
    top: 4rem;
    opacity: 0;
    -webkit-transform: translateX(-64px);
    -ms-transform: translateX(-64px);
    transform: translateX(-64px)
}

#picks-hero-2 .picks .pcks2 {
    left: 33%;
    top: 4rem;
    opacity: 0
}



#picks-hero-2 .picks .pcks3 {
    left: 66%;
    top: 4rem;
    opacity: 0;
    -webkit-transform: translateX(64px);
    -ms-transform: translateX(64px);
    transform: translateX(64px)
}

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

@media screen and (max-width:640px) {
    #picks-hero-2 h1 {font-size: 2.7em;}
    #picks-hero-2 .picks .pcks2, #picks-hero-2 .picks .pcks1, #picks-hero-2 .picks .pcks3 {
        left: 0;
        transform: none !important;
        top: 2rem;
        padding-bottom: 10px;
    }

}

#picks-hero-2 .picks .title-picks {
    opacity: 0;
    margin-top: 100px;
}

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

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

#picks-hero-2 .picks h4.small-subtitle {
    color: #0097c5;
    font-size: 1.45rem;
    font-family: Akrobat-ExtraBold;
    margin-left: 1rem;
    max-width: 100%;
    line-height: 1
}

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

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

#picks-hero-2 .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)
}

#picks-hero-2 .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)
}

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

@media only screen and (max-width: 1280px){
    #picks-hero-2 h1 {
        margin: 0;
    }
    #picks-hero-2 .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: 65vw;text-align: center;}
.title_container p {color: #FFF;font-size: 1.5rem;font-weight: bold;font-family: Akrobat-ExtraBold,"Droid Sans","Helvetica Neue",sans-serif}
.title_container:after {
     content: "";
    background-color: #0097c5;
    width: 7.5rem;
    height: 4px;
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
}

.lang_en-GB .page-template-page-incontournable #a-lire-aussi,.lang_en-GB .page-template-page-incontournable #resa-questions {display: none;}

@media print, screen and (min-width: 40em) {.title_container p {font-size: 1.5rem}}
@media print, screen and (min-width: 64em) {.title_container p {font-size: 2.5rem}}
@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;
}


.info_gmap {
    position: absolute;
    bottom: 0;
    max-width: 600px;
    line-height: 1;
    color: #FFF;
    text-align: center;
}

@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;
}
.imgFrench{
  background-image: url(../images/home/50nuancesDesktop.jpg);
}
.modalBackground{
  background-image: url(../images/50nuances-pop.png);
  background-size: cover;
  background-position: center center;
  min-height: 60%;
  text-align: center;
  top: 25% !important;
}

@media screen and (max-width: 767px){
  .modalBackground{
    background-position-x: 50%;
    height: 60vh !important;
    width: 100% !important;

  }
}

@media screen and (max-width: 1200px) and (min-width: 767px){
  .modalBackground{
    top: 15% !important;
    width: 45%;
  }
}

@media screen and (min-height: 600px) and (max-height: 850px){
  .modalBackground{
    min-height: 60%;
    width: 25%;
    top: 18% !important;
  }
}


.buttonContainer{
  width: 100%;
  position: absolute;
  bottom: 6%;
  left: 0;
}
.modalButton{
  height: 50px;
  color: #0097c5;
  border: 4px solid #0097c5;
  width: 33%;

}


@media screen and (max-width: 1200px) {
  #front-hero{
    height: 53vh;
  }
}

@media screen and (max-width: 770px){
  #front-hero{
    background-image: url(../images/home/home-00.jpg);
    height: 60vh;
  }
}

@media screen and (max-width: 500px){
  #front-hero{
    background-image: url(../images/home/home-00.jpg);
    height: 50vh;
  }

}

.imgEnglish{
  background-image: url(../images/home/home-00.jpg) !important;
  height: 100vh !important;
}

#front-hero video{
    max-width: 100%;
}

#logo_siba{
    display: none;
}

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