a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%;}body,body>form,html{height:100%;width: 100%;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item;list-style:outside}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:"";content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}

/**
 * Swiper 4.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 1, 2018
 */

.swiper-container-368 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 100%;
    height: 600px;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container {
    width: 100%;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-link {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

    .swiper-slide img {
        max-width: 100%;
    }

.swiper-slide-invisible-blank {
    visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height;
    }
/* 3D Effects */
.swiper-container-3d {
    perspective: 1200px;
}

    .swiper-container-3d .swiper-wrapper,
    .swiper-container-3d .swiper-slide,
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom,
    .swiper-container-3d .swiper-cube-shadow {
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right,
    .swiper-container-3d .swiper-slide-shadow-top,
    .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: 0;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-header-prev, .swiper-header-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-header-prev {
    background-image: url('/images_b/flecheGauche.svg');
    left: 10px;
    right: auto;
}

.swiper-header-next {
    background-image: url('/images_b/flecheDroite.svg');
    right: 10px;
    left: auto;
}

/*.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}*/

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33);
    }

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

    .swiper-pagination-bullet:only-child {
        visibility: hidden;
    }

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: 200ms transform, 200ms top;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: 200ms transform, 200ms left;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-vertical > .swiper-pagination-progressbar,
    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #ffffff;
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000000;
    }

.swiper-pagination-lock {
    display: none;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > img,
    .swiper-zoom-container > svg,
    .swiper-zoom-container > canvas {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-slide-zoomed {
    cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}
/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-active,
    .swiper-container-cube .swiper-slide-next,
    .swiper-container-cube .swiper-slide-prev,
    .swiper-container-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-slide-shadow-top,
    .swiper-container-cube .swiper-slide-shadow-bottom,
    .swiper-container-cube .swiper-slide-shadow-left,
    .swiper-container-cube .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-flip {
    overflow: visible;
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-flip .swiper-slide-active,
    .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-flip .swiper-slide-shadow-top,
    .swiper-container-flip .swiper-slide-shadow-bottom,
    .swiper-container-flip .swiper-slide-shadow-left,
    .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

/*********** AUTRES CSS **********/

.swiper-background {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

.swiper-text {
    padding: 10px;
    background: #ffffff;
    text-align: justify;
    width: 200px;
    height: auto;
    position: absolute;
    left: 50px;
    top: 50px;
}

@-webkit-keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-progress{to{background-position:25px 0}}@-webkit-keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:subpixel-antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease}.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5764;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{-webkit-animation:plyr-fade-in .3s ease;animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__captions .plyr__caption div{display:inline}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}@media (min-width:768px){.plyr__captions{font-size:18px}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px)}.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;color:#fff}.plyr__control--overlaid{background:rgba(0,179,255,.8);border:0;border-radius:100%;color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#00b3ff}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls .plyr__controls__item.plyr__volume{padding-right:5px}.plyr__controls .plyr__controls__item.plyr__volume:first-child{padding-right:0}.plyr__controls:empty{display:none}.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4a5764;padding:10px}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:20px 5px 5px;position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:35px 10px 10px}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{-webkit-animation:plyr-popup .2s ease;animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5764;display:flex;font-size:14px;padding:4px 11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px}.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(74,87,100,.8);right:5px}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(74,87,100,.8);left:7px}.plyr__menu__container .plyr__control--back::before{background:#c1c9d1;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(0,0,0,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;overflow:hidden;padding-left:25px;pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;color:#00b3ff;display:block;height:19px;margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:2.5px;height:5px;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;-webkit-appearance:none;margin-top:-4px}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;height:5px;-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-moz-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:2.5px;height:5px;-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2);height:13px;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 5px rgba(0,179,255,.5);outline:0}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(255,255,255,.5)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,201,209,.66)}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(35,41,47,.2),0 0 0 3px rgba(0,0,0,.1)}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:14px}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4a5764;font-size:14px;font-weight:500;left:50%;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr__progress{left:6.5px;margin-right:13px;position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-right:-6.5px;width:calc(100% + 13px)}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:14px;left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;left:0;margin-top:-2.5px;padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress__buffer{color:rgba(193,201,209,.66)}.plyr--loading .plyr__progress__buffer{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,41,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,41,47,.6) 50%,rgba(35,41,47,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,201,209,.66)}.plyr__volume{align-items:center;display:flex;flex:1;position:relative}.plyr__volume input[type=range]{margin-left:5px;position:relative;z-index:2}@media (min-width:480px){.plyr__volume{max-width:90px}}@media (min-width:768px){.plyr__volume{max-width:110px}}.plyr--is-ios .plyr__volume{display:none!important}.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative;top:50%;transform:translateY(-50%)}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:rgba(35,41,47,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;left:0;margin:-2.5px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:10px;opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c9d1;border-radius:2px;overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;color:#fff;font-size:14px;padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
    overflow: hidden !important
}

#swipebox-overlay img {
    border: none !important;
    opacity: 1
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    transition: transform .4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer
}

    #swipebox-slider .slide {
        height: 100%;
        width: 100%;
        line-height: 1px;
        text-align: center;
        display: inline-block
    }

        #swipebox-slider .slide:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px
        }

        #swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img {
            display: inline-block;
            max-height: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
            width: auto;
            height: auto;
            vertical-align: middle
        }

        #swipebox-slider .slide .swipebox-video-container {
            background: 0 0;
            max-width: 1140px;
            max-height: 100%;
            width: 100%;
            padding: 5%;
            box-sizing: border-box
        }

            #swipebox-slider .slide .swipebox-video-container .swipebox-video {
                width: 100%;
                height: 0;
                padding-bottom: 56.25%;
                overflow: hidden;
                position: relative
            }

                #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
                    width: 100% !important;
                    height: 100% !important;
                    position: absolute;
                    top: 0;
                    left: 0
                }

    #swipebox-slider .slide-loading {
        background: url(/images_b/imgSwipebox/loader.gif) center center no-repeat
    }

#swipebox-bottom-bar, #swipebox-top-bar {
    position: absolute;
    left: 0;
    z-index: 999;
    width: 100%
}

#swipebox-bottom-bar {
    bottom: 50%
}

#swipebox-title {
    display: block;
    width: 100%;
    text-align: center
}

#swipebox-close, #swipebox-next, #swipebox-prev {
    background-image: url(/images_b/imgSwipebox/icons.png) !important;
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0
}

#swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px
}

#swipebox-prev {
    background-position: -32px 13px;
    float: left;
    margin-left: 15px
}

#swipebox-next {
    background-position: -78px 13px;
    float: right;
    margin-right: 15px
}

#swipebox-close {
    top: 15px;
    right: 30px;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px
}

.swipebox-no-close-button #swipebox-close {
    display: none
}

#swipebox-next.disabled, #swipebox-prev.disabled {
    opacity: .3
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring .3s;
    animation: rightSpring .3s
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring .3s;
    animation: leftSpring .3s
}

.swipebox-touch #swipebox-container:after, .swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    box-shadow: inset 10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    box-shadow: inset -10px 0 10px -8px #656565
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before, .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1
}

@-webkit-keyframes rightSpring {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@keyframes rightSpring {
    0%,100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-webkit-keyframes leftSpring {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@keyframes leftSpring {
    0%,100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@media screen and (min-width:800px) {
    #swipebox-close {
        right: 30px
    }

    #swipebox-arrows {
        width: 92%
    }
}

#swipebox-overlay {
    background: #fff
}

#swipebox-bottom-bar, #swipebox-top-bar {
    background: 0 0;
    opacity: 1
}

#swipebox-top-bar {
    color: #000 !important;
    font-size: 14px;
    padding: 15px 0;
    background: rgba(255,255,255,.8);
    z-index: 999;
    position: absolute;
    bottom: 0
}

.classNumPhoto, .classTitrePhoto {
    width: 150px;
    display: inline-block
}

/*------------- FONT ICONE -------------*/

@font-face {
  font-family: 'boonIco';
  src:  url('/css/fonts/boonIco.eot?k7kshl');
  src:  url('/css/fonts/boonIco.eot?k7kshl#iefix') format('embedded-opentype'),
    url('/css/fonts/boonIco.woff2?k7kshl') format('woff2'),
    url('/css/fonts/boonIco.ttf?k7kshl') format('truetype'),
    url('/css/fonts/boonIco.woff?k7kshl') format('woff'),
    url('/css/fonts/boonIco.svg?k7kshl#boonIco') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'boonIco' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

    [class^="ico-"]:before, [class*=" ico-"]:before
    {
        font-size: 20px;
    }

    [class^="ico-"]:hover:before, [class*=" ico-"]:hover:before
    {
    }

.listingIcon span
{
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    margin-right: 4px;
    margin-bottom: 5px;
    line-height: 40px;
    position: relative;
}

    .listingIcon span em
    {
        font-family: Arial;
        position: absolute;
        left: -60px;
        bottom: 40px;
        width: 120px;
        font-style: normal;
        background: #000;
        line-height: 14px;
        padding: 5px 20px;
        color: #fff;
        display: none;
        border-radius: 10px;
    }

        .listingIcon span em b
        {
            margin: 0 10px;
            display: block;
            line-height: 1px;
            opacity: 0;
        }

    .listingIcon span:hover em
    {
        display: inline-block;
    }

.listingIcon [class^="ico-"]:before, .listingIcon [class*=" ico-"]:before
{
    color: rgba(0, 0, 0, 0.80);
    margin-right: 8px;
}

.listingIcon [class^="ico-"]:hover:before, .listingIcon [class*=" ico-"]:hover:before
{
    font-size: 30px;
    top: -10px;
    cursor: pointer;
    color: rgba(0, 0, 0, 1);
}

.ico-fleche001:before {
  content: "\e900";
}
.ico-fleche002:before {
  content: "\e901";
}
.ico-fleche003:before {
  content: "\e902";
}
.ico-fleche004:before {
  content: "\e903";
}
.ico-fleche005:before {
  content: "\e904";
}
.ico-fleche006:before {
  content: "\e905";
}
.ico-fleche007:before {
  content: "\e906";
}
.ico-fleche008:before {
  content: "\e907";
}
.ico-fleche009:before {
  content: "\e908";
}
.ico-fleche010:before {
  content: "\e909";
}
.ico-fleche011:before {
  content: "\e90a";
}
.ico-fleche012:before {
  content: "\e90b";
}
.ico-fleche013:before {
  content: "\e90c";
}
.ico-fleche014:before {
  content: "\e90d";
}
.ico-fleche015:before {
  content: "\e90e";
}
.ico-fleche016:before {
  content: "\e90f";
}
.ico-fleche017:before {
  content: "\e910";
}
.ico-fleche018:before {
  content: "\e911";
}
.ico-fleche019:before {
  content: "\e912";
}
.ico-fleche020:before {
  content: "\e913";
}
.ico-fleche021:before {
  content: "\e914";
}
.ico-fleche022:before {
  content: "\e915";
}
.ico-fleche023:before {
  content: "\e916";
}
.ico-fleche024:before {
  content: "\e917";
}
.ico-fleche025:before {
  content: "\e918";
}
.ico-fleche026:before {
  content: "\e919";
}
.ico-fleche027:before {
  content: "\e91a";
}
.ico-fleche028:before {
  content: "\e91b";
}
.ico-fleche029:before {
  content: "\e91c";
}
.ico-fleche030:before {
  content: "\e91d";
}
.ico-fleche031:before {
  content: "\e91e";
}
.ico-fleche032:before {
  content: "\e91f";
}
.ico-fleche033:before {
  content: "\e920";
}
.ico-fleche034:before {
  content: "\e921";
}
.ico-fleche035:before {
  content: "\e922";
}
.ico-fleche036:before {
  content: "\e923";
}
.ico-fleche037:before {
  content: "\e924";
}
.ico-fleche038:before {
  content: "\e925";
}
.ico-fleche039:before {
  content: "\e926";
}
.ico-fleche040:before {
  content: "\e927";
}
.ico-fleche041:before {
  content: "\e928";
}
.ico-fleche042:before {
  content: "\e929";
}
.ico-fleche043:before {
  content: "\e92a";
}
.ico-fleche044:before {
  content: "\e92b";
}
.ico-fleche045:before {
  content: "\e92c";
}
.ico-fleche046:before {
  content: "\e92d";
}
.ico-fleche047:before {
  content: "\e92e";
}
.ico-fleche048:before {
  content: "\e92f";
}
.ico-fleche049:before {
  content: "\e930";
}
.ico-fleche050:before {
  content: "\e931";
}
.ico-fleche051:before {
  content: "\e932";
}
.ico-fleche052:before {
  content: "\e933";
}
.ico-fleche053:before {
  content: "\e934";
}
.ico-fleche054:before {
  content: "\e935";
}
.ico-fleche055:before {
  content: "\e936";
}
.ico-fleche056:before {
  content: "\e937";
}
.ico-fleche057:before {
  content: "\e938";
}
.ico-fleche058:before {
  content: "\e939";
}
.ico-fleche059:before {
  content: "\e93a";
}
.ico-fleche060:before {
  content: "\e93b";
}
.ico-fleche061:before {
  content: "\e93c";
}
.ico-fleche062:before {
  content: "\e93d";
}
.ico-fleche063:before {
  content: "\e93e";
}
.ico-fleche064:before {
  content: "\e93f";
}
.ico-fleche065:before {
  content: "\e940";
}
.ico-fleche066:before {
  content: "\e941";
}
.ico-fleche067:before {
  content: "\e942";
}
.ico-fleche068:before {
  content: "\e943";
}
.ico-fleche069:before {
  content: "\e944";
}
.ico-fleche070:before {
  content: "\e945";
}



.ico-boondooa:before {
  content: "\e946";
}
.ico-reseau-android-01:before {
  content: "\e947";
}
.ico-reseau-android-02:before {
  content: "\e948";
}
.ico-reseau-apple-01:before {
  content: "\e949";
}
.ico-reseau-behance-01:before {
  content: "\e94a";
}
.ico-reseau-dropbox-01:before {
  content: "\e94b";
}
.ico-reseau-fb-01:before {
  content: "\e94c";
}
.ico-reseau-fb-02:before {
  content: "\e94d";
}
.ico-reseau-fb-03:before {
  content: "\e94e";
}
.ico-reseau-fb-04:before {
  content: "\e94f";
}
.ico-reseau-feed-01:before {
  content: "\e950";
}
.ico-reseau-feed-02:before {
  content: "\e951";
}
.ico-reseau-feed-03:before {
  content: "\e952";
}
.ico-reseau-flickr-01:before {
  content: "\e953";
}
.ico-reseau-gdrive-01:before {
  content: "\e954";
}
.ico-reseau-google-01:before {
  content: "\e955";
}
.ico-reseau-google-02:before {
  content: "\e956";
}
.ico-reseau-gplus-01:before {
  content: "\e957";
}
.ico-reseau-gplus-02:before {
  content: "\e958";
}
.ico-reseau-gplus-03:before {
  content: "\e959";
}
.ico-reseau-gplus-04:before {
  content: "\e95a";
}
.ico-reseau-insta-01:before {
  content: "\e95b";
}
.ico-reseau-insta-02:before {
  content: "\e95c";
}
.ico-reseau-insta-03:before {
  content: "\e95d";
}
.ico-reseau-lk-01:before {
  content: "\e95e";
}
.ico-reseau-lk-02:before {
  content: "\e95f";
}
.ico-reseau-lk-03:before {
  content: "\e960";
}
.ico-reseau-pin-01:before {
  content: "\e961";
}
.ico-reseau-pin-02:before {
  content: "\e962";
}
.ico-reseau-reddit-01:before {
  content: "\e963";
}
.ico-reseau-reddit-02:before {
  content: "\e964";
}
.ico-reseau-skype-01:before {
  content: "\e965";
}
.ico-reseau-snap-01:before {
  content: "\e966";
}
.ico-reseau-snap-02:before {
  content: "\e967";
}
.ico-reseau-telegram-01:before {
  content: "\e968";
}
.ico-reseau-tumblr-01:before {
  content: "\e969";
}
.ico-reseau-tumblr-02:before {
  content: "\e96a";
}
.ico-reseau-twi-01:before {
  content: "\e96b";
}
.ico-reseau-twi-02:before {
  content: "\e96c";
}
.ico-reseau-twi-03:before {
  content: "\e96d";
}
.ico-reseau-vimeo-01:before {
  content: "\e96e";
}
.ico-reseau-vimeo-02:before {
  content: "\e96f";
}
.ico-reseau-whatsapp-01:before {
  content: "\e970";
}
.ico-reseau-windows-01:before {
  content: "\e971";
}
.ico-reseau-yt-01:before {
  content: "\e972";
}
.ico-reseau-yt-02:before {
  content: "\e973";
}
.ico-reseau-yt-03:before {
  content: "\e974";
}



.ico-math-check-01:before {
  content: "\e978";
}
.ico-math-check-02:before {
  content: "\e979";
}
.ico-math-check-03:before {
  content: "\e97a";
}
.ico-math-check-05:before {
  content: "\e97b";
}
.ico-math-check-06:before {
  content: "\e97c";
}
.ico-math-check-07:before {
  content: "\e97d";
}
.ico-math-check-08:before {
  content: "\e97e";
}
.ico-math-check-09:before {
  content: "\e97f";
}
.ico-math-check-10:before {
  content: "\e980";
}
.ico-math-cross-01:before {
  content: "\e981";
}
.ico-math-cross-02:before {
  content: "\e982";
}
.ico-math-cross-03:before {
  content: "\e983";
}
.ico-math-cross-04:before {
  content: "\e984";
}
.ico-math-cross-05:before {
  content: "\e985";
}
.ico-math-cross-rond-01:before {
  content: "\e986";
}
.ico-math-cross-rond-02:before {
  content: "\e987";
}
.ico-math-cross-rond-03:before {
  content: "\e988";
}
.ico-math-cross-rond-04:before {
  content: "\e989";
}
.ico-math-cross-rond-05:before {
  content: "\e98a";
}
.ico-math-moins-02:before {
  content: "\e98b";
}
.ico-math-moins-03:before {
  content: "\e98c";
}
.ico-math-moins-04:before {
  content: "\e98d";
}
.ico-math-moins-05:before {
  content: "\e98e";
}
.ico-math-moins-06:before {
  content: "\e98f";
}
.ico-math-moins-07:before {
  content: "\e990";
}
.ico-math-moins-rond-01:before {
  content: "\e991";
}
.ico-math-moins-rond-02:before {
  content: "\e992";
}
.ico-math-moins-rond-03:before {
  content: "\e993";
}
.ico-math-moins-rond-04:before {
  content: "\e994";
}
.ico-math-moins-rond-05:before {
  content: "\e995";
}
.ico-math-plus-01:before {
  content: "\e996";
}
.ico-math-plus-02:before {
  content: "\e997";
}
.ico-math-plus-03:before {
  content: "\e998";
}
.ico-math-plus-04:before {
  content: "\e999";
}
.ico-math-plus-05:before {
  content: "\e99a";
}
.ico-math-plus-06:before {
  content: "\e99b";
}
.ico-math-plus-rond-01:before {
  content: "\e99c";
}
.ico-math-plus-rond-02:before {
  content: "\e99d";
}
.ico-math-plus-rond-03:before {
  content: "\e99e";
}
.ico-math-plus-rond-04:before {
  content: "\e99f";
}
.ico-math-plus-rond-05:before {
  content: "\e9a0";
}



.ico-divers-agenda-01:before {
  content: "\e9a1";
}
.ico-divers-agenda-02:before {
  content: "\e9a2";
}
.ico-divers-attention-01:before {
  content: "\e9a3";
}
.ico-divers-attention-02:before {
  content: "\e9a4";
}
.ico-divers-attention-03:before {
  content: "\e9a5";
}
.ico-divers-attention-04:before {
  content: "\e9a6";
}
.ico-divers-bonome-01:before {
  content: "\e9a7";
}
.ico-divers-bonome-02:before {
  content: "\e9a8";
}
.ico-divers-bonome-03:before {
  content: "\e9a9";
}
.ico-divers-bonome-04:before {
  content: "\e9aa";
}
.ico-divers-bonome-05:before {
  content: "\e9ab";
}
.ico-divers-bonome-06:before {
  content: "\e9ac";
}
.ico-divers-box-01:before {
  content: "\e9ad";
}
.ico-divers-box-02:before {
  content: "\e9ae";
}
.ico-divers-box-03:before {
  content: "\e9af";
}
.ico-divers-box-04:before {
  content: "\e9b0";
}
.ico-divers-box-05:before {
  content: "\e9b1";
}
.ico-divers-box-06:before {
  content: "\e9b2";
}
.ico-divers-box-07:before {
  content: "\e9b3";
}
.ico-divers-camera-01:before {
  content: "\e9b4";
}
.ico-divers-camera-02:before {
  content: "\e9b5";
}
.ico-divers-camera-03:before {
  content: "\e9b6";
}
.ico-divers-camera-04:before {
  content: "\e9b7";
}
.ico-divers-camera-06:before {
  content: "\e9b8";
}
.ico-divers-camion-01:before {
  content: "\e9b9";
}
.ico-divers-camion-02:before {
  content: "\e9ba";
}
.ico-divers-camion-03:before {
  content: "\e9bb";
}
.ico-divers-casque-01:before {
  content: "\e9bc";
}
.ico-divers-casque-02:before {
  content: "\e9bd";
}
.ico-divers-cb-01:before {
  content: "\e9be";
}
.ico-divers-cb-02:before {
  content: "\e9bf";
}
.ico-divers-cb-03:before {
  content: "\e9c0";
}
.ico-divers-cb-04:before {
  content: "\e9c1";
}
.ico-divers-charts-01:before {
  content: "\e9c2";
}
.ico-divers-charts-02:before {
  content: "\e9c3";
}
.ico-divers-charts-03:before {
  content: "\e9c4";
}
.ico-divers-charts-04:before {
  content: "\e9c5";
}
.ico-divers-charts-05:before {
  content: "\e9c6";
}
.ico-divers-chat-01:before {
  content: "\e9c7";
}
.ico-divers-chat-02:before {
  content: "\e9c8";
}
.ico-divers-chat-03:before {
  content: "\e9c9";
}
.ico-divers-chat-04:before {
  content: "\e9ca";
}
.ico-divers-chat-05:before {
  content: "\e9cb";
}
.ico-divers-chat-06:before {
  content: "\e9cc";
}
.ico-divers-chat-07:before {
  content: "\e9cd";
}
.ico-divers-chat-08:before {
  content: "\e9ce";
}
.ico-divers-chat-09:before {
  content: "\e9cf";
}
.ico-divers-check-01:before {
  content: "\e9d0";
}
.ico-divers-check-02:before {
  content: "\e9d1";
}
.ico-divers-check-03:before {
  content: "\e9d2";
}
.ico-divers-check-04:before {
  content: "\e9d3";
}
.ico-divers-clip-01:before {
  content: "\e9d4";
}
.ico-divers-cloche-01:before {
  content: "\e9d5";
}
.ico-divers-cloche-02:before {
  content: "\e9d6";
}
.ico-divers-cloche-03:before {
  content: "\e9d7";
}
.ico-divers-cloche-04:before {
  content: "\e9d8";
}
.ico-divers-code-01:before {
  content: "\e9d9";
}
.ico-divers-code-02:before {
  content: "\e9da";
}
.ico-divers-coeur-01:before {
  content: "\e9db";
}
.ico-divers-coeur-02:before {
  content: "\e9dc";
}
.ico-divers-coeur-03:before {
  content: "\e9dd";
}
.ico-divers-coeur-04:before {
  content: "\e9de";
}
.ico-divers-copy-01:before {
  content: "\e9df";
}
.ico-divers-dead-01:before {
  content: "\e9e0";
}
.ico-divers-dl-01:before {
  content: "\e9e1";
}
.ico-divers-dl-02:before {
  content: "\e9e2";
}
.ico-divers-dl-03:before {
  content: "\e9e3";
}
.ico-divers-dl-04:before {
  content: "\e9e4";
}
.ico-divers-eclair-01:before {
  content: "\e9e5";
}
.ico-divers-eclair-02:before {
  content: "\e9e6";
}
.ico-divers-elec-01:before {
  content: "\e9e7";
}
.ico-divers-elec-02:before {
  content: "\e9e8";
}
.ico-divers-elec-03:before {
  content: "\e9e9";
}
.ico-divers-elec-04:before {
  content: "\e9ea";
}
.ico-divers-elec-05:before {
  content: "\e9eb";
}
.ico-divers-expand-01:before {
  content: "\e9ec";
}
.ico-divers-expand-02:before {
  content: "\e9ed";
}
.ico-divers-expand-03:before {
  content: "\e9ee";
}
.ico-divers-expand-04:before {
  content: "\e9ef";
}
.ico-divers-expand-05:before {
  content: "\e9f0";
}
.ico-divers-expand-06:before {
  content: "\e9f1";
}
.ico-divers-eye-01:before {
  content: "\e9f2";
}
.ico-divers-eye-02:before {
  content: "\e9f3";
}
.ico-divers-eye-03:before {
  content: "\e9f4";
}
.ico-divers-eye-04:before {
  content: "\e9f5";
}
.ico-divers-file-01:before {
  content: "\e9f6";
}
.ico-divers-file-02:before {
  content: "\e9f7";
}
.ico-divers-file-03:before {
  content: "\e9f8";
}
.ico-divers-file-04:before {
  content: "\e9f9";
}
.ico-divers-file-05:before {
  content: "\e9fa";
}
.ico-divers-file-06:before {
  content: "\e9fb";
}
.ico-divers-file-07:before {
  content: "\e9fc";
}
.ico-divers-file-08:before {
  content: "\e9fd";
}
.ico-divers-file-09:before {
  content: "\e9fe";
}
.ico-divers-file-10:before {
  content: "\e9ff";
}
.ico-divers-file-11:before {
  content: "\ea00";
}
.ico-divers-file-12:before {
  content: "\ea01";
}
.ico-divers-file-13:before {
  content: "\ea02";
}
.ico-divers-file-add-01:before {
  content: "\ea03";
}
.ico-divers-file-remove-01:before {
  content: "\ea04";
}
.ico-divers-flouz-01:before {
  content: "\ea05";
}
.ico-divers-flouz-02:before {
  content: "\ea06";
}
.ico-divers-flouz-03:before {
  content: "\ea07";
}
.ico-divers-flouz-04:before {
  content: "\ea08";
}
.ico-divers-folder-01:before {
  content: "\ea09";
}
.ico-divers-folder-02:before {
  content: "\ea0a";
}
.ico-divers-folder-03:before {
  content: "\ea0b";
}
.ico-divers-folder-04:before {
  content: "\ea0c";
}
.ico-divers-folder-05:before {
  content: "\ea0d";
}
.ico-divers-folder-06:before {
  content: "\ea0e";
}
.ico-divers-folder-07:before {
  content: "\ea0f";
}
.ico-divers-folder-08:before {
  content: "\ea10";
}
.ico-divers-folder-09:before {
  content: "\ea11";
}
.ico-divers-folder-10:before {
  content: "\ea12";
}
.ico-divers-folder-11:before {
  content: "\ea13";
}
.ico-divers-folder-12:before {
  content: "\ea14";
}
.ico-divers-folder-13:before {
  content: "\ea15";
}
.ico-divers-folder-14:before {
  content: "\ea16";
}
.ico-divers-folder-16:before {
  content: "\ea17";
}
.ico-divers-folder-17:before {
  content: "\ea18";
}
.ico-divers-folder-18:before {
  content: "\ea19";
}
.ico-divers-gift-01:before {
  content: "\ea1a";
}
.ico-divers-gift-02:before {
  content: "\ea1b";
}
.ico-divers-gift-03:before {
  content: "\ea1c";
}
.ico-divers-goutte-01:before {
  content: "\ea1d";
}
.ico-divers-handicap-01:before {
  content: "\ea1e";
}
.ico-divers-home-01:before {
  content: "\ea1f";
}
.ico-divers-home-02:before {
  content: "\ea20";
}
.ico-divers-home-03:before {
  content: "\ea21";
}
.ico-divers-home-04:before {
  content: "\ea22";
}
.ico-divers-image-01:before {
  content: "\ea23";
}
.ico-divers-image-02:before {
  content: "\ea24";
}
.ico-divers-image-03:before {
  content: "\ea25";
}
.ico-divers-image-04:before {
  content: "\ea26";
}
.ico-divers-key-01:before {
  content: "\ea27";
}
.ico-divers-key-02:before {
  content: "\ea28";
}
.ico-divers-lab-01:before {
  content: "\ea29";
}
.ico-divers-link-01:before {
  content: "\ea2a";
}
.ico-divers-link-02:before {
  content: "\ea2b";
}
.ico-divers-lock-01:before {
  content: "\ea2c";
}
.ico-divers-lock-02:before {
  content: "\ea2d";
}
.ico-divers-lock-03:before {
  content: "\ea2e";
}
.ico-divers-lock-04:before {
  content: "\ea2f";
}
.ico-divers-loop-01:before {
  content: "\ea30";
}
.ico-divers-loop-02:before {
  content: "\ea31";
}
.ico-divers-loupe-01:before {
  content: "\ea32";
}
.ico-divers-loupe-02:before {
  content: "\ea33";
}
.ico-divers-loupe-03:before {
  content: "\ea34";
}
.ico-divers-loupe-04:before {
  content: "\ea35";
}
.ico-divers-loupe-05:before {
  content: "\ea36";
}
.ico-divers-mail-01:before {
  content: "\ea37";
}
.ico-divers-mail-02:before {
  content: "\ea38";
}
.ico-divers-mail-03:before {
  content: "\ea39";
}
.ico-divers-mail-04:before {
  content: "\ea3a";
}
.ico-divers-mail-05:before {
  content: "\ea3b";
}
.ico-divers-mail-06:before {
  content: "\ea3c";
}
.ico-divers-map-01:before {
  content: "\ea3d";
}
.ico-divers-map-02:before {
  content: "\ea3e";
}
.ico-divers-menu-01:before {
  content: "\ea3f";
}
.ico-divers-menu-02:before {
  content: "\ea40";
}
.ico-divers-menu-03:before {
  content: "\ea41";
}
.ico-divers-menu-04:before {
  content: "\ea42";
}
.ico-divers-menu-05:before {
  content: "\ea43";
}
.ico-divers-menu-06:before {
  content: "\ea44";
}
.ico-divers-micro-01:before {
  content: "\ea45";
}
.ico-divers-move-01:before {
  content: "\ea46";
}
.ico-divers-move-02:before {
  content: "\ea47";
}
.ico-divers-note-01:before {
  content: "\ea48";
}
.ico-divers-note-02:before {
  content: "\ea49";
}
.ico-divers-note-03:before {
  content: "\ea4a";
}
.ico-divers-nuitjour-01:before {
  content: "\ea4b";
}
.ico-divers-nuitjour-02:before {
  content: "\ea4c";
}
.ico-divers-param-01:before {
  content: "\ea4d";
}
.ico-divers-param-02:before {
  content: "\ea4e";
}
.ico-divers-param-03:before {
  content: "\ea4f";
}
.ico-divers-pdf-01:before {
  content: "\ea50";
}
.ico-divers-pdf-02:before {
  content: "\ea51";
}
.ico-divers-pen-01:before {
  content: "\ea52";
}
.ico-divers-pen-02:before {
  content: "\ea53";
}
.ico-divers-pen-03:before {
  content: "\ea54";
}
.ico-divers-perso-01:before {
  content: "\ea55";
}
.ico-divers-perso-02:before {
  content: "\ea56";
}
.ico-divers-perso-03:before {
  content: "\ea57";
}
.ico-divers-perso-04:before {
  content: "\ea58";
}
.ico-divers-perso-05:before {
  content: "\ea59";
}
/*.ico-divers-perso-06:before {
  content: "\ea5a";
}*/
.ico-divers-perso-07:before {
  content: "\ea5b";
}
.ico-divers-perso-08:before {
  content: "\ea5c";
}
.ico-divers-perso-09:before {
  content: "\ea5d";
}
.ico-divers-perso-add-01:before {
  content: "\ea5e";
}
.ico-divers-perso-add-02:before {
  content: "\ea5f";
}
.ico-divers-perso-add-03:before {
  content: "\ea60";
}
.ico-divers-perso-add-04:before {
  content: "\ea61";
}
.ico-divers-perso-add-05:before {
  content: "\ea62";
}
.ico-divers-perso-remove-01:before {
  content: "\ea63";
}
.ico-divers-perso-remove-02:before {
  content: "\ea64";
}
.ico-divers-perso-remove-03:before {
  content: "\ea65";
}
.ico-divers-perso-remove-04:before {
  content: "\ea66";
}
.ico-divers-perso-remove-05:before {
  content: "\ea67";
}
.ico-divers-pine-01:before {
  content: "\ea68";
}
.ico-divers-pine-02:before {
  content: "\ea69";
}
.ico-divers-pipette-01:before {
  content: "\ea6a";
}
.ico-divers-plume-01:before {
  content: "\ea6b";
}
.ico-divers-pop-in-01:before {
  content: "\ea6c";
}
.ico-divers-pop-out-01:before {
  content: "\ea6d";
}
.ico-divers-poubel-01:before {
  content: "\ea6e";
}
.ico-divers-poubel-02:before {
  content: "\ea6f";
}
.ico-divers-pouce-01:before {
  content: "\ea70";
}
.ico-divers-pouce-02:before {
  content: "\ea71";
}
.ico-divers-pouce-03:before {
  content: "\ea72";
}
.ico-divers-print-01:before {
  content: "\ea73";
}
.ico-divers-print-02:before {
  content: "\ea74";
}
.ico-divers-print-03:before {
  content: "\ea75";
}
.ico-divers-pulse-01:before {
  content: "\ea76";
}
.ico-divers-quote-01:before {
  content: "\ea77";
}
.ico-divers-quote-02:before {
  content: "\ea78";
}
.ico-divers-quote-03:before {
  content: "\ea79";
}
.ico-divers-quote-04:before {
  content: "\ea7a";
}
.ico-divers-quote-05:before {
  content: "\ea7b";
}
.ico-divers-quote-06:before {
  content: "\ea7c";
}
.ico-divers-radio-01:before {
  content: "\ea7d";
}
.ico-divers-radio-02:before {
  content: "\ea7e";
}
.ico-divers-reglage-01:before {
  content: "\ea7f";
}
.ico-divers-reglage-02:before {
  content: "\ea80";
}
.ico-divers-reseau-01:before {
  content: "\ea81";
}
.ico-divers-rocket-01:before {
  content: "\ea82";
}
.ico-divers-rocket-02:before {
  content: "\ea83";
}
.ico-divers-rocket-03:before {
  content: "\ea84";
}
.ico-divers-save-01:before {
  content: "\ea85";
}
.ico-divers-sek-01:before {
  content: "\ea86";
}
.ico-divers-sek-02:before {
  content: "\ea87";
}
.ico-divers-send-01:before {
  content: "\ea88";
}
.ico-divers-send-02:before {
  content: "\ea89";
}
.ico-divers-send-03:before {
  content: "\ea8a";
}
.ico-divers-send-04:before {
  content: "\ea8b";
}
.ico-divers-share-01:before {
  content: "\ea8c";
}
.ico-divers-shield-01:before {
  content: "\ea8d";
}
.ico-divers-shopping-01:before {
  content: "\ea8e";
}
.ico-divers-shopping-02:before {
  content: "\ea8f";
}
.ico-divers-shopping-03:before {
  content: "\ea90";
}
.ico-divers-shopping-04:before {
  content: "\ea91";
}
.ico-divers-shopping-05:before {
  content: "\ea92";
}
.ico-divers-shopping-06:before {
  content: "\ea93";
}
.ico-divers-sort-01:before {
  content: "\ea94";
}
.ico-divers-sort-02:before {
  content: "\ea95";
}
.ico-divers-spin-01:before {
  content: "\ea96";
}
.ico-divers-spin-02:before {
  content: "\ea97";
}
.ico-divers-stack-01:before {
  content: "\ea98";
}
.ico-divers-star-01:before {
  content: "\ea99";
}
.ico-divers-star-02:before {
  content: "\ea9a";
}
.ico-divers-star-03:before {
  content: "\ea9b";
}
.ico-divers-star-04:before {
  content: "\ea9c";
}
.ico-divers-star-05:before {
  content: "\ea9d";
}
.ico-divers-star-06:before {
  content: "\ea9e";
}
.ico-divers-superman-01:before {
  content: "\ea9f";
}
.ico-divers-superman-02:before {
  content: "\eaa0";
}
.ico-divers-switch-01:before {
  content: "\eaa1";
}
.ico-divers-tel-01:before {
  content: "\eaa2";
}
.ico-divers-tel-02:before {
  content: "\eaa3";
}
.ico-divers-tel-03:before {
  content: "\eaa4";
}
.ico-divers-tel-04:before {
  content: "\eaa5";
}
.ico-divers-time-01:before {
  content: "\eaa6";
}
.ico-divers-time-02:before {
  content: "\eaa7";
}
.ico-divers-time-03:before {
  content: "\eaa8";
}
.ico-divers-time-04:before {
  content: "\eaa9";
}
.ico-divers-time-05:before {
  content: "\eaaa";
}
.ico-divers-time-06:before {
  content: "\eaab";
}
.ico-divers-toggle-01:before {
  content: "\eaac";
}
.ico-divers-toggle-02:before {
  content: "\eaad";
}
.ico-divers-toggle-03:before {
  content: "\eaae";
}
.ico-divers-toggle-04:before {
  content: "\eaaf";
}
.ico-divers-transport-01:before {
  content: "\eab0";
}
.ico-divers-transport-02:before {
  content: "\eab1";
}
.ico-divers-transport-03:before {
  content: "\eab2";
}
.ico-divers-transport-04:before {
  content: "\eab3";
}
.ico-divers-transport-05:before {
  content: "\eab4";
}
.ico-divers-transport-06:before {
  content: "\eab5";
}
.ico-divers-transport-07:before {
  content: "\eab6";
}
.ico-divers-transport-08:before {
  content: "\eab7";
}
.ico-divers-transport-09:before {
  content: "\eab8";
}
.ico-divers-transport-10:before {
  content: "\eab9";
}
.ico-divers-transport-11:before {
  content: "\eaba";
}
.ico-divers-ul-01:before {
  content: "\eabb";
}
.ico-divers-ul-02:before {
  content: "\eabc";
}
.ico-divers-ul-03:before {
  content: "\eabd";
}
.ico-divers-ul-04:before {
  content: "\eabe";
}
.ico-divers-usine-01:before {
  content: "\eabf";
}
.ico-divers-want-01:before {
  content: "\eac0";
}
.ico-divers-wifi-01:before {
  content: "\eac1";
}

/*AJOUTS*/

.ico-bounce01:before {
  content: "\e975";
}
.ico-enter01:before {
  content: "\e976";
}
.ico-evil01:before {
  content: "\e977";
}
.ico-info01:before {
  content: "\ea5a";
}
.ico-info02:before {
  content: "\eac2";
}
.ico-trip01:before {
  content: "\eac3";
}
.ico-trip02:before {
  content: "\eac4";
}

/* ------ Organisation du fichier base : ------

    -nav-core: ligne x
    -containers: ligne x
    -controles: ligne x
    -factures: ligne x
    -popup: ligne x
    -menu-secondaire: ligne x

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

/*---------------------------------------*/
/*------------- NAV - BASE --------------*/
/*---------------------------------------*/

header h1:before,
.nav-button:before,
.nav-close:before,
.nav .nav-submenu > a:after,
.nav > ul > .nav-submenu > a:after {
    font-family: "boonIco";
}

.nav {
    position: relative;
    bottom: auto;
    overflow: visible;
}

    .nav ul {
        margin: 0;
        display: block;
        position: relative;
        list-style: none;
    }

    .nav > ul > li {
        display: inline-block;
    }

    .nav li {
        position: relative;
        white-space: nowrap;
        list-style: none;
        margin: 0px;
    }

    .nav a,
    .nav a:hover,
    .nav a:active,
    .nav a:visited {
        display: block;
        position: relative;
        outline: none;
    }

    .nav ul ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 901;
    }

        .nav ul ul ul {
            top: 0px;
            left: 100%;
            z-index: 902;
        }

            .nav ul ul ul ul {
                z-index: 903;
            }

                .nav ul ul ul ul ul {
                    z-index: 904;
                }

        .nav ul ul li.nav-left > ul {
            left: auto;
            right: 95%;
        }

