/*
Theme Name: 1055
Description: Theme enfant du thème WP Made Simple de Publigo
Author: Hervé - Publigo Author
URI: https://www.publigo.fr
Template: wpms-theme
Version: 1.2
Text Domain: 1055
*/

/*
 * configuration des variable du theme: 
 * --dtc : Dark Thematic Color 
 * --ltc : Light Thematic color
 */

:root{
   --dtc: #009de2;
/*   --ltc: #669933; */
   --ltc: #00ccff; 
}

@font-face {
    font-family: 'Raleway-Heavy';
    src: url('assets/fonts/Raleway-Heavy.woff2') format('woff2'), url('assets/fonts/Raleway-Heavy.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


/* ***** General ***** */

.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    color: var(--ltc);
}

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{
    color: var(--dtc);
}

.site-header {
    background-color: #fff;
}
.paoc-popup-modal-cnt {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    height: 99%;
}

.paoc-popup-modal-cnt > p {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
}


a,
a:hover {
    outline: none !important;
    text-decoration: none;
}

#primary h2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #052c46;
    line-height: 1;
    margin: 0;
    padding: 0 0 15px 0;
}

#primary h3 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: var(--ltc);
    padding: 0 0 15px;
    margin: 0;
}

.page:not(.home) #primary .entry-content span.medium.highlight-blue {
    font-weight: 500;
    color: #052c46;
}

.page:not(.home) #primary .entry-content span.medium.highlight-orange {
    font-weight: 500;
    color: var(--ltc);
}

.page:not(.home) #primary .entry-content span.bold.highlight-blue {
    font-weight: 600;
    color: #052c46;
}


/* Content general */

.featured {
    position: relative;
}

.featured .page-title {
    position: static;
    bottom: 0;
    left: 0;
    width: 100%;
}

.featured .page-title h1 {
    font-family: 'Raleway';
    font-weight: 800;
    margin: 0;
    padding: 0;
    display: block;
    color: #ffffff;
    background: #052c46;
    font-size: 30px;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    padding: 15px 50px;
}

.page-template-page-ouvrir-1055 .breadcrumbs,
.extended-container {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}

.featured img {
    width: 100%;
    height: auto;
    vertical-align: top;
    margin: 0;
    padding: 0;
}


/*.page:not(.home) header .navigation-principal,
.archive header .navigation-principal,
.search header .navigation-principal {
 position: static;
}*/


/*Footer*/

.block-footer {
    border-bottom: 1px solid #1d587f;
    padding-bottom: 20px;
    text-align: center;
}

.site-footer .bottom_footer {
    background: #052c46;
}

.site-footer .bottom_footer .logo {
    display: table;
    margin: 0 auto;
}

.mentions-navigation {
    width: 100%;
    text-align: center;
    background: #031d2e;
    margin-top: 0px;
}

.mentions-navigation ul {
    margin: 0;
}

.site-footer .wrap {
    padding: 60px 15px 20px 15px;
    position: relative;
}

.site-footer .bottom_footer a {
    font-size: 14px;
    font-family: 'Work Sans', sans-serif;
    line-height: 1.4;
    display: inline-block;
}

.title-block-footer {
    font-size: 24px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}

.orange,
body footer.site-footer .orange a {
    color: #f29400;
    font-size: 24px;
}

.green,
body footer.site-footer .green a {
    color: #18a096;
    font-size: 24px;
}

.red,
body footer.site-footer .red a {
    color: #e5322d;
    font-size: 24px;
}
body footer.site-footer .orange a:hover,
body footer.site-footer .orange a:focus,
body footer.site-footer .green a:hover,
body footer.site-footer .green a:focus,
body footer.site-footer .red a:hover,
body footer.site-footer .red a:focus { text-decoration: underline; }

.adreses-footer {
    font-weight: 300;
}

.phone-footer {
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
}

.footer-navigation ul {
    list-style: none;
    margin: 0;
}

.title-menu-footer {
    color: #1d587f;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0;
    line-height: 28px;
    display: block;
}


/*----------------------------------- ------------------------------------ ---------------------------------- end footer ---------------------------*/


/*Slider pave */

.thematic_entry {
    background: url(assets/images/bg-slider-pave.jpg) no-repeat center top;
}

.menu-thematique.slider-menu {
    margin: 0;
}



.title-slider-menu {
    text-align: right;
    color: #fff;
    font-size: 41px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    display: block;
}

.slider-menu li {
    padding: 0;
}

