/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/




/*----- LOADER -----*/
.c-load_logo {
    animation: MoveUpDown 1s cubic-bezier(0.455,0.03,0.515,0.955) infinite;
}

body #load {
    z-index: 100000;
}

@-webkit-keyframes MoveUpDown {
    0%, 100% {
        margin-top: 20px;
    }
    50% {
        margin-top: -20px;
    }
}

@keyframes MoveUpDown {
    0%, 100% {
        margin-top: 20px;
    }
    50% {
        margin-top: -20px;
    }
}



/*----- HEADER -----*/
.language-top {
    z-index: 1;
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding: 0px 20px;
    border-right: 1px solid;
}

.language-top p {
    letter-spacing: 0.5px;
    font: 12px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
}

.top-bar .simple-weather br {
  display: none;
}

.top-bar #text_icl-3 .textwidget {
  display: flex;
    vertical-align: middle;
    align-items: center;
}

.top-bar .simple-weather {
    margin-left: 15px;
}

.top-bar p, .top-bar .textwidget {
  margin-bottom: 0px;
}

.top-bar .top-bar-bg {
  background-image: linear-gradient(to right, #008BC7, #005396);
}

.top-bar .mini-widgets .text-area {
    border-right: 1px solid #ffffff;
    min-height: 48px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    letter-spacing: 0.5px;
}

.top-bar .mini-widgets .text-area:first-child {
    border-left: 1px solid #ffffff;
}

.top-bar .simple-weather--view-large-icons .simple-weather__date {
    font-weight: 600;
    line-height: 1.5em;  
}

.top-bar .simple-weather--view-large-icons .simple-weather__temp {
    line-height: 1.4em;  
}

.top-bar .simple-weather--view-large-icons .simple-weather__day {
    padding-top: 3px;
}

.menu-toggle, .dt-mobile-menu-icon {
    background: #ffffff;
    padding: 37px 32px 33px 32px; 
}

.menu-toggle-caption {
    position: absolute !important;
    left: -78px;
    letter-spacing: 2px;
}

.mixed-header.logo-left .branding, .mobile-header-bar .mobile-branding {
    padding-top: 15px;
    padding-right: 90px;
}

.masthead.mixed-header .header-bar {
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.masthead .mobile-header-bar {
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}


.top-bar.top-bar-empty {
    opacity: 1;
    visibility: visible;
    position: relative;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}


.meteo-top, .water-top {
    border-right: 1px solid #ffffff;
    min-height: 48px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding: 0px 20px;
    margin: 0px;
    letter-spacing: 0.5px;
    color: #ffffff;
    font: 12px / 18px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    position: relative;
}

.water-top {
    border-left: 1px solid #ffffff;
}

.top-bar-content {
    margin-left: auto;
    display: flex;
}

.side-header .header-bar .branding {
    position: absolute;
    left: 100px;
    top: 63px;
}

.hide-overlay.active {
    right: 100px;
    top: 48px !important;
    background: #ffffff;
    padding: 36px 33px 30px 33px;
}

.hide-overlay:hover .close-line:first-child, .hide-overlay:hover .close-line:last-child {
    transform: rotate3d(0,0,1,0deg);
}

.overlay-navigation .side-header .header-bar {
    width: 100%;
    padding: 220px 90px 90px;
    max-width: 1150px;
}

.overlay-navigation .side-header .main-nav {
    column-count: 2;
    display: block;
}

.overlay-navigation .side-header .main-nav .menu-item {
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
}

.sub-nav {
    padding: 0px 10px 9px 10px;
}

.menu-text, .subtitle-text {
    letter-spacing: 1px;
}

.sub-downwards .next-level-button {
    color: #ffffff;
}

/*.sub-downwards .next-level-button:before, .sub-downwards.dt-parent-menu-clickable.side-header .next-level-button:before {
    content: "\ef02";
}*/

.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after, .sub-downwards .next-level-button svg, .sub-downwards .main-nav > li.menu-item-language > a:after {
    color: rgba(255,255,255,1);
    fill: rgba(255,255,255,1);
    width: 16px;
} 

.overlay-navigation .show-header .side-header, .dt-mobile-header {
    z-index: 100000;
}

.hide-overlay.active .menu-toggle-caption {
    padding-top: 3px;
}

.right-mobile-menu .show-mobile-header .dt-mobile-header {
    width: 100% !important;
    right: 100%;
}

.dt-mobile-header {
    width: 100%;    
}

.dt-mobile-header .mobile-header-scrollbar-wrap {
    width: 100%;
}

.dt-mobile-header .mobile-header-scrollbar-wrap {
    max-width: 100% !important;
    width: 100%;
    margin: 0 auto;
    padding: 75px 30px 75px 30px;
}

.mobile-hamburger-close-bg-enable .dt-close-mobile-menu-icon:before {
    background-color: transparent;
}

.right-mobile-menu-close-icon .dt-close-mobile-menu-icon {
    right: 15px;
}

.dt-mobile-header #mobile-menu {
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
}

.mobile-main-nav > li.has-children > a:after, .mobile-main-nav .next-level-button, .mobile-main-nav > li.menu-item-language > a:after {
    color: rgb(255, 255, 255);
    background: transparent !important;
}





/*----- FOOTER -----*/
.footer .widget-title {
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

.footer .textwidget p {
    font-size: 15px;
}

.footer .textwidget p a:hover {
    color: #ffffff !important;
}

.footer .wf-1-4 {
    width: 30%;
}

.footer .wf-2-4 {
    width: 40%;
    text-align: right;
}

.btn-footer {
    text-transform: uppercase;
    color: #ffffff !important;
    border: 2px solid #19a6ed;
    padding: 13px 40px;
    display: inline-block;
    margin-bottom: 75px;
    margin-top: 35px;
}

.btn-footer:hover {
    background: #19a6ed !important;
}

.footer .fa-facebook-f:before {
    content: "\f39e" !important;
}

.title-follow {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 20px;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-right: 20px;
}

.follow-us-footer a {
    color: #ffffff !important;
    padding: 0px 7px;
}

.follow-us-footer a:hover {
    color: #19a6ed !important;
}

.follow-us-footer a.icon-facebook {
    font-size: 20px;
}

.follow-us-footer a.icon-instagram {
    font-size: 21px;
}

.follow-us-footer a.icon-tripadvisor {
    font-size: 22px;
}

.wf-1-1 .textwidget {
    border-top: 1px solid #979797;
    padding-top: 45px;
    display: flex;
}

.wf-1-1 .textwidget .logo-footer-right  {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
}

.logo-footer2 {
    padding: 0px 20px;
}

#footer.solid-bg {
    position: relative;
}

#footer:before {
    content: url("https://plagest-zotique.com/wp-content/uploads/vague-filigrame-footer.svg");
    position: absolute;
    display: block;
    top: 90px;
}

.logo-footer-right .logo-footer3 {
    max-width: 140px;
}








/*----- TITLE HEADER -----*/
.page-title, #fancy-header {
    position: relative;
}

.page-title:before, #fancy-header:before {
    content: "";
    background-image: url("https://plagest-zotique.com/wp-content/uploads/texture-vague-pages-internes.svg");
    background-size: 399px 244px;
    width: 399px;
    height: 244px;
    position: absolute;
    display: block;
    right: 0;
    bottom: -35px;
    animation: MoveWave 6s cubic-bezier(0.45,0.03,0.51,0.95) 1;
}

@-webkit-keyframes MoveWave {
    0% {
        bottom: -35px;
        opacity: 0;
    }
    10% {
        bottom: -30px;
    }
    20% {
        bottom: -35px;
    }
    30% {
        bottom: -30px;
    }
    40% {
        bottom: -35px;
    }
    50% {
        bottom: -30px;
    }
    60% {
        bottom: -35px;
    }
    70% {
        bottom: -30px;
    }
    80% {
        bottom: -35px;
    }
    90% {
        bottom: -30px;
    }
    100% {
        bottom: -35px;
        opacity: 1;
    }
}

