/*
	Theme Name: Corderie V2
	Theme URI: http://envergure-digitale.fr
	Description: Theme for Corderie
	Version: 1.0.0
	Author: Envergure Digitale
	Author URI: http://envergure-digitale.fr

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/**
Menu
*/

nav.nav {
    height:80px;
}

nav.nav button {
    height:100%;
    padding:20px;
}

nav.nav button.nav-button.is-active {
    background-color: #ebf7f4;
}

.banner-head .nav-button > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 2.6rem;
    width: 2.6rem;
    padding: 0;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
    background-image: linear-gradient(#FFF, #FFF);
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 100% 5px;
    -webkit-transition: .25s;
    transition: .25s;
    -webkit-transition-property: background, -webkit-transform;
    transition-property: background, -webkit-transform;
    transition-property: transform, background;
    transition-property: transform, background, -webkit-transform;
    will-change: transform, background;
}

.banner-head .nav-button > *::before, .banner-head .nav-button > *::after {
    content: "";
    height: 5px;
    background: #FFF;
    -webkit-transition: .25s;
    transition: .25s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: transform, top;
    transition-property: transform, top, -webkit-transform;
    will-change: transform, top;
}

.banner-head .nav-button.is-active > *::before, .banner-head .nav-button.is-active > *::after {
    content: "";
    height: 5px;
    background: #3fb499;
    -webkit-transition: .25s;
    transition: .25s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: transform, top;
    transition-property: transform, top, -webkit-transform;
    will-change: transform, top;
}

/* .burger.is-opened +div.autopromo {
    margin-top: -413px;
} */

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.menu {
    height: 100%;
    margin-bottom:0;
}

.menu-item {
    height: 100%;
}

li {
    float: left;
}

.sub-menu li {
    float: none;
}

.sub-menu {
    background-color: white;
    padding: 0;
    z-index: 99;
}

nav li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 28px 16px;
    text-decoration: none;
    height: 100%;
}

li a:hover, .menu-item-has-children:hover .dropbtn {

}

.menu-item:hover {
    background-color: #fff;
}

.menu-item:hover > a span {
    color: #3fb498;
}


li.menu-item-has-children {
    display: inline-block;
}

.sub-menu {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 2;
}

.sub-menu a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.sub-menu a:hover {
    background-color: #f1f1f1
}

.menu-item-has-children:hover .sub-menu {
    display: block;
}

.autopromo {
    z-index: 1;
    background: rgba(0,0,0,0.5);
    color:#FFF;
    position: absolute;
    width:100%;
    text-align: center;
}

/**
Common
*/
.posrel {
    position: relative;
}

.w1190p {
    width: 1190px;
}

.mw1190p {
    max-width:1190px;
}

/*********************************/
/*** BLOC MENU ******/

.shadow {
    margin-top: -23px;
    position: relative;
    z-index: 4;
    background-color: rgba(0, 0, 0, 0.5);
}

.shadow h1 {
    color: #FFF;
    display: inline-block;
    height: 34px;
    font-size: 16px;
    position: relative;
    max-width: 100%;
}

/******************************/
/** BLOC BLANC CORDERIE HP  **/

.corderie_bloc_blanc {
    margin: 0 auto;
    display: block;
    max-width: 1190px;
}

.corderie_bloc_blanc img {
}

#bloc_main {
    margin-bottom: 60px;
}

#bloc_main .heading {
    text-align: center;
}

#bloc_main h2, #expo_temporaire h2, #experience_digitale h2 {
    margin: 40px auto;
    font-size: 30px;
    text-transform: uppercase;
}

#bloc_main .rose {
    font-weight: bold;
}

#bloc_main .paragraph {
    font-size: 16px;
    width: 35%;
    margin: 0 auto 40px;
}

.corderie_bloc_blanc .bloc_image {
    display: inline-block;
    width: 52%;
    position: relative;
    margin-right: 40px;
    float: right;
    top: 170px;
    background-color: #FFF;
    padding: 0 30px 30px;
}

.bloc_image + img {
    margin-top: -255px;
}

.bloc_image .cta_timeline.gothamB {
    color: #FFF;
}

.cartouche {
    position: relative;
    top: -30px;
    background: #e0397a;
    height: 30px;
    line-height: 2em;
    text-transform: uppercase;
    left: -30px;
    width: 249px;
    padding: 0 10px;
    color: #FFF;
}

.cartouche .bold {
    font-family: gothamB, Arial, sans-serif;
}

#white {
    background: #FFF;
}

/**
Expo Temporaire
*/

#expo_temporaire, #experience_digitale {
    margin: 0 auto;
    display: block;
    margin-top: 60px;
    position: relative;
}

#expo_temporaire .bloc_image, #experience_digitale .bloc_image {
    z-index: 20;
    position: absolute;
    background: #FFF;
    padding: 0 30px 30px;
    width: 58%;
    right: 80px;
    transform: translateY(-50%);
    top: 50%;
    margin:0;
}