.nav-no-js .nav li:hover > ul {
    display: block;
}

.nav-button {
    display: none;
}

@media (max-width: 980px) {
    .nav-no-js .nav-button:hover + .nav,
    .nav-no-js .nav:hover,
    .nav-no-js .nav-button:hover + .nav + .nav-close,
    .nav-no-js .nav:hover + .nav-close {
        display: block;
    }

    .nav {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 900;
        overflow-x: hidden;
        overflow-y: auto;
        /*right: -17px;*/
        /*width: calc(100% - 17px);*/
        /*overflow-y: scroll !important;*/
    }

        .nav ul {
            padding: 0;
            background: none;
            zoom: 1;
            position: relative;
        }

            .nav ul li {
                margin: 0;
                padding: 0;
                background: none;
                text-align: center;
                display: block;
            }

            .nav ul ul {
                position: relative;
            }

                .nav ul ul ul {
                    top: 100%;
                    left: 0px;
                }

    .nav-lock-scroll {
        position: fixed;
        overflow-y: scroll
    }
}

/*---------------------------------------*/
/*----------------- Grid ----------------*/
/*---------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
    position: relative;
}

.ct .grid_1 {
    width: 60px;
}

.ct .grid_2 {
    width: 140px;
}

.ct .grid_3 {
    width: 220px;
}

.ct .grid_4 {
    width: 300px;
}

.ct .grid_5 {
    width: 380px;
}

.ct .grid_6 {
    width: 460px;
}

.ct .grid_7 {
    width: 540px;
}

.ct .grid_8 {
    width: 620px;
}

.ct .grid_9 {
    width: 700px;
}

.ct .grid_10 {
    width: 780px;
}

.ct .grid_11 {
    width: 860px;
}

.ct .grid_12 {
    width: 940px;
}

/*--------PUSH--------*/

.ct .push_1 {
    left: 80px;
}

.ct .push_2 {
    left: 160px;
}

.ct .push_3 {
    left: 240px;
}

.ct .push_4 {
    left: 320px;
}

.ct .push_5 {
    left: 400px;
}

.ct .push_6 {
    left: 480px;
}

.ct .push_7 {
    left: 560px;
}

.ct .push_8 {
    left: 640px;
}

.ct .push_9 {
    left: 720px;
}

.ct .push_10 {
    left: 800px;
}

.ct .push_11 {
    left: 880px;
}

/*--------PULL--------*/

.ct .pull_1 {
    left: -80px;
}

.ct .pull_2 {
    left: -160px;
}

.ct .pull_3 {
    left: -240px;
}

.ct .pull_4 {
    left: -320px;
}

.ct .pull_5 {
    left: -400px;
}

.ct .pull_6 {
    left: -480px;
}

.ct .pull_7 {
    left: -560px;
}

.ct .pull_8 {
    left: -640px;
}

.ct .pull_9 {
    left: -720px;
}

.ct .pull_10 {
    left: -800px;
}

.ct .pull_11 {
    left: -880px;
}

/*---------------------------------------*/
/*-------------- CONTROLES --------------*/
/*---------------------------------------*/

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.imgCenter {
    position: relative;
}

    .imgCenter img {
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        width: 100%;
        height: 100%;
    }

.ceBackground, .ceBackgroundBasPage, .ceBackgroundCrosslink {
    background: #fff;
}

input, textarea, .inputIco span {
    -webkit-appearance: none;
    min-width: 20px;
}

select {
    min-width: 20px;
}

.inputIco span {
    border: 1px solid #E3E3E3;
    padding: 7px;
}

input[type="number"] {
    -moz-appearance: textfield;
}

select {
    line-height: 1;
    /*border: 0;*/
    padding-left: 8px;
    padding-right: 8px;
}

.formIconMail {
    padding-left: 50px;
    color: #ddd;
    color: #f5f;
}

.inputIco {
    display: inline-flex;
    min-height: 35px;
    margin-bottom: 10px;
}

    .inputIco input,
    .inputIco textarea {
        order: 2;
        margin: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: none;
    }

.btn-ico:before {
    padding-right: 10px;
    font-size: 16px;
    vertical-align: middle;
}

.inputIco span {
    display: flex;
    justify-content: center;
    align-items: center;
    order: 1;
    width: 37px;
    padding: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #bbb;
}

.inputIco input:focus + span,
.inputIco textarea:focus + span {
    border-color: #777;
    color: #777;
}

.inputIco span:before {
    margin: 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #aaa;
    opacity: 0.5;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #aaa;
    opacity: 0.5;
}

input:focus:-moz-placeholder
textarea:focus:-moz-placeholder {
    color: transparent;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #aaa;
    opacity: 0.5;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

input:-ms-input-placeholder
textarea:-ms-input-placeholder {
    color: #aaa;
    opacity: 0.5;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/*---- CHECKBOXES / RADIOS -----*/

input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
    left: -9999px;
    position: absolute;
}

    input[type="checkbox"]:not(:checked) + label,
    input[type="checkbox"]:checked + label {
        cursor: pointer;
        padding-left: 25px;
        position: relative;
    }

        input[type="checkbox"]:not(:checked) + label::after {
            opacity: 0;
            transform: scale(0);
        }

        input[type="checkbox"]:checked + label::after {
            opacity: 1;
            transform: scale(1);
        }

        input[type="checkbox"]:not(:checked) + label::before,
        input[type="checkbox"]:checked + label::before {
            background: #f8f8f8;
            border: 1px solid #aaa;
            content: "";
            height: 17px;
            left: 0;
            position: absolute;
            top: 3px;
            width: 17px;
            margin-top: -4px;
        }

        input[type="checkbox"]:not(:checked) + label::after,
        input[type="checkbox"]:checked + label::after {
            color: #222;
            content: "✔";
            font-size: 14px;
            left: 3px;
            line-height: 1.75;
            position: absolute;
            top: 0;
            transition: all 0.2s ease 0s;
            margin-top: -5px;
        }

input[type="checkbox"]:disabled:not(:checked) + label::before, input[type="checkbox"]:disabled:checked + label::before {
    background-color: #ddd;
    border-color: #bbb;
    box-shadow: none;
}

input[type="checkbox"]:disabled:checked + label::after {
    color: #999;
}

input[type="checkbox"]:disabled + label {
    color: #aaa;
}

.radio {
    padding: 0;
    margin-left: 0;
}

    .radio li {
        display: inline-block;
        background: none;
        padding: 0;
        margin-right: 15px;
    }

input[type="radio"]:checked, input[type="radio"]:not(:checked) {
    display: none;
}

*::before, *::after {
    box-sizing: border-box;
}

input[type="radio"]:checked + label::before, input[type="radio"]:not(:checked) + label::before, input[type="radio"]:checked + label::after, input[type="radio"]:not(:checked) + label::after {
    border-radius: 50%;
}

input[type="radio"]:checked + label::before,
input[type="radio"]:not(:checked) + label::before {
    border: 1px solid #d8d8d8;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    left: -5px;
    position: absolute;
    top: 3px;
    width: 20px;
}

input[type="radio"]:checked + label::after {
    background: #222;
}

input[type="radio"]:checked + label::before, input[type="radio"]:not(:checked) + label::before {
    border: 1px solid #d8d8d8;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    left: -5px;
    position: absolute;
    top: 3px;
    width: 20px;
}

input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
    position: relative;
    margin-right: 15px;
}

    input[type="radio"]:checked + label::after, input[type="radio"]:not(:checked) + label::after {
        border: 3px solid white;
        content: "";
        cursor: pointer;
        display: block;
        height: 18px;
        left: -4px;
        position: absolute;
        top: 4px;
        transition: background-color 0.3s ease 0s;
        width: 18px;
    }

select.list1 {
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    color: #000;
    border: 1px solid #000;
    font-size: 16px;
    background: url('/images_b/dropdownBtn.png') no-repeat right 0 #fff;
    height: 34px;
    padding: 5px 20px 5px 5px;
    cursor: pointer;
}

    select.list1:hover {
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        color: #000;
        border: 1px solid #000;
        font-size: 16px;
        background: url('/images_b/dropdownBtn.png') no-repeat right -34px #fff;
        height: 34px;
        padding: 5px 20px 5px 5px;
        cursor: pointer;
    }

.list1 option {
    border: 0;
    padding: 10px;
}

#panPageNonVisible {
    position: fixed;
    left: 0;
    top: 120px;
    z-index: 99999999;
    display: inline-block;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
}

.pageInvisible {
    padding: 5px 8px;
    background: #fcb8b8;
    color: #cf3232;
    font-size: 11px;
    vertical-align: top;
    display: inline-block;
}

    .pageInvisible span:before {
        font-size: 18px !important;
    }

#panPageNonVisible > span {
    display: inline-block;
    padding: 8px 5px 8px 8px;
}

#panPageNonVisible span:before {
    font-size: 11px;
}

#panBandeauAdministrateurConnecte {
    position: fixed;
    left: 0;
    top: 90px;
    z-index: 99999999;
}

    #panBandeauAdministrateurConnecte a {
        display: inline-block;
        background: #000;
        color: #fff;
        text-decoration: none;
        font-size: 11px;
        text-transform: uppercase;
    }

        #panBandeauAdministrateurConnecte a:hover {
            background: #3d3737;
        }

        #panBandeauAdministrateurConnecte a > span {
            display: inline-block;
            padding: 8px 5px 8px 8px;
        }

        #panBandeauAdministrateurConnecte a span:before {
            font-size: 11px;
        }

.siteMaintenance {
    padding: 5px 8px;
    background: #fcb8b8;
    color: #cf3232;
    font-size: 11px;
}

    .siteMaintenance span:before {
        font-size: 18px !important;
    }

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

/*-------------------------------------*/
/*-------------- MESSAGES -------------*/
/*-------------------------------------*/

.Messages {
    position: fixed;
    top: 25px;
    left: 0;
    width: 100%;
    z-index: 9999999;
    pointer-events: none;
}

.Message {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 850px;
    margin: 10px auto;
    padding: 15px 40px 15px 15px;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0px 4px 7px -4px rgba(0,0,0,0.54);
    background-color: #fff;
    color: #000;
    font-weight: bold;
    font-family: Arial;
    line-height: 17px;
    pointer-events: auto;
    -webkit-animation: message 0.5s ease-out;
            animation: message 0.5s ease-out;
}

    .Message::before {
        margin-right: 15px;
        font-family: "boonIco";
        font-size: 28px;
        font-weight: lighter;
    }

.Message-content {
}

.Message-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 32px;
    text-decoration: none;
    line-height: 0.6;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: 0.2s all ease-out;
}

    .Message-close:hover {
        opacity: 0.5;
    }

.Message--info {
    background: #0082b4;
    color: #ffffff;
}

    .Message--info::before {
        content: "\ea5a";
        font-size: 23px;
        width: 28px;
        text-align: center;
    }

.Message--succes {
    background: #3ea53a;
    color: #ffffff;
}

    .Message--succes::before {
        content: "\e97c";
    }

.Message--alerte {
    background: #ff8d0f;
    color: #ffffff;
}

    .Message--alerte::before {
        content: "\e9a5";
    }

.Message--erreur {
    background: #ce0600;
    color: #ffffff;
}

    .Message--erreur::before {
        content: "\e988";
    }

@-webkit-keyframes message {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes message {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/*---------- Alertes ---------*/

.banniereMessageInterface {
    padding: 20px 0;
    background: #b3face;
    text-align: center;
    font-size: 15px;
    color: #0b980a;
    font-weight: bold;
    position: fixed;
    min-height: 10px;
    width: 100%;
    display: block;
    z-index: 99999999;
    top: -100px;
    left: 0;
    right: 0;
}

    .banniereMessageInterface.error {
        background: #fcb8b8;
        color: #cf3232;
    }

        .banniereMessageInterface.error #fermerMessagesInterface {
            background: url(/images_b/closeMessagesInterfaceErreur.png)no-repeat center center;
            display: inline-block;
            width: 30px;
            height: 60px;
            vertical-align: middle;
            cursor: pointer;
            float: right;
            margin-right: 10px;
            margin-left: 10px;
        }

    .banniereMessageInterface #fermerMessagesInterface {
        background: url(/images_b/closeMessagesInterface.png)no-repeat center center;
        display: inline-block;
        width: 30px;
        height: 28px;
        vertical-align: middle;
        cursor: pointer;
        float: right;
        margin-right: 10px;
        margin-left: 10px;
    }

.ctTxtMessageInterface {
    line-height: 18px;
}

/*-------------------------------------*/
/*------  BANDEAU COOKIES CNIL --------*/
/*-------------------------------------*/

.cookiesBar {
    position: fixed;
    width: 560px;
    box-sizing: border-box;
    text-align: left;
    font-size: 12px;
    line-height: 15px;
    background: #ededed;
    color: rgba(33, 33, 33, 0.80);
    z-index: 9999999999;
    padding: 15px 120px 15px 19px;
    left: 0px;
    bottom: 40px;
}

    .cookiesBar a {
        text-decoration: underline;
        color: rgba(33, 33, 33, 0.80);
    }

        .cookiesBar a:hover {
            text-decoration: none;
        }

    .cookiesBar input[type="submit"] {
        background: #212121;
        color: #fff;
        border: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 90px;
        height: 100%;
        line-height: 100%;
        font-size: 16px;
        letter-spacing: 1px;
        text-align: center;
        padding: 0px;
        cursor: pointer;
        text-transform: uppercase;
        margin-left: 5px;
        transition: 0.4s all ease-out;
    }

        .cookiesBar input[type="submit"]:hover {
            background: #e8e8e8;
        }

/*--------------------------*/
/*----------LOADER----------*/
/*--------------------------*/

.loading {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    left: 0;
    top: 0;
    background: rgba(250, 250, 250, 0.65);
    display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.spinner {
    margin: 0 auto 0;
    width: 70px;
    text-align: center;
    order: 0;
    flex: 0 1 auto;
    align-self: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #2574ab;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1.0);
    }
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

/*-----------------------------*/
/*------  Template CSS --------*/
/*-----------------------------*/

#divFrameAdmin .contenuDroite {
    width: 100%;
}

.blocGauche {
    float: left;
    width: 290px;
    min-height: 1px;
}

.contenuDroite {
    float: right;
    width: 620px;
    min-height: 1px;
}

.blocDroite {
    float: right;
    width: 290px;
    min-height: 1px;
}

.contenuGauche {
    float: left;
    width: 620px;
    min-height: 1px;
}

    .contenuDroite .contenuMixteImageG, .contenuGauche .contenuMixteImageG {
        width: 300px;
        float: left;
        min-height: 1px;
    }

    .contenuDroite .contenuMixteImageD, .contenuGauche .contenuMixteImageD {
        width: 300px;
        float: right;
        min-height: 1px;
    }

    .contenuDroite .contenuMixteTexteG, .contenuGauche .contenuMixteTexteG {
        width: 290px;
        float: left;
        min-height: 1px;
    }

    .contenuDroite .contenuMixteTexteD, .contenuGauche .contenuMixteTexteD {
        width: 290px;
        float: right;
        min-height: 1px;
    }

    .contenuDroite .contenuTexte2ColG, .contenuGauche .contenuTexte2ColG {
        width: 290px;
        float: left;
        min-height: 1px;
    }

    .contenuGauche .contenuTexte2ColD, .contenuDroite .contenuTexte2ColD {
        width: 300px;
        float: right;
        min-height: 1px;
    }

    .contenuGauche .contenuTexte2ColHaut, .contenuDroite .contenuTexte2ColHaut {
        width: 100%;
        min-height: 1px;
        padding-bottom: 20px;
    }

    .contenuDroite .contenuFull, .contenuGauche .contenuFull {
        width: 100%;
    }

    .contenuDroite .contenuFullPhotoSeule, .contenuGauche .contenuFullPhotoSeule {
        width: 100%;
    }

        .contenuDroite .contenuFullPhotoSeule img, .contenuGauche .contenuFullPhotoSeule img {
            width: 100%;
        }

.troisCol .blocGauche {
    width: 180px;
    margin-right: 30px;
}

.troisCol .blocDroite {
    width: 180px;
}

.troisCol .contenuCentre {
    float: left;
    width: 520px;
    min-height: 1px;
}

    .troisCol .contenuCentre img {
        width: 100%;
    }

.contenuCentre .contenuMixteImageG {
    width: 230px;
    float: left;
    min-height: 1px;
}

.contenuCentre .contenuMixteImageD {
    width: 230px;
    float: right;
    min-height: 1px;
}

.contenuCentre .contenuMixteTexteG {
    width: 260px;
    float: left;
    min-height: 1px;
}

.contenuCentre .contenuMixteTexteD {
    width: 260px;
    float: right;
    min-height: 1px;
}

.contenuCentre .contenuTexte2ColG {
    width: 245px;
    float: left;
    min-height: 1px;
}

.contenuCentre .contenuTexte2ColD {
    width: 245px;
    float: right;
    min-height: 1px;
}

.contenuCentre .contenuTexte2ColHaut {
    width: 100%;
    min-height: 1px;
    padding-bottom: 20px;
}

.contenuCentre .contenuFullPhotoSeule {
    width: 100%;
}

.bloc {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.blocNoBorder {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.titreBloc {
    font-weight: bold;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    background: #444;
}

.contenuBloc {
    padding: 8px;
    text-align: justify;
    font-size: 11px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #f5f5f5;
}

.bloc.blocRecherche {
    width: 100%;
}

    .bloc.blocRecherche input[type="text"] {
        width: 72%;
        min-width: 0px;
    }

#panRecherche .btn {
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
}

.blocNewsletter {
    width: 100%;
}

    .blocNewsletter input[type="text"] {
        width: 72%;
        min-width: 0px;
    }

#panInscriptionNewsletter .btn {
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
}

/*----------------------------*/
/*------  Modal Popup --------*/
/*----------------------------*/

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background: #fff;
    padding: 20px;
    max-width: 700px;
    height: auto;
    position: relative;
    z-index: 999990;
    border-radius: 6px;
}

    .modalPopup .popupCtTitre {
        text-align: center;
        font-size: 14px;
    }

    .modalPopup .popupCtContenu {
        margin: 10px 0px 10px 0px;
        text-align: center;
    }

    .modalPopup .popupCtBoutons {
        text-align: center;
    }

        .modalPopup .popupCtBoutons a {
            margin: 0px 5px;
        }

    .modalPopup input[type="text"] {
        min-width: 0;
        width: 90%;
    }

    .modalPopup textarea {
        min-width: 0;
        width: 90%;
    }

    .modalPopup .btnClose {
        text-align: right;
        margin-bottom: 20px;
    }

    .modalPopup .formContact {
        margin-bottom: 10px;
    }

    .modalPopup #containerBootcha {
        margin-top: 0px;
        margin-bottom: 20px;
    }

.popupFermer {
    background: url("/images_b/clear.png") no-repeat;
    height: 29px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 28px;
    cursor: pointer;
}

.lienPopup {
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

    .lienPopup a {
    }

/*--------------------------------*/
/*------  Menu Secondaire --------*/
/*--------------------------------*/
/*-------- PAS TOUCHE ---------*/
.msmc .msdivider {
    display: block;
    font-size: 1px;
    border-width: 0px;
    border-style: solid;
    position: relative;
    z-index: 1;
}

.msmc .msdividery {
    float: left;
    width: 0px;
}

.msmc .mstitle {
    display: block;
    cursor: default;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

.msclear {
    font-size: 1px;
    height: 0px;
    width: 0px;
    clear: left;
    line-height: 0px;
    display: block;
    float: none !important;
}

.msmc {
    position: relative;
    z-index: 10;
}

    .msmc a, .msmc li {
        display: block;
        white-space: nowrap;
        position: relative;
        z-index: 1;
        width: 190px;
    }

    .msmc div a, .msmc ul a, .msmc ul li {
        float: none;
    }

.mssh div a {
    float: left;
}

.msmc div {
    visibility: hidden;
    position: absolute;
}

.msmc .mscbox {
    cursor: default;
    display: inline-block;
    position: relative;
    z-index: 1;
}

    .msmc .mscbox a {
        display: inline;
    }

    .msmc .mscbox div {
        float: none;
        position: static;
        visibility: inherit;
        left: auto;
    }

.msmc li {
    z-index: auto;
}

.msmc ul {
    left: -10000px;
    position: absolute;
    z-index: 10;
}

.msmc, .msmc ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .msmc li a {
        float: none;
    }

    .msmc li:hover > ul {
        left: auto;
    }

#ms0 ul {
    top: 100%;
}

    #ms0 ul li:hover > ul {
        top: 0px;
        left: 100%;
    }

#ms0 {
    border: 0px solid #fff;
    font-size: 12px;
    padding: 0px 0px;
    font-family: Tahoma;
}

    #ms0 a {
        color: #000;
        text-decoration: none;
        text-align: left;
        height: 42px;
        line-height: 42px;
        padding-left: 10px;
    }

ul#ms0 li:hover > a {
    color: #000;
    border-bottom: 0px solid #555;
    height: 42px;
    background: #7e007e url(/images_b/fondRollMenu.png);
}

#ms0 a.menuEnCours {
    background-color: #c9011b;
    color: #fff;
    border-bottom: 0px solid #555;
}

/*---------- Sous menu secondaire --------*/

ul#ms0 ul {
    margin: -42px 0px 0px 200px;
    background-color: #d5c9b1;
    height: auto;
    border: 0px;
    font-size: 11px;
}

    ul#ms0 ul li a:link {
        margin: 0px;
        height: 42px;
        line-height: 42px;
        color: #555;
        border-top: 1px solid #c8bba0;
        border-bottom: 1px solid #e3dacb;
        width: 180px;
    }

    ul#ms0 ul li a:visited {
        margin: 0px;
        height: 42px;
        line-height: 42px;
        color: #555;
        border-top: 1px solid #c8bba0;
        border-bottom: 1px solid #e3dacb;
        width: 180px;
    }

    ul#ms0 ul li a:active {
        margin: 0px;
        height: 42px;
        line-height: 42px;
        color: #555;
        border-top: 1px solid #c8bba0;
        border-bottom: 1px solid #e3dacb;
        width: 180px;
    }

    ul#ms0 ul li a:hover {
        margin: 0px;
        height: 42px;
        line-height: 42px;
        color: #fff;
        border-top: 1px solid #c8bba0;
        border-bottom: 1px solid #e3dacb;
        background-color: #c9011b;
        width: 180px;
    }

#ms0 ul li:hover > a {
    background: #fff;
    color: #ffffff;
    background: url(/images_b/puceMenu.gif) no-repeat 2px 11px #fff;
}

#ms0 li ul li > ul {
    background: red;
    margin: 0;
    background-color: #d5c9b1;
    height: auto;
    border: 0px;
    font-size: 11px;
}

#ms0 .msdividery {
    visibility: hidden;
}

/*-------------------------------*/
/*--------  MODEL BOONET --------*/
/*-------------------------------*/

.contentFlexXcol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    -ms-align-content: stretch;
    align-content: stretch;
    align-items: stretch;
}

.ctModelBoonet {
    margin-bottom: 50px;
    padding-bottom: 50px;
}

    .ctModelBoonet:after {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        right: 0;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.30);
        z-index: -1;
    }

    .ctModelBoonet:last-of-type::after {
        display: none;
    }

.modeleBoonetTitre {
    opacity: 0.7;
    margin-bottom: 30px;
    padding: 0px 10px 0px 0px;
    background-color: #fff;
}

.flexXcol {
    padding: 20px;
    margin: 0 10px 20px 10px;
    border-radius: 7px;
    background: #fff;
    order: 0;
    flex: 1;
    align-self: auto;
    -ms-align-content: stretch;
    align-content: stretch;
    align-items: stretch;
}

.modelPage2 .flexXcol:first-child {
    margin-left: 0;
    flex: 1;
}

.modelPage2 .flexXcol:last-child {
    margin-right: 0;
    max-width: 300px;
}

.modelPage .flexXcol:first-child {
    margin-left: 0;
}

.modelPage .flexXcol:last-child {
    margin-right: 0;
}

.modelPage .flexXcol:nth-child(1) {
    min-width: 220px;
    order: 0;
    margin-right: 10px;
    max-width: 180px;
}

.modelPageTab {
    display: inline-block;
}

.txtPageSupplement {
    margin: 50px auto;
}

.modeleBoonetBtns {
    margin-top: 30px;
    margin-bottom: 50px;
}

    .modeleBoonetBtns a,
    .modeleBoonetBtns .inputOutline {
        margin: 0 20px 20px 20px;
        vertical-align: top;
        display: inline-block;
        cursor: pointer;
    }

.modeleBoonetPagi .paginationListing {
    text-align: left;
}

.modeleAlign {
    display: inline-block;
    margin-right: 100px;
    vertical-align: top;
}

    .modeleAlign .alignMiddle {
        width: 300px;
        height: 100px;
        background-color: #f4f4f4;
    }

    .modeleAlign .alignMiddleIn {
        background-color: #ddd;
        padding: 5px;
    }

.modeleNotifBtns {
}

    .modeleNotifBtns a {
        margin: 0px 10px 0 0;
    }

/*---------Mentions légales--------*/

.ccb493 {
    margin-bottom: 50px !important;
}

.mentionsColLeft {
    width: 400px;
    float: left;
}

    .mentionsColLeft span {
        display: block;
    }

.mentionsColRight {
    width: 250px;
    float: right;
}

    .mentionsColRight a,
    .ccb493 a,
    .ccb175 a {
        text-decoration: underline;
        /*display: block;*/
    }

    .mentionsColRight p {
        text-align: right;
    }

.iframeContenuAdmin .ct {
    max-width: 100%;
}


.iframeContenuAdmin .contenuFullPage .contenuMixteImageG,
.iframeContenuAdmin .contenuFullPage .contenuMixteImageD,
.iframeContenuAdmin .contenuFullPage .contenuMixteTexteG,
.iframeContenuAdmin .contenuFullPage .contenuMixteTexteD,
.iframeContenuAdmin .contenuFullPage .contenuTexte2ColG,
.iframeContenuAdmin .contenuFullPage .contenuTexte2ColD {
    max-width: 50%;
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}
    .select2-results__option[aria-selected] {
        cursor: pointer;
        font-size: 12px;
        text-align: start;
        font-family: 'Roboto', sans-serif;
    }.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(0, 0, 0, 0.40);
    color: white;
    font-size: 12px;
    text-align: start;
    font-family: 'Roboto', sans-serif;
}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/*----------------------------------*/
/*-------- RESEAUX SOCIAUX ---------*/

#flockler-embed-1702eb5e52703e4b9023a02e753ca76f {
}

.flockler-grid-items {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    justify-content: space-between;
}