@keyframes MoveWave {
    0% {
        bottom: -35px;
        opacity: 0;
    }
    10% {
        bottom: -30px;
    }
    20% {
        bottom: -35px;
    }
    30% {
        bottom: -30px;
    }
    40% {
        bottom: -35px;
    }
    50% {
        bottom: -30px;
    }
    60% {
        bottom: -35px;
    }
    70% {
        bottom: -30px;
    }
    80% {
        bottom: -35px;
    }
    90% {
        bottom: -30px;
    }
    100% {
        bottom: -35px;
        opacity: 1;
    }
}

.page-title h1, .page-title h1 *, .page-title h1 a:hover, #page .page-title .entry-title, .fancy-title {
    max-width: 600px;
    padding-bottom: 50px !important;
}







/*----- ACCUEIL -----*/
.title-h1-home {
    display: none;
}

.alerte-inscription-accueil {
    max-width: 1080px;
    margin: 0 auto;
}

.alerte-inscription-content {
    color: #ffffff;
}

.alerte-inscription-content > .vc_column-inner {
    padding: 70px 90px;
}

.titre-periode-inscription p {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 5px !important;
    letter-spacing: 0.5px;
}

.date-periode-inscription p {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.cta-periode-inscription p {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.btn-plage .ubtn-text {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 18px;
}

.info-accueil-content {
    padding: 0px 100px;
}

.info-accueil-content p {
    line-height: 20px;
}

.small-title p {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 28px;
    color: #19A6ED;
    letter-spacing: 0.5px;
    margin-bottom: 10px !important;
}

.date-accueil:before {
    content: url("https://plagest-zotique.com/wp-content/uploads/calendrier.svg");
    position: absolute;
    display: block;
}

.heure-accueil:before {
    content: url("https://plagest-zotique.com/wp-content/uploads/heures-ouverture.svg");
    position: absolute;
    display: block;
}

.info-sup-accueil:before {
    content: url("https://plagest-zotique.com/wp-content/uploads/informations-supplementaires.svg");
    position: absolute;
    display: block;
}

.date-accueil > .wpb_wrapper, .heure-accueil > .wpb_wrapper, .info-sup-accueil > .wpb_wrapper {
    padding-left: 60px;
}

.a-propos-accueil h2 {
    max-width: 500px;
}

.evenement-accueil h2, .evenement-accueil .small-title p {
    color: #ffffff;
}

.evenement-accueil .mec-slider-t1-wrap {
    background: transparent;
    padding: 0px;
    min-height: inherit;
}

.evenement-accueil {
    overflow: visible !important;
}

.evenement-accueil .mec-skin-slider-container {
    margin-bottom: -80px; 
}

.evenement-accueil .evenement-accueil-content > .vc_column-inner > .wpb_wrapper {
    float: right;
    margin-right: -10%;
}

.evenement-accueil .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .evenement-accueil .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
    background: #19A6ED;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    display: flex;
}

.evenement-accueil .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i, .evenement-accueil .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i {
    color: #ffffff;
}

.evenement-accueil .mec-event-grid-modern .event-grid-modern-head .mec-event-date {
    font-size: 62px;
    line-height: 62px;
    font-family: Montserrat, sans-serif;
    color: #19A6ED;
}

.evenement-accueil .mec-event-grid-modern .event-grid-modern-head .mec-event-detail, .evenement-accueil .mec-event-grid-modern .mec-event-content .mec-event-detail {
    display: none;
}

.evenement-accueil .mec-event-grid-modern .event-grid-modern-head .mec-event-month {
    font-family: Montserrat, sans-serif;
    font-size: 21px;
    text-transform: capitalize;
    color: #000000;
    padding-top: 35px;
    font-weight: 300;
}

.evenement-accueil .mec-event-grid-modern .event-grid-modern-head .mec-event-day {
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    text-transform: capitalize;
    color: #000000;
    font-weight: 200;
}

.evenement-accueil .mec-event-title a {
    color: #006AAA;
    font-family: Montserrat, sans-serif;
    font-size: 26px;
    font-weight: 600;
    display: block;
    width: 100%;
}

.evenement-accueil .mec-event-title a:hover {
    color: #006AAA;
    text-decoration: none !important;
}

.evenement-accueil .mec-owl-carousel.owl-drag .owl-item, .evenement-accueil .mec-event-article {
    width: 900px !important;
}

.evenement-accueil .mec-slider-t1 {
    box-shadow: 0 5px 25px 0 rgba(0,0,0,.1);
}

.evenement-accueil a.mec-booking-button {
    background-color: #ffffff;
    color: #19A6ED;
    font-family: Montserrat, sans-serif;
    border: 2px solid #19A6ED;
    text-transform: uppercase;
    font-weight: 500;
    height: auto !important;
    font-size: 14px !important;
    padding: 16px 30px !important;
    line-height: 20px !important;
    margin-top: 10px;
}

.evenement-accueil a.mec-booking-button:hover {
    background-color: #19A6ED !important;
    background: #19A6ED !important;
    color: #ffffff;
    border: 2px solid #19A6ED;
}









.evenement-accueil-slider {
    margin-top: -600px !important;
}

.evenement-accueil-slider .evenement-accueil-content > .vc_column-inner > .wpb_wrapper {
    padding-right: 50px;
}

.evenement-accueil-slider .evenement-accueil-content > .vc_column-inner > .wpb_wrapper {
    margin-right: 10%;
    margin-left: auto;
    max-width: 900px;
}

.evenement-accueil-slider .evenement-accueil-content .mec-skin-slider-events-container {
    min-height: 400px;
    color: #FFFFFF;
}

.evenement-accueil-slider h2, .evenement-accueil-slider .small-title p {
    color: #ffffff;
}

.evenement-accueil-slider .mec-slider-t1-wrap {
    background: transparent;
    padding: 0px;
    min-height: inherit;
}

.evenement-accueil-slider .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .evenement-accueil-slider .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
    background: #19A6ED;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    display: flex;
}

.evenement-accueil-slider .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i, .evenement-accueil-slider .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i {
    color: #ffffff;
}

.evenement-accueil-slider .mec-event-grid-modern .event-grid-modern-head .mec-event-date {
    font-size: 62px;
    line-height: 62px;
    font-family: Montserrat, sans-serif;
    color: #19A6ED;
}

.evenement-accueil-slider .mec-event-grid-modern .event-grid-modern-head .mec-event-detail, .evenement-accueil-slider .mec-event-grid-modern .mec-event-content .mec-event-detail {
    display: none;
}



.evenement-accueil-slider .mec-event-grid-modern .event-grid-modern-head .mec-event-month {
    font-family: Montserrat, sans-serif;
    font-size: 21px;
    text-transform: capitalize;
    color: #000000;
    padding-top: 35px;
    font-weight: 300;
}

.evenement-accueil-slider .mec-event-grid-modern .event-grid-modern-head .mec-event-day {
    font-family: Montserrat, sans-serif;
    font-size: 30px;
    text-transform: capitalize;
    color: #000000;
    font-weight: 200;
}

.evenement-accueil-slider .mec-event-title a {
    color: #006AAA;
    font-family: Montserrat, sans-serif;
    font-size: 26px;
    font-weight: 600;
    display: block;
    width: 100%;
}

.evenement-accueil-slider .mec-event-title a:hover {
    color: #006AAA;
    text-decoration: none !important;
}

.evenement-accueil-slider .mec-event-title a:hover {
    color: #006AAA;
    text-decoration: none !important;
}

.evenement-accueil-slider .mec-slider-t1 {
    box-shadow: 0 5px 25px 0 rgba(0,0,0,.1);
}

.evenement-accueil-slider a.mec-booking-button {
    background-color: #ffffff;
    color: #19A6ED;
    font-family: Montserrat, sans-serif;
    border: 2px solid #19A6ED;
    text-transform: uppercase;
    font-weight: 500;
    height: auto !important;
    font-size: 14px !important;
    padding: 16px 30px !important;
    line-height: 20px !important;
    margin-top: 10px;
}

.evenement-accueil-slider a.mec-booking-button:hover {
    background-color: #19A6ED !important;
    background: #19A6ED !important;
    color: #ffffff;
    border: 2px solid #19A6ED;
}







.content .accessibilite-accueil-content .wpb_text_column ul {
    padding-left: 50px;
}

.content .accessibilite-accueil-content .wpb_text_column ul li {
    line-height: 20px;
    margin-bottom: 5px;
}