#inner_temporaire {
    max-width: 1190px;
    margin: 0 auto;
    position: relative;
}

#expo_temporaire  img, #experience_digitale  img {
    display: block;
    margin: 0 auto;
}

/***
Prolonger votre visite
*/
.bloc_image_inline {
    max-width: 1190px;
    text-align: center;
    display: block;
    margin-bottom: 60px;
}

.bloc_image_inline img {
    margin: 0 0.95%;
}

.bloc_image_inline img:first-child {
    margin: 0 0.95% 0 0;
}

.bloc_image_inline img:last-child {
    margin: 0 0 0 0.95%;
}

#prolonger_sejour {
    margin-top: 60px;
}

.heading_prolonger {
    text-align: center;
    margin-bottom: 40px;
}

.poll_img {
    max-width: 1190px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.poll_img img {
    margin: 0 4%;
}

/****
journal de bord
*/

#avant_blog {
    margin: 0 auto;
    margin-top: 60px;
    padding: 60px 0;
    width: 100%;
    display: block;
}

#content_journal_bord {
    max-width: 1190px;
    margin: 0 auto;
    margin-top: 60px;
    display: flex;
}

#content_journal_bord > div {
    margin: auto;
    display: block;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

#content_journal_bord img {
    width: 100%;
    margin-bottom: 20px;
    max-height: 150px;
    object-fit: contain;
}

#content_journal_bord .excpert_content {
    margin-bottom: 20px;
}

#content_journal_bord h3 {
    margin-bottom: 20px;
    height: 60px;
}


#content_journal_bord .cta_timeline {
    background-color: #e6f6f2 !important;
    margin-top: 0;
    float: unset !important;
    margin: auto;
}
/**
Instagram slider
*/
.dark-pictos {
    display: inline-flex;
}

.dark-pictos li img {
    width: auto;
    max-height: 40px;
}

.dark-pictos li a {
    padding: 0;
}

.instagram.slick-slider .slick-list, .instagram.slick-slider .slick-list .slick-track{
    height: 250px !important;
}
.instagram.slick-slider {
    margin-top:-14px;
    height: 250px !important;
}

.instagram .slick-track div {
    margin: 0 15px;
}

.slick-slide iframe {
    width: 450px;
}

/**
Newsletter
*/
#newsletter {
    background: #f6f6f6;
    margin:60px 0;
    padding:30px 0;
}

#nl-inner {
    max-width: 990px;
    margin: 0 auto;
}

.posrel {
    position:relative;
}

#nl-inner form {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    -webkit-box-shadow:  0 2px 11px #cecece;
    -moz-box-shadow:  0 2px 11px #cecece;
    box-shadow:  0 2px 11px #cecece;
}

#nl-inner span {
    width: 100%;
    display: block;
}

.sib_signup_box_inside_2 {
    height: 40px;
}

input[type='submit'].sib-default-btn {
    background:#e0397a;
    border:1px solid transparent;
    box-shadow: unset;
    margin-right: -5px;
    width:15%;
}

input[type='email'].sib-email-area, input[type='submit'].sib-default-btn {
    height:40px;
    float: left;
    box-shadow: none;
}

input[type='email'].sib-email-area {
    width:85%;
}

/**
Footer
*/

ul.footer {
    display: block;
    float: left;
    padding: 0;
}

ul.footer li {
    float: none;
    font-size: 14px;
    line-height: 22px;
}

ul.footer li:hover, ul.footer li a:hover {
    text-decoration: none;
}

ul.footer li:first-letter {
    text-transform: uppercase;
}