.menu-thematic-menu-container .bx-wrapper {
    background: none !important;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wrap-slider-menu {
    display: block;
    margin: 0 auto;
    max-width: 1088px;
    padding: 85px 0;
}

.wrap-slider-menu .bx-wrapper li {
    height: 340px;
    background: #000;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}

.slider-menu .bx-wrapper li a {
    width: 100%;
    height: 340px;
    position: relative;
    overflow: hidden;
    float: left;
}

.slider-menu li img {
    display: unset;
    float: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.7;
}

.no-touch .slider-menu li img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.wrap-slider-menu .bx-wrapper {
    margin: 0 auto;
}

.wrap-slider-menu .bx-wrapper .bx-prev,
.wrap-slider-menu .bx-wrapper .bx-next {
    background: none;
}

.slider-menu .menu-image-description,
.slider-menu .menu-image-title {
    display: none;
}

.info-menu {
    position: absolute;
    bottom: 20%;
    background: rgba(34, 34, 34, 0.76);
    color: #fff;
    left: 0;
    width: 100%;
    padding: 20px 0;
    min-height: 106px;
    font-family: 'Work Sans', sans-serif;
}

.menu-image-title-show {
    display: block;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    background: url(assets/images/bg-dots.png) no-repeat center bottom;
    padding-bottom: 10px;
}

.menu-image-description-show {
    font-size: 15px;
}

.wrap-slider-menu .bx-wrapper .bx-controls-direction a {
    display: none;
}

.page-template-front-page-prod .site-main article.type-page,
.home .site-main article.type-page {
    background: #052032 url(assets/images/bg-pattern.jpg) repeat center center;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 35px 0;
    float: left;
    width: 100%;
}

.page-template-front-page-prod .site-main article.type-page .entry-header
.home .site-main article.type-page .entry-header {
    display: none;
}

.page-template-front-page-prod .site-main article.type-page .subtitle,
.home .site-main article.type-page .subtitle {
    font-size: 18px;
    line-height: 18px;
    display: block;
    margin-bottom: 10px;
}

.header-home, 
.content-home {
    max-width: 95%;
    font-family: 'Work Sans', sans-serif;
}
.content-home { text-align: left; }

.page-template-front-page-prod .site-main article .content-home p,
.home .site-main article .content-home p {
    margin: 0 0 1em;
}

.page-template-front-page-prod .site-main article .header-home .title,
.home .site-main article .header-home .title {
    font-size: 50px;
    line-height: 50px;
    font-weight: 300;
    display: block;
    margin: 0 0 20px 0;
}

.page-template-front-page-prod .site-main article .content-home .text,
.home .site-main article .content-home .text {
    color: #6c8393;
    font-size: 14px;
    line-height: 16px;
}

.more-link.more-link-all a:hover {
    background: none !important;
    color: var(--ltc);
}

.navigation-top.site-navigation-fixed {
    display: none;
}

.footer-navigation {
    text-align: center;
}

@media (min-width:48em) {

    .navigation-top {
        display: none;
    }


    .footer-navigation {
        text-align: left;
    }
    .title-slider-menu {
        padding-right: 10%;
    }
    .wrap-slider-menu .bx-wrapper .bx-controls-direction a {
        display: block;
    }
    .wrap-slider-menu .bx-wrapper .bx-prev {
        left: -50px;
        top: 48%;
        margin: 0;
    }
    .wrap-slider-menu .bx-wrapper .bx-next {
        right: -50px;
        top: 48%;
        margin: 0;
    }
    .wrap-slider-menu .bx-wrapper .bx-pager,
    .wrap-slider-menu .bx-wrapper .bx-controls-auto {
        bottom: -20px;
    }
    .wrap-slider-menu .bx-wrapper .bx-controls-direction a {
        height: 45px;
        line-height: 40px;
    }
    .wrap-slider-menu .bx-controls-direction .bx-next::before {
        content: "";
        display: block;
        position: absolute;
        right: 0px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 20px 30px;
        border-color: transparent transparent transparent #fff;
    }
    .wrap-slider-menu .bx-controls-direction .bx-prev::before {
        content: "";
        display: block;
        position: absolute;
        right: 0px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 30px 20px 0;
        border-color: transparent #fff transparent transparent;
    }
    .wrap-slider-menu .bx-controls-direction .bx-prev:hover::before {
        border-color: transparent #052c46 transparent transparent;
    }
    .wrap-slider-menu .bx-controls-direction .bx-next:hover::before {
        border-color: transparent transparent transparent #052c46;
    }
}


/*End slider pave */


/*Content page */

#page {
    overflow: hidden;
}


.img-desktop {
    display: none;
}

.img-desktop-over {
    display: none;
}

.img-mobile {
    display: block;
}

.entry-date.published {
    display: none;
}

.widget-news {
    font-family: 'Work Sans', sans-serif;
    color: #052c46;
    padding-top: 40px;
}

.widget-news .more-link a {
    background: var(--ltc);
    color: #fff;
    display: table;
    margin: 0 auto;
    padding: 7px 30px;
}

.widget-news .more-link a:hover {
    background: var(--dtc);
}

.widget-news .bx-wrapper {
    border: none;
    moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.entry-summary {
    text-align: center;
    font-size: 17px;
    display: block;
    line-height: 19px;
}

.entry-title a {
    font-size: 24px;
    display: block;
    text-align: center;
    margin: 10px 0 0 0;
    color: #052c46;
}

.recent-posts-title {
    color: #052c46;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
    display: table;
}

.recent-posts-title p {
    margin: 0;
    font-weight: 700;
    font-size: 47px;
    line-height: 47px;
    display: block;
    font-family: 'Raleway', sans-serif;
}

.block-reservation a {
    background: #ed5201;
    text-align: center;
    padding: 45px 15px;
    text-transform: uppercase;
    width: 100%;
}

.word-reserv {
    display: block;
    font-size: 33px;
    font-family: 'Raleway', sans-serif;
    line-height: 33px;
    margin-top: 10px;
    font-weight: 700;
}

.block-reservation a {
    color: #fff;
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    display: block;
}

.block-reservation a:hover .word-reserv {
    color: #c44402;
}

.block-reservation span {
    display: block;
}

.block-reservation span span {
    font-weight: 700;
}

.block-reservation .fa {
    color: #c44402;
    font-size: 38px;
    display: inline-block;
    margin: 0 20px 10px 20px;
    position: relative;
    top: 4px;
}

.more-link.more-link-all a {
    background: none;
    color: #052c46;
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    text-align: right;
    max-width: 100%;
    font-weight: 600;
    display: block;
    float: right;
}

.more-link.more-link-all a .fa {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    font-size: 27px;
}

.block-info-home {
    background: url(assets/images/bg-slider-pave.jpg) no-repeat center bottom;
    font-family: 'Work Sans', sans-serif;
    padding: 40px 10px 30px 10px;
}

.block-info-home .inner.first {
    margin-bottom: 30px;
}


.block-info-home p {
    margin: 0 !important;
}

.block-info-home .p1 {
    color: #fff;
    font-size: 28px;
    font-weight: 300;
}

.block-info-home .p1 sup {
    font-size: 24px;
}

.block-info-home .p2 {
    color: #2e8cc2;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
}

.block-info-home .p2.right {
    color: #d72e00;
}

.block-info-home ul li,
.block-info-home .p3 {
    color: #646363;
    font-size: 19px;
    line-height: 28px;
}

.block-info-home .p3 a { color: #646363; }
.block-info-home .p3 a:hover,
.block-info-home .p3 a:focus {
    color: #2e8cc2;
}
.block-info-home .second .p3 a:hover,
.block-info-home .second .p3 a:focus {
    color: #d72e00;
}

.no-padding {
    padding: 0;
}

.block-img-index .inner {
    background: #000;
}

.block-img-index .inner {
    position: relative;
}

.block-img-index .inner a {
    color: #fff;
    display: block;
    position: relative;
}
.block-img-index .inner a:before {
    content: ''; display: block;
    position: absolute; left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: #000; opacity: 0;
}


.block-img-index img.big-img {
    display: block;
    width: 100%;
}



.block-img-index p {
    margin-bottom: 0 !important;
}

.block-img-index .title-icon .picto {
    position: relative;
    width: 54px;
    float: right;
    margin: 0px 7px;
}

.block-img-index .right-part .title-icon .picto {
    float: left;
}

/*.block-img-index .title-icon span {
    float: right;
    margin-top: 15px;
    margin-right: 20px;
}

.block-img-index .right-part .title-icon span {
    margin-left: 20px;
    float: left;
}*/

.block-img-index .title-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 32px;
    line-height: 54px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    text-shadow: 0 3px 10px rgba(0,0,0,0.34);
}

@media screen and (min-width: 480px) {
    .block-img-index .title-icon { font-size: 54px; }
}
@media screen and (min-width: 768px) {
    .block-img-index .title-icon { font-size: 40px; }
}
@media screen and (min-width: 992px) {
    .block-img-index .title-icon { font-size: 54px; }
}

.block-img-index .right-part .title-icon {
    right: auto;
    left: 20px;
}

.slider-block-top li img,
.img-full {
    width: 100%;
    display: block;
}

.page-template-front-page-prod #primary,
.home #primary {
    padding-top: 0;
    padding-bottom: 0;
}

.slider-block-top .metaslider .flex-control-nav {
    display: none;
}

.menu-menu-reseaux-footer-container li,
.menu-menu-reseaux-container li {
    float: left;
    margin-right: 10px;
    list-style-type: none;
}

.menu-menu-reseaux-container li.phone.menu-item a:hover:before {
    background: var(--ltc);
}


.menu-menu-reseaux-container {
    padding: 5px 0 5px 0;
    display: table;
    width: 100%;
    text-align: center;
}

.menu-menu-reseaux-container li {
    float: none;
    display: inline-block;
}

.menu-menu-reseaux-container .menu-top-social {
    margin: 0;
}

.menu-menu-reseaux-footer-container .menu-image-title,
.menu-menu-reseaux-container .menu-image-title {
    display: none;
}

.menu-menu-reseaux-footer-container a,
.menu-menu-reseaux-container a {
    display: block;
}

.menu-menu-reseaux-container .menu-item-home a:before,
.menu-menu-reseaux-container .phone.menu-item a:before,
.menu-menu-reseaux-container .facebook.menu-item a:before,
.menu-menu-reseaux-container .instagram.menu-item a:before,
.menu-menu-reseaux-container .linkedin.menu-item a:before {
    font-size: 27px;
    color: #fff;
    font-family: "FontAwesome";
    width: 35px;
    height: 35px;
    line-height: 40px;
    background: #052c46;
    border-radius: 100%;
    display: block;
    text-align: center;
}

.page-template-front-page-prod .menu-menu-reseaux-container .menu-item-home a:before,
.page-template-front-page-prod .menu-menu-reseaux-container .phone.menu-item a:before,
.page-template-front-page-prod .menu-menu-reseaux-container .facebook.menu-item a:before,
.page-template-front-page-prod .menu-menu-reseaux-container .instagram.menu-item a:before,
.page-template-front-page-prod .menu-menu-reseaux-container .linkedin.menu-item a:before,
.home .menu-menu-reseaux-container .menu-item-home a:before,
.home .menu-menu-reseaux-container .phone.menu-item a:before,
.home .menu-menu-reseaux-container .facebook.menu-item a:before,
.home .menu-menu-reseaux-container .instagram.menu-item a:before,
.home .menu-menu-reseaux-container .linkedin.menu-item a:before {
    color: #052032;
    background: #fff;
}

.menu-menu-reseaux-container .phone a:before {
    content: "\f095";
}

.menu-menu-reseaux-container .menu-item-home a:before {
    content: "\f015";
}

.menu-menu-reseaux-container .facebook.menu-item a:before {
    content: "\f09a";
}

.menu-menu-reseaux-container .instagram.menu-item a:before {
    content: "\f16d";
    line-height: 35px;
}

.menu-menu-reseaux-container .linkedin.menu-item a:before {
    content: "\f0e1";
    font-size: 25px;
    line-height: 1.4;
}

.menu-menu-reseaux-container .phone a:hover:before,
.menu-menu-reseaux-container .menu-item-home a:hover:before,
.menu-menu-reseaux-container .instagram.menu-item a:hover:before,
.menu-menu-reseaux-container .facebook.menu-item a:hover:before,
.menu-menu-reseaux-container .linkedin.menu-item a:hover:before {
    background: var(--ltc);
}


.menu-menu-reseaux-footer-container a {
    display: block;
}


.menu-menu-reseaux-footer-container .facebook.menu-item a:before,
.menu-menu-reseaux-footer-container .instagram.menu-item a:before,
.menu-menu-reseaux-footer-container .linkedin.menu-item a:before {
    font-size: 27px;
    color: #fff;
    font-family: "FontAwesome";
    width: 35px;
    height: 35px;
    line-height: 40px;
    display: block;
    text-align: center;
}

.menu-menu-reseaux-footer-container .facebook.menu-item a:before {
    content: "\f09a";
    font-size: 25px;
}

.menu-menu-reseaux-footer-container .instagram.menu-item a:before {
    content: "\f16d";
    line-height: 40px;
    font-size: 28px;
}

.menu-menu-reseaux-footer-container .linkedin.menu-item a:before {
    content: "\f0e1";
    line-height: 40px;
    font-size: 28px;
}

.menu-menu-reseaux-footer-container .instagram.menu-item a:hover:before,
.menu-menu-reseaux-footer-container .facebook.menu-item a:hover:before,
.menu-menu-reseaux-footer-container .linkedin.menu-item a:hover:before {
    color: var(--ltc);
}

#page-childs {
    padding-top: 34px;
}
#page-childs > div {
    margin-bottom: 42px;
}


/*#page-childs:before {
    content: ''; border-top: 1px solid #ccc;
    display: block;  max-width: 69%;
    margin-bottom: 34px; margin-left: auto; margin-right: auto;
}*/


#page-childs .more-link a {
    background-color: #ede8e3;
    color: #052c46;
}
#page-childs .more-link a:hover,
#page-childs .more-link a:focus {
    background-color: var(--ltc);
    color: #fff;
}
#page-childs .child-title a:hover,
#page-childs .child-title a:focus {
    color: var(--ltc);
}

@media screen and (min-width: 768px) {
    #page-childs { text-align: center; }
    #page-childs > div { display: inline-block; max-width: 43.5%; margin-right: 6%; text-align: left; vertical-align: top; }
}
/*@media screen and (min-width: 992px) {
    #page-childs > div { max-width: 29.8%; margin-right: 3%; }
}*/

/*---------------------------------------------------------------------------- ------------------------------- end content page ---------------------------*/


/*---------------------------------------------------------------------------- ------------------------------- Header ---------------------------*/

img.logo-header {
    display: block;
    max-width: 60px;
    margin: 0 auto;
    padding-top: 15px;
}

.page-template-front-page-prod .navigation-principal,
.home .navigation-principal {
    background: rgba(5, 33, 51,1);
}

.navigation-principal {
    top: 0;
    bottom: auto;
    position: static;
    background: #fff;
}

#masthead>.metaslider-wrap,
#masthead>.custom-header {
    margin-top: 0;
}

.navigation-principal>.wrap {
    background: none;
}

.page-template-front-page-prod .main-navigation a,
.home .main-navigation a {
    color: #fff;
}

#masthead .wrap {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.main-navigation a {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    padding: 7px 3px;
    position: relative;
    line-height: 1.2;
}

#menu-item-128:after {
    display: none;
}

.main-navigation .logo-menu img {
    height: 162px;
}

.main-navigation .logo-menu .menu-image-title {
    display: none;
}

.main-navigation .logo-menu a {
    padding: 0;
    top: 0;
}

.page-template-front-page-prod .menu-toggle,
.home .menu-toggle {
    color: #fff;
    margin-bottom: 0;
}


.page-template-front-page-prod .main-navigation .logo-menu .menu-image.menu-image-title-after,
.home .main-navigation .logo-menu .menu-image.menu-image-title-after {
    opacity: 1
}

