@charset "UTF-8";

/* Theme Name: Hood Description: Hood
    Author: Mkmultimedia Theme URI: https://www.mkmultimedia.com/ Author URI: https://www.mkmultimedia.com/ Version: 1.0.0
*/
/** * This stylesheet was generated using scss * Do not edit this file directly * Go to _scss folder and edit files then reginerate css
*/

/* Maybe we could get rid of this */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Zen+Dots&display=swap');
.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #29398B;
    color: white;
    z-index: 999;
}
 .clip{
        height: auto !important;
        padding: 60px 0  !important;
        background: url(img/Image30.jpg) 50% 50% no-repeat;
background-size: cover;
z-index: 2;
    }
.bleu {
    color: #002060;
}

.source-sans-3-light {
    font-family: "Source Sans Pro", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.big {
    font-size: 20px;
    color: #2D7FCF;
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    line-height: 1;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 00, 0.3);
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 00, 0.3);
    background: #fff;
    ;
    margin: 0 6px;
    ;


}

.titre {
    font-size: 24px;
    color: #002060;
    float: none;
    vertical-align: middle;

    display: inline-block;
    padding-left: 15px;
}

.progress-bar {
    position: relative;

    background-color: #29398B;
    border-radius: 0 30px 30px 0;
    width: 0;
}

.progress-bar:after {
    content: " ";
    position: absolute;
    height: 40px;
    width: 40px;
    top: 5px;
    right: 5px;
    z-index: 0;
    background-color: #fff;
    border-radius: 50%;
}

.progress {
    border-radius: 0;

    position: relative;
    z-index: 2;
    border-radius: 0 30px 30px 0;

}

.vertligne {
    font-weight: 700;
    display: block;
    width: 100%;
    position: relative;
}

.vertlignelast:before {

    content: " ";
    position: absolute;
    right: 0;
    height: 480px;
    width: 1px;
    top: 70px;
    z-index: 0;
    background-color: #e2e2e2;


}

.progress:after {
    content: " ";
    border-radius: 0;
    position: absolute;
    border-radius: 0 30px 30px 0;
    z-index: -1;
    width: 75%;
    left: 0;
    top: 0;
    height: 100%;
    background: #d4d3d3;
}

.vertligne {
    font-weight: 700;
    display: block;
    width: 100%;
    position: relative;
}

.vertlignelast:before {

    content: " ";
    position: absolute;
    right: 0;
    height: 480px;
    width: 1px;
    top: 70px;
    z-index: 0;
    background-color: #e2e2e2;


}

.vertligne:after {

    content: " ";
    position: absolute;
    left: 0;
    height: 500px;
    width: 1px;
    top: 50px;
    z-index: 0;
    background-color: #e2e2e2;


}

.vertligne:after {

    content: " ";
    position: absolute;
    left: 0;
    height: 500px;
    width: 1px;
    top: 50px;
    z-index: 0;
    background-color: #e2e2e2;


}

.vertligne2:before {

    content: " ";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 500px;
    width: 1px;
    top: 50px;
    z-index: 0;
    background-color: #e2e2e2;


}

.h-30,
.height-30 {


    height: 30%;
}

.menuafter {

    position: relative;


}

.menuafter:after {
    content: " ";

    position: absolute;
    top: 0;
    left: -6vw;

    background-color: #29398B;
    z-index: 0;
    width: 100vw;
    height: 100%;
    border-radius: 50px 0 0 50px;
    display: none;


}

.typecat svg {
    cursor: pointer;
}

.df {
    display: flex
}

.aic {
    align-items: center
}

.jcc {
    justify-content: center
}

.area {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;

}

/*Modal*/
.contentcard {
    flex-wrap: wrap;
    flex: 0 0 100%;
    height: 760px;
}

.thecard {
    flex: 1;

    background: #fad0c4;
    border-radius: 50px;
    position: relative;
    z-index: 0;
    transition: all 300ms;

    height: 503px;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}

.thecard.whitebg {

    background: rgba(255, 255, 255, 0.8) !important;

    transform: translateY(100px) scale(1.1);
    z-index: 1;

}


.thecard .encartbg {
    background-color: #29398B;
    padding: 15px 0;
}


.thecard .font24 {
    font-size: 18px;
}

.thecard.whitebg .encartbg {
    background-color: #000000;
}

button.close,
a.close,
.modal-header .close,
.close {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzUuMiA0NzUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjIgNDc1LjI7IiBmaWxsPSIjZmZmIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNNDA1LjYsNjkuNkMzNjAuNywyNC43LDMwMS4xLDAsMjM3LjYsMHMtMTIzLjEsMjQuNy0xNjgsNjkuNlMwLDE3NC4xLDAsMjM3LjZzMjQuNywxMjMuMSw2OS42LDE2OHMxMDQuNSw2OS42LDE2OCw2OS42czEyMy4xLTI0LjcsMTY4LTY5LjZzNjkuNi0xMDQuNSw2OS42LTE2OFM0NTAuNSwxMTQuNSw0MDUuNiw2OS42eiBNMzg2LjUsMzg2LjVjLTM5LjgsMzkuOC05Mi43LDYxLjctMTQ4LjksNjEuN3MtMTA5LjEtMjEuOS0xNDguOS02MS43Yy04Mi4xLTgyLjEtODIuMS0yMTUuNywwLTI5Ny44QzEyOC41LDQ4LjksMTgxLjQsMjcsMjM3LjYsMjdzMTA5LjEsMjEuOSwxNDguOSw2MS43QzQ2OC42LDE3MC44LDQ2OC42LDMwNC40LDM4Ni41LDM4Ni41eiIvPjxwYXRoIGQ9Ik0zNDIuMywxMzIuOWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBsLTg1LjYsODUuNkwxNTIsMTMyLjljLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWw4NS42LDg1LjZsLTg1LjYsODUuNmMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00bDg1LjYtODUuNmw4NS42LDg1LjZjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjUsMCw2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xbC04NS40LTg1LjZsODUuNi04NS42QzM0Ny42LDE0Ni43LDM0Ny42LDEzOC4yLDM0Mi4zLDEzMi45eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") 0 0 no-repeat;
    background-size: contain;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    color: transparent;
    height: 30px;
    margin: 0;

}

.closemodal {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS42NTkiIGhlaWdodD0iMjEuNjU5IiB2aWV3Qm94PSIwIDAgMjEuNjU5IDIxLjY1OSI+CiAgPHBhdGggaWQ9IlRyYWPDqV80NDY1NCIgZGF0YS1uYW1lPSJUcmFjw6kgNDQ2NTQiIGQ9Ik0xMC4yNzYsMTAuMjA3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwxOC44NjYuMjM5TDEwLjIxMSw4LjAzMiwxLjU1NS4yMzlBLjkzMi45MzIsMCwxLDAsLjMwOCwxLjYyNEw5LjU4Nyw5Ljk3NUEuOTI4LjkyOCwwLDAsMCwxMC4yNzYsMTAuMjA3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxNC40NCkgcm90YXRlKC00NSkiIGZpbGw9IiNmZmYiLz4KICA8cGF0aCBpZD0iVHJhY8OpXzQ0NjU1IiBkYXRhLW5hbWU9IlRyYWPDqSA0NDY1NSIgZD0iTTAsMEgxNi40NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS45NjYgMS45NjYpIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg") 0 0 no-repeat;
    background-size: 20px auto;
    z-index: 3;
    bottom: 0px;
    right: 0px;
    width: 40px;
    color: transparent;
    height: 40px;
    margin: 0;

}

button.close2,
a.close2,
.modal-header .close2,
.close2 {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzUuMiA0NzUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjIgNDc1LjI7IiBmaWxsPSIjMDA2MzMxIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNNDA1LjYsNjkuNkMzNjAuNywyNC43LDMwMS4xLDAsMjM3LjYsMHMtMTIzLjEsMjQuNy0xNjgsNjkuNlMwLDE3NC4xLDAsMjM3LjZzMjQuNywxMjMuMSw2OS42LDE2OHMxMDQuNSw2OS42LDE2OCw2OS42czEyMy4xLTI0LjcsMTY4LTY5LjZzNjkuNi0xMDQuNSw2OS42LTE2OFM0NTAuNSwxMTQuNSw0MDUuNiw2OS42eiBNMzg2LjUsMzg2LjVjLTM5LjgsMzkuOC05Mi43LDYxLjctMTQ4LjksNjEuN3MtMTA5LjEtMjEuOS0xNDguOS02MS43Yy04Mi4xLTgyLjEtODIuMS0yMTUuNywwLTI5Ny44QzEyOC41LDQ4LjksMTgxLjQsMjcsMjM3LjYsMjdzMTA5LjEsMjEuOSwxNDguOSw2MS43QzQ2OC42LDE3MC44LDQ2OC42LDMwNC40LDM4Ni41LDM4Ni41eiIvPjxwYXRoIGQ9Ik0zNDIuMywxMzIuOWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBsLTg1LjYsODUuNkwxNTIsMTMyLjljLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWw4NS42LDg1LjZsLTg1LjYsODUuNmMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00bDg1LjYtODUuNmw4NS42LDg1LjZjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjUsMCw2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xbC04NS40LTg1LjZsODUuNi04NS42QzM0Ny42LDE0Ni43LDM0Ny42LDEzOC4yLDM0Mi4zLDEzMi45eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") 0 0 no-repeat;
    background-size: contain;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    color: transparent;
    height: 50px;
    margin: 0;

}

.close3 {
    padding: 0;
    border: 0;
    position: absolute;
    -webkit-appearance: none;
    opacity: 1;
    background: url("data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzUuMiA0NzUuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjIgNDc1LjI7IiBmaWxsPSIjMTExMTExIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNNDA1LjYsNjkuNkMzNjAuNywyNC43LDMwMS4xLDAsMjM3LjYsMHMtMTIzLjEsMjQuNy0xNjgsNjkuNlMwLDE3NC4xLDAsMjM3LjZzMjQuNywxMjMuMSw2OS42LDE2OHMxMDQuNSw2OS42LDE2OCw2OS42czEyMy4xLTI0LjcsMTY4LTY5LjZzNjkuNi0xMDQuNSw2OS42LTE2OFM0NTAuNSwxMTQuNSw0MDUuNiw2OS42eiBNMzg2LjUsMzg2LjVjLTM5LjgsMzkuOC05Mi43LDYxLjctMTQ4LjksNjEuN3MtMTA5LjEtMjEuOS0xNDguOS02MS43Yy04Mi4xLTgyLjEtODIuMS0yMTUuNywwLTI5Ny44QzEyOC41LDQ4LjksMTgxLjQsMjcsMjM3LjYsMjdzMTA5LjEsMjEuOSwxNDguOSw2MS43QzQ2OC42LDE3MC44LDQ2OC42LDMwNC40LDM4Ni41LDM4Ni41eiIvPjxwYXRoIGQ9Ik0zNDIuMywxMzIuOWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xLDBsLTg1LjYsODUuNkwxNTIsMTMyLjljLTUuMy01LjMtMTMuOC01LjMtMTkuMSwwYy01LjMsNS4zLTUuMywxMy44LDAsMTkuMWw4NS42LDg1LjZsLTg1LjYsODUuNmMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNHM2LjktMS4zLDkuNS00bDg1LjYtODUuNmw4NS42LDg1LjZjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjUsMCw2LjktMS4zLDkuNS00YzUuMy01LjMsNS4zLTEzLjgsMC0xOS4xbC04NS40LTg1LjZsODUuNi04NS42QzM0Ny42LDE0Ni43LDM0Ny42LDEzOC4yLDM0Mi4zLDEzMi45eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") 0 0 no-repeat;
    background-size: contain;
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    color: transparent;
    height: 30px;
    margin: 0;

}

.modal-dialog {}

/*****************Modal****************/
.modal-dialog .modal-content {
    text-align: center;
    border-radius: 0;
    border: 0;
    background: #fff;


}



.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rbga(0, 0, 0, 0.6);

}

.modal-header {
    align-self: center;
    width: 100%;
    justify-content: space-evenly;

}



.modal-header .modal-title {}

/*EndModal*/

/*Navbar*/

.navigator {
    width: 100vw;
    height: 200px;
    background: transparent;
    position: absolute;
    padding-top: 25px !important;
    z-index: 99;
    overflow: visible !important;
    pointer-events: none;

}

.navigator a,
.navigator li,
.navigator .hamburger {

    pointer-events: all;

}

.navigator .container-fluid>.row,
.navigator .start .container-fluid>.row {
    background: white;
    height: 80px;
    box-shadow: none;
}

.navigator ul li {

    transition: 0.5s;
}

.navigator ul.menu>li>a {

    transition: 0.5s;
}

.navigator ul.menu>li>a:hover {

    filter: blur(0);

}

.navigator .rouge .container-fluid>.row,
.navigator .rouge .sub-menu {
    /* background: rgb(255 255 255 / 90%);*/
    color: #29398B;
}

.navigator .white .container-fluid>.row,
.navigator .white .sub-menu {
    color: white;

    background: white;
}

.navigator .white2 .container-fluid>.row,
.navigator .white2 .sub-menu {
    background: rgb(30 30 30 / 00%);

    color: white;
    background: white;

}

.navigator .orange .container-fluid>.row,
.navigator .orange .sub-menu {
    color: white;
    background: #29398B;
    background: white;

}

.navigator.opening .container-fluid>.row {
    background: rgb(30 30 30 / 00%);

    color: white;
    background: white;

}

.navigator.opening .brand {
    display: none !important;
}

.navigator .black .container-fluid>.row,
.navigator .black .sub-menu {
    color: #292721;
    background: rgb(255 255 255 / 99%);
    background: white;


}

.menu-item:after {
    bottom: 45px;
    content: " ";
    display: block;
    height: 40px;
    left: 50%;
    position: absolute;
    background: #F6A792;
    transition: all 0.6s;
    width: calc(100% + 20px);
    border-radius: 10px 0px 10px 10px;
    transform: translateX(-50%);
    z-index: 0;
    opacity: 0;

}

.menu-item:hover:after {
    bottom: 45px;
    content: " ";
    display: block;
    height: 40px;
    left: 50%;
    background: #F6A792;
    opacity: 1;

    position: absolute;
    background: #29398B;
    transition: all 0.6s;
    width: calc(100% + 20px);
    border-radius: 10px 10px 10px 10px;
    transform: translateX(-50%);
    z-index: 0;

}

.menu-item:hover a {

    position: relative !important;
    font-weight: 700;
    background: transparent !important;
    color: #fff !important;

}

.menu-item:hover a {

    position: relative !important;

    background: transparent !important;

    -webkit-background-clip: unset !important;

    -webkit-text-fill-color: unset !important;

    z-index: 6 !important;
}



.menu-item.active:after {
    bottom: 45px;
    content: " ";
    display: block;
    height: 40px;
    left: 50%;
    position: absolute;
    background: #29398B;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: calc(100% + 20px);
    border-radius: 10px 10px 10px 10px;
    transform: translateX(-50%);
    z-index: 0;
    opacity: 1;
}

.menu-item.active a {

    position: relative !important;
    font-weight: 700;
    background: transparent !important;


}

.menu-item.active a {

    position: relative !important;

    background: transparent !important;

    -webkit-background-clip: unset !important;

    -webkit-text-fill-color: unset !important;

    z-index: 6 !important;
}


.navigator.rouge .menu li.menu-item:after {
    position: absolute;
    height: 1px;
    width: 0px;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    background: #29398B;
    transition: 0.5s;
    content: ' ';
}



.navigator.black .menu li.menu-item:after {
    position: absolute;
    height: 1px;
    width: 0px;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    background: #29398B;
    transition: 0.5s;
    content: ' ';
}

.navigator li:hover:after {
    /* width: 60px; */
    transform: translateX(-50%) scale(1);
    transition: 0.5s;
}

.navigator li.active:hover:after {
    /* width: 60px; */
    transform: translateX(-50%) scale(1.2);
    transition: 0.5s;
}

.navigator li {

    position: relative;


}

.navigator li .sub-menu {
    position: absolute;
    left: -10px;
    top: 59px;
    padding: 0;
    text-align: left;
    z-index: 999;
    pointer-events: all;
    padding: 0 10px;
    margin-left: 0px;

}

.navigator.opening {
    width: 100vw;
    height: 100dvh;

    position: fixed;
    top: 0;
    z-index: 99;
    background: #29398B;

    background-size: 150% 150%;



}

.slideactu .slick-slide,
.slideactu2 .slick-slide {
    padding: 25px;
    background: #fff;
    border-radius: 37px;
    margin: 0 7px 40px;

}

.slideactu .slick-slide .pb-3,
.slideactu2 .slick-slide .pb-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 350px;
}


.board .slideactu2 .slick-slide {
    padding: 15px;
    background: #fff;
    border-radius: 37px;
    margin: 0 15px 40px;
    border: 1px solid #000;

}

.slider-heading {
    width: 37vw;
    margin-right: 0%;
    display: block;
    vertical-align: top;
    position: relative;
    min-height: 562px;
    vertical-align: top;
    float: left;
    z-index: 9999;
    position: relative;

}






.slider-heading.slider-heading2 {
    width: 28.5vw;
    margin-right: 0%;
    display: inline-block;
    vertical-align: top;
    position: relative;



    min-height: 130%;

}

.slider-heading .talign {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 2000px;
    max-height: 100%
}


.slider-container {
    width: calc(((100vw - 39vw) / 2) + 46.967%);
    margin-right: -25vw;
    display: inline-block;
    vertical-align: top;
}




.slidemanagement .slick-slide {
    padding: 15px;
    background: #fff;
    border-radius: 37px;
    margin: 0 15px 40px;

}

.perso {

    background: url(img/illustration4.svg) -50px 50% no-repeat;

    background-size: 27vw auto;

}

.perso2 {
    background: url(img/illustration5.svg) 12.5vw 85% no-repeat;
    background-size: 20vw auto;
}

.perso3 {

    background: url(img/illustration6.svg) 12.5vw 85% no-repeat;
    background-size: 20vw auto;

}

.balign,
.balign {
    position: absolute;
    bottom: -2px;
    top: auto !important;
    left: 50%;
    height: auto !important;
    min-height: 0;
    transform: translate(-50%, 0%);
}

.balign6 {
    position: absolute;
    bottom: -2px;
    top: auto !important;
    left: 50%;
    height: 100px !important;
    min-height: 0;
    transform: translate(-50%, 0%) !important;
}



.slider-heading .talign {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 2000px;
    max-height: 100%;
    opacity: 0;
}


.slider-container {
    width: calc(((100vw - 39vw) / 2) + 46.967%);
    margin-right: -25vw;
    display: block;
    vertical-align: top;
    float: left;

}

.strategic .blocid {

    aspect-ratio: 420/310;
}



.board .blocid {

    aspect-ratio: 420/250;
}



.blocid {
    padding: 15px 45px 15px 25px;
    border-radius: 50px;
    background: #fff;
    margin: 15px auto 15px;
    position: relative;
}


.blocid .nom {
    font-size: 24px;
    color: #29398B;
    height: 60px;
    border-bottom: 1px solid #29398B;



}

.board .blocid .nom {
    font-size: 24px;
    color: #000;
    height: 60px;
    border-bottom: 1px solid #000;



}

.blocid .portrait {
    border-radius: 50px;
    border: 1px solid #29398B;

    position: absolute;
    top: 15px;
    right: 15px;
    width: 150px;
    height: 150px;
}



.board .blocid .portrait {
    border-radius: 50px;
    border: 1px solid #000;

    position: absolute;
    top: 15px;
    right: 15px;
    width: 150px;
    height: 150px;
}

.strategic .slideactu2 .slick-slide,
.board .slideactu2 .slick-slide,
.team .slideactu2 .slick-slide {
    padding: 15px;
    background: #fff;
    border-radius: 37px;
    margin: 0 15px 100px;
}

.board .slideactu .slick-slide {
    padding: 15px;
    background: #fff;
    border-radius: 37px;
    margin: 0 15px 150px;
}

.lien {

    font-size: 24px;
    color: #000;

    background: url(img/arrow.svg) 0 50% no-repeat;
    background-size: 50px auto;
    font-weight: 400;
    text-decoration: underline;
    padding-left: 60px;
}

.thedate {

    font-size: 24px;

    height: 70px;
    line-height: 70px;
    color: #29398B;
    border-bottom: 1px solid #29398B;
    font-weight: 700;
}




.thetitre {

    font-size: 21px;


    color: #000;
    font-weight: 700;
}

.thetexte {

    font-size: 18px;


    color: #000;
    font-weight: 400;
}






.langs {

    right: 0px;
    position: absolute;
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;

}



.langs:active,
.langs:hover {

    position: absolute;
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;

}

.rouge .langs {

    position: absolute;
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjYzgzZDI5IiBzdHJva2U9IiNjODNkMjkiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;

}

.rouge .langs:active,
.rouge .langs:hover {

    position: absolute;
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2M4M2QyOSIgc3Ryb2tlPSIjYzgzZDI5IiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;

}


.black .langs {

    position: absolute;
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjMzAzMDMwIiBzdHJva2U9IiMzMDMwMzAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 100% 35px no-repeat;
    background-size: 10px auto;
    padding-right: 20px !important;

}

.black .langs:hover,
.black .langs:active {
    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjY3IDMzLjA5MSkgcm90YXRlKDE4MCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8xOSIgZGF0YS1uYW1lPSJHcm91cGUgMTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg0IDI3Ljk5OCkiPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzU0IiBkYXRhLW5hbWU9IlRyYWPDqSA1NCIgZD0iTTEwLjYwNiw5ODQuOTUyYS40MTguNDE4LDAsMCwwLC4yNTEtLjFsNC4xNzQtMy43NTdhLjQxOS40MTksMCwwLDAtLjU2MS0uNjIzbC0zLjg5NCwzLjUwNS0zLjg5NC0zLjUwNWEuNDE5LjQxOSwwLDAsMC0uNTYxLjYyM2w0LjE3NCwzLjc1N0EuNDE4LjQxOCwwLDAsMCwxMC42MDYsOTg0Ljk1MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iIzAwMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") 100% 35px no-repeat;
}

.black .langs a {
    color: #292721 !important;

}

.navigator ul.langs .menu-item>a,
.navigator.white ul.langs .menu-item>a {
    font-weight: 700;

}

.navigator.white ul.langs .menu-item a {
    font-weight: 500 !important;

}

.midnightHeader {
    height: 200px;
    overflow: hidden !important;
    pointer-events: none !important;

}

.navigator.opening {
    height: 100vh !important;
    overflow: hidden !important;

}

.navigator .reseau {
    display: none;
}

.opening .midnightHeader {
    height: 100vh !important;
}

.brand a {
    width: 200px;
    background-size: contain;
    height: 90px;
    background: url(img/logo.svg) 0 50% no-repeat;
    background-size: contain;
    padding: 0;
    position: absolute;
    margin: 0;
    display: block;
    margin: 0;
    top: 4px;
    left: 36px;
}

.black .brand a {
    width: 200px;
    background-size: contain;
    height: 90px;
    background: url(img/logo.svg) 0 50% no-repeat;
    background-size: contain;
    padding: 0;
    position: absolute;
    margin: 0;
    display: block;
    margin: 0;
    top: 4px;
    left: 36px;
}