footer ul.footer li:first-child {
    text-transform: uppercase;
    font-family: gothamBook, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

footer ul.footer li.title {
    text-transform: uppercase;
    font-family: gothamBook, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-top: 15px;
}

footer > .pam.large-w75.small-w95.grid-4-small-1 > div {
    padding: 15px;
}

ul.footer li.agenda {
    margin-top: 22px;
}

ul.footer li a {
    display: initial;
    padding: 0;
}

.reset div {
    text-align: left;
    margin: 0;
    padding: 0;
}

.row-2 ul.footer:first-child {
    float: none;
}


/** PAGE **/


.main > p {
    margin-top: 30px;
    margin-bottom: 30px;
}

.page-bloc_top_banner {
    position: relative;
}

.page-bloc_top_banner > img {
    width: 100%;
    max-width: none;
    position: relative;
    filter: brightness(40%);
}

.page-bloc_top_banner .mobile {
    display: none;
}

.page-bloc_top_banner .inner_content, .page-bloc_avis .inner_content  {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.page-bloc_top_banner .inner_content .title {
    font-family: gothamB, Arial, sans-serif !important;
    font-size: 30px;
    text-align: center;
    color: #FFF;
    text-shadow: #000000 1px 1px 1px;
    text-transform: uppercase;
}

.page-bloc_top_banner .inner_content .text-content {
    width: 50%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.page-bloc_top_banner .inner_content .text {
    font-family: gotham, Arial, sans-serif !important;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    text-shadow: #000000 1px 1px 1px;
    text-transform: uppercase;
}

.page-bloc_avis {
    display: table;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 60px;
    display:none;
}

.page-bloc_avis .inner_content .text-content {
    background-color: #fff;
    padding: 25px 25px 25px 120px;
    width: 60%;
    left: 54%;
    position: absolute;
    top: 46%;
    transform: translate(-50%, -50%);

    -moz-box-shadow: 0px 5px 5px 0px #656565;
    -webkit-box-shadow: 0px 5px 5px 0px #656565;
    -o-box-shadow: 0px 5px 5px 0px #656565;
    box-shadow: 0px 5px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}

.page-bloc_avis .avis-profile-img {
    left: 25%;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%);
    z-index: 9;
    border-radius: 50%;

    -moz-box-shadow: -5px 0px 5px 0px #656565;
    -webkit-box-shadow: -5px 0px 5px 0px #656565;
    -o-box-shadow: -5px 0px 5px 0px #656565;
    box-shadow: -5px 0px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}

.page-bloc_avis .inner_content .text-content .name {
    display: block;
    font-family: gothamBook, Arial, sans-serif;
    font-size: 16px;
    color: #5c6364;
    text-transform: uppercase;
}

.page-bloc_avis .inner_content .text-content .title {
    display: block;
    font-family: gothamB, Arial, sans-serif;
    font-size: 30px;
    color: #3fb498;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.page-bloc_avis .inner_content .text-content .text {
    font-family: gothamBook, Arial, sans-serif;
    font-size: 16px;
    color: #5c6364;
}

.page-bloc_avis .inner_content .text-content .text p {
    display: inline;
}

.page-bloc_avis .inner_content .text-content .text .quote {
    width: 35px;
}

.page-bloc_avis .inner_content .text-content .text .quote:last-child {
    right: 25px;
    position: absolute;
}

.page-bloc_info {
    position: relative;
}

.page-bloc_info img {
    width: 100%;
}

.page-bloc_info .inner_content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.page-bloc_info .inner_content .text-content {
    width: 50%;
    left: 50%;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 0);
    background-color: #fff;
    text-align: center;
    padding: 20px;
    padding-top: 30px;
}

.page-bloc_info .inner_content .text-content .title {
    display: block;
    font-family: gothamB, Arial, sans-serif;
    font-size: 30px;
    color: #3fb498;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.page-bloc_info .inner_content .text-content .subtitle {
    margin-top: 25px;
}

.page-bloc_info_bottom {
    position: relative;
}

.page-bloc_info_bottom .inner_content {
    width: 50%;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;

}

.page-bloc_info_bottom .conditions {
    text-align: center;
    color: #bcbcbc;
    font-size: 14px;
}

.page-bloc_info_bottom .inner_content table td {
    padding: 20px;
    font-size: 14px;
}

.bloc-button {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bloc-button .btn {
    min-width: 250px;
    height: 50px;
}


.bloc-button .btn img{
    width: 24px;
    margin-right: 20px;
}

.bloc-button .btn a {
    line-height: 30px;
    text-transform: uppercase;
}

.bloc-payment {
    text-align: center;
    padding: 20px;
    margin-top: 20px;
}

.bloc-payment h2 {
    margin-bottom: 20px;
}

.bloc-payment p {
    margin-top: 20px;
    margin-bottom: 20px;
}

.bloc-payment .pictures {
    margin-top: 30px;
    margin-bottom: 30px;
}

.bloc-payment a {
    font-family: gothamB, Arial, sans-serif;
    color: #3fb498;
}

.bloc-contact {
    margin-bottom: 20px;
    background-color: #f6f6f6;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.bloc-contact img {
    width: 50px;
    vertical-align: top;
    margin-right: 30px;
}

.bloc-contact .content {
    display: inline-block;
}

.bloc-contact .content > * {
    display: block;
}

.bloc-contact .content .name {
    text-transform: uppercase;
}

.bloc-contact .content .mail {
    color: #3fb498;
}

h2.gothamBook.gris strong{
    font-weight: bold;
    color: #e0397a;
    font-family: gothamB, Arial, sans-serif;
}

#right > div{
    margin-top: 30px;
}

form.search {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
}

.search-input {
    padding-right: 50px;
    border-color: #bcbcbc !important;
    webkit-box-shadow: 0 0 0 1px #bcbcbc inset !important;
    box-shadow: 0 0 0 1px #bcbcbc inset !important;
    width: 100%;
    height: 50px;
    color: #5c6364 !important;
}

.search-submit {
    border: none !important;
    box-shadow: none !important;
    top: 0px;
    position: absolute;
    color: transparent !important;
    font-size: 14px;
    width: 40px;
    height: 50px;
    right: 8px;
    background: url("../img/loupe.png") no-repeat !important;
    background-size: 32px !important;
    background-position: center !important;
    padding: 0 !important;
}

.recent-posts-widget-with-thumbnails h3 {
    font-family: gothamBook, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
}

.recent-posts-widget-with-thumbnails ul{
    margin: 0;
}

.recent-posts-widget-with-thumbnails ul li {
    border-top: 1px solid #bcbcbc;
    margin:  0 !important;
    width: 100%;
    position: relative;
    overflow: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

.recent-posts-widget-with-thumbnails ul li .rpwwt-post-excerpt {
    font-size: 14px;
    font-family: gothamBook, Arial, sans-serif;

    position: absolute;
    top: 42px;
    width: 170px;
    left: 111px;
    line-height: 16px;;
}

.recent-posts-widget-with-thumbnails ul li a {
    padding: 0;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;

    font-family: gothamB, Arial, sans-serif;
    color: #3fb498;
    font-size: 14px;
    
}

.recent-posts-widget-with-thumbnails ul li img {
    margin: 0 !important;
    margin-right: 10px !important;
}

.widget_categories h3 {
    font-family: gothamBook, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #bcbcbc;
}

#widget_auto_last_youtube_video h2 {
    font-family: gothamBook, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #bcbcbc;
}

.widget_categories ul {
    padding: 0;
    margin: 0;
}

.widget_categories ul li {
    display: block;
    width: 100%;
    margin-top: 20px;
}

.widget_categories ul li a {
    color: #5c6364;
    padding: 0;
    font-size: 16px;
    font-family: gothamBook, Arial, sans-serif;
}

.widget_categories ul li a:after {
    content: ">";
    margin-left: 10px;
}

.widget_media_video h3 {
    font-family: gothamBook, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bcbcbc;
}

.widget_media_video .mejs-inner {
    margin-top: 20px;
}

.breadcrumb {
    position: relative;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-family: gothamBook, Arial, sans-serif;
    text-transform: uppercase;
    z-index: 999;
}

.breadcrumb span:last-child span {
    font-weight: bold;
    color: black;
}

.post-header {
    width: 60%;
    margin:auto;
    margin-top: 40px;

}

.article_container {
    width:99%;
    margin:auto;
}

.post-header h1 {
    display: block;
    position: relative;
    line-height: 50px;
}

.post-header span{
    display: block;
    text-align: center;
    position: relative;
    margin-top: 25px;
}

.mobile {
    display: none;
}

nav .menu-main .menu-item-has-children:after {
    content: '\f004';
    font-family: mobmenu;
    color: white;
    margin-right: 10px;
}

nav .menu-main .menu-item-has-children:hover:after {
    color: #3fb498;
}


nav #menu-top-right-menu {
    float: right;
}