.page-template-front-page-prod .main-navigation .logo-menu .hovered-image.menu-image-title-after,
.home .main-navigation .logo-menu .hovered-image.menu-image-title-after {
    opacity: 0;
}

.main-navigation .logo-menu .menu-image.menu-image-title-after {
    opacity: 0;
}

.main-navigation .logo-menu .hovered-image.menu-image-title-after {
    opacity: 1;
}

.main-navigation .logo-menu a:hover img {
    opacity: 0.7;
}

.main-navigation ul ul.toggled-on,
.js .main-navigation.toggled-on>div>ul {
    background: none;
}

.menu-menu-top-container,
.main-navigation .logo-menu {
    display: none;
}

.main-navigation li .sub-menu a img {
    display: none;
}

.metaslider .flexslider {
    margin: 0 !important;
}

.btn-diapo {
    display: none;
}

.metaslider-wrap p {
    margin: 0;
}

.navigation-principal {
    position: static;
}

.block-btns-header {
    position: static;
    right: 0;
}
img.logo-button {
    position: absolute;
    bottom: 0;
    right: 11px;
    width: 22px;
}
.sidebar .btn,
.block-btns-header .btn {
    float: right;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 11px 10px;
    width: 50%;
    background: #1371b0;
}
.sidebar .btn0,
.block-btns-header .btn0 {
    float: right;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 11px 10px;
    width: 50%;
    color: #fff;
    position: relative;
}

.sidebar .btn0 { 
    float: none;
    display: block;
    margin: auto;
    border-radius: 2px;
    width: auto;
    max-width: 214px;
    line-height: 1.6;
}

a.btn.btn0 span {
    display: block;
    padding-right: 37px;
}

.block-btns-header .btn1 {
    background: #ffea00;
}

.block-btns-header .btn4 {
    background: #5b8c88;
    color: #fdfefe;
    line-height: 0.82;
}
.block-btns-header .btn4:hover,
.block-btns-header .btn4:focus {
    background: #fdfefe;
    color: #1c5358;
}
.block-btns-header .btn2 {
    background: #e5322d;
    color: #fff;
    padding: 7px 20px;
    /*line-height: 25px;*/
}
.sidebar .btn0:hover,
.block-btns-header .btn0:hover {
    background: #052133;
    color: #fff;
}
.block-btns-header .btn1:hover {
    background: #052133;
    color: #ffea00;
}

.block-btns-header .btn2:hover {
    background: #052133;
    color: #e5322d;
}

.main-navigation>div>ul {
    padding: 15px 0;
}
.dropdown-toggle:focus,
.menu-toggle:focus {
    outline: none !important
}

.page-template-front-page-prod .icon.icon-angle-down,
.home .icon.icon-angle-down {
    color: #ffffff;
}


/*---------------------------------------------------------------------------- ------------------------------- end header ---------------------------*/


/* ***** Template Restos ***** */

.page:not(.home) #content {
    padding: 0 !important;
}


/* Breadcrumbs */

.breadcrumbs {
    margin-bottom: 12px;
}

.breadcrumbs,
.breadcrumbs a {
    color: #052c46;
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
}

.breadcrumbs i {
    color: #bdbebf;
}

.breadcrumbs i+.separator {
    display: none;
}


/*.page:not(.home) */

#primary {
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 15px;
    line-height: 22px;
    color: #4e5356;
    font-family: 'Work Sans', sans-serif;
}

.page:not(.home) #primary.full-width {
    width: 100%;
}

#primary img.alignleft {
    margin-bottom: 1.5em;
}

.page:not(.home) #primary .entry-content span,
.page:not(.home) #primary .entry-content a {
    color: var(--dtc);
    font-weight: 600;
}

.page:not(.home) #primary .entry-content a:hover {
    color: var(--dtc);
}


/* Restaurant Sidebar */

#secondary {
    padding: 0 10px !important;
    margin: 0 0 20px 0 !important;
}

#secondary.restos-sidebar .sidebar {
    /*padding: 60px 40px;*/
    padding: 60px 25px;
    background: var(--ltc);
}

#secondary.restos-sidebar {
    text-align: center;
    color: #ffffff;
}

#secondary.restos-sidebar a {
    color: #ffffff;
}

#secondary.restos-sidebar .sidebar-title {
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    padding-bottom: 24px;
    /* font-size: 44px; */
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
}

#secondary.restos-sidebar .sidebar-separator {
    padding-bottom: 20px;
}


#secondary.restos-sidebar .sidebar-link a {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
}

#secondary.restos-sidebar .sidebar-link a:hover {
    color: #052c46
}

#secondary.restos-sidebar .sidebar-link img {
    vertical-align: middle;
    margin-right: 5px;
}


/* Activities Sidebar */

#secondary .sidebar-section-1 {
    background: var(--ltc);
    /*padding: 60px 40px 40px;*/
    padding: 60px 25px 40px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
    font-family: 'Work Sans', sans-serif;
    margin-bottom: 15px;
}

#secondary .sidebar-section-1 h2 {
    color: var(--dtc);
    font-weight: 800;
    font-size: 30px;
    margin: 0 0 0.5em;
    padding: 0.4em 0 0;
}

#secondary .sidebar-section-1 p {
    margin: 0;
}

#secondary .sidebar-section-1 .sidebar-title {
    font-weight: 800;
    padding-bottom: 20px;
    /*font-size: 44px; */
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
}

#secondary .sidebar-section-1 .activity {
    font-weight: 500;
    padding-bottom: 20px;
}

#secondary .sidebar-section-1 .schedule {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

#secondary .sidebar-section-1 .sidebar-separator {
    padding-bottom: 14px;
}

#secondary .sidebar-section-1 .sidebar-subtitle {
    font-size: 30px;
    line-height: 1.2;
    color: var(--dtc);
    font-weight: 900;
    text-transform: uppercase;
    padding: 0
}

#secondary .sidebar-section-1 .tarif {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    list-style-type: none;
}

#secondary .sidebar-section-2 a {
    display: block;
    font-family: 'Work Sans', sans-serif;
    background: #052c46;
    padding: 21px 17px;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #ffffff;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
}
#secondary .sidebar-section-2 a:hover,
#secondary .sidebar-section-2 a:focus {
    background-color: #ed5201;
}

#secondary .sidebar-section-2 a .alignleft {
    margin-right: 15px;
}

#secondary .sidebar-section-3 {
    font-family: 'Work Sans', sans-serif;
    background: #ede8e3;
    padding: 17px;
    font-weight: 500;
}

#secondary .sidebar-section-3 p {
    margin: 0;
    margin-bottom: 0.75em;
    color: #052c46;
    font-size: 16px;
    line-height: 22px;
}

#secondary .sidebar-section-3 p span,
#secondary .sidebar-section-3 h4 span {
    color: var(--ltc);
}

#secondary .sidebar-section-3 h4 {
    margin: 0;
    color: #052c46;
    font-size: 24px;
    font-weight: 700;
}


/* News listing & detail */

.search #main,
.archive #main {
    overflow: hidden;
}

.archive .entry-title a,
.search .entry-title a {
    margin-top: 0;
    font-weight: 600;
    color: #052c46;
    font-size: 24px;
    text-align: left;
}

.search .entry-summary,
.archive .entry-summary {
    color: #052c46;
    font-size: 16px;
    text-align: left;
}

.archive .more-link a,
.search .more-link a {
    background-color: var(--ltc);
    color: #ffffff;
    font-weight: 600;
    padding: 10px 40px;
    font-size: 16px;
}

.search .more-link a:hover,
.archive .more-link a:active,
.archive .more-link a:hover {
    background-color: #052c46 !important;
}

.search .widget a,
.archive .widget a,
.single .widget a {
    color: var(--ltc);
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
}

.search .widget a:hover,
.archive .widget a:hover,
.single .widget a:hover {
    color: #052c46;
}

.search h2.widget-title,
.archive h2.widget-title,
.single h2.widget-title {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--ltc);
}

.search .featured,
.archive .featured,
.single .featured {
    display: none;
}

.archive.has-sidebar #secondary,
.search.has-sidebar #secondary,
.single #secondary {
    background: #ede8e3;
    padding: 20px !important;
}

.search .site-main>article,
.archive .site-main>article {
    padding-left: 0;
    padding-right: 0;
}

.single .post-thumbnail img {
    width: 100%;
    height: auto;
}

.single #primary {
    padding-top: 0;
}

.single #primary article h1.entry-title {
    color: #052c46;
    margin-bottom: 0;
}

.search-form .search-submit {
    background: var(--ltc);
    padding: 15px !important;
}

.search-form .search-submit:hover {
    background: #052c46;
}

input[type="search"] {
    height: 50px !important;
}

.post-navigation {
    margin: 20px 0 0;
}

.post-navigation a,
.post-navigation span {
    color: var(--ltc);
}

.post-navigation:hover a,
.post-navigation:hover span {
    color: #052c46;
}


/* Contact */

textarea {
    /*height: 235px !important;*/
}

label {
    color: #052c46 !important;
    font-weight: 500 !important;
    font-size: 16px;
}

input,
select,
textarea {
    font-family: 'Work Sans', sans-serif !important;
}

#page input[type="submit"] {
    background: var(--ltc);
    color: #fff;
}

#page input[type="submit"]:hover {
    background: #052c46;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    margin: 0;
    padding: 15px;
    background: #f0f0f0;
    text-align: center;
    font-size: 14px;
    border-color: var(--ltc);
    margin-bottom: 25px;
}


/* 404 */

.error-404.not-found {
    max-width: 768px;
}

.error-404.not-found .search-form {
    max-width: 570px;
}

.title-404 {
    font-size: 28px;
    font-weight: 700;
    color: var(--ltc);
}