.outlines .outlinescontainer {
    color: #292721 !important;
    line-height: 1;
    font-family: "Inter", sans-serif;
    display: inline-block;
    font-weight: 800 !important;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    vertical-align: top;
    display: inline-block !important;
    white-space: nowrap;
    color: #E3D1BA !important;
    text-shadow: -2px -2px #fff, -3px -3px #fff, 3px 3px #fff, 3px 0px #fff, 3px 1px #fff, 3px 2px #fff, 0px 3px #fff, 3px -1px #fff, -3px 3px #fff, 3px -3px #fff, 0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}

.rougebg .outlines .outlinescontainer {
    color: #29398B !important;
}

.chambres_list .outlines .outlinescontainer {
    color: #29398B !important;
    text-shadow: -2px -2px #fff, -3px -3px #fff, 3px 3px #fff, 3px 0px #fff, 3px 1px #fff, 3px 2px #fff, 0px 3px #fff, 3px -1px #fff, -3px 3px #fff, 3px -3px #fff, 0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}

.rougebg .outlines .outlinescontainer {
    color: #274A42 !important;
}

.rooftop_list .outlines .outlinescontainer {
    color: #274A42 !important;
    text-shadow: -2px -2px #fff, -3px -3px #fff, 3px 3px #fff, 3px 0px #fff, 3px 1px #fff, 3px 2px #fff, 0px 3px #fff, 3px -1px #fff, -3px 3px #fff, 3px -3px #fff, 0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}

.rooftop_list .outlines .outlinescontainer span {
    color: #274A42 !important;
    text-shadow: -2px -2px #fff, -3px -3px #fff, 3px 3px #fff, 3px 0px #fff, 3px 1px #fff, 3px 2px #fff, 0px 3px #fff, 3px -1px #fff, -3px 3px #fff, 3px -3px #fff, 0px 2px #fff, 0px -2px #fff, 0px -3px #fff, 2px -2px #fff, 2px 2px #fff, 0px 2px #fff, -2px 2px #fff, 0px 0px #fff, 2px 1px #fff, 0px -2px #fff, 1px -2px #fff, 2px 1px #fff;
}

.navigator ul.menu .menu-item>a,
.navigator.white ul.menu .menu-item>a,
.navigator ul.langs .menu-item>a,
.navigator.white ul.langs .menu-item>a {
    font-size: 15px;
    line-height: 80px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    display: block;
    height: auto;
    text-decoration: none;
    text-transform: none;
    position: relative;
    color: #fff;
    pointer-events: all;

}


#news .orangebg .balign {
    position: absolute;
    bottom: -0;
    top: auto !important;
    left: 50%;
    height: 60px !important;
    min-height: 60px;
    transform: translate(-50%, 0%);
}

.horizontal,
.horizontal2,
.horizontal3 {
    box-sizing: border-box;
}

.horizontal__container {
    margin: 0 auto;
    width: 100%;
    position: relative;
}


.horizontal__list {
    display: flex;
    width: 120vw;
}

#news .horizontal__list {
    display: flex;

    width: 120vw
}

.horizontal__item,
.horizontal__item2,
.horizontal__item3 {
    margin-left: 30px;
    box-sizing: border-box;


    max-width: 5000px;
    min-width: 0;
    width: 600px;
    min-height: 400px;
    height: 400px;




}

.slider-heading.slider-heading2 {
    width: 28.5vw;
    margin-right: 0%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 130%;


    background: linear-gradient(90deg, rgba(236, 67, 21, 1) 0%, rgba(237, 67, 21, 1) 60%, rgba(237, 67, 21, 0) 100%);
}



.board .slider-heading.slider-heading2,
.strategic .slider-heading.slider-heading2 {
    width: 28.5vw;
    margin-right: 0%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 80%;
    height: 85dvh;
    background: transparent;
}


.slider-heading.slider-heading2 .talign {
    position: relative;
    /* top: -1px; */
    left: 75%;
    transform: translate(-50%, 0%);
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    z-index: 9;
    width: 80% !important;
}




.slider-heading.slider-heading2 .talign {
    position: relative;
    /* top: -1px; */
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    z-index: 9;
}



.board .slider-heading.slider-heading2 .talign,
.strategic .slider-heading.slider-heading2 .talign {
    position: relative;
    /* top: -1px; */
    left: 77%;
    transform: translate(-50%, 0%);
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    z-index: 1;
}

.horizontal__item .whitebg,
.horizontal__item2 .whitebg,
.horizontal__item3 .whitebg {
    padding: 30px;
    border-radius: 30px;
    box-sizing: border-box;
    height: 100%;
}



.cardboard.sebastien {
    background: url(img/photo-SBL.jpg) 50% 50% no-repeat;
    background-size: cover;


}

.cardboard.lars {
    background: url(img/lars2.png) 50% 50% no-repeat;
    background-size: cover;


}

.cardboard.mickael {
    background: url(img/mickael2.png) 50% 50% no-repeat;
    background-size: cover;


}

.portrait.pascale {
    background: url(img/pascale.png) 50% 50% no-repeat;
    background-size: cover;


}




.cardboard {

    width: 100%;
    padding-top: 70%;

    position: relative;


    margin-bottom: 30px;
    display: block;

    overflow: hidden;
    cursor: pointer;

}

.cardboard:after {

    width: 100%;
    height: 100%;
    content: " ";


    position: absolute;

    top: 100%;
    left: 0;

    margin-bottom: 0px;
    display: block;
    width: 100%;

    background: rgba(237, 67, 21, 0.4);
    z-index: 1;
    transition: all 300ms;

}

.cardboard:hover:after {

    width: 100%;
    height: 100%;
    content: " ";


    position: absolute;

    top: 0;
    left: 0;

    margin-bottom: 0px;
    display: block;
    width: 100%;

    background: rgba(237, 67, 21, 0.4);
    z-index: 1;

}

.balign9 {
    position: absolute;
    bottom: 0px;
    top: auto !important;
    left: 50%;
    z-index: 0;
    height: auto !important;
    min-height: 50px;
    transform: translate(-50%, 0%) !important;
}


.balign10 {
    position: absolute;
    bottom: 0px;
    top: auto !important;
    left: 50%;
    z-index: 0;
    height: auto !important;
    min-height: 150px;
    transform: translate(-50%, 0%) !important;
}

.cardboard .balign {

    width: 100%;

    z-index: 2;


    bottom: -100%;

    transition: all 300ms;
    height: auto !important;

}

.cardboard .balign3 {
    position: absolute;
    bottom: 0px;
    top: auto !important;
    left: 50%;
    z-index: 0;
    height: auto !important;
    min-height: 50px;
    transform: translate(-50%, 0%);
    width: 100%;

}


.cardboard:hover .balign3 {
    display: none;

}

.goright {
    transform: translateX(3vw);

}

.goright2 {
    transform: translateX(-4vw) rotateY(-180deg);

}

.cardboard:hover .balign {

    width: 100%;

    z-index: 2;


    bottom: -0%;

    transition: all 300ms;


}

.cardboard .balign p,
.cardboard .balign3 p {

    width: 100%;
    margin-bottom: 0;





}

.balign {
    position: absolute;
    bottom: 0px;
    top: auto !important;
    left: 50%;
    height: auto !important;
    min-height: 0px;
    transform: translate(-50%, 0%);
}

.cardboard.pascale {
    background: url(img/pascale2.png) 50% 50% no-repeat;
    background-size: cover;







}

.cardboard.noemie {
    background: url(img/noemie2.png) 50% 50% no-repeat;
    background-size: cover;


}

.cardboard.alain {
    background: url(img/alain@2x.png) 50% 50% no-repeat;
    background-size: cover;


}

.cardboard.alison {
    background: url(img/photo-Ad.jpg) 50% 50% no-repeat;
    background-size: cover;


}

.cardboard.clement {
    background: url(img/clement@2x.png) 50% 50% no-repeat;
    background-size: cover;


}

.portrait.clement {
    background: url(img/clement.png) 50% 50% no-repeat;
    background-size: cover;


}



.portrait.lars {
    background: url(img/lars.png) 50% 50% no-repeat;
    background-size: cover;


}


.cardboard.jean {
    background: url(img/jean2.png) 50% 50% no-repeat;
    background-size: cover;


}

.portrait.alain {
    background: url(img/alain.png) 50% 50% no-repeat;
    background-size: cover;


}

.cardboard.armelle {
    background: url(img/armelle2.png) 50% 50% no-repeat;
    background-size: cover;

}



.cardboard.alex {
    background: url(img/alexandre2.png) 50% 50% no-repeat;
    background-size: cover;

}


.cardboard.karine {
    background: url(img/karine3.jpg) 50% 50% no-repeat;
    background-size: cover;

}

.cardboard.vincent {
    background: url(img/vincent3.jpg) 50% 50% no-repeat;
    background-size: cover;

}


.cardboard.loic {
    background: url(img/loic2.png) 50% 50% no-repeat;
    background-size: cover;

}



.horizontal__item:first-of-type {
    margin-left: 0;
}

.horizontal__item:first-of-type {
    margin-left: 0;
    margin-bottom: 100px;
}

.navigator ul.langs .menu-item>a,
.navigator.white ul.langs .menu-item>a {
    font-size: 15px;
    line-height: 80px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    display: block;
    height: auto;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    pointer-events: all;

}



.navigator ul.menu .menu-item.active,
.navigator.white ul.menu .menu-item.active,
.navigator ul.langs .menu-item.active,
.navigator.white ul.langs .menu-item.active {

    color: white !important;


}

.navigator.black ul.menu .menu-item>a,
.navigator.black ul.lang .menu-item>a {

    color: #292721;
}

.navigator .menu-item {
    transition: height 600ms;
    z-index: 1;
}

.navigator .menu-item:hover {
    transition: height 600ms;
    z-index: 1;
    height: auto !important;
}

.navigator li:hover .sub-menu {
    display: block;
    top: 100%;
    background: white;

}

.navigator .midnightHeader.default ul.menu .menu-item>a,
.navigator .midnightHeader.default ul.lang .menu-item>a {
    background: none;
    color: white;
}

.navigator.black .midnightHeader.default ul.menu .menu-item>a,
.navigator.black .midnightHeader.default ul.lang .menu-item>a {
    background: none;
    color: #292721;
}

.navigator.rouge .midnightHeader.default ul.menu .menu-item>a,
.navigator.rouge .midnightHeader.default ul.lang .menu-item>a,
.navigator.rouge ul.menu .menu-item a,
.navigator.rouge ul.langs .menu-item a {
    background: none;
    color: #29398B;
}

.navigator .midnightHeader.white ul.menu .menu-item>a,
.navigator .midnightHeader.white ul.lang .menu-item>a {
    color: white;
}

.navigator .midnightHeader.white2 ul.menu .menu-item>a,
.navigator .midnightHeader.white2 ul.lang .menu-item>a {
    color: white;
}

.navigator .midnightHeader.black ul.menu .menu-item>a,
.navigator .midnightHeader.black ul.lang .menu-item>a {
    color: #292721;
}


.navigator .sub-li a {
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600 !important;
    white-space: nowrap;
    line-height: 45px;
    height: 45px;
    display: block;
    border-bottom: 1px solid #e2e2e2;
    background: linear-gradient(25deg, #29398B 0%, #29398B 25%, #29398B 50%, #29398B 75%, #29398B 100%) !important;
    background-size: auto 100%;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.navigator.black .sub-li a {
    background: none;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    color: #292721;
    font-weight: 800 !important;
    white-space: nowrap;
    line-height: 33px;
}

.navigator .midnightHeader.default ul.menu .menu-item .sub-li a {
    background: none;
    color: white;
}

.navigator .midnightHeader.white ul.menu .menu-item .sub-li a {
    color: white;
}

.navigator .midnightHeader.white2 ul.menu .menu-item .sub-li a {
    color: white;
}

.navigator .midnightHeader.black ul.menu .menu-item .sub-li a {
    color: #292721;
}

.navigator .midnightHeader.default ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #29398B;
    border-color: #29398B;
}

.navigator .midnightHeader.white ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #29398B;
    border-color: #29398B;
}

.navigator .midnightHeader.black ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #29398B;
    border-color: #29398B;
}

.navigator .midnightHeader.white2 ul.menu .menu-item>a.btn-primary {
    color: white;
    background-color: #E2876F;
    border-color: #E2876F;
}

.btn-primary,
.btn-primary:hover {
    color: #fff;
    background-color: #29398B;
    border-color: #29398B;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    max-height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    transition: all 300ms;
    transform: translateY(0px);

}

.btn-primary,
.btn-primary:active,
.btn-primary:visited {
    color: #fff;
    background-color: #29398B !important;
    border-color: #29398B !important;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    max-height: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    transition: all 300ms;
    transform: translateY(0px);

}

.btn-primary:hover {
    background-color: #ba3825;
    border-color: #ba3825;
    transform: translateY(0px) scale(1.08);
}

.navigator ul.menu .menu-item>a.btn-primary,
.navigator ul.menu .menu-item>a.btn-primary:hover {
    color: #fff;
    background-color: #29398B;
    border-color: #29398B;
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    max-height: 50px;
    line-height: 50px;
    margin: 15px 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;

}



.navigator.vert ul.menu .menu-item>a.btn-primary {
    color: #274A42;
    background-color: #fff;
    border: 2px solid #274A42;

    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    max-height: 50px;
    line-height: 50px;
    margin: 15px 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;

}

.navigator ul.menu .menu-item .sub-li a:hover {

    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;


}

.btn-primary-r,
.btn-primary-r:active,
.btn-primary-r:visited {
    color: #fff;
    background-color: #F08700;
    border-color: #F08700;
    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    max-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    width: 297px;

    transition: all 300ms;
    transform: translateY(0px) scale(1.0);

}

.btn-primary-r:hover,
.btn-primary-r:active {
    background-color: #F08700 !important;
    border-color: #F08700 !important;
    color: #FFF !important;
    transform: translateY(0px) scale(1.08);
}



.balign.btn-primary-r:hover,
.balign.btn-primary-r:active {
    background-color: #F08700 !important;
    border-color: #F08700 !important;
    color: #FFF !important;
    transform: translate(-50%, 0px) scale(1.08);
}

.btn-primary-m,
.btn-primary-m:active,
.btn-primary-m:visited {
    color: #fff;
    background-color: #634229;
    border-color: #634229;





    padding-right: 50px;
    padding-left: 50px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    max-height: 50px;
    line-height: 52px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    width: 297px;
    display: inline-block;

    transition: all 300ms;
    transform: translateY(0px) scale(1);

}

.btn-primary-m:hover {
    background-color: #513520;
    border-color: #513520;
    transform: translateY(0px) scale(1.08);
}

.btn-primary2,
.btn-primary2:hover {
    color: #fff;
    background-color: #ed1c2e;
    border-color: #ed1c2e;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 4px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 500;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    text-shadow: none;

    transition: all 300ms;
    transform: translateY(0px) scale(1);

}

.btn-primary2:hover {
    /* background-color: #d91a2a;
	border-color: #d91a2a; */
    transform: translateY(0px) scale(1.08);
}

.btn-primary-w,
.btn-primary-w:hover {
    color: #F19005;
    background-color: #fff;
    border-color: #fff;
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 800;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;
    text-shadow: none;

    transition: all 300ms;
    transform: translateY(0px) scale(1);

}

.btn-primary-w:hover {
    background-color: #ededed;
    border-color: #ededed;
    transform: translateY(0px) scale(1.08);
}

.btn-outline,
.btn-outline:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 0 40px;
    border-radius: 8px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin: 10px 0 30px;
    cursor: pointer;
    width: 200px;
    text-align: center;
    text-decoration: none !important;

}


.navigator ul.menu .menu-item>a.btn-primary-z,
.navigator ul.menu .menu-item>a.btn-primary-z:hover {
    color: #274A42;
    background-color: #fff;
    border-color: #fff;
    padding-right: 80px;
    padding-left: 80px;
    border-radius: 25px;
    font-family: "Inter", Arial, Helvetica, Sans-serif;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    max-height: 50px;
    line-height: 50px;
    margin: 15px 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-appearance: none;
    margin-bottom: 30px;
    cursor: pointer;
    text-decoration: none !important;

}

.icocal {

    background-image: url("data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAuNzY1IiBoZWlnaHQ9IjE5LjU2NSIgdmlld0JveD0iMCAwIDIwLjc2NSAxOS41NjUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzc3IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3NyIgd2lkdGg9IjIwLjc2NSIgaGVpZ2h0PSIxOS41NjUiIGZpbGw9IiNmZmYiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMTY4IiBkYXRhLW5hbWU9Ikdyb3VwZSAxNjgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NTIiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODUyIiBkPSJNMjAuNzYsNC4zMjVhMi4yLDIuMiwwLDAsMC0yLjIxNi0yLjJjLS40MzcsMC0uODc0LDAtMS4zMTEsMC0uMTA3LDAtLjE1Mi0uMDItLjE0NS0uMTM4YTQuNjU1LDQuNjU1LDAsMCwwLDAtLjUxQTEuNTYsMS41NiwwLDAsMCwxNS43MzEuMDEyLDEuNTgxLDEuNTgxLDAsMCwwLDE0LjAxOCwxLjFhMi41MjEsMi41MjEsMCwwLDAtLjA2OS44NDhjMCwuMTM1LS4wMjMuMTg1LS4xNzMuMTgxLS40NDMtLjAxMi0uODg2LDAtMS4zMjksMC0uMTYzLDAtLjM4Mi4wNTYtLjQ3NC0uMDI2cy0uMDIzLS4zMTktLjAzNC0uNDg2YzAtLjAyNCwwLS4wNDksMC0uMDczQTEuNTc1LDEuNTc1LDAsMCwwLDguODMsMS4yMTNhMy4wMjEsMy4wMjEsMCwwLDAtLjA0Mi43NzljMCwuMS0uMDI4LjEzMS0uMTMxLjEzMS0uNTgzLDAtMS4xNjYtLjAwNi0xLjc0OCwwLS4xMiwwLS4xNDEtLjAzOS0uMTM2LS4xNDYuMDA4LS4xNTcsMC0uMzE2LDAtLjQ3M2ExLjU3MSwxLjU3MSwwLDAsMC0zLjEtLjI3NiwzLjI4MywzLjI4MywwLDAsMC0uMDMzLjc0NGMwLC4xMTgtLjAyOS4xNTMtLjE1LjE1MS0uNDEzLS4wMDgtLjgyNiwwLTEuMjM4LDBBMi4xNTcsMi4xNTcsMCwwLDAsMCw0LjM2NVEwLDEwLjg1NywwLDE3LjM1YTIuMjg0LDIuMjg0LDAsMCwwLC4wNTIuNTA2LDIuMTUxLDIuMTUxLDAsMCwwLDIuMTU2LDEuNzA3cTQuMDg5LDAsOC4xNzcsMHQ4LjE3NywwYTIuMTQyLDIuMTQyLDAsMCwwLDIuMi0yLjE2MXEuMDA3LTYuNTM4LDAtMTMuMDc2TTE0LjgsMS42YS43MjIuNzIyLDAsMSwxLDEuNDQzLjAxOWMwLC4zMTYsMCwuNjMxLDAsLjk0N3MwLC42MzEsMCwuOTQ3YS43MjIuNzIyLDAsMSwxLTEuNDQzLjAxOHEtLjAxMi0uOTY1LDAtMS45M20tNS4xODEuMDIyYS43MjUuNzI1LDAsMSwxLDEuNDQ3LS4wMDhjMCwuMzE2LDAsLjYzMSwwLC45NDdzMCwuNjE5LDAsLjkyOWEuNzI1LjcyNSwwLDEsMS0xLjQ0Ny4wMDhxMC0uOTM4LDAtMS44NzVNNC40NjgsMS41NTRhLjcxNS43MTUsMCwwLDEsLjcxMy0uN0EuNzI0LjcyNCwwLDAsMSw1LjksMS41N2MuMDA1LjMzMywwLC42NjcsMCwxczAsLjY0MywwLC45NjRhLjcyNS43MjUsMCwwLDEtLjcwNy43My43MTcuNzE3LDAsMCwxLS43MjUtLjcxcS0uMDE0LTEsMC0yTTE5LjgzNiwxNy41OTVhMS4zLDEuMywwLDAsMS0xLjMsMS4wOTRjLTEuMTg0LDAtMi4zNjcsMC0zLjU1MSwwSDEwLjMzN2MtMi42OTUsMC01LjM5LS4wMTEtOC4wODUuMDA3QTEuMzg5LDEuMzg5LDAsMCwxLC44MjUsMTcuMjc1Qy44NDIsMTIuOTg0LjgzMyw4LjY5My44MzMsNC40QTEuMywxLjMsMCwwLDEsMi4yMzYsM2MuMzg4LDAsLjc3Ny4wMDcsMS4xNjUsMCwuMTQ3LDAsLjIuMDI3LjE5Mi4xODVBMi41ODcsMi41ODcsMCwwLDAsMy42MywzLjlhMS41NzIsMS41NzIsMCwwLDAsMy4xLS4zMjJjMC0uMDE4LDAtLjAzNiwwLS4wNTUuMDEyLS4xNzMtLjA3Ni0uNC4wMzUtLjUuMS0uMDg1LjMyMy0uMDI1LjQ5Mi0uMDI1LjMzNCwwLC42NjgsMCwxLDAsLjE1NiwwLC4zNjItLjA2OS40NTIuMDMuMDc3LjA4NC4wMjYuMjg3LjAyNS40MzhhMS44LDEuOCwwLDAsMCwuMDUzLjQ2OCwxLjU3NCwxLjU3NCwwLDAsMCwzLjEtLjM4NSwzLjcsMy43LDAsMCwwLDAtLjQxOWMtLjAxLS4xMTguMDM1LS4xMzguMTQzLS4xMzcuNTc3LjAwNSwxLjE1My4wMDcsMS43MywwLC4xMywwLC4xNDMuMDQ5LjE0NC4xNTdhMy40MjIsMy40MjIsMCwwLDAsLjAzMS43MjUsMS41NzEsMS41NzEsMCwwLDAsMy4xMDctLjNjMC0uMTU4LDAtLjMxNiwwLS40NzMsMC0uMDc4LjAyLS4xMDYuMS0uMTA1LjQ5MiwwLC45ODQtLjAxNCwxLjQ3NS4wMDlhMS4yODQsMS4yODQsMCwwLDEsMS4xODQsMS4yNTVjMCwuMDY3LDAsLjEzMywwLC4ycTAsNi4zNjQsMCwxMi43MjhhMi4wNTYsMi4wNTYsMCwwLDEsLjAzMy40MDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAxIDApIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODUzIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1MyIgZD0iTTI0My44LDE5OC40NTJxLTEuMDczLS4wMDUtMi4xNDcsMGEuNDM5LjQzOSwwLDEsMCwwLC44NzNjLjM1OCwwLC43MTYsMCwxLjA3Mywwcy43MTYsMCwxLjA3MywwYS40MzkuNDM5LDAsMSwwLDAtLjg3MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMi4zODIgLTE5MS4yMTkpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODU0IiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1NCIgZD0iTTEwMS42NDIsMTk4LjQ1N3EtMS4wODEsMC0yLjE2MiwwYS40NC40NCwwLDEsMCwuMDA3Ljg3NGMuMzUxLDAsLjcsMCwxLjA1NCwwLC4zNjksMCwuNzM5LDAsMS4xMDgsMGEuNDI2LjQyNiwwLDAsMCwuNDQ5LS40NDIuNDE3LjQxNywwLDAsMC0uNDU2LS40MzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NS4zODggLTE5MS4yMjMpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODU1IiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1NSIgZD0iTTM4Ni4wODIsMTk4LjQ1OHEtMS4wNjQsMC0yLjEyOSwwYS40MzkuNDM5LDAsMCwwLS40ODMuNDQ5LjQzNC40MzQsMCwwLDAsLjQ4Ni40MjRjLjM1MiwwLC43LDAsMS4wNTUsMHMuNzE2LDAsMS4wNzMsMGEuNDQzLjQ0MywwLDAsMCwuNDg4LS40MjcuNDQ5LjQ0OSwwLDAsMC0uNDkxLS40NDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjkuNDk4IC0xOTEuMjI1KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg1NiIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NTYiIGQ9Ik0xMDEuNjU0LDMwNWEuNDI4LjQyOCwwLDAsMCwuNDUtLjQ0Mi40MTYuNDE2LDAsMCwwLS40NTQtLjQzMWMtLjM2MywwLS43MjcsMC0xLjA5LDBzLS43MzksMC0xLjEwOCwwYS40MzYuNDM2LDAsMSwwLDAsLjg3MnExLjEuMDA1LDIuMiwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTUuMzk1IC0yOTMuMDQ2KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg1NyIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NTciIGQ9Ik0xMDEuNjQ3LDQwOS4xMTNxLTEuMDgxLDAtMi4xNjIsMGEuNDM4LjQzOCwwLDEsMCwwLC44NzNjLjM1NywwLC43MTUsMCwxLjA3Miwwcy43MjcsMCwxLjA5LDBhLjQzMS40MzEsMCwwLDAsLjQ2Mi0uNDQ4LjQxNy40MTcsMCwwLDAtLjQ2LS40MjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NS4zOTggLTM5NC4yMDYpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODU4IiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg1OCIgZD0iTTI0My44LDMwNC4xNDJxLTEuMDY0LDAtMi4xMjksMGEuNDQuNDQsMCwxLDAtLjAwNS44NzRjLjM1MiwwLC43LDAsMS4wNTUsMHMuNzE2LDAsMS4wNzQsMGEuNDQuNDQsMCwxLDAsLjAwNS0uODc0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjMyLjM5NSAtMjkzLjA1OSkiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NTkiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODU5IiBkPSJNMzgzLjk2OCwzMDUuMDE2Yy4zNTIsMCwuNywwLDEuMDU1LDBzLjcxNiwwLDEuMDc0LDBhLjQ0LjQ0LDAsMSwwLDAtLjg3NHEtMS4wNjQsMC0yLjEyOSwwYS40MzkuNDM5LDAsMSwwLDAsLjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2OS41MSAtMjkzLjA2KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg2MCIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NjAiIGQ9Ik0yNDMuOCw0MDkuMTEzcS0xLjA2NCwwLTIuMTI5LDBhLjQ0LjQ0LDAsMSwwLDAsLjg3NGMuMzUyLDAsLjcsMCwxLjA1NSwwcy43MTYsMCwxLjA3NCwwYS40MzkuNDM5LDAsMSwwLDAtLjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMi4zOTUgLTM5NC4yMDYpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODYxIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg2MSIgZD0iTTM4Ni4xLDQwOS4xMTZjLS4zNTgsMC0uNzE2LDAtMS4wNzQsMHMtLjcsMC0xLjA1NSwwYS40MzkuNDM5LDAsMSwwLDAsLjg3NHExLjA2NCwwLDIuMTI5LDBhLjQ0LjQ0LDAsMSwwLDAtLjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2OS41MSAtMzk0LjIwOSkiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo");
    background-position: 30px 14px;
    background-repeat: no-repeat;
    background-size: 21px auto;
    padding: 0 15px 0 40px !important;


}


