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

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

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

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

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

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

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

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

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

body {
    margin: 0px;
    font-family: Lato-Light,sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #9d8154;
    background: #fff;
    padding-top: 95px;
    overflow-x: hidden;
}

.bodyFixed {
    position: fixed;
    overflow-y: scroll;
}

.fullpage {
    position: relative;
    z-index: 2000;
    background-color: #fff;
}

.pageContainer {
    background-color: #fff;
    position: relative;
    z-index: 1000;
}

.noslider .pageContainer {
    padding-top: 50px;
}

.ct_full {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 120px;
    position: relative;
}

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

    .ct .grid_12 {
        width: 100%;
        margin: 0px auto;
    }

.conteneurContenuBloc {
    margin-bottom: 100px;
}

.conteneurContenuBloc {
    margin-bottom: 100px;
}

.bMargin50 {
    margin-bottom: 50px;
}

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


/*------- Couleur du loader et des selecteur -------*/

::-moz-selection {
    background: #9d8154;
    color: #fff
}

::selection {
    background: #9d8154;
    color: #fff
}

.spinner > div {
    background-color: #9d8154;
}

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

h1,
.h1 {
    font-weight: 200;
    font-family: Montserrat-Regular;
    font-size: 40px;
    line-height: 50px;
    color: #9d8154;
    margin-bottom: 45px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

    h1 span,
    .h1 span {
        display: block;
        text-align: center;
        color: #9d8154;
        font-family: NotoSerif-Italic;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 13px;
        text-transform: none;
        letter-spacing: 0.5px;
    }

h2,
.h2 {
    color: #9d8154;
    font-size: 30px;
    font-family: NotoSerif-Italic;
    line-height: 35px;
    font-weight: 200;
    letter-spacing: 1px;
    margin-bottom: 50px;
    text-align: center;
}

.soustitre {
    display: block;
    line-height: 22px;
    font-family: NotoSerif-Italic;
    margin-top: 5px;
    font-size: 18px;
    letter-spacing: 0.5px;
}

h2 + .soustitre {
    margin-bottom: 50px;
    margin-top: -45px;
    text-align: center;
    width: 100%;
}

h3,
.h3 {
    color: #9d8154;
    font-size: 22px;
    line-height: 27px;
    font-family: NotoSerif-Italic;
    font-weight: 200;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: left;
}

    h1.sansmarge, h2.sansmarge, h3.sansmarge {
        margin-bottom: 10px;
    }

a {
    text-decoration: underline;
    color: #9d8154;
}

    a:hover {
        text-decoration: none;
    }

p {
    font-family: Lato-Light,sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #9d8154;
    text-align: justify;
}

img {
    border: 0px;
}

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

li {
    font-family: Lato-Light,sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #9d8154;
    list-style-type: disc;
}

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 {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.00);
    color: #9d8154;
    font-size: 20px;
    font-family: 'Lato-Light';
    line-height: 23px;
    letter-spacing: 1px;
    padding: 15px 30px;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    margin-top: 20px;
    border: 1px solid rgba(157, 129, 84, 0.50);
    transition: 0.2s all ease-out;
}

    .btn:hover {
        background: #9d8154;
        color: #fff;
        border: 1px solid rgba(157, 129, 84, 1);
    }

.btnFill {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.00);
    color: #9d8154;
    border: 1px solid rgba(157, 129, 84, 0.50);
    font-size: 17px;
    font-family: 'Lato-Light';
    line-height: 22px;
    letter-spacing: 1px;
    padding: 15px 30px;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    margin-top: 25px;
    transition: 0.2s all ease-out;
}

    .btnFill:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        content: "";
        width: 0%;
        height: 100%;
        background-color: #9d8154;
        -webkit-transition: all 300ms cubic-bezier(.25,.46,.45,.94);
        -moz-transition: all 300ms cubic-bezier(.25,.46,.45,.94);
        -o-transition: all 300ms cubic-bezier(.25,.46,.45,.94);
        transition: all 300ms cubic-bezier(.25,.46,.45,.94);
    }

    .btnFill:hover:before {
        width: 100%;
    }

    .btnFill:hover {
        color: #fff;
        border: 1px solid rgba(157, 129, 84, 1);
    }

.btnFillActif {
    background-color: rgba(157, 129, 84, 0.13);
    border: 1px solid rgba(157, 129, 84, 0.13);
    pointer-events: none;
}


.btnFillGris {
    background-color: #b8b8b8;
}

    .btnFillGris:before {
        background-color: #9a8151;
    }

    .btnFillGris:hover {
        color: #fff;
    }

.btnLine {
    position: relative;
    font-family: Lato-Light;
    font-size: 17px;
    line-height: 20px;
    padding-bottom: 10px;
    color: #9a8151;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 30px;
    transition: 0.2s all ease-out;
}

    .btnLine:after {
        position: absolute;
        width: 100%;
        height: 1px;
        content: "";
        display: block;
        background-color: #9d8151;
        bottom: 0px;
        right: 0;
        transform-origin: bottom left;
        transform: scaleX(1);
        transition: transform 0.5s ease;
    }

    .btnLine:hover {
        color: #9d8151;
    }

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

/*.lienLigneCt {
    width: 100%;
    text-align: left;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}*/

.lienLigne {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Lato-Light;
    font-size: 18px;
    color: #9d8154;
    letter-spacing: 1px;
    margin-top: 25px;
    position: relative;
    margin-left: 22px;
    cursor: pointer;
    transition: 0.2s all ease-out;
}

    .lienLigne:hover {
        opacity: 0.5;
    }

    .lienLigne:before {
        font-family: imperialFont;
        font-size: 17px;
        position: absolute;
        top: 1px;
        left: -25px;
        content: "\e910";
    }

    .lienLigne:after {
        display: block;
        height: 1px;
        background-color: rgba(157, 129, 84, 0.50);
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        transition: 0.2s all ease-out;
        width: 100%;
    }

    .lienLigne:hover:after {
        width: 0%;
    }

.lienMail {
    text-decoration: none;
    display: block;
    font-weight: bold;
    line-height: 20px;
    transition: 0.2s all ease-out;
}

    .lienMail:before {
        content: "@";
        display: inline-block;
        margin-right: 8px;
        font-size: 18px;
        line-height: 20px;
    }

.lienTel {
    text-decoration: none;
    display: block;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 5px;
    transition: 0.2s all ease-out;
}

    .lienTel:before {
        content: "\eaa2";
        font-family: boonIco;
        display: inline-block;
        margin-right: 8px;
        font-size: 14px;
        line-height: 20px;
    }

    .lienMail:hover,
    .lienTel:hover {
        opacity: 0.7;
    }


.losangeFleche {
    display: inline-block;
    text-decoration: none;
    width: 35px;
    text-align: center;
    height: 20px;
    overflow: hidden;
    margin-top: 30px;
}

    .losangeFleche span {
        position: relative;
        display: inline-block;
        color: #c4b398;
        width: 15px;
        height: 20px;
        overflow: hidden;
        transition: 0.2s all ease-out;
    }

    .losangeFleche:hover span {
        color: #9d8154;
        width: 34px;
    }

    .losangeFleche span:before {
        font-family: imperialFont;
        content: "\e907";
        font-size: 15px;
        z-index: 20;
        position: absolute;
        top: 0;
        left: 0;
    }

    .losangeFleche span:after {
        font-family: imperialFont;
        content: "\e909";
        z-index: 10;
        font-size: 26px;
        position: absolute;
        top: 0;
        right: 0;
    }

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

.important {
    font-weight: bold;
}

.color {
    color: #9d8154;
}

.capitalLeger {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: Lato-Light;
    font-size: 17px;
    line-height: 22px;
    color: rgba(157, 129, 84, 0.60);
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.legende {
    font-style: italic;
}

.detActu-contenu .legende {
    font-size: 14px;
    line-height: 16px;
}


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

.blocBot .losangeFleche {
    margin-top: 40px;
}

.hdn {
    display: none;
}


/*-----------------------------------------*/
/*----------------- HEADER ----------------*/
/*-----------------------------------------*/

header {
    width: 100%;
    height: 95px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10100;
}

.headerCentre {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fff;
    position: relative;
    z-index: 6000;
    box-sizing: border-box;
    padding: 0px 120px;
    transition: 0.2s all ease-out;
}

.noslider .headerCentre {
    border-bottom: 1px solid #f2f2f3;
}

.headerLogo {
    width: 250px;
    padding-top: 5px;
    display: inline-block;
    transition: 0.2s all ease-out;
}

    .headerLogo img {
        width: 100%;
    }

.scrl .headerLogo {
    width: 195px;
    padding-top: 14px;
}

.headerCentre-infos {
    position: absolute;
    right: 120px;
    height: 95px;
    top: 0px;
}

.headerCentre-num {
    color: #9d8154;
    font-size: 14px;
    font-family: Montserrat-Light;
    letter-spacing: 1px;
    line-height: 19px;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

    .headerCentre-num:hover {
        color: #876a3a;
    }

.headerCentre-bons {
    display: inline-block;
    margin-left: 25px;
    text-decoration: none;
    line-height: 95px;
    width: 100px;
    background-color: rgba(157, 129, 84, 0.13);
    transition: 0.2s all ease-out;
}

    .headerCentre-bons:before {
        font-family: imperialFont;
        content: "\e913";
        color: #a58c64;
        position: relative;
        top: 5px;
        font-size: 33px;
        line-height: 33px;
        transition: 0.2s all ease-out;
    }

    .headerCentre-bons:hover {
        background-color: #eaeaea;
    }

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

.headerScrolled .headerCentre {
    /*transform: translateY(-100%);*/
}

#headerResa {
    background-color: #9d8154;
    display: block;
    text-align: center;
    width: 120px;
    height: 95px;
    position: fixed;
    cursor: pointer;
    z-index: 10000;
    right: 0;
    top: 0;
    transition: 0.2s all ease-out;
}

    #headerResa .resaName {
        line-height: 95px;
        display: inline-block;
        color: #fff;
        font-family: NotoSerif-Italic;
        font-size: 16px;
        letter-spacing: 0.5px;
        transition: 0.2s all ease-out;
    }

    #headerResa:hover {
        background-color: #c19f68;
    }

.rightBar {
    z-index: 5000;
    position: fixed;
    box-sizing: border-box;
    width: 120px;
    right: 0;
    top: 0;
    padding-top: 95px;
    height: 100vh;
}

#languesCt {
    width: 100%;
    height: 145px;
}