#flockler-embed-1702eb5e52703e4b9023a02e753ca76f .flockler-grid-item {
    background: #FFF;
    width: 230px;
    box-sizing: border-box;
    display: block;
    vertical-align: top;
    margin: 0px 5px 2% 5px;
    box-shadow: 0px 7px 26px -11px rgba(0,0,0,0.48);
    position: relative;
    max-height: 650px;
    font-size: 16px;
    overflow: hidden;
    max-width: 100%;
    opacity: 1;
    transition: 0.3s;
}

    #flockler-embed-1702eb5e52703e4b9023a02e753ca76f .flockler-grid-item:hover {
        opacity: 0.8;
    }

@media (max-width: 1600px) {

    #flockler-embed-1702eb5e52703e4b9023a02e753ca76f .flockler-grid-item {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 700px) {

    #flockler-embed-1702eb5e52703e4b9023a02e753ca76f .flockler-grid-item {
        margin: 5px;
        width: 150px;
        height: 150px;
    }
}

/*------- FIN RESEAUX SOCIAUX ------*/
/*----------------------------------*/

/*----------------------------*/
/*---------- BLOG ------------*/
/*----------------------------*/

#blog {
    margin-top: 40px;
}

    #blog .ct {
        width: 100%;
    }

        #blog .ct .grid_12 {
            width: 100%;
        }

    #blog p {
        margin: 0px 0px 20px 0;
    }

.blogListingContainerExtrait img,
.blogDetailContainerExtrait img {
    width: 100% !important;
    height: initial !important;
}

.blogDetailContainerExtrait {
    margin-bottom: 20px;
}

.videoFrame {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 50%;
    overflow: hidden;
}

    .videoFrame iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.blogColonneContenu {
    min-height: 1px;
    width: 620px;
    float: left;
}

.blogColonneBlocs {
    min-height: 1px;
    float: right;
    width: 290px;
}

#blog .contenuMixteImageG {
    width: 300px;
    float: left;
    min-height: 1px;
}

#blog .contenuMixteImageD {
    width: 300px;
    float: right;
    min-height: 1px;
}

#blog .contenuMixteTexteG {
    width: 300px;
    float: left;
    min-height: 1px;
}

#blog .contenuMixteTexteD {
    width: 300px;
    float: right;
    min-height: 1px;
}

#blog .contenuTexte2ColG {
    width: 290px;
    float: left;
    min-height: 1px;
}

#blog .contenuTexte2ColD {
    width: 290px;
    float: right;
    min-height: 1px;
}

#blog .contenuFull {
    width: 100%;
}

#blog .contenuFullPhotoSeule {
    width: 100%;
}

    #blog .contenuFullPhotoSeule img {
        width: 100%;
    }

#blog .contenuFullPhotoSlider {
    display: block;
    position: relative;
}

#blog .flottantGauche {
    margin: 0 20px 0 0;
}

#blog .flottantDroite {
    margin: 0 0 0 20px;
}

/*------------------------------------------------------*/
/*--------------------- FILTRE -------------------------*/
/*------------------------------------------------------*/

/*---------- Conteneur filtre actif --------*/
#panFiltre {
    text-transform: uppercase;
    border: 1px solid #ddd;
    padding: 3px 5px;
    margin-bottom: 10px;
    line-height: 20px;
}

    #panFiltre span {
        text-transform: capitalize;
    }

/*---------- Lien anunler filtre actif --------*/
.blogLienAnnulerFiltre {
    background: url(/images_b/filtre-close.png);
    text-transform: initial;
    display: inline-block;
    float: right;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

    .blogLienAnnulerFiltre:hover {
        background-position: bottom;
    }

/*------------------------------------------------------*/
/*------------ PAGE LISTING ARTCILES BLOG ---------------*/
/*------------------------------------------------------*/

/*---------- Conteneur de chaque article dans listing --------*/
.blogListingContainerArticle,
.blogDetailContainerArticle {
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.50);
    padding-bottom: 40px;
}
/*---------- Article mis en avant--------*/
.articleMisEnAvant {
    background: #f8f8f8 url(/images_b/blogMiseAvant.png) no-repeat top right;
    padding: 15px;
}

/*---------- Titre des articles --------*/
.blogListingTitre,
.blogDetailTitre {
    padding: 0;
    margin: 0;
    min-height: initial;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 5px;
}

    .blogListingTitre a,
    .blogDetailTitre a {
        text-decoration: none;
    }

        .blogListingTitre a:hover,
        .blogDetailTitre a:hover {
            text-decoration: underline;
        }

.blogListing-image {
    display: block;
    width: 100%;
    height: 220px;
}

    .blogListing-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

/*---------- Conteneur Auteur / FB / Date --------*/
.blogListingContainerAuteur,
.blogDetailContainerAuteur {
    margin-bottom: 7px;
}

.blogListingAuteur, .blogListingAuteur {
    font-weight: bold;
}

.blogDetailContainerFb {
    float: right;
}

.blogListingDate {
    color: #555;
    font-style: italic;
}

/*---------- Catégories --------*/
.blogListingContainerCategories,
.blogDetailContainerCategories {
    margin: 5px 0 10px 0;
}

    .blogListingContainerCategories a,
    .blogDetailContainerCategories a {
        text-decoration: none;
        display: inline-block;
        margin-right: 10px;
        padding: 2px 6px;
        background: #EEEEEE;
    }

        .blogListingContainerCategories a:hover,
        .blogDetailContainerCategories a:hover {
            color: #fff;
            background: #000;
        }

/*---------- Groupes --------*/
.blogListingContainerGroupes,
.blogDetailContainerGroupes {
    margin: 5px 0 10px 0;
}

    .blogListingContainerGroupes a,
    .blogDetailContainerGroupes a {
        text-decoration: none;
        display: inline-block;
        margin-right: 10px;
        padding: 2px 6px;
        background: #343D47;
        color: #fff;
    }

        .blogListingContainerGroupes a:hover,
        .blogDetailContainerGroupes a:hover {
            background: #636b74;
        }

/*---------- Extrait article dans listing --------*/
.blogListingContainerExtrait,
.blogDetailContainerExtrait {
    text-align: justify;
}

/*---------- Lire la suite --------*/
.blogListingContainerLire {
    text-align: center;
    color: #fff;
    margin: 10px auto 0px auto;
}

/*---------- Tags --------*/
.blogListingContainerTags,
.blogDetailContainerTags {
    text-align: right;
    margin: 10px 0 10px 0;
}

    .blogListingContainerTags a,
    .blogDetailContainerTags a {
        display: inline-block;
        padding: 2px 0px;
        text-decoration: none;
        margin-left: 8px;
        border-top: 1px solid #ccc;
    }

        .blogListingContainerTags a:hover,
        .blogDetailContainerTags a:hover {
            background: #ccc;
        }

/*---------- Commentaires --------*/
.blogListingContainerCommentaires {
    text-align: right;
    margin: 0 0 7px 0;
}

    .blogListingContainerCommentaires a {
        color: #1FC4FA;
        text-decoration: underline;
    }

        .blogListingContainerCommentaires a:hover {
            text-decoration: none;
        }

/*lblTitreArticlesLies*/

/*------------------------------------------------------*/
/*----------------- DETAIL ARTICLE ---------------------*/
/*------------------------------------------------------*/

/*---------- Titre des articles liés --------*/
.blogDetailContainerArticlesLies, 
.blogDetailContainerFichiersLies, 
.blogDetailContainerGalerie {
    margin: 0 0 20px 0;
}

    .blogDetailContainerArticlesLies a, .blogDetailContainerFichiersLies a {
        display: block;
        color: #777;
        text-decoration: none;
        padding: 5px 0px;
        border-bottom: 1px solid #ccc;
    }

        .blogDetailContainerArticlesLies a:hover, .blogDetailContainerFichiersLies a:hover {
            color: #000;
        }

/*----------- Galerie Photos -------------*/

.blogDetailContainerGalerie a {
    width: 140px;
    height: 90px;
    display: inline-block;
    margin:  0 10px 10px 0;
}

    .articleBlogGalerie {
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        height: 100%;
        width: 100%;
    }

/*---------- Commentaires --------*/
.blogDetailContainerCommentaires {
    margin-bottom: 30px;
}

#panAncreAjouterCommentaire {
    float: right;
    font-size: 11px;
}

    #panAncreAjouterCommentaire .ico-math-plus-03:before {
        font-size: 10px;
        margin-right: 10px;
    }

    #panAncreAjouterCommentaire .btn {
        margin: 0;
    }

#blogListingCommentaires {
    clear: both;
    margin: 30px 0;
}

.blogContainerCommentaire {
    border-top: 1px dashed #EEEEEE;
    padding: 15px;
}

.blogCommentaireContainerOutils {
    height: 20px;
    float: none !important;
    text-align: left !important;
}

.blogCommentaireUser {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    margin-right: 7px;
}

.blogCommentaireDate {
    font-style: italic;
    font-size: 10px;
    color: #8B8B8B;
    margin-right: 5px;
}

.blogDetailAjouterCommentaireFormulaire {
    background: #eee;
    padding: 10px;
}

.blogDetailAjouterCommentaireOutils {
    padding: 10px 0;
}

/*encart commentaires clos*/
.blogContainerCommentairesClos {
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px 0;
}

.blogAncreAjouterCommentaire {
    display: inline-block;
    float: right;
}

/*encart connexion pour les commentaires*/
.blogContainerConnexion {
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px 0;
}

    .blogContainerConnexion a {
        padding-left: 5px;
    }

        .blogContainerConnexion a:hover {
            text-decoration: none;
        }

.h3blocBlog {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 0 10px 0px;
    margin: 0 0 10px 0;
    text-decoration: none;
}

.blocBlog a:link, .blocBlog a:visited, .blocBlog a:active {
    text-decoration: none;
    color: #939393;
}

.blocBlog a:hover {
    color: #000;
}

.blocCategories,
.blocPopulaire {
    margin-bottom: 30px;
}

    .blocCategories a,
    .blocPopulaire a {
        display: block;
        color: #777;
        text-decoration: none;
        padding: 5px 0px;
        border-bottom: 1px solid #ccc;
    }

        .blocCategories a:hover,
        .blocPopulaire a:hover {
            color: #000;
        }

.ct-suivant-precedent {
    -js-display: flex;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.article-precedent {
    align-self: flex-start;
}

.article-suivant {
    align-self: flex-end;
}

/*-----------------------------------------------------*/
/*------------------- BOOTIQUE ------------------------*/
/*-----------------------------------------------------*/

/*---------- Familles ---------*/

.btqBlocFamille {
    margin-bottom: 30px;
    vertical-align: top;
    width: 220px;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    position: relative;
}

.btqBlocPhotoFamille {
    width: 220px;
    height: 220px;
}

.btqBlocTitreFamille {
    margin: 8px 0 4px 0;
}

.btqBlocDescFamille {
    line-height: 14px;
    height: 56px;
    overflow: hidden;
}

/*---------- Produits ---------*/

.btqListingProd {
    font-size: 0px;
}

.btqBlocProduit {
    font-size: 12px;
    margin-bottom: 30px;
    vertical-align: top;
    width: 220px;
    display: inline-block;
    padding: 0 10px;
}

.btqBlocPhotoProduit {
    width: 220px;
    height: 220px;
}

    .btqBlocPhotoProduit img {
        max-width: 100%;
    }

.btqBlocTitreProduit {
    margin: 8px 0 4px 0;
}

.btqBlocDescProduit {
    line-height: 14px;
    height: 56px;
    overflow: hidden;
    margin-bottom: 20px;
}

.btqBlocPrixProduit {
    text-align: right;
}

.btq-prix {
    background: #565656;
    color: #fff;
    padding: 5px 8px;
    text-transform: uppercase;
}

.btq-barre {
    background: #fafafa;
    color: #aaa;
    padding: 5px 8px;
    text-decoration: line-through;
}

/*---------- Produits Detail ---------*/

.btq-detailDescription {
    text-align: justify;
}

.btq-detailCtPhotos {
    float: left;
    margin-right: 40px;
    width: 400px;
}

.btq-detailPhotoPrincipale {
    width: 400px;
    height: 400px;
}

.btq-detailCtMiniatures {
    margin-top: 25px;
}

.btq-detailGalerieMini {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.btq-detailCtPrix {
    display: block;
    margin: 30px 0;
    text-align: right;
}

#txtQte {
    min-width: 0px;
    width: 50px;
}

.btq-detailCtAcheter {
    display: block;
    margin: 30px 0;
}

    .btq-detailCtAcheter span {
        margin: 0 10px 0 0;
    }

.btnAcheterCt {
    text-align: right;
}

.btnAcheter {
    display: inline-block !important;
}

.btq-detailRef {
    font-style: italic;
    display: block;
    margin: -5px 0 10px 0;
    text-align: right;
}

/*---------- Commandes ---------*/

.cpt-tabCompteCommandes .btn {
    padding-top: 2px;
    padding-bottom: 3px;
}

.cpt-tabCompteCommandes tr th {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 10px 5px;
}

.cpt-tabCompteCommandes tr td {
    vertical-align: middle;
    padding: 5px;
}

.cpt-ctRecapCommande {
    display: flex;
    flex-wrap: wrap;
}

.commandeUserPanel {
    margin: 0 5px;
    flex: 1;
    vertical-align: top;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}

    .commandeUserPanel:first-child {
        margin-left: 0;
    }

    .commandeUserPanel:last-child {
        margin-right: 0;
    }

    .commandeUserPanel .btn {
        margin-top: 20px;
        margin-left: 0;
    }

.detailCommandeTotal {
    display: inline-block;
    float: right;
    text-align: right;
}

    .detailCommandeTotal div {
        clear: both;
        font-weight: bold;
        margin: 5px 0;
        padding: 5px 10px;
    }

        .detailCommandeTotal div:nth-child(1) {
            background: #ccc;
            margin: 0;
        }

        .detailCommandeTotal div:nth-child(2) {
            background: #565656;
            color: #fff;
            margin: 0;
        }

        .detailCommandeTotal div span:last-child {
            display: inline-block;
            text-align: right;
            width: 70px;
        }

.cpt-ctCommande .cpt-tabCompteCommandes {
    border-bottom: 1px solid #ccc;
}

    .cpt-ctCommande .cpt-tabCompteCommandes tr td:last-child {
        padding-bottom: 15px;
    }

.td-libelle {
    font-weight: bold;
}

/*---------- Panier ---------*/

.btq-tabPanier [class^="ico-"]:before {
    display: inline-block;
    font-size: 23px;
    margin: 1px 3px;
}

.btq-tabPanier [class^="ico-"]:hover:before {
    opacity: 0.5;
}

.btq-tabPanier [class^="ico-"] {
    text-decoration: none;
}

.btq-tabPanier * {
    vertical-align: top;
}

input[type="text"].panierTxtQte {
    min-width: 0 !important;
    width: 30px;
    margin-top: -5px;
}

.btq-tabPanierSsTotal .btq-prix {
    background: none;
    color: #000;
}

.btq-tabPanier {
    width: 100%;
    margin: 0 auto 30px auto;
}

    .btq-tabPanier tr {
        border-bottom: 1px solid #ddd;
        background: #f4f4f4;
    }

        .btq-tabPanier tr:last-child {
            border-bottom: none;
        }

        .btq-tabPanier tr td {
            vertical-align: middle;
            height: 70px;
            padding: 20px 0;
        }

    .btq-tabPanier .btq-tabPanierPhoto {
        padding-left: 20px;
        width: 80px;
    }

    .btq-tabPanier .btq-tabPanierDesignation {
    }

    .btq-tabPanier .btq-tabPanierQte {
        width: 120px;
    }

    .btq-tabPanier .btq-tabPanierSsTotal {
        width: 150px;
        text-align: right;
        padding: 0 30px 0 0;
        vertical-align: middle;
    }

    .btq-tabPanier .btq-tabPanierSupprimer {
        width: 55px;
        padding-right: 20px;
    }

    .btq-tabPanier td input[type="text"] {
        text-align: center;
        background: none;
        font-size: 20px;
    }

.btq-tabPanierSupprimer {
    text-align: right;
}

.btq-tabPanier .btq-barre {
    display: inline-block;
    background: none;
    margin: 0 10px 0 0;
    padding: 2px 0 0 0;
    vertical-align: middle;
}

.btq-tabPanier .btq-prix {
    display: inline-block;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    vertical-align: middle;
}

#panPanier .btn {
    margin-left: 0;
}

.btq-CtPanierVide {
    margin: 30px auto 100px auto;
    padding: 25px;
    font-size: 18px;
    text-align: center;
    width: 400px;
    border-radius: 7px;
    border: 1px solid #ccc;
}

.panierCtTotal {
    width: 100%;
    margin: 0 auto 30px auto;
    text-align: right;
    font-size: 18px;
    color: #000;
}

.btq-panierCtValiderPanier {
    width: 100%;
    margin: 30px auto;
    text-align: right;
}

    .btq-panierCtValiderPanier .btn {
        margin: 0;
    }

/*---------- Recap ---------*/

.btq-recap .btq-tabPanier {
    margin-top: 0;
}

.btq-RecapCtPanier .btq-tabPanier tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.btq-recap h2 {
    display: inline-block;
    font-weight: normal;
}

.btq-RecapCtModifierAdr {
    display: inline-block;
    margin-left: 10px;
}

.btq-RecapCtLivraison {
    margin-bottom: 40px;
    display: flex;
}

.btq-RecapCtAdrLivraison {
    background: #fff;
    padding: 20px;
    width: 40%;
    display: inline-block;
    margin-right: 20px;
    flex: 1;
}

.btq-RecapCtAdrFacturation {
    background: #fff;
    padding: 20px;
    width: 40%;
    display: inline-block;
    flex: 1;
}

.titreRecap {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}

    .titreRecap span:before {
        font-size: 14px;
        color: #bbb;
        margin-right: 8px;
    }

.btq-tabPanier .btn {
    padding: 5px 15px;
    margin-left: 10px;
}

#litAdresseLivraison, #litAdresseFacturation {
    display: block;
    margin-left: 22px;
}

#litAdresseFacturation {
    margin-top: 10px;
}

.recapAdressChk {
    margin-left: 22px;
}

.btq-recap input[type="checkbox"]:not(:checked) + label,
.btq-recap input[type="checkbox"]:checked + label {
    padding-left: 22px;
}

.recap-nom,
.recap-adresse,
.recap-ville,
.recap-ville,
.recap-cp,
.recap-pays {
    display: block;
}

.btq-RecapCtPaiement {
    margin-bottom: 50px;
}

.btq-RecapCtPaiementPrix {
    background: #fff;
    padding: 20px;
    margin: 10px 0;
}

.btq-RecapTotalLignePanier,
.btq-RecapTotalLignePort,
.btq-RecapTotal {
    display: flex;
}

    .btq-RecapTotalLignePanier span:first-child,
    .btq-RecapTotalLignePort span:first-child,
    .btq-RecapTotal span:first-child {
        display: inline-block;
        flex: 1;
    }

.btq-RecapTotalLignePanier {
    font-size: 16px;
    margin-bottom: 10px;
}

.btq-RecapTotalLignePort {
    font-size: 16px;
    margin-bottom: 20px;
}

.btq-RecapTotal {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    font-size: 20px;
    margin-bottom: 10px;
    color: #000;
    text-transform: uppercase;
}

.btq-RecapCtPaiementCgv {
    background: #fff;
    padding: 20px;
    margin: 20px 0 10px 0;
}

.btq-RecapCtPaiementCt {
    margin-bottom: 50px;
    display: flex;
    margin: 10px 0;
}

.btq-RecapCtPaiementCB,
.btq-RecapCtPaiementCheque {
    background: #fff;
    padding: 20px;
    flex: 1;
    margin: 10px 10px;
}

.btq-RecapCtPaiementCB {
    margin-left: 0px;
    margin-right: 0px;
}

.btq-RecapCtPaiementCheque {
    margin-right: 0px;
    margin-left: 20px;
}

.recap-listeCb {
    margin: 20px 0 20px 22px;
}

    .recap-listeCb input {
        margin: 0 5px;
        padding: 3px;
        border-radius: 0;
        border: 1px solid #ddd !important;
    }

        .recap-listeCb input:hover {
            border: 1px solid #777 !important;
        }

        .recap-listeCb input:first-child {
            margin-left: -3px;
        }

.recap-txtCB {
    margin-left: 22px;
    margin-bottom: 10px;
}

.recap-txtCheque {
    margin-left: 22px;
}

    .recap-txtCheque input {
        margin-top: 22px;
        margin-bottom: 20px;
    }

        .recap-txtCheque input:first-child {
            margin-left: 0;
        }

/* code promo */

.panierCtTotal {
    width: 100%;
    margin: 30px auto 0px auto;
    display: flex;
    justify-content: space-between;
}

#dvCodePromo {
    width: 280px;
    text-align: center;
    color: #000;
    font-size: 15px;
}

#lblCodePromo {
    display: block;
    width: 100%;
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 12px;
    letter-spacing: 1px;
}

#dvCodePromo input[type="text"] {
    border: 0px solid #ccc;
    width: 200px;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    padding: 0px 15px;
    background-color: #fff;
    margin-right: -4px;
    border: 1px solid #000;
}

#dvCodePromo input[type="submit"] {
    background-color: #000;
    border: 0px;
    font-size: 14px;
    padding: 0px 15px 0px 10px;
    font-family: Muli-Bold;
    vertical-align: top;
    height: 40px;
    color: #fff;
    line-height: 40px;
}

    #dvCodePromo input[type="submit"]:hover {
        background-color: #ffffff !important;
        color: #000;
        border: 1px solid #000;
    }

.txtWaterMcodePromo {
    color: #000;
}

.totalRow {
    margin-bottom: 10px;
    font-size: 16px;
}

#dvCalcPanier {
    text-align: right;
    width: auto;
    color: #000;
    font-size: 20px;
}

#ctl00_cphPanMilieu_panSousTotal {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#ctl00_cphPanMilieu_panCalculPromo {
}

.classTotalBonPanier {
    border-bottom: 1px dashed #c11e21;
}

.ct-frais-estimatif {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.frais-estim {
    display: inline-block;
    width: 100%;
}

.btq-noir-petit {
    font-size: 12px;
}

.dv-frais-text {
    float: left;
    margin-right: 20px;
}

.dv-frais {
    float: right;
    font-size: 20px;
    max-width: 340px;
}

    .dv-frais .ico-math-cross-01 {
        color: #c11e21;
        text-decoration: none;
    }

.btq-panierReductionTotal {
    position: relative;
}

    .btq-panierReductionTotal .ico-math-cross-01 {
        position: absolute;
        right: -15px;
        top: 3px;
    }

    .btq-panierReductionTotal .info {
        font-size: 11px;
        font-style: italic;
        vertical-align: middle;
    }

.classTotalBonPanierRow {
    padding-bottom: 10px;
}

.classTotalPanier {
    font-size: 25px;
    padding-top: 15px;
}

.btq-panierLibelleTotal {
    margin-right: 30px;
}

.btq-panierTotal {
    padding: 5px 15px;
    font-family: Muli-Bold;
    color: #fff;
    font-size: 22px;
    background-color: #000;
}

.date-picker {
    width: 170px;
    height: 25px;
    padding: 0;
    border: 0;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 2;
}

.date-picker-wrapper {
    position: absolute;
    z-index: 9999;
    border: 1px solid #FFF;
    background-color: #FFF;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    /* font-family: Arial, sans-serif; */
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

.dp-clearfix {
    clear: both;
    height: 0;
    font-size: 0;
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    box-shadow: none;
    display: inline-block;
}

.date-picker-wrapper.single-date {
    width: auto;
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 4px;
}

.date-picker-wrapper.no-topbar {
    padding-top: 12px;
}

.date-picker-wrapper .footer {
    font-size: 11px;
    padding-top: 3px;
}

.date-picker-wrapper b {
    color: #666;
    font-weight: 700;
}

.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline;
}

.date-picker-wrapper .month-name {
    text-transform: uppercase;
}

.date-picker-wrapper .select-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

    .date-picker-wrapper .select-wrapper:hover {
        text-decoration: underline;
    }

.date-picker-wrapper .month-element {
    display: inline-block;
    vertical-align: middle;
}

.date-picker-wrapper .select-wrapper select {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: -1px;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 0.01;
}

.date-picker-wrapper .month-wrapper {
    /* border: 1px solid #bfbfbf; */
    border-radius: 3px;
    background-color: #fff;
    padding: 5px;
    cursor: default;
    position: relative;
    _overflow: hidden;
}

    .date-picker-wrapper .month-wrapper table {
        width: 190px;
        float: left;
    }

        .date-picker-wrapper .month-wrapper table.month2 {
            width: 190px;
            float: left;
        }

        .date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
            vertical-align: middle;
            text-align: center;
            line-height: 14px;
            margin: 0px;
            padding: 0px;
        }

        .date-picker-wrapper .month-wrapper table .day {
            padding: 5px 0;
            line-height: 1;
            font-size: 12px;
            margin-bottom: 1px;
            color: #000;
            cursor: default;
        }

        .date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
            color: #000;
            cursor: default;
        }

        .date-picker-wrapper .month-wrapper table .day.checked {
            background-color: #9cdbf7;
        }

        .date-picker-wrapper .month-wrapper table .week-name {
            height: 20px;
            line-height: 20px;
            font-weight: 100;
            text-transform: uppercase;
        }

        .date-picker-wrapper .month-wrapper table .day.has-tooltip {
            cursor: help !important;
        }

            .date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
                white-space: nowrap;
            }

.date-picker-wrapper .time label {
    white-space: nowrap;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #000;
    cursor: pointer;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #161c32;
    color: #FFF;
}

.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
    display: none;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #ffe684;
}

    .date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
        background-color: #70ccd5;
    }

.date-picker-wrapper table .caption {
    height: 40px;
}

    .date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
        width: 27px;
    }

    .date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
        padding: 0 5px;
        cursor: pointer;
        position:relative;
    }

     .date-picker-wrapper table .caption .prev::after {
        content:'<';

    }
        .date-picker-wrapper table .caption .next::after {
            content: '>';
        }

        .date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
            background-color: #000;
            color: white;
        }

.date-picker-wrapper .gap {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 100%;
    background-color: red;
    font-size: 0;
    line-height: 0;
    float: left;
    top: -5px;
    margin: 0 10px -10px;
    visibility: hidden;
    height: 0;
}

    .date-picker-wrapper .gap .gap-lines {
        height: 100%;
        overflow: hidden;
    }

    .date-picker-wrapper .gap .gap-line {
        height: 15px;
        width: 15px;
        position: relative;
    }

        .date-picker-wrapper .gap .gap-line .gap-1 {
            z-index: 1;
            height: 0;
            border-left: 8px solid white;
            border-top: 8px solid #eee;
            border-bottom: 8px solid #eee;
        }

        .date-picker-wrapper .gap .gap-line .gap-2 {
            position: absolute;
            right: 0;
            top: 0px;
            z-index: 2;
            height: 0;
            border-left: 8px solid transparent;
            border-top: 8px solid white;
        }

        .date-picker-wrapper .gap .gap-line .gap-3 {
            position: absolute;
            right: 0;
            top: 8px;
            z-index: 2;
            height: 0;
            border-left: 8px solid transparent;
            border-bottom: 8px solid white;
        }

    .date-picker-wrapper .gap .gap-top-mask {
        width: 6px;
        height: 1px;
        position: absolute;
        top: -1px;
        left: 1px;
        background-color: #000;
        z-index: 3;
    }

    .date-picker-wrapper .gap .gap-bottom-mask {
        width: 6px;
        height: 1px;
        position: absolute;
        bottom: -1px;
        left: 7px;
        background-color: #000;
        z-index: 3;
    }

.date-picker-wrapper .selected-days {
    display: none;
}

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0;
    display: none;
}

    .date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top {
        display: none;
    }

    .date-picker-wrapper .drp_top-bar .default-top {
        display: block;
    }

    .date-picker-wrapper .drp_top-bar.error .default-top {
        display: none;
    }

    .date-picker-wrapper .drp_top-bar.error .error-top {
        display: block;
        color: red;
    }

    .date-picker-wrapper .drp_top-bar.normal .default-top {
        display: none;
    }

    .date-picker-wrapper .drp_top-bar.normal .normal-top {
        display: block;
    }

        .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
            color: #000;
        }

    .date-picker-wrapper .drp_top-bar .apply-btn {
        position: absolute;
        right: 0px;
        top: 6px;
        padding: 3px 5px;
        margin: 0;
        font-size: 12px;
        border-radius: 4px;
        cursor: pointer;
        color: #000;
        border: solid 1px #0076a3;
        background: #0095cd;
        background: -moz-linear-gradient(top, #00adee, #0078a5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
        color: white;
        line-height: initial;
    }

        .date-picker-wrapper .drp_top-bar .apply-btn.disabled {
            cursor: pointer;
            color: #000;
            border: solid 1px #b7b7b7;
            background: #fff;
            background: -moz-linear-gradient(top, #fff, #ededed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
        }

.date-picker-wrapper .time {
    position: relative;
}

.date-picker-wrapper.single-month .time {
    display: block;
}

.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px;
}

.date-picker-wrapper .time1 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}

/*time styling*/
.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center;
}

.date-picker-wrapper .time1 {
    float: left;
}

.date-picker-wrapper .time2 {
    float: right;
}

.date-picker-wrapper .hour {
    text-align: right;
}

.minute {
    text-align: right;
}

.date-picker-wrapper .hide {
    display: none;
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
    background-color: #161c32 !important;
    color: white !important;
}

.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: none;
    background-color: yellow;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}

    .date-picker-wrapper .date-range-length-tip:after {
        content: '';
        position: absolute;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid yellow;
        left: 50%;
        margin-left: -4px;
        bottom: -4px;
    }

.date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none;
}

.date-picker-wrapper .week-number {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #000;
    cursor: pointer;
}

    .date-picker-wrapper .week-number.week-number-selected {
        color: #49e;
        font-weight: bold;
    }

    .invalid {
        background-color: #d90d154d;
        color: #FFF !important;
        -webkit-text-decoration: line-through #FFF;
                text-decoration: line-through #FFF;
    }

.nav {
    padding: 0px;
    display: block;
}

    .nav ul {
        text-align: left;
        padding-left: 0;
    }

    .nav ul li {
        position: relative;
    }

    .nav > ul > li {
        margin-bottom: 40px;
        display: block;
    }

        .nav a {
            text-decoration: none;
            padding: 0px;
            font: var(--font-bold);
            font-size: 35px;
            line-height: 42px;
            color: #040506;
            opacity: 0.5;
            display: inline-block !important;
            letter-spacing: 1px;
            transition: 0.2s all ease-out;
        }

            .nav a:hover {
                opacity: 1;
            }

            


        .nav ul ul li {
            display: inline-block;
        }

        .nav ul ul a {
            font-size: 18px;
            font-weight: 500;
            line-height: 29px;
            margin-right: 25px;
            letter-spacing: 0px;
            position: relative;
        }

            .nav ul ul li:after {
                position: absolute;
                content: "";
                display: block;
                background-color: #040506;
                opacity: 0.3;
                right: 10px;
                width: 4px;
                height: 4px;
                top: 12px;
                border-radius: 50%;
            }

            .nav ul ul li:last-of-type:after {
                display: none;
            }


/*---------- Menu si Burger Activé ---------*/

.navBurgerBtn {
    position: absolute;
    cursor: pointer;
    height: 28px;
    width: 100px;
    display: block;
    left: 60px;
    top: 95px;
    z-index: 25000;
}

    .navBurgerBtn > span {
        display: block;
        position: absolute;
        height: 4px;
        width: 40px;
        background: #fff;
        opacity: 1;
        transform: rotate(0deg);
        transition: 0.3s all ease-out;
        margin-right: auto;
        margin-left: auto;
        left: 0px;
    }

        .navBurgerBtn > span:nth-child(1) {
            top: 0px;
        }

        .navBurgerBtn > span:nth-child(2) {
            top: 12px;
        }

        .navBurgerBtn > span:nth-child(3) {
            top: 24px;
        }

    .navBurgerBtn.open > span:nth-child(1) {
        top: 12px;
        transform: rotate(135deg);
    }

    .navBurgerBtn.open > span:nth-child(3) {
        top: 12px;
        transform: rotate(-135deg);
    }

    .navBurgerBtn.open > span:nth-child(2) {
        opacity: 0;
        transform: scale(0);
    }

    .navBurgerBtn > div {
        line-height: 28px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 13px;
        font-family: Roboto;
        font-weight: 300;
        color: #fff;
        letter-spacing: 1px;
        transition: 0.3s all ease-out;
    }

