:root {
    --color_blanc: rgb(255, 255, 255);
    --color_noir: #232323;
    --color_jaune: #FF5300;
    --color_gray: #2B2B2B;
    --font-principal: 'Prompt', sans-serif;
    --top-nav: 50px;
    --height-nav: 3.5em;
    --filter-socials: brightness(0) saturate(100%) invert(57%) sepia(65%) saturate(6591%) hue-rotate(-8deg) brightness(102%) contrast(103%);
    --filter-btn: invert(95%) sepia(96%) saturate(0%) hue-rotate(123deg) brightness(103%) contrast(100%);
    --transition-cours-co: 0.5s;
    --top-co: 20px;
    --background-gradient: linear-gradient(to top, rgb(116 93 19 / 70%)30%, transparent 70%);


}

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

html {
    scroll-behavior: smooth;
}

body {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--font-principal);
    background: var(--color_noir);
    color: #F6F6F6;
}
a{
    text-decoration: none;
    color: var(--color_noir);
}

.center {
    justify-content: center;
}

.txtcenter{
    text-align: center;
}

.jvflex {
    position: fixed;
    z-index: 9999;
    top: 70px;
    left: 16px;
}

.jvflex>a {
    border-radius: 24px;
    cursor: pointer;
    display: block;
    height: 48px;
    line-height: 48px;
    opacity: .9;
    position: absolute;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 48px;
    background: url("/themes/jvflex/assets/images/theme-preview.png"), #f8f6f5;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
}

.section1 {
    background-color: var(--color_noir);
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.temperature {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: opacity(0.9) drop-shadow(0 0 0 grey) brightness(0.45);
}

.contain-s1 {
    height: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 5vh 10vw;
    gap: 25vh;
    margin-top: calc(var(--top-nav)+ var(--height-nav) + 15px);
    z-index: 1;
}

h1 {
    font-size: 5rem;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 10px #000;
    color: var(--color_blanc);
}

.contain-s1-p {
    font-size: 2.5rem;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    color: var(--color_gray);
}

.btn-s1 {
    display: flex;
    margin-top: 2rem;
    gap: 0 2.5rem;
    flex-wrap: wrap;
    justify-content: flex-start;

}

.btn-s1-a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color_jaune);
    font-weight: 300;
    font-family: inherit;
    border-radius: 5px;
    color: black;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
    gap: 0.5rem;
}

.btn-s1-a a {
    color: inherit;
    font-size: 20px;
    padding: 20px 30px;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}

.btn-s1-a:hover {
    background-color: var(--color_noir);
    color: var(--color_blanc);
}





.boutique a::before {
    content: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' width='20' height='20' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 20'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9V4a3 3 0 0 0-6 0v5m9.92 10H2.08a1 1 0 0 1-1-1.077L2 6h14l.917 11.923A1 1 0 0 1 15.92 19Z'/%3E%3C/svg%3E%0A");

}

.reservation a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM10.5 5H9V11L14.25 14.15L15 12.92L10.5 10.25V5Z' fill='black'/%3E%3C/svg%3E%0A");

}

.btn-s1-a a::before {
    display: flex;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right: 3px;
    transition: 0.3s;
}

.btn-s1-a:hover a::before {

    filter: var(--filter-btn);
}

.socials {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.socials a {
    display: flex;
    cursor: pointer;
}


.socials a:hover img {
    filter: var(--filter-socials);
}

.biseau {
    height: 100%;
    width: 100%;
    overflow: hidden;
    object-fit: fill;
}

.biseau img {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    transform: translate(30%);
    clip-path: polygon(24% 0, 100% 0, 100% 100%, 41% 100%);
    top: 0;
}



.section2 {

    position: relative;
}

.blur-section,
footer {
    background-color: rgba(64, 64, 64, 0.4);

}

.blur {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(20px);
    z-index: -1;
}

.contain-s2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 10rem;
}

.s-title {
    display: inline-block;
    font-size: 3rem;
    font-weight: 400;
    color: var(--color_blanc);
    border-bottom: 2px solid var(--color_jaune);
    text-align: center;

}

.swiper {
    z-index: unset;
}