.accessibilite-accueil-content {
    padding-left: 30px;
}

.hashtag-accueil {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
    color: #006AAA;
    font-size: 38px !important;
    font-weight: 600 !important;
}

.hashtag-accueil .ultimate-typewriter-prefix {
    font-weight: 600 !important;
}

#sb_instagram #sbi_load {
    display: none !important;
}

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





@media screen and (max-width: 960px) {
    .evenement-accueil .evenement-accueil-content > .vc_column-inner > .wpb_wrapper {
        float: inherit;
        margin-right: 0px;
    }

    .evenement-accueil .mec-skin-slider-container {
        margin-bottom: 0px; 
    }

    .evenement-accueil-slider .evenement-accueil-content > .vc_column-inner > .wpb_wrapper {
        float: inherit;
        margin-right: 0px;
    }

    .evenement-accueil-slider .mec-skin-slider-container {
        margin-bottom: 0px; 
    }
}








/*----- EVENT - SINGLE -----*/
.single-mec-events #main-content {
        box-sizing: border-box;
        width: calc(100% + 125px);
}

.mec-events-event-image {
    max-height: 600px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}

.mec-single-modern > .col-md-4 {
    display: none;
}

.mec-single-modern > .col-md-8 {
    width: 100%;
}

.mec-single-modern > .col-md-8 > .mec-single-event-bar {
    max-width: 800px;
    float: right;
}

.mec-single-modern > .col-md-8 > .mec-event-content {
    clear: both;
}

.mec-single-modern .mec-single-event-bar {
    background-image: linear-gradient(to right, #008BC7, #005396);
    margin: 30px 0 30px;
}

.mec-event-cost, .mec-event-more-info, .mec-event-website, .mec-events-meta-date, .mec-single-event-additional-organizers, .mec-single-event-category, .mec-single-event-date, .mec-single-event-label, .mec-single-event-location, .mec-single-event-organizer, .mec-single-event-time {
    background: transparent;
}

.mec-single-modern .mec-single-event-bar>div i {
    color: #ffffff;
}

.mec-single-modern .mec-single-event-bar>div h3 {
    color: #ffffff;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
    text-transform: initial;
}

.mec-start-date-label, .mec-events-abbr, .mec-events-event-cost {
    color: #ffffff;
    font-size: 16px;
}

.mec-single-modern .mec-single-event-bar>div dd {
    line-height: 20px;
    color: #ffffff;
    font-size: 16px;
}

.mec-single-event-description h3 {
    font-size: 22px;
    font-weight: 500;
    color: #19A6ED;
    margin: 40px 0px 20px;
}

.mec-single-event-description h3:first-child {
    margin: 0px 0px 20px;
}

.mec-single-event-description a {
    text-decoration: none;
}

.mec-single-event-description a:hover {
    color: #003661;
}

.single-mec-events #main {
    padding: 70px 0 0px 0;
}

.btn-retour a {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    border: 1px solid #19A6ED;
    color: #19A6ED !important;
    padding: 12px 18px;
    display: inline-block;
}

.btn-retour a:hover {
    background: #19A6ED;
    color: #ffffff !important;
}

.btn-retour a i {
    position: relative;
    width: 20px;
    height: 12px;
    display: inline-block;
}

.btn-retour a i:before {
    position: absolute;
    top: -2px;
    left: 0px;
}

.btn-retour .widget {
    padding-top: 0px;
    padding-bottom: 0px;
}

.btn-retour .widget  .textwidget {
    margin-bottom: 0px;
}

.widget_a2a_share_save_widget .a2a_button_facebook svg path, .widget_a2a_share_save_widget .a2a_button_email svg path {
    fill: #19A6ED;
}

.widget_a2a_share_save_widget .a2a_button_facebook, .widget_a2a_share_save_widget .a2a_button_email {
    display: block !important;
    margin-bottom: 15px;
    text-align: center;
}

.widget_a2a_share_save_widget {
    padding: 10px !important;
}

.widget_a2a_share_save_widget .a2a_button_email .a2a_svg {
    height: 36px !important;
    line-height: 36px !important;
    width: 36px !important;
}

.widget_a2a_share_save_widget .a2a_button_facebook:hover svg path, .widget_a2a_share_save_widget .a2a_button_email:hover svg path {
    fill: #003661;
}

.widget_a2a_share_save_widget .a2a_button_facebook:hover .a2a_svg, .widget_a2a_share_save_widget .a2a_button_email:hover .a2a_svg {
    opacity: 1;
}

.mec-event-content ul li {
    color: #000000;
}

.mec-event-content ul {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 20px;
}

.horaire-event ul {
    border-left: 4px solid #ebebeb;
    padding-left: 20px;
    position: relative;
    margin-left: 10px;
    list-style: none;
}

.horaire-event ul:before {
    content: "";
    background: #19a6ed;
    position: absolute;
    left: -4px;
    width: 4px;
    height: 50%;
    top: calc(50% - 25%);
}

.horaire-event ul li {
    padding: 8px 0px 8px 100px;
    position: relative;
    display: flex;
    align-items: center;
}

.heure {
    width: 75px;
    line-height: 17px;
    position: absolute;
    left: 0;
}

.tableau-html tr th, .tableau-html tr td {
    vertical-align: middle !important;
}

.tableau-html th {
    background: #e2e2e2;
    border: 3px solid #ffffff;
    padding: 10px;
    line-height: 20px;
}

.tableau-html tr td {
    padding: 8px 0px;
}

.tableau-html tr:nth-child(even) {
    background: #ffffff;
}

.tableau-html tr:nth-child(odd) {
    background: #f7f7f7;
}

.tableau-html tr:last-child {
    border-bottom: 4px solid #e2e2e2;
}




/*----- PAGES -----*/
.wpb_text_column p a {
    text-decoration: none;
}

.wpb_text_column p a:hover {
    color: #003661;
}

.sidebar .sidebar-content {
    padding: 100px 0px 100px;
}

h4 {
    color: #19A6ED;
}

.titre-tableau-plage, .tableau-plage {
    max-width: 875px;
    padding: 5px 40px;
    margin: 0 auto;
}

.titre-tableau, .tableau {
    padding: 5px 0px;
}

.titre-tableau-plage-prix, .tableau-plage-prix, .tableau-prix, .titre-tableau-prix {
    text-align: right;
}

.sidebar-right #content > .vc_row {
    max-width: 1000px;
    margin: 0 auto;
}

.note-plage > .wpb_column > .vc_column-inner > .wpb_wrapper {
    background: #F4F4F4;
    padding: 30px !important;
}

.note-plage > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
    max-width: 770px;
    margin: 0 auto;
}

#page .accordeon-plage .vc_tta-panels > div:last-child {
    border-bottom: 1px solid #D5D5D5;
}

#page .accordeon-plage .vc_tta-panel {
    border-top: 1px solid #D5D5D5;
}

#page .accordeon-plage .vc_tta-panel .vc_tta-panel-heading {
    background-color: transparent !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-color: transparent !important;
}

#page .accordeon-plage .vc_tta-panel .vc_tta-title-text {
    font-size: 22px;
    color: #19A6ED;
    font-weight: 500;
    letter-spacing: 0.5px;
}

#page .accordeon-plage .vc_tta-panel .vc_tta-panel-title > a {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 60px;
}

#page .accordeon-plage .vc_tta-controls-icon::after, #page .accordeon-plage .vc_tta-controls-icon::before {
    border-color: #00ACE5;
}

#page .accordeon-plage .vc_tta-panel-body {
    padding: 20px 60px 50px;
}

#page .accordeon-plage .vc_tta-controls-icon {
    height: 24px;
    width: 24px;
}

.content-samll-row {
    max-width: 765px;
    padding: 5px 40px;
    margin: 0 auto;   
}

.content-samll-row h3, .img-and-content-box-txt h3 {
    color: #19A6ED;
    margin-bottom: 0px;
}

.content-samll-row p {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 500;
}

.pswp__caption {
    display: none;
}

.pdf-document a:before {
    content: url("https://plagest-zotique.com/wp-content/uploads/pdf-icone.svg");
    position: absolute;
    left: 30px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin-top: 2px;
}