@media (min-width:48em) {

    .menu-main-menu-container {
        padding-top: 70px;
    }

    img.logo-header {
        display: none;
    }

    .main-navigation>div>ul {
        padding: 0;
    }
    .main-navigation a {
        /*top: 40px;*/
    }

    .main-navigation ul.menu > li > a {
        border-bottom: 9px solid transparent;
    }

    .main-navigation ul.menu > li.current-menu-ancestor > a,
    .main-navigation ul.menu > li.current_page_item > a,
    .main-navigation ul.menu > li > a:hover {
        color: #052c46;
        border-bottom: 9px solid #052c46;
    }

    .page-template-front-page-prod .main-navigation ul.menu > li.current-menu-ancestor > a,
    .page-template-front-page-prod .main-navigation ul.menu > li.current_page_item > a,
    .page-template-front-page-prod .main-navigation ul.menu > li > a:hover,
    .home .main-navigation ul.menu > li.current-menu-ancestor > a,
    .home .main-navigation ul.menu > li.current_page_item > a,
    .home .main-navigation ul.menu > li > a:hover {
        color: #fff;
        border-bottom: 9px solid #fff;
    }

    .page-template-front-page-prod .main-navigation ul.menu > li.current-menu-ancestor > a,
    .page-template-front-page-prod .main-navigation ul.menu > li.current_page_item > a,
    .page-template-front-page-prod .main-navigation ul.menu > li > a:hover {
        color: #fff;
        border-bottom: 9px solid #fff;
    }

    body .main-navigation .logo-menu a,
    body .main-navigation .logo-menu.current_page_item a,
    body .main-navigation .logo-menu a:hover {
        border: none !important;
    }

    .main-navigation ul ul {
        top: 99%;
    }

    .page-template-front-page-prod .navigation-principal,
    .home .navigation-principal {
        background: rgba(5, 33, 51, 1);
    }
    #menu-item-128:before {
        display: none;
    }
    .menu-menu-reseaux-container {
        padding: 20px 0 20px 0;
        display: table;
        text-align: left;
    }
    .menu-menu-reseaux-container li {
        float: left;
    }
    .block-btns-header {
        position: absolute;
        right: 10px;
        display: flex;
        flex-direction: row-reverse;
    }
    .sidebar .btn,
    .block-btns-header .btn {
        text-align: center;
        font-size: 12px;
        line-height: 17px;
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        padding: 8px 5px;
        display: block;
        width: auto;
        margin-left: 5px;
    }
    .sidebar .btn { margin: auto; }
    .sidebar .btn0,
    .block-btns-header .btn0 {
        background: #1371b0;
        max-width: 212px;
        line-height: 1.4;
    }
    .block-btns-header .btn4,
    .block-btns-header .btn1 {
        max-width: 162px;
        padding: 16px 7px;
    }
    .block-btns-header .btn2 {
        background: #e5322d;
        max-width: 142px;
        color: #fff;
        line-height: 14px;
        padding: 16px 10px;
    }
    a.btn.btn0,
    a.btn.btn2 span {
        font-size: 10px;
    }
    a.btn.btn0 span {
        font-size: 14px;
    }
    .main-navigation li .sub-menu {
        width: 100%;
    }
    #main-menu {
        text-align: center;
        padding-left: 2%;
    }
    .main-navigation li li {
        float: left;
        width: 25%;
        padding: 10px;
    }
    .main-navigation ul.menu>li>ul>li:nth-child(4n+1) {
        clear: left;
    }
    .main-navigation ul ul a {
        padding: 0;
        width: 100%;
    }
    .main-navigation .sub-menu {
        padding-bottom: 60px;
    }
    .main-navigation a {
        padding: 20px 3px;
    }
    .main-navigation .sub-menu>li>a:hover {
        /*border: none;*/
    }
    .main-navigation .sub-menu>li>a .menu-image-title {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'Raleway', sans-serif;
        text-align: left;
        color: #fff;
        min-height: 30px;
    }
    .main-navigation .sub-menu>li>a .menu-image-title:before {
        content: "";
        width: 115px;
        height: 9px;
        background: #fff;
        display: block;
        top: -9px;
        position: relative;
    }
    .main-navigation .sub-menu>li>a:hover .menu-image-title:before,
    .main-navigation .sub-menu>li>a:focus .menu-image-title:before { width: 100%; background-color: var(--ltc); }

    .main-navigation .sub-menu>li.current-menu-item>a .menu-image-title,
    .main-navigation .sub-menu>li>a:hover .menu-image-title,
    .main-navigation .sub-menu>li>a:focus .menu-image-title {
        color: var(--ltc);
    }
    .main-navigation li .sub-menu:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        height: 100%;
        width: 100vw;
        background: #052c46;
        z-index: -1;
    }
    .main-navigation li .sub-menu:after {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        height: 100%;
        width: 100vw;
        background: #052c46;
        z-index: -1;
    }

    #main-menu li:after,
    #main-menu li:before {
        display: none;
    }

    .main-navigation li .sub-menu a img {
        display: block;
    }
    .main-navigation li {
        position: static;
        vertical-align: bottom;
    }
    .img-desktop {
        display: block;
        width: 100%;
    }
    .img-desktop-over {
        width: 100%;
    }
    #banners a:hover .hovers-img .img-desktop {
        display: none;
    }
    #banners a:hover .hovers-img .img-desktop-over {
        display: block;
    }
    .img-mobile {
        display: none;
    }
    .footer-navigation {
        float: left;
        width: 33%;
    }
    .mentions-navigation ul {
        text-align: right;
    }
    .mentions-navigation ul li {
        display: inline-block;
        padding-left: 15px;
        text-align: right;
    }
    .block-footer,
    .site-footer .bottom_footer .logo {
        float: left;
    }
    .site-footer .bottom_footer .logo {
        margin-right: 5px;
    }
    .block-footer {
        border: none;
        padding: 0 25px;
        text-align: left;
    }
    .recent-posts-title {
        padding-left: 10%;
    }
    .recent-posts-title p {
        font-size: 97px;
        line-height: 97px;
    }
    .recent-posts-title {
        font-size: 30px
    }
    .recent-posts-title {
        margin-bottom: 50px;
    }
    .more-link.more-link-all a {
        max-width: 220px;
        display: block;
        float: right;
        margin-right: 45px;
    }
    .more-link.more-link-all a .fa {
        position: relative;
        top: 14px;
    }
    .block-reservation span {
        display: inline-block;
    }
    .word-reserv {
        display: block !important;
        font-size: 103px;
        line-height: 103px;
    }
    .block-info-home .p1,
    .block-info-home .p2 {
        font-size: 48px;
        line-height: 48px;
    }
    .block-info-home ul {
        max-width: 300px;
    }
    .block-info-home .inner.first {
        text-align: right;
        position: relative;
        padding-right: 35px;
        margin-bottom: 0px;
    }
    .block-info-home .inner.first:after {
        content: '';
        width: 1px;
        height: 120px;
        background: rgba(140, 142, 142, 0.3);
        position: absolute;
        right: -10px;
        bottom: 0;
    }
    .block-info-home .inner.second {
        padding-left: 35px;
        text-align: left;
    }
    .main-navigation .logo-menu {
        display: inline-block;
    }
    .btn-diapo {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1;
        text-align: center;
        display: block;
        height: 0;
    }
    .btn-diapo span {
        display: inline-block;
        background: var(--ltc);
        font-size: 19px;
        line-height: 19px;
        font-family: 'Work Sans', sans-serif;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        padding: 5px 35px;
        max-width: 262px;
        margin-right: 4%;
    }

    #primary {
        font-size: 17px;
    }

    #primary h2 {
        font-size: 30px;
    }


    .main-navigation>li {
        position: relative;
    }
    .menu-menu-reseaux-container {
        position: absolute;
        left: 10px;
        top: 25px;
        padding: 0;
        width: auto;
    }
    .menu-menu-reseaux-footer-container {
        display: none;
    }
    .block-reservation .fa {
        margin: 0 20px;
    }

    .wrap-footer-middle {
        padding: 0 50px;
        display: table;
        width: 100%;
    }

    .wrap-footer-middle a:hover {
        color: var(--ltc);
    }


    .border-footer {
        border-bottom: 1px solid #204c6a;
        padding-bottom: 50px;
        margin-bottom: 25px;
    }

    .site-footer .bottom_footer a {
        font-size: 18px;
    }


    .title-menu-footer {
        margin-bottom: 10px;
    }

    .mentions-navigation a {
        font-size: 14px !important;
    }

    .mentions-navigation .wrap {
        padding-top: 20px;
    }

    .slider-menu li a:hover img {
        opacity: 1;
    }
    .slider-menu li a:hover .info-menu {
        bottom: 0;
        min-height: 50px;
        background: #052c46;
    }
    .slider-menu li a:hover .menu-image-description-show {
        display: none;
    }

    .slider-menu li a:hover .menu-image-title-show {
        background: none;
        padding-bottom: 0px;
    }

    .slider-menu li a:after {
        content: '\f067';
        font-family: 'FontAwesome';
        position: absolute;
        top: 34%;
        left: 0;
        right: 0;
        width: 87px;
        height: 87px;
        margin: 0 auto;
        color: #fff;
        background: rgba(5, 32, 50, 0.71);
        text-align: center;
        line-height: 87px;
        border-radius: 100%;
        font-size: 30px;
        opacity: 0;
    }
    .slider-menu li a:hover:after {
        opacity: 1;
        top: 39%;
    }

    .featured img+.page-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .featured .page-title h1 {
        display: inline-block;
        font-size: 45px;
        padding: 40px 60px 20px;
    }
}

@media (min-width:62em) {

    #primary h2 {
        font-size: 36px;
    }
    .menu-menu-reseaux-footer-container {
        position: absolute;
        right: 0;
        top: 65px;
        padding: 0;
        display: block;
    }
    .title-menu-footer {
        font-size: 36px;
        max-width: 220px;
        font-weight: 700;
        font-family: 'Work Sans', sans-serif;
        line-height: 38px;
    }
    .recent-posts-title span {
        padding-left: 70px;
    }
    .more-link.more-link-all a {
        margin-top: 70px;
    }
    .block-info-home .inner.first:hover .hovered {
        color: #2e8cc2;
    }
    .block-info-home .inner:hover .hovered {
        color: #d72e00;
    }
    .main-navigation a {
        font-size: 16px;
        letter-spacing: -0.01em;
        padding: 0px 3px 20px;
    }
    #secondary .sidebar-section-2 a {
        padding: 60px 25px 40px;
    }
    #secondary .sidebar-section-2 a {
        padding: 25px 34px;
    }
    #secondary .sidebar-section-3 {
        padding: 34px 34px 20px;
    }
    .block-img-index .inner a:hover:before { opacity: 0.42; }
    .block-img-index  a:hover .title-icon span {
        opacity: 0;
    }
    .block-img-index  a:hover .title-icon .picto {
        width: 145px;
        max-width: 100%;
    }
    .block-img-index a:hover .title-icon {
        top: 32%;
        right: 40%;
    }
    .block-img-index .right-part a:hover  .title-icon {
        top: 32%;
        left: 39%;
    }
}