.langues {
    position: relative;
    top: 75px;
    text-align: center;
    transform: rotate(-90deg);
}

    .langues a {
        font-family: Montserrat-Regular;
        color: rgba(157, 129, 84, 0.45);
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        margin: 0px 10px;
        transition: 0.2s all ease-out;
    }

        .langues a.langueActive,
        .langues a:hover {
            color: #9d8154;
        }


.rightBar-tool {
    display: block;
    margin: 0 auto;
    width: 25px;
    padding-top: 25px;
    text-align: center;
    position: relative;
}

    .rightBar-tool:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
        display: block;
        background-color: #dcd5c8;
    }

    .rightBar-tool a {
        display: block;
        width: 25px;
        text-align: center;
        margin: 0px auto 16px auto;
        text-decoration: none;
    }

        .rightBar-tool a:before {
            font-family: imperialFont;
            color: #9d8154;
            opacity: 0.6;
            transition: 0.2s all ease-out;
        }

        .rightBar-tool a:hover:before {
            opacity: 1;
        }

.rightBar-toolWebcam:before {
    content: "\e916";
    font-size: 25px;
    line-height: 25px;
}

.rightBar-toolContact:before {
    content: "\e915";
    font-size: 23px;
    line-height: 23px;
}

.rightBar-toolMap:before {
    content: "\e914";
    font-size: 25px;
    line-height: 25px;
}


.rightBar-social {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 100%;
    text-align: center;
}

    .rightBar-social a {
        display: block;
        width: 25px;
        text-align: center;
        margin: 22px auto 0 auto;
        text-decoration: none;
    }

        .rightBar-social a:before {
            font-family: imperialFont;
            color: #9d8154;
            opacity: 0.5;
            transition: 0.2s all ease-out;
        }

        .rightBar-social a:hover:before {
            opacity: 1;
        }

.rightBar-socialFb:before {
    content: "\e905";
    font-size: 23px;
}

.rightBar-socialIns:before {
    content: "\e906";
    font-size: 23px;
}

.rightBar-socialLk:before {
    content: "\e904";
    font-size: 20px;
}

.rightBar-socialYt:before {
    font-family: boonIco !important;
    content: "\e974";
    font-size: 25px;
}

/*-------------- RESERVER ---------------*/
/*-------------------------------------*/

.resaLine {
    opacity: 0;
    pointer-events: none;
    transition: 0.2s all ease-out;
    width: 40px;
    position: absolute;
    top: 45px;
    height: 2px;
    background-color: #fff;
}

    .resaLine:nth-of-type(1) {
        left: 40px;
        transform: rotate(45deg);
    }

    .resaLine:nth-of-type(2) {
        right: 39px;
        transform: rotate(-45deg);
    }

.resaClose .resaName {
    opacity: 0;
}

.resaClose .resaLine {
    opacity: 1;
}


.reserver {
    z-index: 8000;
    background-color: #f2f2f3;
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0;
    background-image: url(../images/fondReservation.jpg);
    background-size: cover;
    background-position: bottom right;
    transition: 0.3s all ease-out;
}

.reserverDiv {
    width: 630px;
    opacity: 0;
    transition: 0.8s all ease-out;
}

.resaLogo {
    text-align: center;
    padding-bottom: 25px;
    width: 300px;
    margin: 0 auto 25px auto;
    border-bottom: 1px solid rgba(157, 129, 84, 0.20);
    display: block;
}

    .resaLogo span {
        font-family: Montserrat-ExtraLight;
        font-size: 18px;
        color: #131313;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .resaLogo span:before {
            display: block;
            text-align: center;
            content: "\e900";
            margin-bottom: 40px;
            line-height: 70px;
            font-size: 70px;
            font-family: imperialFont;
            color: rgba(157, 129, 84, 0.39);
        }


.resaRecherche {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.resaRechercheCol {
    width: 295px;
    display: block;
}

.resaFieldCt {
    width: 100%;
    margin-bottom: 25px;
}

.resaLabel {
    color: #504c48;
    font-family: Montserrat-ExtraLight;
    letter-spacing: 1px;
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

.resaField input[type="text"],
.resaField select {
    width: 100%;
    height: 53px;
    border-radius: 0px;
    background-color: #fff;
    display: block;
    padding: 0px 20px;
    box-sizing: border-box;
    border: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: Montserrat-ExtraLight;
    color: #504c48;
    margin-bottom: 0px;
}

.resaDate {
    display: inline-block;
    width: 100%;
    position: relative;
}

    .resaDate:after {
        pointer-events: none;
        line-height: 53px;
        text-align: center;
        content: "\e90d";
        font-size: 29px;
        color: #504c48;
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        padding-right: 15px;
        font-family: imperialFont;
    }

.resaNb {
    display: inline-block;
    width: 100%;
    position: relative;
}

    .resaNb:after {
        pointer-events: none;
        width: 40px;
        height: 53px;
        background-color: #fff;
        line-height: 53px;
        text-align: center;
        content: "\e911";
        font-size: 19px;
        color: #504c48;
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        padding-right: 15px;
        font-family: imperialFont;
    }

.resaSend {
    text-align: center;
}

    .resaSend .btnFill {
        margin-top: 10px;
        padding: 10px 45px;
        font-size: 18px;
        background-color: #9d8154;
        color: #fff;
        border: 0px;
        text-transform: none;
        font-family: NotoSerif-Italic;
    }

        .resaSend .btnFill:hover {
            border: 0px;
            color: #9d8154;
        }

        .resaSend .btnFill:before {
            background-color: #fff;
        }

.resaPictos {
    width: 100%;
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid rgba(157, 129, 84, 0.20);
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.resaPicto {
    text-align: center;
    margin: 0 25px;
    font-family: Lato-Bold;
    font-size: 16px;
    line-height: 20px;
    color: #9d8154;
}

    .resaPicto:before {
        height: 42px;
        line-height: 42px;
        font-family: imperialFont;
        display: block;
        margin: 0 auto 15px auto;
    }

.resaPictoHorloge:before {
    content: "\e922";
    font-size: 42px;
}

.resaPictoEtoile:before {
    content: "\ea99";
    font-family: boonIco;
    font-size: 38px;
}

.resaPictoReception:before {
    content: "\e92a";
    font-size: 42px;
}

.resaPictoParc:before {
    content: "\e924";
    font-size: 40px;
}



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

/*-------------------- Slider -------------------------*/

.swiper-scrollbar {
    display: none;
}

.bandeauSliderCt {
    position: relative;
    z-index: 5000;
    margin-bottom: 100px;
    width: 100%;
}

    .bandeauSliderCt .swiper-slide:before,
    .bandeauSliderHome .homeVideoIn:before {
        background: rgba(255, 255, 255, 0.00);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(7,7,7,0.8) 95%);
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        height: 250px;
        width: 100%;
        z-index: 5200;
        pointer-events: none;
    }

.bandeauSliderHome .swiper-slide:before,
.bandeauSliderHome .homeVideoIn:before {
    height: 350px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(7,7,7,0.7) 95%);
}

.bandeauSliderCt .swiper-text {
    z-index: 5500;
    width: 720px;
    bottom: 90px;
    top: unset;
    background: none;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    text-align: center;
    padding: 0px;
    pointer-events: auto;
    position: absolute;
}

    .bandeauSliderCt .swiper-text h1,
    .bandeauSliderCt .swiper-text .h1 {
        color: #fff;
        margin-bottom: 0px;
    }

        .bandeauSliderCt .swiper-text h1 span,
        .bandeauSliderCt .swiper-text .h1 span {
            color: #fff;
        }

.bandeauSliderMaster .swiper-text h1 span,
.bandeauSliderMaster .swiper-text .h1 span {
    opacity: 0.7;
}


.bandeauSliderCt .swiper-text .btn {
    margin-top: 40px;
    border: 1px solid #fff;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.00);
}

    .bandeauSliderCt .swiper-text .btn:hover {
        color: #9d8154;
        background-color: rgba(255, 255, 255, 1);
    }

.bandeauSliderHome {
    margin-bottom: 110px;
    position: relative;
}

    .bandeauSliderHome .swiper-container {
        height: 830px !important;
    }

.bandeauSliderHomeHdn {
    display: none;
}

.homeVideoIn {
    width: 100%;
    max-height: 830px;
    position: relative;
    z-index: 2000;
    overflow: hidden;
}

    .homeVideoIn video {
        width: 100%;
    }

.noslider .bandeauSliderMaster {
    display: none;
}

.bandeauSliderMaster .swiper-container {
    height: 470px !important;
}

body.hasSousmenu .bandeauSliderMaster {
    padding-top: 55px;
}

.bandeauScroll {
    position: absolute;
    bottom: 0;
    z-index: 2000;
    width: 30px;
    height: 80px;
    display: block;
    left: 50%;
    transform: translateY(50%) translateX(-15px);
    text-align: center;
}

    .bandeauScroll span {
        position: absolute;
        display: inline-block;
        width: 1px;
        top: 50%;
        transform: translateY(-50%);
        height: 80px;
        background-color: #9d8154;
        transition: 0.2s all ease-out;
    }

    .bandeauScroll:hover span {
        height: 40px;
    }

    .bandeauScroll span:before {
        position: absolute;
        font-family: imperialFont;
        top: -15px;
        left: -14.5px;
        content: "\e908";
        font-size: 30px;
        line-height: 30px;
        color: #9d8154;
    }

    .bandeauScroll span:after {
        position: absolute;
        font-family: imperialFont;
        bottom: -1px;
        left: -12px;
        content: "\e911";
        font-size: 25px;
        line-height: 13px;
        color: #9d8154;
    }

.noslider .bandeauScroll {
    display: none;
}

.noslider #scroll {
    display: none;
}

.sousmenuCt {
    width: 100%;
    height: 55px;
    position: fixed;
    top: 95px;
    z-index: 9000;
    pointer-events: none;
}

.sousmenu {
    width: 100%;
    height: 55px;
    box-sizing: border-box;
    padding: 0px 50px;
    text-align: center;
    background-color: #f2f2f3;
    pointer-events: all;
}

    .sousmenu a {
        font-family: Lato-Light;
        text-transform: uppercase;
        font-size: 15px;
        color: rgba(59, 59, 59, 0.6);
        text-decoration: none;
        display: inline-block;
        margin: 10px 25px;
        line-height: 35px;
        letter-spacing: 0.7px;
        transition: 0.2s all ease-out;
        position: relative;
    }

        .sousmenu a:after {
            font-size: 8px;
            line-height: 8px;
            font-family: imperialFont;
            color: #c2c2c2;
            content: "\e907";
            position: absolute;
            right: -29px;
            top: 14px;
        }

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

        .sousmenu a:hover,
        .sousmenu a.smActif {
            color: rgba(59, 59, 59, 1);
        }