.pdf-document a {
    line-height: 20px;
    padding: 15px 20px 15px 80px;
    min-height: 48px;
    display: flex;
    position: relative;
    text-decoration: none;
    align-items: center;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.pdf-document a:hover {
    color: #ffffff !important;
}

.pdf-document {
    background-image: linear-gradient(to right, #008BC7, #005396);
}

.pdf-document a:hover:before {
    left: 25px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.img-and-txt-right {
    padding-left: 20px;    
}

.img-and-txt-left {
    padding-right: 20px;    
}

.page-id-240 h4, .page-id-568 h4 {
    color: #19A6ED;
    margin-bottom: 0px;
}

.dt-shortcode-soc-icons .tripedvisor {
    margin-left: 8px;
}

.inscription > .wpb_column > .vc_column-inner > .wpb_wrapper {
    background-image: linear-gradient(to right, #008BC7, #005396);
    padding: 30px 50px;
}

.inscription-btn .ubtn-normal .ubtn-text {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
}

.inscription-btn a.ubtn-normal, .inscription-btn a.ubtn-normal > button.ubtn {
    width: 100%;
}

.inscription-btn a.ubtn-normal > button.ubtn {
    padding: 18px !important;
}

.inscription-content p {
    color: #ffffff;
    letter-spacing: 0.5px;
}

.inscription-content {
    padding: 0px 0px 0px 20px;
}

#page .activites-accordeon .accordeon-plage .vc_tta-panel-body {
    padding: 20px 60px 50px 25px;
}

.tableau-accordeon .titre-tableau {
    display: flex;
    justify-content: space-between;
}

.tableau-accordeon .titre-tableau-description {
    padding-right: 30px;
}

.tableau-accordeon .tableau {
    display: flex;
    justify-content: space-between;
}

.tableau-accordeon .tableau-description {
    padding-right: 30px;
}

.ubtn-ctn-left {
    margin-bottom: 0px !important;
}





/*----- FORMULAIRE DE RÉSERVATION -----*/
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),  .gform_wrapper select, .gform_wrapper textarea {
    border: 1px solid #D5D5D5;
    border-radius: 0px;
    background: transparent;
    color: #000000;
    padding: 10px 18px !important;
    height: auto;
}

.gfield_required {
    display: none;
}

body .gform_wrapper .top_label div.ginput_container {
    margin-top: 4px;
}

.datepicker::-webkit-input-placeholder { /* Edge */
    color: #000000;
}

.datepicker:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000000;
}

.datepicker::placeholder {
    color: #000000;
}

.gform_wrapper .top_label #field_1_6 input.medium.datepicker, .gform_wrapper .top_label #field_2_6 input.medium.datepicker {
    width: 100%;
    padding-left: 45px !important;
}

.ginput_container_date {
    position: relative;
}

.ui-datepicker-trigger {
    position: absolute;
    left: 16px;
    top: 16px;
}

.ui-datepicker.ui-widget .ui-datepicker-next, .ui-datepicker.ui-widget .ui-datepicker-prev {
    text-shadow: none;
    color: #183661;
    background: #ffffff;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin: 5px 3px;
}

.ui-datepicker.ui-widget select {
    border-radius: 0px;
    padding: 2px 8px;
    border: none;
    box-shadow: none;
    min-width: 65px;
    line-height: 24px;
}

select:not(.elementor-field) {
    background-position: calc(100% - 10px) center;
}

.ui-datepicker.ui-widget td a.ui-state-active, .ui-datepicker.ui-widget td a:hover {
    background: #53a7ed;
    box-shadow: none;
    text-shadow: none;
}

.ui-datepicker-header {
    background-color: #183661;
    color: #183661;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border-width: 0px;
    border-color: #183661;
}

select:not(.elementor-field) {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="rgb(25, 166, 237)" x="0px" y="0px" width="8px" height="8px" viewBox="0 0 386.257 386.257" style="enable-background:new 0 0 386.257 386.257;" xml:space="preserve"><polygon points="0,96.879 193.129,289.379 386.257,96.879 "/></svg>');
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    -webkit-appearance: none !important;
    -moz-appearance: none;
}

#main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type="submit"] {
    border: 1px solid #19a6ed;
    background: transparent;
    color: #19a6ed;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 400;
    padding: 15px 50px;
}

.gform_footer {
    text-align: right;
}

#main .gform_wrapper .gform_footer input.button:hover, #main .gform_wrapper .gform_footer input[type="submit"]:hover {
    background: #19a6ed;
    color: #ffffff;
}

.ui-datepicker.ui-widget .ui-datepicker-next, .ui-datepicker.ui-widget .ui-datepicker-prev {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.ui-datepicker .ui-datepicker-next:before {
    content: "\f105";
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "\f104";
}






/*----- CALENDRIER -----*/
#mec_search_form_372 .mec-date-search {
    width: 100%;
}

#mec_sf_year_372 {
    width: 130px;
}

#mec_sf_month_372 {
    margin-right: 10px;
    width: calc(100% - 175px);
    max-width: 420px;
}

.mec-event-list-standard .mec-event-article .mec-event-content-wrap .mec-event-content .mec-event-description {
    display: none;
}

.mec-event-list-standard .mec-event-article .mec-event-content-wrap .mec-event-content .mec-event-title a {
    font-size: 22px;
    font-weight: 500;
}

.mec-event-list-standard .mec-date-details:before {
    content: "\e075";
    font-family: simple-line-icons;
}

.mec-event-list-standard .mec-event-article .mec-event-meta-wrap .mec-start-date-label, .mec-event-list-standard .mec-event-article .mec-event-meta-wrap .mec-end-date-label {
    color: #000000;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
}

.mec-event-list-standard .mec-event-article .mec-event-meta-wrap .mec-time-details {
    display: none;
}

.mec-event-list-standard .mec-event-article .mec-event-meta-wrap .mec-venue-details:before, .mec-event-list-standard .mec-event-article .mec-event-meta-wrap .mec-venue-details .mec-event-address {
    display: none;
}

.mec-event-list-standard .mec-event-article .mec-event-meta-wrap .mec-venue-details {
    padding: 0px 5px;
    color: #000000;
}

.mec-event-list-standard .mec-event-article .mec-event-meta-wrap {
    padding-bottom: 60px;
}

.mec-event-list-standard .mec-event-article .mec-event-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0px 20px 20px 20px;
    width: 25%;
    background: transparent;
    border: none;
    height: auto;
    min-height: inherit;
}

.mec-event-list-standard .mec-event-article .mec-event-footer .mec-booking-button {
    display: inline-block;
    position: relative;
    top: inherit;
    right: inherit;
}

.mec-event-list-standard .mec-event-article .mec-event-footer .mec-booking-button {
    background: none;
    border: 1px solid #19a6ed;
    color: #19a6ed;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 20px 12px 20px;
}

.mec-event-list-standard .mec-event-article .mec-event-footer .mec-booking-button:hover {
    background: #19a6ed !important;
    color: #ffffff;
}

.mec-event-list-standard .mec-month-divider > span {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 500;
}







/*----- POP UP -----*/
.scroll-top {
    display: none;
}

.edn-text-content-wrap .edn-text-link {
    display: flex;
    align-items: center;
    text-align: left;
    min-height: 70px;
}

.edn_custom_html_wrapper{
    display: flex;
    align-items: center;
    text-align: left;
    min-height: 90px;
}

.edn-text-content-wrap .edn_static_text, .edn_custom_html_wrapper {
    padding: 5px 160px 5px 80px !important;
}

.avis-important {
    width: 30%;
    display: flex;
    align-items: center;
}

.avis-message {
    width: 70%;
}

.avis-message {
    width: 70%;
    line-height: 22px;
}

.avis-message p a {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: Montserrat, sans-serif;
    text-decoration: none;
    border-bottom: 2px solid #ffffff;
    font-size: 15px;
}

.avis-message p a:hover {
    border-bottom: 2px solid #000000;
}


.avis-important:before {
    content: url("https://plagest-zotique.com/wp-content/uploads/icone-avis-important.svg");
    display: inline-flex;
    padding-right: 25px;
    margin-bottom: -5px;
}