@media (min-width: 1200px) {
    .page-template-page-restos #primary,
    .page-template-page-activite #primary,
    .page-template-page-anniversaire #primary {
        width: 60%;
    }

    .page-template-page-restos #secondary,
    .page-template-page-activite #secondary,
    .page-template-page-anniversaire #secondary {
        width: 40%;
    }
    .menu-main-menu-container {
        padding-top: 0;
    }

}


@media (min-width:75em) {
    .block-img-index .title-icon {
        top: 77px;
    }
    .block-img-index .title-icon span {
        font-size: 72px;
        margin-top: 0;
    }
    .featured .page-title h1 {
        font-size: 60px;
        padding: 45px 60px 25px;
    }
    #secondary .sidebar-section-1 {
        padding: 60px 40px 40px;
    }

    #secondary.restos-sidebar .sidebar-title,
    #secondary .sidebar-section-1 .sidebar-title {
        font-size: 44px;
    }
}
@media (max-width:47.98em) {
    .menu-menu-reseaux-container {
        position: absolute;
        /*top: 152px;*/
        top: 98px;
        width: 130px;
        left: auto;
        right: 0;
    }
    .menu-menu-reseaux-container li { margin-bottom: 4px; margin-right: 4px; }

    #site-navigation-main .menu-toggle {
        margin-top: -54px;
    }
    .grecaptcha-badge {
        bottom: -100px !important;
    }
}

.site-header .metaslider-wrap .metaslider .flexslider .flex-direction-nav li a {
    top: 60%;
}

@media (min-width:580px) and (max-width:47.98em) {
    .block-btns-header .btn { width: 33.33%; padding: 11px 15px; }
    .menu-menu-reseaux-container { top: 58px; }
}

.site-header .metaslider .flexslider .flex-direction-nav li a,
.slider-block-top .metaslider .flexslider .flex-direction-nav li a {
    background-color: #fff;
    border-radius: 100%;
}
.site-header .metaslider .flexslider .flex-direction-nav li a.flex-prev,
.slider-block-top .metaslider .flexslider .flex-direction-nav li a.flex-prev {
    background-position: 1px 1px;
}
.site-header .metaslider .flexslider .flex-direction-nav li a.flex-next,
.slider-block-top .metaslider .flexslider .flex-direction-nav li a.flex-next {
    background-position: -29px 1px;
}


.block-img-index .title-icon,
.block-img-index .inner a:before,
.block-img-index .title-icon img {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.slider-menu li a:after,
.slider-menu li a img,
.slider-menu li a .info-menu,
.slider-menu li a .menu-image-description-show,
.slider-menu li a .menu-image-title-show {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


.main-navigation .sub-menu>li>a .menu-image-title:before,
.main-navigation .sub-menu>li>a .menu-image-title,
.block-info-home .p3 a,
.menu-menu-reseaux-footer-container a:before,
.menu-menu-reseaux-container a:before,
.sidebar a.btn,
.block-btns-header a,
.widget-news .more-link a,
.block-reservation a .word-reserv,
.block-img-index .title-icon span,
#secondary .sidebar-section-2 a {
    -webkit-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
}
.onglet_checkbox{
    display : none;
}
.onglet_content{
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.onglet_title h3:before {
    content: "+";
    position: absolute;
    right: 53px;
    border-radius: 50%;
    color: #fff;
    background: #333;
    display: inline-block;
    width: 24px;
    height: 25px;
    line-height: 24px;
    padding-right: 1px;
    text-align: center;
}
@media screen and (max-width: 1200px){
    .onglet_title h3:before {
        left: 11px;
        background: none;
        line-height: normal;
    }

}
@media screen and (max-width: 768px){
    body form.wpcf7-form div {
        width: 100%;
        margin: 0%;
    }
}
.onglet_checkbox ~ .onglet_ouvert h3:before {
    content: "-";
    line-height: 22px;
}
.onglet_title h3{
    text-align: left;
}
form.wpcf7-form > div:not(.col-xs-12) {
    width: 48%;
    margin: 1%;
}
form.wpcf7-form div label{
    text-align: left;
}
form.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
}
form.wpcf7-form .local-dispo {
    display: none;
}
form.wpcf7-form div p{
    margin-bottom: 0;
}
form.wpcf7-form div legend{
    text-align: left;
    padding: 0px 3px;
}

form.wpcf7-form div select{
    height: 35px;
    width: 100%;
}
div#devis_group_submit {
    width: 100%;
}
.block-info-home .inner{
    text-align: center;
}
.inner.second .p1:after {
    content: "";
    display: inline-block;
    width: 44px;
    height: 49px;
    background: url(/lons-le-saunier/contenu/themes/wpms-theme/assets/images/logo-footer.png);
    background-size: 44px 49px;
}

#primary .su-tabs {
    background: #052c46;
}

#primary .su-tabs-nav span {
    border: 1px solid #fff;
    border-bottom: none;
    margin-right: 5px;
}

.page:not(.home) #primary .entry-content .su-tabs-nav span:not(.su-tabs-current) {
    color: #fff;
}
.page:not(.home) #primary .entry-content .su-tabs-nav span:not(.su-tabs-current):hover,
.page:not(.home) #primary .entry-content .su-tabs-nav span:not(.su-tabs-current):focus {
    color: var(--ltc);
}

.su-tabs-panes .su-tabs-pane {
    font-size: 17px;
}

.su-tabs-pane .su-column-size-1-4 {
    width: 24%;
}

.su-tabs-pane .su-column-size-1-5 {
    width: 19.2%;
}

.su-tabs-pane .su-column-size-1-3 {
    width: 32.66%;
}

.su-tabs-pane .su-note-inner {
    padding: 0.5em;
}
.su-tabs-pane .su-row,
.su-row.accroche-bulle .su-note {
    margin-bottom: 0;
}

.su-tabs-pane i.sui {
    display: inline-block;
    /*width: 1em;*/
    height: 1em;
    margin: 0 .25em 0 0!important;
    text-align: center;
    line-height: 1em;
}

.su-tabs-pane .su-row .su-column {
    margin: auto;
}

#primary .su-tabs-pane h2 {
    margin-top: 1em;
}

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

    .entry-content .su-tabs-nav span {
        font-size: 17px;
    }
    .su-row.accroche-bulle {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .su-row.accroche-bulle .su-column,
    .su-row.accroche-bulle .su-note,
    .su-row.accroche-bulle .su-column-inner,
    .su-row.accroche-bulle .su-note-inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        flex:1;
        margin: 0;
        justify-content: center;
        text-align: center;
    }

    .su-tabs-pane .su-row .su-column {
        margin: 0 0 0 1%;
    }
}


/* ############################################################################################## */
/* ################### CountDown  #################################################################################### */

.metaslider-wrap { position: relative; }

body .countdown1055-wrap {
    color: #fff; padding-top: 2em;
    position: absolute;
}
body .countdown1055-wrap .wpdevart_countdown {
    padding-bottom: 1em;
}

body .countdown1055-wrap #main_countedown_widget_2 .element_conteiner {
    min-width: auto; margin: 0 0.5%;
}
body .countdown1055-wrap #main_countedown_widget_2 .element_conteiner:last-child { display: none; }

body .countdown1055-wrap .wpdevart_countdown h2.widget-title {
    color: #fff; text-align: center; 
    font-size: 36px; padding-top: 1rem;
    letter-spacing: normal;
    margin-bottom: 0;
    padding-bottom: 1rem;
    position: relative;
    text-shadow: 0 0 4px #000;
}

body .countdown1055-wrap #main_countedown_widget_2 .time_description {
    font-family: 'Work Sans', sans-serif;
    color: #fff; font-weight: 400;
    font-size: 12px; background: #29292b; padding: 0px 3px;
}
body .countdown1055-wrap #main_countedown_widget_2 .time_left {
    font-size: 18px; border-radius: 2px; 
    padding: 5px; color: #fff;
    text-shadow: 0 0 4px rgba(0,0,0,1);
    background: #04436d;
    background: -moz-linear-gradient(45deg, #04436d 0%, #1372b2 100%);
    background: -webkit-linear-gradient(45deg, #04436d 0%,#1372b2 100%);
    background: linear-gradient(45deg, #04436d 0%,#1372b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04436d', endColorstr='#1372b2',GradientType=1 );
    line-height: 1;
}


body .countdown1055-wrap  {
    overflow: hidden;
    position: absolute;
    top: 0%; left: 0%;
    width: 100%; height: 100%;
    z-index: 10;
}


body .countdown1055-wrap .wpdevart_countdown h2.widget-title,
body .countdown1055-wrap #main_countedown_widget_2 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
body .countdown1055-wrap .wpdevart_countdown h2.widget-title {
    border-radius: 3px;
    -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.6);
    box-shadow: 0 0px 6px rgba(0,0,0,0.6);
    position: absolute;
    top: 0%; right: 0%;
    background: #d72e00;
    width: auto; font-size: 12px;
    padding: 0.25rem;
}
body .countdown1055-wrap #main_countedown_widget_2 {
    width: 50%;
    margin-left: auto;
    margin-right: 0;
    opacity: 0.94;
}


body .countdown1055-wrap { padding-top: 0; }

body .countdown1055-wrap .wpdevart_countdown {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    position: absolute;
    width: 100%; height: 100%;
    justify-content: center;
    padding-left: 3%;
    padding-top: 11%;
    padding-right: 3%;
}


@media screen and (min-width: 480px) {
    body.home .countdown1055-wrap .wpdevart_countdown h2.widget-title {
        top: 17%; right: 42%;
        -webkit-transform: rotate(-6.5deg);
        -ms-transform: rotate(-6.5deg);
        -o-transform: rotate(-6.5deg);
        transform: rotate(-6.5deg);
        font-size: 14px; line-height: 1;  padding: 0.25rem 0.5rem;
    }
    body .countdown1055-wrap #main_countedown_widget_2 .time_left { 
        font-size: 25px; padding: 10px; min-width: 56px;
    }
    body .countdown1055-wrap #main_countedown_widget_2 .time_description { 
        padding: 0; font-weight: 600; font-size: 14px;
    }
}