.icoemporter {

    background-image: url("data:image/svg+xml; base64,PHN2ZyBpZD0iR3JvdXBlXzEyMiIgZGF0YS1uYW1lPSJHcm91cGUgMTIyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUuNzEyIiBoZWlnaHQ9IjE1LjQ5NyIgdmlld0JveD0iMCAwIDE1LjcxMiAxNS40OTciPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEzOCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTM4IiB3aWR0aD0iMTUuNzEyIiBoZWlnaHQ9IjE1LjQ5NyIgZmlsbD0ibm9uZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwZV8xMjEiIGRhdGEtbmFtZT0iR3JvdXBlIDEyMSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV8xMDQiIGRhdGEtbmFtZT0iVHJhY8OpIDEwNCIgZD0iTTEwNy40LDExLjY4OWwtLjYzNS41OTJoMy43MTVhMS4xNDgsMS4xNDgsMCwwLDAsMS4xNDMtMS4xNDNWNy4wNjRhMy44MTUsMy44MTUsMCwwLDAtLjY0NS0yLjEzbC0uMDg0LjA1N2gwbC4wODQtLjA1Ni0xLjM1NC0yLjAyN1YxLjIyNEExLjIyNywxLjIyNywwLDAsMCwxMDguNDA1LDBoLTUuNzI4YTEuNjQyLDEuNjQyLDAsMCwwLTEuNjM3LDEuNjM4VjMuMDQ2YS40LjQsMCwwLDAsLjYuMzQ2bDEuMTc3LS42OS4yNjYuMTY4LTEuNDc3LDIuMzlhMy44MzEsMy44MzEsMCwwLDAtLjU2OSwyLjAxNFY5Ljc4M2wuNi4wNDRoMFY3LjI3NGEzLjIzMiwzLjIzMiwwLDAsMSwuNDgyLTEuN2wxLjQ3Mi0yLjM4My4zODkuMjQ5YS40LjQsMCwwLDAsLjQyMywwbDEuMTgxLS43MTUsMS4xMTIuNjE1YS40LjQsMCwwLDAsLjU0NS0uMTU2LjQwNy40MDcsMCwwLDAsLjA1LS4xOTVWMS42MzdBMS4wMzYsMS4wMzYsMCwwLDEsMTA4LjI4OC42aC4xMTdhLjYyNC42MjQsMCwwLDEsLjYyMi42MjJWMi45MUwxMDcuNSw1LjMxYTMuODI1LDMuODI1LDAsMCwwLS42LDIuMDYxdjQuMzQxbS0uMjA2LTEwLjA3NVYyLjY1M2wtLjkxNi0uNWEuNC40LDAsMCwwLS40LjAwOGwtMS4xNzQuNzEtLjU0Mi0uMzQ2LS42MjUtLjM5MmEuNC40LDAsMCwwLS40MTctLjAwN2wtLjk3OS41NzNWMS42MzhBMS4wMzgsMS4wMzgsMCwwLDEsMTAyLjY3Ny42aDQuMzg3YTEuNjM0LDEuNjM0LDAsMCwwLS4zNzEsMS4wMzhtMy43ODgsMTAuMDQzSDEwNy41VjcuMzcxQTMuMjIxLDMuMjIxLDAsMCwxLDEwOCw1LjYzMmwxLjAyMy0xLjYwN1YxMC4zYS4zLjMsMCwwLDAsLjYsMFYzLjk4OWwuODUzLDEuMjc4YTMuMjExLDMuMjExLDAsMCwxLC41NDUsMS44djQuMDc0YS41NDUuNTQ1LDAsMCwxLS41NDMuNTQ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTUuOTE3KSIgZmlsbD0iI2ZmZmZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8xMDUiIGRhdGEtbmFtZT0iVHJhY8OpIDEwNSIgZD0iTTguNzUxLDE1My4xMWwwLDAsMS4wMzUtMWExLjMsMS4zLDAsMCwwLDAtMS44LDEuMjczLDEuMjczLDAsMCwwLTEuOCwwbC0xLjMzOSwxLjQwNmExLjg1NywxLjg1NywwLDAsMC0uOTM3LS40NThoMGwtLjYtLjA0NC0uMDQsMGMtLjEsMC0uMiwwLS4zMTcsMGEuMzE4LjMxOCwwLDEsMCwwLC42MzVjLjEzMywwLC4yNTEsMCwuMzU3LDBhMi41OTMsMi41OTMsMCwwLDEsLjYuMDU3LDEuNTQ2LDEuNTQ2LDAsMCwxLC43MjYuNDg0LjMxOC4zMTgsMCwwLDAsLjQ1NC0uMDA2bDEuNTUtMS42MjdhLjYzNi42MzYsMCwwLDEsLjg5My4wMDUuNjUxLjY1MSwwLDAsMSwwLC45bC0xLjUsMS40NTMtLjE2NS4xNi0uNDU2LjQ0MS0uMTMzLjEyOWEuMzE3LjMxNywwLDEsMCwuNDQxLjQ1NmwuNTY1LS41NDZIOS45NjdsLTEuODc1LDEuNjY3YS45NTcuOTU3LDAsMCwxLS42MzEuMjRIMi41NDJWMTUwLjQ4bDEuNjg5LS41NjNhLjMxOC4zMTgsMCwxLDAtLjItLjZsLTEuNDg4LjVWMTQ5LjNhLjMxOC4zMTgsMCwwLDAtLjMxOC0uMzE4SC4zMThBLjMxNy4zMTcsMCwwLDAsMCwxNDkuM3Y3LjMwN2EuMzE3LjMxNywwLDAsMCwuMzE4LjMxN0gyLjIyNGEuMzE4LjMxOCwwLDAsMCwuMzE4LS4zMTd2LS4zMThINy40NjFhMS41OSwxLjU5LDAsMCwwLDEuMDUyLS40bDIuMzQtMi4xODEuNjM1LS41OTJabS02Ljg0NCwzLjE3N0guNjM1di02LjY3MkgxLjkwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTE0MS40MjYpIiBmaWxsPSIjZmZmZmZmIi8+CiAgPC9nPgo8L3N2Zz4");
    background-position: 65px 14px;
    background-repeat: no-repeat;
    background-size: 21px auto;
    padding: 0 15px 0 40px !important;


}

.navbar-closer-icon:after {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 800;
    content: "";
    opacity: 1;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 14px;

}

.menu-item .sub-menu {
    display: none;

}


.menu-item:hover .sub-menu,
.menu-item .sub-menu:hover {}

.language-picker {
    display: inline-block;
    position: relative;

}

.prehome .prehome.valign {
    position: absolute;
    top: 190px;
    left: 50%;
    transform: translate(-50%, 0);

    transition: all 1s;
}



.introduction .card .valign {
    position: absolute;
    top: 190px;
    left: 50%;
    transform: translate(-50%, 0);

    transition: all 1s;
}

.expo {
    display: flex;
    min-height: 100vh;
    flex-grow: 1;
    overflow: hidden;
    position: fixed;
    margin: 0;
    left: -23px;
    color: white;
    font-size: 3em;
    border: 20px solid #E2876F;
    padding: 0;
    right: -23px;
    background: #E2876F;

    top: -23px;

}

.rooftop .expo {
    border: 20px solid #274A42;
    background: #274A42;
}

.hotel .expo {
    border: 20px solid #E3D1BA;
    background: #E3D1BA;
}


@keyframes scene-transition {
    25% {
        filter: brightness(100%);
    }

    100% {
        filter: brightness(100%);
        -webkit-mask-size: 1800%;
    }
}

.launchtrans .scenes .scene-2 {
    animation: scene-transition 4s cubic-bezier(1, 0, 1, 1) forwards;
}

/* everything else */

@keyframes visual-transition {
    25% {
        background-color: #808080;
    }

    100% {
        background-color: #808080;
    }
}


.visualizer {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.visualizer-frame-1,
.visualizer-frame-2 {
    position: relative;
    width: min(150px, 25vw);
    aspect-ratio: 2.4 / 1;
    outline: 2px solid #ccc;
    background-color: #333;
    background-image:
        linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%),
        linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%);
    background-size:
        16px 16px,
        16px 16px;
    background-position:
        0 0,
        8px 8px;
}

.visualizer-mask {
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 2px #111;
}

.visualizer-frame-1 .visualizer-mask {
    background-color: #000;
}

.visualizer-frame-2 .visualizer-mask {
    background-image: url(https://assets.codepen.io/77020/sw-jedi-crest.svg);
    background-size: 10%;
    background-position: center;
    background-repeat: no-repeat;
}

.scenes:is(:hover, :focus)+.visualizer .visualizer-frame-1 .visualizer-mask {
    animation: visual-transition 4s cubic-bezier(1, 0, 1, 1) forwards;
}

.scenes:is(:hover, :focus)+.visualizer .visualizer-frame-2 .visualizer-mask {
    background-size: 1800%;
    transition: background-size 4s cubic-bezier(1, 0, 1, 1);
}

.operator {
    display: grid;
    place-items: center;
    font-size: 1.25em;
}





@media only screen and (max-width: 991px) {



.clip .font50 {
    font-size: 36px;
}




    .language-picker {
        display: block;

        position: relative;

        text-align: center;
    }
}

.js .language-picker__form {
    display: none;

}

.language-picker__button .icon {
    height: 16px;
    width: 16px;
    margin-left: 0.25rem;
    margin-left: var(--space-xxxs);
    fill: #ae8440;
    margin-top: -3px;

}

@media only screen and (max-width: 991px) {
    .language-picker__button .icon {
        -webkit-appearance: none;

        display: inline-block !important;
    }
}

.language-picker__dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    width: auto;
    background-color: #fff;
    background-color: var(--color-bg);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: var(--shadow-sm);
    padding: 0.375rem 0;
    padding: var(--space-xxs) 0;
    border-radius: 0.25em;
    z-index: 4;
    z-index: var(--zindex-popover);
    --space-unit: 1rem;
    --space-xxxxs: 0.125rem;
    --space-xxxs: 0.25rem;
    --space-xxs: 0.375rem;
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3.25rem;
    --space-xxl: 5.25rem;
    --space-xxxl: 8.5rem;
    --space-xxxxl: 13.75rem;
    --component-padding: 1.25rem;
    --component-padding: var(--space-md);
    font-size: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.2s, opacity 0.2s, transform 0.2s ease-out;
    white-space: normal;

}

@media only screen and (max-width: 1199px) {
    .language-picker__dropdown {
        width: 50px;

        left: -3px;

        margin: 0 auto;

        text-align: center;

        position: relative;
    }
}

.language-picker__dropdown ul {
    background-color: #fff;
    position: relative;

}

.language-picker__dropdown li {
    width: 100%;
    display: block;
    padding-left: 0px;
    position: relative;

}

.language-picker__dropdown a {
    position: relative;

}

@media only screen and (max-width: 991px) {
    .language-picker__dropdown {
        width: 50px;

        left: -3px;
    }
}

.language-picker__list {
    background-color: #fff;
    padding: 10px;

}

.language-picker__button[aria-expanded=true]+.language-picker__dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(4px) translateX(3px);
    transition: opacity 0.2s, transform 0.2s ease-out;

}

@media only screen and (max-width: 991px) {
    .language-picker__button[aria-expanded=true]+.language-picker__dropdown {
        transform: translateY(-7px) translateX(3px);
    }
}

.language-picker__item {
    text-decoration: none;
    padding: 0 !important;
    padding: var(--space-xs) var(--space-lg) var(--space-xs) var(--space-md);
    color: #313135;
    color: var(--color-contrast-high);
    margin-bottom: 0px;

}

.language-picker__item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 5px;
    color: #001222;
    line-height: 30px;
    pointer-events: none;

}

#menu-headermenu .language-picker__list li a * {
    pointer-events: none;

}

.language-picker__label em {
    margin-left: 5px;
    font-style: normal;
    color: #fff;
    line-height: 60px;
    font-size: 14px;

}

@media only screen and (max-width: 1199px) {
    .language-picker__label em {
        color: #060644;

        font-weight: 700;
    }
}

.language-picker__item:hover {
    background-color: #f2f2f2;
    background-color: var(--color-contrast-lower);

}

.language-picker__item[aria-selected=true] {
    position: relative;
    background-color: #ae8440;
    color: #fff !important;

}

.language-picker__item[aria-selected=true] span {
    position: relative;
    background-color: #ae8440;
    color: #fff !important;

}

.language-picker__flag {
    display: block;
    display: flex;
    align-items: center;

}

.language-picker__flag::before {
    display: none;
    flex-shrink: 0;
    content: "";
    height: 18px;
    width: 30px;
    margin-right: 0.375rem;
    margin-right: var(--space-xxs);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.language-picker__dropdown .language-picker__flag::before {
    margin-right: 0 !important;
    margin-right: var(--space-xs);

}

.language-picker--hide-label .language-picker__button .icon {
    margin-left: 0;

}

.language-picker--hide-label .language-picker__button em {
    display: none;

}

.language-picker--hide-label .language-picker__button .language-picker__flag::before {
    margin-right: 0.25rem;
    margin-right: var(--space-xxxs);

}

.language-picker__button {
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

}

#menu-headermenu li a {
    font-size: 14px;
    font-weight: 500;

}

#menu-headermenu .language-picker__list li a {
    font-size: 14px;
    font-weight: 500;

}

#menu-headermenu .language-picker__list li a:hover {
    opacity: 0.5;

}

/*
End Footer */
@keyframes toleft {
    from {
        right: 60px;
    }

    to {
        right: 80px;
    }
}

@keyframes toleftmobile {
    from {
        left: 230px;
    }

    to {
        left: 210px;
    }
}

@keyframes toright {
    from {
        left: 130px;
    }

    to {
        left: 110px;
    }
}

@keyframes floatting {
    0% {
        transform: translateY(0px);
    }

    25% {
        transform: translateY(-50px);
    }

    50% {
        transform: translateY(0px);
    }

    75% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0px);
    }
}

.input-group-prepend {
    margin-right: -1px;
    padding: 0 10px;

}

@media only screen and (max-width: 991px) {
    .input-group-prepend {
        padding: 0 0px 0 10px;
    }
}

input.submit {
    display: block;
    border: 0;
    float: none;
    margin: 30px 0;
    cursor: pointer;
    clear: both;
    font-size: 14px;

}

textarea.form-control {
    margin-bottom: 10px;
    border-radius: 0;

}

.error_log {
    display: none;
    font-size: 11px;
    color: #cfaf2b;
    font-family: Arial, Helvetica, Sans-serif;
    margin-top: 0px;
    font-style: italic;
    padding: 0;

}

.img-reponsive {
    max-width: 100%;

}

.error_log.show {
    display: block;
    padding: 5px 0;
    vertical-align: top;

}

.resagroup .error_log.show {
    display: block;
    margin-left: 0px;
    margin-bottom: 5px !important;

}

.error_infos,
.error_infos.required,
input.error_infos {
    border: 1px solid #cfaf2b !important;
    margin-bottom: 0 !important;

}

label,
select,
label,
select,
.easiform input,
.easiform label,
.easiform select {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;

}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #838484;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

textarea {
    display: block;
    width: 100%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #838484;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

.blockform input[type=text],
.blockform select {
    width: 100%;

}

.empty_text {
    width: 100%;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-bottom: 5px;

}

.milieucpte {
    padding: 0 0px;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    font-family: "BenchNine", sans-serif;

}

label,
#login_form label,
select,
.easiform input,
.easiform label,
.easiform select {
    margin-bottom: 0px;
    border-radius: 0;
    font-size: 14px;
    font-weight: normal;
    font-family: "Inter", sans-serif;

}

label {
    color: #919191;

}

label.dark {
    color: #292721;

}

.blockform input[type=text],
.blockform select {
    width: 100%;

}

.form-control,
input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    height: 50px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #fff;
    background-color: transparent;
    background-image: none;
    font-family: "Inter", sans-serif;
    border: 1px solid #fff;
    text-align: left;
    text-transform: uppercase;
    border-radius: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}


.form-control::placeholder {
    color: #fff;

}

textarea.form-control {
    min-height: 120px;

}

.form-control:focus,
input:focus {
    outline: 0;
    background-color: transparent;
    border: 1px solid #fff !important;
    box-shadow: none !important;
    color: #fff;

}

.blockform [type=radio]:checked,
.blockform [type=radio]:checked,
.blockform [type=radio]:not(:checked),
.blockform [type=radio]:not(:checked),
#preference [type=radio]:checked,
#preference [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;

}

.blockform [type=radio]:checked+label,
.blockform [type=radio]:not(:checked)+label,
.blockform [type=radio]:checked+label,
.blockform [type=radio]:not(:checked)+label,
#preference [type=radio]:checked+label,
#preference [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 15px;

}

.blockform [type=radio]:checked+label:before,
.blockform [type=radio]:not(:checked)+label:before,
.blockform [type=radio]:checked+label:before,
.blockform [type=radio]:not(:checked)+label:before,
#preference [type=radio]:checked+label:before,
#preference [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #0084ff;
    border-radius: 100%;
    background: #fff;

}

[type=radio]:checked+label.error_infos,
[type=radio]:not(:checked)+label.error_infos {
    border: 0 !important;

}

[type=radio]:checked+label.error_infos:before,
[type=radio]:not(:checked)+label.error_infos:before,
.blockform [type=radio]:not(:checked)+label.error_infos:before,
[type=radio]:checked+label.error_infos:before {
    border: 1px solid #920000;

}

.blockform [type=radio]:checked+label:after,
.blockform [type=radio]:not(:checked)+label:after,
.blockform [type=radio]:checked+label:after,
.blockform [type=radio]:not(:checked)+label:after,
#preference [type=radio]:checked+label:after,
#preference [type=radio]:not(:checked)+label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0084ff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    transition: all 0.2s ease;

}

.blockform [type=radio]:not(:checked)+label:after,
.blockform [type=radio]:not(:checked)+label:after,
#preference [type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);

}

.blockform [type=radio]:checked+label:after,
.blockform [type=radio]:checked+label:after,
#preference [type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1);

}

label.container-check,
label.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 15px;
    height: auto;
    line-height: 1.3;

}

label.container-check.darkfont,
label.container-check.darkfont {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 45px;
    margin-top: 15px;
    height: auto;
    line-height: 20px;
    color: #292721;

}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;

}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #e6e6e6;

}

/* On mouse-over, add a grey background color */
.container-check:hover input~.checkmark {
    background-color: #fff;

}

/* When the checkbox is checked, add a blue background */
.container-check input:checked~.checkmark {
    background-color: #e74011;

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;

}

/* Show the checkmark when checked */
.container-check input:checked~.checkmark:after {
    display: block;

}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);

}

/*------------------------------------------------*/
/* Switch SECTION START*/
/*------------------------------------------------*/
.Switch {
    position: relative;
    display: inline-block;
    font-size: 1.6em;
    font-weight: normal;
    color: #fff;
    text-shadow: 0;
    height: 30px;
    width: 63px;
    padding: 6px 6px 5px 6px;
    border: 0;
    border-radius: 4px;
    background: #ecc09d;
    cursor: pointer;
    font-size: 9px;
    line-height: 30px;
    transition: all 300ms ease-out;

}

.Switch.On {
    border: 0;
    background: #e0dfdf;

}

body.IE7 .Switch {
    width: 78px;

}

.Switch span {
    display: inline-block;
    width: 63px;

}

.Switch .Toggle {
    position: absolute;
    top: 2px;
    width: 63px;
    height: 30px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 9;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;

}

input[type=checkbox].switcher {
    display: block;
    position: absolute;
    left: -999999px;

}

/* Round Switch */
.Switch.Round {
    padding: 0px 20px;
    border-radius: 40px;
    vertical-align: middle;

}

body.IE7 .Switch.Round {
    width: 1px;

}

.Switch.Round .Toggle {
    border-radius: 40px;
    width: 26px;
    height: 26px;
    cursor: pointer;

}

.Switch.Round.Off .Toggle {
    left: 1px;
    background: #920000;

}

.Switch.Round.On .Toggle {
    left: 36px;
    top: 2px;
    background: #920000;

}

.Switch.Round.On .Toggle:after {
    content: "oui";
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    text-transform: uppercase;
    line-height: 28px;

}

.Switch.Round.Off .Toggle:after {
    content: "non";
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    text-transform: uppercase;
    line-height: 28px;

}

.tabs-material .tab-marker {
    display: none;
    position: absolute;

}

.file-upload-input.hidden {
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    font-size: 12px;

}

.prequalifbloc,
.prequalifblocdemande,
.reclamationbloc {
    display: none;

}

.prequalifbloc.show,
.prequalifblocdemande.show {
    visibility: visible;
    display: block;

}

.file-upload-wrapper {
    margin-bottom: 50px;

}

@media only screen and (max-width: 991px) {
    .file-upload-wrapper {
        margin-bottom: 0px;
    }
}

#imgpreview {
    border: 2px dashed #c4c4c4;
    height: 130px;
    min-width: 130px;
    box-shadow: none;
    width: auto;
    display: inline-block;

}

#imgpreview img {
    height: 70px;
    margin: 10px;
    min-height: 70px;
    min-width: 60px;
    box-shadow: none;
    position: relative;
    display: inline-block;
    color: #920000;
    vertical-align: top;

}

#imgpreview.view img {
    height: 70px;
    margin: 10px;
    min-height: 70px;
    min-width: 30px;
    box-shadow: none;
    position: relative;
    display: inline-block;
    color: red;
    vertical-align: top;

}