.avis-important .avis-titre {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 16px;
    line-height: 18px;
    width: 100%;
    padding-right: 50px;
    padding-top: 3px;
}

.avis-important .avis-titre .date-avis {
    text-transform: initial;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
}

.edn-custom-template .edn-custom-design-wrapper {
    /*background-image: linear-gradient(to right, #008BC7, #005396);*/
    background-color: #bf0707 !important;
}

.edn-bottom-down-arrow:before {
    content: "\ef04";
}

.edn-custom-template .edn-bottom-down-arrow {
    background: transparent;
    color: #ffffff;
    font-family: icomoon-the7-font !important;
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    width: 24px !important;
    height: 24px !important;
    transform: rotate(-45deg) !important;
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -ms-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    right: 70px !important;
    bottom: 42px !important;
}

.edn-notify-bar.open .edn-bottom-down-arrow.open {
    background: #005396 !important;
    transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    padding: 6px;
    border-radius: 100px;
    height: 36px !important;
    width: 36px !important;
    right: 65px !important;
    bottom: 36px !important;
}







/*----- RÉSERVATION EN LIGNE -----*/
.room-page > .row {
    margin: 0px -20px;
}

.room-page .rooms-list-item-wrap .rooms-list-content-wrap {
    border-radius: 0px;
    border: none;
    background: #f4f4f4;
}

.rooms-list-details {
    display: flex;
    flex-direction: column;
    height: auto !important;
}

.rooms-list-details  .rld-col1, .rooms-list-details  .rld-col2 {
    width: 100%;
}

.reservpro .rooms-list-item-image-wrap {
    height: 380px;
}

.reservpro .rooms-list-item-image-wrap img {
    height: 380px;
}

    .reservpro .rooms-list-item-wrap {
        width: 100%;
    }

@media (min-width: 768px){
    .reservpro .rooms-list-item-wrap {
        width: 50%;
    }
}

.rooms-list-details .rooms-list-header h4 a {
    color: #005396;
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
}

.rooms-list-details .price {
    font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
    text-align: left !important;
    font-size: 17px !important;
    margin: 5px 0px;
    width: 100%;
}

.rooms-list-details .rld-col2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.rooms-list-details .rld-col2 a.buttonplus {
    background: none;
    border: 1px solid #19a6ed;
    color: #19a6ed;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 20px 12px 20px;
    min-width: 60px;
    transition: all .21s ease;
}

.rooms-list-details .rld-col2 a.buttonplus:hover {
    background: #19a6ed !important;
    color: #ffffff;
    transition: all .21s ease;
}

.reservpro .rpro-header_title h2, .rpro-header_subtitle h3 {
    color: #005396 !important;
}

.reservpro .rpro-header_subtitle {
    margin-top: 20px;
}

.reservpro .rpro-divider .rpro-divider-separator {
    width: 100px;
    margin: 20px auto !important;
    border-top: 4px solid #23a8ed;
}

.reservpro .rpro-row .rpro-col50 {
    width: 100%;
}

.reservpro .rpro-row > div:nth-child(2) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.reservpro .breadcrump a, .breadcrump {
    color: #878787;
}

.reservpro .breadcrump {
    display: flex;
    align-items: center;
}

.reservpro .breadcrump:before {
    content: "\f0351";
    font-family: icomoon-the7-font!important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    padding-right: 8px;
    transition: all .2s ease-in-out;
    display: block;
}

.reservpro .rpro-mainimg img {
    border-radius: 0px;
}

.reservpro .rpro-images .tableimg {
    padding: 0px;
    margin: 0px -5px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.reservpro .tableimg .img-detail {
    width: 100px;
    height: 100px;
    margin: 0px;
}

.reservpro .tableimg .img-detail img {
    width: 100%;
    height: 100px;
}

.viewbox-body {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;

}

.reservpro .rpro-row h3 {
    font: normal 600 18px / 22px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
    color: #19A6ED;
}

.reservpro .rpro-tarifs {
    background: #f4f4f4;
    padding: 20px;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
}

.reservpro .rpro-tarifs .txinfo {
    line-height: 16px;
    padding-top: 15px;
}

.reservpro .calendar {
    margin: 10px 0;
}

.reservpro .rredavert {
    color: #d2d2d2;
}

.reservpro .block_reservation .numstep {
    margin: 0px 15px 0px 0px !important;
    color: #005396 !important;
}

.block_reservation {
    background: #f4f4f4;
    padding: 30px;
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
}

.colx span.d_child {
    margin-bottom: 10px !important;
    margin-top: -10px;
}

.colx label small {
    font-size: 100%;
}

.desc_prop {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
}

.desc_prop ul li, ul.rpro-list-items li {
    margin-bottom: 5px;
}

ul.rpro-list-items {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
    list-style: none;
    margin-left: 5px;
}

#dtyper1 .buttonreserv {
    background: none;
    border: 1px solid #19a6ed;
    color: #19a6ed;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 20px 12px 20px;
    width: 120px;
    transition: all .21s ease;
    line-height: 26px;
    margin: 0px;
}

#dtyper1 .buttonreserv:hover {
    background: #19a6ed !important;
    color: #ffffff;
    transition: all .21s ease;
}

#dtyper1 {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
}

#dtyper1 .disponicle {
    width: 100%;
}

.page-id-655 .wf-wrap > #sidebar {
    display: none;
}

.addedreserv {
    font-family: "Lato", Helvetica, Arial, Verdana, sans-serif;
}

.addedreserv .addeditem {
    margin-top: 50px;
    text-align: center;
    background: #f4f4f4;
    padding: 20px;
}

.reservpro > a.buttonreserv {
    background: transparent;
    border: 1px solid #19a6ed;
    color: #19a6ed;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 20px 12px 20px;
    transition: all .21s ease;
    line-height: 26px;
    margin: 20px 0px 0px 0px !important;
    text-decoration: none;
    display: inline-block;
}

.reservpro > a.buttonreserv:hover {
    background: #19a6ed !important;
    color: #ffffff;
    transition: all .21s ease;
}

.rfrmppal > p > span.rredavert {
    color: #ffffff;
    background: #005396;
    display: block;
    padding: 20px;
    text-align: center;
    margin: 20px 0px;
}

.rfrmppal h3.rsummary, .rfrmppal h3.rrtot, .rfrmppal h3.rsummaryh, .rfrmppal h3 {
    font: normal 600 18px / 22px "Montserrat", Helvetica, Arial, Verdana, sans-serif !important;
    text-transform: uppercase;
    color: #19A6ED;
    margin-top: 40px;
    margin-bottom: 20px;
}

.rfrmppal .imgconf {
    border: none;
    padding: 0px;
    margin-right: 20px;
}

.rfrmppal .divconfline {
    border-top: 2px solid #f4f4f4 !important;
    padding: 15px 0 0 0 !important;
}

.rfrmppal .divconfline .confcol1, .rfrmppal .divconfline .confcol2 {
    margin-bottom: 15px !important;
}

.rfrmppal .confcol1 {
    color: #000000;
}

.rfrmppal .confcol2 {
    color: #5c5c5c;
}

.rfrmppal .inp_reserv {
    width: calc(100% - 20px);
    border-radius: 0px;
    height: auto;
    padding: 10px;
    border: 2px solid #b0b0b0;
}

#page .prixcol2 input[type="button"]:hover {
    background: #005396;
}

.rfrmppal .rterm {
    font-size: 1em;
    line-height: 1.5em;
}

.rfrmppal #cconfirm, .rfrmppal .rchksub {
    margin-right: 10px;
    margin-top: 6px;
}

.rfrmppal .rdbtsub {
    padding-right: 0;
}

.rfrmppal .rdbtsub .buttonreserv {
    background: transparent;
    border: 1px solid #19a6ed;
    color: #19a6ed;
    font-family: Montserrat, sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    padding: 12px 20px 12px 20px !important;
    transition: all .21s ease !important;
    line-height: 26px !important;
    margin: 20px 0px 0px 0px !important;
    text-decoration: none;
    display: inline-block;
}

.rfrmppal .rdbtsub .buttonreserv:hover {
    background: #19a6ed !important;
    color: #ffffff;
    transition: all .21s ease;
}

.rooms-list-content-wrap .room_caract {
    display: none;
}