.swiper-s2 {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.swiper-equipement {
    width: 100%;
    max-width: 1200px;
    height: 65vh;
    min-height: 525px;
    border-radius: 20px;
    margin-left: 0;
    margin-right: 0;
}

.swiper-equipement.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: var(--color_noir);
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.swiper-s2 .swiper-nav {
    z-index: 0;
}

.swiper-s2 .swiper-button-prev,
.contain-nav .swiper-button-prev {
    margin: 2rem;
    height: unset;
    position: unset;
    --swiper-navigation-size: 150px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72' fill='none'%3E%3Cpath d='M33.975 45.975C34.525 46.525 35.213 46.788 36.039 46.764C36.865 46.74 37.552 46.452 38.1 45.9C38.65 45.35 38.925 44.65 38.925 43.8C38.925 42.95 38.65 42.25 38.1 41.7L35.4 39H45.075C45.925 39 46.625 38.713 47.175 38.139C47.725 37.565 48 36.852 48 36C48 35.15 47.712 34.438 47.136 33.864C46.56 33.29 45.848 33.002 45 33H35.4L38.175 30.225C38.725 29.675 38.988 28.987 38.964 28.161C38.94 27.335 38.652 26.648 38.1 26.1C37.55 25.55 36.85 25.275 36 25.275C35.15 25.275 34.45 25.55 33.9 26.1L26.1 33.9C25.55 34.45 25.275 35.15 25.275 36C25.275 36.85 25.55 37.55 26.1 38.1L33.975 45.975ZM36 66C31.85 66 27.95 65.212 24.3 63.636C20.65 62.06 17.475 59.923 14.775 57.225C12.075 54.525 9.938 51.35 8.364 47.7C6.79 44.05 6.002 40.15 6 36C6 31.85 6.788 27.95 8.364 24.3C9.94 20.65 12.077 17.475 14.775 14.775C17.475 12.075 20.65 9.938 24.3 8.364C27.95 6.79 31.85 6.002 36 6C40.15 6 44.05 6.788 47.7 8.364C51.35 9.94 54.525 12.077 57.225 14.775C59.925 17.475 62.063 20.65 63.639 24.3C65.215 27.95 66.002 31.85 66 36C66 40.15 65.212 44.05 63.636 47.7C62.06 51.35 59.923 54.525 57.225 57.225C54.525 59.925 51.35 62.063 47.7 63.639C44.05 65.215 40.15 66.002 36 66Z' fill='%23FF5300'/%3E%3C/svg%3E");
}

.swiper-s2 .swiper-button-prev:hover,
.contain-nav .swiper-button-prev:hover {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 100 100' fill='none'%3E%3Cpath d='M47.1877 63.8542C47.9516 64.6181 48.9071 64.9834 50.0543 64.95C51.2015 64.9167 52.1557 64.5167 52.9168 63.75C53.6807 62.9862 54.0627 62.0139 54.0627 60.8334C54.0627 59.6528 53.6807 58.6806 52.9168 57.9167L49.1668 54.1667H62.6043C63.7849 54.1667 64.7571 53.7681 65.521 52.9709C66.2849 52.1737 66.6668 51.1834 66.6668 50C66.6668 48.8195 66.2668 47.8306 65.4668 47.0334C64.6668 46.2362 63.6779 45.8362 62.5002 45.8334H49.1668L53.021 41.9792C53.7849 41.2153 54.1502 40.2598 54.1168 39.1125C54.0835 37.9653 53.6835 37.0112 52.9168 36.25C52.1529 35.4862 51.1807 35.1042 50.0002 35.1042C48.8196 35.1042 47.8474 35.4862 47.0835 36.25L36.2502 47.0834C35.4168 47.9167 35.0002 48.8889 35.0002 50C35.0002 51.1112 35.4168 52.0834 36.2502 52.9167L47.1877 63.8542ZM50.0002 91.6667C44.2363 91.6667 38.8196 90.5723 33.7502 88.3834C28.6807 86.1945 24.271 83.2264 20.521 79.4792C16.771 75.7292 13.8029 71.3195 11.6168 66.25C9.43072 61.1806 8.33627 55.7639 8.3335 50C8.3335 44.2362 9.42794 38.8195 11.6168 33.75C13.8057 28.6806 16.7738 24.2709 20.521 20.5209C24.271 16.7709 28.6807 13.8028 33.7502 11.6167C38.8196 9.4306 44.2363 8.33615 50.0002 8.33337C55.7641 8.33337 61.1807 9.42782 66.2502 11.6167C71.3196 13.8056 75.7293 16.7737 79.4793 20.5209C83.2293 24.2709 86.1988 28.6806 88.3877 33.75C90.5766 38.8195 91.6696 44.2362 91.6668 50C91.6668 55.7639 90.5724 61.1806 88.3835 66.25C86.1946 71.3195 83.2266 75.7292 79.4793 79.4792C75.7293 83.2292 71.3196 86.1987 66.2502 88.3875C61.1807 90.5764 55.7641 91.6695 50.0002 91.6667ZM50.0002 83.3334C59.2363 83.3334 67.1016 80.0875 73.596 73.5959C80.0904 67.1042 83.3363 59.2389 83.3335 50C83.3335 40.7639 80.0877 32.8987 73.596 26.4042C67.1043 19.9098 59.2391 16.6639 50.0002 16.6667C40.7641 16.6667 32.8988 19.9125 26.4043 26.4042C19.9099 32.8959 16.6641 40.7612 16.6668 50C16.6668 59.2362 19.9127 67.1014 26.4043 73.5959C32.896 80.0903 40.7613 83.3362 50.0002 83.3334Z' fill='%23FF5300'/%3E%3C/svg%3E");
}


.swiper-s2 .swiper-button-next,
.contain-nav .swiper-button-next {
    margin: 2rem;
    height: unset;
    position: unset;
    --swiper-navigation-size: 150px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72' fill='none'%3E%3Cpath d='M38.1 45.9L45.9 38.1C46.45 37.55 46.725 36.85 46.725 36C46.725 35.15 46.45 34.45 45.9 33.9L38.025 26.025C37.475 25.475 36.787 25.212 35.961 25.236C35.135 25.26 34.448 25.548 33.9 26.1C33.35 26.65 33.075 27.35 33.075 28.2C33.075 29.05 33.35 29.75 33.9 30.3L36.6 33H26.925C26.075 33 25.375 33.288 24.825 33.864C24.275 34.44 24 35.152 24 36C24 36.85 24.288 37.563 24.864 38.139C25.44 38.715 26.152 39.002 27 39H36.6L33.825 41.775C33.275 42.325 33.012 43.013 33.036 43.839C33.06 44.665 33.348 45.352 33.9 45.9C34.45 46.45 35.15 46.725 36 46.725C36.85 46.725 37.55 46.45 38.1 45.9ZM36 66C31.85 66 27.95 65.212 24.3 63.636C20.65 62.06 17.475 59.923 14.775 57.225C12.075 54.525 9.938 51.35 8.364 47.7C6.79 44.05 6.002 40.15 6 36C6 31.85 6.788 27.95 8.364 24.3C9.94 20.65 12.077 17.475 14.775 14.775C17.475 12.075 20.65 9.938 24.3 8.364C27.95 6.79 31.85 6.002 36 6C40.15 6 44.05 6.788 47.7 8.364C51.35 9.94 54.525 12.077 57.225 14.775C59.925 17.475 62.063 20.65 63.639 24.3C65.215 27.95 66.002 31.85 66 36C66 40.15 65.212 44.05 63.636 47.7C62.06 51.35 59.923 54.525 57.225 57.225C54.525 59.925 51.35 62.063 47.7 63.639C44.05 65.215 40.15 66.002 36 66Z' fill='%23FF5300'/%3E%3C/svg%3E");
}

.swiper-s2 .swiper-button-next:hover,
.contain-nav .swiper-button-next:hover {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 100 100' fill='none'%3E%3Cpath d='M52.9168 63.75L63.7502 52.9166C64.5835 52.0833 65.0002 51.1111 65.0002 50C65.0002 48.8889 64.5835 47.9166 63.7502 47.0833L52.8127 36.1458C52.0488 35.3819 51.0932 35.0166 49.946 35.05C48.7988 35.0833 47.8446 35.4833 47.0835 36.25C46.3196 37.0139 45.9377 37.9861 45.9377 39.1666C45.9377 40.3472 46.3196 41.3194 47.0835 42.0833L50.8335 45.8333H37.396C36.2154 45.8333 35.2432 46.2333 34.4793 47.0333C33.7154 47.8333 33.3335 48.8222 33.3335 50C33.3335 51.1805 33.7335 52.1708 34.5335 52.9708C35.3335 53.7708 36.3224 54.1694 37.5002 54.1666H50.8335L46.9793 58.0208C46.2154 58.7847 45.8502 59.7403 45.8835 60.8875C45.9168 62.0347 46.3168 62.9889 47.0835 63.75C47.8474 64.5139 48.8196 64.8958 50.0002 64.8958C51.1807 64.8958 52.1529 64.5139 52.9168 63.75ZM50.0002 91.6666C44.2363 91.6666 38.8196 90.5722 33.7502 88.3833C28.6807 86.1944 24.271 83.2264 20.521 79.4791C16.771 75.7291 13.8029 71.3194 11.6168 66.25C9.43072 61.1805 8.33627 55.7639 8.3335 50C8.3335 44.2361 9.42794 38.8194 11.6168 33.75C13.8057 28.6805 16.7738 24.2708 20.521 20.5208C24.271 16.7708 28.6807 13.8028 33.7502 11.6166C38.8196 9.43054 44.2363 8.33609 50.0002 8.33331C55.764 8.33331 61.1807 9.42776 66.2502 11.6166C71.3196 13.8055 75.7293 16.7736 79.4793 20.5208C83.2293 24.2708 86.1988 28.6805 88.3877 33.75C90.5765 38.8194 91.6696 44.2361 91.6668 50C91.6668 55.7639 90.5724 61.1805 88.3835 66.25C86.1946 71.3194 83.2266 75.7291 79.4793 79.4791C75.7293 83.2291 71.3196 86.1986 66.2502 88.3875C61.1807 90.5764 55.764 91.6694 50.0002 91.6666ZM50.0002 83.3333C59.2363 83.3333 67.1016 80.0875 73.596 73.5958C80.0904 67.1041 83.3363 59.2389 83.3335 50C83.3335 40.7639 80.0877 32.8986 73.596 26.4041C67.1043 19.9097 59.239 16.6639 50.0002 16.6666C40.764 16.6666 32.8988 19.9125 26.4043 26.4041C19.9099 32.8958 16.6641 40.7611 16.6668 50C16.6668 59.2361 19.9127 67.1014 26.4043 73.5958C32.896 80.0903 40.7613 83.3361 50.0002 83.3333Z' fill='%23FF5300'/%3E%3C/svg%3E");
}

.contain-nav {
    display: none;
}

.swiper-nav2 {
    --swiper-navigation-size: 100px;
}


.swiper-cours .swiper-pagination .swiper-pagination-bullet {
    background-color: gainsboro;
    opacity: 1;
    width: 10px;
    height: 10px;
}

.swiper-cours .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--color_jaune);
}