#imgpreview img:before {
    left: 0;
    top: 15px;
    position: absolute;
    content: "+Ajouter un autre fichier";
    color: red;
    min-height: 70px;
    height: 70px;
    width: 60px;
    display: block;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;

}

label.small,
label.small {
    font-size: 12px;

}

label.lbl-form,
label.lbl-form {
    margin: 20px 0 10px;

}

.file-upload-button {
    padding: 0px 30px;
    font-size: 16px;
    height: 40px;
    font-size: 13px;
    font-weight: 400;
    width: 220px;
    border: 0;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefe+0,e4e4e4+100 */
    background: rgb(254, 254, 254);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(254, 254, 254) 0%, rgb(228, 228, 228) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#e4e4e4", GradientType=0);
    /* IE6-9 */
    border: 1px solid #c4c4c4;
    border-radius: 3px;

}

.input-group-append {
    font-size: 14px;
    border-left: 0;
    width: 40px;
    text-align: center;

}

.calend .input-group-append {
    font-size: 14px;
    border: 1px solid #999;
    border-left: 0;
    width: 40px;
    text-align: center;

}

.fa-calendar-alt:before {
    content: "\f073";
    width: 40px;
    text-align: center;
    display: block;
    line-height: 28px;

}

.btn-back-history {
    font-size: 12px;
    width: 120px;
    color: #292721;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
    border-color: #fff;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 15px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    font-weight: 500;
    display: block;
    float: right;
    padding-top: 0;
    padding-bottom: 0;
    transition: all 300ms ease-out;
    transform: translateY(0px);
    -webkit-appearance: none;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer;

}

select.form-control,
select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    margin-bottom: 15px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #e6e6e6;
    border-radius: 0;

}

.semi {
    font-weight: 600;

}

.lh23 {
    line-height: 23px;
}

.btn-back-history:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 800;
    content: "\f053";
    opacity: 1;
    color: #919191;
    left: 20px;
    position: absolute;
    color: #292721;
    top: 0;
    display: block;
    line-height: 40px;
    height: 40px;

}

.panel-confirmation {
    padding: 30px 50px;
    background: url(../img/bg_groupe_confirmation.jpg) 50% 0% no-repeat;
    background-size: cover;
    border-radius: 30px;
    margin: 50px 0;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);

}

@media only screen and (max-width: 991px) {
    .group-service {
        text-align: center;

        padding-bottom: 50px;
    }
}

.btn-social {
    -webkit-appearance: none;
    transition: all 300ms ease-out;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #3b5998;
    padding: 0 30px 0 50px;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    font-family: "Inter", sans-serif;
    height: 40px;
    border-radius: 20px;
    transition: all 0.15s ease-in-out;
    width: calc(100% - 40px);
    max-width: 350px;
    color: #fff !important;
    margin-bottom: 10px;
    margin-top: 0px;
    background: #3b5998;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    position: relative;

}

.btn-social:hover {
    transform: translateY(5px);

}

@media only screen and (max-width: 991px) {
    .btn-social {
        font-size: 10px;

        padding: 0 20px 0 50px;
    }
}

@media only screen and (max-width: 339px) {
    .btn-social {
        font-size: 8px;
    }
}

.btn-social:after {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400;
    content: "\f39e";
    opacity: 1;
    color: #fff;
    position: absolute;
    left: 0;
    top: 9px;
    width: 52px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-style: 14px;
    border-right: 1px solid #fff;

}

@media only screen and (max-width: 991px) {
    .btn-social:after {
        top: 7px;

        width: 36px;
    }
}

@media only screen and (max-width: 991px) {

    #candidature form .d-inline-block.mt-2,
    #candidature form .d-inline-block.my-2 {
        margin-top: -2rem !important;

        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 991px) {
    #candidature form label.mr-3 {
        margin-top: 15px;

        white-space: nowrap;
    }
}

.experienceoui,
.enseigneoui {
    display: none;

}

[type=radio]:checked,
[type=radio]:checked,
[type=radio]:not(:checked),
[type=radio]:not(:checked),
[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;

}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label,
[type=radio]:checked+label,
[type=radio]:not(:checked)+label,
[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 15px;

}

[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #0084ff;
    border-radius: 100%;
    background: #fff;

}

[type=radio]:checked+label.error_infos,
[type=radio]:not(:checked)+label.error_infos {
    border: 0 !important;

}

[type=radio]:checked+label.error_infos:before,
[type=radio]:not(:checked)+label.error_infos:before,
[type=radio]:not(:checked)+label.error_infos:before,
[type=radio]:checked+label.error_infos:before {
    border: 1px solid #920000;

}

[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #0084ff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    transition: all 0.2s ease;

}

[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);

}

[type=radio]:checked+label:after,
[type=radio]:checked+label:after,
[type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1);

}

label.container-check,
label.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 15px;
    height: auto;
    line-height: 1.3;
    text-align: left;

}

label.container-check.darkfont,
label.container-check.darkfont {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-bottom: 45px;
    margin-top: 15px;
    height: auto;
    line-height: 20px;
    color: #292721;

}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;

}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #e6e6e6;

}

/* On mouse-over, add a grey background color */
.container-check:hover input~.checkmark {
    background-color: #ccc;

}

/* When the checkbox is checked, add a blue background */
.container-check input:checked~.checkmark {
    background-color: #e74011;

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;

}

/* Show the checkmark when checked */
.container-check input:checked~.checkmark:after {
    display: block;

}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);

}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    width: 30px;
    display: inline-block;

}

.form-check-label {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
    vertical-align: middle;

}

.locker {
    background: rgba(0, 0, 0, 0.7) url(../images/preload.gif) 50% 50% no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 9999;

}

.loading .locker {
    display: block;

}

:root {
    /* Base font size */
    /* Set neon color */
    --neon-text-color: #920000;
    --neon-border-color: #08f;

}

@media only screen and (max-width: 991px) {
    html {
        margin-top: 0 !important;
    }
}

body,
html {
    position: relative;
    display: block;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    overflow: auto;


}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    display: none;
}

html {
    overflow: auto;
    overflow-x: hidden;

}

body {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility;
    background: #ffffff;
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 300;
font-style: normal;
    font-size: 16px;
    overflow: auto;
}

.fixedmobile {
    position: fixed;
    width: calc(100% - 50px);
    z-index: 60;
    height: 78px;
    line-height: 78px;
    left: 50%;
    bottom: -80px;
    background: #fff;
    border-radius: 30px 30px 0 0;
    text-align: center;
    color: #F29007;
    border: 1px solid #F29007;
    transform: translate(-50%, 0);
    transition: all 0.6s;
    font-size: 18px;
    font-weight: 800;
}

.fixedmobile.entrer {

    bottom: 0px;

}

footer {
    position: relative;
    width: 100%;
    z-index: 3;
    left: 0;
    bottom: 0;
    background: #fff;
}

footer p {
    font-size: 18px;

    height: 60px;
    line-height: 60px;

}

html,
body {
    position: relative;
    background: #fff;
    color: #292721;

}

html {
    overflow: auto;

    overflow-x: hidden;


}

h1,
.h1 {
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 300;
font-style: normal;
}


h2,
.h2 {
    font-family: "Inter", sans-serif;
    font-weight: 800;
    font-size: 30px;
    color: #E2876F;

}
h2.loader--text{
        color: #fff;

}

h3,
.h3 {
    font-family: "Inter", sans-serif;
    font-weight: 800;
    font-size: 25px;


    color: #E2876F;


}

.absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.shadowtext {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.wrapper {
    display: block;
    margin: 0 auto;
    position: relative;
    padding-top: 0px;


    background: #29398B;
    overflow: hidden;

}
.wrapper .introduction   {

    margin-top: 80px;


}

.wrapper section {
    z-index: 2;


}

.wrapper:after {
    display: none;
    margin: 0;
    position: absolute;
    z-index: 1;
    width: 200vw;
    height: 200vw;
    top: -50vw;
    left: -50vw;
    content: " ";
    background: linear-gradient(90deg, #29398B 0%, #1A2968 50%, rgba(43, 48, 128, 1) 100%);
    animation: moveColor 30s linear infinite;
    background-color: #29398B;
    animation-name: example2;
    animation-duration: 20s;

}

.imgscale {
    transform: scale(1.1) translate(0px, 70px);
}

@keyframes example2 {

    0% {
        background-position: 0% 0%;
        transform: rotate(0deg) scale(2);
        transform-origin: 50% 50%;
        opacity: 0.9;
    }

    50% {
        background-position: 100% 100%;
        transform: rotate(180deg) scale(1.6);
        transform-origin: 50% 50%;
        opacity: 1;
    }

    100% {
        background-position: 0% 0%;
        transform: rotate(360deg) scale(2);
        transform-origin: 50% 50%;
        opacity: 0.9;
    }
}


@keyframes example {

    0% {
        background-position: 0% 0%
    }

    50% {
        background-position: 100% 100%
    }

    100% {
        background-position: 0% 0%
    }
}

.inter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}



@keyframes moveColor {


    from {
        background: linear-gradient(90deg, #0F2687 0%, rgba(139, 57, 76, 1) 50%, rgba(43, 48, 128, 1) 100%);
    }

    to {
        background: linear-gradient(90deg, rgba(43, 48, 128, 1) 0%, rgba(139, 57, 76, 1) 50%, #0F2687 100%);
    }



}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 0;
    width: 100% !important;
    perspective: 800px;

}

.lignetab {


    border-top: 0.5px solid #000;
}

.lignetab p {


    height: 170px;
    margin-bottom: 0;

}

.lignetabw {


    border-top: 0.5px solid #fff;
}

.lignetabw p {

    margin-bottom: 0;

    height: 170px;

}

.btntab {
    height: 80px;
    line-height: 0;
    /* background: #fff; */
}

.btntab a {
    height: 80px;
    line-height: 80px;
}

.relative {
    position: relative;

}


.fixed.video-js {
    left: 50%;
    top: -2%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, 0%);

}


.imgchambre .fixed.video-js,
.imgcarte .fixed.video-js {
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0;
    transform: translate(-50%, -50%);
}

#transition,
#masktransition,
#output,
#buffer {
    right: 0%;
    position: absolute;
    mix-blend-mode: normal;
    z-index: 0;

}

#output {
    right: -60vw;
    position: absolute;
    z-index: 9999;
    min-height: 100vh;
    width: 100vw !important;
    height: calc(100vh - 50px) !important;
    mix-blend-mode: normal;
    top: 0;

}

@media only screen and (max-width: 991px) {


    .cardboard .font20 {
        font-size: 18px;
    }

    .cardboard .font24 {
        font-size: 20px;
    }

    .strategic .cardboard v.balign,
    .board .cardboard .balign {
        position: absolute;
        bottom: -100%;
        top: auto !important;
        left: 50%;
        height: auto !important;
        min-height: 0;
        transform: translate(-50%, 0%);
    }

    .imgcoeur {


        max-width: 100px;
    }


    #output {
        right: -110vw;

        position: absolute;

        z-index: 9999;

        min-height: calc(50vh - 50px);

        width: auto !important;

        height: calc(50vh - 50px) !important;

        mix-blend-mode: normal;

        display: none;
    }
}

#buffer {
    display: none;

}

.wrapperv.init {
    position: fixed;
    top: 80px;
    left: 80px;
    right: 80px;
    bottom: 80px;
    background: #df9e5e;
    background-size: cover;
    display: block;
    overflow-y: hidden;
    overflow: hidden;
    /*	-moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
	*/
    transform-origin: 50% 50%;
    transition: all 300ms ease-out;

}

@media only screen and (max-width: 991px) {
    .wrapperv.init {
        height: calc(100vh - 40px);

        width: calc(100vw - 40px);

        position: fixed;

        top: 20px;

        left: 20px;

        right: 20px;

        bottom: 20px;
    }
}

@media only screen and (min-width: 1640px) {
    .wrapperv.init {
        top: 40px;

        left: 40px;

        right: 40px;

        bottom: 40px;
    }
}

section {
    position: relative;
    display: block;

}

.2col {
    columns: 2;

}

.h-100 {
    height: calc(100vh - 0px) !important;

}

.hotel #introduction .h-100,
.rooftop #introduction .h-100,
.restaurantcarte #introduction .h-100,
.restaurant #introduction .h-100,
.hotels #introduction .h-100 {
    height: calc(100vh - 0px) !important;
    max-height: 550px;
}


@media only screen and (max-width: 991px) {
    .h-100 {
        height: calc(100vh - 0px) !important;
    }
}

.h-50 {
    height: 50vh !important;

}

@media only screen and (max-width: 991px) {
    .h-50 {
        height: 50vh !important;
    }
}

.mb-25 {
    margin-bottom: 10vh !important;

}

@media only screen and (min-width: 1200px) {
    .mb-xl-25 {
        margin-bottom: 10vh !important;
    }
}

.height-100 {
    height: 100% !important;

}

.height-50 {
    height: 50% !important;

}

.serif {
    font-family: "Inter", sans-serif;

}

img {
    pointer-events: none;

}

@media only screen and (max-width: 991px) {
    .mt-lg-117 {
        margin-top: 117px !important;
    }

    .mt-lg-190 {
        margin-top: 120px !important;
    }


    .mt-lg-100 {
        margin-top: 80px !important;
    }

    .mt-lg-75 {
        margin-top: 60px !important;
    }


    .mt-lg-50 {
        margin-top: 40px !important;
    }

    .mb-lg-40 {
        margin-bottom: 30px !important;
    }



    .mb-lg-50 {
        margin-bottom: 40px !important;
    }


    .mb-lg-60 {
        margin-bottom: 50px !important;
    }


    .pb-lg-100 {
        padding-bottom: 70px !important;
    }

    .pb-lg-115 {
        padding-bottom: 90px !important;
    }

    .title {
        left: 50%;

        top: 50%;

        font-size: 180px;

        transform: translateX(-50%) translateY(-50%);
    }
}

.highlight .title {
    color: #920000;

}

/* Animate neon flicker */
@keyframes flicker {

    0%,
    19%,
    21%,
    23%,
    25%,
    54%,
    56%,
    100% {
        text-shadow: -0.2rem -0.2rem 1rem #920000, 0.2rem 0.2rem 1rem #920000, 0 0 5px var(--neon-text-color), 0 0 10px var(--neon-text-color);
    }

    20%,
    24%,
    55% {
        text-shadow: none;

        box-shadow: none;
    }
}

.paraphe {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 211vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: left;
    width: 211vw;

}

.custom-popover {

    background: #29398B;
    color: #fff;

    text-align: left;

}

@media only screen and (max-width: 991px) {



    .paraphe {
        left: 50%;

        top: 50%;

        font-size: 14px;

        width: 84%;

        transform: translateX(-50%) translateY(-50%);
    }
}

.paraphe {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 211vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: left;

}

@media only screen and (max-width: 991px) {}

.scalledimg {
    transform: scale(1.08) translateX(10%);

}

.mt-20 {
    margin-top: 20px;

}

.mt-30 {
    margin-top: 30px;

}

.mt-40 {
    margin-top: 40px;

}

.mt-60 {
    margin-top: 60px;

}

.mt-70 {
    margin-top: 70px;

}

.mt-80 {
    margin-top: 80px;

}

.mb-20 {
    margin-bottom: 20px;

}

.mb-30 {
    margin-bottom: 30px;

}

.mb-40 {
    margin-bottom: 40px;

}

.mb-50 {
    margin-bottom: 50px;

}

.mb-60 {
    margin-bottom: 60px;

}

.mb-70 {
    margin-bottom: 70px;

}

.mb-80 {
    margin-bottom: 80px;

}

.pb-40 {
    padding-bottom: 40px;

}

.pb-50 {
    padding-bottom: 50px;

}

.pb-60 {
    padding-bottom: 60px;

}

.pb-70 {
    padding-bottom: 70px;

}

.pb-80 {
    padding-bottom: 80px !important;

}

.pb-90 {
    padding-bottom: 130px;

}

.pb-100 {
    padding-bottom: 100px;

}

.pt-40 {
    padding-top: 40px;

}

.pt-50 {
    padding-top: 50px;

}

.pt-60 {
    padding-top: 60px;

}

.pt-70 {
    padding-top: 60px;

}

.pt-80 {
    padding-top: 80px;

}

.pt-90 {
    padding-top: 130px;

}

.pt-100 {
    padding-top: 100px;

}

#histoire #js-scroll {
    margin-top: 0px;
    overflow: hidden;

}

::-moz-selection {
    background-color: #29398B;
    color: #fff;
    opacity: 1;

}

::selection {
    background-color: #29398B;
    color: #fff;
    opacity: 1;

}

.lettrine::first-letter {
    color: #fff;
    float: left;
    font-size: 60px;
    font-weight: bold;
    line-height: 40px;
    padding-top: 4px;
    padding-right: 4px;

}

[type=button].submit,
[type=reset],
[type=submit] {
    border: 0 !important;

}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;

}

.w-30 {
    width: 30% !important;

}

.w-40 {
    width: 40% !important;

}

.w-50 {
    width: 49% !important;

}

/* reset */
a {
    text-decoration: none;

}

a:focus,
a:visited,
a:active {
    text-decoration: none;
    outline: 0 !important;
    text-decoration: none;

}

a:hover {
    text-decoration: none;

}


.btn a:hover,
.card a:hover {
    color: inherit;
    text-decoration: none;

}

.btn a *,
.card a *,
.the-slide a *,
.btn a:hover *,
.card a:hover * {
    color: inherit;
    text-decoration: none;

}

.upper {
    text-transform: uppercase;

}

button a {
    color: inherit;
    text-decoration: none;

}

video {
    width: 100%;

}

.clear {
    clear: both;

}

.mh-0 {
    max-height: 0;

}

.mh-100 {
    max-width: 80%;

}

.minh-100 {
    min-height: 100dvh;

}

.m-h-70 {
    min-height: 0vh;

}


.mCustomScrollbar {
    touch-action: initial;

}

.slick-next {
    right: 0px;

}

.slick-prev {
    left: 0px;

}

.slider_evenementfixed .slick-slide {
    padding: 0 0px;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #ddd;

}

/* fin reset */
/* utilitaires */
li {
    list-style: none;

}

/* utilitaires */
.bullet-orange {
    padding-left: 0;

}

.bullet-orange li {
    list-style: none;
    padding-left: 30px;
    background: url(../SVG/dry-clean.svg) 20px 10px no-repeat;
    background-size: 7px auto;
    padding-left: 40px;
    margin-bottom: 15px;

}

.bold,
b,
strong,
bold {
    font-weight: 800 !important;

}

.noir,
.extrabold {
    font-weight: 800 !important;

}

.normal {
    font-weight: normal;

}

.light {
    font-weight: 200;

}

.img100 {
    width: 100%;
    height: auto;

}

.w-20 {
    width: 20% !important;

}

.w-30 {
    width: 30% !important;

}

@media only screen and (max-width: 991px) {
    .w-40 {
        width: 45% !important;
    }
}

@media only screen and (min-width: 1200px) {
    .w-lg-40 {
        width: 45% !important;
    }
}

.w-60 {
    width: 60% !important;

}

.w-70 {
    width: 70% !important;

}

.w-80 {
    width: 80% !important;

}

.w-100gutters {
    width: calc(100% - 30px) !important;

}

.img-responsive {
    max-width: 100%;

}

.vertical-align {
    vertical-align: middle;

}

.txtb-align {
    vertical-align: text-bottom;

}

.table thead th {
    vertical-align: top;
    border-top: 0;
    border-bottom: 2px solid #dee2e6;

}

.vertical-align-top,
.table thead th.vertical-align-top {
    vertical-align: top !important;

}

div.side {
    padding-right: 0;
    padding-left: 0;

}

.mr-60 {
    margin-right: 60px;

}

.z8 {
    z-index: 8 !important;

}

.z9 {
    z-index: 9 !important;

}

.z10 {
    z-index: 10 !important;

}

.z20 {
    z-index: 20;

}

.p-80 {

    padding: 80px;

}

.zfront {
    z-index: 999999;

}

.z3 {
    z-index: 3 !important;

}

.z0 {
    z-index: 0;

}

.font10 {
    font-size: 9px;

}

.font10 {
    font-size: 10px;

}

.font12 {
    font-size: 12px;

}

.font13 {
    font-size: 13px;

}

.font14 {
    font-size: 13px;

}

.font16 {
    font-size: 15px;

}


.font16 {
    font-size: 14px;

}

.font18 {
    font-size: 16px;

}

.font20 {
    font-size: 18px;

}

.font22 {
    font-size: 22px;

}

.font24 {
    font-size: 21px;

}

.font25 {
    font-size: 25px;

}

.font28 {
    font-size: 28px;

}



.font30 {
    font-size: 30px;

}

.font32 {
    font-size: 32px;

}

.font36 {
    font-size: 36px;

}

.font38 {
    font-size: 38px;

}

.font42 {
    font-size: 42px;

}

.font48 {
    font-size: 48px;

}

.font50 {
    font-size: 50px;

}
.font65 {
    font-size: 55px;

}

@media only screen and (max-width: 991px) {
    .font55 {
        font-size: 35px;
    }


    .font28 {
        font-size: 14px;
    }

    .font65 {

    font-size: 42px;

}
}

@media only screen and (max-width: 767px) {
    .font55 {
        font-size: 35px;
    }
}

@media only screen and (min-width: 992px) {
    .font55 {
        font-size: 40px;
    }
}

@media only screen and (min-width: 1200px) {
    .font55 {
        font-size: 45px;
    }
}

@media only screen and (min-width: 1640px) {
    .font55 {
        font-size: 53px;
    }
}

 
@media only screen and (max-width: 991px) {
    .font72 {
        font-size: 42px;
    }
}


@media only screen and (min-width: 992px) {
    .font72 {
        font-size: 64px;
    }
}




@media only screen and (min-width: 1200px) {
    .font72 {
        font-size: 64px;
    }
}

@media only screen and (max-width: 991px) {
    .font150 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .font150 {
        font-size: 40px;
    }
}

@media only screen and (min-width: 992px) {
    .font150 {
        font-size: 75px;
    }
}

@media only screen and (min-width: 1200px) {
    .font150 {
        font-size: 75px;
    }
}

@media only screen and (min-width: 1640px) {
    .font150 {
        font-size: 110px;
    }
}

@media only screen and (max-width: 991px) {
    .font300 {
        font-size: 300px;
    }
}

@media only screen and (min-width: 992px) {



    .menu-item a {
        position: relative;
        text-decoration: none !important;
    }


    hr {

        opacity: 1;
        border: 0 !important;
        border-bottom: 1px solid #000 !important;
    }



    .mt-lg-117 {
        margin-top: 117px !important;
    }

    .mt-lg-190 {
        margin-top: 190px !important;
    }


    .mt-lg-100 {
        margin-top: 100px !important;
    }

    .mt-lg-75 {
        margin-top: 75px !important;
    }


    .mt-lg-50 {
        margin-top: 50px !important;
    }

    .mb-lg-40 {
        margin-bottom: 40px !important;
    }



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


    .mb-lg-60 {
        margin-bottom: 60px !important;
    }

    .mb-lg-90 {
        margin-bottom: 90px !important;
    }

    .pb-lg-60 {
        padding-bottom: 55px !important;
    }

    .pb-lg-100 {
        padding-bottom: 100px !important;
    }

    .pb-lg-115 {
        padding-bottom: 115px !important;
    }

    .navigator {
        width: 100vw;
        height: 130px;
        background: #fff;
        position: fixed;
        padding-top: 0px !important;
        z-index: 99;
        overflow: visible !important;
        pointer-events: none;
        border-bottom: 0.5px solid #fff;
    }



    .navigator ul.menu .menu-item>a,
    .navigator.white ul.menu .menu-item>a,
    .navigator ul.langs .menu-item>a,
    .navigator.white ul.langs .menu-item>a {
        font-size: 20px;
        line-height: 130px;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        display: block;
        height: auto;
        text-decoration: none;
        text-transform: none;
        position: relative;
        color: #fff;
        pointer-events: all;


        background-size: auto 100%;
        color: #29398B;



    }


    .navigator ul.menu .menu-item.active>a,
    .navigator.white ul.menu .menu-item.active>a,
    .navigator ul.langs .menu-item.active>a,
    .navigator.white ul.langs .menu-item.active>a {
        font-size: 20px;
        line-height: 130px;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        display: block;
        height: auto;
        text-decoration: none;
        text-transform: none;
        position: relative;
        color: #fff;
        pointer-events: all;


        background-size: auto 100%;



    }

}

