:root {
    --golden-gradient: linear-gradient(90deg, #C7A672 0%, #725421 50%, #C7A672 100%);
    --golden-clear-gradient: linear-gradient(90deg, #B89967 0%, #FFD188 50%, #704500 100%);
    --golden-gradient-offset: linear-gradient(90deg, #C7A672 0%, #725421 50%, #C7A672 100%);
    --golden-color: #B89967;
    --golden-color-hover: #d2a36c;
    --golden-color-transparent: rgba(184, 153, 103, 0.4);
}
body{
    color: white;
}
a{
    color: var(--golden-color);
    transition: .15s ease-out all;
}
a:hover{
    color: var(--golden-color-hover);
}
#content{
    /*margin-top: 100px;*/
}
.border-golden{border-color: var(--golden-color,#B89967) !important;}
.golden-text{color: var(--golden-color,#B89967) !important;}
.video-button{filter: brightness(1.5) saturate(0)}
.golden-arrow, .video-button{
    margin: auto;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.golden-button {
    display: flex;
    text-decoration: none;
    align-items: center;
    background: var(--golden-gradient);
    padding:12px 60px 10px 60px;
    margin: 20px;
}
.golden-button span {
    transition: transform 1s 0s;
    transform: scale(1);
    transform-origin: center;
}
.golden-button:hover span {
    transform: scale(1.2);
}

.golden-button, .golden-arrow, .video-button {
    color: white;
    text-decoration: none;
    position: relative;
    margin: 20px;
    font-size: 36px;
    font-family: Tangerine, serif;
}

.golden-arrow:before, .golden-arrow:after,
.video-button:before, .video-button:after,
.golden-button:before, .golden-button:after{
    position: absolute;
    content: "";
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
.golden-button:before, .golden-button:after {
    width: 25%;
    height: 25%;
    animation-duration: .3s;
}
.golden-arrow:before, .golden-arrow:after{
    animation-duration: .3s;
}

.golden-button:before, .golden-arrow:before,.video-button:before  {
    border-top: 1px solid var(--golden-color,#B89967);
    border-left: 1px solid var(--golden-color,#B89967);
    top: -5px;
    left: -5px;
}

.golden-button:after, .golden-arrow:after,.video-button:after{
    border-bottom: 1px solid var(--golden-color,#B89967);
    border-right: 1px solid var(--golden-color,#B89967);
    bottom: -5px;
    right: -5px;
}
.video-button{position: absolute}

.golden-button:after {animation-name: after-border-back;}
.golden-arrow:after, .video-button:after, .video_home>div .video-button:after{animation-name:  after-border-arrow-back;}
.golden-button:before {animation-name: before-border-back;}
.golden-arrow:before, .video-button:before, .video_home>div .video-button:before{animation-name:  before-border-arrow-back;}
.golden-arrow:before, .video-button:before, .video_home>div .video-button:before{animation-name:  before-border-arrow-back;}

.golden-button:hover:before {animation-name: before-border;}
.golden-button:hover:after {animation-name: after-border;}
.golden-arrow:hover:before, .video-button:hover:before , .video_home>div:hover .video-button:before{animation-name:  before-border-arrow;}
.golden-arrow:hover:after, .video-button:hover:after , .video_home>div:hover .video-button:after{animation-name:  after-border-arrow;}

.golden-button:hover {
    color:white;
    box-shadow: 0 0 40px 20px var(--golden-color-transparent);
}

@keyframes before-border {
    from {width: 25%;height: 25%;}
    75% {width: calc(100% + 10px);height: 1px;border-right: none;border-left: 1px solid var(--golden-color,#B89967);}
    76% {width: calc(100% + 10px);height: 1px;border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
    to {width: calc(100% + 10px);height: calc(100% + 9px);border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
}
@keyframes after-border {
    from {width: 25%;height: 25%;}
    75% {width: calc(100% + 10px);height: 1px;border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
    76% {width: calc(100% + 10px);height: 1px;border-left: 1px solid var(--golden-color,#B89967);border-right: none;}
    to {width: calc(100% + 10px);height: calc(100% + 9px);border-left: 1px solid var(--golden-color,#B89967);border-right: none;}
}
@keyframes before-border-back {
    to {width: 25%;height: 25%;}
    26% {width: calc(100% + 10px);height: 1px;border-left: 1px solid var(--golden-color,#B89967);border-right: none;}
    25% {width: calc(100% + 10px);height: 1px;border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
    from {width: calc(100% + 10px);height: calc(100% + 9px);border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
}
@keyframes after-border-back {
    to {width: 25%;height: 25%;}
    26% {width: calc(100% + 10px);height: 1px;border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
    25% {width: calc(100% + 10px);height: 1px;border-right: none;border-left: 1px solid var(--golden-color,#B89967);}
    from {width: calc(100% + 10px);height: calc(100% + 9px);border-right: none;border-left: 1px solid var(--golden-color,#B89967);}
}
@keyframes before-border-arrow {
    from {width: 66%;height: 33%;}
    33%{width: calc(100% + 10px);height:  1px;border-right: none;border-left: 1px solid var(--golden-color,#B89967);}
    34%{width: calc(100% + 10px);height:  1px;border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
    to {width: calc(100% + 10px);height: calc(100% + 9px);border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
}
@keyframes after-border-arrow {
    from {width: 50%;height: 25%;}
    50%{width: calc(100% + 10px);height:  1px;border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
    51%{width: calc(100% + 10px);height:  1px;border-right: none;border-left: 1px solid var(--golden-color,#B89967);}
    to {width: calc(100% + 10px);height: calc(100% + 9px);border-right: none;border-left: 1px solid var(--golden-color,#B89967);}
}
@keyframes before-border-arrow-back {
    to {width: 66%;height: 33%;}
    66%{width: calc(100% + 10px);height:  1px;border-right: none;border-left: 1px solid var(--golden-color,#B89967);}
    65%{width: calc(100% + 10px);height:  1px;border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
    from {width: calc(100% + 10px);height: calc(100% + 9px);border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
}
@keyframes after-border-arrow-back {
    to {width: 50%;height: 25%;}
    51%{width: calc(100% + 10px);height:  1px;border-right: 1px solid var(--golden-color,#B89967);border-left: none;}
    50%{width: calc(100% + 10px);height:  1px;border-right: none;border-left: 1px solid var(--golden-color,#B89967);}
    from {width: calc(100% + 10px);height: calc(100% + 9px);border-right: none;border-left: 1px solid var(--golden-color,#B89967);}
}


.golden-arrow i{
    animation-name: scroll;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes scroll {
    0% { transform-origin:top center;transform: scale(0); }
    49% { transform-origin:top center;transform: scale(1); }
    50% { transform-origin:bottom center;transform: scale(1); }
    100% { transform-origin:bottom center;transform: scale(0);}
}
@media (max-width: 768px) {
    .golden-arrow{
        margin: 50px 20px 50px 20px ;
        font-size: 18px;
        width: 30px;
        height: 30px;
    }
}
.video_home>div{
    position: relative;
    width: fit-content;
    max-width: 80%;
    cursor: pointer;
}
.video_home{padding-bottom: 50px;}
.video_home>div,.video_home{
    display: flex;
    justify-content: center;
    align-items: center;
}
.video_home video {
    width: 100%;
}
@media (max-width: 484px) {
    .video_home>div{
        max-width: 100% !important;
    }
}

.defi_home{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top:166px;
    background: #1D1D1D;
    overflow-x: clip;
}
.tarifs-cont{
    font-family: Outfit,sans-serif;
}
.text__defi_home{
    font-family: Outfit,sans-serif;
    letter-spacing: .08px;
    color: white;
    width: min(892px, 80%);
    margin: auto;
    text-align: center;
    font-weight: 200;
}
.wallpaper__defi_home{
    width: 100%;
    height: 100%;
    position: absolute;
    mix-blend-mode: difference;
    object-fit: cover;
}
.title_wrapper__defi_home{
    width: min(610px, 80%);
    margin: 20px auto;
    padding-bottom: 35px;
}
.title_wrapper__defi_home:before{
    content: "";
    position: absolute;
    width: 125px;
    height: 25px;
}
.title_wrapper__defi_home:after{
    content: "";
    position: absolute;
    width: 150px;
    height: 50px;
}

.title_wrapper__defi_home > p:nth-child(2){
    text-align: end;
}
.title_wrapper__defi_home span{
    color: var(--golden-color,#B89967);
}
.prices_wrapper__our_prices{
    color: white !important;
    font-weight: bold;
    padding: 10px 50px 10px 50px;
    font-family: Tangerine,serif;
    font-size: 42px;
    text-align: center;
    line-height: 30px;
}
.our_prices{
    padding: 60px 0;
    background: #1D1D1D;
}
.our_prices,.prices_wrapper__our_prices{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.our_prices:before{
    content: "";
    height: 400px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(#1D1D1D 0, transparent 100%);
    z-index: 1;
}
.price{
    display: flex;
    flex-direction: row;
    font-weight: bold;
    align-items: end;
    position: relative;
    font-family: Outfit,sans-serif;
    font-size: 54px;
}
.prices_wrapper__our_prices:before,.prices_wrapper__our_prices:after{
    content: "";
    position: absolute;
}
.prices_wrapper__our_prices:before{
    width: 60px;
    height: 30px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    top: 0;
    left: 0;
}
.prices_wrapper__our_prices:after{
    width: 44px;
    height: 14px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    bottom: 0;
    right: 0;
}
.title_wrapper__defi_home:after{
    border-top: 1px solid var(--golden-color,#B89967);
    border-left: 1px solid var(--golden-color,#B89967);
}
.title_wrapper__defi_home:before{
    border-right: 1px solid var(--golden-color,#B89967);
    border-bottom: 1px solid var(--golden-color,#B89967);
}
.bg-ldh{
    background: #1D1D1D;
}
.title_wrapper__defi_home:after{
    top: 0;
    left: 0;
}
.title_wrapper__defi_home:before{
    bottom: 25px;
    right: 0;
}
.price_sign{
    display: flex;
    flex-direction: column;
    font-size: 48px;
}
.euro_sign{
    line-height: 48px;
}
.price_number{
    line-height: 54px;
    font-size: 54px;
    letter-spacing: 1.08px;
}
.price_sign>small{
    font-size: 18px;
    line-height: 18px;
}
.background__our_prices{
    position: absolute;
    right: 0;
    left: 0;
    mix-blend-mode: lighten;
    opacity: .6;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    bottom: 0;
    background: white;
}
.title__our_prices{
    font-family: Tangerine,serif;
    font-size: 64px;
    line-height: 64px;
    color: var(--golden-color,#B89967);
    z-index: 9;
    padding-bottom: 60px;
}
.cards__our_prices{
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    z-index: 4;
}
.card__our_prices {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    background:
    linear-gradient(180deg, rgba(35, 0, 0, 0.9) 0%, rgba(99, 0, 0, 0.5) 50%, rgba(26, 0, 0, 0.3) 100%);
    background-blend-mode:  overlay, lighten;
    backdrop-filter: blur(10px);
    aspect-ratio: 400/640;
    width: min(400px, calc(100vw - 40px));
    margin: auto;
    height: 560px;
    max-width: 400px;
    padding-top: 30px;
}
.night.card__our_prices {
    background:rgba(0, 0, 0, 0.25);
}
.card__our_prices>ul{
    text-align: center;
    font-family: Tangerine,serif;
    font-size: 40px;
    color: white;
    list-style-type: none;
    padding: 0;
    margin: 15px 0;
}
.card__our_prices>ul>li{
    margin: unset;
    line-height: 53px;
}
.title_card__our_prices{
    font-family: Tangerine,serif;
    font-size: 64px;
    line-height: 64px;
    padding-bottom: 40px;
    color: white;
}
.night.card__our_prices,.night .prices_wrapper__our_prices, .night.card__our_prices>ul, .night .title_card__our_prices{
    color: var(--golden-color,#B89967);
}
.card__our_prices.img-bg{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    filter: hue-rotate(318deg) saturate(1.8);
}
.title__social_network:before{
    content: "";
    position: absolute;
    width: 125px;
    height: 25px;
}
.title__social_network:after{
    content: "";
    position: absolute;
    width: 150px;
    height: 50px;
}

.title__social_network span{color: var(--golden-color,#B89967);}
.title__social_network > p:nth-child(2){text-align: end;}
.logo__social_network{
    width: 30px;
    height: 30px;
}
.links__social_network{
    display: flex;
    justify-content: center;
}
.photos__social_network{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.photo__social_network{
    width: 256px;
    height: 256px;
}
.social_network{
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 140px 0;
    position: relative;
    background: #1D1D1D;
    overflow:hidden;
}
.background__social_network{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    mix-blend-mode: difference;
    width: 100%;
}
.title__social_network,
.links__social_network,
.photos__social_network{
    z-index: 1;
}
body{background-color: #1D1D1D; font-size: 20px; line-height: 28px}
.question_home{
    height: 823px;
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.question_wrapper{
    width: min(977px, 80%);
    margin: 20px auto;
}
.question_wrapper:before,.title__photo_galery_home:before,
.question_wrapper:after, .title__photo_galery_home:after{
    content: "";
    position: absolute;
}
.question_wrapper:before{
    width: 125px;
    height: 25px;
}
.title__photo_galery_home:before{
    width: 125px;
    height: 15px;
}
.question_wrapper:after{
    width: 150px;
    height: 50px;
}
.title__photo_galery_home:after{
    width: 130px;
    height: 30px;
}
.question_wrapper:after, .title__photo_galery_home:after,.title__social_network:after{
    border-top: 1px solid var(--golden-color,#B89967);
    border-left: 1px solid var(--golden-color,#B89967);
    top: 0;
    left: 0;
}
.question_wrapper:before, .title__photo_galery_home:before,.title__social_network:before{
    border-bottom: 1px solid var(--golden-color,#B89967);
    border-right: 1px solid var(--golden-color,#B89967);
}
.title__social_network:before{
    bottom: 25px;
    right: 0;
}
.question_wrapper:before{
    bottom: 25px;
    right: 0;
}
.title__photo_galery_home:before{
    bottom: 30px;
    right: 0;
}
.question_wrapper, .title__photo_galery_home,
.title_wrapper__defi_home,.title__social_network{
    color: white;
    font-family: Tangerine,serif;
    font-size: 64px;
    font-weight: bold;
    line-height: 17px;
    padding: 0 80px;
    position: relative;
    height: 170px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
@media(max-width: 657px){
    .question_wrapper, .title__photo_galery_home,
    .title_wrapper__defi_home,.title__social_network{
        font-size: 46px;
        padding: 0 30px;
        line-height: 28px;
    }
}
.title__social_network{
    width: min(675px, 80%);
    margin: 0 auto;
}
.question_wrapper > p:nth-child(1) > span,
.title__photo_galery_home > p:nth-child(1) > span{
    color: var(--golden-color,#B89967);
    position: relative;
}
.photo_galery_home{
    padding-top: 130px;
    background: black url('/img/bg/bg-motif-rouge2.jpg') repeat-x;
    position: relative;
}

.photo_galery_home, .photo_galery_home:before {margin-bottom: -600px;}
.question_wrapper > p:nth-child(1) > span:before{
    content: "";
    position: absolute;
    display: block;
    background-size: contain;
    z-index: -1;
}
.question_wrapper > p:nth-child(1) > span:before{
    display: block;
    width: 125px;
    top: -50%;
    left: -80%;
    background: url('/img/design/empreinte-doigts.png') no-repeat;
}

.question_wrapper > p:nth-child(2) > span{position: relative;}
.question_wrapper > p:nth-child(2){text-align: right;}

.wrapper__photo_galery_home{
    width: min(90vw, 1280px);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: auto;
    gap: 40px;
    overflow: visible;
    z-index: 5;
    pointer-events: none;
}

.left_col__photo_galery_home .title__photo_galery_home{translate: calc(20px - max(200px,calc(33% - 20px)) - 105px);}
.left_col__photo_galery_home{
    position: relative;
    width: max(200px,calc(33% - 20px));
    margin-left: calc(66% - 20px - max(200px,calc(33% - 20px)));
}
.right_col__photo_galery_home{width: clamp(200px,calc(33% - 20px), 400px);}

@media (max-width: 1270px) {
    .right_col__photo_galery_home{
        margin-top: 170px;
        margin-right: auto;
    }
    .left_col__photo_galery_home{
        margin: unset;
        margin-left: auto;
    }
    .left_col__photo_galery_home .title__photo_galery_home{translate: unset;}
    .deco_photo_container__photo_galery_home{ display: none;}
    .title__photo_galery_home{
        font-size: max(6vw,45px);
    }
    body .title__photo_galery_home > p:nth-child(1){translate: -46%;}
}
@media (max-width: 488px) {
    .left_col__photo_galery_home, .right_col__photo_galery_home{
        margin: auto;
        min-width: 80vw;
    }
    .photo_container__photo_galery_home{position: relative;}
    .photo_container__photo_galery_home>div{position: relative;}
    .photo_galery_home, .photo_galery_home:before{
        margin-bottom: unset;
        padding-bottom: 100px !important;
    }
    .photo_container__photo_galery_home{padding-top: 30px;}
    .title__photo_galery_home, .question_wrapper, .title_wrapper__defi_home, .title__social_network{
        padding: 0 20px;
        margin: auto;
        font-size: 35px;
        height: 125px;
    }
    .title_wrapper__defi_home, .title__social_network{
        padding: 40px 10px;
        margin: auto;
        font-size: 50px;
        height: 145px;
    }
    .title__photo_galery_home > p{translate: 0!important;}

    .question_wrapper > p:nth-child(2) > span:before,
    .deco_title__photo_galery_home, .deco_photo_container__photo_galery_home{
        display: none!important;
    }
    .title_wrapper__defi_home{
        padding: 0 17px;
        line-height: 26px;
    }

}
@media (max-width: 600px) {
    .title__photo_galery_home > p:nth-child(1){translate: -70px;}
    .title__photo_galery_home > p:nth-child(2){translate: 70px;}
    .title__social_network{padding: 0 16px;}
}
.title__photo_galery_home{translate: 105px;}
.title__photo_galery_home > p:nth-child(1){z-index:2;translate: -185px;}
.title__photo_galery_home > p:nth-child(2){z-index:2;translate: 44%;}

.deco_title__photo_galery_home{
    position: absolute;
    display: block;
    height: 235px;
    width: 319px;
    background-size: contain;
    opacity: .9;
    background-blend-mode: lighten;
    z-index: -1;
}
.deco_title__photo_galery_home>img{
    height: 235px;
    width: 319px;
}
.photo_container__photo_galery_home{
    display: flex;
    flex-direction: column;
    gap: 40px   ;
    align-items: end;
}
.photo_container__photo_galery_home>*{
    aspect-ratio: 2/3;
    width: min(400px, 100%);
    top: 10px;
}
.deco_photo_container__photo_galery_home{
    position: absolute;
    width: 80px;
    height: 80px;
    translate:  -50% -50%;
    left: 0;
}
.photo_container__photo_galery_home>*:last-child .deco_photo_container__photo_galery_home{
    bottom: 0;
    right: 0;
    left: unset;
    rotate: 180deg ;
    translate: 43% 43%;
}
.photo__photo_galery_home{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.photo_container__photo_galery_home>*:after{
    content: "";
    width: 100%;
    height: 300px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
}
.photo_container__photo_galery_home span{
    color: white;
    text-transform: uppercase;
    font-family: Outfit,sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .07px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 100;
}
.container{
    display: flex;
    flex-direction: column;
    gap: 23px;
}
.logo__jumbotron_home{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.jumbotron_home .title p{
    margin: unset;
}

.jumbotron_home .title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
@media (max-width: 676px){
    .jumbotron_home .title {
        height: 60vh;
        margin-bottom: unset;
    }
}
.bg__jumbotron_home,.manoir_bg__jumbotron_home{
    width: 80%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.bg__jumbotron_home{
    position: absolute;
    right: 20%;
    left: 0;
    mix-blend-mode: lighten;
    opacity: .6;
}
.imgs__jumbotron_home{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.manoir_bg__jumbotron_home{
    position: absolute;
    right: 0;
    left: 20%;
    opacity: 1;
}
.manoir_bg__jumbotron_home>img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.manoir_bg__jumbotron_home::after {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background: linear-gradient(90deg,black 0%, transparent 50%);
}
.logo__jumbotron_home img:hover{filter: drop-shadow(0 0 15px var(--golden-color,#B89967));}
.logo__jumbotron_home img{
    width: min(360px, 33vmax);
    height: min(360px, 33vmax);
    aspect-ratio: auto;
    transition: .33s ease-out all;
}
.text-title{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}
.text-style-3{
    font-family: Tangerine, serif;
    font-size: 3rem;
    color: white;
    font-weight: bold;
    line-height: 32px;
    margin: unset;
    text-align: center;
}
.text-style-1{
    font-family: Outfit, sans-serif;
    letter-spacing: .08px;
    color: white;
    width: min(892px, 90%);
    margin: auto;
    text-align: center;
    font-weight: 200;
}
.text-style-2{
    font-family: Outfit,sans-serif;
    font-size: 14px;
    color: var(--golden-color,#B89967);
    font-weight: 600;
    line-height: 19px;
    text-transform: uppercase;
    text-align: center;
}
.jumbotron_home{
    position: relative;
    min-height: 100vh;
    padding: 10rem 2rem 10rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    background: #1A1A1A;
}
.jumbotron_home:after{
    content: "";
    height: 20%;
    width: 100%;
    background: linear-gradient(0deg, #1D1D1D, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
}
.jumbotron_home h1{
    font-size: 120px;
    font-weight: normal;
    font-family: "Enchanted Land",serif;
    line-height: 120px;
    background: var(--golden-clear-gradient, linear-gradient(90deg, #B89967 0%, #FFD188 50%, #704500 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: unset;
    text-align: center;
}
@media (max-height: 600px) {
    .jumbotron_home h1{
        font-size: 90px!important;
        line-height: 90px!important;
    }
    .logo__jumbotron_home img{
        width: min(360px, 20%);
    }
    .text-style-1{
        font-size: 18px;
        line-height: 25px;
    }
    .text-style-2{
        font-family: Outfit,sans-serif;
        font-size: 12px;
        line-height: 12px;
    }
    .golden-arrow{
        width: 40px;
        height: 40px;
        font-size: 30px;
    }
}
.imgs__jumbotron_home:after{
    content: "";
    position: absolute;
    width: 100%;
    height:600px;
    bottom: 0;
    background: linear-gradient(transparent 0%, #1D1D1D 100%);
}
@media (max-width: 768px) {
    .jumbotron_home h1{
        font-size: 65px;
        line-height: 65px;
    }
    .presentation_home p{
        font-size: 14px!important;
    }
}
.presentation_home{
    background: #1D1D1D;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
    color: white;
    gap: 15px;
}
.presentation_home .big_text__presentation_home>span{color: var(--golden-color,#B89967);}
.presentation_home .big_text__presentation_home{
    font-size: 48px;
    line-height: 64px;
    font-weight: bold;
    font-family: Tangerine,serif;
}
.presentation_home p{
    margin: unset;
    font-family: Outfit,sans-serif;
    letter-spacing: .09px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 200;
    text-align: center;
}
#home-foot{background: #272727;}
.footer-head{
    padding-top: 50px;
    font-family: "Enchanted Land",serif;
    font-size: 28px;
    color: var(--golden-color,#B89967);
}
.ul-footer{padding: 0;}
#footer{background: black;}
#footer li:not(:last-child){gap: 9px;}
#footer li a,#footer address{
    font-family: Outfit,sans-serif;
    font-size: 18px;
    letter-spacing: .08px;
    color: #CECECE;
    font-weight: 200;
    line-height: 21px;
    transition: .33s ease-out all;
}
#footer li a:hover,#footer address:hover {
    color: white;
}
.logo_footer{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.logo_footer div{
    font-family: "Enchanted Land",serif;
    background: var(--golden-clear-gradient, linear-gradient(90deg, #B89967 0%, #FFD188 50%, #704500 100%));
    color: transparent;
    font-size: 64px;
    line-height: 64px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
}
.logo_footer span{
    font-family: outfit, sans-serif;
    font-size: 14px;
    color: var(--golden-color, #B89967);
    line-height: 19px;
    text-transform: uppercase;
    text-align: center;
}
.logo_footer img{
    width: min(260px, 70%);
    height: 100%;
}


.cont-reservation{
    background: rgba(0, 0, 0, 0.45);
    background-size: cover,cover;
    background-blend-mode: overlay, darken;
    backdrop-filter: blur(10px);
    color: white;
    max-width: 900px;
    font-family: Outfit, sans-serif;
    border-radius: unset;
    gap: unset;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 60px auto 60px auto;
}
#mes-informations{

}
#mes-informations input, #mes-informations select{
    background: transparent;
    color: white;
    margin-bottom: 0;
}
#mes-informations label:has(+.input-group){
    margin: unset;
}
#mes-informations input::placeholder{
    color: rgba(255, 255, 255, 0.8);
    font-weight: 100;
}
.title-cont-reservation{
    font-size: 64px;
    line-height: 32px;
    font-family: "Enchanted Land",serif;
    margin: 50px 0 50px 0;
}
.title-cont-reservation span{
     font-size: 24px;
     font-family: Outfit, sans-serif;
 }
.title-reservation{
    font-size: 32px;
    line-height: 32px;
    font-family: Outfit, sans-serif;
}
.btn-primary{
    background-color:  var(--golden-color,#B89967);
    --bs-btn-bg: var(--golden-color,#B89967);
    --bs-btn-border-color: var(--golden-color,#B89967);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--golden-color-hover,#D2A36CFF);
    --bs-btn-hover-border-color: var(--golden-color-hover,#D2A36CFF);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--golden-color,#B89967);
    --bs-btn-active-border-color: var(--golden-color,#B89967);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--golden-color,#B89967);
    --bs-btn-disabled-border-color: var(--golden-color,#B89967);
    --bs-btn-color: #000;
}
.btn-outline-primary {
    --bs-btn-color: var(--golden-color,#B89967);
    --bs-btn-border-color: var(--golden-color,#B89967);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--golden-color-hover,#D2A36CFF);
    --bs-btn-hover-border-color: var(--golden-color-hover,#D2A36CFF);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--golden-color,#B89967);
    --bs-btn-active-border-color: var(--golden-color,#B89967);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--golden-color,#B89967);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--golden-color,#B89967);
    --bs-gradient: none;
}
.btn-primary:hover{
    background-color: var(--golden-color-hover,#BEA173FF);
    border-color:  var(--golden-color-hover,#BEA173FF);
}
.cont-reservation hr{
    margin-bottom: 60px;
    border: none;
}
#nb_participant{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10px;
}
.bt-nb-players>span{
    font-size: 2rem;
    display: block;
}
.price-bar{
    position: sticky;
    bottom: 0;
    background-color: rgb(0, 0, 0);
    color: white;
    z-index: 9999;
    width: calc(100% + 40px);
    transition: all 1s ease;
    margin: 0 -20px;
}
.price-bar-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 900px;
    padding: 10px 20px;
    margin: auto;
    height: 80px;
}
.player-price{
    font-size: 2.2rem;
    line-height: 2rem;
    display: block;
}
.total-price{
    color: #a8a8a8;
    display: block;
}
.golden-text-optiongroup{
    color: var(--golden-color,#B89967) !important;
    font-weight: bold;
}

.optiongroup-section{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.cards-optiongroup-section{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
}
.cont-reservation input::-webkit-outer-spin-button,
.cont-reservation input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cont-reservation input[type=number] {
    -moz-appearance:textfield;
}
@media (min-width: 676px) {
    .name-recap-optiongroup-section{
        display: none;
    }
    .cards-optiongroup-section{
        width: 100%;
    }
    .text-optiongroup-section{
        width: 60%;
        display: flex;
        align-items: start;
        justify-content: start;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .recap-optiongroup-section{
        width: 40%;
        text-align: right;
        margin-bottom: 20px;
    }
    .golden-text-optiongroup{
        font-size: 1.8rem;
        line-height: 1.8rem;
    }
    .optiongroup-section{
        margin-bottom: 40px;
    }
}
.nav-reserver{
    position:absolute;
    top:0.5rem;
    right:1rem;
}
#form-reservation{
    width: 100%;
    padding: 60px;
    z-index: 2;
    color: white;
    background-size: cover,cover;
    background-blend-mode: overlay, darken;
    border: #828282 1px solid;
    background: rgb(0 0 0 / 55%);
    background-size: cover, cover;
    backdrop-filter: blur(10px);
}
@media(max-width:1180px){
    .nav-reserver{
        display: none;
    }
}

@media (max-width: 676px) {
    .recap-optiongroup-section{
        background-color: #333;
        position: sticky;
        bottom: 80px;
        color: white;
        z-index: 9999;
        width: 100vw;
        margin: 0 0 0 -37px;
        transition: all 1s ease;
        order: 3;
        padding: 10px 10px;
    }
    .optiongroup-section{
        flex-direction: column;
     }
    .cards-optiongroup-section{
        order: 2;
        margin-bottom: 20px;
        width: 100%;
    }
    .text-optiongroup-section{
        order: 1;
        margin-top: 20px;
        width: 100%;
    }
    .player-price{
        font-size: 2rem;
        line-height: 1.8rem;
        display: block;
        width: 100%;
    }
    .name-recap-optiongroup-section{
        display: block;
    }
    .cont-reservation{
        padding: 20px 20px;
    }

    .cont-reservation{
        margin: 60px auto 60px auto!important;
    }

    #form-reservation {
        padding: 1rem;
    }
}

.shaking {
    animation: shake 0.5s infinite;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }
    20% {
        transform: translateX(-10px);
    }
    40% {
        transform: translateX(10px);
    }
    60% {
        transform: translateX(-5px);
    }
    80% {
        transform: translateX(5px);
    }
    100% {
        transform: translateX(0);
    }
}
body {
    scroll-margin-top: 100px;
}
.header-text{
    font-family: Tangerine, serif;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: .08px;
    line-height: 64px;
}.header-text span{
    color: var(--golden-color, #B89967);
}
.jumbotron_home+* .left__img_section_right {
    max-width: 765px;
    position: relative;
}
.jumbotron_home+* .right__img_section_right {
    z-index: 99;
    width: min(650px,95%);
 }
@media(min-width: 1920px){
    .jumbotron_home+* .right__img_section_right {
        z-index: 99;
        width: min(800px,95%);
    }
}
.jumbotron_home+* .right__img_section_right>img {
    width: 100%;
    aspect-ratio: 840/634;
 }
.jumbotron_home+* .right__img_section_right .img_deco,
.jumbotron_home+* .right__img_section_right .img_deco_fingerprint{
    display: none!important;
 }
.polaroid{
    position: absolute;
    width: 20%;
    z-index: 99999  ;
    aspect-ratio: 4/5;
}.question_home .polaroid{
     left: -5%;
     bottom: -50%;
 }
.defi_home .polaroid{
    right: -5%;
    bottom: -50%;
}
@media (max-width: 676px) {
    .header-text{line-height: 42px;}
    .jumbotron_home+.img_section_right {flex-wrap: wrap!important;}
    .polaroid{display: none!important;}
    .order-mobile{order:3}
    .video_home{padding: unset}
}
.jumbotron_home+* .bg-header{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    aspect-ratio: auto;
    transform: translateY(-50%);
    object-fit: contain;
    z-index: 9;
}
.jumbotron_home+* .text-header{
    position: relative;
    height: 100%;
    z-index: 10;
    font-weight: 200;
}
@property --x {
    syntax: '<length-percentage>';
    initial-value: 0%;
    inherits: false;
}
@property --y {
    syntax: '<length-percentage>';
    initial-value: 0%;
    inherits: false;
}
.jumbotron_home+.img_section_right {
    height: 100%;
    --x: 60%;
    --y: 10%;
    background: radial-gradient(circle at var(--y) var(--x), #5b1e1e, #1D1D1D 55%);
    animation: a 0s ease-in-out -3.3s alternate infinite;
    animation-name: x, y;
    animation-duration: 120s, 4s;
}
@keyframes x { to {--x: 60%;} }
@keyframes y { to {--y: 60%;} }
.ellipse{
    position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 9;
}
.btn-wrapper{
    display: none;
}

.jumbotron_cards{
    display: flex;
    gap: 80px;
    justify-content: center;
    align-content: stretch;
    flex-wrap: wrap;
    padding-top: 30px;
}
.jumbotron_card{
    --border-color: #828282;
    --background: radial-gradient(ellipse at top left, rgba(114, 113, 113, 0.8) 0%, rgba(58, 58, 58, 0.71) 30%,
    rgba(0, 0, 0, 0.6) 80%, #00000000 100%), rgba(0, 0, 0, 0.53);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    border: var(--border-color) 1px solid;
    background: var(--background);
    width: min(calc(100% - 40px), 365px);
    z-index: 999;
}
.jumbotron_card.day{
    --border-color: #744C35;
    --background: radial-gradient(ellipse at top left,#370000 0%, rgba(99, 0, 0, 0.5) 60%, rgba(26, 0, 0, 0.3)) rgba(0, 0, 0, 0.5);
}
.title__jumbotron_card{
    font-family: Tangerine, serif;
    font-size: 48px;
    font-weight: 400;
    letter-spacing: .08px;
    line-height: 30px;
    color: var(--golden-color, #B89967);
    text-align: center;
}
.text__jumbotron_card{
    color: white;
    font-family: Outfit, sans-serif;
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.08px;
    line-height: 20px;
    font-weight: 200;
    padding-bottom: 10px;
}
.jumbotron_home div{
    z-index: 5;
}
.jumbotron_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
@media (max-width: 676px) {
    .jumbotron_video, .jumbotron_video_overlay{;
     height: 80vh;
 }
.jumbotron_video_overlay2{
    position: absolute;
    top:60vh;
    left: 0;
    width: 100%;
    height: 20vh;
    background: linear-gradient(180deg, transparent, #1A1A1A);
    opacity: 1;
}
}
.jumbotron_video_overlay{
     opacity: .6;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #1D1D1D;
    z-index: 2;
 }


/*#nav{*/
/*    min-height: 100px;*/
/*}*/
/*navbar*/
.nav-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: Outfit, sans-serif;
}
.logo-wrapper img{
    width: 80px;
    height: 80px;
}
.logo-wrapper{
    padding-right: 20px;
    display: flex;
    flex-direction: row;
    width: max-content;
}
.text-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
}
.text-wrapper a{
    font-size: 40px;
    font-weight: normal;
    font-family: "Enchanted Land", cursive;
    line-height: 40px;
    color: var(--golden-color);
    vertical-align: center;
    margin-bottom: unset;
}
nav:has(.active){
    height: 100vh;
}
nav.bg, nav:has(.active), nav:has(* .dp-active){
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(7px);
}
nav{
     display: flex;
     flex-direction: column;
     z-index: 950;
     position: fixed;
     padding: 10px;
     width: 100%;
     top: 0;
 }
nav a{
    text-decoration: none;
    color: #CECECE;
    font-family: Outfit, sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .08px;
    line-height: 35px;
    position: relative;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}nav .nav-menu{
     text-decoration: none;
     color: #94856E;
     font-family: Outfit, sans-serif;
     font-size: 18px;
     font-weight: 300;
    letter-spacing: .08px;
    line-height: 28px;
    position: relative;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
}

.nav-links a:after,.nav-links .nav-menu:after{
    content: "";
    width: 0;
    height: 2px;
    background: var(--golden-color);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 200ms ease-in-out;
}
.nav-links a:hover:after, .nav-links .nav-menu:hover:after{
    width: 100%;
}
.btn-wrapper-mobile{
    display: none;
}
@media(max-width: 1000px){
    .logo-wrapper img {
        width: 64px;
        height: 64px;
    }
    .logo-wrapper .text-wrapper a{
        font-size:1.8rem;
    }
}
@media(max-width: 676px){
    #nav{

    }
    .jumbotron_home{
        padding: 6rem 1rem 10rem 1rem;
    }
    .btn-wrapper{
        display: none!important;
    }
    .logo-wrapper {
        /*display: none!important;*/
    }
    .logo-wrapper img {
        width: 42px;
        height: 42px;
    }
    .nav-links{
        padding-top: 0;
        translate: -110%;
        height: 0;
    }
    .nav-menu{
        font-size: 16px !important;
        line-height: 46px !important;
        cursor: default !important;
        opacity:0.9;
    }
    .nav-menu:after{
        display: none;
    }
    .jumbotron_cards{
        gap: 20px!important;
    }
}
@media(min-width: 676px){
    .burger-wrapper{
        display: none!important;
    }
    nav{
        flex-direction: row;
    }
    body .nav-links{
        flex-direction: row;
        padding-right: 200px;
        gap: 20px;
        align-items: center;
    }
    @media (min-width: 676px) {
        body .nav-links {
            flex-direction: row;
            padding-right: 200px;
            gap: 40px;
            align-items: center;
        }
    }
    .nav-links>div a{
        display: none;
    }
    .nav-links>div>span{
         color: #CECECE;
     }
    .nav-links>div{
        display: flex;
        justify-content: start;
        flex-direction: row;
        gap: 0px;
    }
    .nav-links>div>div{
        position: absolute;
        bottom:-184%;
    }
    .nav-links .dp-active a{
        display: block;
        color: #CECECE;
        line-height: 44px;
    }
    .nav-links .dp-active div{
         background: #1d1d1de3;
         padding: 10px 20px 20px;
         border: 1px solid #cecece3b;

    }
}
@media(max-width: 400px){
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 1rem;
    }
}
.btn-wrapper{
    position: absolute;
    right: 10px;
    top: 23px;
}.btn-wrapper>div{
     display: contents;
     height: 20px;
     font-size: 20px;
 }.btn-wrapper .golden-button{
      padding: 6px 60px 7px 60px;
  }
.nav-links{
    transition: all 500ms ease;
    display: flex;
    flex-direction: column;
}
.active+.nav-links{
    display: flex;
    z-index: 99999;
    color: white;
    top: 35px;
    left: 0;
    width: 100%;
    height: calc(100vh);
    flex-direction: column;
    gap: 20px;
    font-family: Outfit,sans-serif;
    translate: unset;
    padding-bottom: 20px;
}
.burger-wrapper, .x-wrapper{
    display: flex;
    color: #BFA478;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.burger{
    display: flex;
    align-self: center;
    flex-direction: column;
    justify-content: space-between;
    width: 50px;
    height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    position: relative;
}
.burger>div{
    background: #BFA478;
    align-self: flex-start;
    height: 2px;
    width: 100%;
}
.burger:after{
    content: "";
    position: absolute;
    translate: 0 calc(-50% + 4px);
    right: calc(-100% - 10px);
}
.active .burger:after{
    content: "";
    position: absolute;
    left: 60px;
}
.active .burger div:nth-child(1){
    rotate: 45deg;
    transition: all 200ms ease-in-out;
}
.active .burger div:nth-child(2){
    width: 100%;
    rotate: -45deg;
    translate: 0 -8px;
    transition: all 200ms ease-in-out;
}

.burger div:nth-child(1) {
    width: 100%;
}
.burger div:nth-child(2)  {
    width: 75%;
    transition: all 200ms ease-in-out;
}
@media (hover: hover) {
    .burger-wrapper:hover .burger div{
        width: 100%;
        box-shadow: 0 0 40px 20px var(--golden-color-transparent);
    }
    .active .burger:hover div{
        rotate: unset;
        translate: unset;
        transition: all 200ms ease-in-out;
    }
    .active .burger:hover div:nth-child(2){
        width: 75%;
    }
}

/**calendar**/
.table-calendar{
    width: 90%;
    border-collapse:separate;
    border-spacing:0 .6rem;
}
.reservation-arrow{
    transition: all 0.3s;
}
.reservation-arrow:hover{
    filter: brightness(1.2);
}
.reservation-bar-text{
    width: 100%;
}
.reservation-arrow:hover i{
    text-shadow: 0 0 6px rgba(255,255,255,0.5);
}
.calendar-text-day{
    font-size: 1.2rem;
    font-weight: bold;
}
.calendar-text-date{
    font-size: 1rem;
    opacity: 0.9;
}
.calendar-header{
    border:1px solid #b89967;
    background: rgb(51,51,51);
    background: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(102,102,102,1) 25%, rgba(51,51,51,1) 50%, rgba(102,102,102,1) 75%, rgba(51,51,51,1) 100%);
}
.calendar-border-right{
    border-right: 1px solid white;
}
.td-calendar,.calendar-header{
    padding:0.6rem;
}
.w-12-5{
    width: 12.5%;
}
/*contact*/
nav{
   transition: all 0.3s linear;
}
div:has(input[name='email']){
    grid-column: 1 / 3;
}
.contact_wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 200px;
    padding-bottom: 200px;
    position: relative;
}
.contact_wrapper>*{
    max-width: 50%;
    width: 50%;
}
#mes-informations{

}

.contact_wrapper .img{
    width: 50%;
    height:100%;
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
}

.title-cont-reservation {
    margin: 20px 0 50px 0;
}


.cursor-pointer{
    cursor: pointer;
}
.nav-menu:hover{
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}


.jumbotron{
    background: black;
    padding-top: 70px;
}
.jumbotron, .jumbotrons_content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
    position: relative;
}
.jumbotrons_content{
    z-index: 9999;
    gap: 40px;
}
.jumbotron_title{
    font-size: min(79px, 15vw);
    font-family: "Enchanted Land", serif;
    line-height: min(75px, 14vw);
    background: var(--golden-clear-gradient, linear-gradient(90deg, #B89967 0%, #FFD188 50%, #704500 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: unset;
    text-align: center;
}
.jumbotron p{
    text-align: center;
    color: #CECECE;
    font-family: Outfit, serif;
    letter-spacing: .08px;
    line-height: 27px;
}
.question_content_component{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 700px;
    position: relative;
    overflow: hidden;
    padding: 20px;
}
.question_content{
    max-width: 890px;
    font-family: Outfit, serif;
    font-size: 18px;
    letter-spacing: .08px;
    line-height: 25px;
    color: #CECECE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 999;
}
.question_content_component__deco{
    width: 437px;
    height: 325px;
    position: absolute;
    right: -120%;
    top: -100%;
    z-index: 0;
}
.wallpaper__question_content{
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
}
.question_content:nth-last-child(p){
    margin-bottom: 160px;
}
.question_content_btn_wrapper{
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img_section_right,
.img_section_left{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    width: 100%;
    gap: 20px;
    padding: 50px 20px 100px 20px;
    overflow: hidden;
}
.img_section_right{
    flex-wrap: wrap-reverse;
}
.right__img_section_right,
.right__img_section_left{
    display: flex;
    position: relative;

}
.border-img .right__img_section_left:before,.border-img .right__img_section_right:before {
    content: '';
    box-shadow:0 0 0 1px #b89967 inset;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.right__img_section_right .img,
.right__img_section_left .img{
    aspect-ratio: 2 / 3;
    max-width: 90vw;
    width: 400px;
    margin: auto;
}
.right__img_section_right .img_deco{
    position: absolute;
    width: 80px;
    height: 80px;
    translate: -50% -50%;
    left: 0;
}
.right__img_section_right .img_deco_fingerprint{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    rotate: 180deg;
    translate: 50% 50%;
    z-index: -1;
}
.left__img_section_right{
    max-width: 630px;
    color: white;
}
.right__img_section_left .img_deco{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    rotate: 180deg;
    translate: 50% 50%;
}
.left__img_section_left{
    max-width: 630px;
    color: white;
    justify-self: end;
}
.title_component:before,
.title_component:after{
    content: "";
    position: absolute;
}
.title_component:before{
    width: 125px;
    height: 25px;
}
.title_component:after{
    width: 150px;
    height: 50px;
}
.title_component:after{
    border-top: 1px solid var(--golden-color,#B89967);
    border-left: 1px solid var(--golden-color,#B89967);
    top: 0;
    left: 0;
}
.title_component:before{
    border-bottom: 1px solid var(--golden-color,#B89967);
    border-right: 1px solid var(--golden-color,#B89967);
}
.title_component:before{
    bottom: 25px;
    right: 0;
}
.title_component{
    color: white;
    font-family: Tangerine, serif;
    font-size: min(64px, 11vw);
    font-weight: bold;
    line-height: min(45px, 7vw);
    padding: 0 min(80px,12vw);
    position: relative;
    height: min(170px, 36vw);
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
.title_component > p:nth-child(1) > span{
    color: var(--golden-color,#B89967);
    position: relative;
}
.title_component > p:nth-child(1) > span:before,
.title_component > p:nth-child(2) > span:before{
    content: "";
    position: absolute;
    display: block;
    background-size: contain;
    z-index: -1;
}
.title_component > p:nth-child(2) > span{position: relative;}
.title_component > p:nth-child(2){text-align: right;}

.img_section_left ul{list-style:none;}
.img_section_left li{
    padding-left: 21px;
    position: relative;
    padding-bottom: 10px;
}
.img_section_left li::before{
    background: url("/img/design/deco-card.png");
    display: block;
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    transform: rotate(135deg);
    content: "";
    position: absolute;
    left: -21px;
}
@media (max-width: 676px){
    .jumbotron .golden-button{
        display: none;
    }
}


.font-10{
    font-size:0.8rem;
}
.font-11{
    font-size:0.9rem;
}
.font-12{
    font-size:1rem;
}
.font-13{
    font-size:1.1rem;
}
.font-14{
    font-size:1.2rem;
}
.font-15{
    font-size:1.3rem;
}
.font-16{
    font-size:1.4rem;
}
.font-17{
    font-size:1.5rem;
}

/**anim home**/
.photos_section{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 500px;
    height: 200%;
    overflow-x: clip;
    background: #1D1D1D;
}
.photos_section>div{
    height: 80vmin;
    position: relative;
}.photo_section__1{
     width: clamp(39.5%,625px,95%);
     margin-right: -7%;
     margin-bottom: -40vmin;
 }.photo_section__2{
      width: clamp(41%,785px,95%);
  }.photo_section__3{
       width: clamp(22%,423px,95%);
       margin-left: -1%;
       margin-top: -20vmin;
   }
.photos_section .canape{
    width: 100%;
    z-index: 10;
    aspect-ratio: 785/503;
    position: absolute;
}
.photos_section .fantom{
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 11;
    aspect-ratio: 785/503;
    animation: fantom 5s infinite;
}
.photos_section .text{
    width: 484px;
    height: 261px;
    position: absolute;
    right: -100px;
    top: -100px;
    z-index: 8;
}
.photos_section .lustre{
    margin-top: -30%;
    height: 102%;
    aspect-ratio: 414/576;
    z-index: 12;
    position: absolute;
    animation: brightness-glitch 2s infinite;
}
.photos_section .polaroid{
    width: 50%;
    aspect-ratio: 402/511;
    position: absolute;
}
.photos_section .polaroid-salle{
    width: 50%;
    aspect-ratio: 382/526;
    position: absolute;
    right: 0;
    z-index: 12;
    margin-top: -15%;
}
.photos_section .paper{
    width: 70%;
    aspect-ratio: 510/287;
    position: absolute;
    top: -8vmin;
    left: 10%;
    z-index: 7;
}
@keyframes fantom {
    from, 20%, 80%, to{opacity: 0}
    50%{opacity: .9}
}
@keyframes brightness-glitch {
    0%, 100% {filter: brightness(100%);}
    10%, 30%,70%, 90% {filter: brightness(110%);}
    40%, 60%, 80% {filter: brightness(95%);}
}
.nowrap{
    white-space: nowrap;
}
.btn-gold{
    background: #7b5c2a;
    border-color: #c4a470;
    color:white;
}

.btn-gold:hover{color:#fff;background-color: #b59662;border-color: #775927
}
.btn-gold.focus,.btn-gold:focus{box-shadow:0 0 0 .2rem rgba(87, 81, 62, 0.5)}
.btn-gold.disabled,.btn-gold:disabled{color:#fff;background-color: #7d641e;border-color:#c4a470}
.btn-gold:not(:disabled):not(.disabled).active,.btn-gold:not(:disabled):not(.disabled):active,.show>.btn-gold.dropdown-toggle{color:#fff;background-color:#7b5c2a;border-color:#c4a470}
.btn-gold:not(:disabled):not(.disabled).active:focus,.btn-gold:not(:disabled):not(.disabled):active:focus,.show>.btn-gold.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(112, 98, 81, 0.5)}