nav #menu-top-right-menu li.opening-hours a {
    font-size: 14px;
}


#menu-expo-sidebar-menu li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 11px;
    text-decoration: none;
    height: 100%;
}


header nav {
    position: fixed;
    background-color: #3fb498;
    z-index: 9999;
    width: 100%;
    padding-left: 250px;
}

#menu-top-right-menu {
    float: unset;
    position: absolute;
    right: 0;
    top: 0;
}
.bloc-tripadvisor {
    display: block;
    position: absolute;
    z-index: 999;
    right: 20px;
    top: 100px;
}

#menu-top-right-menu .menu-item{
    text-transform: uppercase;
}

#menu-top-right-menu .menu-ticket {
    background-color: #e0397a;
    color: white;
    font-family: gothamB, Arial, sans-serif;
}

.menu-main {
    margin-bottom: unset;
}

body.home .main {
    width: 100%;
}

.main {
    width: 990px;
    margin: auto;
}

.bleu {
    color: #3fb498;
}

.anchor {
    position: relative;
    top: -90px;
}

.bloc-double {
    display: flex;
    margin: auto;
}

.bloc-double-gauche, .bloc-double-droite {
    margin: auto;
}

.bloc-double-gauche {
    margin-right: 15px;
}

.bloc-double-droite {
    margin-left: 15px;
}


#nl-inner > section {
    display: flex;
}

#nl-inner > section > div{
    width: 50%;
}

footer .pam .col-1 {
    margin-left: 10px;
    margin-right: 10px;
}

li.opening-hours {
    pointer-events: none;
}

span.opening-hour {
    font-weight: bold;
    color: white;
    padding: 0 16px;
    pointer-events: none;
    display: block;
    text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    footer {
        padding: 20px;
    }

    #avant_blog {
        padding-left: 30px;
        padding-right: 30px;
    }

    #newsletter {
        padding-left: 20px;
        padding-right: 20px;
    }

    .corderie_bloc_blanc span.timeline_content {
        max-height: 118px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }

    header nav {
        padding-left: 190px;
    }

}