@media only screen and (min-width: 1200px) {
    .font300 {
        font-size: 300px;
    }
}



.font51 {
    font-size: 51px;
}


.font111 {
    font-size: 111px;
}



.font203 {
    font-size: 203px;
}

.nowrap {
    white-space: nowrap;
}

.img-thumbnail {
    padding: 0;

}

.mb0 {
    margin-bottom: 7px;
    line-height: 1;

}

.italic {
    font-style: italic;

}

.blue,
.bleu,
.btn-white.blue {
    color: #060644;

}

b,
strong {
    font-weight: bold;

}

h1 b,
h1 strong {
    font-weight: 800;

}

.rouge {
    color: #29398B;

}

.violet {
    color: #c96fc7;

}

.vert {
    color: #0f2550;

}

.dark {
    color: #292721 !important;

}

.darkblue {
    color: #001222;

}

.jaune {
    color: #f2c024;

}

.jaune:hover {
    color: #f2c024;

}

.bluetxt {
    color: #fff;
    text-decoration: underline;

}

.white {
    color: #fff;

}

.white:visited {
    color: #fff;

}


.whitebg {
    background: #fff !important;

}

.beigebg {
    background: #E3D1BA !important;

}

.bluebg {
    background-color: #2B3081;

}

.orangebg {
    background-color: #29398B;

}

.orangebg2 {
    background: rgba(237, 67, 21, 0.3);

}

.orange {
    color: #29398B !important;

}

.btn-close:hover,
.btn-close {
    --bs-btn-close-color: #29398B !important;
    --bs-btn-close-color: #29398B;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ED4315'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);

    color: #29398B !important;

}

.bluelightbg {
    background-color: #0083c6;

}

.placeholderbg {
    background: #e0e0e0 !important;

}

.vertbg {
    background: #0f2550;

}

.jaunebg {
    background: #f2c024;

}

.placeholderbg:after {
    color: #c4c4c4 !important;
    content: "Chargement, veuillez patienter";
    font-size: 30px;
    text-align: center;
    bottom: 40%;
    left: 0;
    width: 100%;
    height: 100px;
    line-height: 100px;
    position: absolute;
    transform: translateY(50%);
    z-index: 0;

}


.placeholderbg>* {
    z-index: 1 !important;

}

.beigelight {
    color: #ecc09d;

}

.beigeultralight {
    color: #fdf4ed;

}

.beigeultralight-bg {
    background: #fdf4ed;

}

.lightgreybg {
    background: #f7f7f7;

}

.greybg {
    background: #b5b5b5;

}

.darkgreybg {
    background: #949494;

}

.br0,
.br-0 {
    border-radius: 0px !important;

}

.br190 {
    border-radius: 190px 190px 0 0 !important;
    overflow: hidden;

}

.br5,
.br-5 {
    border-radius: 5px !important;

}

.br10,
.br-10 {
    border-radius: 10px !important;

}

.br30,
.br-30 {
    border-radius: 30px !important;

}

.br60,
.br-60 {
    border-radius: 60px !important;

}

.lh1 {
    line-height: 1 !important;

}

.lh12 {
    line-height: 1.2 !important;
}

.font24.lh12 {
    line-height: 28px !important;
}

.lh13 {
    line-height: 1.3 !important;

}

.lh14 {
    line-height: 1.4 !important;

}

.lh15 {
    line-height: 1.5 !important;

}

.lh2 {
    line-height: 2 !important;

}

.lh41 {
    line-height: 41px;

}

.noborder {
    border: 0 !important;

}

.noborderx {
    border-left: 0 !important;
    border-right: 0 !important;

}

.grey {
    color: #5a5a5a !important;

}

.grey3 {
    color: #646464;

}

.grey4 {
    color: #949494;

}

.lightgrey {
    color: #ababab !important;

}

.darkgrey {
    color: #292721;

}

.darkgreylight {
    color: #919191;

}

.hardblue {
    color: #72a4bb;

}

.jaunebg {
    background-color: #f2c024;

}

.rosebg {
    background-color: #E2876F;

}


.rougebg {
    background: #29398B;

}

.darkbg {
    background: #252626;

}

.under {
    text-decoration: underline !important;

}

.card-header:first-child {
    border-radius: 0 !important;

}

.under2 {
    text-decoration: underline;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
    text-underline-offset: -4px;

}

.relative {
    position: relative;

}

.oh {
    overflow: hidden;

}

.ov {
    overflow: visible;

}

.satisfy {
    font-family: "Satisfy";
    font-weight: 400 !important;

}

.bench {
    font-family: "BenchNine", "Inter", sans-serif;

}

.korolev {
    font-family: "Inter", sans-serif;

}

.overpass {
    font-family: "Inter", sans-serif;

}

.valign {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.balign {
    position: absolute;
    bottom: -2px;
    top: auto !important;
    left: 50%;
    transform: translate(-50%, 0%);

}

.apple .balign.right {
    position: absolute;
    bottom: 32px;
    top: auto !important;
    left: 50%;
    transform: translate(-50%, 0%);

}

.balign3 {
    position: absolute;
    bottom: -2px;
    top: auto !important;
    left: auto;
    transform: translate(0%, 0%);

}


.balign4 {
    position: absolute;
    bottom: -30px;
    top: auto !important;
    left: auto;
    transform: translate(0%, 0%);

}

.talign {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%, 0%);

}

.talign.top {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translate(-50%, 0%);

}

.apple .talign.top {
    position: absolute;
    top: -62px;
    left: 50%;
    transform: translate(-50%, 0%);

}

.apple .rooftop .talign.top {
    position: absolute;
    top: -62px;
    left: 50%;
    transform: translate(-50%, 0%);

}

.talign.talign9 {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%, 0%);

}

.slidercarte .talign {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.balign2 {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, 0%);

}

.balign.leftalign {
    position: absolute;
    bottom: -2px;
    left: 0%;
    transform: translate(0%, 0%);

}

.leftalign.balign.btn-primary-r:hover {

    transform: translate(0%, 8px);

}

.mh-lg-900 {

    min-height: 900px;
}

@media only screen and (min-width: 1200px) {
    .valignxl {
        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);
    }

    .restaurant .headerrestaurant .previous,
    .restaurant .headerrestaurant .nextious {
        margin-bottom: 25px !important;
    }
}

.twocol {
    columns: 2;

}

.bloc_actu {
    position: relative;
    overflow: hidden;

}




.bloc_actu .caption {
    position: absolute;
    bottom: -200px;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    right: 0;
    z-index: 3;
    transition: all 600ms;

}


.bloc_actu:hover .caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    right: 0;
    z-index: 3;

}


.rose {
    color: #E2876F;

}

.rosebg {
    background: #E2876F;

}


.marron {
    color: #292721;

}

.marronbg {
    background: #292721;

}

.vert {
    color: #274A42;

}

.vertbg {
    background: #274A42;

}

.beige {
    color: #E3D1BA;

}

.beigebg {
    background: #E3D1BA;

}

p {
    font-weight: 400;
}

/* End utils */


/*Section*/

.introduction {
    width: 100%;

}

.ico_insta {

    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/svg+xml;base64,CiAgICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MS42NjkiIGhlaWdodD0iNDEuNjY4IiB2aWV3Qm94PSIwIDAgNDEuNjY5IDQxLjY2OCI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjkiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDI5IiB3aWR0aD0iNDEuNjY5IiBoZWlnaHQ9IjQxLjY2OCIgZmlsbD0iIzMwMzAzMCIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwZV8zOCIgZGF0YS1uYW1lPSJHcm91cGUgMzgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNjUiIGRhdGEtbmFtZT0iVHJhY8OpIDY1IiBkPSJNMjAuMjcsMy42NTJjNS40MTIsMCw2LjA1My4wMjEsOC4xOTEuMTE4YTExLjIxMSwxMS4yMTEsMCwwLDEsMy43NjQuNyw2LjI4LDYuMjgsMCwwLDEsMi4zMzEsMS41MTYsNi4yOCw2LjI4LDAsMCwxLDEuNTE2LDIuMzMxLDExLjIyMywxMS4yMjMsMCwwLDEsLjcsMy43NjNjLjEsMi4xMzguMTE4LDIuNzc5LjExOCw4LjE5MXMtLjAyMSw2LjA1My0uMTE4LDguMTkxYTExLjIyMywxMS4yMjMsMCwwLDEtLjcsMy43NjMsNi43MTEsNi43MTEsMCwwLDEtMy44NDcsMy44NDcsMTEuMjExLDExLjIxMSwwLDAsMS0zLjc2NC43Yy0yLjEzNy4xLTIuNzc4LjExOC04LjE5MS4xMThzLTYuMDU0LS4wMjEtOC4xOTEtLjExOGExMS4yMTEsMTEuMjExLDAsMCwxLTMuNzY0LS43LDYuMjgsNi4yOCwwLDAsMS0yLjMzMS0xLjUxNiw2LjI4LDYuMjgsMCwwLDEtMS41MTYtMi4zMzEsMTEuMjExLDExLjIxMSwwLDAsMS0uNy0zLjc2M2MtLjEtMi4xMzgtLjExOC0yLjc3OS0uMTE4LTguMTkxcy4wMjEtNi4wNTMuMTE4LTguMTkxYTExLjIxMSwxMS4yMTEsMCwwLDEsLjctMy43NjNBNi4yOCw2LjI4LDAsMCwxLDUuOTg1LDUuOTg1LDYuMjgsNi4yOCwwLDAsMSw4LjMxNSw0LjQ2OGExMS4yMTEsMTEuMjExLDAsMCwxLDMuNzY0LS43YzIuMTM4LS4xLDIuNzc5LS4xMTgsOC4xOTEtLjExOE0yMC4yNywwYy01LjUsMC02LjIuMDIzLTguMzU3LjEyMmExNC44ODEsMTQuODgxLDAsMCwwLTQuOTIuOTQyQTkuOTM0LDkuOTM0LDAsMCwwLDMuNCwzLjRhOS45MzQsOS45MzQsMCwwLDAtMi4zMzgsMy41OSwxNC44OCwxNC44OCwwLDAsMC0uOTQyLDQuOTJDLjAyMywxNC4wNzQsMCwxNC43NjUsMCwyMC4yN3MuMDIzLDYuMi4xMjIsOC4zNTdhMTQuODgsMTQuODgsMCwwLDAsLjk0Miw0LjkyQTkuOTM0LDkuOTM0LDAsMCwwLDMuNCwzNy4xMzdhOS45NCw5Ljk0LDAsMCwwLDMuNTksMi4zMzgsMTQuODgxLDE0Ljg4MSwwLDAsMCw0LjkyLjk0MmMyLjE2Mi4xLDIuODUzLjEyMiw4LjM1Ny4xMjJzNi4yLS4wMjMsOC4zNTctLjEyMmExNC44ODEsMTQuODgxLDAsMCwwLDQuOTItLjk0MiwxMC4zNjQsMTAuMzY0LDAsMCwwLDUuOTI4LTUuOTI4LDE0Ljg4LDE0Ljg4LDAsMCwwLC45NDItNC45MmMuMS0yLjE2Mi4xMjItMi44NTMuMTIyLTguMzU3cy0uMDIzLTYuMi0uMTIyLTguMzU3YTE0Ljg4LDE0Ljg4LDAsMCwwLS45NDItNC45MkE5Ljk0LDkuOTQsMCwwLDAsMzcuMTM4LDMuNGE5LjkzNCw5LjkzNCwwLDAsMC0zLjU5LTIuMzM4LDE0Ljg4MSwxNC44ODEsMCwwLDAtNC45Mi0uOTQyQzI2LjQ2NS4wMjMsMjUuNzc1LDAsMjAuMjcsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxLjEyOSkiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNjYiIGRhdGEtbmFtZT0iVHJhY8OpIDY2IiBkPSJNMzEuMDg1LDIwLjY3NkExMC40MDksMTAuNDA5LDAsMSwwLDQxLjQ5MywzMS4wODUsMTAuNDA5LDEwLjQwOSwwLDAsMCwzMS4wODUsMjAuNjc2bTAsMTcuMTY1YTYuNzU2LDYuNzU2LDAsMSwxLDYuNzU3LTYuNzU3LDYuNzU3LDYuNzU3LDAsMCwxLTYuNzU3LDYuNzU3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuODE1IC05LjY4NikiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNjciIGRhdGEtbmFtZT0iVHJhY8OpIDY3IiBkPSJNNjQuOTUyLDE3LjE0NWEyLjQzMiwyLjQzMiwwLDEsMS0yLjQzMi0yLjQzMiwyLjQzMiwyLjQzMiwwLDAsMSwyLjQzMiwyLjQzMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxLjQyOSAtNi41NjcpIiBmaWxsPSIjMzAzMDMwIi8+CiAgPC9nPgo8L3N2Zz4") 50% 50% no-repeat;
    background-size: contain;

}

.ico_insta.vert {

    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDEuNjY5IiBoZWlnaHQ9IjQxLjY2OCIgdmlld0JveD0iMCAwIDQxLjY2OSA0MS42NjgiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzI5IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyOSIgd2lkdGg9IjQxLjY2OSIgaGVpZ2h0PSI0MS42NjgiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMzgiIGRhdGEtbmFtZT0iR3JvdXBlIDM4IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzY1IiBkYXRhLW5hbWU9IlRyYWPDqSA2NSIgZD0iTTIwLjI3LDMuNjUyYzUuNDEyLDAsNi4wNTMuMDIxLDguMTkxLjExOGExMS4yMTEsMTEuMjExLDAsMCwxLDMuNzY0LjcsNi4yOCw2LjI4LDAsMCwxLDIuMzMxLDEuNTE2LDYuMjgsNi4yOCwwLDAsMSwxLjUxNiwyLjMzMSwxMS4yMjMsMTEuMjIzLDAsMCwxLC43LDMuNzYzYy4xLDIuMTM4LjExOCwyLjc3OS4xMTgsOC4xOTFzLS4wMjEsNi4wNTMtLjExOCw4LjE5MWExMS4yMjMsMTEuMjIzLDAsMCwxLS43LDMuNzYzLDYuNzExLDYuNzExLDAsMCwxLTMuODQ3LDMuODQ3LDExLjIxMSwxMS4yMTEsMCwwLDEtMy43NjQuN2MtMi4xMzcuMS0yLjc3OC4xMTgtOC4xOTEuMTE4cy02LjA1NC0uMDIxLTguMTkxLS4xMThhMTEuMjExLDExLjIxMSwwLDAsMS0zLjc2NC0uNyw2LjI4LDYuMjgsMCwwLDEtMi4zMzEtMS41MTYsNi4yOCw2LjI4LDAsMCwxLTEuNTE2LTIuMzMxLDExLjIxMSwxMS4yMTEsMCwwLDEtLjctMy43NjNjLS4xLTIuMTM4LS4xMTgtMi43NzktLjExOC04LjE5MXMuMDIxLTYuMDUzLjExOC04LjE5MWExMS4yMTEsMTEuMjExLDAsMCwxLC43LTMuNzYzQTYuMjgsNi4yOCwwLDAsMSw1Ljk4NSw1Ljk4NSw2LjI4LDYuMjgsMCwwLDEsOC4zMTUsNC40NjhhMTEuMjExLDExLjIxMSwwLDAsMSwzLjc2NC0uN2MyLjEzOC0uMSwyLjc3OS0uMTE4LDguMTkxLS4xMThNMjAuMjcsMGMtNS41LDAtNi4yLjAyMy04LjM1Ny4xMjJhMTQuODgxLDE0Ljg4MSwwLDAsMC00LjkyLjk0MkE5LjkzNCw5LjkzNCwwLDAsMCwzLjQsMy40YTkuOTM0LDkuOTM0LDAsMCwwLTIuMzM4LDMuNTksMTQuODgsMTQuODgsMCwwLDAtLjk0Miw0LjkyQy4wMjMsMTQuMDc0LDAsMTQuNzY1LDAsMjAuMjdzLjAyMyw2LjIuMTIyLDguMzU3YTE0Ljg4LDE0Ljg4LDAsMCwwLC45NDIsNC45MkE5LjkzNCw5LjkzNCwwLDAsMCwzLjQsMzcuMTM3YTkuOTQsOS45NCwwLDAsMCwzLjU5LDIuMzM4LDE0Ljg4MSwxNC44ODEsMCwwLDAsNC45Mi45NDJjMi4xNjIuMSwyLjg1My4xMjIsOC4zNTcuMTIyczYuMi0uMDIzLDguMzU3LS4xMjJhMTQuODgxLDE0Ljg4MSwwLDAsMCw0LjkyLS45NDIsMTAuMzY0LDEwLjM2NCwwLDAsMCw1LjkyOC01LjkyOCwxNC44OCwxNC44OCwwLDAsMCwuOTQyLTQuOTJjLjEtMi4xNjIuMTIyLTIuODUzLjEyMi04LjM1N3MtLjAyMy02LjItLjEyMi04LjM1N2ExNC44OCwxNC44OCwwLDAsMC0uOTQyLTQuOTJBOS45NCw5Ljk0LDAsMCwwLDM3LjEzOCwzLjRhOS45MzQsOS45MzQsMCwwLDAtMy41OS0yLjMzOCwxNC44ODEsMTQuODgxLDAsMCwwLTQuOTItLjk0MkMyNi40NjUuMDIzLDI1Ljc3NSwwLDIwLjI3LDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMS4xMjkpIiBmaWxsPSIjMjc0QTQyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzY2IiBkYXRhLW5hbWU9IlRyYWPDqSA2NiIgZD0iTTMxLjA4NSwyMC42NzZBMTAuNDA5LDEwLjQwOSwwLDEsMCw0MS40OTMsMzEuMDg1LDEwLjQwOSwxMC40MDksMCwwLDAsMzEuMDg1LDIwLjY3Nm0wLDE3LjE2NWE2Ljc1Niw2Ljc1NiwwLDEsMSw2Ljc1Ny02Ljc1Nyw2Ljc1Nyw2Ljc1NywwLDAsMS02Ljc1Nyw2Ljc1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjgxNSAtOS42ODYpIiBmaWxsPSIjMjc0QTQyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzY3IiBkYXRhLW5hbWU9IlRyYWPDqSA2NyIgZD0iTTY0Ljk1MiwxNy4xNDVhMi40MzIsMi40MzIsMCwxLDEtMi40MzItMi40MzIsMi40MzIsMi40MzIsMCwwLDEsMi40MzIsMi40MzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMS40MjkgLTYuNTY3KSIgZmlsbD0iIzI3NEE0MiIvPgogIDwvZz4KPC9zdmc+") 50% 50% no-repeat;
    background-size: contain;

}


.ico_chambre {

    background: url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIyIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMjIgMTUiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEwMSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTAxIiB3aWR0aD0iMjIiIGhlaWdodD0iMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1IC0wLjM4MykiIGZpbGw9IiNjODNkMjkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMjA3IiBkYXRhLW5hbWU9Ikdyb3VwZSAyMDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNzY3IDAuODczKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzIwNiIgZGF0YS1uYW1lPSJHcm91cGUgMjA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC43MTcgLTAuNDkpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzYiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc2IiBkPSJNMTYuNCw1LjY3YS40LjQsMCwwLDAsLjQtLjRWMi4wMjVBMS4yMTYsMS4yMTYsMCwwLDEsMTguMDI1LjgxaDEyLjk2QTEuMjE2LDEuMjE2LDAsMCwxLDMyLjIsMi4wMjV2My4yNGEuNC40LDAsMSwwLC44MSwwVjIuMDI1QTIuMDI3LDIuMDI3LDAsMCwwLDMwLjk4NSwwSDE4LjAyNUEyLjAyNywyLjAyNywwLDAsMCwxNiwyLjAyNXYzLjI0YS40LjQsMCwwLDAsLjQuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjY3NSAwLjUzMikiIGZpbGw9IiNjODNkMjkiLz4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3NyIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzciIGQ9Ik0xOS4wMzUsNjRIMS4yMTVBMS4yMTYsMS4yMTYsMCwwLDAsMCw2NS4yMTV2Mi40M0ExLjIxNiwxLjIxNiwwLDAsMCwxLjIxNSw2OC44NmguNHYxLjIxNWEuNC40LDAsMSwwLC44MSwwVjY4Ljg2SDE3LjgydjEuMjE1YS40LjQsMCwxLDAsLjgxLDBWNjguODZoLjRhMS4yMTYsMS4yMTYsMCwwLDAsMS4yMTUtMS4yMTV2LTIuNDNBMS4yMTYsMS4yMTYsMCwwLDAsMTkuMDM1LDY0bS40LDMuNjQ1YS40MDUuNDA1LDAsMCwxLS40LjRIMS4yMTVhLjQwNS40MDUsMCwwLDEtLjQtLjR2LTIuNDNhLjQwNS40MDUsMCwwLDEsLjQtLjRoMTcuODJhLjQwNS40MDUsMCwwLDEsLjQuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNzA1IC01Ni45ODgpIiBmaWxsPSIjYzgzZDI5Ii8+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzgiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc4IiBkPSJNNDQuNDU1LDM0LjQzYS40LjQsMCwwLDAsLjQtLjR2LS44MUExLjIxNiwxLjIxNiwwLDAsMCw0My42NDUsMzJoLTIuNDNBMS4yMTYsMS4yMTYsMCwwLDAsNDAsMzMuMjE1di44MWEuNC40LDAsMSwwLC44MSwwdi0uODFhLjQwNS40MDUsMCwwLDEsLjQtLjRoMi40M2EuNDA1LjQwNSwwLDAsMSwuNC40di44MWEuNC40LDAsMCwwLC40LjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNS4yNDUgLTI4LjIyOCkiIGZpbGw9IiNjODNkMjkiLz4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3OSIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzkiIGQ9Ik0xMTYuNDU1LDM0LjQzYS40LjQsMCwwLDAsLjQtLjR2LS44MUExLjIxNiwxLjIxNiwwLDAsMCwxMTUuNjQ1LDMyaC0yLjQzQTEuMjE2LDEuMjE2LDAsMCwwLDExMiwzMy4yMTV2LjgxYS40LjQsMCwxLDAsLjgxLDB2LS44MWEuNDA1LjQwNSwwLDAsMSwuNC0uNGgyLjQzYS40MDUuNDA1LDAsMCwxLC40LjR2LjgxYS40LjQsMCwwLDAsLjQuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk5Ljk1NSAtMjguMjI4KSIgZmlsbD0iI2M4M2QyOSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 0% 0% no-repeat;
    background-size: auto 15px;

}


.ico_lit {

    background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzIwOSIgZGF0YS1uYW1lPSJHcm91cGUgMjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTAyIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDIiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIgZmlsbD0iI2M4M2QyOSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwZV8yMDgiIGRhdGEtbmFtZT0iR3JvdXBlIDIwOCIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg4MCIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4ODAiIGQ9Ik0xNS4zNjMsMEgyLjY0OUEyLjY1MiwyLjY1MiwwLDAsMCwwLDIuNjQ5djkuNTM1YS41MjkuNTI5LDAsMCwwLC41My41M0gxNy40ODJhLjUyOS41MjksMCwwLDAsLjUzLS41M1YyLjY0OUEyLjY1MiwyLjY1MiwwLDAsMCwxNS4zNjMsMG0xLjU4OSwxMS42NTRIMS4wNTlWOS41MzVoMTQuM2EuNTMuNTMsMCwwLDAsMC0xLjA1OUgxLjA1OVYyLjY0OUExLjU5MSwxLjU5MSwwLDAsMSwyLjY0OSwxLjA1OUgxNS4zNjNhMS41OTEsMS41OTEsMCwwLDEsMS41ODksMS41ODlaIiBmaWxsPSIjYzgzZDI5Ii8+CiAgPC9nPgo8L3N2Zz4K") 0% 0% no-repeat;
    background-size: auto 15px;

}