@media screen and (min-width: 768px) {
    body .countdown1055-wrap .wpdevart_countdown h2.widget-title { 
        font-size: 21px; padding: 0.75rem 2rem;
    }

    body .countdown1055-wrap #main_countedown_widget_2 .element_conteiner:last-child { display: inline-block; }

    body .countdown1055-wrap #main_countedown_widget_2 .time_left {
        font-size: 34px; padding: 20px; min-width: 76px;
    }
}

@media screen and (min-width: 992px) {
    body .countdown1055-wrap #main_countedown_widget_2 .time_left { 
        font-size: 42px;
    }
    body .countdown1055-wrap .wpdevart_countdown h2.widget-title {
        font-size: 25px;
    }
    body .countdown1055-wrap #main_countedown_widget_2 .time_description {
        font-size: 18px;
    }
}

@media screen and (min-width: 1160px) {
    body .countdown1055-wrap #main_countedown_widget_2 .time_left { 
        font-size: 62px; border-radius: 5px;
    }
}

@media screen and (min-width: 1340px) {
    body .countdown1055-wrap #main_countedown_widget_2 .time_left { 
        font-size: 74px;
    }
}

@media screen and (min-width: 1480px) {
    body .countdown1055-wrap #main_countedown_widget_2 .time_left { 
        font-size: 98px;
    }
}


/* ############################################################################################## */
/* ################### Ouvrir un 1055  #################################################################################### */

.page-template-page-ouvrir-1055 #primary {
    padding-bottom: 0;
}

.page-template-page-ouvrir-1055 #primary h2 {
    text-transform: uppercase;
    margin-top: 1.5rem;
}
.page-template-page-ouvrir-1055 #primary h3 {
    font-weight: 600;
    position: relative; z-index: 2;
}

.page-template-page-ouvrir-1055 #primary h3.titre-histoire:after {
    content: ''; display: inline-block;
    width: 77px; height: 75px;
    margin-bottom: -35px;
    margin-left: 1rem;
    background: url(assets/images/titre-notre-histoire.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.histoire .histoire_txt {
    padding: 2.5% 7%;
    background-color: #f2f2f2;
}

.histoire .histoire_txt p:last-child {
    margin-bottom: 0;
}

.histoire .histoire_img {
    text-align: center;
}

/*.histoire_famille_container {
    background: url(assets/images/bkg-histoire-de-famille.svg) center center no-repeat;
}
*/
.histoire_famille {
    text-align: center;
    max-width: 1000px;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 7% 0;
}

#primary .histoire_famille h3 {
    padding-top: 3%;
}

.histoire_famille:before,
.histoire_famille:after {
    content: ''; display: inline-block;
    width: 33px; height: 25px;
    background: url(assets/images/quote.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    min-width: 33px;
}
.histoire_famille:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: auto;
}

.histoire_famille > div p {
    padding: 5% 12% 7%;
    text-align: left;
}

.pourquoi_rejoindre {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
    background-color: #F29400;
}
#primary .pourquoi_rejoindre h2 {
    color: #fff;
}

.chiffres_cles {
    background-color: #adadad;
    padding-bottom: 1px;
}

.chiffres_cles > p {
    margin-bottom: 0.5rem;
    margin-top: 0.25rem;
    padding: 0 0.5rem;
}

.key-numbers-container,
.pourquoi_rejoindre .why-join-us-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    justify-content: center;
}
.pourquoi_rejoindre .why-join-us-container .title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 1.125rem;
    min-height: 78px;
}
.pourquoi_rejoindre .why-join-us-container svg {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}
.pourquoi_rejoindre .why-join-us-container div {
    text-align: center;
    padding: 5px 1.2%;
}


.key-numbers-container > div {
    background-color: #5c5c5c;
    font-size: 1.25rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 4% 0;
    flex: auto;
}

.key-numbers-container > div p {
    margin: auto;
    padding: 0px 12.5%;
    line-height: 1.2;
}

.key-numbers-container > div:nth-child(4n+1) {
    background-color: #333333;
}

.key-numbers-container > div:nth-child(4n+2) {
    background-color: #808080;
}

.key-numbers-container > div:nth-child(4n+3) {
    background-color: #adadad;
}
.pourquoi_rejoindre .why-join-us-container div:not(:first-child) {
    border-top: 1px solid #926417;
}

@media screen and (max-width: 47.99em) {
    .page-template-page-ouvrir-1055 .extended-container {
        padding: 0px 15px;
    }
}

@media screen and (min-width: 48em) {
    .histoire_famille:before,
    .histoire_famille:after {
        width: 50px; height: 37px;
        min-width: 50px;
    }
    
    .pourquoi_rejoindre .why-join-us-container div {
        width: 50%;
    }

    .pourquoi_rejoindre .why-join-us-container div:not(:first-child) {
        border-left: 1px solid #926417;
    }
    .pourquoi_rejoindre .why-join-us-container div:nth-child(2) {
        border-top: none!important;
    }
}


@media screen and (min-width: 62em) {
    .page-template-page-ouvrir-1055 #primary h2 {
        font-size: 42px;
        padding-bottom: 2rem;
    }
    .page-template-page-ouvrir-1055 #primary  h3 {
        font-size: 36px;
    }

    .histoire {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .histoire .histoire_txt {
        max-width: 60%;
    }
    .histoire .histoire_img {
        max-width: 45%;
        margin: auto 0 -2% -5%;
    }

    .histoire_famille:before,
    .histoire_famille:after {
        width: 100px; height: 75px;
        min-width: 100px;
    }

    .pourquoi_rejoindre .why-join-us-container div:not(:first-child) {
        border-left: 1px solid #926417;
        border-top: none!important;
    }

    .key-numbers-container {
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .pourquoi_rejoindre .why-join-us-container div,
    .key-numbers-container > div {
        width: 25%;
        min-height: 200px;
    }
}

@media screen and (min-width: 70em) {
    .key-numbers-container > div {
        font-size: 2rem;
    }
}


.chiffres_cles_bis {
    background: #F2F2F2 url(assets/images/bkg-chiffres-cles.jpg) center center no-repeat;
}
#primary .chiffres_cles_bis h2 {
    color: #F29400;
}

.flex-container,
.profils_recherche-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.profils_recherche {
    margin-bottom: 3rem;
}