@media (min-width: 575px) and (max-width: 768px) {
    .main {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }


    .page-bloc_avis .inner_content .text-content {
        width: 90%;
        left: 54%;
        top: 50%;
    }

    .page-bloc_avis .avis-profile-img {
        left: 12%;
        width: 20%;
    }

    .page-bloc_info .inner_content .text-content {
        width: 80%;
    }

    .page-bloc_info_bottom .inner_content {
        width: 80%;
    }

    .page-bloc_top_banner .inner_content .text-content {
        width: 80%;
        top: 60%;
    }

    .page-bloc_top_banner .inner_content .title {
        font-size: 26px;
    }
}

@media (max-width: 991px) {
    .master-slider-parent.principal.desktop .u-uppercase{
        width: 60%;
    }

    .master-slider-parent.principal.desktop .u-uppercase h1, .master-slider-parent.principal.desktop .u-uppercase p {
        font-size: 31px;
    }


    .master-slider-parent.principal.desktop .u-uppercase .btn-holder .btn{
        height: 40px;
    }

    .master-slider-parent.principal {
        top: 0 !important;
        margin-bottom: 0 !important;
    }

    #nl-inner section {
        display: flex;
    }

    #nl-inner section .posrel {
        width: 50%;
    }

     .article_container {
    width:75%;
    margin:auto;
}

}