/*-------------------------------------------------------*/
/*-------------------- HOMEPAGE -------------------------*/
/*-------------------------------------------------------*/

.homeCategories {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
}

    .homeCategories h2 {
        margin-bottom: 30px;
    }

    .homeCategories a.btnFill {
        margin: 0px 15px;
        font-size: 18px;
        font-family: NotoSerif-Italic;
        letter-spacing: 0px;
        text-transform: none;
        padding: 10px 35px;
    }

.homeAvantSlide {
    margin-bottom: 100px;
}

    .homeAvantSlide .swiper-container {
        height: 460px !important;
    }

    .homeAvantSlide .swiper-pagination {
        display: none;
    }

    .homeAvantSlide .imgLien-desc h2 {
        text-align: center;
        max-height: 74px;
        overflow: hidden;
    }

    .homeAvantSlide .imgLien-desc p {
        text-align: center;
        max-height: 92px;
        overflow: hidden;
    }

.homeAvantSlideCt {
    position: relative;
}

    .homeAvantSlideCt .swiper-button-prev,
    .homeAvantSlideCt .swiper-button-next {
        top: 50%;
        transform: translateY(-50%);
        width: 65px;
        height: auto;
        margin-top: 0px;
        background: none;
        transition: 0.2s all ease-out;
    }

        .homeAvantSlideCt .swiper-button-prev:focus,
        .homeAvantSlideCt .swiper-button-next:focus {
            outline: none !important;
        }

    .homeAvantSlideCt .swiper-button-prev {
        left: -125px;
    }

    .homeAvantSlideCt .swiper-button-next {
        right: -125px;
    }

.homeAvantSlide .swiper-button-prev.swiper-button-disabled,
.homeAvantSlide .swiper-button-next.swiper-button-disabled {
    opacity: 0.5;
}

.homeAvantSlideCt .swiper-button-prev:before,
.homeAvantSlideCt .swiper-button-next:before {
    font-family: imperialFont;
    font-size: 65px;
    line-height: 65px;
    color: #9d8154;
}

.homeAvantSlideCt .swiper-button-prev:before {
    content: "\e90e";
}

.homeAvantSlideCt .swiper-button-next:before {
    content: "\e910";
}


/*------------------------------------------------------*/
/*-------------------- CONTENU -------------------------*/
/*------------------------------------------------------*/

.blocIntro .ct {
    width: 720px;
    text-align: center;
}

.blocIntro,
.blocIntro p {
    line-height: 22px;
    color: #9d8154;
    font-family: NotoSerif-Italic;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
}

    .blocIntro .btnFill,
    .blocIntro .btn {
        margin-top: 40px;
    }

.blocIntroLien {
    font-family: Lato-Regular;
    letter-spacing: 0px;
    font-size: 18px;
    color: #9d8154;
    text-decoration: none;
    margin-top: 40px;
    display: inline-block;
    transition: 0.2s all ease-out;
}

    .blocIntroLien:hover {
        opacity: 0.6;
    }

.imgLien {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    height: 450px;
    text-decoration: none;
    border: 1px solid rgba(157, 129, 84, 0.50);
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.2s all ease-out;
    opacity: 1 !important;
}

.imgLien-image {
    width: 800px;
    height: 100%;
    overflow: hidden;
}

    .imgLien-image img {
        transition: 0.2s all ease-out;
    }

.imgLien:hover .imgLien-image img {
    transform: scale(1.02);
}

.imgLien-desc {
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    flex-direction: column;
    position: relative;
}

.imgLien-descCategorie {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    line-height: 43px;
    font-family: NotoSerif-Italic;
    color: #9d8154;
    font-size: 18px;
    padding: 0px 30px;
    background-color: #ede8e0;
}

.imgLien-descCt {
    width: 325px;
    display: block;
}

.imgLien-desc h2 {
    margin-bottom: 20px;
}

.imgLien-desc p {
    text-align: center;
}

.imgLienActu {
    margin-bottom: 50px;
}

    .imgLienActu .imgLien-desc p {
        max-height: 69px;
        overflow: hidden;
    }

.imgLien:hover {
    border: 1px solid rgba(157, 129, 84, 1);
}

    .imgLien:hover .losangeFleche span {
        width: 34px;
        color: #9d8154;
    }

.triEls {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.triEl {
    text-decoration: none;
    width: 400px;
    position: relative;
    border: 1px solid rgba(157, 129, 84, 0.50);
    transition: 0.2s all ease-out;
}

    .triEl:nth-of-type(n+4) {
        margin-top: 50px;
    }

    .triEl:hover {
        border: 1px solid rgba(157, 129, 84, 1);
    }

.triEl-image {
    height: 245px;
    width: 100%;
    overflow: hidden;
}

.triElFull .triEl-image {
    height: 100%;
}

.triEl-image img {
    transition: 0.2s all ease-out;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.triEl:hover .triEl-image img {
    transform: scale(1.02);
}

.triElDesc {
    box-sizing: border-box;
    width: 100%;
    padding: 45px 80px;
    text-align: center;
}

.triEl h2,
.triEl h3 {
    text-align: center;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 0px;
}

.triElsTextes .triEl h2,
.triElsTextes .triEl h3 {
    margin-bottom: 30px;
}

.triEl:hover .losangeFleche span {
    width: 34px;
    color: #9d8154;
}

.triEl .lienLigne {
    margin-left: 0px;
}

    .triEl .lienLigne:before {
        /*display: none;*/
    }

/*--ACTUALITES--*/

.triElsActus {
    justify-content: flex-start;
}

    .triElsActus .triEl {
        margin-right: 47px;
    }

        .triElsActus .triEl:nth-of-type(3n) {
            margin-right: 0px;
        }

        .triElsActus .triEl:nth-of-type(n+4) {
            margin-top: 50px;
        }

    .triElsActus .triElDesc {
        height: 270px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 0px 60px;
    }

    .triElsActus .capitalLeger {
        max-height: 45px;
        overflow: hidden;
    }

    .triElsActus .triTitre {
        max-height: 85px;
        overflow: hidden;
    }

.triElPictoCadeauCt {
    display: flex;
    justify-content: center;
    flex-direction: row;
    height: 60px;
    position: absolute;
    top: 210px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
        z-index: 200;
}

.triElPictoCadeau {
    width: 60px;
    height: 60px;
    background-color: #9d8154;
    display: block;
    z-index: 300;
    text-align: center;
}

    .triElPictoCadeau:after {
        color: #fff;
        font-family: imperialFont;
        font-size: 30px;
        content: "\e913";
        line-height: 60px;
    }

.triElPictoCadeauCt span {
    display: block;
    padding: 7px 12px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-family: Lato-Light;
    font-size: 14px;
    border: 1px solid #9d8154;
    background-color: rgba(255, 255, 255, 0.90);
    line-height: 22px;
}

.triElsTextes .triElDesc,
.triElsTextes.triElsActus .triElDesc {
    padding: 45px 40px;
    height: auto;
}


.triElPicto {
    width: 170px;
    height: 170px;
    z-index: 200;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.90);
    font-family: Montserrat-Regular;
    font-size: 16px;
    text-transform: uppercase;
    color: #9d8154;
}

.triElPictoGalerie:before {
    font-family: imperialFont;
    content: "\e901";
    color: #9d8154;
    line-height: 30px;
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
}

.doubleTriEl {
    width: 850px;
}


.title2Cols {
    margin-bottom: 40px;
}

    .title2Cols .ct {
        width: 730px;
    }

    .title2Cols h2,
    .title2Cols h1 {
        margin-bottom: 0px;
    }

/*--Presse--*/

.triElsPresse {
    justify-content: flex-start;
}



    .triElsPresse .triEl {
        width: 300px;
        margin-right: 30px;
        position: relative;
        border: 1px solid rgba(157, 129, 84, 0.50);
        transition: 0.2s all ease-out;
    }

        .triElsPresse .triEl:nth-of-type(4n) {
            margin-right: 0px;
        }

        .triElsPresse .triEl:nth-of-type(n+4) {
            margin-top: 0px;
        }

        .triElsPresse .triEl:nth-of-type(n+5) {
            margin-top: 30px;
        }

    .triElsPresse .triEl-image {
        height: 430px;
    }

.triElsDossiers {
    justify-content: center;
}

    .triElsDossiers .triEl {
        margin: 0 15px;
    }

    .triElsDossiers .triEl:nth-of-type(4n) {
        margin-right: 0px;
    }

    .triElsDossiers .triEl:nth-of-type(4n+1) {
        margin-left: 0px;
    }

.triElsDossiers .triEl-image {
    height: 300px;
}

.triElsPresse .triElDesc {
    padding: 20px 20px;
}

.triElsPresse .triEl h3 {
    font-size: 16px;
    line-height: 20px;
}

.triElsPresse .capitalLeger {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 15px;
}

.triElsPresse .losangeFleche {
    margin-top: 20px;
}

.titleOffres {
    text-align: center;
    margin-bottom: 50px;
}

    .titleOffres h1 {
        margin-bottom: 30px;
    }

    .titleOffres .btnFill {
        margin: 0 8px;
    }

.offresEls {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.offresEl {
    position: relative;
    width: 625px;
    height: 500px;
    border: 1px solid rgba(157, 129, 84, 0.50);
    transition: 0.2s all ease-out;
}

    .offresEl:nth-of-type(n+3) {
        margin-top: 50px;
    }

    .offresEl:hover {
        border: 1px solid rgba(157, 129, 84, 1);
    }

.offresEl-categorie {
    font-size: 18px;
    font-family: NotoSerif-Italic;
    color: #9d8154;
    line-height: 45px;
    padding: 0px 20px;
    position: absolute;
    z-index: 400;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    background-color: rgba(157, 129, 84, 0.20);
}

.offresEl-img {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .offresEl-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: 0.2s all ease-out;
    }

.offresEl:hover .offresEl-img img {
    transform: scale(1.03);
}

.offresEl-desc {
    width: 450px;
    height: 325px;
    box-sizing: border-box;
    padding: 0px 50px;
    z-index: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.offresEl:hover .losangeFleche span {
    width: 34px;
    color: #9d8154;
}

.offresEl-desc h3 {
    max-height: 85px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}

.offresEl-desc {
}


.blocBottom {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0px !important;
    background-color: #f4f4f4;
    padding: 70px;
    color: #353027;
}

    .blocBottom a {
        color: #353027;
    }

    .blocBottom .ct {
        text-align: center;
        /*width: 475px;*/
    }

    .blocBottom h2 {
        font-size: 30px;
        line-height: 30px;
        font-family: Lato-Light;
        color: rgba(53, 48, 39, 0.90);
        text-transform: uppercase;
        font-family: Lato-Light;
        letter-spacing: 1px;
        margin-bottom: 40px;
    }

.ccb545.blocBottom h2 {
    font-family: NotoSerif-Italic;
    line-height: 40px;
    text-transform: none;
    width: 480px;
    margin: 0 auto 40px auto;
}

.blocBottom h2:before {
    margin: 0 auto 40px auto;
    font-family: imperialFont;
    font-size: 40px;
    line-height: 40px;
    color: rgba(53, 48, 39, 0.50);
    content: "\e900";
    display: none;
}

.blocBottom h2 + .btnFill {
    margin-top: 0px;
    margin-bottom: 35px;
}

.blocBottom p {
    text-align: center;
    color: #353027;
}

.blocBottom .texte2cols p {
    text-align: justify;
}

.botLien {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-family: Lato-Light;
    font-weight: bold;
    color: #353027;
    margin-bottom: 15px;
    text-decoration: none;
    transition: 0.2s all ease-out;
}

    .botLien:hover {
        opacity: 0.5;
    }

    .botLien ~ .botLien {
        margin-top: -8px;
    }

.botHoraires {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    color: #9d8154;
}

    .botHoraires:before {
        font-size: 40px;
        line-height: 40px;
        font-family: imperialFont;
        content: "\e922";
        color: rgba(157, 129, 84, 0.70);
        margin: 0 12px;
        display: block;
    }

    .botHoraires span {
        text-align: center;
        display: block;
        margin: 0 12px;
        color: #9d8154;
        font-size: 16px;
        line-height: 20px;
        font-family: Lato-Light;
        font-weight: bold;
    }

.botSeparateur {
    width: 100%;
    display: block;
    margin: 20px 0px;
    text-align: center;
}

    .botSeparateur:before {
        font-size: 10px;
        line-height: 10px;
        font-family: imperialFont;
        content: "\e907";
        color: rgba(157, 129, 84, 0.50);
    }

.blocBottomPictos {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 600px;
    margin: 0 auto;
}

.blocBottomPicto {
    width: 150px;
    font-size: 15px;
    font-family: Lato-Light;
    color: #9d8154;
    line-height: 20px;
    margin: 0px 20px;
}

    .blocBottomPicto  a {
        color: #9d8154;
    }

    .blocBottomPicto:nth-of-type(n+4) {
        margin-top: 20px;
    }

    .blocBottomPicto:before {
        font-family: imperialFont;
        display: block;
        margin: 0 auto 10px auto;
        line-height: 35px;
        font-size: 35px;
    }

.blocBottomPictoParking:before {
    content: "\e923";
}

.blocBottomPictoClasse:before {
    content: "";
    width: 40px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/polo.svg);
}

.blocBottomPictoAnimo:before {
    content: "\e938";
    font-size: 40px;
}

.blocBottomPictoFumeur:before {
    content: "\e929";
    font-size: 37px;
}

.blocBottomPictoPDJ:before {
    content: "";
    width: 40px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/breakfast.svg);
}

.blocBottomPictoTaxe:before {
    content: "";
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/euro.svg);
}