.profils_recherche-container .flex-container {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.profils_recherche-container .flex-container > div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.profils_recherche-container .flex-container > div p {
    max-width: 330px;
    background-color: #052C46;
    color: #fff;
    padding: 1.5rem 1.25rem;
    margin: auto;
    position: relative;
    font-size: 21px;
}

.profils_recherche-container .flex-container > div p:after {
    content: ''; display: block;
    width: 50%; height: 2px;
    background-color: #052C46;
    position: absolute;
    left: 0; bottom: -4px;
}

.profils_recherche-container .flex-container > div:nth-child(2) > p,
.profils_recherche-container .flex-container > div:nth-child(2) > p:after {
    background-color: #3B7DA8;
}
.profils_recherche-container .flex-container > div:nth-child(3) > p,
.profils_recherche-container .flex-container > div:nth-child(3) > p:after {
    background-color: #0A5C93;
}
.profils_recherche-container .flex-container > div:nth-child(4) > p,
.profils_recherche-container .flex-container > div:nth-child(4) > p:after {
    background-color: #9DBED4;
}
.profils_recherche-container .flex-container > div:nth-child(5) > p,
.profils_recherche-container .flex-container > div:nth-child(5) > p:after {
    background-color: #052C46;
}

.profils_recherche-container,
.profils_recherche_img {
    position: relative;
}

.profils_recherche_img img {
    display: block;
}

.profils_recherche_img:before {
    content: ''; display: block;
    position: absolute;
    top: 10px; bottom: 10px;
    left: 10px; right: 10px;
    border: 1px solid #fff;
}

.profils_recherche-container + p {
    padding-top: 1.5em;
    text-transform: uppercase;
    font-size: 36px;
    text-align: center;
    line-height: 1.2;
}

.accompagnement,
.nos_licencies_temoignent {
    max-width: 1660px;
    margin: auto;
}

.chiffres_cles_bis {
    padding: 2rem 0;
}

.chiffres_cles_bis .key-numbers-container > div {
    background-color: #CDCDCD;
}

.chiffres_cles_bis .key-numbers-container > div p {
    padding: 0px 7.5%;
    font-family: 'Raleway', sans-serif;
}

.chiffres_cles_bis .key-numbers-container > div:nth-child(5n+1) {
    background-color: #333333;
}

.chiffres_cles_bis .key-numbers-container > div:nth-child(5n+2) {
    background-color: #808080;
}

.chiffres_cles_bis .key-numbers-container > div:nth-child(5n+3) {
    background-color: #adadad;
}

.chiffres_cles_bis .key-numbers-container > div:nth-child(5n+4) {
    background-color: #5C5C5C;
}


.chiffres_cles_bis h2:before,
.accompagnement h2:before,
.nos_licencies_temoignent h2:before {
    content: ''; display: inline-block;
    width: 90px; height: 90px; margin-right: 1.5rem;
    background: url(assets/images/titre-chiffres-cles-bis.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.accompagnement h2:before {
    background-image: url(assets/images/titre-accompagnement.svg);
    width: 64px;
}
.nos_licencies_temoignent h2:before {
    background-image: url(assets/images/titre-temoignage.svg);
    width: 67px; height: 60px;
}

.accompagnement {
    padding: 2rem 0;
}

.accompagnement .flex-container > div {
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    padding-bottom: 1.5rem;
    max-width: 320px;
}

.accompagnement .flex-container > div:after {
    content: ''; display: block;
    position: absolute; z-index: 2;
    background: url(assets/images/boule-bowling.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.accompagnement .flex-container > div:not(:last-child):after {
    width: 58px; height: 58px;
    bottom: -25px; right: -25px;
}
.accompagnement .flex-container > div:last-child:after {
    content: ''; display: block;
    position: absolute; z-index: 2;
    background-image: url(assets/images/arrow-accompagnement.svg);
    -webkit-background-size: contain;
    background-size: contain;
    width: 22px; height: 59px;
}

.accompagnement .flex-container > div {
    text-align: center;
}

.accompagnement .flex-container > div svg {
    margin-bottom: 0.75rem;
    max-width: 100%; height: auto;
}

.nos_licencies_temoignent {
    /*background: url(assets/images/bkg-temoignages.svg) center center no-repeat;*/
    border-top: 10px solid #F29400;
    padding: 2rem 0 4rem;
    margin-bottom: 0.75rem;
    width: auto;
    height: auto;
    max-width: 100%;
}

#primary .nos_licencies_temoignent h2 {
    padding-bottom: 3.5rem;
}

#primary .nos_licencies_temoignent h3 {
    padding-bottom: 2rem;
}

.nos_licencies_temoignent h3:before,
.nos_licencies_temoignent .txt_temoignage:after {
    content: ''; display: inline-block;
    width: 33px; height: 25px;
    background: url(assets/images/quote-orange.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    min-width: 33px;
    margin: auto 1.5rem;
}
.nos_licencies_temoignent h3:before {
    float: left;
}
.nos_licencies_temoignent .txt_temoignage:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: auto;
    margin-bottom: 10px;
}

.nos_licencies_temoignent .img_temoignage {
    border-radius: 100%;
    overflow: hidden;
    margin-top: 2%;
    margin-bottom: 2rem;
}
.img_temoignage img {
    display: block;
}

.nos_licencies_temoignent .txt_temoignage {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

@media screen and (max-width: 47.99em) {

    .profils_recherche-container .profils_recherche_img {
       max-width: 420px; margin-bottom: 2rem;
       margin-left: auto; margin-right: auto;
    }
    .profils_recherche-container .flex-container > div {
        margin-bottom: 1rem;
    }
    .profils_recherche-container .flex-container > div:nth-child(2n+1) {
        margin-left: auto; margin-right: 0;
    }

    .accompagnement .flex-container > div:not(:last-child) {
        border-right: 5px solid #052C46;
        /*margin-right: 1rem;*/
        padding-right: 1.5rem;
        padding-left: 0.5rem;
    }

    .accompagnement div.flex-container > div {
        margin: auto;
        width: 100%;
    }

    .accompagnement .flex-container > div:not(:last-child):after {
        width: 29px; height: 28px;
        bottom: 42%; right: -14px;
    }
    .accompagnement .flex-container > div:last-child:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        bottom: auto; top: -20px; right: -10px;
    }

    .chiffres_cles_bis h2:before,
    .accompagnement h2:before,
    .nos_licencies_temoignent h2:before {
        margin-right: 0.5rem;
    }

    .accompagnement h2:before {
        width: 32px; height: 45px;
        margin-right: 0.5rem;
    }

    .profils_recherche-container,
    .accompagnement .flex-container,
    .nos_licencies_temoignent .flex-container .flex-container {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    .nos_licencies_temoignent h2:before {
        width: 33px; height: 30px;
    }

    .nos_licencies_temoignent h3:before,
    .nos_licencies_temoignent .txt_temoignage:after {
        margin: auto .5rem;
    }
}

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

    /* ############################################################################################## */
    /* ################### accompagnement  #################################################################################### */
        
    .accompagnement .flex-container {
        text-align: center;
        max-width: 1580px;
        margin: auto;
        position: relative;
        padding: 3rem 0;
    }

    .accompagnement .flex-container > div {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        min-width: 31%;
        max-width: calc(31% + 5px);
    }
    
    .accompagnement .flex-container > div:not(:last-child):after {
        right: 25px; width: 38.5px; height: 37px;
    }

    .accompagnement .flex-container > div:nth-child(1),
    .accompagnement .flex-container > div:nth-child(2),
    .accompagnement .flex-container > div:nth-child(3),
    .accompagnement .flex-container > div:nth-child(5),
    .accompagnement .flex-container > div:nth-child(6),
    .accompagnement .flex-container > div:nth-child(7),
    .accompagnement .flex-container > div:nth-child(9) {
        border-bottom: 5px solid #052C46;
    }
    .accompagnement .flex-container > div:nth-child(5) {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        -o-order: 4;
        order: 4;
        /*margin-right: calc(1% - 5px);*/
        border-right: 5px solid #052C46;
    }
    .accompagnement .flex-container > div:nth-child(6) {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        -o-order: 3;
        order: 3;
    }
    .accompagnement .flex-container > div:nth-child(7) {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
        margin-left: calc(2% - 5px);
    }
    .accompagnement .flex-container > div:nth-child(5):after,
    .accompagnement .flex-container > div:nth-child(6):after,
    .accompagnement .flex-container > div:nth-child(7):after {
        /*right: auto; left: 25px;*/
    }
    .accompagnement .flex-container > div:nth-child(8),
    .accompagnement .flex-container > div:nth-child(9),
    .accompagnement .flex-container > div:nth-child(10) {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5;
        -o-order: 5;
        order: 5;
    }
    .accompagnement .flex-container > div:nth-child(4) {
        border-right: 5px solid #052C46;
        margin-left: calc(62% + 10px);
        padding-top: 3rem;
    }
    .accompagnement .flex-container > div:nth-child(4):after {
        right: auto; right: -25px; bottom: 25px;
    }
    .accompagnement .flex-container > div:nth-child(8) {
        border-left: 5px solid #052C46;
        border-bottom: 5px solid #052C46;
        padding-top: 7%; max-width: 20%;
        margin-left: calc(2% - 5px);    
    }
    .accompagnement .flex-container > div:nth-child(8):after {
        right: auto; bottom: -14px; left: 14px;
    }
    .accompagnement .flex-container > div:nth-child(9) {
        padding-top: 7%;
        max-width: 30%;
    }
    .accompagnement .flex-container > div:nth-child(10) {
        padding-top: 4%;
    }
    .accompagnement .flex-container > div:nth-child(10) svg {
       position: absolute;
        left: 2rem;
        top: 50%;
    }
    .accompagnement .flex-container > div:last-child:after {
        bottom: -28px; left: 0;
    }
    /* ############################################################################################## */
    /* ############################################################################################## */
}
@media screen and (min-width: 48em) {

    .profils_recherche-container {
        padding-top: 3rem;
    }

    .profils_recherche_img {
        display: block;
        margin: auto;
    }

    .profils_recherche-container .flex-container {
        position: absolute;
        top: 0;
        height: 100%;
    }

    .profils_recherche-container .flex-container > div {
        width: 50%;
    }

    .profils_recherche-container .flex-container > div p {
        font-size: 17px;
    }

    .profils_recherche-container .flex-container > div:nth-child(2) > p,
    .profils_recherche-container .flex-container > div:nth-child(4) > p {
        margin-left: 10%;
    }
    .profils_recherche-container .flex-container > div:nth-child(3) > p,
    .profils_recherche-container .flex-container > div:nth-child(5) > p {
        margin-right: 10%;
    }

    .profils_recherche-container .flex-container > div:nth-child(2) > p {
        margin-top: 5%;
    }

    .profils_recherche-container .flex-container > div:nth-child(3) > p {
        margin-top: 15%;
    }
    .profils_recherche-container .flex-container > div:nth-child(4) > p {
        margin-top: -5%;
    }

    .profils_recherche-container .flex-container > div:first-child {
        width: 100%;
    }

    .profils_recherche-container .flex-container > div:first-child p {
        margin-top: 0;
        margin-right: 28%;
    }

    .accompagnement .flex-container {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .nos_licencies_temoignent .img_temoignage {
        margin-top: auto;
        margin-bottom: auto;
    }

    .nos_licencies_temoignent h3:before,
    .nos_licencies_temoignent .txt_temoignage:after {
        width: 50px; height: 37px;
        min-width: 50px;
    }

    .img_temoignage {
        min-width: 284px;
        margin-right: 2rem;
    }

    .nos_licencies_temoignent .txt_temoignage {
        margin: auto 0;
        padding-bottom: 1.5em;
    }



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

    .profils_recherche-container .flex-container > div p {
        font-size: 21px;
    }

    /* ############################################################################################## */
    /* ################### accompagnement  #################################################################################### */
        
    .accompagnement .flex-container {
        text-align: center;
        max-width: 1580px;
        margin: auto;
        position: relative;
        padding: 3rem 0;
    }

    .accompagnement .flex-container > div {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        min-width: 20%;
        max-width: calc(20% + 5px);
    }

    .accompagnement .flex-container > div:not(:last-child):after {
        right: 25px;
    }

    .accompagnement .flex-container > div:nth-child(1) {
        margin-left: auto;
    }

    .accompagnement .flex-container > div:nth-child(3) {
        margin-right: 20%;
    }

    .accompagnement .flex-container > div:nth-child(1),
    .accompagnement .flex-container > div:nth-child(2),
    .accompagnement .flex-container > div:nth-child(3),
    .accompagnement .flex-container > div:nth-child(5),
    .accompagnement .flex-container > div:nth-child(6),
    .accompagnement .flex-container > div:nth-child(7),
    .accompagnement .flex-container > div:nth-child(9) {
        border-bottom: 5px solid #052C46;
    }
    .accompagnement .flex-container > div:nth-child(5) {
        -webkit-order: 4;
        -moz-order: 4;
        -ms-order: 4;
        -o-order: 4;
        order: 4;
        margin-right: calc(20% - 5px);
        border-right: 5px solid #052C46;
    }
    .accompagnement .flex-container > div:nth-child(6) {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-order: 3;
        -o-order: 3;
        order: 3;
    }
    .accompagnement .flex-container > div:nth-child(7) {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
        margin-left: calc(20% - 5px);
    }
    .accompagnement .flex-container > div:nth-child(5),
    .accompagnement .flex-container > div:nth-child(6),
    .accompagnement .flex-container > div:nth-child(7) {
        margin-top: -100px;
    }
    .accompagnement .flex-container > div:nth-child(5):after,
    .accompagnement .flex-container > div:nth-child(6):after,
    .accompagnement .flex-container > div:nth-child(7):after {
        right: auto; left: 25px;
    }
    .accompagnement .flex-container > div:nth-child(8),
    .accompagnement .flex-container > div:nth-child(9),
    .accompagnement .flex-container > div:nth-child(10) {
        -webkit-order: 5;
        -moz-order: 5;
        -ms-order: 5;
        -o-order: 5;
        order: 5;
    }
    .accompagnement .flex-container > div:nth-child(4) {
        border-left: 5px solid #052C46;
        margin-left: calc(80% - 5px);
    }
    .accompagnement .flex-container > div:nth-child(4):after {
        right: auto; left: -35px; bottom: 25px;
    }
    .accompagnement .flex-container > div:nth-child(8) {
        border-right: 5px solid #052C46;
        padding-top: 3%; max-width: 20%;
    }
    .accompagnement .flex-container > div:nth-child(8):after {
        right: -25px; bottom: 21%;
    }
    .accompagnement .flex-container > div:nth-child(9) {
        padding-top: 7%;
        max-width: 30%;
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .accompagnement .flex-container > div:nth-child(10) {
        padding-top: 4%;
    }
    .accompagnement .flex-container > div:nth-child(10) svg {
       position: absolute;
        left: 2rem;
        top: 50%;
    }
    .accompagnement .flex-container > div:last-child:after {
        bottom: -28px; left: 0;
    }
    /* ############################################################################################## */
    /* ############################################################################################## */

    .img_temoignage {
        min-width: 284px;
    }
    
    .nos_licencies_temoignent h3:before,
    .nos_licencies_temoignent .txt_temoignage:after {
        width: 100px; height: 75px;
        min-width: 100px;
    }

    .chiffres_cles_bis .key-numbers-container {
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .chiffres_cles_bis .key-numbers-container {
        margin: 2.5rem 0;
    }
    .chiffres_cles_bis .key-numbers-container > div {
        width: 33%;
        max-width: 30%;
        font-size: 28px;
        margin-bottom: 2.5rem;
    }
}
@media screen and (min-width: 70em) {
    .accompagnement .flex-container > div {
        font-size: 20px;
    }
}


.page-template-page-ouvrir-1055 .extended-container.open_1055-nav {
    padding: 2rem 1rem;
}
.page-template-page-ouvrir-1055 #primary #main .extended-container.open_1055-nav a {
    color: #ffffff; background: #052c46;
    padding: 1.5rem 2.5rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}
.open_1055-nav.flex-end {
    text-align: right;
}
.open_1055-nav.flex-arround {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.open_1055-nav.flex-arround a:first-child {
    margin-left: 0; margin-right: auto;
}
.open_1055-nav.flex-arround a:last-child {
    margin-right: 0; margin-left: auto;
}

@media screen and (min-width: 48em) {
    .page-template-page-ouvrir-1055 #primary #main .extended-container.open_1055-nav a {
        font-size: 1.5rem;
    }
}
/* ############################################################################################## */
/* ################### Notifications  #################################################################################### */

a.wp-optin-dialog-powered-by { display: none; }

#wonderpush-subscription-switch {
    position: fixed;
    bottom: 14px;
    z-index: 1000;
    right: 34px;
    text-align: center;
    display: none;
} 
#wonderpush-subscription-switch .wp-switch-wrapper {
    display: inline-block;
    max-width: 240px;
    background: white;
    box-shadow: 0 0 12px rgba(0,0,0,0.42);
    padding: 14px;
}
#wonderpush-subscription-switch .wp-switch-wrapper > span {
    display: block; margin-bottom: 7px;
}

i.notif-btn {
    position: fixed;
    bottom: 21px;
    right: 42px;
    font-size: 1.4rem;
    background: #297da2;
    border-radius: 100%;
    width: 42px;
    height: 42px;
    color: white;
    text-align: center;
    line-height: 42px;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.80);
    z-index: 2000;
    cursor: pointer;
}
i.notif-btn:hover {
    background-color: #4abff4;
}


/* ############################################################################################## */
/* ################### Prompt iOS  #################################################################################### */

.prompt_iOS { 
    display: block;
    display: none; 
    position: fixed;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #322313;
    width: 240px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.69);
    box-shadow: 0 0 4px rgba(0,0,0,0.69);
    z-index: 5000;
    padding: 10px;
    font-size: .875rem;
    line-height: 1.4;
}
.prompt_iOS:before {
    content: ''; display: block; width: 20px; height: 20px;
    background-color: #fff; position: absolute;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: -2px 2px 1px rgba(0,0,0,0.21);
    box-shadow: -2px 2px 1px rgba(0,0,0,0.21);
}