.addedreserv > .addedinfo {
    padding: 50px !important;
}

.addedimg {
    max-height: inherit !important;
}

.addedimg img {
    height: 180px!important;
}

.addeditem, .addedfor {
    background: #c8c8c8!important;
    border-radius: 0px!important;
}

.buttoncartconf {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    transition: all .21s ease !important;
    background: #003662 !important;
    width: 30%!important;
    border-radius: 0px!important;
}

.buttoncartconf:hover {
    background: #19a6ed !important;
}

.addedreserv {
    background: #003662 !important;
    border-radius: 0px!important;
}

.rpro-item32917 .rpro-caract .rpro-icon-list-items, .rpro-item32917 .rpro-caract .rpro-list-items {
    display: none;
}

.rpro-row > div:nth-child(2) .rpro-inside {
    width: 100%!important;
}

.rpro-row > div:nth-child(2) .rpro-pad {
    width: calc(50% - 35px)!important;
    padding: 0px 35px 0px 0px!important;
}

.rpro-row > div:nth-child(2) .rpro-inside.calendar32916, .rpro-row > div:nth-child(2) .rpro-inside.calendar32917, .rpro-row > div:nth-child(2) .rpro-inside.calendar31938, .rpro-row > div:nth-child(2) .rpro-inside.calendar32953 {
    width: calc(50% - 40px)!important;
}

#frmdreservation .buttonreserv {
    background: none;
    border: 1px solid #19a6ed;
    color: #19a6ed;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 20px 12px 20px;
    width: 120px;
    transition: all .21s ease;
    line-height: 26px;
    margin: 0px;
}

#frmdreservation .buttonreserv:hover {
    background: #19a6ed !important;
    color: #ffffff;
    transition: all .21s ease;
}








/*------ POP UP ------*/
.brave_popupSections__wrap .gform_wrapper.gravity-theme .gfield select, .brave_popupSections__wrap .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])  {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 2px solid #000000;
    border-radius: 0px;
    padding: 0px 0px 10px !important;
    font-family: interstate, sans-serif !important;
    background-color: #ffffff;
    color: #000000 !important;
}



.brave_popupSections__wrap .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-bottom: 2px solid #000000;   
}

.brave_popupSections__wrap .gform_wrapper.gravity-theme .gform_footer input {
    font-family: interstate, sans-serif !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding: 15px 80px;
    border: none;
    margin-top: 5px;
    margin-bottom: 0px !important;
    background: #000000;
}

.brave_popupSections__wrap .gform_wrapper.gravity-theme .gform_footer input:hover, .brave_form_button button:hover {
    background: #353535 !important; 
}

.gform_wrapper.gravity-theme .gform_footer {
    padding-bottom: 0px !important;    
}

.brave_form_fields input[type=email], .brave_form_fields input[type=text], .brave_form_button button, .brave_form_field select {
    font-family: interstate, sans-serif !important;
}

.brave_form_button button {
    padding: 0 80px !important;
    transition: all 0.3s ease-out;
}

.brave_form_field select {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    padding: 0px !important;
}

.brave_element__code .gform_wrapper ::placeholder {
  color: #000000 !important;
  opacity: 1 !important;
}

.brave_popup .brave_popup__close.brave_popup__close--icon {
    opacity: 1 !important;
}

.brave_popup .brave_element.brave_element--form .brave_form_custom_content {
    width: calc(100% - 150px) !important;
}

.brave_popupSections__wrap .gform_wrapper .gform_validation_errors>h2 {
    color: #c02b0a;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
    margin: 0 0 12px;
    letter-spacing: 0;
}

.brave_popupSections__wrap .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    padding: 0 !important;
    background: transparent;
    border: none;
    color: #c02b0a !important;
    font-size: 12px !important;
    line-height: 14px !important;
    margin-top: 0px !important;
}

.brave_popup__step .gfield_html h2 {
    font-family: interstate, sans-serif !important;
    color: #000000;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;
}

.brave_popup__step__mobile .gfield_html h2 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 0px;
    letter-spacing: 0px;
}

body .brave_popup__step .gform_wrapper .top_label div.ginput_container {
    margin-top: 0px;
}

.brave_popup__step select:not(.elementor-field) {
    -webkit-appearance: none !important;
    -moz-appearance: none;
    background-image: linear-gradient(45deg,transparent 50%,var(--the7-input-color) 50%), linear-gradient(135deg,var(--the7-input-color) 50%,transparent 50%);
    background-position: calc(100% - var(--the7-right-input-padding) - 5px) 50%, calc(100% - var(--the7-right-input-padding)) 50%, 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}









/*--------- RESPONSIVE ---------*/
/*------------------------------*/




/*------ HEADER ------*/
@media screen and (max-width: 992px) {
    .top-bar {
        padding: 0px 50px 0px 50px;
    }   

    .rpro-row > div:nth-child(2) .rpro-pad {
        width: 100%!important;
        padding: 0px 0px 0px 0px!important;
    }

    .rpro-row > div:nth-child(2) .rpro-inside.calendar32916, .rpro-row > div:nth-child(2) .rpro-inside.calendar32917, .rpro-row > div:nth-child(2) .rpro-inside.calendar31938 {
        width: 100%!important;
    }
}

@media screen and (max-width: 778px) {
    .top-bar {
        padding: 0px 20px 0px 20px;
    }  

    .mobile-branding > a {
        max-width: 140px;
    } 
}


@media screen and (max-width: 555px) {
    .top-bar-content {
        justify-content: center;
        display: flex;
        flex-flow: wrap;
        width: 100%;
    }

    .water-top {
        border-left: none;
        border-right: none;
        width: 100%;
        display: block;
        min-height: auto;
        padding: 10px 0px;
        text-align: center;
    }   

    .meteo-top {
        min-height: auto;
        display: inline-flex;
        padding: 0px 20px 0px 0px;
        width: auto;
        margin: 0px 0px 10px;
    }

    .language-top {
        display: inline-flex;
        border-right: none;
        margin: 0px 0px 10px;
    }
}


@media screen and (max-width: 475px) {
    .mobile-branding > a {
        max-width: 110px;
    } 
}



@media screen and (max-width: 390px) {
    .menu-toggle-caption {
        left: -70px;
    }

    .masthead:not(.side-header) .mobile-header-bar, .side-header.masthead-mobile-header .mobile-header-bar {
        padding: 0 0px 0 10px !important;
    }
}




/*------ POP UP ------*/
@media screen and (max-width: 1050px) {
    .edn-text-content-wrap .edn_static_text, .edn_custom_html_wrapper {
        padding: 5px 80px 5px 20px !important;
    }

    .edn-custom-template .edn-bottom-down-arrow {
        right: 35px !important;
    }

    .edn-notify-bar.open .edn-bottom-down-arrow.open {
        right: 30px !important;
    }
}


@media screen and (max-width: 800px) {
    .edn_custom_html_wrapper {
        display: block;
    }

    .avis-important {
        margin-bottom: 10px;
        width: 100%;
    }

    .avis-important .avis-titre {
        padding-right: 0px;
    }

    .avis-message {
        width: 100%;
    }

    .edn-custom-template .edn-bottom-down-arrow {
        right: 15px !important;
        bottom: 15px !important;
    }

    .edn-notify-bar.open .edn-bottom-down-arrow.open {
        right: 9px !important;
        bottom: 9px !important;
    }

    .edn-text-content-wrap .edn_static_text, .edn_custom_html_wrapper {
        padding: 5px 50px 5px 20px !important;
    }
}


@media screen and (max-width: 400px) {
    .edn-text-content-wrap .edn_static_text, .edn_custom_html_wrapper {
        padding: 5px 40px 5px 5px !important;
    }    
}





/*------ TITLE HEADER ------*/
@media screen and (max-width: 1075px) {
    .page-title:before, #fancy-header:before {
        background-size: 300px 181px;
        width: 300px;
        height: 180px;
        bottom: -25px;
    }  

    @-webkit-keyframes MoveWave {
    0% {
        bottom: -25px;
        opacity: 0;
    }
    10% {
        bottom: -20px;
    }
    20% {
        bottom: -25px;
    }
    30% {
        bottom: -20px;
    }
    40% {
        bottom: -25px;
    }
    50% {
        bottom: -20px;
    }
    60% {
        bottom: -25px;
    }
    70% {
        bottom: -20px;
    }
    80% {
        bottom: -25px;
    }
    90% {
        bottom: -20px;
    }
    100% {
        bottom: -25px;
        opacity: 1;
    }
}