.blocBottomPictoTerrasse:before {
    content: "\e921";
    font-size: 40px;
}

.blocBottomPictoVoiturier:before {
    content: "\e92c";
    font-size: 40px;
}

.blocBottomPictoTransferts:before {
    content: "";
    width: 40px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/van.svg);
}

.blocBottomPictoCongres:before {
    content: "\e932";
    font-size: 37px;
}

.blocBottomPictoWifi:before {
    content: "\eac1";
    font-size: 34px;
    font-family: boonIco;
}

.blocBottomPictoJazz:before {
    content: "";
    width: 40px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/jazz.svg);
}

.blocBottomPictoCheminee:before {
    content: "";
    width: 40px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/cheminee.svg);
}

.blocBottomPictoVueLac:before {
    content: "";
    width: 40px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/vueLac.svg);
}

.dropdownService {
    width: 100%;
    display: block;
    transition: 0.2s all ease-out;
}

.dropdownBandeau {
    display: block;
    height: 60px;
    background-color: #cec0a9;
    transition: 0.2s all ease-out;
    text-align: center;
    cursor: pointer;
}

    .dropdownBandeau:hover,
    .dropdownOpen .dropdownBandeau {
        background-color: #9d8154;
    }

    .dropdownBandeau span {
        font-family: Lato-Light;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 20px;
        color: #fff;
        line-height: 60px;
    }

        .dropdownBandeau span:before,
        .dropdownBandeau span:after {
            line-height: 60px;
            font-family: imperialFont;
            content: "\e911";
            font-size: 11px;
            margin: 0px 20px;
            position: relative;
            top: -2px;
            color: #9f8458;
            transition: 0.2s all ease-out;
            display: inline-block;
        }

    .dropdownBandeau:hover span:before,
    .dropdownBandeau:hover span:after {
        color: #fff;
    }

.dropdownOpen .dropdownBandeau span:before,
.dropdownOpen .dropdownBandeau span:after {
    color: #fff;
    transform: rotate(180deg);
    top: -3px;
}

.dropdownContenu {
    display: block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
    display: none;
}

    .dropdownContenu .ct {
        width: 850px;
    }

    .dropdownContenu h2,
    .dropdownContenu h3 {
        color: #9d8154;
        font-size: 20px;
        line-height: 25px;
        font-family: NotoSerif-Italic;
        letter-spacing: 1px;
        margin-bottom: 20px;
        text-align: left;
    }

    .dropdownContenu ul {
        margin-bottom: 0px;
    }

        .dropdownContenu ul li {
            color: #212121;
            margin-bottom: 3px;
            text-align: left;
        }

.dropDownLigne {
    display: flex;
    width: 100%;
    margin-bottom: 35px;
    flex-direction: row;
    justify-content: space-between;
}

    .dropDownLigne:last-of-type {
        margin-bottom: 0px;
    }

.dropdownLeft,
.dropdownRight {
    width: 47%;
}


.parallax {
    min-height: 570px;
    width: 100%;
    position: relative;
    background: transparent;
}

    .parallax.parallax-shadow:before {
        content: "";
        background-image: url(../images/backShadowTitre.png);
        position: absolute;
        display: block;
        width: 960px;
        height: 455px;
        background-size: cover;
        background-position: center;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 1600;
        opacity: 0.7;
    }

.parallaxLgd {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    text-align: center;
    z-index: 1700;
}

    .parallaxLgd h2,
    .parallaxLgd .h1,
    .parallaxLgd h2 span {
        color: #fff;
    }

    .parallaxLgd h2 {
        margin-bottom: 20px;
    }

    .parallaxLgd .btnFill {
        margin-top: 0px;
        background-color: #fff;
        color: #9d8154;
        border: 0px solid #fff;
    }

        .parallaxLgd .btnFill:hover {
            border: 0px solid #9d8154;
            color: #fff;
        }

        .parallaxLgd .btnFill:after {
            background-color: #9d8154;
        }


.actuPage {
    position: fixed;
    z-index: 6000;
    left: 0;
    bottom: 160px;
    width: 295px;
    background-color: #fff;
    border: 1px solid rgba(157, 129, 84, 0.50);
    transition: 0.3s all ease-out;
    transform: translateX(-100%);
}

.actuPage-actif {
    transform: none;
}

.actuPage-close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 300;
    transition: 0.2s all ease-out;
    opacity: 0.4;
    cursor: pointer;
}

    .actuPage-close:hover {
        opacity: 1;
    }

    .actuPage-close:before {
        font-family: boonIco;
        font-size: 15px;
        content: "\e983";
    }

.actuPage:hover {
    border: 1px solid rgba(157, 129, 84, 1);
}

.actuPage .actuPage-lien {
    text-decoration: none;
    width: 100%;
    display: block;
}