.ico_wifi {

    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTAzIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDMiIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4zMzQpIiBmaWxsPSIjYzgzZDI5Ii8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBlXzIxMSIgZGF0YS1uYW1lPSJHcm91cGUgMjExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMzM0KSI+CiAgICA8ZyBpZD0iR3JvdXBlXzIxMCIgZGF0YS1uYW1lPSJHcm91cGUgMjEwIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4ODEiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODgxIiBkPSJNNzguNjQsMTIwYTIuNjQsMi42NCwwLDEsMCwyLjY0LDIuNjRBMi42NDMsMi42NDMsMCwwLDAsNzguNjQsMTIwbTAsNC40YTEuNzYsMS43NiwwLDEsMSwxLjc2LTEuNzYsMS43NjIsMS43NjIsMCwwLDEtMS43NiwxLjc2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjcuNjQgLTEwNi44KSIgZmlsbD0iI2M4M2QyOSIvPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODgyIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg4MiIgZD0iTTIxLjg3MSw0LjUyOUExNS4wODUsMTUuMDg1LDAsMCwwLDExLDAsMTUuMDg1LDE1LjA4NSwwLDAsMCwuMTI5LDQuNTI5YS40NC40NCwwLDAsMCwuNjIyLjYyMkExNC4wMzgsMTQuMDM4LDAsMCwxLDExLC44OCwxNC4wMzgsMTQuMDM4LDAsMCwxLDIxLjI0OSw1LjE1MWEuNDQuNDQsMCwwLDAsLjYyMi0uNjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2M4M2QyOSIvPgogICAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODgzIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg4MyIgZD0iTTM1LjkyLDQwYTExLjA4NiwxMS4wODYsMCwwLDAtNy43OTEsMy4yMDkuNDQuNDQsMCwxLDAsLjYyMi42MjIsMTAuMTgzLDEwLjE4MywwLDAsMSwxNC4zMzgsMCwuNDQuNDQsMCwxLDAsLjYyMi0uNjIyQTExLjA4NiwxMS4wODYsMCwwLDAsMzUuOTIsNDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNC45MiAtMzUuNikiIGZpbGw9IiNjODNkMjkiLz4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg4NCIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4ODQiIGQ9Ik02MC44NCw4MGE2LjMzOSw2LjMzOSwwLDAsMC00LjcxMSwxLjg4OS40NC40NCwwLDEsMCwuNjIyLjYyMiw1Ljk0MSw1Ljk0MSwwLDAsMSw4LjE3OCwwLC40NC40NCwwLDEsMCwuNjIyLS42MjJBNi4zMzksNi4zMzksMCwwLDAsNjAuODQsODAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OS44NCAtNzEuMikiIGZpbGw9IiNjODNkMjkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 0% 0% no-repeat;
    background-size: auto 15px;

}




.ico_link {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzE3OSIgZGF0YS1uYW1lPSJHcm91cGUgMTc5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDEuNTYyIiBoZWlnaHQ9IjQxLjY2OSIgdmlld0JveD0iMCAwIDQxLjU2MiA0MS42NjkiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzk1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA5NSIgd2lkdGg9IjQxLjU2MiIgaGVpZ2h0PSI0MS42NjkiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMTc4IiBkYXRhLW5hbWU9Ikdyb3VwZSAxNzgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzIiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODcyIiBkPSJNMTc4LjI4NSwxNTUuNDMzYTEwLjU0NCwxMC41NDQsMCwwLDAtLjgzNS00LjE5MSw5LjQ0Myw5LjQ0MywwLDAsMC0yLjQ2MS0zLjgxNGMtMy43NTEtMy4xLTcuODcxLTMuNDg5LTEyLjI1OC0xLjU3NGExMS40MDYsMTEuNDA2LDAsMCwwLTQuMTQ1LDMuMTg3YzAtMS4wOTItLjAxNS0yLjE4NC4wMDgtMy4yNzUuMDA4LS4zODQtLjA2Mi0uNTMxLS41LS41MjctMi4zMTUuMDI0LTQuNjMxLjAxOS02Ljk0NiwwLS4zNjMsMC0uNDY1LjA5NC0uNDY0LjQ2MXEuMDE1LDEzLjM4MSwwLDI2Ljc2M2MwLC4zOTMuMTE2LjQ4NS40OTQuNDgzLDIuNDU0LS4wMTYsNC45MDktLjAyMSw3LjM2MywwLC40NDIsMCwuNTI4LS4xMzcuNTI2LS41NDUtLjAxMy00LjY5Mi0uMDA3LTkuMzg0LS4wMTEtMTQuMDc2YTYuODQ3LDYuODQ3LDAsMCwxLC4xNjgtMS41MTQsNS42LDUuNiwwLDAsMSw4LjMzNS0zLjYxLDQuODMsNC44MywwLDAsMSwyLjMxMiw0LjUxMnEuMDIzLDcuMzM5LS4wMTgsMTQuNjc3YzAsLjQ1Ni4xMjYuNTU4LjU2Ni41NTRxMy42NTgtLjAzMyw3LjMxNiwwYy40NjUsMCwuNTUxLS4xNDIuNTUtLjU3M3EtLjAyMS04LjQ3My0uMDA1LTE2Ljk0NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzNi43MjkgLTEzMS4yODQpIiBmaWxsPSIjMzAzMDMwIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODczIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg3MyIgZD0iTTE0LjgxNywxNTAuNjcycS0zLjguMDItNy41OTQsMGMtLjQxNiwwLS41NDEuMS0uNTM5LjUyOS4wMTcsNC40NDUuMDEsOC44OS4wMSwxMy4zMzVzLjAwNiw4Ljg5LS4wMSwxMy4zMzVjMCwuNDE0LjExMi41MTIuNTE2LjUwOXEzLjgtLjAyOCw3LjU5NCwwYy4zNjEsMCwuNDY5LS4wOTUuNDY5LS40NjNxLS4wMTUtMTMuNCwwLTI2LjgxYzAtLjM1NS0uMTEtLjQzNC0uNDQ3LS40MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjA2NSAtMTM2LjcxMikiIGZpbGw9IiMzMDMwMzAiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzQiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc0IiBkPSJNNC45MjksMGE0LjkxNSw0LjkxNSwwLDEsMCw0LjksNC45MzdBNC45MjgsNC45MjgsMCwwLDAsNC45MjksMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzMwMzAzMCIvPgogIDwvZz4KPC9zdmc+Cg") 50% 50% no-repeat;
    background-size: contain;

}






.ico_link.vert {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzE3OSIgZGF0YS1uYW1lPSJHcm91cGUgMTc5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDEuNTYyIiBoZWlnaHQ9IjQxLjY2OSIgdmlld0JveD0iMCAwIDQxLjU2MiA0MS42NjkiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzk1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA5NSIgd2lkdGg9IjQxLjU2MiIgaGVpZ2h0PSI0MS42NjkiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cGVfMTc4IiBkYXRhLW5hbWU9Ikdyb3VwZSAxNzgiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzIiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODcyIiBkPSJNMTc4LjI4NSwxNTUuNDMzYTEwLjU0NCwxMC41NDQsMCwwLDAtLjgzNS00LjE5MSw5LjQ0Myw5LjQ0MywwLDAsMC0yLjQ2MS0zLjgxNGMtMy43NTEtMy4xLTcuODcxLTMuNDg5LTEyLjI1OC0xLjU3NGExMS40MDYsMTEuNDA2LDAsMCwwLTQuMTQ1LDMuMTg3YzAtMS4wOTItLjAxNS0yLjE4NC4wMDgtMy4yNzUuMDA4LS4zODQtLjA2Mi0uNTMxLS41LS41MjctMi4zMTUuMDI0LTQuNjMxLjAxOS02Ljk0NiwwLS4zNjMsMC0uNDY1LjA5NC0uNDY0LjQ2MXEuMDE1LDEzLjM4MSwwLDI2Ljc2M2MwLC4zOTMuMTE2LjQ4NS40OTQuNDgzLDIuNDU0LS4wMTYsNC45MDktLjAyMSw3LjM2MywwLC40NDIsMCwuNTI4LS4xMzcuNTI2LS41NDUtLjAxMy00LjY5Mi0uMDA3LTkuMzg0LS4wMTEtMTQuMDc2YTYuODQ3LDYuODQ3LDAsMCwxLC4xNjgtMS41MTQsNS42LDUuNiwwLDAsMSw4LjMzNS0zLjYxLDQuODMsNC44MywwLDAsMSwyLjMxMiw0LjUxMnEuMDIzLDcuMzM5LS4wMTgsMTQuNjc3YzAsLjQ1Ni4xMjYuNTU4LjU2Ni41NTRxMy42NTgtLjAzMyw3LjMxNiwwYy40NjUsMCwuNTUxLS4xNDIuNTUtLjU3M3EtLjAyMS04LjQ3My0uMDA1LTE2Ljk0NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzNi43MjkgLTEzMS4yODQpIiBmaWxsPSIjMjc0QTQyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzMzODczIiBkYXRhLW5hbWU9IlRyYWPDqSAzMzg3MyIgZD0iTTE0LjgxNywxNTAuNjcycS0zLjguMDItNy41OTQsMGMtLjQxNiwwLS41NDEuMS0uNTM5LjUyOS4wMTcsNC40NDUuMDEsOC44OS4wMSwxMy4zMzVzLjAwNiw4Ljg5LS4wMSwxMy4zMzVjMCwuNDE0LjExMi41MTIuNTE2LjUwOXEzLjgtLjAyOCw3LjU5NCwwYy4zNjEsMCwuNDY5LS4wOTUuNDY5LS40NjNxLS4wMTUtMTMuNCwwLTI2LjgxYzAtLjM1NS0uMTEtLjQzNC0uNDQ3LS40MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjA2NSAtMTM2LjcxMikiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMzM4NzQiIGRhdGEtbmFtZT0iVHJhY8OpIDMzODc0IiBkPSJNNC45MjksMGE0LjkxNSw0LjkxNSwwLDEsMCw0LjksNC45MzdBNC45MjgsNC45MjgsMCwwLDAsNC45MjksMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iIzI3NEE0MiIvPgogIDwvZz4KPC9zdmc+") 50% 50% no-repeat;
    background-size: contain;

}




.ico_phone {

    width: 31px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMS45OTMiIGhlaWdodD0iMzIuMDE3IiB2aWV3Qm94PSIwIDAgMzEuOTkzIDMyLjAxNyI+CiAgPHBhdGggaWQ9Im5vdW4tdGVsZXBob25lLTY4NjkzODciIGQ9Ik0xMzEuMjA5LDc1LjM0NGEyLjk5NCwyLjk5NCwwLDAsMS0uOTg3LDEuODg2Yy0uNTUuNTQxLTEuMDgzLDEuMS0xLjY0MSwxLjYzMy0uMTkyLjE4My0uMjI3LjMtLjA0NC41MjRhNDYuMjUyLDQ2LjI1MiwwLDAsMCw3LjQxMyw3LjQzYy4yNDQuMTkyLjM2Ny4xNTcuNTU5LS4wNDQuNTA2LS41NDEsMS4wMzktMS4wNTYsMS41NjMtMS41OGEzLjA5MiwzLjA5MiwwLDAsMSw0LjQ4OC0uMTgzYzEuNSwxLjI4MywyLjk5NSwyLjU3Niw0LjUsMy44NjhhMy4wNzgsMy4wNzgsMCwwLDEsLjIsNC41NjZjLTEuNjI0LDEuNjUtMy4yNDgsMy4yOTItNC45MDcsNC45YTIuOTM1LDIuOTM1LDAsMCwxLTMuMTYxLjY0NiwyOS4xLDI5LjEsMCwwLDEtNi40MzUtMy4xNDMsNDIuNTgyLDQyLjU4MiwwLDAsMS04LjMzOC02Ljk3NiwzNi43LDM2LjcsMCwwLDEtNy43NTMtMTEuODkyLDQuMjE4LDQuMjE4LDAsMCwxLS40MS0yLjUzMiwzLjcwNywzLjcwNywwLDAsMSwxLjAzOS0xLjcyOWMxLjUzNy0xLjUyOCwzLjA2NS0zLjA2NSw0LjYtNC41OTJhMy4wMzUsMy4wMzUsMCwwLDEsNC41NTguMTU3YzEuMzYyLDEuNTU0LDIuNywzLjEyNiw0LjA0Miw0LjdhMy4zMiwzLjMyLDAsMCwxLC43MDcsMi4zNzVabS03LjA2My02LjA5NGExLjAyOCwxLjAyOCwwLDAsMC0uODU2LjM2N2MtMS41NDUsMS41MzctMy4wOTEsMy4wODItNC42NDUsNC42MWExLjIxOCwxLjIxOCwwLDAsMC0uMzE0LDEuMzg4LDI2LjEzMywyNi4xMzMsMCwwLDAsMi43MjQsNS42MjMsNDIuNyw0Mi43LDAsMCwwLDEyLjE4LDEyLjQ5NCwyNi4yMSwyNi4yMSwwLDAsMCw2LjU0OCwzLjMsMS4xMjIsMS4xMjIsMCwwLDAsMS4yNDktLjI0NGMxLjU4LTEuNTcyLDMuMTUyLTMuMTM0LDQuNzIzLTQuNzE1YTEuMDU1LDEuMDU1LDAsMCwwLS4wNy0xLjdxLTIuMjI2LTEuOTI1LTQuNDYyLTMuODQyYTEuMDMzLDEuMDMzLDAsMCwwLTEuNjQxLjA2MWMtLjc4Ni43NzctMS41NjMsMS41NjMtMi4zNCwyLjM0OWExLjA3MSwxLjA3MSwwLDAsMS0xLjYxNS4xMzEsNDQuODI4LDQ0LjgyOCwwLDAsMS05LjMxNi05LjMwNywxLjA2NCwxLjA2NCwwLDAsMSwuMTIyLTEuNjE1Yy43ODYtLjc5NSwxLjU4OS0xLjU4LDIuMzc1LTIuMzc1YTEuMDMsMS4wMywwLDAsMCwuMDctMS41OHEtMS45MjUtMi4yNTMtMy44NjgtNC41YTEuMDQ0LDEuMDQ0LDAsMCwwLS44NDctLjQ1NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTYuMTgxIC02Ny4xNjkpIiBmaWxsPSIjMzAzMDMwIi8+Cjwvc3ZnPgo") 50% 50% no-repeat;
    background-size: contain;

}




.ico_email {

    width: 31px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC4xNDQiIGhlaWdodD0iMjIuODY5IiB2aWV3Qm94PSIwIDAgMzAuMTQ0IDIyLjg2OSI+CiAgPHBhdGggaWQ9Im5vdW4tbWFpbC02ODY5NTAxIiBkPSJNMTMxLjU3MiwxMzMuNDY3SDEyMC42NjNhMy45NDEsMy45NDEsMCwwLDEtNC4wMTQtMy4xNzcsNC43LDQuNywwLDAsMS0uMDktMS4wMThjMC00Ljg0My0uMDA4LTkuNjg2LDAtMTQuNTIxYTMuOTc5LDMuOTc5LDAsMCwxLDMuMzI0LTQuMDcxLDQuOTYzLDQuOTYzLDAsMCwxLC45ODUtLjA1N2M3LjIwNywwLDE0LjQxNC4wMzMsMjEuNjIxLS4wMjVhNC4xMjcsNC4xMjcsMCwwLDEsNC4yLDQuMTM3YzAsNC44OTIuMDE2LDkuNzkzLDAsMTQuNjg1YTMuOTYyLDMuOTYyLDAsMCwxLTQuMTQ1LDQuMDM5SDEzMS42Wk0xMjAsMTEyLjU5M2EuODEuODEsMCwwLDEtLjAxNi4xNGMuMDQxLjA0OS4wOS4xLjEzMS4xNHE1LjIwOCw1LjIwOCwxMC40MDgsMTAuNDE2YTEuNDUxLDEuNDUxLDAsMCwwLDIuMjktLjAyNXE1LjEzNC01LjEzNCwxMC4yNzctMTAuMjZhLjU2Ni41NjYsMCwwLDAsLjIzOC0uNDFIMTIwWm0yMy4zMzYsMTguODQ2Yy0yLjY2LTIuNjYtNS4yMTItNS4yLTcuNzU3LTcuNzY1LS4xNjQtLjE2NC0uMjQ2LS4xMzEtLjM4Ni4wMDgtLjM0NS4zNTMtLjY4OS43LTEuMDUxLDEuMDQyYTMuNDI2LDMuNDI2LDAsMCwxLTQuOTgyLDBjLS40MjctLjQxOS0uODM3LS44NjItMS4yLTEuMjMxLTIuNjY4LDIuNjYtNS4zMTEsNS4yODYtNy45NzksNy45NDZoMjMuMzUzWk0xMTguNTcsMTE0LjExMlYxMjkuOWMuMDc0LS4wNDkuMTA3LS4wNTcuMTIzLS4wNzRxMy44LTMuOCw3LjYwOS03LjU5M2MuMTg5LS4xODkuMTA3LS4yNzEtLjAzMy0uNDE5LS43NzItLjc1NS0xLjUyNy0xLjUyNy0yLjI5LTIuMjktMS43NzMtMS43ODEtMy41NTQtMy41NjItNS40LTUuNDE4Wm0yNi4wODYuMmMtLjAzMy0uMDI1LS4wNzQtLjA0OS0uMTA3LS4wNzRhMi4zNDUsMi4zNDUsMCwwLDEtLjIzLjMyOHEtMy42MiwzLjYzMi03LjI1Niw3LjI0OGMtLjIzOC4yMzgtLjIzOC4zNTMsMCwuNTkxLDIuNDQ2LDIuNDIxLDQuODg0LDQuODY4LDcuMzIyLDcuMy4wNjYuMDY2LjExNS4xODkuMjcxLjE3MlYxMTQuMzA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNi41NTYgLTExMC41OTgpIiBmaWxsPSIjMzAzMDMwIi8+Cjwvc3ZnPgo") 50% 50% no-repeat;
    background-size: contain;

}



.showmodal {
    width: 47px;
    display: block;
    position: absolute;

    height: 48px;
    color: #fff;
    overflow: hidden;
    background: #F29007 url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS42NTkiIGhlaWdodD0iMjEuNjU5IiB2aWV3Qm94PSIwIDAgMjEuNjU5IDIxLjY1OSI+CiAgPGcgaWQ9Ikdyb3VwZV80ODMiIGRhdGEtbmFtZT0iR3JvdXBlIDQ4MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM5Ni40OSA3MzEuODM3KSByb3RhdGUoLTEzNSkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV80NDY1NCIgZGF0YS1uYW1lPSJUcmFjw6kgNDQ2NTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NjMuNjU0IDgxNC4wNDIpIHJvdGF0ZSgtOTApIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzQ0NjU1IiBkYXRhLW5hbWU9IlRyYWPDqSA0NDY1NSIgZD0iTS01MjMzLjU2OS0xMzI3LjE1M2gxNi40NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQ0Mi44NDUgMjEyNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo") 40% 50% no-repeat;
    border-radius: 120px 120px 0 0;
    background-size: 20px auto;
    top: 797px;
    right: -500px;
    padding: 20px;


}



.lastdiv {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 1200ms;
}

.lastdivview.lastdiv {

    opacity: 1;
    transition: all 1200ms;
}

.bloc_photoresto img {

    opacity: 0;

}

/**
	* Submenu
-----------------------------*/


.submenu {
    display: block;
    max-height: 0;
    height: 0;
    font-size: 15px;
    padding-left: 0;
    position: relative;
    background: #E3D1BA;
    overflow: hidden;


}

.open .submenu {
    display: block;
    height: auto;
    max-height: 1000px;
    overflow: visible;

    font-size: 15px;
    padding-left: 0;
    position: relative;
}


.submenu li {
    text-align: left;
    padding: 0 40px;
}

.submenu:after {
    border-left: 2px solid #29398B;
    border-right: 2px solid #29398B;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 200vh;
    pointer-events: none;



}

.submenu li>p {
    display: block;
    text-decoration: none;
    padding: 12px 0 0 0;
    padding-left: 0px;
    text-align: left;
}

.submenu a:hover {}
























.vertbg .accordion {
    width: 100%;
    max-width: 100%;
    margin: 30px auto 0px;
    border-bottom: 2px solid #274A42;
    overflow: hidden;
    background: #E3D1BA;
    border-radius: 60px 60px 0px 0px;

}

.vertbg .accordion>li {
    height: 100px;

    transition: all 0.9s ease;
}

.vertbg .accordion li.open {
    height: auto;
    transition: all 0.9s ease;

}


.vertbg .accordion .link {
    cursor: pointer;
    display: block;
    padding: 0 0 0 100px;
    color: #274A42;
    font-size: 18px;
    font-weight: 800;
    height: 100px;
    line-height: 101px;
    border-top: 2px solid #274A42;

    border-left: 2px solid #274A42;
    border-right: 2px solid #274A42;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: left;
    border-radius: 60px 60px 0px 0px;


}

.vertbg .accordion li .link {
    cursor: pointer;
    display: block;
    padding: 0 0 0 50px;
    color: #274A42;
    font-size: 18px;
    font-weight: 800;
    height: 161px;
    line-height: 101px;
    border-top: 2px solid #274A42;

    border-left: 2px solid #274A42;
    border-right: 2px solid #274A42;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: left;
    border-radius: 60px 60px 0px 0px;
}

.vertbg .accordion li.open .link {

    height: auto;

}


.vertbg .accordion li i {
    position: absolute;
    top: 32px;
    left: 12px;
    font-size: 18px;
    color: #274A42;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.vertbg .accordion li i.fa-chevron-down {
    right: 50px;
    left: auto;
    font-size: 16px;
}

.vertbg .accordion li.open .link {
    color: #274A42;
}

.vertbg .accordion li.open i {
    color: #274A42;
}

.vertbg .fa-chevron-down {
    color: transparent;
    content: " ";
    width: 35px;
    height: 35px;
}

.vertbg .fa-chevron-down:before {
    color: transparent;
    content: " ";
    width: 35px;
    height: 35px;
    position: relative;
    display: block;
}

.vertbg .accordion li i.fa-chevron-down:before {
    color: transparent;

    background: url("data:image/svg+xml; base64, IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjcuNjM3IiBoZWlnaHQ9IjI3LjYzNyIgdmlld0JveD0iMCAwIDI3LjYzNyAyNy42MzciPgogIDxwYXRoIGlkPSJUcmFjw6lfNDQ2MzAiIGRhdGEtbmFtZT0iVHJhY8OpIDQ0NjMwIiBkPSJNMTcuMjgsMjUuNjM3SDguMzU4QTguMzY3LDguMzY3LDAsMCwxLDAsMTcuMjhWOC4zNThBOC4zNjcsOC4zNjcsMCwwLDEsOC4zNTgsMEgxNy4yOGE4LjM2Nyw4LjM2NywwLDAsMSw4LjM1OCw4LjM1OFYxNy4yOGE4LjM2Nyw4LjM2NywwLDAsMS04LjM1OCw4LjM1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuNjM3IDI2LjYzNykgcm90YXRlKDE4MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI3NEE0MiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg") 50% 50% no-repeat;
    background-size: auto 25px;
    width: 35px;
    height: 35px;
}