@media (max-width: 575px) {

    .article_container {
    width:90%;
    margin:auto;
}

.post-header {
    width: 90%;
    margin:auto;
    margin-top: 40px;

}

    .main {
        margin-bottom: 20px;
    }

    .responsive-table {
        width: 250%;
        max-width: none;
    }

    .responsive-table td {
        padding: 10px;
    }


    .table-slider {
        overflow-x: auto;
    }

    #nl-inner section {
    display: block;
    }

    #nl-inner > section > div {
        width: 100%;
    }

    .breadcrumb {
        display: none;
    }

    .bloc-tripadvisor {
        display: none;
    }

    .master-slider-parent.principal-mobile .u-uppercase{
        width: 80%;
    }

    .master-slider-parent.principal-mobile .u-uppercase h1, .master-slider-parent.principal-mobile .u-uppercase p{
        font-size: 24px;
    }

    .master-slider-parent.principal-mobile .u-uppercase .btn-holder{
        width: 80%;
    }

    .master-slider-parent.principal-mobile .u-uppercase .btn-holder .btn{
        height: 40px;
        line-height: 16px;
    }

    .autoheight .wpostahs-slider-inner-wrp {
        top: 55% !important;
    }

    .mobmenul-container {
        margin-left: unset !important;
        right: 0;
    }

    #menu-top-right-menu {
        display: none;
    }

    .page-bloc_top_banner > img {
        display: none;
    }

    .page-bloc_top_banner .mobile {
        display: block;
        width: 100%;
        max-width: none;
        position: relative;
        filter: brightness(40%);
    }

    .page-bloc_top_banner .inner_content .text-content {
        width: 80%;
    }

    .page-bloc_top_banner .inner_content .title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .page-bloc_top_banner .inner_content .text {
        font-size: 14px;
    }

    .main {
        width: 100%;
        text-align: center;
    }

    main .type-page p {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .page-bloc_avis {
        display: block;
    }

    .page-bloc_avis > img {
        display: none;
    }

    .page-bloc_avis .avis-profile-img {
        position: relative;
        width: 140px;
        left: 50%;
        top: unset;
        transform: translate(-50%);
    }

    .page-bloc_avis .inner_content {
        position: relative;
    }

    .page-bloc_avis .inner_content .text-content {
        width: 100%;
        left: unset;
        position: relative;
        top: unset;
        transform: none;
        text-align: center;
        padding: 15px;
    }

    .page-bloc_avis .inner_content .text-content .text .quote {
        width: 20px;
    }

    .page-bloc_info .inner_content {
        position: relative;
        top: 0;
        overflow: hidden;
    }

    .page-bloc_info .inner_content .text-content {
        position: relative;
        left: unset;
        bottom: unset;
        transform: none;
        text-align: center;
        padding: 20px;
        padding-top: 30px;
        width: 100%;
    }

    .page-bloc_info_bottom .inner_content {
        width: 100%;
        left: unset;
        text-align: center;
        padding: 0;
        margin: 0;
        overflow-x: auto;
    }

    .page-bloc_info_bottom .conditions {
        padding: 20px;
    }

    .page-bloc_info_bottom .inner_content > table {
        width: 300%;
        max-width: none;
    }

    .bloc-button {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .bloc-button .btn {
        width: 300px;
        height: 70px;
    }

    .bloc-button .btn a {
        line-height: 50px;
    }

    .bloc-payment h2, .page-bloc_info h2 {
        font-size: 27px;
    }

    .bloc-payment img {
        width: 100%;
    }

    .main p {
        padding: 0;
    }
    
    .bloc-contact {
        text-align: center;
    }

    .bloc-contact img {
        width: 60px;
    }

    .bloc-contact .content span {
         margin-top: 10px;
        margin-bottom: 10px;
    }

    .post-header {
        margin-top: 280px;
        position: relative;
        margin-bottom: 20px;
    }

    .post-header h1 {
        font-size: 34px;
    }

    main {
        margin-top: 0 !important;
    }

    .mobile {
        display: block;
    }

    .nomobile {
        display: none;
    }

    .logo {
        padding: 17px;
    }

    .logo-text {
        font-family: gothamBook, Arial, sans-serif;
        text-transform: uppercase;
        color: white;
        font-size: 11px;
        line-height: 14px;
    }

    .logo-text strong {
        font-family: gothamB, Arial, sans-serif;
        font-size: 18px;
        white-space: nowrap;
    }

    .master-slider-parent.principal {
        top: 0 !important;
        margin-bottom: unset !important;
    }

    .autopromo {
        display: none;
    }

    #experience_digitale img, #expo_temporaire img {
        display: table-header-group;
    }

    #experience_digitale .bloc_image, #expo_temporaire .bloc_image {
        right: unset;
        transform: unset;
        width: 100%;
        top: unset;
        text-align: center;
        position: relative;
        display: table-footer-group;
        float: none;
    }

    #experience_digitale .bloc_image .cartouche, #expo_temporaire .bloc_image .cartouche {
        top: unset;
        left: unset;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #experience_digitale .bloc_image .timeline_content, #expo_temporaire .bloc_image .timeline_content {
        display: block;
        margin-top: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    #experience_digitale #inner_temporaire, #expo_temporaire #inner_temporaire {
        display: table;
    }

    #experience_digitale .bloc_image .btn-holder, #expo_temporaire .bloc_image .btn-holder {
        padding-left: 30px;
        padding-right: 30px;
    }

    #avant_blog {
        padding-top: 20px;
    }

    #avant_blog #content_journal_bord {
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    #content_journal_bord > div:not(:first-child) {
        display: none;
    }

    #content_journal_bord div.btn {
        float: none;
        margin: auto;
        background-color: white !important;
        width: 80%;
        height: 70px;
        line-height: 50px;
    }

    #content_journal_bord div.btn a {
        font-size: 20px;
        text-transform: uppercase;
    }

    #nl-inner {

    }

    #nl-inner .txtleft{
        text-align: center;
    }

    #nl-inner .txtleft .rose{
        width: 65%;
        margin: auto;
    }

    #nl-inner form {
        position: relative;
        top: unset;
        transform: none;
        margin-top: 20px;
    }

    #nl-inner section .posrel {
        width: 90%;
        margin: auto;
    }

    footer {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    ul.footer {
        float: none;
        width: 100%;
    }

    ul.footer li:first-child {
        border-bottom: 1px solid white;
        cursor: pointer;
    }

    ul.footer > li:first-child:after {
        content: ">";
        float: right;
    }

    ul.footer > li.open:after {
        content: ">";
        float: right;
        transform: rotate(90deg);
    }

    ul.footer li.menu-item {
        display: none;
    }

    ul.footer li.agenda {
        margin: 0;
    }

    footer ul.footer li:first-child {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    footer .support {
        display: block;
    }

    footer img:not(.exclude) {
        margin: 5px;
    }

    footer .support-bloc {
        padding: 0;
    }

    .post-header {
        margin-top: 80px;
    }
}

@media (max-width: 1024px) {
    #backToTop {
        display: none;
    }

    nav #menu-top-right-menu li.opening-hours {
        display: none;
    }

    .autopromo {
        display: none;
    }

    .logo {
        width: 190px !important;
    }

    .mobmenul-container i {
        color: #fff !important;
    }

    #mobmenuleft a {
        display: block;
        padding: 20px;:75
    border-bottom: 1px solid #bcbcbc;
        font-family: gothamBook, Arial, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
    }

    #mobmenuleft a img {
        margin-right: 10px;
    }

    #mobmenuleft > a:first-child {
        background-color: #e0397a;
        color: white;
        font-family: gothamB, Arial, sans-serif;
    }

    .mob-menu-header-holder {
        position: absolute !important;
    }

    .btn-holder {
        text-align: center;
    }

    .btn-holder .cta_timeline {
        display: inline-block;
        float: unset;
    }

    .mob-expand-submenu {
        width: 100%;
        height: 61px;
        text-align: right;
        cursor: pointer;
    }

}

@media (min-width: 779px) and (max-width: 1024px) {
    #expo_temporaire .bloc_image, #experience_digitale .bloc_image {
        width: 80%;
        right: 40px;
        top: 52%;
        transform: translateY(-48%);
    }
}