@keyframes MoveWave {
    0% {
        bottom: -25px;
        opacity: 0;
    }
    10% {
        bottom: -20px;
    }
    20% {
        bottom: -25px;
    }
    30% {
        bottom: -20px;
    }
    40% {
        bottom: -25px;
    }
    50% {
        bottom: -20px;
    }
    60% {
        bottom: -25px;
    }
    70% {
        bottom: -20px;
    }
    80% {
        bottom: -25px;
    }
    90% {
        bottom: -20px;
    }
    100% {
        bottom: -25px;
        opacity: 1;
    }
}
}


@media screen and (max-width: 975px) {
    .page-title h1, .page-title h1 *, .page-title h1 a:hover, #page .page-title .entry-title, .fancy-title {
        max-width: 500px;
        padding-bottom: 50px !important;
        font-size: 45px !important;
        line-height: 50px !important;
    }
}


@media screen and (max-width: 850px) {
    .page-title:before, #fancy-header:before {
        background-size: 200px 120px;
        width: 200px;
        height: 120px;
        bottom: -30px;
    }  

    @-webkit-keyframes MoveWave {
    0% {
        bottom: -30px;
        opacity: 0;
    }
    10% {
        bottom: -25px;
    }
    20% {
        bottom: -30px;
    }
    30% {
        bottom: -25px;
    }
    40% {
        bottom: -30px;
    }
    50% {
        bottom: -25px;
    }
    60% {
        bottom: -30px;
    }
    70% {
        bottom: -25px;
    }
    80% {
        bottom: -30px;
    }
    90% {
        bottom: -25px;
    }
    100% {
        bottom: -30px;
        opacity: 1;
    }
}

@keyframes MoveWave {
    0% {
        bottom: -30px;
        opacity: 0;
    }
    10% {
        bottom: -25px;
    }
    20% {
        bottom: -30px;
    }
    30% {
        bottom: -25px;
    }
    40% {
        bottom: -30px;
    }
    50% {
        bottom: -25px;
    }
    60% {
        bottom: -30px;
    }
    70% {
        bottom: -25px;
    }
    80% {
        bottom: -30px;
    }
    90% {
        bottom: -25px;
    }
    100% {
        bottom: -30px;
        opacity: 1;
    }
}
}


@media screen and (max-width: 778px) {
    #fancy-header > .wf-wrap, .page-title.page-title-responsive-enabled .wf-wrap {
        align-items: flex-start !important;
    }

    #fancy-header .hgroup, #fancy-header .breadcrumbs, .page-title.page-title-responsive-enabled .wf-wrap {
        text-align: left !important;
    }

    .page-title h1, .page-title h1 *, .page-title h1 a:hover, #page .page-title .entry-title, .fancy-title {
        padding-top: 50px !important;
        font-size: 38px !important;
        line-height: 40px !important;
    }

    #fancy-header.content-left .hgroup {
        width: 70%;
    }

    .page-title.page-title-responsive-enabled .wf-wrap {
        width: 70%;
        margin: 0px;
    }
}


@media screen and (max-width: 660px) {
    .page-title:before, #fancy-header:before {
        background-size: 140px 84px;
        width: 140px;
        height: 84px;
        bottom: -40px;
    }

    @-webkit-keyframes MoveWave {
        0% {
            bottom: -40px;
            opacity: 0;
        }
        10% {
            bottom: -35px;
        }
        20% {
            bottom: -40px;
        }
        30% {
            bottom: -35px;
        }
        40% {
            bottom: -40px;
        }
        50% {
            bottom: -35px;
        }
        60% {
            bottom: -40px;
        }
        70% {
            bottom: -35px;
        }
        80% {
            bottom: -40px;
        }
        90% {
            bottom: -35px;
        }
        100% {
            bottom: -40px;
            opacity: 1;
        }
    }

    @keyframes MoveWave {
        0% {
            bottom: -40px;
            opacity: 0;
        }
        10% {
            bottom: -35px;
        }
        20% {
            bottom: -40px;
        }
        30% {
            bottom: -35px;
        }
        40% {
            bottom: -40px;
        }
        50% {
            bottom: -35px;
        }
        60% {
            bottom: -40px;
        }
        70% {
            bottom: -35px;
        }
        80% {
            bottom: -40px;
        }
        90% {
            bottom: -35px;
        }
        100% {
            bottom: -40px;
            opacity: 1;
        }
    }
}


@media screen and (max-width: 550px) {
    #fancy-header.content-left .hgroup {
        width: 100%;
    }
}


@media screen and (max-width: 400px) {
    .page-title h1, .page-title h1 *, .page-title h1 a:hover, #page .page-title .entry-title, .fancy-title {
        font-size: 30px !important;
        line-height: 40px !important;
        padding-top: 0px !important;
    }

    #fancy-header {
        margin-top: 75px;
    }

    .top-bar .top-bar-content {
        min-height: 81px;
    }
}





/*------ FOOTER ------*/
@media screen and (max-width: 1015px) {
    .btn-footer {
        text-align: center;
        line-height: 20px;
    }    
}

@media screen and (max-width: 810px) {
    .footer .wf-1-4 {
        width: 50%;
    }  

    .footer .wf-2-4 {
        width: 100%;
        text-align: left;
    }

    .btn-footer {
        margin: 10px 0px 40px;
    }     
}

@media screen and (max-width: 560px) {
    .footer .wf-1-4 {
        width: 100%;
        text-align: center;
    }  

    .footer .wf-2-4 {
        text-align: center;
    }

    .wf-1-1 .textwidget {
        display: block;
        text-align: center;
    }   

    .wf-1-1 .textwidget .logo-footer-right {
        margin-left: 0px;
        display: block;
        margin-top: 10px;
    }
}







/*------ ACCUEIL ------*/
@media screen and (max-width: 1325px) {
    .evenement-accueil-slider .evenement-accueil-content > .vc_column-inner > .wpb_wrapper {
        float: inherit;
    }
}


@media screen and (max-width: 1300px) {
    .info-accueil .info-accueil-content, .info-accueil .info-accueil-img {
        -webkit-box-align: flex-start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: flex-start !important;
        align-items: flex-start !important;
    }
}


@media screen and (max-width: 1100px) {
    .info-accueil-content {
        padding: 0px 50px;
    }

    .evenement-accueil-slider .evenement-accueil-content {
        width: 100%;
        padding: 0px 100px;
    }

    .evenement-accueil-slider .evenement-accueil-content > .vc_column-inner > .wpb_wrapper {
        margin-right: 0px;
        padding-right: 0px;
    }

    .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
        right: -70px;
    }

    .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
        left: -65px;
    }
}



@media screen and (max-width: 1030px) {
    .info-accueil .info-accueil-content, .info-accueil .info-accueil-img {
        width: 100%;
    }

    .info-accueil-img img {
        padding-left: 50px;
    }

    .accessibilite-accueil-content {
        padding-left: 10px;
    }

    .content .accessibilite-accueil-content .wpb_text_column ul {
        padding-left: 20px;
    }

    .accessibilite-accueil .accessibilite-accueil-img, .accessibilite-accueil .accessibilite-accueil-content {
        -webkit-box-align: flex-start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: flex-start !important;
        align-items: flex-start !important;
    }
}


@media screen and (max-width: 960px) {
    .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1 .mec-slider-t1-content {
        padding: 20px 20px 25px;
    }

    .accessibilite-accueil .accessibilite-accueil-img, .accessibilite-accueil .accessibilite-accueil-content {
        width: 100%;
        max-width: 730px;
        margin: 0 auto;
    }

    .accessibilite-accueil .accessibilite-accueil-content {
        margin-top: 40px;
    }

    .accessibilite-accueil-content {
        padding-left: 0px;
    }
}


@media screen and (max-width: 900px) {
    .alerte-inscription-content > .vc_column-inner {
        padding: 40px 40px;
    }

    .alerte-inscription-img .vc_empty_space {
        height: 350px !important;
    } 
}