.vertbg .accordion li.open i.fa-chevron-down:before {
    color: transparent;

    background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy42MzciIGhlaWdodD0iMjcuNjM3IiB2aWV3Qm94PSIwIDAgMjcuNjM3IDI3LjYzNyI+CiAgPGcgaWQ9Ikdyb3VwZV8xNzciIGRhdGEtbmFtZT0iR3JvdXBlIDE3NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzU4IiBkYXRhLW5hbWU9IlRyYWPDqSA1OCIgZD0iTTE3LjI4LDI1LjYzN0g4LjM1OEE4LjM2Nyw4LjM2NywwLDAsMSwwLDE3LjI4VjguMzU4QTguMzY3LDguMzY3LDAsMCwxLDguMzU4LDBIMTcuMjhhOC4zNjcsOC4zNjcsMCwwLDEsOC4zNTgsOC4zNThWMTcuMjhhOC4zNjcsOC4zNjcsMCwwLDEtOC4zNTgsOC4zNTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1LjYzNyAyNS42MzcpIHJvdGF0ZSgxODApIiBmaWxsPSIjMjc0QTQyIiBzdHJva2U9IiMyNzRBNDIiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8zMzg3MSIgZGF0YS1uYW1lPSJUcmFjw6kgMzM4NzEiIGQ9Ik0yNzMzLjA3Miw4NjQ1LjM4NGgxNi45NjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MDM4Ljk2MSAtNDE2MS44Mikgcm90YXRlKC00NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgIDxwYXRoIGlkPSJUcmFjw6lfNDQ2MjUiIGRhdGEtbmFtZT0iVHJhY8OpIDQ0NjI1IiBkPSJNMjczMy4wNzIsODY0NS4zODRoMTYuOTYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTg3LjQ1OCAtODAzOC45NjIpIHJvdGF0ZSg0NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPg") 50% 50% no-repeat;
    background-size: auto 25px;
    width: 35px;
    height: 35px;
}

/**
	* Submenu
-----------------------------*/


.vertbg .submenu {
    display: block;
    max-height: 0;
    height: 0;
    overflow: hidden;
    transition: max-height 0.9s ease;

    font-size: 15px;
    padding-left: 0;
    position: relative;
    background: #E3D1BA;

}

.vertbg .open .submenu {
    display: block;
    height: auto;
    max-height: 1000px;
    transition: max-height 0.9s ease;
    overflow: visible;

    font-size: 15px;
    padding-left: 0;
    position: relative;
}

.customselect {
    border: 2px solid #29398B;
    height: auto;
    line-height: 50px;
    border-radius: 25px;
    background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtMjcuOTk4KSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS45ODQgLTk4MC4zNikiIGZpbGw9IiNjODNkMjkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 94% 21px no-repeat !important;
    font-size: 18px;
    color: #29398B;
    max-width: 323px;
    margin: 50px auto;
    width: 323px;
    max-height: 50px;
    transition: max-height 0.9s ease;
    padding: 0 40px 0 40px;


}

.customselect.exp {
    border: 2px solid #29398B;
    height: auto;
    line-height: 50px;
    border-radius: 25px;
    background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjQwNSAzOC4yMDgpIHJvdGF0ZSgxODApIj4KICAgIDxnIGlkPSJHcm91cGVfMTkiIGRhdGEtbmFtZT0iR3JvdXBlIDE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljk4NCAyNy45OTgpIj4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV81NCIgZGF0YS1uYW1lPSJUcmFjw6kgNTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iI2M4M2QyOSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg") 94% 21px no-repeat !important;
    font-size: 18px;
    color: #29398B;
    max-width: 323px;
    margin: 50px auto;
    width: 323px;
    max-height: 500px;
    transition: max-height 0.9s ease;
    padding: 0 40px 0 40px;

}



.customselect li {
    display: block;
    height: 0px;
    max-height: 0px;
    overflow: hidden;
    line-height: 50px;
    color: #29398B;
    text-align: left;
    font-weight: 600;
    cursor: pointer;
    max-height: 500px;
    transition: max-height 0.9s ease;

}

.customselect.exp li {
    display: block;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    color: #29398B;
    text-align: left;
    font-weight: 600;
    max-height: 50px;
    transition: max-height 0.9s ease;

}

.customselect .active,
.customselect.exp .active {
    display: block;
    height: 50px;
    line-height: 50px;
    font-weight: 800;



}

.vertbg .customselect {
    border: 2px solid #274A42;
    height: auto;
    line-height: 50px;
    border-radius: 25px;
    background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtMjcuOTk4KSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTYuMjYsOTkwLjU2N2EuOTI4LjkyOCwwLDAsMCwuNTU4LS4yMzJsOS4yNzktOC4zNTFBLjkzMi45MzIsMCwxLDAsMjQuODUsOTgwLjZsLTguNjU2LDcuNzkzTDcuNTM5LDk4MC42YS45MzIuOTMyLDAsMSwwLTEuMjQ3LDEuMzg1bDkuMjc5LDguMzUxQS45MjguOTI4LDAsMCwwLDE2LjI2LDk5MC41NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS45ODQgLTk4MC4zNikiIGZpbGw9IiMyNzRBNDIiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg") 94% 21px no-repeat !important;
    font-size: 18px;
    color: #274A42;
    width: 323px;
    max-width: 323px;
    margin: 50px auto;
    max-height: 50px;
    transition: max-height 0.9s ease;
    padding: 0 40px 0 40px;


}

.vertbg .customselect.exp {
    border: 2px solid #274A42;
    height: auto;
    line-height: 50px;
    border-radius: 25px;
    background: #E3D1BA url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC40MjEiIGhlaWdodD0iMTAuMjEiIHZpZXdCb3g9IjAgMCAyMC40MjEgMTAuMjEiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjQwNSAzOC4yMDgpIHJvdGF0ZSgxODApIj4KICAgIDxnIGlkPSJHcm91cGVfMTkiIGRhdGEtbmFtZT0iR3JvdXBlIDE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ljk4NCAyNy45OTgpIj4KICAgICAgPHBhdGggaWQ9IlRyYWPDqV81NCIgZGF0YS1uYW1lPSJUcmFjw6kgNTQiIGQ9Ik0xNi4yNiw5OTAuNTY3YS45MjguOTI4LDAsMCwwLC41NTgtLjIzMmw5LjI3OS04LjM1MUEuOTMyLjkzMiwwLDEsMCwyNC44NSw5ODAuNmwtOC42NTYsNy43OTNMNy41MzksOTgwLjZhLjkzMi45MzIsMCwxLDAtMS4yNDcsMS4zODVsOS4yNzksOC4zNTFBLjkyOC45MjgsMCwwLDAsMTYuMjYsOTkwLjU2N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ljk4NCAtOTgwLjM2KSIgZmlsbD0iIzI3NEE0MiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 94% 21px no-repeat !important;
    font-size: 18px;
    color: #274A42;
    max-width: 323px;
    margin: 50px auto;
    max-height: 500px;
    transition: max-height 0.9s ease;
    padding: 0 40px 0 40px;

}



.vertbg .customselect li {
    display: block;
    height: 0px;
    max-height: 0px;
    overflow: hidden;
    line-height: 50px;
    color: #274A42;
    text-align: left;
    font-weight: 600;
    cursor: pointer;
    max-height: 500px;
    transition: max-height 0.9s ease;

}

.vertbg .customselect.exp li {
    display: block;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    color: #274A42;
    text-align: left;
    font-weight: 600;
    max-height: 50px;
    transition: max-height 0.9s ease;

}

.vertbg .customselect .active,
.vertbg .customselect.exp .active {
    display: block;
    height: 50px;
    line-height: 50px;
    font-weight: 800;



}

.customselect li a {

    opacity: 0;
    transition: all 400ms;
    transition-delay: 150ms;

}


.customselect .active a {

    opacity: 1;

}

.customselect.exp li a {
    opacity: 1;

}





.vertbg .submenu li {
    text-align: left;
    padding: 0 40px;
}

.vertbg .submenu:after {
    border-left: 2px solid #274A42;
    border-right: 2px solid #274A42;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 200%;
}

.vertbg.accordion .submenu li p {
    display: block;
    text-decoration: none;
    padding: 12px 0 0 0;
    padding-left: 0px;
    text-align: left;
    color: transparent !important;
    transition: all 600ms;
    transition-delay: 400ms;
}

.vertbg.accordion .open .submenu li p {
    display: block;
    text-decoration: none;
    padding: 12px 0 0 0;
    padding-left: 0px;
    text-align: left;
    color: #274A42 !important;
    transition: all 600ms;
    transition-delay: 400ms;
}

.rosebg .accordion .submenu li p {
    display: block;
    text-decoration: none;
    padding: 12px 0 0 0;
    padding-left: 0px;
    text-align: left;
    color: transparent !important;
    transition: all 600ms;
    transition-delay: 400ms;
}

.rosebg .accordion .open .submenu li p {
    display: block;
    text-decoration: none;
    padding: 12px 0 0 0;
    padding-left: 0px;
    text-align: left;
    color: #29398B !important;
    transition: all 600ms;
    transition-delay: 400ms;
}



.vertbg .submenu a:hover {}

.bloc_rse .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 127px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: cover;

}

.bloc_rse.bloc_rse2 .relative {

    background-size: cover;

}

.bloc_rse.bloc_rse3 .relative {

    background-size: cover;

}

.bloc_rse.bloc_rse4 .relative {

    background-size: cover;

}

.bloc_rse {

    text-align: left;


}

.bloc_slidercarte .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 127px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: cover;

}

.bloc_slidercarte {

    text-align: left;


}



.bloc_sliderevenement .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 127px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: auto 100% !important;
    transition: all 2s;

}

.bloc_rse .relative {

    background-size: auto 100% !important;
    transition: all 2s;

}

.bloc_sliderevenement:hover .relative,
.bloc_rse:hover .relative {

    background-size: auto 130% !important;

}

.bloc_sliderevenement {

    text-align: left;


}


.bloc_carterooftop .relative {
    width: 100%;
    display: block;
    position: relative;
    height: 360px;
    color: #fff;
    padding: 0;
    background-size: 100% auto !important;
    transition: all 2s;


}

.bloc_carterooftop:hover .relative {
    transition: all 2s;
    background-size: 120% auto !important;

}

.bloc_carterooftop {

    text-align: left;


}

.bloc_carterooftop p.first {

    text-align: left;


}


 .h-702 {

    height:560px;
}
.h-70 {

    height:72%;
}
.bloc_slidech {
    display: block;
    position: relative;

    height: 650px;

    max-width: 500px;
}


.bloc_slidech .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
    height: 405px;
    color: #fff;
    padding: 0;
    background-size: cover;

}

.bloc_slidech {
    display: block;
    position: relative;

    height: auto;
    aspect-ratio: 301 / 760;


    max-width: 500px;
    margin-bottom: 20px;
}



.bloc_slidech .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
    height: auto;
    aspect-ratio: 285 / 510;
    color: #fff;
    padding: 0;
    background-size: cover;

}

.bloc_event {
    display: block;
    position: relative;

    height: 598px;

    max-width: 500px;
}


.evenement .bloc_event {
    display: block;
    position: relative;

    height: 498px;

    max-width: 500px;
}

.bloc_event .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
    height: auto;
    aspect-ratio: 360 / 405;

    color: #fff;
    padding: 0;
    background-size: 100% auto !important;
    transition: all 2s;

}


.bloc_event:hover .relative {

    background-size: 120% auto !important;

}

.rooftop .bloc_event .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 120px;
    height: auto;
    aspect-ratio: 360 / 405;
    color: #fff;
    padding: 0;
    background-size: cover;

}



.captionev {
    background: url(img/bg_caption_ev.svg) 100% 0% no-repeat;
    background-size: cover;
    height: 120px;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);


}

.slider_evenementfixed .captionev {
    background: url(img/bg_caption_ev.svg) 100% 0% no-repeat;
    background-size: cover;
    height: 120px;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 0px);


}

.captionch {
    background: transparent;
    background-size: cover;
    height: 120px;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);


}