.navBurger {
    position: fixed;
    top: 0px;
    left: 0;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    background-color: #eeeeee;
    padding: 180px 190px;
    transition: 0.8s all cubic-bezier(.79,.34,.23,.97);
    transform: translateY(-100%);
    z-index: 8888;
    overflow:hidden;
}

    .navBurger:after {
        content:"";
        display: block;
        opacity: 0.1;
        z-index: 300;
        position: absolute;
        bottom: -140px;
        right: 90px;
        width: 550px;
        height: 550px;
        background-image: url(/images_b/logoThibon.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .navBurgerOpen {
        transform: translateX(0%);
    }

.navBurger > ul > li {
    display: block;
}

.navBurger ul ul {
    position: relative;
}

    .navBurger ul ul ul {
        left: 0%;
    }

@media (min-width: 981px) {

    .nav ul ul {
        display: flex !important;
        height: auto !important;
        flex-wrap: wrap;
    }
    
    .nav-submenu > a:hover {
        opacity: 0.5;
    }

}

@media only screen and (max-width: 980px) {
    body {
        padding-top: 45px;
    }

    .nav-button {
        display: block;
        position: fixed;
        top: 0;
        width: 100%;
        height: 45px;
        line-height: 45px;
        overflow: hidden;
        z-index: 9000;
        cursor: pointer;
        text-align: left;
        font-size: 20px;
        background-color: #fff;
        color: #242424;
        text-decoration: none;
        outline: none !important;
    }

        .nav-button > span {
            display: block;
            position: absolute;
            height: 3px;
            width: 30px;
            background: #242424;
            opacity: 1;
            left: 0;
            transform: rotate(0deg);
            transition: 0.3s all ease-out;
            margin-right: auto;
            margin-left: auto;
            left: 15px;
        }

            .nav-button > span:nth-child(1) {
                top: 14px;
            }

            .nav-button > span:nth-child(2) {
                top: 21px;
            }

            .nav-button > span:nth-child(3) {
                top: 28px;
            }

        .nav-button.open > span:nth-child(1) {
            top: 21px;
            transform: rotate(135deg);
        }

        .nav-button.open > span:nth-child(3) {
            top: 21px;
            transform: rotate(-135deg);
        }

        .nav-button.open > span:nth-child(2) {
            opacity: 0;
            transform: scale(0);
        }

     
        .navBurger {
            top:0px;
            height: auto;
            background-color: rgba(239, 239, 239, 0.00);
            padding: 0px;
            transform: none;
            transition: none;
        }

            .navBurgerOpen {
                transform: none;
            }
}

@font-face {
    font-family: 'thibonFont';
    src: url('/css/fonts/thibonFont.eot?htwn1j');
    src: url('/css/fonts/thibonFont.eot?htwn1j#iefix') format('embedded-opentype'), url('/css/fonts/thibonFont.woff2?htwn1j') format('woff2'), url('/css/fonts/thibonFont.ttf?htwn1j') format('truetype'), url('/css/fonts/thibonFont.woff?htwn1j') format('woff'), url('/css/fonts/thibonFont.svg?htwn1j#thibonFont') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/*------------------------------------------*/
/*----------------- GENERAL ----------------*/
/*------------------------------------------*/

/*variables*/
:root {
    --col-white: #fff;
    --col-dark: #000;
    --col-main: #b5ab90;
    --col-hover: #9d9272;
    --col-texte: rgba(4, 5, 6, 0.80);
    --base-font-size: 13px;
    --base-line-height: 18px;
    --font-regular: 400 var(--base-font-size) 'Roboto', sans-serif;
    --font-medium: 500 var(--base-font-size) 'Roboto', sans-serif;
    --font-bold: 700 var(--base-font-size) 'Roboto', sans-serif;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    /*font: var(--font-regular);
    line-height: var(--base-line-height);*/
    color: var(--col-texte);
    font-weight: 400;
    margin: 0px;
    padding-top: 45px;
    background: #fff;
    overflow-x: hidden;
    width: 100%;
}


iframe body {
    padding-top: 0px !important;
}

.ct {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1400px;
}

.ct-petit {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1100px;
}

.conteneurContenuBloc {
    margin-bottom: 80px;
}

    .conteneurContenuBloc .btn {
        max-width: 565px;
    }
    /*
.conteneurContenuBloc ~ footer {
    margin-top: -65px;
}
*/


    /*    .conteneurContenuBloc.ccb590 + .ccb592{
        margin-top: -1px;
    }
*/
    .conteneurContenuBloc.ccb592 h2 {
        padding-top: 50px;
        margin-bottom: 40px;
    }

.hdn {
    display: none !important;
}

.resizeIframe {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .resizeIframe iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }
/*------- Couleur du loader et des selecteur -------*/


.divFondGeneral {
    margin-bottom: 0;
}

/*.body_1205 .divFondGeneral + .backGray{
    margin-top: -65px;
}*/

::-moz-selection {
    background: var(--col-main);
    color: #fff;
}

::selection {
    background: var(--col-main);
    color: #fff;
}

.spinner > div {
    background-color: var(--col-main);
}

/*----------------- TEXTES ----------------*/

.messageConfirmationLesGets {
    font-weight: 700;
}

img.pictoConfirmation {
    width: 60px;
    margin-top: 60px;
    margin-bottom: 20px;
}

h1,
.h1 {
    font: var(--font-bold);
    font-size: 35px;
    line-height: 40px;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 1px;
}

.bandeauSlider-desc h1 {
    color: #fff;
}

h1 span {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
    text-transform: uppercase;
}

h2,
.h2 {
    font: var(--font-medium);
    font-size: 22px;
    line-height: 26px;
    color: #000;
    text-align: left;
    margin-bottom: 25px;
    letter-spacing: 0.5px;
}

    h2 span,
    .h2 span {
        color: #8a8d8f;
        font-size: 22px;
        font-weight: 500;
        display: block;
        margin-bottom: 5px;
        line-height: 25px;
    }

.titreLogo:before {
    display: block;
    content: "";
    background-image: url(/images_b/logoThibonTexteNoir.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 75px;
    height: 90px;
    margin: 0 auto 20px auto;
}

h3,
.h3 {
    font: var(--font-bold);
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
    text-align: left;
}

.doubleTitre h2 {
    margin-bottom: 6px;
}

.doubleTitre h3 {
    font: var(--font-bold);
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 400;
}

a {
    color: #000;
    /*text-decoration: none;*/
}

    a:hover {
        text-decoration: none;
    }

p {
    font: var(--font-regular);
    line-height: var(--base-line-height);
    color: var(--col-texte);
    text-align: justify;
}

img {
    border: 0px;
}

ul {
    margin: 0px 0 20px 20px;
    list-style: none;
    text-align: justify;
}

li {
    list-style-type: disc;
    font: var(--font-regular);
    line-height: var(--base-line-height);
    color: var(--col-texte);
    text-align: justify;
}

ul ul {
    margin: 0px 0 10px 0;
    list-style: none;
    text-align: justify;
}

    ul ul li {
        margin-left: 20px;
        list-style-type: circle;
    }

.ulOrder li {
    list-style-type: decimal;
}

/*---------- Boutons ---------*/

.btn {
    font: var(--font-regular);
    line-height: 20px;
    z-index: 200;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 25px;
    border: none;
    background-color: var(--col-main);
    text-decoration: none;
    letter-spacing: 1px;
    margin-top: 25px;
    cursor: pointer;
}

.btnSingle .btn, .btnSingle.texteDouble .contenuTexte2ColHaut {
    margin-top: 0;
    margin-bottom: 0;
}


.btn:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--col-hover);
    transform-origin: center top;
    transform: scaleY(0);
    transition: transform 0.25s ease-in-out;
}

.btn:hover:before {
    transform-origin: center bottom;
    transform: scaleY(1);
}

.btnFleche {
    padding-right: 45px;
}

    .btnFleche:after {
        position: absolute;
        content: "\e928";
        font-family: boonIco;
        line-height: 50px;
        top: 0;
        right: 15px;
        font-size: 17px;
    }

.btnLine {
    font: var(--font-regular);
    color: #8a8d8f;
    text-transform: uppercase;
    line-height: 35px;
    z-index: 200;
    position: relative;
    display: inline-block;
    border: none;
    text-decoration: none;
    letter-spacing: 1px;
    margin-top: 25px;
    cursor: pointer;
}

    .btnLine:before {
        content: '';
        position: absolute;
        height: 1px;
        bottom: 0px;
        left: 0;
        right: 0;
        background-color: #8a8d8f;
        transform-origin: bottom left;
        transform: scaleX(1);
        transition: transform 0.3s ease-in-out;
    }

    .btnLine:hover:before {
        transform: scaleX(0);
        transform-origin: bottom right;
    }

/*---------- CLASSES PERSO ---------*/

.important {
    font-weight: bold;
}

.couleur {
    color: var(--col-main);
}

.legende {
    font-style: italic;
}

.retourBtn {
    text-align: left;
    margin: 0px 0 50px 0px;
}

    .retourBtn .btnFleche {
        margin-top: 0px;
        padding-right: 25px;
        padding-left: 45px;
    }

        .retourBtn .btnFleche:after {
            position: absolute;
            content: "\e92a";
            font-family: boonIco;
            line-height: 50px;
            top: 0;
            right: unset;
            left: 15px;
            font-size: 17px;
        }

.flottant {
    float: right;
    margin: 0 0 15px 30px;
}

.alignMiddle {
    position: relative;
    display: block;
}

.alignMiddleIn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
}

.nomargin {
    margin-bottom: 0px !important;
}

.nopadding {
    padding-bottom: 0px !important;
}

.smallmargin {
    margin-bottom: 40px;
}


.divBlancPadding {
    margin-top: 40px;
}


/*-----------------------------------------*/
/*----------------- HEADER ----------------*/
/*-----------------------------------------*/
.headTop {
    background-color: #1d1d1b;
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
}

.headTop-span {
    color: #fff;
    font-size: 15px;
    line-height: 40px;
}

header:not(.ldg-header) {
    width: 100%;
    height: 45px;
    box-sizing: border-box;
    padding: 0px 0px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.2s all ease-out;
    background-color: #fff;
    z-index: 10000;
    box-shadow: 0px 3px 14px -4px rgba(0,0,0,0.12);
}

.headerLogo {
    height: 33px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 7px;
    opacity: 0;
    transition: 0.3s all ease-out;
}

    .headerLogo img {
        height: 100%;
    }

.headerRight {
    position: absolute;
    right: 0;
    top: 0;
}

    .headerRight .btn {
        display: inline-block;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        vertical-align: top;
        line-height: 45px;
        margin-right: 5px;
        margin-top: 0;
    }

.btnCompte {
    width: 45px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-right: 5px;
    transition: 0.2s all ease-out;
}

    .btnCompte:before {
        content: "\ea55";
        font-family: boonIco;
        font-size: 16px;
        color: #000
    }

    .btnCompte:hover {
        opacity: 0.4;
    }

#languesCt {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 0px;
    position: relative;
    /*display: none!important;*/
}

    #languesCt:before {
        height: 9px;
        width: 1px;
        background-color: #000;
        left: 50%;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        display: block;
        position: absolute;
    }

.langues a {
    font: var(--font-medium);
    text-decoration: none;
    padding: 0px 9px;
    line-height: 45px;
    text-transform: uppercase;
    display: inline-block;
    opacity: 0.4;
    letter-spacing: 1px;
    transition: 0.2s all ease-out;
}

    .langues a:hover {
        opacity: 1;
    }

.langueActive {
    opacity: 1 !important;
}

.menuIsOpen {
    overflow: hidden;
}

.scrl .headerLogo {
    opacity: 1;
}

.scrl .navBurgerBtn {
    position: fixed;
    top: 9px;
    left: 60px;
}

    .scrl .navBurgerBtn > div,
    .menuIsOpen .navBurgerBtn > div {
        color: #00000e;
    }

    .scrl .navBurgerBtn > span,
    .menuIsOpen .navBurgerBtn > span {
        background-color: #00000e;
    }

    .scrl .navBurgerBtn > span {
        height: 3px;
    }

        .scrl .navBurgerBtn > span:nth-child(1) {
            top: 3px;
        }

        .scrl .navBurgerBtn > span:nth-child(3) {
            top: 21px;
        }

    .scrl .navBurgerBtn.open > span:nth-child(1),
    .scrl .navBurgerBtn.open > span:nth-child(3) {
        top: 12px;
    }

/*-------------------------------------------------------*/
/*-------------- BANDEAU SLIDER -------------------------*/
/*-------------------------------------------------------*/

.swiper-scrollbar {
    display: none !important;
}

.bandeauSliderHome {
    margin-bottom: 105px;
}

    .bandeauSliderHome .swiper-container {
        height: calc(100vh - 45px);
    }

.bandeauSlider-titre {
    position: absolute;
    top: calc(50% + 80px); /* placer au center plus 60px*/
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999;
}

    .bandeauSlider-titre h1 {
        color: white;
    }

.bandeauSliderMaster .swiper-container {
    height: 550px;
}

.bandeauSlider {
    position: relative;
    z-index: 0;
}

.bandeauSliderMaster .swiper-pagination, .bandeauSliderHome .swiper-pagination {
    display: none;
}

/*    .bandeauSlider:after {
        visibility: hidden;
        content: "";
        position: absolute;
        top: 15px;
        right: 5px;
        background-image: url(../images_b/logoNTBlanc.svg);
        opacity: 0.3;
        width: 184px;
        height: 150px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        z-index: 1049;
    }*/

.bandeauSlider-logo {
    position: absolute;
    z-index: 1049;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
}

    .bandeauSlider-logo img {
        width: 100%;
    }

.bandeauSliderHome {
    position: relative;
}

    .bandeauSliderHome #ucSliderHome_panSlider {
        position: relative;
    }

    .bandeauSliderHome .bandeauSlider-logo {
        top: 80px;
        width: 380px;
    }

    .bandeauSliderHome .bandeauSlider-desc {
        margin-top: -158px;
    }


.bandeauSlider .swiper-slide:before {
    opacity: 0.3;
    z-index: 8050;
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
}

.body_1209 .bandeauSlider-desc {
    z-index: 8100;
    position: absolute;
    top: 275px;
    left: 50%;
    width: 890px;
    transform: translateX(-50%);
}


.bandeauSlider-desc h1 {
    margin-bottom: 60px;
}

.bandeauSlider-resa {
    width: 100%;
}

.bandeauSliderHome .bandeauSlider-resa {
    height: auto;
}

.recherche-plusCt {
    background: white;
}

/*Pas de slider*/

.noslide .bandeauSlider-logo,
.noslide .bandeauSlider-desc {
    display: none;
}

.noslide .headerLogo {
    opacity: 1;
}

.noslide .navBurgerBtn > div {
    color: #00000e;
}

.noslide .navBurgerBtn > span {
    background-color: #00000e;
}

.noslide .fullpage {
    padding-top: 50px;
}

.recherche-ct {
    width: 1200px;
    margin-right: auto;
    position: relative;
    z-index: 8200;
    margin-top: -58px;
    margin-bottom: 100px;
    margin-left: auto;
    background: var(--white);
}

.body_1200 .recherche-ct {
    margin-top: -58px;
}

.recherche-top {
    display: flex;
    flex-direction: row;
}

    .recherche-top span,
    .recherche-top a {
        font: var(--font-bold);
        width: 50%;
        line-height: 18px;
        display: block;
        font-size: 15px;
        text-decoration: none;
        text-transform: uppercase;
        padding: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .recherche-top span {
        background-color: #fff;
        color: #000;
    }

    .recherche-top a {
        background-color: rgba(0, 0, 0, 0.40);
        color: #fff;
        cursor: pointer;
        transition: 0.2s all ease-out;
    }

        .recherche-top a:hover {
            background-color: rgba(181, 171, 144, 0.40);
        }


.ct-critere {
    height: 35px;
    line-height: 35px;
}

    .ct-critere,
    .ct-critere.formulaire {
        min-width: 120px;
    }

.recherche-bien {
    background-color: #fff;
    width: 100%;
    min-height: 100px;
    box-sizing: border-box;
    padding: 10px 40px 20px 40px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

    .recherche-bien .btn {
        margin-left: auto;
        /*margin-right: 10px;*/
    }

    .recherche-bien .ct-critere {
        margin-right: 20px;
        padding: 0;
        width: 150px;
    }

    .recherche-bien > * {
        margin-top: 10px;
    }


    .recherche-bien.recherche-criteres {
        justify-content: center;
        padding: 10px;
    }

@media screen and (max-width: 1150px) {
    .recherche-bien.recherche-criteres {
        justify-content: flex-start;
    }
}

.recherche-criteres .dv-criteres {
    margin: 5px 10px;
}

/*.recherche-bien .ct-critere {
    flex-grow:1;
    flex-shrink:0;
    width: auto;
}*/


.ct-ref > div {
    position: relative;
}

.ct-ref.formulaire label {
    top: 0;
}

.ct-dropdown {
    position: relative;
}

    .ct-dropdown .select2-container .select2-selection--single {
        font: var(--font-regular);
        line-height: 35px;
        border-radius: 0px;
        border: 0;
        text-transform: uppercase;
        color: rgba(0, 0, 14, 0.70);
        letter-spacing: 0.5px;
        position: relative;
    }

        .ct-dropdown .select2-container .select2-selection--single:focus {
            outline: none !important;
        }

        .ct-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
            padding-left: 0px;
            line-height: 35px;
            padding-right: 20px;
        }

    .ct-dropdown .select2-selection__clear {
        display: none !important;
    }

    .ct-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 35px;
        line-height: 35px;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 20px;
        line-height: 35px;
        text-align: center;
    }

        .ct-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow:before {
            content: "\e929";
            font-family: boonIco;
            font-size: 16px;
            color: rgba(0, 0, 14, 1);
        }

    .ct-dropdown.ct-calendar .select2-container--default .select2-selection--single .select2-selection__arrow:before {
        display: none;
    }

    .ct-dropdown .select2-container--open .select2-selection--single .select2-selection__arrow:before {
        content: "\e92b";
    }

    .ct-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none !important;
    }

.ct-calendar {
    width: 140px;
    position: relative;
    cursor: pointer;
}

    .ct-calendar:after {
        position: absolute;
        font-family: boonIco;
        pointer-events: none;
        content: "\e9a2";
        line-height: 25px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        color: #000;
    }

    .ct-calendar input[type="text"] {
        font: var(--font-regular);
        line-height: 35px;
        height: 35px;
        border-radius: 0px;
        border: 0;
        text-transform: uppercase;
        color: rgba(0, 0, 14, 0.70);
        letter-spacing: 0.5px;
        width: 100%;
        padding: 0;
        cursor: pointer;
    }


.recherche-plusCt {
    width: calc(100% - 80px);
    padding: 0px 40px;
    position: relative;
    z-index: 8400;
}

.recherche-plusLbl {
    font: var(--font-medium);
    font-size: 22px;
    line-height: 30px;
    position: relative;
    color: #8a8d8f;
    display: block;
    width: calc(100% + 80px);
    margin-left: -40px;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
}

    .recherche-plusLbl:before {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        content: "";
        display: block;
        background-color: #dcdddd;
        height: 1px;
        z-index: 200;
    }

    .recherche-plusLbl span {
        position: relative;
        z-index: 300;
        display: inline-block;
        background-color: #fff;
        padding: 0 20px;
    }

.recherche-plus {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 20px 0px 0 0px;
}

    .recherche-plus .recherche-blocGauche .ct-critere {
        width: 200px;
    }

.ct-couchage {
    width: 150px;
    margin-bottom: 10px;
    /*
    margin-right: 35px;
    margin-bottom: 20px;*/
}

.recherche-chk {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% - 200px);
}

.dv-criteres {
    font: var(--font-regular);
    line-height: 18px;
    height: 35px;
    margin-right: 20px;
    /*margin-bottom: 5px;*/
    font-size: 13px;
    color: rgba(0, 0, 0, 0.70);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /*flex-grow: 1;*/
    width: 160px;
    /*margin-bottom: 10px;*/
    /*width: calc(33% - 20px);*/
    line-height: 35px;
    margin-bottom: 10px;
}

input[type="checkbox"]:not(:checked) + label::before,
input[type="checkbox"]:checked + label::before {
    background: none;
    border: 1px solid #8a8d8f;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    border-radius: 2px;
    top: 0px;
    width: 15px;
    margin-top: 0px;
}

input[type="checkbox"]:not(:checked) + label::after,
input[type="checkbox"]:checked + label::after {
    position: absolute;
    color: #222;
    content: "\e90c";
    font-family: thibonFont;
    font-size: 14px;
    left: 2px;
    line-height: 15px;
    margin-top: -1px;
}

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

.backGray.backGrayActuHome {
    margin-bottom: 0;
    padding-bottom: 0;
}

.actusCt {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.actuCt {
    position: relative;
    width: 346px;
    text-decoration: none;
    margin: 0 10px 20px 10px;
}

.actuImage {
    width: 100%;
    height: 375px;
    overflow: hidden;
}

    .actuImage img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        transition: 0.8s all ease-out;
    }

.actuCt:hover .actuImage img {
    transform-origin: center;
    transform: scale(1.10);
}

.actuDesc {
    background-color: #fff;
    height: 170px;
    width: 100%;
    padding: 25px 35px;
    box-sizing: border-box;
}

.actuCat {
    font: var(--font-regular);
    text-transform: uppercase;
    color: #8a8d8f;
    margin-bottom: 10px;
    text-align: center;
    display: block;
}

.actuIn {
}

.actuTitre {
    margin-bottom: 7px;
    text-align: center;
    font: var(--font-medium);
    font-size: 18px;
    color: #000;
    line-height: 20px;
    max-height: 41px;
    overflow: hidden;
}

.actuTexte {
    font: var(--font-regular);
    color: #727577;
    line-height: 16px;
    max-height: 49px;
    overflow: hidden;
}

.actuCoords {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #000;
    color: #fff;
    padding: 30px 0;
}

.actuCoords-img {
    width: 90px;
    margin-bottom: 50px;
}

    .actuCoords-img img {
        width: 100%;
    }

.actuCoords-titre {
    display: block;
    font: var(--font-medium);
    font-size: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    color: #fff;
}

    .actuCoords-titre span {
        font: var(--font-regular);
        text-transform: uppercase;
        color: #a4a6a8;
        margin-bottom: 8px;
        text-align: center;
        display: block;
    }

.actuCoords-hash {
    margin-bottom: 20px;
}

    .actuCoords-hash span {
        font: var(--font-bold);
        font-size: 15px;
        display: block;
        color: #fff;
        margin-bottom: 4px;
    }

.actuCoords-reseaux {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

    .actuCoords-reseaux a {
        display: block;
        margin: 0 4px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        border: 2px solid #fff;
        color: #fff;
        text-decoration: none;
        transition: 0.2s all ease-out;
    }

        .actuCoords-reseaux a:hover {
            opacity: 0.5;
        }

        .actuCoords-reseaux a:before {
            font-family: boonIco;
            font-size: 18px;
            line-height: 45px;
        }

.actuCoords-fb:before {
    content: "\e94c";
}

.actuCoords-insta:before {
    content: "\e95b";
}

.actuCoords-linked:before {
    content: "\e95e";
}
/*------------------------------------------------------*/
/*-------------------- CONTENU -------------------------*/
/*------------------------------------------------------*/

.divCenter {
    text-align: center;
}

    .divCenter h2,
    .divCenter h3,
    .divCenter p {
        text-align: center;
    }

    .divCenter p {
        width: 760px;
        margin: 0 auto;
    }

    .divCenter .ct-petit,
    .divCenter .ct {
        max-width: 100%;
    }

/*.ccb564 {
    height: 500px !important;
}*/


/*Les vignettes*/



.lstProg {
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    width: calc(100% + 20px);
    margin-left: -10px;
}

    .lstProg + .btn {
        margin-top: 0;
    }

.lstProgPage {
    margin-top: 60px;
    margin-bottom: 80px;
    justify-content: space-around;
}


.lstProg-el {
    flex-shrink: 0;
    width: calc(100%/3 - 20px);
    /*max-height: 455px;*/
    position: relative;
    text-decoration: none;
    z-index: 200;
    box-sizing: border-box;
    margin: 0px 10px 60px 10px;
}
    /*
@media screen and (max-width: 1600px) {
    .lstProg-el {
        max-height: 405px;
    }
}

@media screen and (max-width: 1600px) {
    .lstProg-el {
        max-height: 388px;
    }
}
*/

    /*@media screen and (max-width: 1500px) {
    .lstProg-el {
        max-height: 403px;
    }
}*/

    .lstProg-el img {
        aspect-ratio: 1 / 1;
    }

.lstProgPage .lstProg-el {
    /*position: relative !important;
            left: unset !important;
            top: unset !important;
            transform: none !important;*/
}

.lstProg-el:before {
    z-index: 300;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    content: "";
    background-color: #212121;
    opacity: 0;
    transition: 0.3s all ease-out;
}

.lstProg:hover .lstProg-el:before {
    opacity: 0.5;
}

.lstProg .lstProg-el:hover:before {
    opacity: 0;
}
/*
.lstProg-el:nth-of-type(3n) {
    margin-right: 0px;
}*/

/*.lstProgPage .lstProg-el,
.lstProgPage .lstProg-el:nth-of-type(3n) {
    margin: 0px 8px 40px 8px;
}*/

.lstProg-img {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

    .lstProg-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        transition: 0.8s all ease-out;
    }

.lstProg-el:hover .lstProg-img img {
    transform-origin: center;
    transform: scale(1.05);
}

.lstProg-capt {
    background-color: #fff;
    width: calc(100% - 80px);
    min-height: 120px;
    bottom: -18px;
    position: absolute;
    z-index: 400;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    box-sizing: border-box;
    padding: 20px 10px;
}

.lstProg-desti {
    text-transform: uppercase;
    display: block;
    color: var(--col-main);
    font: var(--font-medium);
    line-height: 14px;
    margin-bottom: 7px;
    letter-spacing: 1px;
}

.lstProg-titre {
    font: var(--font-medium);
    display: block;
    color: var(--col-texte);
    font-size: 18px;
    line-height: 22px;
    max-height: 46px;
    overflow: hidden;
    margin-bottom: 5px;
}

.lstProg-desc {
    font: var(--font-regular);
    display: block;
    color: var(--col-texte);
    line-height: 15px;
}

.lstProg-prix {
    font: var(--font-bold);
    background-color: var(--col-main);
    line-height: 25px;
    color: #fff;
    margin-top: 8px;
    padding: 0 20px;
    display: inline-block;
}

.lstProg-elLast {
    background-color: var(--col-main);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
    box-sizing: border-box;
    aspect-ratio: 1 / 1;
    height: auto;
}

    .lstProg-elLast.--achat img {
        max-width: 170px;
        margin: 0 auto;
    }

@media (max-width:360px) {

    .lstProg-elLast.--achat .lstProg-lastLiens a {
        margin-bottom: 10px;
    }
}


.lstProg-elLast:before {
    display: none;
}

.lstProg-lastImg {
    width: 130px;
    opacity: 0.5;
}

    .lstProg-lastImg img {
        width: 100%;
    }

.lstProg-elLast h2 {
    text-align: center;
    width: 330px;
    font-size: 22px;
    color: #fff;
    line-height: 28px;
    margin: 25px 0 45px 0;
}

.lstProg-lastLiens {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

    .lstProg-lastLiens a {
        text-decoration: none;
        text-transform: uppercase;
        color: #000;
        font-size: 15px;
        line-height: 50px;
        padding: 0 30px;
        margin: 0 12px;
        letter-spacing: 0.5px;
        background-color: #fff;
        border: 1px solid #fff;
        transition: 0.2s all ease-out;
    }

        .lstProg-lastLiens a:hover {
            background-color: rgba(255, 255, 255, 0.00);
            color: #fff;
        }

.tripleVignettes {
    position: relative;
    padding-top: 80px;
}

    .tripleVignettes h2 {
        font: var(--font-bold);
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 0.5px;
        margin-bottom: 40px;
    }

        .tripleVignettes h2 + p {
            margin-bottom: 40px;
            margin-top: -25px;
        }

.backGray {
    background-color: #eeeeee;
    padding: 80px 0px;
    margin-bottom: 80px;
}

/*Quand on a deux blocs backGray l'un sous l'autre*/
/*    .backGray + .backGray {
        margin-top: -160px;
    }
*/
/*
    .backGray + .backGray {
        padding-top: 0px;
    }*/

.ccb592.backGray h2 {
    padding-top: 0px;
}


.panels {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 670px;
}

.panel {
    width: 12%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 100;
    margin: 5px;
    transition: 0.4s width ease-out;
}

    .panel:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        background-color: #000;
        opacity: 0.7;
        z-index: 200;
        transition: 0.4s all ease-out;
    }

    .panel:hover {
        width: 370px;
    }

        .panel:hover:before {
            opacity: 0;
        }

    .panel:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 80%;
        display: block;
        left: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.00);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
        opacity: 0;
        z-index: 200;
        transition: 0.4s all ease-out;
    }

    .panel:hover:after {
        opacity: 1;
    }

    .panel img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

.panel-content {
    display: block;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    bottom: 60px;
    left: 0;
    z-index: 300;
    color: #fff;
    font: var(--font-regular);
    transition: 0.4s all ease-out;
}

.panel:hover .panel-content {
    color: #000;
}

.panel-titre {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    display: block;
}

.panel:hover .panel-titre {
    font-size: 15px;
}

    .panel:hover .panel-titre br {
        display: none;
    }

.panel-titre:before {
    font-family: thibonFont;
    font-size: 40px;
    line-height: 40px;
    display: block;
    transition: 0.4s all ease-out;
    margin-bottom: 15px;
    color: #fff;
}

.panel:hover .panel-titre:before {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    color: #000;
}

.panelSki .panel-titre:before {
    content: "\e902";
}

.panelSpa .panel-titre:before {
    content: "\e903";
}

.panelSport .panel-titre:before {
    content: "\e904";
}

.panelGalerie .panel-titre:before {
    content: "\e905";
}

.panelHelico .panel-titre:before {
    content: "\e906";
}

.panelDecoration .panel-titre:before {
    content: "\e907";
}

.panelCosmetique .panel-titre:before {
    content: "\e908";
}

.panelMaintenance .panel-titre:before {
    content: "\e909";
}


.panel-soustitre {
    font-size: 14px;
    display: block;
    margin-top: 4px;
    margin-bottom: 10px;
}

    .panel-soustitre:after {
        margin-top: 10px;
        width: 20px;
        height: 1px;
        background-color: #000;
        display: block;
        margin-left: auto;
        margin-right: auto;
        content: "";
    }

.panel-desc {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    display: block;
}

    .panel-desc span {
        background-color: #000;
        color: #fff;
        padding: 0 5px;
        display: inline-block;
    }


.panel-hdn {
    max-height: 0;
    overflow: hidden;
    transition: 0.4s all ease-out;
    color: #000;
    padding: 0 30px;
}

.panel:hover .panel-hdn {
    max-height: 105px;
}

.ctHomeProgrammes {
    margin-bottom: 80px;
    text-align: center;
}

    .ctHomeProgrammes .btn {
        margin-top: 35px;
    }

.homeProgrammes-slider {
    width: 100%;
    overflow-x: hidden;
    height: 870px;
}

.homeProgrammes-img {
    width: 100%;
    position: relative;
    height: 100%;
    display: block;
}

    .homeProgrammes-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

.homeProgrammes-content {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255,255,255, 0.8);
    width: 450px;
    padding: 20px 0;
}

.homeProgrammes-desti {
    text-transform: uppercase;
    display: block;
    color: var(--col-main);
    font: var(--font-medium);
    line-height: 14px;
    margin-bottom: 7px;
    letter-spacing: 1px;
}

.homeProgrammes-titre {
    font: var(--font-medium);
    font-size: 40px;
    line-height: 45px;
    letter-spacing: 1px;
    color: #000;
    display: block;
}

.homeProgrammes-desc {
    font: var(--font-regular);
    color: var(--col-texte);
    display: block;
    margin-top: 5px;
}

.homeProgrammes-next,
.homeProgrammes-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s all ease-out;
    cursor: pointer;
}

    .homeProgrammes-next:focus,
    .homeProgrammes-prev:focus {
        outline: none;
    }

    .homeProgrammes-next:before,
    .homeProgrammes-prev:before {
        font-family: boonIco;
        display: inline-block;
        font-size: 40px;
        line-height: 40px;
        color: #000;
        opacity: 0.5;
        transition: 0.3s all ease-out;
    }

.homeProgrammes-next {
    right: -90px;
}

    .homeProgrammes-next:before {
        content: "\e928";
    }

    .homeProgrammes-next:hover:before {
        transform: translateX(5px);
        opacity: 1;
    }

.homeProgrammes-prev {
    left: -90px;
}

    .homeProgrammes-prev:before {
        content: "\e92a";
    }

    .homeProgrammes-prev:hover:before {
        transform: translateX(-5px);
        opacity: 1;
    }


.backGrayActus .btnLine {
    margin-top: 40px;
}

.blocNewsletter {
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    padding: 80px 0;
}

    .blocNewsletter:before {
        position: absolute;
        z-index: 200;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 50%;
        display: block;
        background-color: #eeeeee;
    }

@media screen and (max-width: 1350px) {
    .blocNewsletter {
        padding: 65px 0;
    }
}

@media screen and (max-width: 980px) {
    .blocNewsletter {
        padding: 50px 0;
    }
}


.blocNewsletter-in {
    width: 980px;
    background-color: var(--col-main);
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 35px 140px;
    position: relative;
    z-index: 300;
    box-sizing: border-box;
}

.blocNewsletter-titre {
    text-align: center;
    color: #fff;
    font: var(--font-medium);
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}


.blocNewsletter-input {
    width: 370px;
    text-align: center;
    margin: 0 auto;
}

    .blocNewsletter-input input[type="text"] {
        width: 320px;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
        padding: 0 20px;
        border: 1px solid #fff;
        background-color: rgba(255, 255, 255, 0.00);
        font: var(--font-bold);
        color: #fff;
        border-radius: 0px;
        display: inline-block;
        vertical-align: top;
    }

        .blocNewsletter-input input[type="text"]:focus {
            border: 1px solid rgba(255, 255, 255, 0.50);
        }

    .blocNewsletter-input a {
        height: 40px;
        width: 40px;
        font: var(--font-bold);
        line-height: 40px;
        font-size: 15px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        display: inline-block;
        vertical-align: top;
        transition: 0.2s all ease-out;
    }

        .blocNewsletter-input a:hover {
            opacity: 0.5;
        }