@media (max-width: 778px) {
    #experience_digitale img, #expo_temporaire img {
        display: table-header-group;
    }

    #experience_digitale .bloc_image, #expo_temporaire .bloc_image {
        right: unset;
        transform: unset;
        width: 100%;
        top: unset;
        text-align: center;
        position: relative;
        display: table-footer-group;
        float: none;
    }

    #experience_digitale .bloc_image .cartouche, #expo_temporaire .bloc_image .cartouche {
        top: unset;
        left: unset;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #experience_digitale .bloc_image .timeline_content, #expo_temporaire .bloc_image .timeline_content {
        display: block;
        margin-top: 20px;
        padding-left: 30px;
        padding-right: 30px;
    }

    #experience_digitale #inner_temporaire, #expo_temporaire #inner_temporaire {
        display: table;
    }

    #experience_digitale .bloc_image .btn-holder, #expo_temporaire .bloc_image .btn-holder {
        padding-left: 30px;
        padding-right: 30px;
    }
}


@media (min-width: 1251px) and (max-width: 1780px) {
    .page-bloc_info_bottom .inner_content, .inner_content.infos-pratiques-responsive {
        width: 70%;
    }

    .page-bloc_info .inner_content .text-content {
        width: 70%;
    }
}

@media (min-width: 991px) and (max-width: 1250px) {
    .page-bloc_info_bottom .inner_content, .inner_content.infos-pratiques-responsive {
        width: 90%;
    }

    .page-bloc_info .inner_content .text-content {
        width: 90%;
    }
}

@media (max-width: 990px){
    .page-bloc_info .inner_content .text-content {
        width: 100%;
    }

    .page-bloc_info_bottom .inner_content, .inner_content.infos-pratiques-responsive {
        width: 100%;
        left: unset;
        text-align: center;
        padding: 0;
        margin: 0;
        overflow-x: auto;
    }

    .page-bloc_info .inner_content {
        position: relative;
        top: 0;
        overflow: hidden;
    }

    .page-bloc_info_bottom .inner_content > table, .inner_content.infos-pratiques-responsive > table  {
        width: 250%;
        max-width: none;
    }
}

@media (max-width: 767px) {
    footer {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    ul.footer {
        float: none;
        width: 100%;
    }

    ul.footer li:first-child {
        border-bottom: 1px solid white;
        cursor: pointer;
    }

    ul.footer > li:first-child:after {
        content: ">";
        float: right;
    }

    ul.footer > li.open:after {
        content: ">";
        float: right;
        transform: rotate(90deg);
    }

    ul.footer li.menu-item {
        display: none;
    }

    ul.footer li.agenda {
        margin: 0;
    }

    footer ul.footer li:first-child {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    footer .support {
        display: block;
    }

    footer img:not(.exclude) {
        margin: 5px;
    }

    footer .support-bloc {
        padding: 0;
    }
}

@media (min-width: 575px) and (max-width: 1024px) {
    .bloc-center {
        width: 100% !important;
    }

    .bloc-double {
        width: 90% !important;
    }
}
@media (max-width: 575px) {
    .bloc-center {
        width: 100% !important;
    }

    .bloc-double {
        width: 90% !important;
        display: block !important;
    }

    .bloc-double-gauche {
        width: 100% !important;
        margin: 0;
        text-align: center;
    }

    .bloc-double-droite {
        width: 100% !important;
        margin: 0;
        text-align: center;
    }
}

/**************** Modif Daniel **********************/

#widget-produit-CF-OPBI-26855 h1 {
    font-family: gothamB, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    letter-spacing: 1px;
    text-align: center;
    color: #3fb498;
    margin-top: 60px;
    line-height: 50px;
}

#widget-produit-CF-OPBI-26855 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 60px;
}

@media (max-width: 1200px){
    #widget-produit-CF-OPBI-26855 {
        width: 1200px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        /* background: #f7f7f7; */
    }
       #tripadvisor .bloc-tripadvisor {
    display: block;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 0px;
    }
}

@media (max-width: 992px){
    #widget-produit-CF-OPBI-26855 {
            width: 960px;
    max-width: 100%;
    }
}

@media (max-width: 768px){
    #widget-produit-CF-OPBI-26855 {
           width: 720px;
    max-width: 100%;
    }
    #ensemble .ensemble-block{
        left : 0px;
    }
    #tripadvisor .bloc-tripadvisor {
    display: block;
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 0px;
    }
    .corderie_bloc_blanc_agenda{
    text-align: center !important;
    transform: none !important;
    top: 0 !important;
    max-width: 100% !important;
    margin-top: 30px !important;
    position: relative !important;
    }
    #titre-agenda h1{
    font-size: 49px !important;
    }
}

@media (max-width: 576px){
    #widget-produit-CF-OPBI-26855 {
        width: 540px;
    max-width: 100%;
    }
}


