.col-4, .col-6, .col-8 {
    width: 100%;
}

.row-aa,
.row-bb{
    padding: 0 20px;
}

.row-aa {
    display: flex;
    flex-direction: column-reverse;
}

@media all and (min-width: 1000px) {
    .row-aa {
        display: flex;
        flex-direction: row;
    }

    .col-8 {
        width: 75%;
    }
    
    .col-6 {
        width: 50%;
    }
    
    .col-4 {
        width: 25%;
        margin-top: -220px;
        z-index: 999;
    }

    .pr-500 {
        padding-right: 500px !important;
    }

    .pr-15 {
        padding-right: 150px !important;
    }

    .pl-15 {
        padding-left: 150px !important;
    }

    .pr-10 {
        padding-right: 100px !important;
    }

    .pl-10 {
        padding-left: 100px !important;
    }

    .pr-5 {
        padding-right: 50px !important;
    }
    
    .pl-5 {
        padding-left: 50px !important;
    }

    .pr-3 {
        padding-right: 30px !important;
    }
    
    .pl-3 {
        padding-left: 30px !important;
    }

    .mr-100 {
        padding-right: 100px !important;
    }
}

.mb-10 {
    margin-bottom: 100px;
}

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

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

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

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

.mt-5 {
    margin-top: 50px;
}

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

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

.pt-3 {
    padding-top: 30px;
}

.pb-3 {
    padding-bottom: 30px;
}

/****/
.single-alternance .container-wrap,
.single-formation .container-wrap,
.single-offre-demploi .container-wrap,
.single-teambuilding .container-wrap {
    padding-top: 0 !important;
}


/*****/


.toggle {
    border-bottom: 1px solid #D3CCC1;
}

/* 🎨 Illustration du titre avec ::before */
.toggle-header {
    padding: 10px;
    cursor: pointer;
    display: flex; /* Permet d'aligner l'icône de droite */
    font-weight: bold;
    align-items: center;
    position: relative;
}

/* Icône illustrative à gauche */

.row-aa .toggle-header::before {
    content: "";
    background: url('../img/info.svg') no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    filter: var(--filter-vert);
}

/* Icône "+" par défaut alignée à droite */
.toggle-header::after {
    content: "";
    background: url('../img/plus.svg') no-repeat center;
    background-size: contain;
    width: 15px;
    height: 15px;
    transition: transform 0.3s ease;
    position: absolute;
    right: 0;
    filter: var(--filter-vert);
}

/* Quand le toggle est actif, remplace "+" par "-" */
.toggle-header.active::after {
    background: url('../img/minus.svg') no-repeat center;
    background-size: contain;
}

.toggle-content {
    display: none;
    padding: 10px;
}

.aa-iconbig:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    top: 2px;
    position: relative;
}

.aa-icon:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    filter: var(--filter-vert);
}

.aa-iconsmall:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    top: 2px;
    position: relative;
}

.aa-iconstats:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    top: 4px;
    position: relative;
    filter: var(--filter-blanc);
}

.i-duree:before {
    background: url(../img/time-forward.svg) center/cover;
}
.i-user:before {
    background: url(../img/user.svg) center/cover;
}
.i-home:before {
    background: url(../img/home.svg) center/cover;
}
.i-euro:before {
    background: url(../img/euro.svg) center/cover;
}
.i-date:before {
    background: url(../img/calendar.svg) center/cover;
}
.i-diplome:before {
    background: url(../img/diploma.svg) center/cover;
}
.i-code:before {
    background: url(../img/code-a-barre.svg) center/cover;
}
.i-job:before {
    background: url(../img/briefcase.svg) center/cover;
}
.i-city:before {
    background: url(../img/city.svg) center/cover;
}
.i-flag:before {
    background: url(../img/flag.svg) center/cover;
}
.i-check:before {
    background: url(../img/check.svg) center/cover;
}
.i-mail:before {
    background: url(../img/mail.svg) center/cover;
}
.i-badge:before {
    background: url(../img/badget-check-alt.svg) center/cover;
}



/********************************************************/
/********************************************************/
/* BANN *************************************************/
/********************************************************/
#fws_doublea {
    background: var(--color-4);
}
@media all and (max-width: 1000px) {
    #fws_doublea {
        display: flex;
        flex-direction: column-reverse;
    }

    #fws_doublea .row-bg-wrap {
        position: relative;
        height: 250px;
    }

    #fws_doublea .bloc-titre {
        padding: 0 20px;
    }
}

#fws_doublea .row_col_wrap_12 {
    height:65vh;
    /* text-align: center; */
}

#fws_doublea .vc_column-inner {
    margin-top: 35vh; 
    transform: translateY(-53%);
}