.blocNewsletter-politique {
    text-align: center;
    width: 370px;
    margin: 15px auto 0 auto;
}

    .blocNewsletter-politique p {
        text-align: center;
        color: #fff;
        opacity: 0.7;
        font: var(--font-regular);
        font-size: 11px;
        line-height: 12px;
        display: inline;
    }

    .blocNewsletter-politique a {
        color: #fff;
    }


.thibon8 {
    text-align: center;
}

    .thibon8 + .btn {
        margin-top: 30px;
    }

    .thibon8 h2 {
        font: var(--font-bold);
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 0.5px;
        margin-bottom: 40px;
    }




.thibon8-els {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.thibon8-el {
    width: 12.5%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}

    .thibon8-el:before {
        display: block;
        margin: 0 auto 20px auto;
        font-family: thibonFont;
        font-size: 43px;
        line-height: 40px;
    }

.thibon8-elSki:before {
    content: "\e902";
    font-size: 38px;
}

.thibon8-elSpa:before {
    content: "\e903";
}

.thibon8-elSport:before {
    content: "\e904";
}

.thibon8-elArt:before {
    content: "\e905";
}

.thibon8-elTransport:before {
    content: "\e906";
    font-size: 47px;
}

.thibon8-elDeco:before {
    content: "\e907";
}

.thibon8-elCosmetique:before {
    content: "\e908";
}

.thibon8-elMaintenance:before {
    content: "\e909";
}

.sliderBienCt {
    width: 100%;
    position: relative;
    z-index: 2000;
}

.sliderBien {
    height: 650px;
    width: 100%;
    overflow-x: hidden;
}

    .sliderBien img {
        width: 100%;
        height: 100%;
        -o-object-position: center;
           object-position: center;
        -o-object-fit: cover;
           object-fit: cover;
    }

.sliderBien-prev,
.sliderBien-next,
.bandeauSlider .swiper-button-prev,
.bandeauSlider .swiper-button-next {
    position: absolute;
    width: 55px;
    height: 55px;
    display: block;
    top: 50%;
    background-image: none;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #fff;
    z-index: 3000;
    line-height: 55px;
    color: #000;
    transition: 0.2s all ease-out;
    text-align: center;
    cursor: pointer;
}

    .sliderBien-prev:focus,
    .sliderBien-next:focus,
    .bandeauSlider .swiper-button-prev:focus,
    .bandeauSlider .swiper-button-next:focus {
        outline: none !important;
    }

    .sliderBien-prev:hover,
    .sliderBien-next:hover,
    .bandeauSlider .swiper-button-prev:hover,
    .bandeauSlider .swiper-button-next:hover {
        opacity: 0.7;
    }

    .sliderBien-prev:before,
    .sliderBien-next:before,
    .bandeauSlider .swiper-button-prev:before,
    .bandeauSlider .swiper-button-next:before {
        font-family: boonIco;
        font-size: 30px;
        position: relative;
    }

    .sliderBien-prev:before,
    .bandeauSlider .swiper-button-prev:before {
        content: "\e902";
        left: -2px;
    }

    .sliderBien-next:before,
    .bandeauSlider .swiper-button-next:before {
        content: "\e900";
        left: 2px;
    }

.sliderBien-prev,
.bandeauSlider .swiper-button-prev {
    left: 60px;
}

.sliderBien-next,
.bandeauSlider .swiper-button-next {
    right: 60px;
}

.aucun-resultat {
    text-align: center;
    margin-top: 50px;
}

.select2-container {
    min-width: 100%;
    z-index: 100000000000;
}

/*---------- Contenus des Blocs ---------*/


/*---------- Premier bloc après le slider et la div fromBot2 ---------*/

.bandeauSlider + .fromBot2 + div {
    /*position: relative;*/
    z-index: 9999;
}

.conteneurBlocTxtImg.imgTxtUp .ct, .conteneurBlocImgTxt.imgTxtUp .ct {
    align-items: flex-start !important;
}

.imgTxtUp .ct .contenuMixteImageD, .imgTxtUp .ct .contenuMixteImageG {
    margin-top: -50px;
}

.imgTxtUp .ct .contenuMixteTexteD, .imgTxtUp .ct .contenuMixteTexteG {
    padding-top: 100px;
}


/*
.imgTxtUp .contenuMixteImageD {
    margin-top: -75px;
    position: relative;
    z-index: 8100;
}
*/
.backGray + .imgTxtUp {
    margin-top: 0px;
}

    .backGray + .imgTxtUp:before {
        height: 75px;
        width: 100%;
        background-color: #eeeeee;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        content: "";
    }

.imgTxtDown {
    margin-bottom: -75px;
    position: relative;
    z-index: 8100;
}

    .imgTxtDown + .backGray {
        padding-top: 160px;
    }

.iframeContenuAdmin .imgTxtUp,
.iframeContenuAdmin .imgTxtDown,
.iframeContenuAdmin .contenuMixteTexteG,
.iframeContenuAdmin .contenuMixteTexteD {
    margin: 0px !important;
}

.conteneurBlocImageTexte .ct,
.conteneurBlocImageTexte .ct-petit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.conteneurBlocTxtImg .ct,
.conteneurBlocTxtImg .ct-petit {
    flex-direction: row-reverse !important;
}

.contenuMixteImageG,
.contenuMixteImageD {
    width: 50%;
}

    .contenuMixteImageG img,
    .contenuMixteImageD img {
        width: 100%;
    }

    .contenuMixteImageG .swiper-slide,
    .contenuMixteImageD .swiper-slide {
        max-height: 700px;
        height: auto !important;
    }

        .contenuMixteImageG .swiper-slide img,
        .contenuMixteImageD .swiper-slide img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }

.conteneurBlocImageTexte .swiper-button-next,
.conteneurBlocImageTexte .swiper-button-prev {
    display: none !important;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    opacity: 1;
    background: none;
    border: 2px solid #fff;
    box-sizing: border-box;
    transition: 0.2s all ease-out;
}

    .swiper-pagination-bullet:focus {
        outline: none;
    }

.swiper-pagination-bullet-active {
    background: #fff;
}

.contenuMixteTexteG,
.contenuMixteTexteD {
    width: 40%;
    text-align: justify;
}

    .contenuMixteTexteG img,
    .contenuMixteTexteD img {
        max-width: 100%;
    }

/*.divFondGeneral + .conteneurContenuBloc:not(.backGray) {
    margin-top: 65px;
}*/


/*.imgTxtUp .contenuMixteTexteG,
.imgTxtUp .contenuMixteTexteD {
    margin-top: 75px;
}*/

.imgTxtDown .contenuMixteTexteG,
.imgTxtDown .contenuMixteTexteD {
    margin-top: -75px;
}

.contenuFullPage .contenuFull {
    width: 100%;
}

.contenuFullPage .contenuFullPhotoSeule {
    position: relative;
    width: auto;
    height: calc(100vh - 90px);
}

    .contenuFullPage .contenuFullPhotoSeule .photoColonne {
        height: 100%;
    }

    .contenuFullPage .contenuFullPhotoSeule img {
        width: auto;
        height: 100%;
    }

.contenuFullPage .contenuFullPhotoSlider {
    display: block;
    position: relative;
}

.photoColonne {
    width: 100%;
}

    .photoColonne img {
        width: 100%;
    }

.flottantGauche {
    float: left;
    margin: 0 30px 0 0;
}

.flottantDroite {
    float: right;
    margin: 0 0 0 30px;
}

.sepFooter {
    display: block;
    clear: both;
    height: 40px;
}


.texteDouble .ct-petit {
    width: 770px;
    margin: 0 auto;
}

.contenuFullPage .contenuTexte2ColG, .contenuTexte2ColG {
    width: 45%;
    text-align: justify;
    min-height: 1px;
}

.contenuFullPage .contenuTexte2ColD, .contenuTexte2ColD {
    width: 45%;
    text-align: justify;
    min-height: 1px;
}

.contenuTexte2ColG {
    float: right;
}

.contenuTexte2ColD {
    float: left;
}

    .contenuTexte2ColD h3,
    .contenuTexte2ColG h3 {
        line-height: 20px;
    }


.texteDouble .ct, .texteDouble .ct-petit {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 50px;
         column-gap: 50px;
}

.texteDouble .contenuTexte2ColD, .texteDouble .contenuTexte2ColG {
    float: none;
    width: calc(50% - 25px);
}

.texteDouble .contenuTexte2ColHaut {
    width: 100%;
    -moz-text-align-last: center;
         text-align-last: center;
}

    .texteDouble .contenuTexte2ColHaut > *:last-child {
        margin-bottom: 25px;
    }


/*---------- Detail Prog ---------*/
.ct-retour {
    text-align: right;
    margin-top: -50px;
    position: relative;
    z-index: 4900;
}

.btnRetour {
    font: var(--font-regular);
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    width: 350px;
    line-height: 50px;
    letter-spacing: 0.5px;
    padding: 0px 30px;
    box-sizing: border-box;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.40);
    transition: 0.2s all ease-out;
}

    .btnRetour:hover {
        background-color: rgba(181, 171, 144, 0.70);
    }

    .btnRetour:before {
        font-family: boonIco;
        font-size: 20px;
        line-height: 10px;
        margin-right: 15px;
        content: "\e92a";
        top: 5px;
        position: relative;
    }

.ct-detail, .ct-petit.ct-detail, .ct.ct-detail {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 80px;
}

.detailLeft {
    /*width: 100%;*/
    flex: 1;
    margin-right: 40px;
    display: block;
}

.dtTop {
    width: 100%;
    margin-top: 60px;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dde1e7;
}


.dtTop-ref {
    text-align: right;
    display: block;
    margin-bottom: 20px;
}

    .dtTop-ref span {
        display: inline-block;
        font-style: italic;
        color: #000;
        opacity: 0.5;
        line-height: 30px;
        margin-right: 25px;
    }

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

    .dtTop {
        width: 100%;
        margin-top: 60px;
        padding-bottom: 30px;
        margin-bottom: 40px;
        border-bottom: 1px solid #dde1e7;
    }
}

@media screen and (max-width: 680px) {
    .dtTop-ref {
        text-align: left;
    }

        .dtTop-ref span {
            margin-right: 15px;
        }
}

.btnPrint {
    display: inline-block;
    color: var(--col-main);
    font: var(--font-medium);
    text-decoration: none;
    font-size: 15px;
}

    .btnPrint:before {
        content: "\e9e1";
        font-family: boonIco;
        font-size: 18px;
        margin-right: 8px;
        position: relative;
        top: 2px;
    }

.dtTop-desti {
    font: var(--font-regular);
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: var(--col-main);
    letter-spacing: 0.5px;
}

.dtTop-titre {
    font: var(--font-medium);
    display: block;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: left;
}

.dtTop-titreLivraison {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
}

    .dtTop-titreLivraison .dtTop-titre {
        padding-right: 40px;
    }

.dtTop-livraison {
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    display: inline-block;
    background-color: var(--col-main);
    padding: 10px 20px;
    margin-top: 20px;
}

.dtTop-pictos {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
}

.dtTop-picto {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    margin-right: 30px;
    margin-bottom: 12px;
    width: 160px;
}

.dtTop-pictoImg {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

    .dtTop-pictoImg img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
    }

.dtTop-picto span {
    font-size: 15px;
}

.dtTitre {
    margin-bottom: 15px;
}

.dtSection {
    margin-bottom: 50px;
}

.dtDesc {
    text-align: justify;
}

.dtSection:last-of-type {
    margin-bottom: 0px;
}

.dtEkip-els {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.dtEkip-el {
    width: 140px;
    height: 140px;
    padding: 15px;
    margin-bottom: -1px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #dde1e7;
    border-right: 1px solid #fff;
}

    .dtEkip-el:nth-of-type(5n),
    .dtEkip-el:last-of-type {
        border-right: 1px solid #dde1e7;
    }

        .dtEkip-el:last-of-type:not(:nth-of-type(5n)) {
            width: 141px;
        }



.dtEkip-elImg {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 12px;
}

    .dtEkip-elImg img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
    }

.dtEkip-el span {
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    display: block;
}

.packHotelCt {
    border: 1px solid #dde1e7;
    box-sizing: border-box;
    padding: 30px 225px 30px 30px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.packHotelEl {
    font-size: 15px;
    color: #000;
    width: 220px;
    position: relative;
    margin: 8px 0px;
    line-height: 18px;
    padding-left: 30px;
    box-sizing: border-box;
}

    .packHotelEl:before {
        background: none;
        border: 1px solid #8a8d8f;
        content: "";
        height: 18px;
        width: 18px;
        left: 0;
        position: absolute;
        border-radius: 2px;
        top: 0px;
    }

    .packHotelEl:after {
        color: #222;
        content: "\e90c";
        position: absolute;
        left: 6px;
        top: 1px;
        font-family: thibonFont;
        font-size: 15px;
        line-height: 14px;
    }

.packHotelLgd {
    margin-top: 15px;
}

    .packHotelLgd p {
        opacity: 0.8;
    }

.mapCt {
    width: 100%;
    height: 400px;
    display: block;
    background-color: #eee;
}

.mapDiv {
    height: 100%;
    display: block;
    width: 100%;
    max-height: 100%;
}


.detailRight {
    width: 350px;
    display: block;
}

/*.detailStick {
        width: 100%;
        display: block;
    }*/

.detailResa,
.dtProg-contact {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.90);
    border: 1px solid var(--col-main);
}

    .detailResa h3,
    .dtProg-contact h3 {
        text-align: left;
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

.detailResa-dates {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 15px;
}

.detailSpe .ct-calendar {
    width: 100%;
}


.detailSpe .select2-container {
    z-index: 0;
    width: 100%;
}

.detailResa-date {
    width: 120px;
}

    .detailResa-date label {
        font: var(--font-regular);
        text-transform: uppercase;
        color: #8a8d8f;
        margin-bottom: 0px;
        display: block;
    }

.detailResa-prix {
    font: var(--font-bold);
    text-transform: uppercase;
    color: #000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dcdddd;
    line-height: 50px;
}

.detailResa-nb {
    font-size: 18px;
}

.detailResa a {
    margin-top: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.detailRight-infos {
    width: 100%;
    background-color: #191919;
    box-sizing: border-box;
    margin-top: 40px;
    padding: 40px;
    color: #fff;
    text-align: left;
}

    .detailRight-infos p {
        color: #fff;
    }

.detailRight-infosMeubles {
    margin-top: 0px;
}

.detailRight-infosMeublesImg {
    margin-top: 40px;
    width: 100%;
    height: 170px;
    display: block;
}

    .detailRight-infosMeublesImg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

.detailRight-infos h3 {
    font: var(--font-regular);
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 20px;
    margin-bottom: 20px;
}

    .detailRight-infos h3:before {
        font-size: 30px;
        color: #fff;
        font-family: thibonFont;
        content: "\e90b";
        display: block;
        margin-bottom: 25px;
    }

.detailRight-infosMeubles h3:before {
    content: "\e907";
    font-size: 45px;
    line-height: 45px;
    position: relative;
    left: -5px;
}

.detailRight-infos h3 a {
    color: #fff;
}

.starList {
    margin-bottom: 15px;
    padding-left: 0px;
    margin-left: 0px;
}

    .starList li {
        color: rgba(0, 0, 0, 0.50);
        display: block;
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 18px;
        list-style: none;
        padding-left: 18px;
        position: relative;
    }

        .starList li:before {
            content: "";
            width: 10px;
            height: 10px;
            display: block;
            position: absolute;
            left: 0;
            top: 4px;
            opacity: 0.5;
            background-image: url(/images_b/star.svg);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

.detailRight-infos .starList li {
    color: rgba(255, 255, 255, 0.6);
}

.detailRight-infos > a {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.5px;
    margin-top: 15px;
    transition: 0.2s all ease-out;
}

    .detailRight-infos > a:after {
        font-family: boonIco;
        font-size: 15px;
        position: relative;
        content: "\e928";
        display: inline-block;
        margin-left: 11px;
        top: 2px;
        transition: 0.2s all ease-out;
    }

    .detailRight-infos > a:hover {
        opacity: 0.6;
    }

        .detailRight-infos > a:hover:after {
            margin-left: 16px;
        }



.dtProg-slider {
    position: relative;
}

    .dtProg-slider + .ct-retour {
        margin-top: -50px;
    }

.dtProg-sliderImg {
    height: 650px;
    position: relative;
    width: 100%;
    display: block;
}

    .dtProg-sliderImg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

.dtProg-slider .bandeauSlider-desc {
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dtProg-sliderContenu .swiper-container {
    height: 730px;
}

.ct-detailExemples {
    position: relative;
    z-index: 3000;
}

/*  .ct-detailExemples .detailLeft {
        margin-top: 60px;
    }*/

/*  .ct-detailExemples .detailRight {
        margin-top: -75px;
    }*/

.demande-brochure h3 {
    margin-bottom: 30px;
}

.demande-brochure .btn,
.lotsCt .btn {
    margin-top: 0px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.lotsCt {
    width: 100%;
    margin-bottom: 60px;
}

.lotsTable {
    margin: 25px 0px;
    width: 100%;
}

    .lotsTable tr {
    }

        .lotsTable tr:nth-of-type(2n) {
            background-color: #e3e4e4;
        }

    .lotsTable td {
        padding: 15px 10px;
        box-sizing: border-box;
        text-align: center;
        border-right: 1px solid #cac9c9;
    }

        .lotsTable td:last-of-type {
            border-right: 0px;
        }

    .lotsTable tr:not(:first-of-type) td:last-of-type {
        font-weight: 700;
    }

    .lotsTable tr:first-of-type td {
        background-color: #000000;
        text-transform: uppercase;
        color: #fff;
    }


.dtEquipement {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 60px;
}

    .dtEquipement > div {
        width: 48%;
        text-align: left;
    }

    .dtEquipement h2 {
        margin-bottom: 10px;
    }

.listGold {
    margin-left: 15px;
}

    .listGold li {
        font: var(--font-bold);
        margin-bottom: 5px;
        color: var(--col-main);
    }

.txtPictos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}

.txtPicto {
    display: flex;
    /*justify-content: space-between;*/
    text-align: left;
    flex-direction: row;
    align-items: flex-start;
    width: calc(50% - 20px);
    padding-bottom: 20px;
}

    .txtPicto p {
        text-align: left;
    }

.txtPictos + iframe, .fullIframe {
    aspect-ratio: 16/9 !important;
    width: 100%;
    height: 100%;
    margin-top: 30px;
}
/*
    .txtPicto:nth-of-type(n+3) {
        margin-top: 30px;
    }*/

.txtPicto:before {
    display: block;
    width: 40px;
    font-size: 40px;
    line-height: 40px;
    font-family: thibonFont;
    color: var(--col-main);
    margin-right: 15px;
}

.txtPicto:last-child {
    padding-bottom: 0;
}


.txtPicto-desc img {
    margin: 15px 0 15px 0;
}

.txtPicto-art:before {
    content: "\e905";
}

.txtPicto-deco:before {
    content: "\e907";
}

.txtPicto-spa:before {
    content: "\e903";
}

.txtPicto-sport:before {
    content: "\e904";
    font-size: 35px;
}

.txtPicto-cosmetique:before {
    content: "\e908";
    font-size: 35px;
}

.txtPicto-ski:before {
    content: "\e902";
    font-size: 35px;
}

.txtPicto-helico:before {
    content: "\e906";
}

.txtPicto-maintenance:before {
    content: "\e909";
}

.txtPicto-mail:before {
    content: "\e90a";
}

.txtPicto-etoiles:before {
    content: "\e90b";
}

.txtPicto-conseil:before {
    content: "\e90d";
}

.txtPicto-dingdong:before {
    content: "\e90e";
}

.txtPicto-guichet:before {
    content: "\e90f";
}

.txtPicto-pchitpchit:before {
    content: "\e910";
}

.txtPicto-remise:before {
    content: "\e911";
}

.txtPicto-cinema:before {
    content: "\e912";
}

.txtPicto-serviettes:before {
    content: "\e913";
}

.txtPicto-pass:before,
.txtPicto-cours:before {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
    content: "";
}

.txtPicto-pass:before {
    background-image: url(/images_b/picPasse.svg);
}

.txtPicto-cours:before {
    background-image: url(/images_b/picCours.svg);
}

.txtPicto-desc {
    /*width: 200px;*/
    width: calc(100% - 50px);
    display: block;
}

    .txtPicto-desc h3 {
        font: var(--font-medium);
        color: var(--col-main);
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin-bottom: 15px;
        text-align: left;
    }

.partLogos {
    width: 1250px;
    margin: 0 auto;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partLogo {
    margin: 20px 30px;
    display: block;
    text-decoration: none;
    transition: 0.2s all ease-out;
}

    .partLogo:hover {
        opacity: 0.5;
        cursor: pointer;
    }


/*---------- Pagination ---------*/

.paginationListing {
    font: var(--font-bold);
    margin: 40px auto 0 auto;
    text-align: center;
    font-size: 16px;
}

    .paginationListing span {
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        background: var(--col-main);
        color: #fff;
        border-radius: 50%;
        margin: 0 8px;
        display: inline-block;
    }

    .paginationListing a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        color: var(--col-main);
        display: inline-block;
        text-decoration: none;
        margin: 0 8px;
        transition: 0.2s all ease-out;
    }

        .paginationListing a:hover {
            opacity: 0.6;
            cursor: pointer;
        }

/*----------------------------------------------*/
/*-------------- FORMULAIRES -------------------*/
/*----------------------------------------------*/

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select {
    border: 1px solid #cccccc;
    transition: 0.3s all ease-out;
    outline: none;
    border-radius: 5px;
    padding: 0px 10px;
    background: #FFFFFF;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    /*à changer*/
    color: #565656;
    font-size: 14px;
    font-family: Arial;
}

textarea {
    resize: vertical;
    height: 120px;
    line-height: 20px;
    padding: 10px;
}

select option {
    height: 35px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    border-color: #777;
}

button[type="button"],
button[type="submit"],
input[type="submit"],
input[type="button"],
input[type="reset"] {
    padding: 7px 15px;
    background: #222;
    border: 1px solid #222;
    color: #fff;
    cursor: pointer;
}

    button[type="button"]:hover,
    button[type="submit"]:hover,
    input[type="submit"]:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover {
        background: none;
        color: #222;
    }

        button[type="button"]:disabled,
        button[type="submit"]:disabled,
        input[type="submit"]:disabled,
        input[type="button"]:disabled,
        input[type="reset"]:disabled,
        button[type="button"]:hover:disabled,
        button[type="submit"]:hover:disabled,
        input[type="submit"]:hover:disabled,
        input[type="button"]:hover:disabled,
        input[type="reset"]:hover:disabled {
            background: #222;
            color: #fff;
            opacity: 0.7;
            cursor: default;
        }

.errorControl {
    background-color: #FBE3E4 !important;
    border: 0px !important;
    border-bottom: 2px solid #cc5246 !important;
}

.correction {
    background: rgba(240, 80, 80, 0.1);
    color: #f05050;
}

/*---------- Contact ---------*/


.body_14 .triEls-contact .triEl-desc {
    min-height: auto;
}

.triEls {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.triEls-contact .triEl-desc {
    min-height: 235px;
}


.triEl {
    position: relative;
    width: 320px;
    margin: 0px 10px 20px 10px;
    text-decoration: none;
}

.triEl-image {
    width: 100%;
    height: 375px;
    overflow: hidden;
}

    .triEl-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }

.triEls-partenaires .triEl-image,
.triEls-contact .triEl-image {
    height: 200px;
}

.triEls-center .triEl {
    margin-left: 13px;
    margin-right: 13px;
}

.triEls-quatro .triEl {
    width: 335px;
}

.triEl-desc {
    background-color: #fff;
    width: 100%;
    padding: 25px 35px;
    box-sizing: border-box;
    text-align: center;
    min-height: 120px;
}

.triEl-desti {
    text-transform: uppercase;
    color: #8a8d8f;
    margin-bottom: 10px;
    text-align: center;
    display: block;
}

.triEl-titre {
    font: var(--font-medium);
    margin-bottom: 7px;
    text-align: center;
    font-size: 18px;
    color: #000;
    line-height: 20px;
    display: block;
}

.triEl-txt {
    color: #727577;
    text-align: justify;
}

.triEls-contact .triEl-txt {
    text-align: center;
}

.triEls-partenaires .triEl-txt {
    height: 57px;
    overflow: hidden;
}

.contact-mapLien {
    text-transform: uppercase;
    opacity: 0.5;
    font-size: 15px;
    transition: 0.2s all ease-out;
    display: inline-block;
    margin-top: 15px;
    text-decoration: none;
}

    .contact-mapLien:before {
        content: "\ea69";
        font-family: boonIco;
        font-size: 15px;
        margin-right: 7px;
        position: relative;
        top: 1px;
    }

    .contact-mapLien:hover {
        opacity: 1;
    }


.ct-contact {
    width: 800px;
    margin: 0px auto 60px auto;
}

.formulaire {
    width: 100%;
}

.formulaire-double {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.formulaire-row {
    margin-bottom: 30px;
    position: relative;
}

.formulaire-double .formulaire-row {
    width: 45%;
}

.formulaire-textarea {
    margin-bottom: 0px;
}

.formulaire-checks {
    margin-bottom: 20px;
}

    .formulaire-checks > div {
        margin: 0px 0px 10px 0px;
    }

        .formulaire-checks > div label,
        .ReCaptcha-notice {
            opacity: 1;
            font-size: 12px;
            color: rgba(151, 151, 151, 0.80);
            line-height: 20px;
        }

    .formulaire-checks a {
        color: rgba(151, 151, 151, 0.80);
        text-decoration: underline;
    }

.formulaire input[type="text"],
.formulaire input[type="tel"],
.formulaire input[type="email"],
.formulaire textarea,
.formulaire select {
    background-color: rgba(255, 255, 255, 0.00);
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    border: 0px;
    border-bottom: 1px solid #dcdddd;
    box-sizing: border-box;
    color: #080808;
}

.formulaire textarea {
    border: 1px solid #dcdddd;
    height: 100px;
    resize: vertical;
    margin-bottom: 0px;
    padding: 8px 9px;
    line-height: 18px;
}

.formulaire select {
    font: var(--font-regular);
    color: rgba(0, 0, 0, 0.50);
}

.formulaire label {
    position: absolute;
    left: 0;
    top: 9px;
    color: #000;
    opacity: 0.5;
    cursor: text;
    transition: 0.3s all ease-out;
}

.formulaire select option {
    color: #000;
    opacity: 0.5;
}

.formulaire-textarea label {
    left: 9px;
}

.formulaire input[type="text"]:focus,
.formulaire input[type="email"]:focus,
.formulaire input[type="tel"]:focus {
    border-bottom: 1px solid #bbbbbb;
}

.formulaire textarea:focus {
    border: 1px solid #bbbbbb;
}

.formulaire input[type="text"]:focus ~ label,
.formulaire input[type="text"].fill ~ label,
.formulaire input[type="email"]:focus ~ label,
.formulaire input[type="email"].fill ~ label,
.formulaire input[type="tel"]:focus ~ label,
.formulaire input[type="tel"].fill ~ label {
    top: -20px;
    font-size: 12px;
    opacity: 0.4;
}

.formulaire textarea:focus ~ label,
.formulaire textarea.fill ~ label {
    top: -20px;
    left: 0;
    font-size: 12px;
    opacity: 0.4;
}




/*----------------------------------------------------*/
/*-------------- LISTINGS / DETAIL -------------------*/
/*----------------------------------------------------*/

/*---------- Listing Actus ---------*/

.backGray-actus {
    margin-bottom: 80px;
}

.classActuCategories {
    margin-bottom: 50px;
}

.liens-cat {
    text-align: center;
}

    .liens-cat a {
        font: var(--font-medium);
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        margin: 0px 20px;
        color: #000;
        font-size: 16px;
        line-height: 17px;
        letter-spacing: 0.5px;
        opacity: 0.5;
        position: relative;
        transition: 0.2s all ease-out;
    }

        .liens-cat a:after {
            width: 4px;
            height: 4px;
            position: absolute;
            content: "";
            display: block;
            background-color: #000;
            border-radius: 50%;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            transition: 0.2s all ease-out;
        }

        .liens-cat a:hover,
        .liens-cat a.cat-active {
            opacity: 1;
        }

            .liens-cat a.cat-active:after {
                opacity: 1;
            }



.actusCtListing {
    justify-content: flex-start;
}

    .actusCtListing .actuCt {
        margin: 10px;
    }

/*.actusCtListing .actuCt:nth-of-type(3n) {
            margin-right: 0px;
        }*/

/*---------- Détail Actu ---------*/

.ct-actuDetail > div {
    /*    width: 800px !important;
    margin: 0 auto 80px auto;*/
}

.ct-actuDetail h1 {
    margin-bottom: 40px;
}

.ct-actuDetail > div:last-child {
    display: block;
    margin-top: 30px;
}

.detailActuTitre {
    margin-bottom: 50px;
}

.detailActuDesc {
    text-align: justify;
}

    .detailActuDesc iframe {
        max-width: 100%;
    }

    .detailActuDesc .flottant {
        width: 350px;
    }

        .detailActuDesc .flottant img {
            width: 100%;
        }

    .detailActuDesc div + h2,
    .detailActuDesc p + h2 {
        margin-top: 40px;
    }

#detailActuGalerie {
    clear: both;
    margin-top: 50px;
}

    #detailActuGalerie a {
        width: 191px;
        height: 115px;
        display: inline-block;
        margin: 0px 12px 12px 0;
    }

.detailActuGalerieImg {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 100%;
    width: 100%;
}

#detailActuGalerie a:nth-of-type(4n) {
    margin-right: 0px;
}

#detailActuFichiers {
    clear: both;
    margin: 30px 0px 30px 20px;
}

    #detailActuFichiers li {
        margin: 0 0 7px 0;
    }


/*-----------------------------------------------------*/
/*-------------------- FOOTER -------------------------*/
/*-----------------------------------------------------*/

footer {
    width: 100%;
    padding: 65px 0 65px 0;
    text-align: center;
}

.footerTop {
    /*    width: 370px;
    margin: 0 auto 40px auto;
    text-align: center;*/

    max-width: 370px;
    margin: 0 auto 65px;
}

    .footerTop .btn {
        margin-top: 20px;
    }



.footerAdresses {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.footerAdresses-col {
    width: 33%;
    text-align: center;
}

.fAd-desti {
    font: var(--font-regular);
    text-transform: uppercase;
    color: #8a8d8f;
    margin-bottom: 5px;
    text-align: center;
    display: block;
}

.fAd-tel {
    font: var(--font-bold);
    font-size: 15px;
    line-height: 18px;
    display: block;
    color: #000;
    margin-bottom: 8px;
}

.footerAdresses-col p {
    text-align: center;
    color: #8a8d8f;
    margin-bottom: 8px;
}

.footerAdresses-col a {
    color: #8a8d8f;
    transition: 0.2s all ease-out;
    position: relative;
    padding-left: 15px;
}

    .footerAdresses-col a:before {
        content: ">";
        position: absolute;
        left: 0px;
    }

    .footerAdresses-col a:hover {
        color: #000;
    }

.titreLogo {
    text-align: center;
}

.crosslinkTop {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background: #eeeeee;
}

    .crosslinkTop a {
        color: #000;
        display: inline-block;
        width: 45px;
        height: 45px;
        border: 2px solid #000;
        border-radius: 50%;
        box-sizing: border-box;
        margin: 0 3px;
        text-align: center;
        text-decoration: none;
        vertical-align: top;
        transition: 0.2s all ease-out;
    }

        .crosslinkTop a:hover {
            opacity: 0.3;
        }

        .crosslinkTop a:before {
            font-family: boonIco;
            line-height: 41px;
            font-size: 20px;
        }

.crosslinkInsta:before {
    content: "\e95b";
}

.crosslinkFb:before {
    content: "\e94c";
}

.crosslinkLinked:before {
    content: "\e95e";
}

.crosslinkTop span {
    color: #000;
    font: var(--font-bold);
    line-height: 45px;
    font-size: 15px;
    margin: 0 25px;
    display: inline-block;
    width: 165px;
    text-align: left;
    vertical-align: top;
}

.crosslinkBot {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background: #00000e;
    color: rgba(255, 255, 255, 0.60);
}

    .crosslinkBot a {
        font: var(--font-regular);
        color: #fff;
        transition: 0.2s all ease-out;
        opacity: 0.6;
        margin: 0 5px;
        text-decoration: none;
    }

        .crosslinkBot a:hover {
            opacity: 1;
        }

/*---------- Contenu Liens -------------*/


.contenuLiens .modLien {
    width: 275px;
    height: auto;
    float: left;
    margin: 15px;
    margin-bottom: 15px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #ccc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .contenuLiens .modLien .modLienContenu .modLienImage {
        width: 100%;
        height: 250px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .contenuLiens .modLien .modLienContenu .modLienTexte {
        background: #ffffff;
        font-size: 14px;
        padding: 10px 0 10px 10px;
    }

/*------------------------------------------------*/
/*-------------- GALERIE PHOTO -------------------*/
/*------------------------------------------------*/
/*---------- Listing Galerie Photo ---------*/
.albums {
    font-size: 0;
    margin-bottom: 50px;
}

.albumCt {
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
}

.albumPhoto {
    width: 100%;
    height: 250px;
    display: block;
    margin-bottom: 10px;
}

    .albumPhoto img {
        max-width: 100%;
    }

.albumTitre {
    text-align: center;
    display: block;
    width: 100%;
}

    .albumTitre a {
        color: #000;
        font-size: 14px;
    }

        .albumTitre a:hover {
            color: #222;
        }

/*---------- Détail Galerie Photo ---------*/

#galeriePhoto {
    margin: 30px 50px 50px 50px;
}

.contenuDescriptionAlbum {
    margin-bottom: 30px;
    text-align: justify;
}

.conteneurPhoto {
    float: left;
    width: 65px;
    height: 65px;
    margin: 5px;
    overflow: hidden;
}

.conteneurPhotoIsotop {
    display: block;
    height: auto;
    overflow: hidden;
    margin-bottom: 0px;
    border: 2px solid #fff;
    box-sizing: border-box;
    padding: 2px;
    background: none;
}

    .conteneurPhotoIsotop .swipebox .classHoverVideo {
        background: url(/images_b/play.png) no-repeat center;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 6;
        left: 0;
    }

    .conteneurPhotoIsotop img {
        margin-left: 5px;
        margin-right: 5px;
        margin: 0;
        width: 100%;
    }

.isotope,
.isotope .isotope-item {
    transition-duration: 0.8s;
}

.isotope {
    transition-property: height, width;
}

    .isotope .isotope-item {
        transition-property: transform, opacity;
    }


/*--------------------------------*/
/*---------- Parallax ------------*/
/*--------------------------------*/

.backgroundParallax {
    position: relative;
    overflow: hidden;
    z-index: 500;
}

    /*---Pour mettre une ombre sur l'image---*/
    .backgroundParallax:before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.25);
        z-index: 600;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.backgroundParallax-img {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 550;
}