.bloc_resa .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 0px 200px 0 0;
    height: 370px;
    color: #fff;
    padding: 0;
    background: url(img/GettyImages-894681252.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.bloc_offre .relative {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 0px 260px 0 0;
    height: 370px;
    color: #fff;
    padding: 0;
    background: url(img/GettyImages-894681252.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.bloc_offre .relativetxt,
.bloc_resa .relativetxt {
    width: 100%;

    display: flex;
    position: relative;
    flex-direction: column;
    min-height: 370px;


}

.hotel .bloc_offre .relative,
.bloc_typech .relative {

    height: 406px;

}

.bloc_offre .btn-primary {

    width: 294px;

}

.font60 {
    font-size: 37px;
}


.bloc_resa .relative .icone {
    width: 110px;
    display: block;
    position: absolute;
    height: 110px;
    color: #fff;
    padding: 0;
    top: 0;
    right: 0;
    background: url(img/iconplus.png) 50% 50% no-repeat;
    background-size: contain;
}

.bloc_offre .relative .icone {
    width: 110px;
    display: block;
    position: absolute;
    height: 110px;
    color: #fff;
    padding: 0;
    top: 0;
    right: 0;
    background: url(img/iconpromo.png) 50% 50% no-repeat;
    background-size: contain;
}

.bloc_resa .relative .icone svg {
    width: 100%;

}

.logo {
    width: 350px;
    display: block;
    position: relative;
    height: 107px;
    background: url(img/logo.svg) 50% 50% no-repeat;
    background-size: contain;
    margin-top: 14px;
}
.nextious {
    background: #fff url(img/chevron-right.svg) 54% 50% no-repeat;
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 0px;
    cursor: pointer;


    margin: 15px 0 15px 0;


    z-index: 999;


}

.btnrights {
    position: absolute;
    right: 15px;
    top: 15px;

}




.btnlefts {
    position: absolute;
    left: 15px;
    top: 15px;

}





.previous {
    background: #fff url(img/chevron-left.svg) 46% 50% no-repeat;

    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 0px;
    margin-right: 10px;
    cursor: pointer;
    z-index: 999;




    margin: 15px 10px 15px 50px;

}

.previous,
.nextious {
    width: 38px;
    height: 38px;
    display: inline-block;
    border: 1px solid #000;
    position: relative;
    vertical-align: middle;
}






.previous.previous2 {
    background: transparent url(img/chevron-left2.svg) 46% 50% no-repeat;

    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 0px;
    margin-right: 10px;
    cursor: pointer;
    z-index: 999;




    margin: 15px 10px 15px 50px;

}

.previous2,
.nextious2 {
    width: 38px;
    height: 38px;
    display: inline-block;
    border: 1px solid #fff;
    position: relative;
    vertical-align: middle;
}




.nextious2.nextious {
    background: transparent url(img/chevron-right2.svg) 54% 50% no-repeat;
    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid white;
    border-radius: 0px;
    cursor: pointer;


    margin: 15px 0 15px 0;


    z-index: 999;


}




html * {

    box-sizing: border-box !important;
}

.slider_ch .balign {

    display: none;


}

.slider_ch .slick-current .balign {}

.nextious2 {
    background: url(img/arrow_nextr.svg) 54% 50% no-repeat;

    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #29398B;
    border-radius: 12px;

    cursor: pointer;

}

.previous2 {
    background: url(img/arrow_prevr.svg) 46% 50% no-repeat;

    background-size: auto 21px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #29398B;
    margin-right: 5px;
    border-radius: 12px;
    cursor: pointer;


}
 

.slick-slide {
    padding: 0 15px;

}

.slidershowreel .slick-slide {
    padding: 0px;
}

.typecat {
    min-height: 35px;
    padding-left: 35px;

}

.typecatchambres {
    background: url(img/ico_chambre.svg) 0% 4px no-repeat;

    background-size: auto 15px;

}

.typecatlit {
    background: url(img/ico_lit.svg) 0% 4px no-repeat;

    background-size: auto 13px;

}

.typecatwifi {
    background: url(img/ico_wifi.svg) 0% 0px no-repeat;

    background-size: auto 19px;

}

.typecatpressing {
    background: url(img/ico_pressing.svg) 0% 0px no-repeat;

    background-size: auto 26px;

}

.typecatcoworking {
    background: url(img/ico_coworking.svg) 0% 0px no-repeat;

    background-size: auto 24px;

}

.typecatevenements {
    background: url(img/ico_evenement.svg) 4px 0px no-repeat;

    background-size: auto 29px;

}

.typecatparking {
    background: url(img/ico_parking.svg) 0% 4px no-repeat;

    background-size: auto 20px;

}



.busnumber {

    text-align: center;
    border: 1px solid #fff;
    border-radius: 7px;

    width: 34px;
    height: 28px;
    line-height: 32px;
    display: inline-block;

}



.apple .busnumber {


    line-height: 24px;

}



.custom-popover {
    --bs-popover-max-width: 200px;
    --bs-popover-border-color: #29398B;
    --bs-popover-header-bg: #29398B;
    --bs-popover-body-bg: #29398B;
    --bs-popover-header-color: #fff;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;

    background: #29398B !important;
    color: #fff !important;
    border-radius: 5px !important;
}


.custom-popover:before,

.custom-popover:after,

.custom-popover .popover-arrow,
.tooltip-arrow {


    display: none !important;
}

.custom-popover * {
    text-align: left;

    background: #29398B !important;
    color: #fff !important;

}

.mytooltip {
    text-align: left;

    background: #29398B !important;
    color: #fff !important;
    border-radius: 7px;
    padding: 8px;
    text-align: left;
    font-size: 12px;

    font-family: "Inter", sans-serif;
    font-weight: 400;
}


.noview {
    display: none;
    text-align: left;

    background: #29398B !important;
    color: #fff !important;
    border-radius: 7px;
    padding: 8px;
    text-align: left;
    font-size: 12px;
    position: absolute;
    z-index: 3;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 215px;

    font-family: "Inter", sans-serif;
    font-weight: 400;

}



@media only screen and (max-width:1300px) {

    .navigator ul.menu .menu-item>a,
    .navigator.white ul.menu .menu-item>a {
        font-size: 15px;

    }

    .font18 {

        font-size: 18px;

    }

    .management .horizontal__list {
        display: flex;
        width: 160vw;
    }
}





@media only screen and (min-width:1700px)and (max-width:2600px) {
    .bloc_slidech {
        display: block;
        position: relative;

        height: auto;
        aspect-ratio: 301 / 714;


        max-width: 500px;
        margin-bottom: 20px;
    }


}

@media only screen and (min-width:1400px)and (max-width:1700px) {
    .bloc_slidech {
        display: block;
        position: relative;

        height: auto;
        aspect-ratio: 301 / 730;


        max-width: 500px;
        margin-bottom: 50px;
    }


}

@media only screen and (min-width:992px)and (max-width:1400px) {
    .bloc_slidech {
        display: block;
        position: relative;
        height: auto;
        aspect-ratio: 301 / 809;
        max-width: 500px;
        margin-bottom: 20px;
    }

    .navigator ul.menu .menu-item>a,
    .navigator.white ul.menu .menu-item>a,
    .navigator ul.langs .menu-item>a,
    .navigator.white ul.langs .menu-item>a {
        font-size: 15px !important;

    }

    .rooftop .vertbg .bloc_event .relative {

        max-height: 498px;
        max-width: 360px;
        margin: 0 auto;
    }

    .navigator ul.menu .menu-item>a:hover {

        font-size: 15px !important
    }

    .font18 {

        font-size: 18px;

    }

    .navigator .sub-li a {
        font-size: 13px !important;
    }

    ul.menu {
        max-width: 1100px;
    }

    .bloc_event {

        height: 498px;
    }

    .navigator ul.menu .menu-item>a.btn-primary,
    .navigator ul.menu .menu-item>a.btn-primary-z,
    .navigator ul.menu .menu-item>a.btn-primary:hover,
    .navigator ul.menu .menu-item>a.btn-primary-z,
    .navigator ul.menu .menu-item>a.btn-primary-z:hover {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}

.rouge .langs {
    right: 0px;
    position: absolute;
}


@media only screen and (min-width:992px)and (max-width:1180px) {

    .navigator ul.menu .menu-item>a,
    .navigator.white ul.menu .menu-item>a,
    .navigator ul.langs .menu-item>a,
    .navigator.white ul.langs .menu-item>a {
        font-size: 13px !important;

    }

    .navigator ul.menu .menu-item>a:hover {
        font-size: 15px !important;

    }

    .font18 {

        font-size: 18px;

    }

    .navigator .sub-li a {
        font-size: 13px !important;
    }

    ul.menu {
        max-width: 1100px;
    }


    .bloc_event {

        height: 498px;
    }

    .navigator ul.menu .menu-item>a.btn-primary,
    .navigator ul.menu .menu-item>a.btn-primary:hover {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}

.rooftop footer .dark {
    color: #274A42 !important;
}

@media only screen and (max-width: 991px) {
    .horizontal__list {
        display: flex;

        width: 500vw;
        height: 400px;
    }


    .vertligne.font18 {
        font-size: 10px;
    }



    .titre.font18 {
        font-size: 13px;
    }

    .titre .font20 {
        font-size: 14px;

    }




    .horizontal__item,
    .horizontal__item2,
    .horizontal__item3 {
        margin-left: 0px;
        box-sizing: border-box;
        max-width: 5000px;
        min-width: 0;
        width: 100vw;
        padding: 15px;
        min-height: 310px !important;
        height: 310px !important;
        margin-bottom: 50px;
    }

    .board .slider-heading.slider-heading2,
    .strategic .slider-heading.slider-heading2,
    .management .slider-heading.slider-heading2 {
        width: 100vw;
        margin-right: 0%;
        display: inline-block;
        vertical-align: top;
        position: relative;
        min-height: 80%;
        height: auto;
        background: transparent;
        display: none;

    }

    .board .slider-heading.slider-heading2 .talign,
    .strategic .slider-heading.slider-heading2 .talign,
    .management .slider-heading.slider-heading2 .talign {
        position: relative;
        /* top: -1px; */
        left: 40%;
        transform: translate(-50%, 0%);
        max-width: 100%;
        max-height: 300px;
        opacity: 1;
        z-index: 1;
    }

    .strategic .blocid {
        aspect-ratio: 420/420;
    }

    .menuafter:after {

        display: none;

    }

    .blocid .portrait {
        border-radius: 25px;
        border: 1px solid #29398B;
        position: absolute;
        top: 37px;
        right: 15px;
        width: 90px;
        height: 90px;
    }

    .horizontal__item,
    .horizontal__item2,
    .horizontal__item3 {
        margin-left: 30px;
        box-sizing: border-box;
        max-width: 5000px;
        min-width: 0;
        width: 100vw;
        padding: 15px;
        min-height: 450px;
        height: 450px;
        margin-bottom: 50px
    }

    .blocid .nom {
        font-size: 20px;
        color: #29398B;
        height: 60px;
        border-bottom: 1px solid #29398B;
    }

    .homepage .slider-heading {
        width: 100vw;
        margin-right: 0%;
        display: block;
        vertical-align: top;
        position: relative;
        min-height: 300px;
        vertical-align: top;
        float: left;
        z-index: 9999;
        position: absolute;
        display: none !important;
    }

    .homepage .horizontal__item {
        margin-left: 0px;
        box-sizing: border-box;
        max-width: 5000px;
        min-width: 0;
        width: 100vw;
        padding: 15px;
        min-height: 310px !important;
        height: 492px !important;
        margin-bottom: 50px;
    }

    .homepage .horizontal__list {
        display: flex;
        width: 500vw;
        height: 550px;
    }

    .row.btntab .slider-container {

        text-align: center !important;
    }

    .navigator li:hover .sub-menu {
        display: block;
        top: 0%;
        background: white;
    }

    .perso {

        background: url(img/illustration4.svg) 50% 100px no-repeat;

        background-size: 130px auto;

    }

    .perso2 {
        background: url(img/illustration5.svg) 50% 100px no-repeat;

        background-size: 130px auto;
    }

    .perso3 {

        background: url(img/illustration6.svg) 50% 100px no-repeat;

        background-size: 130px auto;

    }


    .contentcard {
        flex-wrap: nowrap;
        flex: 0 0 100%;
        height: auto;
        flex-direction: column;
    }

    .thecard {
        border-radius: 0;
    }


    .thecard li {
        list-style: none;
        max-width: 90%;
    }



    .thecard.whitebg {
        background: rgba(255, 255, 255, 0.8) !important;
        transform: translateY(0px) scale(1);
        z-index: 1;
    }

    .blocid .portrait {
        border-radius: 25px;
        border: 1px solid #29398B;
        position: absolute;

        width: 90px;
        height: 90px;



    }



    .board .blocid .portrait {
        border-radius: 25px;
        border: 1px solid #000;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 90px;
        height: 90px;
    }

    .font28 {
        font-size: 18px;
    }

    .pb-lg-115 {
        padding-bottom: 30px !important;
    }


    .cardboard .font20 {
        font-size: 18px;
    }

    .cardboard .font24 {
        font-size: 20px;
    }

    .strategic .cardboard v.balign,
    .board .cardboard .balign {
        position: absolute;
        bottom: -100%;
        top: auto !important;
        left: 50%;
        height: auto !important;
        min-height: 0;
        transform: translate(-50%, 0%);
    }

    .slideactu .slick-slide {}

    .slider-heading {
        width: 100vw;
        margin-right: 0%;
        display: block;
        vertical-align: top;
        position: relative;
    }

    .slider-heading .talign {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0%, 0%);
        max-width: 77%;
        margin: 0 auto;
    }




    .homepage .slider-heading {
        width: 100vw;
        margin-right: 0%;
        display: block;
        vertical-align: top;
        position: relative;
        min-height: 300px;
        vertical-align: top;
        float: left;
        z-index: 9999;
        position: relative;

    }

    .homepage .slider-heading .talign {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0%, 0%);
        max-width: 77%;
        margin: 0 auto;
    }




    .slideactu .slick-slide {
        padding: 0 15px;
        background: transparent;
        border-radius: 0px;
    }

    .slideactu .slick-slide .the-slide {
        padding: 15px;
        border-radius: 37px;
        margin: 0 0 50px;
    }


    .slider-container {
        width: 100%;
        margin-right: 0vw;
        display: block;
        vertical-align: top;
    }

    .lien {
        font-size: 16px;
        color: #000;
        background: url(img/arrow.svg) 0 50% no-repeat;
        background-size: 40px auto;
        font-weight: 400;
        text-decoration: underline;
        padding-left: 50px;
        height: 50px;
        position: relative;
        display: block;
        line-height: 50px;
        margin-bottom: 0px !important;
    }



    .thetitre {
        font-size: 16px;
        color: #000;
        font-weight: 700;
    }

    .thedate {
        font-size: 16px;
        height: 70px;
        line-height: 70px;
        color: #29398B;
        border-bottom: 1px solid #29398B;
        font-weight: 700;
    }

    .thetexte {
        font-size: 16px;
        color: #000;
        font-weight: 400;
    }

    .lien {
        font-size: 16px;
        color: #000;
        background: url(img/arrow.svg) 0 50% no-repeat;
        background-size: 40px auto;
        font-weight: 400;
        text-decoration: underline;
        padding-left: 50px;
    }

    .wrapper {
        display: block;
        margin: 0 auto;
        position: relative;
        padding-top: 0px;


        background: #29398B;
        overflow: hidden;

    }

    .navigator.opening .container-fluid>.row {
        background: transparent !important;
        color: white;
    }

    section:not(.introduction) .imgscale3,
    section:not(.introduction).imgscale2,
    section:not(.introduction).insidetexte,
    .insidetexte2 {
        transform: none !important;
    }

    section:not(.introduction).imgscale {
        transform: scale(1.1) translate(0px, 70px) !important;
    }

.wrapper:after {
    display: block;
    margin: 0;
    position: absolute;
    z-index: 1;
    width: 100dvh;
    height: 100dvh;
    top: -20dvh;
    left: -20dvh;
}
    .bloc_typecarte .relative,
    .bloc_typecarte:hover .relative {
        background-size: cover !important;
    }

    .rouge .langs {
        right: 50px;
        position: absolute;
        background: url("data:image/svg+xml; base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4yNDIiIGhlaWdodD0iNS42NDgiIHZpZXdCb3g9IjAgMCAxMC4yNDIgNS42NDgiPgogIDxnIGlkPSJub3VuLWFycm93LTE3ODcxMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjQyOSAtMjcuNDQzKSI+CiAgICA8ZyBpZD0iR3JvdXBlXzE5IiBkYXRhLW5hbWU9Ikdyb3VwZSAxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODQgMjcuOTk4KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNTQiIGRhdGEtbmFtZT0iVHJhY8OpIDU0IiBkPSJNMTAuNjA2LDk4NC45NTJhLjQxOC40MTgsMCwwLDAsLjI1MS0uMWw0LjE3NC0zLjc1N2EuNDE5LjQxOSwwLDAsMC0uNTYxLS42MjNsLTMuODk0LDMuNTA1LTMuODk0LTMuNTA1YS40MTkuNDE5LDAsMCwwLS41NjEuNjIzbDQuMTc0LDMuNzU3QS40MTguNDE4LDAsMCwwLDEwLjYwNiw5ODQuOTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuOTg0IC05ODAuMzYpIiBmaWxsPSIjMzAzMDMwIiBzdHJva2U9IiMzMDMwMzAiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+") 100% 35px no-repeat;
        background-size: 10px auto;
        padding-right: 20px !important;
    }

    h3.font30 {
        font-size: 18px;
    }

    .restaurant .headerrestaurant .balign {
        position: absolute;
        bottom: 34px;
        top: auto !important;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .btn-primary-r {}

    .navigator {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

    .horairecontainer2 {
        width: auto;
        background-size: 100% auto;
        border-radius: 0 120px 0 0;
        border: 0;
        margin: 10px 0px 0px 0px;
        padding: 10px 0px;
    }

    .horairecontainer2 .horaireinfo {
        border-bottom: 2px solid #292721;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .contactpage .horairecontainer2 .container-fluid>.row>.col-lg>h3 {
        margin-top: 30px !important;
    }

    .contactpage .contact {
        padding-bottom: 30px !important;
    }

    .lescartes .br190.headerrestaurant {
        position: absolute;
        top: 0;
        width: 100vw;
    }

    .lescartes .accordion {
        margin-top: 710px !important;
    }

    #contact>div.px-4.px-lg-0>div>div>div>div>div>div>div>div:nth-child(3),
    .last.col-lg {
        border-bottom: 0;
        padding-bottom: 0px !important;

    }


    .lescartes .accordion .open .submenu li p {
        display: block;
        text-decoration: none;
        padding: 12px 0 0 0;
        padding-left: 0px;
        text-align: left;
        color: #29398B !important;
        transition: all 600ms;
        transition-delay: 400ms;
    }


    .lescartes .accordion .open .submenu li p {
        display: block;
        text-decoration: none;
        padding: 12px 0 0 0;
        padding-left: 0px;
        text-align: left;
        color: #29398B !important;
        transition: all 600ms;
        transition-delay: 400ms;
    }

    .lescartes .accordion .open .submenu li p.white {
        display: block;
        text-decoration: none;
        padding: 12px 0 0 0;
        padding-left: 0px;
        text-align: left;
        color: #fff !important;
        transition: all 600ms;
        transition-delay: 400ms;
    }

    .lescartes .accordion .bloc_typecarte .relative {
        border-radius: 120px 120px 0 0 !important;
    }

    .lescartes .accordion {
        border-bottom: 2px solid #29398B;
        background: #E3D1BA;
    }

    .leschambres .col-lg-6:nth-of-type(odd) .bloc_typech {

        margin-right: 0px;
        padding: 0;


    }

    .leschambres .col-lg-6:nth-of-type(even) .bloc_typech {

        margin-left: 0px;
        padding: 0;

    }

    .lescartes .col-lg-6:nth-of-type(odd) .bloc_typecarte {

        margin-right: 0px;
        padding: 0 13px;


    }

    .lescartes .col-lg-6:nth-of-type(even) .bloc_typecarte {

        margin-left: 0px;
        padding: 0 13px;

    }

    .slider_sliderevenement .slick-slide,
    .slider_evenement .slick-slide {

        padding: 0 35px;
    }

    .btn_retour {
        position: absolute;
        top: 70px;
        left: 20px;
        width: 35px;
        height: 35px;
        z-index: 10;
    }

    .btn_retour.btn_retourrouge {
        position: absolute;
        top: 70px;
        left: 20px;
        width: 35px;
        height: 35px;
        z-index: 10;
    }

    .slider_evenementfixedwrap {

        border-radius: 120px 120px 0 0;
        right: 50%;
        transform: translateX(50%);
    }

    .bloc_offre .relativetxt,
    .bloc_resa .relativetxt {
        width: 100%;
        display: flex;
        position: relative;
        flex-direction: column;
        min-height: 0px;
        margin: 30px 0;
    }

    .fixed.video-js {
        top: -2px !important;
    }

    .bloc_typech {

        text-align: center;


    }

    .bloc_photoresto,
    .bloc_photorooftop {


        min-height: 410px;
    }

    .mh-lg-900 {

        min-height: 900px;
    }


    .prehome .prehome.valign {
        position: absolute;
        top: 60px;
        left: 50%;
        transform: translate(-50%, 0);
        transition: all 1s;
    }

    .slider_ch .slick-slide {
        padding: 0 10px;
    }

    .slider_rse .slick-slide {
        padding: 0 10px;
    }

    .bloc_slidech {

        height: 750px;
        height: auto;
        aspect-ratio: 301 / 695;


    }

    .slidercarte {
        background: #29398B;
    }

    .slidercarte .h-50 {
        background: #29398B;
        background-size: cover;
    }

    #slidercarte svg.balign,
    #slidercarte svg.talign {

        width: 1500px !important;
    }

    .bloc_event {
        display: block;
        position: relative;
        height: 396px;
        max-width: 500px;
    }

    #slidercarte svg.talign {

        top: -82px !important;
        left: 50% !important;
        right: auto !important;
    }




    #slidercarte svg.talign #Groupe_défilant_1 {
        transform: translate(546px, 3px) !important;

    }

    #slidercarte svg.talign #clip-path2 rect {
        x: -1000 !important;

    }

    #slidercarte svg.balign {
        bottom: -65px !important;
        right: -1501px !important;
        left: auto !important;
    }

    .slidershowreel,
    .lescartes .br190.headerrestaurant,
    .slidershowreel,
    .slidershowreel .blocslide,
    .slidershowreel {
        min-height: 760px;
        height: 760px !important;
    }

    .btn-primary.balign.leftalign {
        position: absolute;
        bottom: -2px;
        left: 50%;
        transform: translate(-50%, 0%) scale(1);
        width: 297px;
    }

    .btn-primary.balign.leftalign:hover {
        position: absolute;
        bottom: -2px;
        left: 50%;
        transform: translate(-50%, 0px) scale(1.08);
    }

    .bloc_typecarte {
        text-align: center;
    }

    .headerrestaurant h3 {
        font-size: 18px !important;

    }



    .headerrestaurant h1 {
        margin-top: 100px !important;
        font-size: 34px !important;

    }

    .bloc_slidech .relative {

        height: auto;
        aspect-ratio: 285 / 462;


    }

    .slider_evenementfixed .slick-slide {
        padding: 0 0px;
    }


    .slider_carteroof .slick-slide {
        padding: 0 35px;
    }


    .br190 {
        border-radius: 120px 120px 0 0 !important;
        overflow: hidden;
    }

    .navigator li .sub-menu {

        padding: 0 0px;

    }

    /* .slider_quartier .slick-slide {
        padding: 0 25px;
	} */
    /* .slider_resa {
        padding: 0 15px;
	} */
    .slider_quartier .slick-slide,
    .slider_evenement .slick-slide {
        padding: 0
    }

    video {
        width: auto;
        height: calc(100vh + 632px);

    }

    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .introduction {
        width: 100%;
    }

    .card {
        width: 100%;
        display: block;
        position: absolute;
        border: 20px solid #E2876F;
        border-radius: 130px 130px 0 0;
        height: 630px;
        color: #fff;
        padding: 0;
        bottom: -1px;
        left: 0;
        transform: translateY(-0%);
        cursor: pointer !important;
        pointer-events: all !important;

    }

    .card.rooftop {
        border: 20px solid #274A42;

        transform: translateY(0px);

        height: 434px;


    }

    .card.hotel {
        border: 20px solid #E3D1BA;
        transform: translateY(0%);

        height: 250px;

    }

    .card .valign {
        position: absolute;
        top: 45px;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .card .valign .font38 {
        font-size: 35px;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    }

    .menu {
        display: none;
    }

    .caption {
        font-size: 18px;
        font-weight: 900;
    }

    .hamburger {
        width: 40px;

        height: 40px;

        position: relative;

        cursor: pointer;
        display: block;


        position: fixed;

        top: 25px;

        right: 15px;
        z-index: 999;
        pointer-events: all;
        background-color: transparent;
    }

    .rouge .hamburger span {
        background: #29398B;
    }

    .white .hamburger span,
    .hamburger span {
        z-index: 3;

        display: block;

        position: absolute;

        height: 2px;

        width: 100%;

        border-radius: 1px;

        opacity: 1;

        left: 0;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-transition: .20s ease-in-out;

        -moz-transition: .20s ease-in-out;

        -o-transition: .20s ease-in-out;

        transition: .25s ease-in-out;
    }

    .white .hamburger span:nth-child(1),
    .white2 .hamburger span:nth-child(1),
    .hamburger span:nth-child(1) {
        top: 0px;
        background: #fff;
        background: #29398B;
        background-size: 40px auto;

    }

    .white .hamburger span:nth-child(2),
    .white2 .hamburger span:nth-child(2),
    .hamburger span:nth-child(2) {
        top: 14px;

        background: #fff;
        background: #29398B;
        background-size: 40px auto;
        height: 2px;

        width: 60%;

        left: 50%;

        transform: rotate(0deg) translate(-50%, 0);


    }

    .white .hamburger span:nth-child(3),
    .hamburger span:nth-child(3),
    .white2 .hamburger span:nth-child(3),
    .hamburger span:nth-child(3) {
        top: 28px;

        background: #fff;
        background: #29398B;
        background-size: 40px auto;


    }

    .black .hamburger span:nth-child(1) {

        top: 0px;
        background: #292721;
        background: #29398B;
        background-size: 40px auto;

    }



    .black .hamburger span:nth-child(2) {

        top: 14px;

        background: #292721;
        background: #29398B;
        background-size: 40px auto;

        width: 60%;
        left: 50%;

        transform: rotate(0deg) translate(-50%, 0);
    }




    .black .hamburger span:nth-child(3) {

        top: 28px;

        background: #292721;
        background: #29398B;
        background-size: 40px auto;


    }


    .hamburger.in span:nth-child(1) {
        top: -4px;

        -webkit-transition: .20s ease-in-out;

        -moz-transition: .20s ease-in-out;

        -o-transition: .20s ease-in-out;

        transition: .20s ease-in-out;


        background: #fff;
    }

    .hamburger.in span:nth-child(2) {
        background: #fff;



        width: 60%;



        margin: 0 auto;

    }

    .hamburger.in span:nth-child(3) {
        top: 34px;

        -webkit-transition: .16s ease-in-out;

        -moz-transition: .16s ease-in-out;

        -o-transition: .16s ease-in-out;

        transition: .16s ease-in-out;


        background: #fff;


    }

    .hamburger span {
        z-index: 3;

        display: block;

        position: absolute;

        height: 2px;

        width: 100%;

        border-radius: 1px;

        opacity: 1;

        left: 0;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-transition: .20s ease-in-out;

        -moz-transition: .20s ease-in-out;

        -o-transition: .20s ease-in-out;

        transition: .25s ease-in-out;
    }

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

    .hamburger span:nth-child(2) {
        top: 14px;
    }

    .hamburger span:nth-child(3) {
        top: 28px;
    }

    .hamburger.open span:nth-child(1),
    .black .hamburger.open span:nth-child(1) {
        top: 14px;

        -webkit-transform: rotate(135deg);

        -moz-transform: rotate(135deg);

        -o-transform: rotate(135deg);

        transform: rotate(135deg);

        background: #fff;




    }

    .black .hamburger.open span:nth-child(2),
    .hamburger.open span:nth-child(2) {
        opacity: 0;

        left: -30px;

        -webkit-transition: .16s ease-in-out;

        -moz-transition: .16s ease-in-out;

        -o-transition: .16s ease-in-out;

        transition: .16s ease-in-out;
        background: #fff;

    }

    .hamburger.open span:nth-child(3),
    .black .hamburger.open span:nth-child(3) {
        top: 14px;

        -webkit-transform: rotate(-135deg);

        -moz-transform: rotate(-135deg);

        -o-transform: rotate(-135deg);

        transform: rotate(-135deg);

        background: #fff;
    }



    .navigator {
        height: 130px !important;
        position: fixed !important;
        background: transparent;
        top: 0 !important;
    }

    .menu {
        flex-direction: column;
        display: none !important;
        min-height: calc(100dvh - 100px);
        height: calc(100dvh - 100px);
        text-align: left;
        justify-content: center !important;
        color: #292721;
        padding: 0;
    }

    .menu.opening {
        flex-direction: column;
        display: flex !important;
        min-height: calc(100dvh - 100px);
        height: calc(100dvh - 100px);
        margin-top: 90px;
        text-align: left;
        justify-content: center !important;
        color: #292721;
        padding: 0;
    }

    .navigator ul.menu.opening .menu-item {
        overflow: hidden;
        font-size: 34px;
        line-height: 60px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        display: inline-block;
        height: auto;
        font-weight: 800 !important;
        position: relative;
    }


    .navigator li .sub-menu {
        position: relative;
        left: 0;
        top: 0px;
        padding: 0;
        text-align: left;


    }

    .navigator li .sub-menu li {
        position: relative;

        height: 40px;
        line-height: 40px;

    }


    .navigator ul.menu.opening .menu-item>a {
        position: relative;
        left: auto;
        top: auto;

        color: #fff !important;
        font-size: 30px;
        line-height: 60px;
        font-family: "Inter", sans-serif;
        display: block;
        height: 60px;
        font-weight: 300 !important;
        text-decoration: none;
        text-transform: none;
        position: relative;
        white-space: nowrap;
    }

    .navigator ul.menu.opening .menu-item.font14 {

        height: 30px
    }

    .img-responsive.img1 {
        max-width: 300px !important;
    }

    .img-responsive.img2 {
        max-width: 250px !important;
    }

    .navigator ul.menu.opening .menu-item>a.font14 {
        position: relative;
        left: auto;
        top: auto;

        color: #fff !important;
        font-size: 20px;
        line-height: 30px;
        font-family: "Inter", sans-serif;
        display: block;
        height: 30px;
        font-weight: 300 !important;
        text-decoration: none;
        text-transform: none;
        position: relative;
        white-space: nowrap;
    }


    .navigator .sub-li a {
        background: none;
        font-size: 18px;
        text-transform: uppercase;
        text-decoration: none;
        color: #292721 !important;
        font-weight: 600 !important;


    }

    .navigator ul.menu.opening .menu-item>a .outl {
        color: #292721 !important;
        font-size: 34px;
        line-height: 80px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        display: inline-block;
        height: 80px;
        font-weight: 800 !important;
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
        display: inline-block !important;
        white-space: nowrap;
        color: #E2876F !important;
        text-shadow: rgb(48, 48, 48) 2px 0px 0px, rgb(48, 48, 48) 1.75517px 0.958851px 0px, rgb(48, 48, 48) 1.0806px 1.68294px 0px, rgb(48, 48, 48) 0.141474px 1.99499px 0px, rgb(48, 48, 48) -0.832294px 1.81859px 0px, rgb(48, 48, 48) -1.60229px 1.19694px 0px, rgb(48, 48, 48) -1.97998px 0.28224px 0px, rgb(48, 48, 48) -1.87291px -0.701566px 0px, rgb(48, 48, 48) -1.30729px -1.5136px 0px, rgb(48, 48, 48) -0.421592px -1.95506px 0px, rgb(48, 48, 48) 0.567324px -1.91785px 0px, rgb(48, 48, 48) 1.41734px -1.41108px 0px, rgb(48, 48, 48) 1.92034px -0.558831px 0px;
    }

    .font18 {
        font-size: 18px;
    }

    h2.font18,
    h3.font25 {
        font-size: 18px;
    }

    .lh23 {
        line-height: 20px;
    }

    footer p {
        font-size: 18px;
        height: auto;
        line-height: 60px;
    }

    .lignetabw img,
    .lignetab img,
    .btntab img {
        width: 40px !important;
    }

    .lignetabw img:first-of-type(),
    .lignetab img:first-of-type() {
        margin-top: 15px;
    }

    footer {
        height: auto;
    }

    footer p {}


    footer p a {
        text-align: left;
        line-height: 40px;
        white-space: nowrap;
        width: 100%;
        display: block !important;

    }

    .horairecontainer {

        margin: 30px 0 0;
        padding: 30px 10px;
    }

    .introduction .valign {
        position: absolute;
        top: 66px;
        left: 50%;
        transform: translate(-50%, 0%);
    }





    .langs {
        display: none;

        right: auto;
        left: 20px;
        color: #292721;
        background: url(img/downd.png) 100% 12px no-repeat;
        background-size: auto 20px;
        padding-right: 30px !important;
    }


    .opening .langs {
        display: block;
        right: auto;
        color: #292721 !important;
    }

    .opening .langs a {

        color: #292721 !important;
    }

    .outl,
    .navigator ul.menu .menu-item>a>span {
        display: inline-block !important;
    }

    .navigator li:hover:after {
        width: 0px;

        transition: 0.5s;
        display: none;

    }








    .texte3,
    .texte3b,
    .texte4,
    .texte7 {
        left: 0%;
        height: 152px !important;
        width: auto !important;
    }

    .navigator .menu-item {
        text-align: center;
    }

    .navigator li .sub-menu {
        position: relative;
        left: 0;
        top: -20px;
        padding: 0 0 0 15px;
        text-align: left;
    }

    .navigator .langs li .sub-menu {
        position: relative;
        left: 0;
        top: -30px;
        padding: 0 0 0 0px;
        text-align: left;
    }

    .introduction .card .valign {
        top: 65px;

    }

    .introduction .card.great .valign {
        transition: all 1s;
        transform: translate(-50%, 125px);
    }

    .card.great {

        height: 680px;

    }

    .card.hoodresaurant.great,
    .card.rooftop.great,
    .card.hotel.great {

        height: 740px;

    }

    h3,
    .h3 {
        font-family: "Inter", sans-serif;
        font-weight: 800;
        font-size: 18px;
        text-transform: uppercase;

        color: #E2876F;


    }

    .p-80 {
        padding: 30px;
    }

    .lignetab p {
        height: 100%;
        margin-bottom: 0;
    }



    .lignetabw p {
        min-height: 100%;
        height: auto;
        margin-bottom: 0;
    }

    .container,
    .container-xl,
    .container-xxl {
        --bs-gutter-x: 4.375rem
    }



    .slider_evenementfixedwrap {
        width: calc(100% - 50px);
        padding-bottom: 60px
    }

    .slider_evenementfixedwrap .closemodal {
        bottom: 5px;
    }

    .slider_carteroof .slick-slide {
        padding: 0;
    }

 .clip{
        height: auto !important;
        padding: 60px 0  !important;
        background: url(img/Image30.jpg) 50% 50% no-repeat;
background-size: cover;
z-index: 2;
    }

    .introduction.introduction2 {
        height: auto !important;
        padding-bottom: 0px
    }



    .noview {
        display: none;
        text-align: left;
        background: #29398B !important;
        color: #fff !important;
        border-radius: 7px;
        padding: 8px;
        text-align: left;
        font-size: 12px;
        position: relative;
        z-index: 3;
        cursor: pointer;
        top: auto;
        left: auto;
        width: 100%;
        font-family: "Inter", sans-serif;
        font-weight: 400;
    }


}

.btn {
    line-height: 50px !important
}


.apple .btn {
    line-height: 44px !important
}