.page-id-2439 #header-message {
    display: none;
}

.footer-inscription-lp {
    position: fixed;
    bottom: 0;
    z-index: 50;
}

.footer-inscription-lp .btn-form {
    cursor: pointer;
    border-top-left-radius: 5px!important;
    border-top-right-radius: 5px!important;
    border-bottom-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.card-note {
    border-top-left-radius: 25px!important;
    border-top-right-radius: 25px!important;
}

.reassurance-logos img {
    width: 80px!important;
    height: 80px!important;
    aspect-ratio: unset!important;
    object-fit: contain!important;
}

.card-note p.number {
    font-size: 60px!important;
}

.bloc-programme {
    position: relative;
}

.bloc-programme::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90vh;
    height: 54vh;
    background-image: url('/wp-content/uploads/2025/09/homme-formation-commerciale.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.card-programme {
    margin-top: -80px;
    margin-left: auto;
    margin-right: auto;
}

.card-programme .card {
    border: solid 1px #D9D9D9;
}

.nav-card-infos {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-top-right-radius: 25px!important;
}

.card-nav-txt {
    cursor: pointer;
    padding-right: 50px!important;
    border-top-right-radius: 25px!important;
    background: #FBFBFB!important;
}

.card-nav-txt.active {
    background: #FFFFFF!important;
}

.card-nav-txt.active .nav-txt p {
    color: var(--color-secondary)!important;
    font-weight: bold;
}

.group-card-infos {
    position: relative;
}

.card-infos {
    border-top-left-radius: 0!important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.card-infos:nth-of-type(2) {
    position: absolute;
    top: 0;
}

.card-fin-formation {
    border: solid 1px #D9D9D9;
}

.card-avis {
    border: solid 1px #D9D9D9;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: relative;
}

.card-avis .profil img {
    width: 50px!important;
}

.card-avis .wp-block-video {
    margin: 0!important;
}

.card-avis .wp-block-video video,
.card-avis iframe {
    width: 100%;
    height: 200px!important;
    position: relative;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

.card-avis .etoiles {
    position: absolute;
    bottom: 20px;
}

.card-avis .user-video {
    border-bottom-left-radius: 25px!important;
    border-bottom-right-radius: 25px!important;
    position: relative;
}

.card-avis .user-video::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    top: -6px;
    left: 0;
    background-color: #ECE9EB;
}

.wp-block-bary-theme-section.faq {
    padding-bottom: 15px!important;
    border-bottom: solid 1px #bebebe4d;
}

.faq .reponse {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
}

.faq .question {
    cursor: pointer;
    position: relative;
}

.faq .question p {
    width: 90%;
}

.faq .question::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 15px;
    height: 1px;
    background-color: #000;
    border: solid 2px black;
}

.faq .question::after {
    content: "";
    display: block;
    position: absolute;
    right: 6px;
    top: 3.5px;
    width: 1px;
    height: 15px;
    background-color: #000;
    border: solid 2px black;
    transform: rotate(0);
    transition: transform 0.5s ease;
}

.faq .question.ouvert::before {
    display: none;
}

.faq .question.ouvert::after {
    transform: rotate(90deg);
}

.faq .reponse.ouvert {
    max-height: 500px;
}

.form-inscription-lp {
    display: none;
    position: fixed;
    width: 50%!important;
    height: 80vh!important;
    left: 25%;
    top: 10%;
    z-index: 50;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.btn-formulaire {
    cursor: pointer!important;
    transition: background-color 0.4s ease;
    border-radius: 5px!important;
}

.btn-formulaire:hover {
    background-color: var(--color-primary)!important;
}

@media screen and (max-width: 768px) {
    .wp-block-bary-theme-section[style*="width:60"],
    .wp-block-bary-theme-section[style*="width:50"],
    .wp-block-bary-theme-section[style*="width:40"] {
        width: 100%!important;
    }
    .note-assurance>.d-flex {
        flex-direction: column-reverse!important;
    }
    .card-note {
        width: 100%!important;
    }
    .reassurance-logos img {
        width: 50px!important;
        height: 50px!important;
        aspect-ratio: unset!important;
        object-fit: contain!important;
    }
    .bloc-programme {
        overflow: hidden;
    }
    .bloc-programme::after {
        right: -4vh;
        width: 32vh;
        height: 30vh;
    }
    .card-programme {
        margin-top: -40px;
    }
    .bloc-faq .wp-block-bary-theme-section {
        width: 100%!important;
    }
    .form-inscription-lp {
        width: 90%!important;
        height: 90vh!important;
        left: 2.5%;
        top: 5vh;
    }
    .footer-inscription-lp .btn-form {
        width: 100%!important;
    }
    .footer-inscription-lp .btn-form .sub-title {
        text-align: center!important;
    }
    .section-chiffres-raison .d-flex {
        flex-direction: row!important;
    }
    .card-avis .etoiles {
        position: relative;
        margin-top: 20px;
    }
}