@media all and (min-width: 1600px) {
    #fws_doublea .row_col_wrap_12 {
        height:70vh;
    }

    #fws_doublea .vc_column-inner {
        margin-top: 35vh; 
    }
}

#fws_doublea .list-cat,
#fws_doublea .list-img-programmes {
    margin: 0 0 10px 0;
    padding: 0;
    display: inline-block;
}

@media all and (min-width: 1000px) {
    #fws_doublea .list-cat,
    #fws_doublea .list-img-programmes {
        display: flex;
        /* justify-content: center; */
        flex-wrap: wrap;
    }
}

#fws_doublea .list-cat li {
    list-style: none;
    font-weight: bold;
    font-size: 12px;
/*     border: 1px solid;
    border-radius: 30px; */
    margin: 0 15px 7px 0;
    opacity: 0.5;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

#fws_doublea .nectar-button.rejoinsnous {
    background: #FFF;
    color: #3b3b3b;
    opacity: 1 !important;
    padding: 17px 35px;
    font-size: 16px;
    margin-top: 5px;
}

@media all and (min-width: 1000px) {
    #fws_doublea .bloc-titre {
        max-width: 60% !important;
        right: 0 !important;
        left: auto !important;
    }

    #fws_doublea .aa-bg {
        width: 40% !important;
        right: 0 !important;
        left: auto !important;
    }
}

/********************************************************/
/********************************************************/
/* BLOC RIGHT *******************************************/
/********************************************************/
.bloc-infos ul {
    margin: 0;
}

.bloc-infos p{
    padding: 0 !important;
}

.bloc-infos li {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.bloc-infos .light li {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.bloc-infos li:last-child {
    border-bottom: 0 !important;
}

.bloc-modalite {
    background: #F4F0E8;
    padding: 20px 30px;
    border-radius: var(--border-radius);
    font-size: 15px;
    margin-bottom: 30px;
}

.link-gmap {
    color: #FFF;
font-weight: bold;
border-bottom: 2px solid;
padding-bottom: 2px;
}

.link-txt {
font-weight: bold;
border-bottom: 2px solid;
padding-bottom: 2px;
}

.bg-vert {
    background: var(--color-1);
}

.bg-orange {
    background: var(--color-2);
}

.bg-vert-fonce {
    background: var(--color-4);
}

.bloc-modalite-titre {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 13px;
}



/********************************************************/
/********************************************************/
/* BLOC LEFT ********************************************/
/********************************************************/

.bloc-programme h3 {
    font-size: 20px !important;
}


.bloc-poursuite-action {
    padding: 30px;
    background: #F4F0E8;
    border-radius: var(--border-radius);
}


/********************************************************/
/********************************************************/
/* BLOC INTERVENANT *************************************/
/********************************************************/
.intervenants {
    margin-top: 70px;
}

.intervenant {
    margin-top: 70px;
}

.intervenant {
    text-align: center;
}

.intervenants img {
    border-radius: 50%;
    max-width: 100px;
    margin-top: -70px;
}

.intervenant-nom {
    font-size: 18px;
    font-weight: bold;
}
.intervenant-type {
    /* font-style: italic; */
    opacity: 0.5;
}

.intervenant-liste {
    text-align: left !important;
    line-height: 1.3em;
}

/********************************************************/
/********************************************************/
/* BLOC STATS *******************************************/
/********************************************************/
.alternance-statistiques .stat-item {
    margin-bottom: 30px;
    position: relative;
    display: block;
    text-align: center;
}

.alternance-statistiques .stat-mention {
    font-size: 18px;
}

.alternance-statistiques .stats-icon {
    background: var(--color-2);
    padding: 10px;
    border-radius: 50%;
    width: 50px;
    margin: -40px auto 10px;
}

.alternance-statistiques .stat-item:nth-child(2) .stats-icon {
    background: var(--color-3);
}

.alternance-statistiques .stat-item:nth-child(3) .stats-icon {
    background: var(--color-4);
}

/********************************************************/
/********************************************************/
/* EXPORT FORMATION *************************************/
/********************************************************/
.formations-par-categorie {
    padding: 40px 20px;
    max-width: 900px;
    margin: 0 auto;
}

.categorie-block {
    margin-bottom: 50px;
}

.formation-list {
    list-style: none;
    padding-left: 0;
}

.formation-list li {
    margin-bottom: 20px;
    padding: 5px 20px 10px;
    background: #FFF;
    border-left: 4px solid var(--color-1);
    list-style: none;
}

.formation-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 5px;
}

.btn-voir-formation {
    color: #D9736A;
    padding: 6px 12px;
    text-decoration: none;
    font-size: 0.9rem;
}

.formation-infos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.info-item {
    flex: 1 1 30%;
    min-width: 200px;
}