/*---Pour changer les propriétés de la légende---*/
.backgroundParallax-content {
    z-index: 650;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 700px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

    /*---Pour mettre une couleur sur les éléments---*/
    .backgroundParallax-content h1,
    .backgroundParallax-content h2,
    .backgroundParallax-content h3,
    .backgroundParallax-content p {
        color: #fff;
    }


/*------------ PAGE EMPLOIS ------------*/
/*----------------------------------*/

.blocCandiCt {
    padding: 0 0px 80px;
}

.blocCandidaturePostesOuverts {
    margin-bottom: 50px;
}

.posteListe {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 320px;
    margin: 0px 40px 40px 00px;
}

    .posteListe:nth-of-type(4n) {
        margin: 0px 00px 40px 00px;
    }

.posteListeImage {
    width: 100%;
    height: 100px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .posteListeImage img {
        width: 100%;
        flex: 0 0 auto;
    }

.posteListeDate {
    position: absolute;
    top: 8px;
    left: 0px;
    display: block;
    padding: 3px 6px;
    background: #fff;
    font-size: 13px;
    text-transform: uppercase;
    color: #000000;
}

.posteDesc {
    width: 100%;
    height: 230px;
    box-sizing: border-box;
    padding: 30px;
    background-color: #000000;
    position: relative;
}

.posteListeTitre {
    font-weight: 200;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-weight: normal;
    max-height: 40px;
    overflow: hidden;
}

.posteListeIntro {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    max-height: 55px;
    overflow: hidden;
}

.posteListeDetail {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px);
}

    .posteListeDetail a {
        width: 100%;
        margin-top: 20px;
        font-size: 15px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        background: #fff;
        border-radius: 0px;
        color: #000000;
        display: inline-block;
        padding: 13px 0px;
        transition: 0.3s all ease-out;
        position: relative;
        z-index: 66;
    }

        .posteListeDetail a:hover {
            color: #fff;
        }

        .posteListeDetail a:before {
            height: 100%;
            width: 0%;
            display: block;
            position: absolute;
            background-color: #000000;
            content: "";
            top: 0;
            left: 0;
            transition: 0.3s all ease-out;
            z-index: -1;
        }

        .posteListeDetail a:hover:before {
            width: 100%;
        }

.blocCandidatureCentrer {
    /*margin-bottom: 100px;*/
}

    .blocCandidatureCentrer p {
        text-align: center;
    }

/*.divCenter .lstProg-el {
    padding: 0 10px;
}

*/
/*------------ POPUP ------------*/
/*----------------------------------*/


.modalPopup {
    background: #fff;
    padding: 0px;
    width: 450px;
    height: auto;
    border-radius: 6px;
    overflow: hidden;
}

.popImg {
    width: 100%;
    display: block;
    height: 220px;
    position: relative;
}

    .popImg img {
        width: 100%;
        height: 100%;
        -o-object-position: center;
           object-position: center;
        -o-object-fit: cover;
           object-fit: cover;
    }

.popupFermer {
    background: none;
    height: auto;
    position: absolute;
    right: 15px;
    top: 15px;
    width: auto;
    cursor: pointer;
}

    .popupFermer:before {
        font-family: boonIco;
        font-size: 16px;
        color: #fff;
        content: "\e983";
        line-height: 16px;
    }

.popDesc {
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
}

    .popDesc .btn {
        margin-top: 5px;
    }


.fromBot,
.fromBot2,
.fromBot3,
.fromBot4,
.smallFromBot,
.smallFromBot2,
.smallFromBot3,
.smallFromBot4,
.smallFromBot5,
.smallFromBot6,
.smallFromBot7,
.smallFromBot8,
.fade,
.fade2,
.fade3,
.fade4
.contenuTexte2ColG,
.contenuTexte2ColD,
.contenuMixteImageG,
.contenuMixteImageD,
.contenuMixteTexteG,
.contenuMixteTexteD {
    visibility: hidden;
}

.iframeContenuAdmin .fromBot,
.iframeContenuAdmin .fromBot2,
.iframeContenuAdmin .fromBot3,
.iframeContenuAdmin .fromBot4,
.iframeContenuAdmin .smallFromBot,
.iframeContenuAdmin .smallFromBot2,
.iframeContenuAdmin .smallFromBot3,
.iframeContenuAdmin .smallFromBot4,
.iframeContenuAdmin .smallFromBot5,
.iframeContenuAdmin .smallFromBot6,
.iframeContenuAdmin .smallFromBot7,
.iframeContenuAdmin .smallFromBot8,
.iframeContenuAdmin .fade,
.iframeContenuAdmin .fade2,
.iframeContenuAdmin .fade3,
.iframeContenuAdmin .fade4
.iframeContenuAdmin .contenuTexte2ColG,
.iframeContenuAdmin .contenuTexte2ColD,
.iframeContenuAdmin .contenuMixteImageG,
.iframeContenuAdmin .contenuMixteImageD,
.iframeContenuAdmin .contenuMixteTexteG,
.iframeContenuAdmin .contenuMixteTexteD {
    visibility: visible;
}

.hide-aucun {
    display: none;
}

/*promo*/
.box {
    width: 200px;
    height: 300px;
    position: relative;
    border: 1px solid #BBB;
    background: #EEE;
}

/*.promo-biens {
    position: absolute;
    right: -27px;
    top: -6px;
    z-index: 1;
    overflow: hidden;
    width: 240px;
    min-height: 160px;
    text-align: right;
}

    .promo-biens span {
        font-size: 12px;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        min-width: 200px;
        display: block;
        background: #b5ab90;
        background: linear-gradient(#b5ab90 0%, #B5AB90 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 41px;
        right: -40px;
    }*/


.promo-biens span {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    display: block;
    background: #b5ab90;
    position: absolute;
    top: 0;
    padding: 10px 25px;
    right: 0;
    max-width: 200px;
}




.promo-biens {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    min-height: 80px;
    text-align: right;
}

    .promo-biens span::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 100%;
        z-index: -1;
        border-left: 3px solid #b5ab90;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #b5ab90;
    }

    /*        .promo-biens span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #b5ab90;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #b5ab90;
        }*/

    .promo-biens span::after {
        content: "";
        position: absolute;
        right: 0;
        top: 100%;
        z-index: -1;
        border-left: 3px solid transparent;
        border-right: 3px solid #b5ab90;
        border-bottom: 3px solid transparent;
        border-top: 3px solid #b5ab90;
    }

/*Ajout vente*/

/*.divTopVente .ct {
    width: calc(100% - 30%);
}*/

a.btnBlanc {
    text-transform: uppercase;
    font-family: 'Roboto';
    padding: 15px 25px;
    border: solid 1px #000;
    text-decoration: none;
    margin: 5px;
    transition: transform 0.55s ease-in-out;
    background-color: #fff;
    display: inline-block;
}

    a.btnBlanc:hover {
        border: solid 1px #000;
        background-color: #000000;
        color: #fff;
        transition: transform 0.55s ease-in-out;
    }

/*
iframe.fullIframe {
    width: 100%;
    height: 50vh;
    margin-top: 30px;
    margin-bottom: 30px;
}*/

.imgGaucheAlign .ct {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}


.body_1229 .imgGaucheAlign {
    padding: 80px 0;
}

.imgDroiteAlign .ct {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

span.ColorOr {
    color: #b5ab90;
    margin-top: 7px;
}

.bandeauSlider-desc {
    width: 1200px;
    margin: -143px auto 100px auto;
    position: relative;
    z-index: 8200;
}

.swiper-text h2 {
    color: #fff;
    font-size: 80px
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-property: transform
}

.popSwiper .swiper-slide:before {
    display: none
}

.popSwiper .swiper-slide img {
    -o-object-fit: contain;
    object-fit: contain
}

#slider .swiper-bien-first:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: rgba(22,28,50,.3)
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.swiper-slide:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: #161c320f;
}

.swiper-bien-photos {
    background: none;
    position: absolute;
    bottom: 5%;
    right: 5%;
    top: auto;
    left: auto;
    z-index: 50;
}





.swiper-arrow {
    color: #FFF;
    background: none;
    position: absolute;
    right: 5%;
    height: auto;
    top: auto;
    left: auto;
    z-index: 50;
    font-size: 3rem;
    z-index: 50;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .swiper-arrow .btnGallery:before {
        font-size: 40px;
        line-height: 70px;
    }

.btnGallery {
    cursor: pointer;
}

.swiper-bien-photos a {
    display: block;
    height: 50px;
    min-width: 128px;
    text-align: center;
    color: #fff;
    border: solid 1px #fff;
    cursor: pointer;
    font-size: 20px;
    line-height: 50px;
    background-color: rgba(255,255,255,.25)
}

.contenuFullPhotoSeule.swipeProgrammes {
    height: initial
}

    .contenuFullPhotoSeule.swipeProgrammes .swiper-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

        .contenuFullPhotoSeule.swipeProgrammes .swiper-text a {
            color: #fff
        }

            .contenuFullPhotoSeule.swipeProgrammes .swiper-text a:before {
                background-color: #fff
            }

    .contenuFullPhotoSeule.swipeProgrammes .swiper-container {
        height: 800px
    }

#close-modal {
    position: absolute;
    top: 4rem;
    z-index: 50;
    cursor: pointer;
    opacity: 1;
    transition: all .3s ease;
    right: 2rem
}

    #close-modal:hover {
        opacity: .5
    }

    #close-modal:before {
        color: #fff;
        font-size: 2rem
    }


/*modal photos*/
.swiper-img-bien {
    height: 100vh !important
}

.modal {
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*z-index: 1050;*/
    -webkit-overflow-scrolling: touch;
    outline: 0;
    transition: all .3s ease-out;
}

    .modal .modal-content {
        position: relative;
        background-clip: padding-box;
        outline: 0;
        width: 80vw;
    }

        .modal .modal-content .modal-body {
            position: relative;
            padding: 0;
        }

    .modal.fade {
        visibility: hidden !important;
        opacity: 0;
        transition: opacity .15s linear;
    }

        .modal.fade .modal-dialog {
            transform: translate(25%, 0);
        }

    .modal.in {
        visibility: visible !important;
        opacity: 1;
        z-index: 5000;
    }

        .modal.in .modal-dialog {
            transform: translate(0, 0);
        }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    transition: transform .3s ease-out;
    position: relative;
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .modal-dialog .close-modal {
        position: absolute;
        color: #FFFFFF;
        right: 2rem;
        top: 2rem;
        z-index: 1050;
        line-height: 25px;
        cursor: pointer;
    }

        .modal-dialog .close-modal:before {
            font-size: 25px;
            color: #FFFFFF;
        }

    .modal-dialog .gallery-content-arrow {
        color: #FFFFFF;
        position: absolute;
        width: 100vw;
        height: 70px;
        left: 50%;
        top: 50%;
        z-index: 1050;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: center;
    }

@media screen and (max-width: 960px) {
    .modal-dialog .gallery-content-arrow {
        bottom: 0rem;
        top: unset;
    }
}

.modal-dialog .gallery-content-arrow #galleryPrev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2rem;
    width: 50px;
    cursor: pointer;
    z-index: 1050;
    line-height: 70px;
}

    .modal-dialog .gallery-content-arrow #galleryPrev:before {
        font-size: 40px;
    }

.modal-dialog .gallery-content-arrow #galleryNext {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2rem;
    width: 50px;
    cursor: pointer;
    font-size: 40px;
    line-height: 70px;
}

    .modal-dialog .gallery-content-arrow #galleryNext:before {
        font-size: 40px;
    }

.overflow-hidden {
    overflow: hidden;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1049;
    background-color: rgba(43,42,35,.9);
    visibility: visible;
}

    .modal-backdrop.fade {
        transition: opacity .15s linear;
        opacity: 0
    }

    .modal-backdrop.in {
        opacity: 1
    }