.section3 {

    width: 100%;
    height: 100%;

}

.contain-s3 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5rem 10rem;
}


.actu-cards {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}

.card {
    width: 100%;
    min-width: 400px;
    background-color: rgba(217, 213, 213, 0.842);
    color: var(--color_noir);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    flex-grow: 1;
}

.card-img {
    height: 100%;
    width: 250px;
    border-radius: 10px;
    padding: 0;
    position: relative;
    flex-shrink: 0;
}

.card-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.card-text {
    height: 100%;
    padding: 1.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.card-text h3 {
    font-size: 2rem;
    padding: 0;
    margin: 0;
    font-weight: 500;
}

.card-text p {
    padding: 0;
    margin: 0;
}

.card-text .p1 {
    font-weight: 500;
    margin-bottom: 2rem;
}

.section4 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5rem;
    position: relative;
}

.cours {
    width: 100%;
    height: 100%;
    padding: 5rem 5rem;
}

.cours-co {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.swiper-co {
    width: 100%;
    height: 100%;
}

.swiper-cours .swiper-wrapper {
    margin-bottom: 30px;
}


.slide-co img {

    border-radius: 15px;
}

.swiper-slide-co {
    display: flex;
    justify-content: space-between;
    max-width: 360px;
}

.card-co {
    width: 360px;
    height: 360px;
    display: flex;
    align-items: center;
    padding: 2rem 3rem;
    position: relative;
    transition: var(--transition-cours-co);
    border-radius: 15px;
    overflow: hidden;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}



.card-co:hover img {
    top: calc(-1 * var(--top-co));
}


.card-co::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--background-gradient);
    opacity: 0;
    transition: var(--transition-cours-co);
    z-index: 1;
}

