@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 {

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