@media (max-width: 667px){
    #block-dessus{
        top: unset;
    left: unset !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center;
    height: 40px !important;
    width: 277px !important;
    }
    #agenda-block-slider #wpostahs-slider-nav-1-t .slick-list{
            display: none;
    }
    #tripadvisor .bloc-tripadvisor{
        display: none;
    }

    #block-dessus-2{
        top: unset;
    left: unset !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center;
    height: 40px !important;
    width: 277px !important;
    }
    #titre-agenda h1{
    font-size: 35px !important;
    
    }
    #block-public{
        margin-right: 0px !important;
        margin-bottom: 20px;
    }
    #agenda-grand-banderol #block-center{
        position: relative !important;
    width: 100% !important;
    text-align: center;
    left: unset !important;
    top: unset !important;
    transform: none !important;
    }
    .wpostahs-slider-wrp{
    display: block !important;
    }
    #frise-home #wpostahs-slider-nav-2 .slick-list{
        padding: 0px 0px !important;
    }

    #frise-home #wpostahs-slider-nav-2 .slick-track{
        height: 490px;
    }
    #wpostahs-slider-nav-2 .wpostahs-slider-nav-content img{
        display: none !important;
    }

    #frise-home #wpostahs-slider-nav-2 .slick-track .timeline_titre_un, #frise-home #wpostahs-slider-nav-2 .slick-track .timeline_titre_un .timeline_titre_deux{
        display: block !important;
        border-bottom: none !important;
    }

    #frise-home #wpostahs-slider-nav-2 .slick-track .slick-current .tl-nav-prev,  #frise-home #wpostahs-slider-nav-2 .slick-track .slick-current .tl-nav-next{
        left: 12px !important;
        top: -465px !important;
    }
   #frise-home #wpostahs-slider-nav-2 .slick-track .slick-current .tl-nav-next{
        left: -12px !important;
        top: -465px !important;
    }
    #btn-block .elementor-button-wrapper a{
        width: 90%;
    }
    .wpostahs-main-title-full img{
        width: 79% !important;
    }
}

#block-public{
    margin-right: 5px;
    height: 30px;
}

#block-tempo{
   height: 30px; 
}

#block-horaire .elementor-element-populated{
    padding-top: 0px !important;
    padding-left: 6px !important;
}

#block-horaire .elementor-widget:not(:last-child){
    margin-bottom: 0px !important;
}

#agenda-grand-banderol #block-center{
    position: absolute;
    width: 590px;
    background-color: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#titre-agenda h1{
    font-family: gothamB, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    letter-spacing: 1px;
    text-align: center;
    color: #3fb498;
    margin-top: 70px;
    margin-bottom: 20px;
}

.page-id-224 .breadcrumb span{
    color: #333 !important;
}


#contact-block input[type="text"],{
    display: inline-block;
    width: 100% !important;
    float: right;
    background-color: #f5f1ea;
    -webkit-appearance: none;
    color: #000;
    border: 1px solid #ccc;
}
#contact-block textarea, #contact-block input{
    width: 100%;
    -webkit-box-shadow: 0 0 0 1px #adadad inset !important;
}

#contact-block .wpcf7-submit{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 15px 15px;
    text-decoration: none;
    height: 100%;
    background-color: #e0397a;
    color: white;
    font-family: gothamB, Arial, sans-serif;
    text-transform: uppercase;
    width: 30%;
    -webkit-box-shadow: 0 0 0 1px #adadad inset !important;
}

#elementor .elementor-element-7b0a3f0 .elementor-heading-title{
    font-family: gothamBook, Arial, sans-serif
}

#post-1433 #paragraph .paragraph{
        font-family: gothamBook, Arial, sans-serif !important; 
}


#ensemble {
    max-width: 1190px;
    margin: 0 auto;
    position: relative;
}

#ensemble .ensemble-block{
    padding: 0 30px 30px;
    left: 25%;
}

#block-dessus{
    position: relative;
    top: -40px;
    background: #e0397a;
    height: 30px;
    line-height: 2em;
    text-transform: uppercase;
    left: -11px;
    width: 249px;
    padding: 0 10px;
    color: #FFF !important;
    margin-bottom: 0px;

}

#block-dessus-2{
    position: relative;
    top: -40px;
    background: #009ee3;
    height: 30px;
    line-height: 2em;
    text-transform: uppercase;
    left: -11px;
    width: 249px;
    padding: 0 10px;
    color: #FFF !important;
    margin-bottom: 0px;

}

#block-dessus span{
    color: #FFF !important;
    font-family: gothamB, Arial, sans-serif;
    font-size: 16px;
}

#block-dessus-2 span{
    color: #FFF !important;
    font-family: gothamB, Arial, sans-serif;
    font-size: 16px;
}

#prolongez{
    font-family: gothamBook, Arial, sans-serif;
}

#tipadvisor {
    position: fixed;
    top: 90px;
    right: 15px;
    z-index: 9999;
}
.page-libraire-horaires .page-bloc_info .inner_content .text-content, .page-libraire-horaires .page-bloc_info .inner_content {
    width: 100%;
    position: relative;
    padding: 0px;
}