.card-co:hover::before {
    opacity: 1;
}

.card-co img {
    width: 100%;
    height: calc(100% + var(--top-co));
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
    transition: var(--transition-cours-co);
}

.card-co .info {
    position: relative;
    color: var(--color_blanc);
    transition: var(--transition-cours-co);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 2;
}


.card-co .info h3 {
    position: absolute;
    font-size: 1.5rem;
    margin: 1rem 0;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--transition-cours-co);
    text-transform: uppercase;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 50%);
}

.card-co:hover .info h3 {
    top: 0;
}

.hours {
    position: absolute;
    bottom: -40px;
    transition: var(--transition-cours-co);
}


.card-co:hover .hours {
    bottom: 0;
}

.hours p {
    font-size: 19px;
    opacity: 0;
    transition: var(--transition-cours-co);
    margin: 0.5rem 0;
}

.card-co:hover .hours p {
    display: block;
    opacity: 1;

}




/* Styles pour la popup */
.popup {
    display: none;
    position: fixed;
    /* changer la position en fixed */
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 999;
    max-width: 90%;
    max-height: 90%;
    overflow: auto;
    border-radius: 5px;
}

.popup iframe {
    width: 100%;
    /* height: auto;
    aspect-ratio: 16/9; */
    object-fit: contain;
}