.modal-header .close {
    margin-top: -2px;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.pictosInfo {
    position: fixed;
    right: 0;
    z-index: 999;
    top: 40vh;
    width: 80px;
    text-transform: uppercase;
    font-size: 12px !important;
}

@media screen and (max-width: 960px) {
    .pictosInfo {
        display: flex;
        flex-direction: row;
        top: 32px;
        right: 1rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.pictosInfo a {
    text-decoration: none;
    display: block;
}

@media screen and (max-width: 960px) {
    .pictosInfo.scroll .phone:before, .pictosInfo.scroll .loupe:before {
        color: #161c32
    }
}

.phone {
    position: relative;
    right: 0;
    z-index: 999;
    background-color: #00000E;
    display: flex;
    flex-direction: column;
    padding: 10px;
    height: 60px;
    transition: all .5s ease;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.phoneLarge p {
    color: #FFF;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
}

.mailLarge p {
    font-size: 11px;
    line-height: 13px;
}

@media screen and (max-width: 960px) {
    .phone {
        background-color: transparent;
        height: unset;
        width: unset
    }
}


.phone:before {
    font-family: 'boonIco';
    content: "\EAA4꤆";
    color: #FFF;
    font-size: 25px;
    position: relative;
    width: 30px;
    height: 32px;
    /* display: block; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media screen and (max-width: 960px) {
    .phone:before {
        color: #FFF;
        font-size: 1rem;
        width: 20px;
    }
}

/*.phone:hover {
    right: 160px;
    transition: all .7s cubic-bezier(.45,.6,.22,1.01)
}
*/
@media screen and (max-width: 960px) {
    .phone:hover {
        right: 0
    }
}

.phone:hover p {
    opacity: 1;
    transition: all .3s ease
}

.mail {
    position: relative;
    right: 0;
    z-index: 999;
    background-color: #00000E;
    display: flex;
    flex-direction: column;
    padding: 10px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    transition: all .5s ease;
    justify-content: center;
    align-items: center;
    border-bottom: solid 1px #fff;
}

.mailLarge p {
    color: #FFF;
    text-align: center;
}

.mail.contact-nous, .mail.contact-to {
    z-index: 20
}

    .mail.contact-nous:hover, .mail.contact-to:hover {
        right: 0
    }

.mail:before {
    font-family: 'thibonFont';
    content: "\E90A";
    color: #FFF;
    font-size: 29px;
    position: relative;
    margin-bottom: 5px;
}

/*  .mail:hover {
        right: 160px;
        transition: all .7s cubic-bezier(.45,.6,.22,1.01)
    }*/

.mail:hover p {
    opacity: 1;
    transition-delay: 5s;
    transition: all .3s ease
}

@media screen and (max-width: 960px) {
    .mail {
        display: none
    }
}

/* Détail */
.fullpage {
    flex: 1 auto;
}

.ct1750 {
    width: calc(100% - 280px);
    margin: auto;
    position: relative;
}

.vente {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: flex-end;
    height: 100%;
    -moz-column-gap: 80px;
    column-gap: 80px
}

@media screen and (max-width: 980px) {
    .vente {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.vente .vente-g {
    width: 50%;
    flex: 0 1 auto;
    align-self: stretch
}

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

    .vente .vente-g {
        margin-bottom: 40px;
    }

    .vente .vente-d, .vente .vente-g {
        width: 100%;
    }
}


.vente .vente-g h2 {
    text-align: right;
    margin-bottom: 4.5rem;
    font-size: 5rem
}

@media screen and (max-width: 1350px) {
    .vente .vente-g h2 {
        font-size: 3rem
    }
}

@media screen and (max-width: 960px) {
    .vente .vente-g h2 {
        text-align: left
    }
}


.top70 {
    padding-top: 70px;
}

.bottom70 {
    padding-bottom: 70px;
}

.vente .vente-d {
    width: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex: 0 1 auto;
    align-self: stretch;
    order: 0;
    justify-content: space-between;
}

.vente-img-2 {
    position: relative;
}

    .vente-img-2 img {
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .vente-img-2:before {
        content: '';
        padding-bottom: 100%;
        display: block;
    }
/*
@media screen and (max-width: 1350px) {
    .vente .vente-d {
        width: 45%
    }
}*/

@media screen and (max-width: 960px) {
    .vente .vente-d {
        width: 100%
    }
}

.vente .vente-d article {
    width: 100%;
    margin-top: 2.5rem
}

@media screen and (max-width: 960px) {
    .vente .vente-d article {
        width: 100%
    }
}



.paginationListing {
    margin: 30px auto;
    text-align: center;
    height: auto;
    display: flex;
    position: relative;
    flex-basis: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

    .paginationListing span {
        background: none;
        color: #222;
        border: 0;
        border-radius: 0;
        width: 20px;
    }

    .paginationListing a {
        background: none;
        color: #b5ab90;
        border: 0;
        text-decoration: none;
        font-weight: 500;
        transition: all .3s ease;
        width: 20px;
    }

        .paginationListing a:hover {
            color: #222;
            background: none;
            cursor: pointer
        }

.BlocBien:hover .filtreBleu, .BlocBienBig:hover .filtreBleu {
    background-color: rgba(22,28,50,.15);
}


span.Pager-btn.Pager-btn--num.Pager-btn--current {
    border-bottom: solid 2px #000;
}

.filtreBleu {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(22,28,50,.4);
    transition: all ease-in-out .4s;
}

.BlocBienLink {
    text-decoration: none;
}

.pageBiens-content {
    width: 100%;
}

.BlocBiens .Bien {
    opacity: 1;
}

.BlocBiens {
    max-width: 1400px;
    display: grid;
    flex-direction: row;
    grid-gap: 20px;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: 1fr;
    grid-auto-flow: row;
    margin: auto;
}

.BlocBien {
    position: relative;
    display: flex;
    width: 100%;
}

    .BlocBien:before {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

.BlocBienExclusif {
    font: var(--font-regular);
    background-color: var(--col-main);
    color: #FFF;
    position: absolute;
    top: 0;
    padding: 10px 20px;
    margin: 15px;
    right: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

.BlocBienImg {
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

.BlocBienImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.BlocBiens .Bien a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.BlocBienImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.BlocBienTxt {
    color: #fff;
    z-index: 3;
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-align: left;
    width: 80%;
}

.destination {
    font-size: 16px;
    font-weight: bold;
}

.BlocBienNom {
    font-size: 25px;
    line-height: 28px;
    text-transform: uppercase;
    margin: 12px 0;
}

.BlocBienPrix {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
}


.body_1229 .bandeauSliderMaster .swiper-container {
    height: 70vh;
    margin-bottom: 30px;
}

.vente.ct1750 {
    width: calc(100% - 280px);
    margin: auto;
    align-items: stretch;
    justify-content: center;
    align-content: space-around;
    display: flex;
    -moz-column-gap: 0px;
    /* column-gap: 0
px
; */
}





.retour-resultat {
    position: absolute;
    bottom: 0;
    right: 140px;
    cursor: pointer;
    z-index: 50;
    background-color: #00000ec4;
    padding: 15px 40px;
    text-transform: uppercase;
    color: #fff;
}

    .retour-resultat:hover {
        background-color: #000;
    }


    .retour-resultat a {
        color: #FFF;
        font: var(--font-regular);
        text-decoration: none;
    }


.ct1750.cheminNav {
    display: flex;
    align-items: center;
    align-content: center;
    font-family: 'Roboto';
    font-size: 12px;
    letter-spacing: 0px;
    color: #000;
}

    .ct1750.cheminNav a {
        color: #b5ab90;
        margin-right: 10px;
        text-decoration: none;
    }

a.maison {
    display: inline-block;
    background-image: url(/images_b/homepicto.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
}


.infoPlus, .ct.infoPlus {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 800px;
}

@media screen and (max-width: 1350px) {
    .infoPlus, .ct.infoPlus {
        width: calc(100% - 120px);
        margin-left: 60px;
        margin-right: 60px;
    }
}

span.TxtVilleRef {
    display: flex;
    color: #b5ab90;
    font-size: 20px;
}

span.txtRef {
    font-weight: 100;
    margin-left: 5px;
}

span.txtVille {
    font-weight: bold;
    margin-right: 5px;
}

span.txtTypeBien, .txtPcSurface {
    font-size: 30px;
    line-height: 32px;
    text-align: left;
}


span.PrixBien {
    display: block;
    font-size: 60px;
    line-height: 70px;
    font-family: 'Roboto';
    font-weight: 600;
    color: #000;
}


.charge-a {
    padding-bottom: 30px;
}

    .charge-a:after {
        content: '';
        display: block;
        position: relative;
        height: 2px;
        width: 80px;
        background-color: black;
        margin-top: 25px;
    }

.info-vente {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.pieces, .chambres, .SurfaceHab {
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}


    .pieces:before, .chambres:before, .SurfaceHab:before {
        content: '';
        display: block;
        height: 25px;
        width: 25px;
        margin-right: 10px;
        background-image: url(/images_b/picMaison.svg);
        background-size: contain;
    }

    .chambres:before {
        content: '';
        background-image: url(/images_b/picLit.svg);
    }

    .SurfaceHab:before {
        content: '';
        background-image: url(/images_b/picSurface.svg);
    }


article.readmore {
    font-size: 13px;
    font-weight: 100;
    font-family: 'Roboto';
    line-height: 23px;
}

.InfoPlusTitre h3 {
    text-transform: uppercase;
    color: #b5ab90;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px;
}

.vente.infoPlus.conso {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: solid 1px #000;
    padding-bottom: 80px;
}

.InfoPlusTitre span {
    font-weight: 500;
    display: block;
    margin-bottom: 50px;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
}

.GlobEquipement, .LesPlusGeneral {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

    .GlobEquipement span.h3 {
        text-transform: uppercase;
    }



.globale, .equipements, .les-plus, .general {
    display: flex;
    flex-direction: column;
    width: 48%;
}


span.h4 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #b5ab90;
    margin-bottom: 10px;
}

.enum-pieces {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
    /*    padding-left: 10px;
*/
}

.GlobEquipement span {
    line-height: 25px;
}

.enum-pieces span {
    width: 48%;
    flex-direction: row;
    display: flex;
}

    .enum-pieces span:before {
        content: '';
        width: 5px;
        height: 5px;
        background-color: #b5ab90;
        display: block;
        border-radius: 10px;
        margin-right: 10px;
        margin-top: 7px;
    }

.ct1750.vente.infoPlus.conso .vente-d {
    width: 70%;
}

.vente-contact {
    justify-content: space-between;
    align-items: center;
    align-content: space-around;
    margin-bottom: 150px;
    -moz-column-gap: 0px;
         column-gap: 0px;
    margin-top: 80px;
}

    .vente-contact .vente-g {
        width: 40%;
        overflow: hidden;
    }

        .vente-contact .vente-g img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }

    .vente-contact .vente-d {
        width: 60%;
    }

        .vente-contact .vente-d img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
        }

.vente-info-d {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px;
    box-sizing: border-box;
    background-color: #eeeeee;
}

    .vente-info-d p, .vente-info-d h2 {
        text-align: center;
    }




    /*formulaire bien*/

    .vente-info-d .formulaireDoubleCol {
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .vente-info-d .formulaire-double {
        width: 45%;
        box-sizing: border-box;
        margin-right: 30px;
    }

        .vente-info-d .formulaire-double .formulaire-row {
            width: 100%;
            box-sizing: border-box;
        }


    .vente-info-d .formulaire textarea {
        font-style: italic;
        font-size: 14px !important;
        color: #707070;
    }


    .vente-info-d .formulaire label {
        color: #000;
        opacity: 1;
        font-size: 14px;
    }


    .vente-info-d .formulaire-row.message textarea:focus ~ label, .vente-info-d .formulaire-row.message textarea.fill ~ label {
        color: #000;
        opacity: 1;
        font-size: 14px;
        top: -30px;
    }


    .vente-info-d .formulaire-checks label {
        color: #000;
        opacity: 1;
        font-size: 12px;
    }


    .vente-info-d .formulaire-send {
        text-align: center;
        margin-top: 30px;
    }

.formulaire-send a {
    width: 180px;
    margin-top: 0px;
    display: inline-block;
    box-sizing: border-box;
}



.visites {
    width: 100%;
    background-color: #eeeeee;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 50px 5% 0 5%;
    margin-bottom: 250px !important;
    box-sizing: border-box;
}

    .visites iframe {
        width: 100%;
        height: 70vh;
        margin-bottom: -80px;
    }


/*.body_1229 .ct {
    width: calc(100% - 280px);
}*/

.bien-conso {
    width: 50%;
}
/*fin ajout vente*/



.conteneurBlocImageTexte .ct, .conteneurBlocImgTxt .ct-petit, .conteneurBlocTxtImg .ct-petit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

/*.conteneurBlocImageTexte .ct, .conteneurBlocImageTexte .ct-petit {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;te
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
}*/

.recherche-bien .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #7E7660;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #837b66;
}

.ct-critere, .ct-critere.formulaire {
    color: #7E7660;
    text-transform: uppercase;
    display: block;
}

.ct-calendar-wrapper {
    display: flex;
    align-items: center;
}

.selection, .select2container, .select2-selection--single {
    width: 100%;
}


/*.recherche-bien .ct-critere:first-child {
    width: 130px;
}*/
/*  .ct-critere.maisonChalet {
        width: 150px;
    }*/

.bdgMin, .bdgMax {
    display: flex;
    align-items: center;
}

    .bdgMin span, .bdgMax span {
        margin-right: 10px;
        white-space: nowrap;
    }

    .bdgMin input, .bdgMax input {
        width: 120px;
    }


.recherche-bien input[type="text"], .recherche-bien input[type="password"], .recherche-bien input[type="number"], .recherche-bien input[type="email"], .recherche-bien input[type="tel"], .recherche-bien input[type="url"], .recherche-bien textarea, .recherche-bien select {
    height: 27px;
    line-height: 20px;
}

.recherche-bien .ct-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    line-height: 27px;
}

.bandeauSlider-resa .recherche-plus {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding: 0px 10px 0 10px;
}

.recherche-plus .ct-destination {
    margin: 5px 20px;
}

.recherche-plus .recherche-blocGauche {
    margin-right: 60px;
}

.recherche-plus .select2-selection--single {
    height: 100%;
}


.conteneurBlocImageTexte .ct, .conteneurBlocImgTxt .ct, conteneurBlocImgTxt .ct-petit, .conteneurBlocImageTexte .ct-petit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}


.retour-resultat a:hover {
}

.vente .vente-d {
    justify-content: flex-start;
}

.colFlu {
    display: flex;
    flex-direction: column;
}

.vente article {
    width: 60%;
    margin-top: 2.5rem;
}

.readmore {
    --fz: 16;
    --lh: 1.5;
    --max-lines: 16;
    font-size: var(--fz);
    line-height: var(--lh);
    -webkit-line-clamp: var(--max-lines);
    max-height: calc(var(--fz)*var(--lh)*var(--max-lines));
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    transition: max-height .5s ease;
}

.vente-suite {
    font-style: italic;
    font-weight: bold;
    cursor: pointer;
    transition: opacity .3s ease-in-out;
    opacity: 1;
}

.ct-conso {
    display: flex;
    justify-content: space-around;
    width: 100%;
    box-sizing: border-box;
}

.diagCe, .diagGes {
    box-sizing: content-box;
    color: #000;
    padding: 15px;
    display: inline-block;
    width: 300px
}

    .diagCe .diagTitre, .diagGes .diagTitre {
        display: block;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 15px
    }

    .diagCe .diagTitre2, .diagGes .diagTitre2 {
        display: block;
        margin-bottom: 5px;
        font-size: 11px
    }

    .diagCe .diagNota, .diagGes .diagNota {
        font-size: 10px
    }

    .diagCe ul, .diagGes ul {
        list-style: outside none none !important;
        margin: 0
    }

        .diagCe ul li, .diagGes ul li {
            font-size: 11px;
            line-height: 21px;
            padding: 3px 5px;
            position: relative;
            list-style: outside none none !important;
            margin-bottom: 2px
        }

    .diagCe .note::before {
        border-color: transparent transparent transparent #b2b3b3;
        border-style: solid;
        border-width: 14px;
        content: "";
        position: absolute;
        top: 0;
        right: -28px
    }

    .diagCe .note span {
        font-size: 14px;
        font-weight: 700;
        margin: 0 10px 0 0
    }

    .diagCe .note-a {
        background: #339a33;
        width: 65px
    }

        .diagCe .note-a::before {
            border-color: transparent transparent transparent #339a33
        }

    .diagCe .note-b {
        background: #3c3;
        width: 85px
    }

        .diagCe .note-b::before {
            border-color: transparent transparent transparent #3c3
        }

    .diagCe .note-c {
        background: #cf3;
        width: 105px
    }

        .diagCe .note-c::before {
            border-color: transparent transparent transparent #cf3
        }

    .diagCe .note-d {
        background: #ff0;
        width: 125px
    }

        .diagCe .note-d::before {
            border-color: transparent transparent transparent #ff0
        }

    .diagCe .note-e {
        background: #fc0;
        width: 145px
    }

        .diagCe .note-e::before {
            border-color: transparent transparent transparent #fc0
        }

    .diagCe .note-f {
        background: #ff9a33;
        width: 165px
    }

        .diagCe .note-f::before {
            border-color: transparent transparent transparent #ff9a33
        }

    .diagCe .note-g {
        background: #f00;
        width: 185px
    }

        .diagCe .note-g::before {
            border-color: transparent transparent transparent #f00
        }

    .diagGes .note::before {
        border-color: transparent transparent transparent transparent;
        border-style: solid;
        border-width: 14px;
        content: "";
        position: absolute;
        top: 0;
        right: -28px
    }

    .diagGes .note span {
        font-size: 14px;
        font-weight: 700;
        margin: 0 10px 0 0
    }

    .diagGes .note-a {
        background: #dacfe6;
        width: 65px
    }

        .diagGes .note-a::before {
            border-color: transparent transparent transparent #dacfe6
        }

    .diagGes .note-b {
        background: #cf95e6;
        width: 85px
    }

        .diagGes .note-b::before {
            border-color: transparent transparent transparent #cf95e6
        }

    .diagGes .note-c {
        background: #b86cd9;
        width: 105px
    }

        .diagGes .note-c::before {
            border-color: transparent transparent transparent #b86cd9
        }

    .diagGes .note-d {
        background: #a439d5;
        width: 125px
    }

        .diagGes .note-d::before {
            border-color: transparent transparent transparent #a439d5
        }

    .diagGes .note-e {
        background: #ad2bd9;
        width: 145px
    }

        .diagGes .note-e::before {
            border-color: transparent transparent transparent #ad2bd9
        }

    .diagGes .note-f {
        background: #990acc;
        width: 165px
    }

        .diagGes .note-f::before {
            border-color: transparent transparent transparent #990acc
        }

    .diagGes .note-g {
        background: #8500cc;
        width: 185px
    }

        .diagGes .note-g::before {
            border-color: transparent transparent transparent #8500cc
        }

.indice {
    color: #000;
    font-size: 14px !important;
    font-weight: bold;
    width: 40px;
    position: relative;
    left: 160px;
    margin: 0
}

    .indice::before {
        height: 2px;
        background-color: #444;
        content: "";
        width: 23px;
        position: absolute;
        top: 8px;
        right: 46px;
        z-index: 9
    }




.conteneurBlocImageTexte .ct, .conteneurBlocImageTexte .ct-petit, .conteneurBlocTxtImg .ct, .conteneurBlocTxtImg .ct-petit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}


.topTitre {
    z-index: 8100;
    position: absolute;
    max-width: 750px;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: calc(595px/2 + 90px);
}

.body_21 .topTitre {
    top: calc(595px/2 + 120px);
}

.titreIntro {
    position: relative;
}

    .titreIntro h1 {
        margin-bottom: 0;
    }

    .titreIntro h1, .titreIntro a {
        color: #fff;
    }

        .titreIntro h1 span:last-child {
            margin-top: 8px;
        }


.select2-results__option[aria-selected] {
    text-transform: uppercase;
}

.no-result {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    border: solid 1px var(--col-main);
    padding: 30px;
    color: var(--col-main);
    width: 760px;
    margin: 0 auto 100px auto;
}

.nb-photos {
    background-color: #00000e;
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 70px;
    padding: 12px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    /*    pointer-events: none;
*/ line-height: 13px;
    z-index: 3 !important;
    pointer-events: none;
}

    .nb-photos:before {
        content: '';
        background-image: url(/images_b/photo.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        display: block;
        margin-bottom: 10px;
    }



.body_1229 .bandeauSlider-logo {
    top: 0px;
}

.blocMag .ct > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.blocMag a {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

    .blocMag a:first-of-type {
        margin-bottom: 20px;
    }

    .blocMag a:last-of-type {
        margin-top: 20px;
    }



/*Actu Single*/

.ct-actuWrapper {
    max-width: 800px;
    margin: 0 auto;
}

@media screen and (max-width: 960px) {
    .ct-actuWrapper {
        margin: 0 60px;
    }
}

@media screen and (max-width: 680px) {
    .ct-actuWrapper {
        margin: 0 20px;
    }
}

.a-savoir span {
    display: inline-block;
    width: 100%;
}



/****MAP LISTING****/

.sectionMapListing {
    display: flex;
    gap:20px;
}

    .sectionMapListing .immo {
        width: 50%;
        position: relative;
    }
        .sectionMapListing .immo .ctLarge {
            position: -webkit-sticky;
            position: sticky;
            top: 50px;
        }
            .sectionMapListing .immo .ctLarge .immo-list #ctl00_cphPanMilieu_ListViewImmo_mapImmo {
                height: calc(100vh - 55px) !important;
            }

    .sectionMapListing .lstProg {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 0;
    }
        .sectionMapListing .lstProg .lstProg-el {
            flex-shrink: 0;
            width: calc(50% - 20px) !important;
            /* max-height: 455px; */
            position: relative;
            text-decoration: none;
            z-index: 200;
            box-sizing: border-box;
            margin: 0px 10px 60px 10px;
        }
            .sectionMapListing .lstProg .lstProg-el .btnBien {
                display: flex;
                justify-content: center;
                gap: 10px;
            }
                .sectionMapListing .lstProg .lstProg-el .btnBien .btnInfo {
                    font: var(--font-bold);
                    color: var(--col-main);
                    border: solid 1px var(--col-main);
                    line-height: 25px;
                    background: #fff;
                    margin-top: 8px;
                    padding: 0 20px;
                    display: inline-block;
                    transition: all ease 0.3s;
                }




                    .sectionMapListing .lstProg .lstProg-el .btnBien .btnInfo:hover {
                        background: var(--col-main);
                        color: #fff;
                    }
.gm-style .gm-style-iw-c {
    max-height: 373px !important;
    padding: 19px;
}
button.gm-ui-hover-effect {
    width: 25px !important;
    height: 25px !important;
}
    button.gm-ui-hover-effect span {
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
    }
.infoMarker {
    text-decoration: none;
}
    .infoMarker .imageMarker {
        width: 100%;
        height: 200px;
    }
        .infoMarker .imageMarker img {
            -o-object-fit: contain;
               object-fit: contain;
            height: 100%;
            width: 100%;
        }


    .infoMarker .contentMarker {
        padding: 20px;
        text-align: center;
    }

.gm-style img {
    max-width: none;
    -o-object-fit: contain;
       object-fit: contain;
}




    .infoMarker .infoMarkerTitre {
        font: var(--font-medium);
        display: block;
        color: var(--col-texte);
        font-size: 18px;
        line-height: 22px;
        max-height: 46px;
        overflow: hidden;
        margin-bottom: 5px;
        text-align: center;
        padding: 20px;
    }

    .infoMarker .infoMarkerPrix {
        font: var(--font-bold);
        background-color: var(--col-main);
        line-height: 25px;
        color: #fff;
        margin-top: 8px;
        padding: 0 20px;
        display: inline-block;
    }

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

    .sectionMapListing .immo {
        width: 35%;
    }
     .sectionMapListing .lstProg {
        width: 65%;
    }

   /* .sectionMapListing .lstProg .lstProg-el {
        width: 100% !important;
    }*/
}
@media screen and (max-width: 1175px) {
    .sectionMapListing .lstProg, .sectionMapListing .immo {
        width: 50% !important;
    }

     .sectionMapListing .lstProg .lstProg-el {
        width: 100% !important;
    }
}

@media screen and (max-width: 960px) {
    .sectionMapListing .lstProg .lstProg-el {
        width: calc(50% - 20px) !important;
    }

    .sectionMapListing {
     flex-wrap:wrap;
    }

        .sectionMapListing .immo, .sectionMapListing .lstProg {
            width: 100% !important;
            margin: auto;
        }

            .sectionMapListing .immo .ctLarge {
                position: relative;
                top: auto;
            }
                .sectionMapListing .immo .ctLarge .immo-list #ctl00_cphPanMilieu_ListViewImmo_mapImmo {
                    height: 350px !important;
                }

}

@media screen and (max-width: 640px) {
    .sectionMapListing .lstProg .lstProg-el {
        width: 100% !important;
    }
}


.mobile {
    display: none;
}

.noMobile {
    display: inline-block;
}

.menuMobLogo {
    display: none;
}

.iconSearchMob {
    display: none;
    cursor: pointer;
}

.iconCompteMob {
    display: none;
    cursor: pointer;
}

.langueDrop {
    display: none;
    cursor: pointer;
}


@media (max-width: 1600px) {

    .txtPicto {
        width: 100%;
    }

    .ct, .BlocBiens {
        width: 1250px;
    }

    .homeProgrammes-next {
        right: -60px;
    }

    .homeProgrammes-prev {
        left: -60px;
    }
}

@media (max-width: 1500px) {


    .ct-petit, .blocNewsletter-in {
        width: 1050px;
    }

    /*    .bandeauSliderHome {
        margin-bottom: 80px;
    }*/

    h1, .h1 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 30px;
    }

    h2 span, .h2 span {
        font-size: 20px;
    }

    /*    .lstProg-el {
        height: 360px;
    }*/

    .lstProg-capt {
        bottom: -15px;
    }

    .lstProg-titre {
        font-size: 16px;
        line-height: 20px;
        max-height: 42px;
    }

    .panels {
        height: 550px;
    }

    .panel {
        margin: 3px;
    }

    .panel-content {
        bottom: 50px;
        padding: 0px 10px;
    }

    .panel-titre:before {
        font-size: 37px;
        line-height: 37px;
    }

    .panel:hover .panel-titre:before {
        font-size: 46px;
        line-height: 46px;
    }

    .panel:hover {
        width: 300px;
    }

    .homeProgrammes-slider {
        height: 730px;
    }

    .actuCt {
        width: 340px;
    }


    .contenuMixteTexteG,
    .contenuMixteTexteD {
        width: 42%;
    }

    /*    .contenuMixteImageG .swiper-slide,
    .contenuMixteImageD .swiper-slide {
        max-height: 400px;
    }*/

    .imgTxtDown {
        margin-bottom: -70px;
    }

    .backGray + .imgTxtUp:before {
        height: 65px;
    }

    /*    .bandeauSliderMaster .swiper-container {
        height: 460px;
    }*/

    .bandeauSliderMaster .bandeauSlider-logo {
        top: 70px;
        width: 150px;
    }


    .body_1229 .bandeauSliderMaster .bandeauSlider-logo {
        top: 20px;
    }

    .bandeauSliderMaster .bandeauSlider-desc {
        top: 240px;
        width: 890px;
    }

    .triEls-quatro .triEl {
        width: 295px;
    }

    .actuCt {
        width: 330px;
    }

    .actuImage {
        height: 360px;
    }

    .sliderBien {
        height: 580px;
    }

/*   .detailLeft {
        width: 650px;
    }*/

    .dtEkip-el {
        width: 130px;
        height: 130px;
        padding: 12px;
    }

        .dtEkip-el:last-of-type:not(:nth-of-type(5n)) {
            width: 131px;
        }


   
    .dtProg-sliderImg {
        height: 600px;
    }

    .packHotelCt {
        padding: 30px 85px 30px 30px;
    }

    .triEl {
        width: 330px;
    }

 
}


@media (max-width: 1350px) {


    .vente-info-d .formulaire-double {
        margin-right: 0;
        width: 100%;
    }

    .BlocBiens {
        width: calc(100% - 150px);
    }

    .ct, .ct.infoPlus {
        width: calc(100% - 150px);
        margin: 0 75px;
    }

    .ct-petit, .blocNewsletter-in {
        width: 980px;
    }

    .navBurger {
        padding: 160px 180px 80px 180px;
    }
        .navBurger > ul > li {
            margin-bottom: 30px;
        }

        .navBurger ul li a {
            font-size: 22px;
            line-height: 28px;
        }

        .navBurger ul li ul a {
            font-size: 14px;
        }

    /*   .recherche-bien .ct-critere {
        width: 30%;
    }*/

    /*    .select2-selection--single {
       width: 170px;
    }
*/


    .imgTxtUp .ct .contenuMixteImageD, .imgTxtUp .ct .contenuMixteImageG {
        margin-top: -50px;
    }

    .imgTxtUp .ct .contenuMixteTexteD, .imgTxtUp .ct .contenuMixteTexteG {
        padding-top: 50px;
    }

    /*    .ccb592 .ct .ct-petit {
        width: 100%;
    }*/

    .bandeauSlider-desc h1 {
        margin-bottom: 40px;
    }

   
    /*
    .bandeauSliderHome {
        margin-bottom: 65px;
    }*/

    h1, .h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 25px;
    }

    h2 span, .h2 span {
        font-size: 18px;
    }

    .conteneurContenuBloc {
        margin-bottom: 65px;
    }

    .smallmargin {
        margin-bottom: 30px;
    }

    .backGray, .backGray.backGrayHome {
        padding: 65px 0px;
    }

    .ct-detail, .ct-petit.ct-detail, .ct.ct-detail {
        margin-bottom: 65px;
    }

    .panels {
        height: 500px;
    }

    .panel {
        margin: 1px;
        width: 12.3%;
    }

        .panel:hover {
            width: 260px;
        }

    .panel-content {
        bottom: 50px;
        padding: 0px 0px;
    }

    .panel-desc {
        font-size: 16px;
        line-height: 21px;
    }

    .homeProgrammes-slider {
        height: 600px;
    }

    .homeProgrammes-titre {
        font-size: 35px;
        line-height: 40px;
    }

    .actuCt {
        width: 310px;
    }

    .actuImage {
        height: 340px;
    }

    .actuDesc {
        height: 160px;
        padding: 20px 30px;
    }

    .bandeauSliderHome .bandeauSlider-logo {
        top: 50px;
        width: 250px;
    }

    .bandeauSlider-desc h1 {
        margin-bottom: 20px;
    }

    .homeProgrammes-next:before, .homeProgrammes-prev:before {
        font-size: 30px;
        line-height: 30px;
    }

    .homeProgrammes-next {
        right: -50px;
    }

    .homeProgrammes-prev {
        left: -50px;
    }

    .bandeauSlider:after {
        top: -30px;
        right: 15px;
        width: 110px;
        height: 150px;
    }

    .footerAdresses {
        max-width: 980px;
    }

    /*
    .bandeauSliderMaster .swiper-container {
        height: 400px;
    }*/

    .contenuMixteTexteG, .contenuMixteTexteD {
        width: 45%;
    }

    .imgTxtDown .contenuMixteTexteG,
    .imgTxtDown .contenuMixteTexteD {
        margin-top: -60px;
    }

    .backGray + .imgTxtUp:before {
        height: 55px;
    }

    .bandeauSliderMaster .bandeauSlider-logo {
        top: 50px;
        width: 130px;
    }

    .body_1229 .bandeauSliderMaster .bandeauSlider-logo {
        top: 20px;
    }

    .bandeauSliderMaster .bandeauSlider-desc {
        top: 200px;
        width: 890px;
    }

    /*    .backGray {
        padding: 60px;
    }
*/
    /*Quand on a deux blocs backGray l'un sous l'autre*/
    /*    .backGray + .backGray {
        margin-top: -10px;
    }*/

    .ccb592.conteneurContenuBloc h2.h1 {
        padding-top: 0px;
        margin-bottom: 35px;
    }

    .thibon8 h2 {
        margin-bottom: 35px;
    }

    .imgTxtDown {
        margin-bottom: -40px;
    }

        .imgTxtDown .contenuMixteTexteG,
        .imgTxtDown .contenuMixteTexteD {
            margin-top: -40px;
        }

        .imgTxtDown + .backGray {
            padding-top: 105px;
        }

    .backGray + .imgTxtUp:before {
        height: 35px;
    }

    .sliderBien-prev,
    .bandeauSlider .swiper-button-prev {
        left: 30px;
    }

    .sliderBien-next,
    .bandeauSlider .swiper-button-next {
        right: 30px;
    }

    .triEls-quatro .triEl {
        width: 265px;
    }

    .triEls-partenaires .triEl-image, .triEls-contact .triEl-image {
        height: 180px;
    }

    .triEl-desc {
        padding: 20px 25px;
    }

    .triEl-titre {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px;
    }

    .contact-mapLien {
        opacity: 0.6;
        font-size: 14px;
        margin-top: 15px;
    }

    .actuCt {
        width: 305px;
    }

    .actuImage {
        height: 325px;
    }

    .sliderBien {
        height: 540px;
    }

/*    .detailLeft {
        width: 590px;
    }*/

/*    .detailRight {
        width: 330px;
    }*/

    .ct-retour {
        margin-top: -50px;
    }

        .btnRetour  {
            line-height: 50px;
            letter-spacing: 0.5px;
            padding: 0px 20px;
        }

    .dtProg-contact {
        padding: 20px;
    }

    .detailResa {
        padding: 15px;
    }

    .detailRight-infos {
        margin-top: 20px;
        padding: 30px;
    }

    .dtTop-titre {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .dtTop-pictoImg {
        width: 25px;
        height: 25px;
        margin-right: 9px;
    }

    .dtTop {
        padding-bottom: 25px;
        margin-top: 40px;
        margin-bottom: 35px;
    }
    .dtTop-ref {
        text-align: left;
    }
    .dtEkip-el {
        width: 118px;
        height: 118px;
        padding: 10px;
    }

        /*.dtEkip-el:nth-of-type(5n) {
            border-right: 0px solid #dde1e7;
        }

        .dtEkip-el:nth-of-type(4n), 
        .dtEkip-el:last-of-type {
            border-right: 1px solid #dde1e7;
        } 

        .dtEkip-el:last-of-type:not(:nth-of-type(4n)) {
            width: 148px;
        }*/

        .dtEkip-el:last-of-type:not(:nth-of-type(5n)) {
            width: 119px;
        }

    .dtEkip-elImg {
        width: 35px;
        height: 35px;
        margin-bottom: 10px;
    }

    .dtEkip-el span {
        font-size: 13px;
        line-height: 16px;
        display: block;
    }

    .dtProg-sliderImg {
        height: 540px;
    }

    .dtProg-sliderContenu .swiper-container {
        height: 570px;
    }

    .btnRetour {
        width: 350px;
    }

    .detailRight-infosMeubles {
        margin-top: 0px;
    }

    /*  .txtPicto {
        width: 230px;
    }*/

    .txtPicto:before {
        display: block;
        width: 35px;
        font-size: 35px;
        line-height: 40px;
        font-family: thibonFont;
        color: var(--col-main);
        margin-right: 12px;
    }
    
    .txtPicto-pass:before,
    .txtPicto-cours:before {
        width: 35px;
        height: 35px;
    }

    .partLogos {
        width: 100%;
    }

    .triEl {
        width: 305px;
        /*margin: 0 20px 35px 0;*/
    }

        .triEl:nth-last-child(-n+2) {
            margin-bottom: 0;
        }

    .triEl-image {
        height: 350px;
    }

    .triEl-desc {
        padding: 15px 20px;
    }


    .lstProg-el {
        margin: 0px 5px 60px 5px;
    }

    .lstProg-capt {
        bottom: -30px;
    }

    .dtProg-slider .bandeauSlider-desc {
        top: 250px;
    }

    .lstProg-lastImg {
        width: 100px;
    }

    .lstProg-elLast {
        padding: 15px 0;
    }

        .lstProg-elLast h2 {
            font-size: 15px;
            line-height: 21px;
            box-sizing: border-box;
            width: 100%;
            padding: 0 20px;
            margin: 15px 0 15px 0;
        }

        .lstProg-lastImg img {
            width: 80px;
        }

        .lstProg-lastLiens a {
            font-size: 14px;
            line-height: 40px;
            padding: 0 25px;
            margin: 0 10px;
        }

    .bandeauSlider-desc {
        width: 90%;
        margin: -143px auto 100px auto;
        position: relative;
        z-index: 8200;
    }

    .recherche-bien {
        flex-wrap: wrap; /*
        justify-content: space-around;*/
    }

    .recherche-ct {
        width: calc(100% - 150px);
        margin-left: 75px;
        margin-right: 75px;
        margin-top: -58px;
    }


    /*    .ct-critere {
        width: 30%;
    }*/

    .recherche-plusLbl {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 1270px) {
    .actusCt {
        justify-content: center;
    }

    .ct-petit, .blocNewsletter-in, .texteDouble .ct-petit {
        width: calc(100% - 150px);
        margin: 0 75px;
    }

    .ct-retour {
        margin-top: -50px;
    }

    .actuCoords {
        width: calc(305px*2 + 20px);
        margin-top: 10px;
    }

    .recherche-bien .btn {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1190px) {
    .bandeauSliderHome .bandeauSlider-desc{
        margin-top: -193px;
    }
}

@media (max-width: 1150px) {

    .navBurger {
        padding: 80px 180px;
    }

    .navBurgerBtn {
        top: 85px;
        width: 96px;
        pointer-events:none;
    }

    .recherche-bien {
        padding: 10px 20px 20px 20px;
    }

        .recherche-bien:not(.recherche-criteres) > div:last-child {
            margin-right: 0;
        }

    .recherche-bien {
        min-height: 60px;
        padding: 20px;
        justify-content: flex-start;
    }

        .recherche-bien .ct-critere {
            /*width: 120px;*/
            width: 100%;
            padding: 0px;
        }

        .recherche-bien .ct-personne {
            width: 120px;
            margin-top: 10px;
        }

        .recherche-bien .ct-destination, .recherche-bien .maisonChalet, .recherche-bien .appartement {
            width: calc(25% - 20px);
        }

        .recherche-bien .btn {
            margin-left: auto;
            margin-right: 0px;
            box-sizing: border-box;
        }

        .recherche-bien .ct-destination {
            margin-right: 20px;
        }

        .recherche-bien .ct-calendar-wrapper {
            width: 50%;
            margin-right: 20px;
        }

            .recherche-bien .ct-calendar-wrapper .ct-calendar {
                width: calc(50% - 20px);
            }

                .recherche-bien .ct-calendar-wrapper .ct-calendar::after {
                    right: 2px;
                }

                .recherche-bien .ct-calendar-wrapper .ct-calendar:first-child {
                    margin-right: 20px;
                }


    .ct, .recherche-ct {
        width: calc(100% - 120px);
        margin-left: 60px;
        margin-right: 60px;
    }

    .recherche-plusCt {
        padding: 0 20px;
    }

    .ct-petit {
        width: calc(100% - 200px);
        margin: 0 100px;
    }

        .ct-petit.ct-detail, .ct-petit.ct-retour {
            width: 100%;
            margin: 0;
        }

    /*    .ct-detail, .ct-petit.ct-detail, .ct.ct-detail {
            margin-bottom: 80px;
        }*/

        .ct-petit.ct-retour {
            margin-top: -50px;
        }

    .blocNewsletter-in {
        width: calc(100% - 320px);
        margin: 0 160px;
    }

    .divCenter p {
        width: calc(100% - 120px);
        margin: 0 auto;
    }

    .imgTxtUp .ct .contenuMixteImageD, .imgTxtUp .ct .contenuMixteImageG {
        margin-top: -30px;
    }

    .imgTxtUp .ct .contenuMixteTexteD, .imgTxtUp .ct .contenuMixteTexteG {
        padding-top: 40px;
    }

    .thibon8-el {
        width: 24.5%;
    }

        .thibon8-el:nth-child(n + 5) {
            margin-top: 30px;
        }

    /*    ===============Vente===================     */


    .vente.ct1750 {
        width: 90%;
    }

    /*    iframe.fullIframe {
        height: 470px;
    }*/

    .ct .grid_12 {
        width: 90%;
    }

    .BlocBiens {
        grid-template-columns: repeat(2,1fr);
        width: calc(100% - 120px);
        margin: 0 60px;
    }

    /*.vente.infoPlus, .ct1750, .body_1229 .ct {
        width: 90%;
    }*/

    /*    ==================================     */

    /*    .ct {
        width: 960px;
    }*/


    /* .actuCt,
    .actusCtListing .actuCt,
    .actusCtListing .actuCt:nth-of-type(3n) {
        margin: 0 7px 25px 7px;
    }*/
    /*
    .actuCoords {
        height: 480px;
    }
*/

    /*     .ct-petit .actuCt{
            width: calc(33% - 10px);
            padding:0 20px;
            box-sizing: border-box;
        }*/

    /*    .lstProg-el {
        height: 300px;
    }*/

    .lstProg-capt {
        bottom: -30px;
        width: calc(100% - 60px);
    }

    .lstProg-titre {
        font-size: 15px;
        line-height: 20px;
        max-height: 42px;
    }


    .lstProg-lastLiens a {
        font-size: 12px;
        line-height: 36px;
    }

    .titreLogo:before {
        width: 65px;
        height: 80px;
        margin: 0 auto 20px auto;
    }

    .panel {
        width: 24.7%;
        height: 400px;
    }

        .panel:hover {
            width: 24.7%;
        }

    .panels {
        height: auto;
        flex-wrap: wrap;
    }

    .homeProgrammes-slider {
        height: 520px;
    }

    .homeProgrammes-content {
        width: 380px;
    }

    .homeProgrammes-titre {
        font-size: 30px;
        line-height: 35px;
    }

    .homeProgrammes-prev {
        left: -40px;
    }

    .homeProgrammes-next {
        right: -40px;
    }

    .ctHomeProgrammes .btn {
        margin-top: 30px;
    }

    .bandeauSliderMaster .swiper-container {
        height: 500px;
    }

    /* centrer le titre dans le slider*/
    .topTitre {
        top: calc(545px/2 + 100px);
    }

    .bandeauSliderMaster .bandeauSlider-logo {
        top: 40px;
        width: 110px;
    }

    .bandeauSliderMaster .bandeauSlider-desc {
        top: 170px;
        width: 890px;
    }

    h2, .h2 {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 20px;
        letter-spacing: 0px;
    }

    /*   .imgTxtUp,
    .backGray + .imgTxtUp {
        margin-top: 50px;
    }
*/
    .imgTxtUp .contenuMixteTexteG,
    .imgTxtUp .contenuMixteTexteD {
        margin-top: 0px;
    }

    .btnFleche {
        padding-right: 35px;
    }

        .btnFleche:after {
            line-height: 45px;
            right: 13px;
            font-size: 13px;
        }

    .imgTxtDown {
        margin-bottom: -30px;
    }

        .imgTxtDown .contenuMixteTexteG,
        .imgTxtDown .contenuMixteTexteD {
            margin-top: -30px;
        }

    .backGray + .imgTxtUp:before {
        display: none;
    }

    .recherche-top span, .recherche-top a {
        font-size: 13px;
    }

    .recherche-ct {
        margin-top: -58px;
    }

    .triEls-quatro .triEl {
        width: 305px;
    }

    /*        .triEls-quatro .triEl:nth-of-type(n+4) {
            margin-top: 30px;
        }*/

    .noslide .navBurgerBtn {
        position: fixed;
        top: 9px;
        left: 60px;
    }

        .noslide .navBurgerBtn > div {
            color: #00000e;
        }

        .noslide .navBurgerBtn > span {
            background-color: #00000e;
        }

        .noslide .navBurgerBtn > span {
            height: 3px;
        }

            .noslide .navBurgerBtn > span:nth-child(1) {
                top: 3px;
            }

            .noslide .navBurgerBtn > span:nth-child(3) {
                top: 21px;
            }

        .noslide .navBurgerBtn.open > span:nth-child(1),
        .noslide .navBurgerBtn.open > span:nth-child(3) {
            top: 12px;
        }

    .txtPicto {
        width: 100%;
        /*margin-bottom: 30px;*/
    }

    .bandeauSliderMaster .bandeauSlider-resa .recherche-bien {
        justify-content: space-between;
    }

        .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .btn {
            /*margin-top: 20px;*/
            margin-left: auto;
            margin-right: 0;
            width: 220px;
            text-align: center;
        }

        .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .ct-critere {
            flex-grow: initial;
        }

    .recherche-vente.recherche-bien .ct-destination,
    .recherche-vente.recherche-bien .maisonChalet,
    .recherche-vente.recherche-bien .appartement,
    .recherche-vente.recherche-bien .bdgMin,
    .recherche-vente.recherche-bien .bdgMax {
        width: calc(33% - 20px);
        margin-right: 20px;
    }

        .recherche-vente.recherche-bien .bdgMin input,
        .recherche-vente.recherche-bien .bdgMax input {
            width: 100%;
        }

    .recherche-vente.recherche-bien .appartement {
        margin-right: 0;
    }

    .bandeauSlider-titre {
        width: 730px;
    }


    /*      .bandeauSlider-resa .recherche-bien .btn {
            margin-top: 0;
            width: calc(33% - 20px);
            margin-left: initial;
            margin-right: 0;
            box-sizing: border-box;
        }*/

    /*.bandeauSliderMaster .bandeauSlider-resa .recherche-bien .bdgMin,
        .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .bdgMax {
            margin-top: 10px;
        }*/

    /* .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .btn {
            margin-top: 10px;
        }     */
}

/*    .txtPicto-desc {
        width: 380px;
        display: block;
    }
}*/

/*@media (max-width: 1100px) {
    .footerAdresses {
        margin: 0 60px;
    }
}*/

/*-----------------------------------------------------*/
/********----------- TABLETTES ---------------**********/
/*-----------------------------------------------------*/

@media (max-width: 980px) {

    .contenuFullPage .contenuFullPhotoSeule {
        height: 100%;
        width: 100%;
    }

        .contenuFullPage .contenuFullPhotoSeule img {
            height: auto;
            width: 100%;
        }

    footer {
        padding: 50px 0 50px 0;
    }

    .ct-petit, .texteDouble .ct-petit {
        width: 100%;
        margin: 0;
    }

    .texteDouble .contenuTexte2ColD, .texteDouble .contenuTexte2ColG {
        width: 100%;
    }

    .texteDouble .ct > div:last-child, .texteDouble .ct-petit > div:last-child {
        margin-top: 30px;
    }
    .blocNewsletter-in {
        width: calc(100% - 120px);
        margin-left: 60px;
    }

    .imgTxtUp .ct .contenuMixteImageD, .imgTxtUp .ct .contenuMixteImageG {
        margin-top: 65px;
    }

    .contenuMixteImageD,
    .contenuMixteImageG {
        width: 100%;
        margin-bottom: 35px;
    }

    .contenuMixteTexteG,
    .contenuMixteTexteD {
        float: none;
        width: 100%;
    }

    .txtPicto {
        width: calc(50% - 20px);
    }


    /* titreIntro : réduire la marge entre titre et surtitre*/
    .titreIntro h1:first-child span {
        margin-bottom: 2px;
    }

    /* titreIntro : réduire la marge eentre le bouton et le texte*/
    .titreIntro h1:last-child .btn {
        margin-top: 20px;
    }

    /*.contenuMixteImageG .swiper-slide,
    .contenuMixteImageD .swiper-slide {
        max-height: 300px;
    }*/

    /*    .actuCoords {
        width: 305px;
    }*/

    .retour-resultat {
        right: 5%;
    }

    .vente.infoPlus.conso {
        flex-direction: column;
        align-items: flex-start;
    }

    .pictosInfo {
        position: absolute;
        top: 46px;
    }

    .mobile {
        display: inline-block;
    }

    .noMobile {
        display: none;
    }

    header {
        pointer-events: none;
        background-color: rgba(255, 255, 255, 0.00);
    }

    .headerLogo {
        display: none;
    }

    .menuMobLogo {
        display: block;
        text-align: center;
        position: fixed;
        top: 0;
        left: 65px;
        height: 45px;
        z-index: 9100;
    }

        .menuMobLogo img {
            width: 50px;
            margin-top: 6px;
        }

    .headerRight {
        pointer-events: auto;
        position: fixed;
        z-index: 11000;
        top: 0;
        right: 0;
    }

    .swiper-arrow {
        width: 50px;
    }

    .navBurger {
        margin-bottom: 0;
        min-height: calc(100vh - 45px);
        overflow-y: auto;
    }
       .navBurger li a{
           padding: 15px 0;
       }

        .navBurger ul li a {
            font-size: 16px;
            line-height: 22px;
        }

    .navBurgerBtn, .scrl .navBurgerBtn {
        position:fixed;
        top:10px;
        left: 20px;
        display:block;

    }

        .navBurgerBtn span {
            background: var(--col-texte);
            height: 3px;
            top:3px;
        }


        .navBurgerBtn > span:nth-child(1),.scrl  .navBurgerBtn > span:nth-child(1) {
            top: 3px;
        }
        .navBurgerBtn > span:nth-child(2), .scrl .navBurgerBtn > span:nth-child(2) {
            top: 12px
        }

        .navBurgerBtn > span:nth-child(3), .navBurgerBtn > span:nth-child(3) {
            top: 21px;
        }
        .navBurgerBtn > div {
            display:block;
            color:var(--col-texte);
        }
            /*--------------- 960 --------------*/
            /*.ct,
    .ct-petit {
        width: 650px;
    }*/
            /*  .ct-petit {
        width: 600px;
    }
*/
            .vente-contact .vente-g {
        width: 100%;
        height: 440px;
        margin-bottom: 0px;
    }

    .vente-info-d {
        width: 100%;
        padding: 65px;
    }

    #languesCt {
        padding: 0px;
        width: auto;
        height: 45px;
        overflow: hidden;
        margin-right: 10px;
        z-index: 9300;
    }

        #languesCt:before {
            display: none;
        }

        #languesCt .ico-fleche010:before {
            font-size: 15px;
            margin-left: 5px;
            content: "\e931";
            position: relative;
            top: 2px;
        }

        #languesCt a {
            display: block;
            margin: 0px auto !important;
            padding: 0px 10px;
            color: #fff;
            text-decoration: none;
            border: 0;
        }

            #languesCt a:hover {
                background: #555;
            }

    .langueDrop {
        display: inline-block;
        font: var(--font-medium);
        text-transform: uppercase;
        text-decoration: none;
        padding: 0px 9px;
        line-height: 45px;
    }

    .langues {
        background: #222;
        padding: 0px 0px 0px 0px;
        text-align: center;
        border-top: 1px solid #444;
    }

        .langues a {
            padding: 0px 9px;
            line-height: 40px;
        }

    .nav {
        margin-top: 45px;
        padding: 0px;
        display: none;
    }

        .nav ul {
            width: 100%;
            background-color: #fff;
        }

            .nav ul ul {
                width: 100%;
            }

            .nav ul li {
                display: block !important;
                width: 100%;
                margin: 0px;
                text-align: center;
            }

        .nav a {
            font: var(--font-medium);
            display: block !important;
            width: 100%;
            text-align: center;
            letter-spacing: 0px;
            opacity: 1;
            margin: 0px;
            font-size: 17px;
            line-height: 22px;
            background-color: #fff;
            border-bottom: 1px solid #eee;
            padding: 0px;
        }

            .nav a:hover {
                background-color: #eee;
            }

        .nav ul ul a {
            font-size: 15px;
            font-weight: 500;
            line-height: 23px;
            margin-right: 0px;
            letter-spacing: 0px;
            position: relative;
            background-color: #eee;
            border-bottom: 1px solid #e5e5e5;
        }

            .nav ul ul a:hover {
                background-color: #e5e5e5;
            }

        .nav .nav-submenu > a:after {
            font-family: boonIco;
            content: "\e931";
            margin-left: 5px;
            font-size: 15px;
            position: relative;
            top: 1px;
        }

        .navBurger:after,
        .nav ul ul li:after {
            display: none;
        }


    .bandeauSlider-desc,
    .bandeauSliderMaster .bandeauSlider-desc {
        width: calc(100% - 120px);
    }

 
    .bandeauSliderHome .bandeauSlider-desc, .recherche-ct, .body_1200 .recherche-ct {
        margin-top: -55px;
    }

    .bandeauSliderHome .swiper-container {
        height: calc(75vh - 45px);
    }

    .bandeauSlider-titre {
        top: calc(75vh - 270px);
        width: calc(100% - 80px);
        left: 40px;
        transform: translateX(0);
    }

    h1 span {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 7px;
    }

    /*.recherche-bien .ct-personne {
            width: 80px;
        }

        .recherche-bien .ct-calendar {
            width: 112px;
        }*/


    .recherche-criteres {
        justify-content: flex-start;
    }

    .ct-calendar:after {
        font-size: 14px;
    }

    .btn, a.btnBlanc {
        line-height: 20px;
        padding:15px 20px;
        text-align: left;
    }

    .btnFleche {
        padding-right: 35px;
    }

        .btnFleche:after {
            line-height: 40px;
            right: 13px;
            font-size: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

    .headerRight .btn {
        padding: 0 20px;
    }

    /*  .bandeauSliderHome {
        margin-bottom: 55px;
    }*/

    /*    .divCenter p {
        width: 550px;
    }*/


    .lstProg {
        justify-content: center;
        flex-wrap: wrap;
    }

    .lstProg-el {
        width: calc(50% - 20px);
    }

        .lstProg-elLast h2 {
            font-size: 17px;
            line-height: 22px;
        }

        .lstProg-lastImg img {
            width: 100px;
        }


    /*   .lstProg-el {
        margin: 0 5px 35px 5px;
    }
*/
    .lstProg-titre {
        font-size: 14px;
        line-height: 19px;
        max-height: 40px;
    }

    /*    .conteneurContenuBloc {
        margin-bottom: 50px;
    }*/

    .smallmargin {
        margin-bottom: 20px;
    }

    /*   .backGray {
        padding: 50px 0px;
    }*/

    h1, .h1 {
        font-size: 23px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    .panel {
        width: 24.5%;
        height: 400px;
    }

        .panel:hover .panel-titre:before {
            font-size: 35px;
            line-height: 35px;
        }

        .panel:hover .panel-titre {
            font-size: 13px;
        }

        .panel:hover .panel-hdn {
            max-height: initial;
        }

    .panel-hdn {
        padding: 0 15px;
    }

    .panel-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .homeProgrammes-slider {
        height: 410px;
    }

    .homeProgrammes-titre {
        font-size: 28px;
        line-height: 33px;
    }

    /*    .actusCt {
        justify-content: center;
    }
*/
    /* .actuCt,
    .actusCtListing .actuCt,
    .actusCtListing .actuCt:nth-of-type(3n) {
        margin: 0 7px 25px 7px;
    }*/

    .footerAdresses {
        width: calc(100% - 120px);
        margin: 0 60px;
        /*width: 580px;*/
        flex-wrap: wrap;
        justify-content: center;
    }

    .footerAdresses-col {
        margin: 0 20px 35px 20px;
        width: 250px;
    }


    .crosslinkTop a {
        width: 40px;
        height: 40px;
    }

        .crosslinkTop a:before {
            line-height: 36px;
            font-size: 17px;
        }

    .crosslinkTop {
        padding: 15px 0;
    }

    .blocNewsletter-in {
        /*width: 650px;*/
        padding: 35px 80px;
    }

    .contenuFullPage .contenuTexte2ColG,
    .contenuFullPage .contenuTexte2ColD {
        width: 305px;
    }

    /*    .bandeauSliderMaster .swiper-container {
        height: 300px;
    }
*/

    .conteneurBlocImageTexte .ct,
    .conteneurBlocImageTexte .ct-petit {
        align-items: center;
    }

    .conteneurBlocImageTexte.imgTxtUp .ct {
        align-items: flex-start;
    }

    .imgTxtDown .contenuMixteTexteG,
    .imgTxtDown .contenuMixteTexteD {
        margin-top: 0px;
    }

    .imgTxtUp .ct .contenuMixteTexteG,
    .imgTxtUp .ct .contenuMixteTexteD {
        padding-top: 0px;
    }

    .thibon8 h2,
    .tripleVignettes h2 {
        font-size: 20px;
        line-height: 26px;
    }

    /*.contenuMixteImageG, .contenuMixteImageD {
        width: 100%;
        margin-bottom: 40px;
    }

    .contenuMixteTexteG, .contenuMixteTexteD {
        width: 100%;
    }*/

    .imgTxtDown + .backGray {
        padding-top: 50px;
    }

    /*  .thibon8-el {
        width: 24.5%;
    }*/

    /* .thibon8-el:nth-of-type(n+5) {
            margin-top: 25px;
        }*/

    .thibon8-el:before {
        margin: 0 auto 14px auto;
        font-size: 36px;
        line-height: 36px;
    }

    .footerTop .btn {
        margin-top: 0px;
    }

    .bandeauSlider-resa .recherche-plus {
        flex-wrap: wrap;
        padding: 0;
    }

    .recherche-plusLbl {
        width: calc(100% - 40px);
        margin-left: 20px;
    }

    .recherche-plusCt {
        width: 100%;
        margin: 0px auto 0 auto;
        background-color: white;
        padding: 0px;
    }

    .recherche-plus .ct-destination {
        width: 100%;
    }

    .recherche-plus .ct-destination {
        width: calc(50% - 40px);
    }

    .select2-container {
        min-width: 100%;
        z-index: 100000000000;
    }

    .ct-couchage {
        width: 100%;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    /*    .dv-criteres {
        width: calc(50% - 20px);
        margin-right: 10px;
    }
*/
    .sliderBien-prev, .sliderBien-next, .bandeauSlider .swiper-button-prev, .bandeauSlider .swiper-button-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    /*    .triEls-quatro .triEl:nth-of-type(n+3) {
        margin-top: 30px;
    }*/

    .ct-contact {
        width: 100%;
        margin: 0px auto 60px auto;
    }

    .formulaire-send a {
        text-align: center;
    }

    .liens-cat a {
        margin: 0px 12px;
        font-size: 14px;
        line-height: 14px;
    }

        .liens-cat a:after {
            bottom: -10px;
        }

    /*    .ct-actuDetail {
        width: 650px !important;
        margin: 0 auto 60px auto;
    }*/

    .retourBtn .btnFleche:after {
        line-height: 40px;
        top: 50%;
        right: unset;
        left: 13px;
        font-size: 12px;
    }

    .retourBtn {
        margin: 0px 0 40px 0px;
    }

    .detailActuDesc .flottant {
        width: 300px;
    }

    #detailActuGalerie a {
        width: 210px;
        height: 125px;
        margin: 0px 10px 10px 0;
    }

        #detailActuGalerie a:nth-of-type(4n) {
            margin-right: 12px;
        }

        #detailActuGalerie a:nth-of-type(3n) {
            margin-right: 0px;
        }

    .sliderBien {
        height: 420px;
    }

    .ct-retour {
        text-align: left;
    }

    .ct-detail, .ct, .ct-petit.ct-detail {
        flex-direction: column;
    }

    .dtEkip-el {
        width: 130px;
        height: 130px;
    }

    .detailLeft {
        width: 100%;
        margin-bottom: 50px;
    }

    .dtEkip-el:last-of-type:not(:nth-of-type(5n)) {
        width: 131px;
    }

    .detailRight {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row-reverse;
    }

    .detailResa {
        width: 330px;
       /* position: absolute;
        top: 0;
        left: 0;*/
       margin: 0 auto;
    }

    .detailRight-infos {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 50px;
        padding:30px 60px; 
    }

        .detailRight-infos h3:before {
            font-size: 25px;
            margin-bottom: 20px;
            display: block;
        }

    .starList li {
        text-align: left;
    }

    /*  .actuCoords {
        height: 480px;
    }*/


    .dtProg-sliderImg {
        height: 450px;
    }

    .dtTop-titreLivraison {
        margin-bottom: 20px;
    }

    .ct-detailExemples .detailRight {
        margin-top: 0px;
    }

    .detailRight-infosMeublesImg {
        margin-top: 0px;
        width: 100%;
    }


/*    .dtProg-decoCt {
        width: 315px;
    }*/

    .demande-brochure {
        width: 315px;
    }

    .detailRight-infosMeubles h3:before {
        font-size: 35px;
        line-height: 35px;
    }

    .dtProg-sliderContenu .swiper-container {
        height: 430px;
    }

    /*    .ct-personne .select2-container {
        min-width: 80px;
    }
*/
    /*  .ct-critere,
    .ct-critere.formulaire {
        width: 80px;
    }*/
    .recherche-top span, .recherche-top a {
        font: var(--font-medium);
        font-size: 13px;
    }

    .recherche-plus .recherche-blocGauche {
        margin-right: 20px;
    }

    .recherche-plus {
        padding: 20px 20px 0 20px;
    }

    .bandeauSlider-resa .recherche-plus {
        justify-content: space-between;
    }

    .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .ct-destination,
    .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .maisonChalet,
    .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .appartement,
    .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .bdgMin,
    .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .bdgMax {
        margin-right: 20px;
        padding: 0;
    }

    .bandeauSliderMaster .bandeauSlider-resa .recherche-bien .appartement {
        margin-right: 0;
    }

    /*    .recherche-bien .ct-critere,
    .recherche-bien .ct-critere.formulaire {
        width: 125px;
    }*/

    .txtPicto-desc h3 {
        margin-bottom: 10px;
    }

    .partLogo {
        margin: 15px 17px;
    }

    .triEls {
        justify-content: center;
    }

    .triEl {
        width: 295px;
    }

        .triEl:nth-last-child(-n+2) {
            margin-bottom: 20px;
        }

        .triEl:last-child {
            margin-bottom:0;
        }

    .triEl-image {
        height: 320px;
    }

    .dtProg-slider .bandeauSlider-desc {
        top: 200px;
    }

    /*    .txtPicto-desc {
        width: 240px;
    }*/

    /*--------------- Mentions leg --------------*/
    .mentionsColLeft {
        width: 380px;
    }

    /*--------------- Notifications --------------*/

    .Messages {
        top: 50px;
    }

    .Message {
        max-width: 90%;
    }

    .btnRetour{
        width: 330px;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 768px) {

    .bandeauSliderHome .bandeauSlider-desc {
        margin-top: -58px;
    }

    .recherche-top a, .recherche-top span {
        line-height: 18px;
        font-size: 12px;
    }

    .recherche-ct {
        margin-top: -58px;
    }

    .ct-petit, .texteDouble .ct-petit {
        margin-left: 0;
        width: 100%;
    }

    .recherche-bien, .recherche-plus {
        padding: 20px;
    }

        .recherche-bien .btn {
            width: 100%;
            margin-left: 0px;
            margin-right: 0px;
            text-align: center;
        }

        .recherche-bien .ct-personne {
            width: calc(50% - 20px);
        }

    .recherche-location.recherche-bien .ct-destination {
        width: calc(50% - 20px);
    }

        .recherche-location.recherche-bien .ct-destination:nth-child(n + 2) {
            margin-right: 0px;
        }

        .recherche-location.recherche-bien .ct-destination:first-child {
            margin-right: 40px;
        }

    .recherche-bien .ct-calendar-wrapper {
        width: 100%;
        margin-right: 0;
    }

        .recherche-bien .ct-calendar-wrapper .ct-calendar {
            width: calc(50% - 20px);
        }

            .recherche-bien .ct-calendar-wrapper .ct-calendar:first-child {
                margin-right: 40px;
            }

            .recherche-bien .ct-calendar-wrapper .ct-calendar:last-child {
                margin-right: 0px;
            }

    .recherche-plus .recherche-blocGauche .ct-critere {
        width: 150px;
    }

    .recherche-plus {
        flex-direction: column;
        padding: 0 20px;
    }
    
        .recherche-plus .recherche-blocGauche {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            margin-right: 0;
            margin-bottom: 20px;
        }
    
            .recherche-plus .recherche-blocGauche .ct-critere:last-child {
                margin-right: 0;
            }
    
            .recherche-plus .recherche-blocGauche .ct-critere {
                width: calc(50% - 20px);
                margin-right: 20px;
            }
    
    .recherche-chk {
        width: 100%;
        justify-content: space-between;
        margin-top: 30px;
    }
    
        .recherche-chk .dv-criteres {
            width: calc(50% - 20px);
        }
    
            .recherche-chk .dv-criteres:nth-child(2n) {
                margin-right: 0;
            }
    

    .recherche-criteres.recherche-bien {
        justify-content: flex-start;
    }

        .recherche-criteres .dv-criteres {
            width: calc(33% - 20px);
        }

    .recherche-top a .recherche-top span {
        line-height: 16px;
        font-size: 11px;
    }

    .actuCoords {
            width: 305px;
        }


    .lstProg-elLast h2 {
        font-size: 14px;
        line-height: 18px;
    }

    .lstProg-lastImg img {
        width: 80px;
    }

 }

@media (max-height: 1350px) {


    .swiper-bien-photos {
        bottom: 20%;
        right: unset
    }

    .destination {
        font-size: 14px;
    }

    .BlocBienNom {
        font-size: 18px;
        line-height: 21px;
        margin: 5px 0;
    }

    .BlocBienPrix {
        font-size: 28px;
        line-height: 34px;
        font-weight: bold;
    }

    .BlocBienExclusif {
        font-size: 12px;
        padding: 5px 15px;
    }
}

@media (max-height: 800px) and (min-width: 981px) {

    .bandeauSliderHome .bandeauSlider-desc, .recherche-ct {
        margin-top: -58px;
    }

    .bandeauSliderHome .bandeauSlider-logo {
        top: 80px;
        width: 180px;
    }

    .bandeauSlider-desc h1 {
        margin-bottom: 35px;
    }
    /*
    .recherche-bien {
        min-height: 80px;
        padding: 15px 20px;
    }*/
    /*
    .bandeauSliderHome .bandeauSlider-desc {
        bottom: 5vh;
    }*/

    .nav > ul > li {
        margin-bottom: 30px;
        display: block;
    }

/*    .navBurger:after {
        bottom: -80px;
        right: 90px;
        width: 390px;
        height: 400px;
    }*/

    .nav a {
        font-size: 30px;
        line-height: 37px;
    }

    .detailResa,
    .dtProg-contact {
        padding: 25px 30px;
    }

    .detailRight-infos {
        margin-top: 20px;
        padding: 25px 30px;
    }
}

@media (min-width: 981px) and (max-height: 650px) {
    .navBurger > ul > li {
        margin-bottom: 20px;

    }
}

/*--------------------------------------------------*/
/********---------- SMATPHONES -----------**********/
/*--------------------------------------------------*/

@media (max-width: 680px) {
    .txtPicto {
        width: 100%;
    }

    .conteneurContenuBloc {
        margin-bottom: 50px;
    }

    .no-result {
        width: 280px;
        font-size: 16px;
        -webkit-backface-visibility: visible;
                backface-visibility: visible;
    }

    .GlobEquipement {
        flex-direction: column;
    }

    .globale, .equipements, .les-plus, .general {
        width: 100%;
    }

    .equipements {
        margin-top: 50px;
    }

    .vente .vente-d {
        width: 100%;
        margin: auto;
    }

    .vente-info-d {
        padding: 50px 20px;
    }

    .vente-d h1 {
        margin-bottom: 10px;
    }

    .imgGaucheAlign .ct, .imgDroiteAlign .ct {
        flex-direction: column;
    }

    .vente .vente-g {
        width: 100%;
        margin: 0 auto 50px auto;
    }


    .BlocBiens {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 20px;
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .BlocBienNom {
        font-size: 12px;
        line-height: 16px;
    }

    .BlocBiens .destination {
        font-size: 12px;
    }

    .BlocBienTxt {
        bottom: 10px;
        left: 10px;
    }

    .BlocBienPrix {
        font-size: 22px;
        line-height: 30px;
    }

    span.PrixBien {
        font-size: 50px;
        line-height: 50px;
    }

    span.txtTypeBien, span.txtPcSurface {
        font-size: 18px;
        line-height: 22px;
    }

    /*    iframe.fullIframe {
        height: 250px;
    }*/

    /*    .vente.ct1750 {
        width: 90%;
    }
*/

    .visites iframe {
        height: 360px;
    }

    .visites h2 {
        text-align: left;
    }

    #divLogo {
        display: none;
    }

    h1, .h1 {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }

    h2, .doubleTitre h2 {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }

    h3, .doubleTitre h3 {
        font-size: 15px;
        text-align: center;
    }

    /*   .ct,
    .ct-petit {
        width: 320px;
    }*/

    .ct, .ct.infoPlus {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .ct-petit {
        width: 320px;
    }

    .bandeauSlider:after {
        top: -20px;
        right: 10px;
        width: 80px;
        height: 110px;
    }

    .bandeauSliderHome .bandeauSlider-logo {
        top: 40px;
        width: 120px;
    }

    .bandeauSliderHome .bandeauSlider-desc, .recherche-ct, .body_1200 .recherche-ct {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-top: -48px;
    }


    #languesCt {
        margin-right: 0px;
    }

    .btnCompte {
        width: 35px;
        line-height: 45px;
        margin-right: 1px;
    }

    .headerRight .btn {
        padding: 0 15px;
        margin-right: 0px;
    }

    /*    .bandeauSliderHome {
        height: 50vh;
    }*/


    .bandeauSlider-titre {
        width: calc(100% - 120px);
        left: 60px;
        transform: none;
        top: calc(75vh - 250px);
    }

    /*    .bandeauSlider-desc,
    .bandeauSliderMaster .bandeauSlider-desc {
        width: 320px;
    }*/

    /*    .bandeauSliderHome .bandeauSlider-desc {
        bottom: unset;
        top: 240px;
    }*/

    .imgTxtUp .ct .contenuMixteImageD, .imgTxtUp .ct .contenuMixteImageG {
        margin-top: 50px;
        margin-bottom: 0px;
    }

    .imgTxtUp .ct .contenuMixteTexteD, .imgTxtUp .ct .contenuMixteTexteG {
        padding-top: 50px;
    }

    .recherche-top span, .recherche-top a {
        font-size: 11px;
        padding: 15px;
    }

    .recherche-top a {
        background-color: #383838;
    }

    .retour-resultat {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        min-width: 180px;
    }


    .recherche-top a:hover {
        background-color: #b5ab90;
    }

    .recherche-bien .btn {
        width: 100%;
        text-align: center;
    }


    .recherche-bien, .recherche-vente.recherche-bien {
        justify-content: flex-start;
    }

        .recherche-vente.recherche-bien .ct-destination {
            margin-right: 20px;
        }
    /*
        .recherche-bien > div {
            width: 100%;
            margin-bottom: 15px;
        }
*/
    /*
    .bandeauSliderHome {
        margin-bottom: 165px;
    }*/

    .divCenter p {
        width: 100%;
    }

    /*   .lstProg + .btn {
        margin-top: 30px;
    }*/

    .lstProg-capt {
        width: calc(100% - 40px);
    }

    .panel {
        width: 49% !important;
        margin-bottom: 4px !important;
        height: 350px;
    }

    .homeProgrammes-slider {
        height: 300px;
    }

    .homeProgrammes-content {
        width: 280px;
        bottom: 20px;
    }

    .homeProgrammes-titre {
        font-size: 21px;
        line-height: 24px;
    }

    .ct-petit {
        width: 100%;
        margin: 0;
    }

    .actuCt,
    .actusCtListing .actuCt,
    .actusCtListing .actuCt:nth-of-type(3n) {
        width: 320px;
        margin: 0 0px 30px 0px;
    }
    /*
    .ccb592 .actuCt {
        width: 100%;
    }
*/
    .backGrayActus .btnLine {
        margin-top: 10px;
    }

    .blocNewsletter-in {
        width: calc(100% - 40px);
        margin-left: 20px;
        padding: 35px 40px;
    }

    .blocNewsletter-titre {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 15px;
    }

        .blocNewsletter-titre br {
            display: none;
        }


    .texteDouble .ct-petit {
        -moz-column-gap: 40px;
             column-gap: 40px;
    }

    .texteDouble .contenuTexte2ColG,
    .texteDouble .contenuTexte2ColD {
        width: calc(50% -20px);
    }

    .contenuFullPage .contenuTexte2ColG,
    .contenuFullPage .contenuTexte2ColD {
        width: 320px;
    }

    .contenuFullPage .contenuTexte2ColG {
        margin-bottom: 30px;
    }

    .footerTop .btn {
        margin-top: 0px;
    }


    /*    .footerAdresses, .footerTop {
        width: calc(100% - 40px);
        margin: 0 20px;
    }*/


    .footerAdresses-col {
        margin: 0 0px 35px 0px;
        width: 320px;
    }

        .footerAdresses-col:last-child {
            margin-bottom: 0;
        }

    .crosslinkBot {
        padding: 20px 20px;
        width: calc(100% - 40px);
    }

    .crosslinkTop span {
        line-height: 25px;
        font-size: 14px;
        margin: 0px;
        text-align: center;
        display: block;
        width: auto;
    }

    .crosslinkTop a {
        margin: 15px 3px;
    }

    .homeProgrammes-next, .homeProgrammes-prev {
        display: none;
    }



    .topTitre {
        transform: translate(0, -50%);
        left: 20px;
        width: calc(100% - 40px);
    }

    .titreIntro span {
        font-size: 12px;
        line-height: 16px;
    }

    .bandeauSliderMaster .bandeauSlider-logo {
        top: 30px;
        width: 100px;
    }

    .bandeauSliderMaster .bandeauSlider-desc {
        top: 140px;
    }

    /*    .dtProg-slider .bandeauSlider-desc {
        top: 140px;
    }*/

    /*    .dtTop {
        margin-top: 60px;
    }*/

    /*-------- BLOCS BOONET template.css---------*/

    .contenuMixteImageD,
    .contenuMixteImageG {
        width: 100%;
        margin-bottom: 35px;
    }

    .contenuMixteTexteG,
    .contenuMixteTexteD {
        float: none;
        width: 100%;
        text-align: center;
    }

        .contenuMixteTexteG > div,
        .contenuMixteTexteG > p,
        .contenuMixteTexteD > div,
        .contenuMixteTexteD > p {
            text-align: justify;
        }

        .contenuMixteTexteD .btn, .contenuMixteTexteG .btn {
            margin-top: 30px;
        }


    .contenuTexte2ColG {
        width: 100%;
        float: none;
    }

    .contenuTexte2ColD {
        width: 100%;
        float: none;
    }

    .thibon8 h2 {
        margin-bottom: 10px;
    }

    .thibon8-els {
        padding: 0 80px;
    }

    .thibon8-el {
        margin-top: 30px;
        width: 50%;
    }

    .recherche-ct {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-top: -48px;
    }

    .recherche-plusCt {
        width: 100%;
    }



    /*  .recherche-chk {
        width: 320px;
    }
*/
    /* .lstProgPage .lstProg-el, .lstProgPage .lstProg-el:nth-of-type(3n) {
        margin: 0px 0px 35px 0px;
    }*/

    .sliderBien-prev, .bandeauSlider .swiper-button-prev {
        left: 20px;
    }

    .sliderBien-prev, .bandeauSlider .swiper-button-next {
        right: 20px;
    }

    .sliderBien-prev, .sliderBien-next, .bandeauSlider .swiper-button-prev, .bandeauSlider .swiper-button-next {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .backGray, .backGray.backGrayHome {
        padding: 50px 0px;
    }

    .ct-detail, .ct-petit.ct-detail, .ct.ct-detail {
        margin-bottom: 50px;
    }


    /*
    .ccb590.backGray  {
        padding: 50px 0 25px 0;
    }

    .ccb592.backGray {
        padding: 25px 0 50px 0;
    }*/

    .ccb592.conteneurContenuBloc h2.h1 {
        padding-top: 0px;
    }

    .triEl {
        width: 320px !important;
    }

    .ct-contact {
        width: 100%;
        margin: 0px auto 50px auto;
    }

    .liens-cat a {
        font-size: 14px;
        text-align: center;
        display: block;
        margin: 0px 0px 35px 0px;
    }


    /*  .ct-actuDetail {
        width: 320px !important;
        margin: 0 auto 50px auto;
    }*/

    .actuTexte {
        max-height: 100%;
        overflow: auto;
    }

    .actuDesc {
        height: auto;
        padding: 20px 25px;
    }

    .detailActuDesc .flottant {
        max-width: 320px;
        margin: 0 0 30px 0px;
        float: none;
    }

    .detailActuTitre {
        margin-bottom: 30px;
    }

    #detailActuGalerie a {
        width: 155px;
        height: 100px;
        margin: 0px 10px 15px 0;
    }

        #detailActuGalerie a:nth-of-type(4n) {
            margin-right: 0px;
        }

        #detailActuGalerie a:nth-of-type(3n) {
            margin-right: 10px;
        }

        #detailActuGalerie a:nth-of-type(2n) {
            margin-right: 0px;
        }

    .sliderBien {
        height: 300px;
    }

    .ct-petit.ct-retour {
        margin-top: -40px;
    }

    .btnRetour {
        width: 280px;
        line-height: 40px;
        letter-spacing: 0.5px;
        padding: 0px 15px;
    }

    .dtTop-titre {
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 20px;
    }

    .dtTop-picto span {
        font-size: 13px;
    }

    .dtTitre {
        text-align: left;
    }

    .dtEkip-el {
        width: 106px;
        height: 106px;
    }

        .dtEkip-el:last-of-type:not(:nth-of-type(5n)) {
            width: 106px;
        }

        .dtEkip-el:last-of-type:not(:nth-of-type(3n)) {
            width: 107px;
        }

    .dtEkip-elImg {
        width: 30px;
        height: 30px;
        margin-bottom: 8px;
    }

    .dtEkip-el:nth-of-type(5n) {
        border-right: 0;
    }

    .dtEkip-el:nth-of-type(3n),
    .dtEkip-el:last-of-type {
        border-right: 1px solid #dde1e7;
    }

    .detailRight {
        flex-direction: column-reverse;
    }

    .detailRight-infos {
        width: 100%;
        margin-bottom: 35px;
        padding: 30px;
    }

    .detailResa {
        /*width: 100%;*/
        width: 280px;
        padding: 10px;
    }

    .thibon8 h2,
    .tripleVignettes h2 {
        font-size: 18px;
        line-height: 23px;
    }

        .thibon8 h2 br {
            display: none;
        }

    .dtProg-sliderImg {
        height: 300px;
    }

    .dtTop-titreLivraison {
        display: block;
    }

    .dtTop-livraison {
        margin-top: 0px;
    }

    .dtDesc h2 {
        text-align: left;
    }

    .dtProg-sliderContenu .swiper-container {
        height: 430px;
    }

    .dtProg-sliderContenu .swiper-container {
        height: 190px;
    }

    .lotsTableCt {
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        margin: 25px 0px;
    }

    .lotsTable {
        margin: 0;
        width: 600px;
    }

    .dtEquipement {
        flex-direction: column;
        margin-bottom: 40px;
    }

        .dtEquipement > div {
            width: 100%;
            text-align: left;
        }

            .dtEquipement > div:first-of-type {
                margin-bottom: 45px;
            }

    .demande-brochure {
        width: 320px;
    }

    /*  .ct-personne .select2-container {
        min-width: 120px;
    }*/


    .packHotelCt {
        padding: 30px 25px 30px 30px;
    }

    .titreIntro {
        margin: 0 20px;
    }

        .titreIntro br {
            display: none;
        }

    .partLogo {
        margin: 14px 10px;
    }

    /*    .recherche-criteres .dv-criteres {
        margin: 0 0px;
    }*/

    /*--------------- PAGE CONTACT - FORMUALIRE --------------*/

    .formulaire-double {
        flex-direction: column;
    }

        .formulaire-double .formulaire-row {
            width: 100%;
        }

    .formulaire-row {
        margin-bottom: 20px;
    }

    .lstProg-lastImg {
        width: 90px;
    }
    /*
    .txtPicto-desc {
        width: 260px;
    }
*/

    /*--------------- Cookie --------------*/

    .cookiesBar {
        width: 95%;
        font-size: 11px;
        line-height: 14px;
        padding: 10px 65px 10px 10px;
        left: 2.5%;
        bottom: 10px;
    }

        .cookiesBar input[type="submit"] {
            width: 55px;
        }

    .modalPopup {
        width: 310px;
    }

    .popImg {
        height: 170px;
    }

    .popDesc {
        padding: 20px;
    }

    /*--------------- Mentions Leg --------------*/
    .mentionsColLeft {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .mentionsColRight {
        width: 100%;
        float: none;
    }

        .mentionsColRight p {
            text-align: left;
        }
}


@media (max-width: 630px) {
    .thibon8-els {
        padding: 0 30px;
    }

    .blocNewsletter-in {
        padding: 35px 20px;
    }

    .recherche-bien .ct-destination {
        margin-right: 0;
    }

    .recherche-bien .ct-calendar-wrapper .ct-calendar {
        margin-top: 10px;
    }

    .recherche-vente.recherche-bien .ct-destination:first-child {
        width: calc(50% - 10px);
        margin-right: 20px;
    }

    .recherche-vente.recherche-bien .maisonChalet,
    .recherche-vente.bandeauSlider-resa .recherche-bien .appartement {
        margin-top: 10px;
    }

    .recherche-vente.recherche-bien .maisonChalet,
    .recherche-vente.recherche-bien .appartement,
    .recherche-vente.recherche-bien .bdgMin,
    .recherche-vente.recherche-bien .bdgMax {
        width: calc(50% - 10px);
    }

    .recherche-vente.recherche-bien .bdgMax {
        margin-right: 0;
    }
}

@media (max-width: 580px) {
    .lstProg-el {
        width: calc(100% - 20px);
        height: 320px;
    }

    .recherche-criteres .dv-criteres {
        width: calc(50% - 20px);
    }

    .bandeauSlider-titre, .topTitre {
        width: calc(100% - 40px);
        left: 20px;
    }
}

/*@media (max-width: 562px) {
    .recherche-ct, .body_1200 .recherche-ct{
        margin-top: -48px;
    }
}*/

@media (max-width: 532px) {

    .texteDouble .contenuTexte2ColD,
    .texteDouble .contenuTexte2ColG {
        width: 100%;
    }

    .texteDouble .contenuTexte2ColG {
        margin-bottom: 35px;
    }

    .blocNewsletter-input {
        width: 100%;
    }

    .blocNewsletter-politique {
        width: calc(100% - 40px);
    }

    .blocNewsletter-titre {
        width: calc(100% - 40px);
        margin: 0 auto 15px auto;
    }

    .recherche-bien {
        padding: 10px 20px;
    }

        .recherche-bien .ct-calendar-wrapper {
            width: 100%;
            margin: 0;
        }

            .recherche-bien .ct-calendar-wrapper .ct-calendar {
                width: 100%;
            }

                .recherche-bien .ct-calendar-wrapper .ct-calendar:first-child {
                    margin-right: 40px;
                }

                .recherche-bien .ct-calendar-wrapper .ct-calendar:last-child {
                    margin-top: 10px;
                }

    .texteDouble .contenuTexte2ColG,
    .texteDouble .contenuTexte2ColD {
        width: calc(50% -20px);
    }

    .bandeauSliderHome .bandeauSlider-desc, .recherche-ct, .body_1200 .recherche-ct {
        margin-top: -66px;
    }
}

@media (max-width: 520px) {
    .thibon8-els {
        padding: 0 0px;
    }

    .recherche-plus .ct-critere {
        width: 100%;
    }

    .recherche-plus .recherche-chk .dv-criteres {
        width: 100%
    }

    .blocNewsletter-in {
        padding: 35px 20px;
    }

        .blocNewsletter-in input[type="text"] {
            width: 230px;
        }

    .hideMobile {
        display: none !important;
    }

    /*.mobbtn {
       font-size:10px !important
    }*/
}

@media (max-width: 480px) {

    .recherche-ct {
        margin-top: -66px;
    }

    .recherche-vente.recherche-bien .ct-destination:first-child {
        width: 100%;
        margin-right: 0px;
    }

    .recherche-vente.recherche-bien .maisonChalet,
    .recherche-vente.recherche-bien .appartement,
    .recherche-vente.recherche-bien .bdgMin,
    .recherche-vente.recherche-bien .bdgMax {
        width: 100%;
        margin-right: 0;
    }

    .recherche-vente.recherche-bien .bdgMax {
        margin-right: 0;
    }
}

@media (max-width: 440px) {
    .BlocBiens {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 0px;
    }

    .BlocBien {
        width: 100%;
        margin-bottom: 40px;
    }

    .blocNewsletter-in {
        padding: 20px;
    }

        .blocNewsletter-in input[type="text"] {
            width: calc(100% - 80px);
        }

    .recherche-criteres .dv-criteres {
        width: 100%;
    }

    .recherche-plus .ct-destination {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .recherche-ct, .body_1200 .recherche-ct {
        margin-top: -66px;
    }

    .bandeauSliderHome .bandeauSlider-titre {
        width: calc(100% - 40px);
        /*top: calc(100vh - 240px);*/
    }
}

@media (max-width: 370px) {

    .recherche-location.recherche-bien .ct-critere {
        width: 100%;
    }

    .recherche-location.recherche-bien .ct-destination:first-child {
        margin-right: 0;
    }

    .recherche-location.recherche-bien .ct-personne {
        margin-right: 0;
    }

    .recherche-bien .ct-calendar-wrapper {
        flex-direction: column;
    }

        .recherche-bien .ct-calendar-wrapper .ct-calendar {
            width: 100%;
        }

            .recherche-bien .ct-calendar-wrapper .ct-calendar:first-child {
                margin-right: 0px;
            }
}

@media (max-width: 350px) {
    .recherche-ct, .bandeauSliderHome .bandeauSlider-desc {
        margin-top: -48px;
    }

    .recherche-top a, .recherche-top span {
        font-size: 9px;
        line-height: 12px;
        padding: 12px;
    }
}


@media (max-width: 980px) and (max-height: 540px) {

    .bandeauSliderHome .bandeauSlider-logo {
        width: 120px;
        top: 30px;
    }


    .bandeauSlider-titre, .topTitre {
        top: calc(50% + 50px);
        left: 50%;
        transform: translate(-50%,0);
    }

    .bandeauSlider-logo {
        top: 20px;
    }

    .bandeauSliderMaster .swiper-container {
        height: calc(100vh + 58px);
    }

    .titreIntro h1 {
        font-size: 16px;
        line-height: 18px;
    }

    .titreIntro span {
        font-size: 10px;
        line-height: 14px;
    }

    .sliderBien-prev, .sliderBien-next, .bandeauSlider .swiper-button-prev, .bandeauSlider .swiper-button-next {
        top: 40%;
    }
}

@media (max-width: 680px) and (max-height: 540px) {

    .bandeauSliderHome {
        margin-bottom: 0;
    }

        .bandeauSliderHome .swiper-container, .swiper-container {
            height: calc(100vh + 58px);
        }
    /*
        .bandeauSliderHome .bandeauSlider-desc {
            margin-top: 0;
        }*/

    .bandeauSlider-titre {
        top: 40%;
    }

    .bandeauSlider-logo {
        top: 20px;
    }

    .recherche-top a, .recherche-top span {
        font-size: 10px;
        line-height: 16px;
        padding: 12px;
    }

    .recherche-ct {
        margin-top: -39px;
    }

}