.actuPage-desc {
    height: 245px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .actuPage-desc .capitalLeger {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .actuPage-desc .actuPage-titre {
        font-family: NotoSerif-Italic;
        font-size: 22px;
        color: #9d8154;
        text-align: center;
        line-height: 26px;
        width: 70%;
    }

.actuPage-image {
    width: 100%;
    height: 245px;
    display: block;
    position: relative;
}

    .actuPage-image .actuPage-legende {
        position: absolute;
        z-index: 200;
        top: 0;
        left: 50%;
        width: auto;
        transform: translateX(-50%);
        font-family: NotoSerif-Italic;
        color: #9d8154;
        font-size: 18px;
        background-color: rgba(255, 255, 255, 0.90);
        line-height: 50px;
        padding: 0px 20px;
        white-space: nowrap;
    }

    .actuPage-image img {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 100;
        object-fit: cover;
        object-position: center;
    }

.actuPage .actuPage-lienTous {
    text-decoration: none;
    width: 100%;
    display: block;
    background-color: rgba(157, 129, 84, 0.80);
    text-transform: uppercase;
    line-height: 35px;
    color: #fff;
    font-family: Lato-Light;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    transition: 0.2s all ease-out;
}

    .actuPage .actuPage-lienTous:hover {
        background-color: rgba(157, 129, 84, 1);
    }



.blocNewsletter {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    padding: 90px 0px;
    text-align: center;
    background-color: #ebe6dd;
}

.blocNewsletter-desc {
    font-family: NotoSerif-Italic;
    font-size: 18px;
    color: #9d8154;
    line-height: 22px;
    text-align: center;
    width: 400px;
    margin: 0 auto 35px auto;
}

.blocNewsletter-champs input[type="text"] {
    width: 430px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    padding: 0px 25px;
    margin: 0px;
    background-color: #fff;
    font-family: Lato-Regular;
    font-size: 14px;
    color: rgba(157, 129, 84, 0.70);
    transition: 0.2s all ease-out;
    border: 0px !important;
}

    .blocNewsletter-champs input[type="text"]:focus {
        background-color: rgba(255, 255, 255, 0.85);
    }

.blocNewsletter-send {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-family: Montserrat-Light;
    font-size: 18px;
    color: #9d8154;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 8px;
    position: relative;
    transition: 0.2s all ease-out;
    z-index: 20;
}

    .blocNewsletter-send:hover {
        color: #fff;
    }

    .blocNewsletter-send:after {
        content: "";
        transition: 0.2s all ease-out;
        width: 0%;
        height: 100%;
        background-color: #9d8154;
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
    }

    .blocNewsletter-send:hover:after {
        width: 100%;
    }

#ctl00_cphPanMilieu_ucInscriptionNewsletter_regMail {
    position: relative;
    top: 10px;
    color: red;
}

.backGray {
    background-color: #f4f4f4;
    padding: 90px 0px;
    width: 100%;
}

.ccb561 .ct {
    width: 1450px;
}

.slider900 .ct {
    width: 900px;
}

.prestations {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.prestation {
    margin: 30px 34px;
    text-align: center;
    font-family: Lato-Bold;
    color: #9d8154;
    font-size: 16px;
    line-height: 20px;
}

    .prestation:before {
        font-family: imperialFont;
        display: block;
        margin: 0 auto 15px auto;
        height: 32px;
        font-size: 32px;
        line-height: 32px;
    }

.prestation-heure:before {
    content: "\e922";
}

.prestation-parking:before {
    content: "\e923";
}

.prestation-parc:before {
    content: "\e924";
    font-size: 34px;
}

.prestation-lac:before {
    content: "";
    display: block;
    width: 32px;
    background-position: center;
    background-image: url(../images/swan.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.prestation-commerce:before {
    content: "\e926";
}

.prestation-velo:before {
    content: "\e927";
    font-size: 35px;
}

.prestation-transfert:before {
    content: "";
    display: block;
    width: 40px;
    background-position: center;
    background-image: url(../images/van.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.prestation-borne:before {
    content: "\e928";
    font-size: 35px;
}

.prestation-pmr:before {
    content: "\e91b";
}

.prestation-fumeur:before {
    content: "\e929";
    font-size: 34px;
}

.prestation-reception:before {
    content: "\e92a";
}

.prestation-conciergerie:before {
    content: "\e92b";
}

.prestation-voiturier:before {
    content: "\e92c";
    font-size: 34px;
}

.prestation-bagagerie:before {
    content: "\e92d";
}

.prestation-restaurant:before {
    content: "\e92e";
}

.prestation-bar:before {
    content: "\e92f";
    font-size: 35px;
}

.prestation-spa:before {
    content: "\e930";
    font-size: 34px;
}

.prestation-fitness:before {
    content: "\e931";
    font-size: 35px;
}

.prestation-congres:before {
    content: "\e932";
    font-size: 35px;
}

.prestation-casino:before {
    content: "\e933";
    font-size: 34px;
}

.prestation-animo:before {
    content: "\e934";
}

.prestation-distributeur:before {
    content: "\e935";
}

.prestation-change:before {
    content: "\e936";
}

.prestation-cadeau:before {
    content: "\e913";
    font-size: 30px;
}

.prestation-defibrilateur:before {
    content: "\e937";
}

.prestation-montagnePasLoin:before {
    content: "";
    display: block;
    width: 40px;
    background-position: center;
    background-image: url(../images/mountain.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.prestation-cabines:before {
    content: "";
    display: block;
    width: 40px;
    background-position: center;
    background-image: url(../images/cabines.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.prestation-piscine:before {
    content: "";
    display: block;
    width: 40px;
    background-position: center;
    background-image: url(../images/pool.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.prestation-douche:before {
    content: "";
    display: block;
    width: 40px;
    background-position: center;
    background-image: url(../images/douche.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.prestation-tisane:before {
    content: "";
    display: block;
    width: 40px;
    background-position: center;
    background-image: url(../images/tisane.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.prestation-wifi:before {
    content: "\eac1";
    font-size: 26px;
    font-family: boonIco;
}

.divCenter .ct {
    text-align: center;
    width: 800px;
}

.divCenter h2,
.divCenter h3,
.divCenter p {
    text-align: center;
}


/*---------- Contenus des Blocs ---------*/
.conteneurBlocImgTxt .ct {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 1330px;
    margin-bottom: 90px;
}

.conteneurBlocTxtImg .ct {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    width: 1330px;
    margin-bottom: 90px;
}

.conteneurBlocImgTxt .contenuMixteImageG,
.conteneurBlocTxtImg .contenuMixteImageD {
    width: 750px;
    min-width: 750px;
    position: relative;
    z-index: 500;
    flex: 1;
}

.conteneurBlocImgTxt .swiper-container,
.conteneurBlocTxtImg .swiper-container {
    width: 100%;
    height: 100% !important;
}

    .conteneurBlocImgTxt .swiper-container .swiper-slide,
    .conteneurBlocTxtImg .swiper-container .swiper-slide {
        width: 100% !important;
        height: 100% !important;
    }

.contenuFullPhotoSlider .swiper-container {
    width: 100% !important;
    height: 420px;
}

    .contenuFullPhotoSlider .swiper-container .swiper-slide {
        width: 100% !important;
        height: 100% !important;
    }

    .conteneurBlocImgTxt .swiper-container .swiper-button-next,
    .conteneurBlocImgTxt .swiper-container .swiper-button-prev,
    .conteneurBlocTxtImg .swiper-container .swiper-button-next,
    .conteneurBlocTxtImg .swiper-container .swiper-button-prev,
    .contenuFullPhotoSlider .swiper-container .swiper-button-next,
    .contenuFullPhotoSlider .swiper-container .swiper-button-prev {
        display: none !important;
    }

.conteneurBlocImgTxt .swiper-pagination-bullets {
    bottom: 25px;
    padding-right: -120px;
    box-sizing: border-box;
}

.conteneurBlocTxtImg .swiper-pagination-bullets {
    bottom: 25px;
    padding-left: 120px;
    box-sizing: border-box;
}

.contenuFullPhotoSlider .swiper-pagination-bullets {
    bottom: 25px;
    box-sizing: border-box;
}

.conteneurBlocImgTxt .swiper-pagination-bullet,
.conteneurBlocTxtImg .swiper-pagination-bullet,
.contenuFullPhotoSlider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.00);
    box-sizing: border-box;
    border: 2px solid #fff;
    margin: 0 5px;
    opacity: 1;
    transition: 0.2s all ease-out;
}

.conteneurBlocImgTxt .swiper-pagination-bullet-active,
.conteneurBlocTxtImg .swiper-pagination-bullet-active,
.contenuFullPhotoSlider .swiper-pagination-bullet-active {
    background: #fff;
}

.conteneurBlocTxtImg .photoColonne,
.conteneurBlocImgTxt .photoColonne {
    margin-bottom: 0px;
    display: block;
    width: 100%;
    height: 100%;
}

    .conteneurBlocTxtImg .photoColonne img,
    .conteneurBlocImgTxt .photoColonne img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


.conteneurBlocTxtImg .contenuMixteTexteG,
.conteneurBlocImgTxt .contenuMixteTexteD {
    position: relative;
    z-index: 600;
    top: 90px;
    /*min-height: 580px;*/
    width: 580px;
    max-width: 580px;
    border: 1px solid #d0c2ac;
    padding: 90px 70px 90px 70px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.97);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: justify;
}

    .conteneurBlocTxtImg .contenuMixteTexteG h2,
    .conteneurBlocImgTxt .contenuMixteTexteD h2 {
        width: 100%;
        text-align: center;
    }

.conteneurBlocTxtImg .contenuMixteTexteG {
    left: 120px;
}

.conteneurBlocImgTxt .contenuMixteTexteD {
    right: 120px;
}

.txtPictos {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-top: 40px;
}

.txtPicto {
    margin: 0 36px;
    font-family: Lato-Bold;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    transition: 0.2s all ease-out;
}

.txtPicto4 .txtPicto {
    margin: 0px 16px;
}

a.txtPicto:hover {
    opacity: 0.5;
}

.txtPicto:before {
    font-family: imperialFont;
    display: block;
    line-height: 32px;
    margin: 0 auto 15px auto;
    text-align: center;
    color: #9d8154;
}

.txtPictoSurface:before {
    content: "\e917";
    font-size: 36px;
}

.txtPicto2pers:before {
    width: 50px;
    height: 32px;
    content: "";
    background-image: url(../images/picto2pers.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.txtPicto4pers:before {
    width: 50px;
    height: 32px;
    content: "";
    background-image: url(../images/picto4pers.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.txtPictoBalcon:before {
    width: 53px;
    height: 38px;
    content: "";
    background-image: url(../images/balcon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 8px auto;
}


.txtPictoPMR:before {
    content: "\e91b";
    font-size: 32px;
}

.txtPictoTerrasse:before {
    content: "\e921";
    font-size: 32px;
}

.txtPictoHorloge:before {
    content: "\e922";
    font-size: 32px;
}

.txtPictoCadeau:before {
    content: "\e913";
    font-size: 40px;
}


.texteDouble .ct,
.texte2cols {
    width: 800px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: 0 auto;
    text-align: justify;
}

.contenuFullPage .contenuTexte2ColG,
.contenuFullPage .contenuTexte2ColD,
.texte2col {
    width: 380px;
}

.contenuFullPage .contenuFull {
    width: 100%;
}

.contenuFullPage .contenuFullPhotoSeule {
    width: 100%;
}

    .contenuFullPage .contenuFullPhotoSeule img {
        width: 100%;
    }

.contenuFullPage .contenuFullPhotoSlider {
    display: block;
    position: relative;
}

.histoireDate {
    text-align: center;
    display: block;
    margin-bottom: 35px;
}

    .histoireDate span {
        background-color: #9d8154;
        font-family: Montserrat-Regular;
        font-weight: bold;
        font-size: 22px;
        letter-spacing: 1px;
        color: #fff;
        padding: 8px 20px;
        margin-top: 35px;
        position: relative;
        display: inline-block;
    }

        .histoireDate span:before {
            display: block;
            left: 50%;
            content: "";
            height: 35px;
            width: 1px;
            position: absolute;
            top: -35px;
            background-color: #9d8154;
        }

/*---------- Pagination ---------*/

.actuPagination {
    margin: 30px 0px 80px 0px;
}

.paginationListing {
    text-align: right;
}

    .paginationListing span, .paginationListing a {
        font-family: Lato-Bold;
        font-size: 18px;
        color: #9d8154;
        transition: 0.2s all ease-out;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 20px;
        text-decoration: none;
        line-height: 20px;
        opacity: 0.5;
    }

        .paginationListing span:after {
            width: 100%;
            position: absolute;
            height: 1px;
            content: "";
            display: block;
            bottom: -5px;
            left: 0;
            background-color: #9d8154;
        }

        .paginationListing span,
        .paginationListing a:hover {
            opacity: 1;
        }

/*----------------------------------------------*/
/*-------------- FORMULAIRES -------------------*/
/*----------------------------------------------*/

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea,
select {
    border: 1px solid #E3E3E3;
    transition: 0.3s all ease-out;
    color: #565656;
    outline: none;
    padding: 5px;
    background: #FFFFFF;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

    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 {
        border-color: #777;
    }

button[type="button"],
button[type="submit"],
input[type="submit"],
input[type="button"],
input[type="reset"] {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.00);
    color: #9d8154;
    font-size: 20px;
    font-family: 'Lato-Light';
    line-height: 23px;
    letter-spacing: 1px;
    padding: 15px 30px;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    margin-top: 20px;
    border: 1px solid rgba(157, 129, 84, 0.50);
    transition: 0.2s all ease-out;
}

    button[type="button"]:hover,
    button[type="submit"]:hover,
    input[type="submit"]:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover {
        background: none;
        border: 1px solid rgba(157, 129, 84, 1);
        background-color: #9d8154;
        color: #fff;
    }

        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: solid 1px Red !important;
}*/

.correction {
    background: rgba(240, 80, 80, 0.1);
    color: #f05050;
}

/*---------- Contact ---------*/

.accesTitre {
    display: block;
    margin-bottom: 5px;
    line-height: 25px;
    font-weight: bold;
}

    .accesTitre:before {
        vertical-align: top;
        width: 25px;
        height: 25px;
        background-size: contain;
        background-position: center;
        display: inline-block;
        background-repeat: no-repeat;
        content: "";
        margin-right: 8px;
    }

.accesAvion:before {
    background-image: url(../images/plane.svg);
}

.accesTrain:before {
    background-image: url(../images/train.svg);
}



#map {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}

.mapContent {
    padding: 20px;
    text-align: center;
}

    .mapContent h2 {
        font-size: 25px;
        margin-bottom: 15px;
        text-align: center;
        font-family: Montserrat-Light;
        text-transform: uppercase;
    }

        .mapContent h2:before {
            display: block;
            margin: 0 auto 15px auto;
            font-family: imperialFont;
            font-size: 30px;
            line-height: 30px;
            color: rgba(157, 129, 84, 0.50);
            content: "\e900";
        }

    .mapContent .mapAdress {
        font-size: 15px;
        line-height: 20px;
    }

.formContactCt {
    margin-bottom: 180px;
}

    .formContactCt .contenuMixteTexteD {
        padding: 50px 70px 50px 70px;
    }

        .formContactCt .contenuMixteTexteD h2 {
            margin-bottom: 20px;
        }

.formulaire {
    width: 100%;
    margin-top: 20px;
}

.formulaire-row {
    margin-bottom: 20px;
    position: relative;
}

.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: 30px;
    padding: 0px;
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid rgba(157, 129, 84, 0.50);
    box-sizing: border-box;
    font-size: 15px;
    font-family: NotoSerif-Italic;
    color: #9d8154;
}

     .dropDownStyle {
         position: relative;
     }

    .dropDownStyle select {
        line-height: 30px;
        -webkit-appearance: none;
        padding: 0px 25px 0 0;
    }

        .dropDownStyle:after {
            font-family: boonIco;
            content: "\e92d";
            font-size: 13px;
            color: #9d8154;
            line-height: 30px;
            position: absolute;
            right: 0px;
            top: 0;
        }

    .formulaire input[type="text"]:hover,
    .formulaire input[type="tel"]:hover,
    .formulaire input[type="email"]:hover,
    .formulaire textarea:hover,
    .formulaire select:hover {
        border-bottom: 1px solid rgba(157, 129, 84, 0.70);
    }

.formulaire textarea {
    height: 80px;
    resize: vertical;
    margin-bottom: 0px;
    padding: 5px 0px;
}

/*-- Ci dessous, le style du label qui est par dessus
    le champs.

    Si vous voulez enlever la petite animation
    des labels, faites comme il y a marqué dans les commentaires de l'UC Contact,
    et enlevez la position absolute de la règle ci dessous.
    */

.formulaire label {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 15px;
    font-family: NotoSerif-Italic;
    color: #9d8154;
    opacity: 0.8;
    cursor: text;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

    .formulaire-select label,
    .formulaire-receptionCheck label {
        position: relative;
        display: block;
        top: 0;
        margin-bottom: 4px;
    }

.formulaire input[type="radio"] + label,
.formulaire input[type="checkbox"] + label {
    top: 0;
}

/*-- Style des champs quand on est en train décrire dessus
        */

.formulaire input[type="text"]:focus,
.formulaire input[type="email"]:focus,
.formulaire input[type="tel"]:focus,
.formulaire textarea:focus {
    border-bottom: 1px solid #9d8154;
}

    /*-- Style du label quand on a cliqué dessus et quand
                on a du texte dans les champs
        */

    .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,
    .formulaire textarea:focus ~ label,
    .formulaire textarea.fill ~ label {
        transform-origin: left center;
        transform: translate3d(0, -100%, 0) scale3d(.85, .85, 1);
        opacity: 0.5;
    }

/*-- Style des champs avec erreurs
        */

.errorControl {
    background-color: #FBE3E4 !important;
    border: 0px !important;
    border-bottom: 2px solid #cc5246 !important;
}

.formulaire-check {
    margin-bottom: 10px;
}

    .formulaire-check > div {
        margin: 0px 0px 5px 0px;
    }

        .formulaire-check > div label,
        .ReCaptcha-notice {
            opacity: 1;
            color: #979797;
            line-height: 17px;
            font-size: 13px;
            font-family: Lato-Light;
        }

            .formulaire-check > div label a,
            .ReCaptcha-notice a {
                color: #979797;
                text-decoration: underline;
            }

                .formulaire-check > div label a:hover,
                .ReCaptcha-notice a:hover {
                    text-decoration: none;
                }

input[type="checkbox"]:not(:checked) + label::after, input[type="checkbox"]:checked + label::after {
    color: #9d8154;
}

input[type="checkbox"]:not(:checked) + label::before, input[type="checkbox"]:checked + label::before {
    background: #f8f8f8;
    border: 1px solid rgba(157, 129, 84, 0.40);
}

.formulaire-SEND {
    text-align: center;
}


.formulaire-reception  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    flex-wrap: wrap;
    margin-bottom: 80px;
}

    .formulaire-receptionLeft {
        width: 580px;
    }

    .formulaire-receptionRight {
        width: 580px;
        margin-top: 80px;
    }

    .formulaire-reception h2 {
        font-family: Montserrat-Regular;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 30px;
        font-size: 20px;
    }

    .formulaire-double {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
        .formulaire-double .formulaire-row {
            width: 45%;
        }

    .formulaire-triple {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .formulaire-triple .formulaire-row {
            width: 30%;
        }

    .formulaire-receptionCheck input[type="checkbox"]:not(:checked) + label::before, 
    .formulaire-receptionCheck input[type="checkbox"]:checked + label::before {
        margin-top: 0px;
    }

    .formulaire-receptionCheck input[type="checkbox"]:not(:checked) + label::after, 
    .formulaire-receptionCheck input[type="checkbox"]:checked + label::after {
        margin-top: -1px;
    }

    .formulaire-receptionCheck table {
        display: block;
        width: 100%;
    }

        .formulaire-receptionCheck tbody {
            column-count: 2;
            display: block;
        }

            .formulaire-receptionCheck tr {
                display: block;
            }

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

/*---------- Détail Actu ---------*/


.retourBtn {
    margin: 0 0 30px 0;
}

.detActu-retourBot {
    margin: 30px 0 0px 0;
}

.retourBtn a {
    color: rgba(157, 129, 84, 1);
    font-size: 18px;
    font-family: NotoSerif-Italic;
    line-height: 45px;
    text-decoration: none;
    position: relative;
    display: inline-block;
    opacity: 0.8;
    transition: 0.2s all ease-out;
}

    .retourBtn a:before {
        font-family: imperialFont;
        position: relative;
        display: inline-block;
        font-size: 20px;
        margin-right: 18px;
        content: "\e90e";
        position: relative;
        top: 3px;
    }

    .retourBtn a:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background-color: rgba(157, 129, 84, 0.70);
    }

    .retourBtn a:hover {
        opacity: 1;
    }

.detActu {
    width: 980px;
    margin: 0 auto;
    margin-bottom: 80px;
}

.detActu-date {
    margin-bottom: 60px;
    text-align: center;
}

.detActu-image {
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}

    .detActu-image a {
        position: relative;
        width: 80%;
        margin: 0 auto;
        display: block;
    }

        .detActu-image a img {
            width: 100%;
            float: none;
            margin: 0px;
        }

.detActu-contenu {
    width: 700px;
    margin: 0px auto 0 auto;
}

.detActu-texte {
    text-align: justify;
}

    .detActu-texte h2 {
        text-align: left;
        margin-bottom: 10px;
    }

    .detActu-texte p + h2,
    .detActu-texte div + h2,
    .detActu-texte ul + h2,
    .detActu-texte a + h2 {
        margin-top: 30px;
    }


#detailEventFichiers {
    margin: 40px 0px 40px 0;
}

    #detailEventFichiers li {
        list-style: none;
        margin-bottom: 10px;
    }

        #detailEventFichiers li a {
            text-decoration: none;
            font-family: NotoSerif-Italic;
            font-size: 18px;
            transition: 0.2s;
        }

            #detailEventFichiers li a:hover {
                opacity: 0.5;
            }

.detActu-galerie {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

    .detActu-galerie a {
        display: block;
        width: 150px;
        height: 100px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .detActu-galerie a img {
            width: 100%;
            height: 100%;
            object-position: center;
            object-fit: cover;
        }

.detActu-emploiType {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 30px;
}

    .detActu-emploiType .emploiType {
        display: inline-block;
        font-family: Montserrat-Regular;
        color: #fff;
        background-color: #9d8154;
        line-height: 40px;
        font-size: 20px;
        padding: 0px 20px;
    }

/*-----------------------------------------------------*/
/*-------------------- FOOTER -------------------------*/
/*-----------------------------------------------------*/

footer {
    width: 100%;
    padding: 60px 0 30px 0px;
    text-align: center;
    background: #fff;
    border-top: 1px solid #f2f2f3;
    /*position: fixed;
    z-index: 900;
    bottom: 0;
    left: 0;
    right: 0;*/
}

.footerCt {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}

.footerCol {
    width: 25%;
    text-align: left;
}

    .footerCol a {
        text-decoration: none;
        display: inline-block;
        margin-bottom: 8px;
        opacity: 1;
        transition: 0.3s all ease-out;
        color: #353027;
        font-size: 15px;
        line-height: 17px;
        font-family: Lato-Light;
    }

    .footerCol p {
        color: #353027;
        opacity:1;
        font-size: 15px;
        line-height: 17px;
    }

    .footerCol a:hover {
        opacity: 1;
        font-weight: bold;
    }

    .footerCol a.footerNum {
        display: block;
        margin-bottom: 10px;
    }

    .footerCol a.footerMail {
        display: inline-block;
        margin-bottom: 15px;
        position: relative;
        text-transform: none;
        margin-top: 0px;
        line-height: 22px;
        padding: 0px;
        letter-spacing: 0px;
    }

        .footerCol a.footerMail:hover {
            color: #353027;
            opacity: 1;
        }

        .footerCol a.footerMail:after {
            bottom: 0px;
            background-color: #353027;
        }

    .footerTitre, .footerCol a.footerTitre {
        display: block !important;
        text-transform: uppercase;
        font-family: Lato-Light;
        font-size: 13px;
        letter-spacing: 0.5px;
        line-height: 13px;
        margin-bottom: 15px !important;
        color: #353027;
        opacity: 1 !important;
        font-family: 'Lato-Bold';
    }

.footerCol3 img {
    display: block;
    width: 130px;
    margin-top: 10px;
}

.footerSocial {
    display: block;
    height: 25px;
    margin-bottom: 15px;
}

    .footerSocial a {
        display: inline-block;
        vertical-align: middle;
        color: #9d8154;
        opacity: 0.5;
        margin-right: 8px;
    }

        .footerSocial a:before {
            font-family: imperialFont;
        }

.footerSocialFb:before {
    content: "\e905";
    font-size: 20px;
}

.footerSocialIns:before {
    content: "\e906";
    font-size: 20px;
}

.footerSocialLk:before {
    content: "\e904";
    font-size: 20px;
}

.footerSocialTwi:before {
    content: "\e912";
    font-size: 18px;
}

.footerSocialYout:before {
    font-family: boonIco !important;
    content: "\e974";
    font-size: 20px;
}

.footerCol4 a.btn {
    margin-top: 0px;
    width: 110px;
    font-size: 12px;
    padding: 8px 0px;
    text-align: center;
    color: #fff !important;
    opacity: 1;
    background-color: rgb(205, 192, 169);
    border: 1px solid rgb(205, 192, 169);
}

    .footerCol4 a.btn:hover {
        color: #9d8154 !important;
        border: 1px solid #9d8154;
        background-color: rgba(205, 192, 169, 0.00);
    }


.crosslinksCt {
    padding-top: 30px;
    margin-top: 40px;
    border-top: 1px solid #e6dfd4;
    width: 100%;
    text-align: left;
}

    .crosslinksCt a {
        text-decoration: none;
        color: #c1b094;
        font-size: 13px;
        line-height: 15px;
    }

        .crosslinksCt a:hover {
            color: #9d8154;
        }


/*------------------------------------------------*/
/*-------------- GALERIE PHOTO -------------------*/
/*------------------------------------------------*/

.galeriesCt {
    margin-bottom: 100px;
}

/*---------- Détail Galerie Photo ---------*/

.blocIntroAlbum {
    margin-bottom: 100px;
}

#galeriePhoto {
    margin: 0px 120px 100px 120px;
}

.contenuDescriptionAlbum {
    margin-bottom: 30px;
    text-align: justify;
}

.conteneurPhoto {
    float: left;
    width: 65px;
    height: 65px;
    margin: 10px;
    overflow: hidden;
}

.conteneurPhotoIsotop {
    display: block;
    height: auto;
    overflow: hidden;
    margin-bottom: 0px;
    border: 10px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    background: none;
}

    .conteneurPhotoIsotop .swipebox .classHoverVideo {
        background: url(../images/play.png) no-repeat center;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 6;
        left: 0;
    }

    .conteneurPhotoIsotop img {
        margin-left: 10px;
        margin-right: 10px;
        margin: 0;
        width: 100%;
    }

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: top, left, opacity;
        transition-property: transform, opacity;
    }


/*--------------------------------------------*/
/*-------------- REFERENCES ------------------*/
/*--------------------------------------------*/

/*---------- LISTING REFERENCES (mode liste) --------*/

.listeLigneReferences {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.listeReferencesConteneurImage {
    width: 160px;
    overflow: hidden;
    float: left;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .listeReferencesConteneurImage img {
        width: 100%;
    }

.listeReferencesConteneurTextes {
    float: left;
    width: 780px;
    height: auto;
    margin-left: 15px;
}

.listeReferenceTitre {
    font-size: 12px;
    margin: 0;
}

.listeReferencesConteneurDescription {
    line-height: 15px;
    height: auto;
    text-align: justify;
}

.listeReferencesConteneurLien {
    margin-top: 5px;
    text-align: right;
}

.referencesSepOmbre {
    width: 100%;
    height: 15px;
    background: url(../images/ombreNews.png) center no-repeat;
}

/*---------- LISTING REFERENCES (mode vignettes) --------*/

.blocsReferences {
    width: 275px;
    height: 250px;
    float: left;
    margin: 15px;
    margin-bottom: 30px;
    overflow: hidden;
}

.blocsReferencesConteneurImage {
    height: 155px;
    width: 100%;
}

    .blocsReferencesConteneurImage img {
        width: 100%;
    }

.blocsReferencesConteneurTextes {
    width: 100%;
}

.blocsReferencesTitre {
    color: #000;
    font-size: 15px;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}

.blocsReferencesConteneurDescription {
    line-height: 15px;
    height: auto;
    text-align: justify;
}

/*------------ 1ER LIEN PAGES CARREFOUR ------------*/
/*----------------------------------*/

.body_1190 .sousmenuCt .sousmenu > a:first-of-type,
.body_1191 .sousmenuCt .sousmenu > a:first-of-type,
.body_1197 .sousmenuCt .sousmenu > a:first-of-type,
.body_1198 .sousmenuCt .sousmenu > a:first-of-type,
.body_1195 .sousmenuCt .sousmenu > a:first-of-type,
.body_1221 .sousmenuCt .sousmenu > a:first-of-type,
.body_1202 .sousmenuCt .sousmenu > a:first-of-type,
.body_1203 .sousmenuCt .sousmenu > a:first-of-type,
.body_1204 .sousmenuCt .sousmenu > a:first-of-type,
.body_1205 .sousmenuCt .sousmenu > a:first-of-type,
.body_1192 .sousmenuCt .sousmenu > a:first-of-type,
.body_1196 .sousmenuCt .sousmenu > a:first-of-type,
.body_1199 .sousmenuCt .sousmenu > a:first-of-type,
.body_1200 .sousmenuCt .sousmenu > a:first-of-type,
.body_1201 .sousmenuCt .sousmenu > a:first-of-type,
.body_1219 .sousmenuCt .sousmenu > a:first-of-type,
.body_1206 .sousmenuCt .sousmenu > a:first-of-type,
.body_1207 .sousmenuCt .sousmenu > a:first-of-type,
.body_1208 .sousmenuCt .sousmenu > a:first-of-type,
.body_1209 .sousmenuCt .sousmenu > a:first-of-type,
.body_1210 .sousmenuCt .sousmenu > a:first-of-type,
.body_1213 .sousmenuCt .sousmenu > a:first-of-type,
.body_1214 .sousmenuCt .sousmenu > a:first-of-type,
.body_1215 .sousmenuCt .sousmenu > a:first-of-type,
.body_1216 .sousmenuCt .sousmenu > a:first-of-type {
    display: none;
}

/*------------ PAGE EMPLOIS ------------*/
/*----------------------------------*/

.blocCandiCt {
    padding: 0 0px 80px;
}

.blocCandidaturePostesOuverts {
    margin-bottom: 100px;
}

    .blocCandidaturePostesOuverts .triEl-image {
        display: none !important;
    }

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

#blocCandidature {
    margin-bottom: 100px;
}

.blocCandidatureCentrer {
    /*margin-bottom: 100px;*/
}

    .blocCandidatureCentrer p {
        text-align: center;
    }

.filtresEmplois {
    display: block;
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
}

.filtresDrop {
    display: inline-block;
    vertical-align: top;
    width: 270px;
    margin: 0 40px;
}

    .filtresDrop .accroche {
        line-height: 22px;
        color: #9d8154;
        font-family: NotoSerif-Italic;
        font-size: 18px;
        letter-spacing: 1px;
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }

.filtresDropContainer {
    position: relative;
}

    .filtresDropContainer:after {
        font-family: boonIco;
        content: "\e92d";
        font-size: 15px;
        color: #9d8154;
        line-height: 40px;
        position: absolute;
        right: 0px;
        top: 0;
    }

    .filtresDropContainer select {
        -webkit-appearance: none;
        border: 0px;
        outline: none;
        padding: 0px 25px 0 0;
        line-height: 40px;
        border-bottom: 2px solid #9d8154;
        font-family: Lato-Light,sans-serif;
        font-size: 16px;
        color: #9d8154;
    }

/*.aspNetDisabled {
            opacity: 0.4;
        }*/

.emploiOutils {
    float: right;
    text-align: right;
}

.emploiOutil {
    display: inline-block;
    margin-left: 40px;
}

    .emploiOutil a:after {
        display: none;
    }

.retourBtn a:before {
    font-size: 17px;
    margin-right: 15px;
    top: 1px;
    font-family: boonIco;
}

.emploiOutilEnvoi a:before {
    content: "\ea89";
}

.emploiOutilImpr a:before {
    content: "\e9f6";
}

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

.closePopup {
    position: absolute;
    top: 7px;
    right: 7px;
    text-decoration: none;
}

    .closePopup:hover {
        opacity: 0.5;
    }

    .closePopup:before {
        font-family: boonIco;
        content: "\e983";
        font-size: 15px;
        color: #9d8154;
        line-height: 15px;
    }

.modalAmi {
    width: 320px;
    box-sizing: border-box;
}

    .modalAmi .formulaire {
        margin-top: 0px;
    }

    .modalAmi h2 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .modalAmi input[type="submit"] {
        margin-top: 0px;
        font-size: 18px;
        line-height: 23px;
        padding: 10px 30px;
    }


/*------------ POSTULER ------------*/
/*----------------------------------*/
.postuler {
    margin-top: 50px;
    text-align: center;
}

.postuler-content {
    background-color: #9d8154;
    display: inline-block;
    width: 1000px;
    max-width: 33%;
    -moz-transition: max-width 0.25s, border 0.25s;
    -o-transition: max-width 0.25s, border 0.25s;
    -webkit-transition: max-width 0.25s, border 0.25s;
    transition: max-width 0.25s, border 0.25s;
    height: 45px;
    overflow: hidden;
}

.postuler-btn {
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: inline-block;
    line-height: 45px;
    color: #fff;
    border: none;
    transition: all 0.25s ease-in-out, font-size 0.2s linear;
    cursor: pointer;
}

    .postuler-btn:hover {
        background-color: #bea377;
    }

.postuler.open .postuler-content {
    max-width: 100%;
    height: auto;
    background-color: #f2f2f3;
    padding-bottom: 40px;
}

.postuler.open .postuler-btn {
    background-color: #bea377;
}

    .postuler.open .postuler-btn::after {
        content: "\00d7";
        left: auto;
        position: relative;
        top: 1px;
        font-size: 22px;
        padding-left: 10px;
        cursor: pointer;
    }

        .postuler.open .postuler-btn::after:hover::after {
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none;
            transform: none;
        }

.postuler-form {
    max-height: 0;
    opacity: 0;
    text-align: left;
    font-size: 15px;
    overflow: hidden;
    -moz-transition: max-height 0.25s 0.25s ease-out, padding 0.25s 0.25s, opacity 0.25s;
    -o-transition: max-height 0.25s 0.25s ease-out, padding 0.25s 0.25s, opacity 0.25s;
    -webkit-transition: max-height 0.25s 0.25s ease-out, padding 0.25s 0.25s, opacity 0.25s;
    transition: max-height 0.25s 0.25s ease-out, padding 0.25s 0.25s, opacity 0.25s;
}

.postuler.open .postuler-form {
    padding: 40px;
    opacity: 1;
}

.postuler-intro {
    margin: 0px 0 40px 0px;
    font-size: 23px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
    color: #353027;
}

.postuler-line {
    display: flex;
    margin: 0px 0 10px 0px;
    color: #353027;
}

.postuler-fields {
    padding: 0px 0;
}

.postuler-field label {
    color: #353027;
    width: 130px;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    position: relative;
    top: 8px;
    text-transform: uppercase;
}

.postuler-field input, .postuler-field select {
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0);
    color: #353027 !important;
    border: none;
    border-bottom: 1px solid #353027;
    line-height: 25px;
    padding: 7px 0px;
    width: 235px;
}

.postuler-field textarea {
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0);
    color: #353027 !important;
    border: none;
    border-bottom: 1px solid #353027;
    line-height: 25px;
    padding: 7px 0px;
    width: 100%;
    resize: vertical;
}

.postuler-line-3 .postuler-field .input {
    width: 695px;
}

.postuler-line-3 .postuler-field input {
    width: 100%;
}

.postuler-field select {
}

    .postuler-field select option {
        color: #000000;
    }

.postuler-field textarea {
    width: 90%;
}

.postuler-field {
    position: relative;
    display: flex;
    align-items: flex-start;
    line-height: 1;
    width: 50%;
}

.postuler-field-message {
    display: block;
    width: 100%;
}

    .postuler-field-message label {
        display: inline-block;
        margin-bottom: 15px;
    }

.postuler-line-6 {
    margin-top: 30px;
    margin-bottom: 40px;
}

    .postuler-line-6 table {
        margin-left: 30px;
        position: relative;
        top: -3px;
    }

.postuler-line .postuler-field:nth-child(2) {
}

.postuler-field label {
}

.postuler-field-v-separator {
    width: 1px;
    background-color: #b0b0b0;
}

.postuler-field::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.postuler-field-nom,
.postuler-field-prenom {
    width: 50%;
}

.postuler-field-adresse {
    width: 100%;
}

.postuler-field-cp {
    /*width: 40%;*/
}

.postuler-field-ville {
    /*width: 60%;*/
}

.postuler-field-tel {
    width: 50%;
}

.postuler-field-email {
    width: 50%;
}

.postuler-fields-files {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    /*border-top: 1px solid #b0b0b0;*/
}

.postuler-field-file {
    display: inline-block;
    width: 45%;
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

    .postuler-field-file label::before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 30px;
        margin-bottom: 15px;
        background: no-repeat center center;
        background-size: contain
    }

    .postuler-field-file input {
        width: 57%;
        margin-top: 15px;
        font-size: 12px;
        background: none;
        border: 0px solid #000;
        border-radius: 0;
    }

.postuler-fields-files label {
    width: 165px;
}

.postuler-field-cv label::before {
    content: '\e9fa';
    font-family: 'boonIco';
    font-size: 40px;
    color: #353027;
    text-align: center;
}

.postuler-field-lettre label::before {
    content: '\e9ff';
    font-family: 'boonIco';
    font-size: 40px;
    color: #353027;
    text-align: center;
}

.postuler-fields-actions a {
    color: #353027;
}

.postuler-fields-actions {
    padding-bottom: 0;
    color: #353027;
}

.postuler-field-captcha::after {
    top: 100%;
    left: 0;
    margin-top: 5px;
    font-size: 13px;
    color: rgba(0,0,0,0.3);
}

.postuler-field-submit {
    display: block;
    text-align: center;
    margin: 20px 0px 0px 0px;
}

.postuler .formulaire-RGPD,
.formulaire-NEWS {
    margin-top: 5px;
}

    .postuler .formulaire-RGPD label,
    .postuler .formulaire-NEWS label,
    .postuler .ReCaptcha-notice {
        opacity: 1;
        color: #7c7c7c;
        line-height: 17px;
        font-size: 14px;
        font-family: Lato-Light;
    }

.detailDescCt {
    width: 1000px;
    margin: 0 auto;
}

.detailEmploiCt {
    padding-bottom: 80px;
    background-color: #f3f3f3;
}

    .detailEmploiCt h1 {
        margin-bottom: 30px;
    }

.emploiDetails {
    margin-bottom: 30px;
}

    .emploiDetails .emploiType {
        color: #fff;
        padding: 10px 20px;
        background-color: #000000;
        text-transform: uppercase;
        display: inline-block;
        font-size: 20px;
    }

    .emploiDetails .emploiDate {
        color: #000000;
        padding: 10px 20px;
        background-color: #fff;
        text-transform: uppercase;
        display: inline-block;
        font-size: 20px;
    }

.tt-guestpa {
    right: 25px !important;
}

.menu_holder header{
    position: relative;
    height: initial;
}

.menu_holder header h1{
    margin-bottom: 0;
    font-size: 30px;
}


.ariane {
    width: 100%;
    padding: 15px 0px;
    background-color: #fafafa;
    text-align:center;
    font-size: 16px;
    line-height: 16px;
    font-family: Lato-Light;
    font-weight: bold;
    color: rgba(53, 48, 39, 0.50);
}

    .ariane a {
        margin: 0px 10px 0 0;
        color: #353027;
        transition: 0.2s all ease-out;
    }

    .ariane a:after {
        content: "\e900";
        display: inline-block;
        font-size: 12px;
        font-family: boonIco;
        margin-left: 10px;
    }



.swiper-text,
.blocIntro,
.imgLien,
.blocBottom .ct,
.contenuTexte2ColG,
.contenuTexte2ColD,
.contenuMixteImageG,
.contenuMixteImageD,
.contenuMixteTexteG,
.contenuMixteTexteD,
.fromBot,
.fromBot2,
.fromBot3,
.fade,
.fade2,
.fade3,
.fade4,
.fromLeft,
.fromRight {
    visibility: hidden;
}

.iframeContenuAdmin .swiper-text,
.iframeContenuAdmin .blocIntro,
.iframeContenuAdmin .imgLien,
.iframeContenuAdmin .blocBottom .ct,
.iframeContenuAdmin .contenuTexte2ColG,
.iframeContenuAdmin .contenuTexte2ColD,
.iframeContenuAdmin .contenuMixteImageG,
.iframeContenuAdmin .contenuMixteImageD,
.iframeContenuAdmin .contenuMixteTexteG,
.iframeContenuAdmin .contenuMixteTexteD,
.iframeContenuAdmin .fromBot,
.iframeContenuAdmin .fromBot2,
.iframeContenuAdmin .fromBot3,
.iframeContenuAdmin .fade,
.iframeContenuAdmin .fade2,
.iframeContenuAdmin .fade3,
.iframeContenuAdmin .fade4,
.iframeContenuAdmin .fromLeft,
.iframeContenuAdmin .fromRight {
    visibility: visible;
}

/*************************************************************************************************/
/***************************************** POPUP HOME ********************************************/
/*************************************************************************************************/





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

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

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

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

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


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

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

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

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

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









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

.modalPopup {
    background: url("../images/mpe_fondContenu.jpg") repeat-x scroll 0 0 #ffffff;
    padding: 20px 40px 40px 40px;
    position: relative;
    z-index: 50;
    color: #444444;
    Width: 425px;
    /*Height:620px;*/
    /*height:65%;*/
    /*height: 600px;*/
    max-height: 70%;
    top: 50%!important; 
    left: 50%!important;
    transform: translateX(-50%) translateY(-50%) !important;
    /*text-align:center;*/
}

.divMpeBackgroundTitre {
    height: 25px;
    line-height: 25px;
    background-color: #0d59a3;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
}

.divMpeContenu {
    margin: 10px 0px 10px 0px;
    text-align: left;
}

.divMpeBoutons {
    text-align: center;
}


.modalPopup td {
    text-align: center !important;
}



.titreOffrePop {
    color: #555;
    font-family: "Helvetica W01 Light",Arial,sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin: 15px 0;
    min-height: 25px;
    text-align: center;
    text-transform: uppercase;
}

.texteOffrePop {
    margin-top: 10px;
    max-height: 225px;
    overflow: hidden;
    text-align: left;
}

.btnOffrePop {
    margin-top: 10px;
    margin-bottom: 5px;
}

.imageOffrePop {
    margin-top: 20px;
    max-height: 197px;
    overflow: hidden;
}

    .imageOffrePop img {
        height: 197px;
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }

.lienOffrePop {
    font-family: Georgia;
    font-size: 10px;
    font-style: italic;
}

#slidesContenu {
    width: 350px;
    margin: 0 auto;
    height: 250px;
    position: relative;
    overflow: hidden;
}


.metaBreadcrumbList {
    padding-bottom: 10px;
}

    .metaBreadcrumbList > li {
        background: none;
        display: inline-block;
        padding-left: 0;
        height: 20px;
        line-height: 20px;
    /*    font-size: 12px;*/
    }

        /*.metaBreadcrumbList > li:after {
            content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADpJREFUeNpi/P//PwMlgImBQkBbAy5duvSfYhcQMgSvAXp6eoyEDCHKCzCDyPICPs0gwDj00wFAgAEAkiUVhBlu8AoAAAAASUVORK5CYII=')*/ /*../images/separateurCheminNav.png*//*;
            vertical-align: middle;
        }*/

        .metaBreadcrumbList > li:last-child:after {
            content: '';
        }