.popup h3,
.popup p {
    color: var(--color_noir);
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    cursor: pointer;
    color: #000;
}


/* Styles pour le fond obscurci */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 998;
}


.cours-suivis {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


.swiper-suivis {
    width: 100%;
    height: 100%;
}

.swiper-slide-suivis {
    display: flex;
    justify-content: space-between;
    max-width: 360px;
}

.card-suivis {
    width: 360px;
    height: 360px;
    display: flex;
    align-items: center;
    padding: 2rem 4rem;
    position: relative;
    transition: var(--transition-cours-co);
    border-radius: 15px;
    overflow: hidden;
    justify-content: center;
    text-align: center;
}

.card-suivis:hover img {
    height: 100%;
}


.card-suivis::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--background-gradient);
    opacity: 1;
    transition: var(--transition-cours-co);
    z-index: 1;
}

.card-suivis:hover::before {
    opacity: 0;
}

.card-suivis img {
    width: 100%;
    height: calc(100% + var(--top-co));
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
    transition: var(--transition-cours-co);
}

.info-suivis {
    position: relative;
    color: var(--color_blanc);
    transition: var(--transition-cours-co);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.card-suivis:hover .info-suivis {
    opacity: 0;
}

.info-suivis h3 {
    font-size: 1.5rem;
    z-index: 1;
    text-shadow: 3px 3px 4px rgb(0 0 0 / 50%);
}

.coach-pres {
    background-color: #8b8b8b7b;
    margin-top: 5rem;
    width: 690px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 2rem;
    padding: 2rem;
    border-radius: 15px;
}

.coach-img {
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
    overflow: hidden;
}

.coach-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.coach-text {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.coach-text h3 {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    text-align: center;
}

.coach-text p {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    text-align: center;
}

.section5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.contain-s5 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5rem 10rem;
}

.cta {
    width: 100%;
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    background-color: #8b8b8b7b;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
}

.cta iframe {
    width: 100%;
    height: 100%;
    min-height: 400px;
    border-radius: 15px;
}

.decouverte-form, .reservationform {
    margin: 0 auto;
    border-radius: 5px;
    margin: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.decouverte-id, .reservationform-id{
    display: flex;
    gap: 2rem;
}

.decouverte-block, .form-group, .form-control, .form-group textarea {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


.full-decouverte {
    flex: 1;
    width: 100%;
}

label {
    display: block;
    color: var(--color_jaune);
    font-weight: 300;
    font-size: 1rem;
}

.decouverte-block input, .form-group input, .form-control input, .form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--color_jaune);
    backdrop-filter: blur(10px);
    background-color: rgba(2, 2, 2, 0.582);
    border-radius: 10px;
    caret-color: var(--color_jaune);
    color: var(--color_jaune);
    font-family: inherit;
    font-weight: 300;
    font-size: 1rem;
}

.decouverte-block input:focus, .form-group input:focus, .form-control input:focus, .form-group textarea:focus{
    outline: none;
    border: 1px solid var(--color_jaune);
}

.full-decouverte span {
    display: inline-block;
}

#decouverte-validate, .btn-success{
    background-color: var(--color_jaune);
    color: var(--color_noir);
    padding: 10px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    font-family: inherit;
    display: flex;
    font-size: 1rem;
    font-style: normal;
}

#decouverte-validate:hover, .btn-success:hover{
    background-color: var(--color_noir);
    color: var(--color_blanc);
}

#decouverte-validate::before, .btn-success::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M4 5.26V13.75H8.08L8.68 12.84C9.84 11.05 11.93 10.25 13.47 10.25C14 10.25 14.45 10.34 14.79 10.5C15.7 10.91 15.95 11.68 16 12.24C16.08 13.37 15.5 14.53 14.5 15.21C13.6 15.83 11.44 16.5 8.87 16.5C7.12 16.5 4.61 16.19 2.12 14.8C2.41 12.35 3 8.38 4 5.26ZM4 0.5C1 4.59 0 15.84 0 15.84C2.9 17.81 6.08 18.5 8.87 18.5C11.86 18.5 14.39 17.71 15.64 16.86C18.64 14.82 18.94 10.21 15.64 8.68C15 8.39 14.26 8.25 13.47 8.25C11.17 8.25 8.5 9.46 7 11.75H6V4.59H8L9 1.5L4 0.5Z' fill='black'/%3E%3C/svg%3E");
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    transition: var(--transition-cours-co);
}

#decouverte-validate:hover::before, .btn-success:hover::before {

    filter: var(--filter-btn)
}

#street.form-control, label[for="street"]{
    display: none;

}