@media screen and (max-width: 778px) {
    .info-accueil-img img {
        padding-left: 20px;
    }  

    .info-accueil-content {
        padding: 0px 20px;
    }

    .date-accueil > .wpb_wrapper, .heure-accueil > .wpb_wrapper, .info-sup-accueil > .wpb_wrapper {
        padding-left: 50px;
    }
}


@media screen and (max-width: 768px) {
    .btn-plage > .btn-plage {
        padding: 0px !important;
    } 

    .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
        top: 50%;
    }   
}


@media screen and (max-width: 650px) {
    .evenement-accueil-slider .evenement-accueil-content {
        padding: 0px 70px;
    } 

    .evenement-accueil-slider .evenement-accueil-content .wpb_text_column {
        padding-right: 20%;
    }  
}


@media screen and (max-width: 499px) {
    /*#rev_slider_1_1_forcefullwidth, #rev_slider_1_1_forcefullwidth #rev_slider_1_1_wrapper, #rev_slider_1_1_wrapper #rev_slider_1_1, #rev_slider_1_1_wrapper #rev_slider_1_1 rs-slides, #rev_slider_1_1_wrapper #rev_slider_1_1 rs-slide {
        max-height: 450px !important;
    }*/

    .hashtag-accueil {
        font-size: 26px !important;
    }    
}


@media screen and (max-width: 479px) {
    .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1 .mec-slider-t1-content {
        padding: 20px 20px 0px;
    }  
}


@media screen and (max-width: 460px) {
    .evenement-accueil-slider .evenement-accueil-content {
        padding: 0px 20px;
    }

    .evenement-accueil-slider .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .evenement-accueil-slider .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
        width: 35px;
        height: 35px;
        line-height: 35px;
        padding: 11px 11px 11px;
    }

    .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
        top: 140px;
    }

    .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
        left: -20px;
    }

    .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
        right: -25px;
    }
}


@media screen and (max-width: 400px) {
    .alerte-inscription-content > .vc_column-inner {
        padding: 30px 30px;
    }  

    .titre-periode-inscription p, .date-periode-inscription p {
        font-size: 16px;
        line-height: 18px;
    }

    .cta-periode-inscription p {
        font-size: 22px;
        line-height: 28px;
    }

    .alerte-inscription-img .vc_empty_space {
        height: 250px !important;
    }

    .space-100 {
        height: 100px !important;
    } 

    .space-90 {
        height: 90px !important;
    } 

    .space-80 {
        height: 80px !important;
    } 

    .space-70 {
        height: 70px !important;
    } 

    .space-60 {
        height: 60px !important;
    } 

    .space-50 {
        height: 50px !important;
    } 

    .space-40 {
        height: 40px !important;
    } 

    .space-30 {
        height: 30px !important;
    } 

    .space-20 {
        height: 20px !important;
    } 

    .space-10 {
        height: 10px !important;
    } 

    .space-0 {
        height: 0px !important;
    } 

    .small-title p {
        font-size: 14px;
        line-height: 20px;
    }

    h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .evenement-accueil-slider .mec-event-grid-modern .event-grid-modern-head .mec-event-date {
        font-size: 55px;
    }

    .evenement-accueil-slider .mec-event-grid-modern .event-grid-modern-head .mec-event-day {
        font-size: 25px;
    }

    .evenement-accueil-slider .mec-event-grid-modern .event-grid-modern-head .mec-event-month {
        font-size: 16px;
    }

    .evenement-accueil-slider  .mec-event-grid-modern .mec-event-content {
        padding: 15px 15px 10px;
    }

    .evenement-accueil-slider .mec-event-title a {
        font-size: 22px;
    }

    .evenement-accueil-slider a.mec-booking-button {
        font-size: 12px !important;
        padding: 12px 25px !important;
    }

    .evenement-accueil-slider .mec-slider-t1 .mec-slider-t1-img {
        height: 260px;
    }

    .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next, .evenement-accueil-slider .evenement-accueil-content .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
        top: 110px;
    }

    #sb_instagram.sbi_col_4 #sbi_images .sbi_item {
        width: 50%;
    }
}







/*------ PAGES ------*/

@media screen and (max-width: 1200px){
    .mec-events-event-image {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 1130px) { 
    .titre-tableau-plage, .tableau-plage {
        padding: 5px 0px;
    }

    .content-samll-row {
        max-width: 875px;
        padding: 5px 15px;
    }
}


@media screen and (max-width: 1000px) { 
    .inscription-btn {
        width: 35%;
    }

    .inscription-content {
        width: 65%;
    }

    .img-and-txt-left, .img-and-txt-right {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;

    }

    .content-resto, .content-cremiere {
        max-width: 600px !important;
        margin: 0 auto; 
    }

    .content-cremiere .img-and-txt-right {
        margin-top: 60px;
    }
}



@media screen and (max-width: 1060px) { 
    .mec-event-list-standard .mec-event-article .mec-event-content-wrap {
        width: 45%;
    }

    .mec-event-list-standard .mec-event-article .mec-event-meta-wrap {
        width: 30%;
    }

    .mec-event-list-standard .mec-event-article .mec-event-footer {
        width: 30%;
    }
}



@media screen and (max-width: 960px) { 
    .mec-event-list-standard .mec-event-article .mec-event-meta-wrap {
        padding-bottom: 80px;
    }

    .mec-event-list-standard .mec-event-article .mec-event-footer {
        width: 100%;
    }

    .mec-event-list-standard .mec-event-article .mec-event-meta-wrap {
        width: 100%;
        padding-left: 15px;
    }
}


@media screen and (max-width: 800px) { 
    .titre-tableau-plage, .tableau-plage {
        padding: 5px 0px;
    }

    #sidebar {
        display: none;
    }

    .single-mec-events #main-content {
        width: 100%;
    }
}


@media screen and (max-width: 768px) {
    .ubtn-ctn-left > .ubtn-normal {
        padding: 0px !important;
    } 
}


@media screen and (max-width: 767px) {
    .img-and-content-box-txt {
        margin-top: 40px;
    } 

    .tarif-box .img-and-content-box-txt {
        margin-top: 0px;
    } 

    .equipe-col2 {
        margin-top: 40px;
    }

    .mec-single-event-description > .vc_row > .vc_col-sm-2 {
        display: none;
    }
}


@media screen and (max-width: 600px) {
    .inscription > .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding: 30px;
    }

    .inscription-content {
        padding: 0px;
    }
}


@media screen and (max-width: 560px) {
    .inscription-btn {
        width: 100%;
    }

    .inscription-content {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
}



@media screen and (max-width: 500px) {
    .tableau-html tr td, .tableau-html tr th {
        font-size: 12px;
    }
}



@media screen and (max-width: 479px) { 
    .mec-event-list-standard .mec-event-article .mec-event-content-wrap {
        width: 100%;
        min-height: inherit;
        padding: 10px 10px 10px 20px;
    }
}



@media screen and (max-width: 400px) { 
    #page .accordeon-plage .vc_tta-panel .vc_tta-panel-title > a {
        padding-right: 40px;
        padding-left: 10px;
    }

    #page .accordeon-plage .vc_tta-controls-icon {
        right: 10px;
        height: 20px;
        width: 20px;
    }

    #page .accordeon-plage .vc_tta-panel .vc_tta-title-text {
        font-size: 18px;
        line-height: 22px;
    }

    #page .accordeon-plage .vc_tta-panel-body {
        padding: 20px 40px 50px 10px;
    }

    #page .activites-accordeon .accordeon-plage .vc_tta-panel-body {
        padding: 20px 40px 50px 10px;
    }

    #mec_sf_month_372 {
        width: calc(100% - 35px);
        margin-right: 0px;
    }

    #mec_sf_year_372 {
        width: calc(100% + 1px);
        margin-top: 10px;
    }
}



@media screen and (max-width: 390px) {
    .tableau-html tr td, .tableau-html tr th {
        font-size: 10px;
        line-height: 15px;
    }
}


@media screen and (max-width: 380px) { 
    #main > .wf-wrap {
        padding: 0 15px 0 15px;
    }
}