body.showPrompt #page:after {
    content: ''; display: block; background-color: rgba(0,0,0,0.42);
    position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10;
}

.prompt_iOS img {
    width: 66px; height: auto;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}

.prompt_iOS p {
    margin-bottom: 0;
    padding-top: 7px;
}
.prompt_iOS p + p {
    clear: both;
    padding-top: 5px;
    margin-bottom: 0;
    line-height: 1.4;
    text-align: center;
}


.prompt_iOS p span:not(.pos-prompt) {
    color: #2494c6; font-weight: bold;
}

body.isIphone .prompt_iOS {
    bottom: 14px; left: 50%; margin-left: -121px;
}

body.isIphone .prompt_iOS:before {
    bottom: -10px; left: 50%; margin-left: -14px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body.isIpad .prompt_iOS {
    top: 14px; right: 13.55%; margin-right: -60px;
}
body.isIpad .prompt_iOS:before {
    top: -10px; right: 50px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
/* ##############################################################################################  */

body.page #primary .entry-content a.popupaoc-button {
    background: #2b81bb;
    color: white;
}

body.page #primary .entry-content a.popupaoc-button:hover,
body.page #primary .entry-content a.popupaoc-button:focus {
    background: var(--ltc);
    color: white;
}

/*.block-btns-header .btn.btn0, .block-btns-header .btn2{
    display: none;
}*/


/* ############################################################################################## */
/* ################### Popup Majorité  #################################################################################### */

#popmake-8495 button.pum-close {
    display: none;
}
#popmake-8495 .pum-title {
    color: #bf2c0b;
    font-weight: 700;
}
#popmake-8495 .pum-content {
    font-size: 1.25rem;
}
#popmake-8495 .pum-content a {
    display: inline-block;
    padding: 0.625rem 1.5rem;
    border-radius: 2px;
    background-color: #cf2e0a;
    color: #fff;
    font-weight: 700;
    transition: all 0.2s;
}
#popmake-8495 .pum-content a:hover,
#popmake-8495 .pum-content a:focus {
    background-color: #b12b0e;
}
#popmake-8495 .pum-content a.majeur-oui {
    background-color: #12b508;
}
#popmake-8495 .pum-content a.majeur-oui:hover,
#popmake-8495 .pum-content a.majeur-oui:focus {
    background-color: #0f8f07;
}

/* ############################################################################################## */
/* ############################################################################################## */
.slider-block-top ,
.banner_2 {
    overflow: hidden;
}
.slider-block-top a,
.banner_2 a {
    background: #052031;
    overflow: hidden;
    display: block;
}

.wp-block-image img {
    height: auto !important;
}

.page-template-front-page-prod #main > div:first-child img, 
.page-template-front-page-prod .metaslider-wrap img,
.home #main > div:first-child img, 
.home .metaslider-wrap img {
    display: block;
    width: 100%;
    transform: scale(1.01);
    position: relative;
/*    margin: -0.15%!important;*/
}


/* ############################################################################################## */
/* ############################################################################################## */

body div.grecaptcha-badge {
    z-index: 99999;
}

#gb-app > svg {
    display: none;
}

.chawgt-tooltip {
    color: #052032;
}

iframe[class*="ZC_sdk__zc-iframe"] {
    margin-bottom: 0;
    z-index: 999 !important;
}

#gb-app .chawgt-channels.chawgt-vertical,
#gb-app  .chawgt-main-button-wrapper,
#gb-app .chawgt-cta {
    margin-bottom: 50px;
}
#gb-app .chawgt-cta {
    transform: scale(0.7);
    transform-origin: right;
}

@media screen and (min-width:48em) {
    iframe[class*="ZC_sdk__zc-iframe"] {
        margin-bottom: 5rem;
        margin-right: 0;
    }

    #gb-app .chawgt-channels.chawgt-vertical,
    #gb-app  .chawgt-main-button-wrapper,
    #gb-app .chawgt-cta {
        margin-right: 80px;
        margin-bottom: 0;
    }
}



/* ####################################################################################################### */
/* ####################################################################################################### */
/* ####################################################################################################### */
/* ######################     Texte défilant        ################################ */
/* ################################################################################################### */

.messagedefilant {
  display: flex;
  align-items: center;
  margin: auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  /*max-width: 640px;*/
  height: clamp(42px,4.2vw,54px);
  background-color: var(--ltc);
  color: #fff;
}
 
.messagedefilant div {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: auto;
    overflow: hidden;
}

.messagedefilant div:before,
.messagedefilant div:after {
    content: ''; display: block;
    position: absolute;
    top: 0;
    width: 2vw;
    height: 100%;
    z-index: 2;
}

.messagedefilant div:before {
    left: 0;
    background: linear-gradient(-90deg,rgba(0,204,255,0) 0%, rgba(0,204,255,1) 100%);
}
.messagedefilant div:after {
    right: 0;
    background: linear-gradient(90deg,rgba(0,204,255,0) 0%, rgba(0,204,255,1) 100%);
}
 
.messagedefilant div span {
  position: relative;
  top:5%; left:0;
  display: inline-block;
  white-space: nowrap;
  font-size: clamp(1.1rem,1.5vw,2rem);
}
 
.messagedefilant div span:first-child {
  animation: defilement 10s infinite linear;
  /*background: #cde; /* pour visualiser */*/
}
 
.messagedefilant div span:last-child {
  position: absolute;
  animation: defilement2 10s infinite linear;
  /*display: none;*/
  /*background: #edc; /* pour visualiser */*/
}
 
@keyframes defilement {
  0% { margin-left: 0; }
  100% { margin-left: -105%; }
}
 
@keyframes defilement2 {
  0% { margin-left: 105%; }
  100% { margin-left: 0%; }
}

@media screen and (min-width: 62em) {
    ./*home .messagedefilant {
        position: absolute;
        bottom: 0;
        left: 0;
    }*/
    .messagedefilant div span:last-child {
        /*display: block;*/
    }
}

/* ################################################################################################### */
/* ####################################################################################################### */
/* ####################################################################################################### */