/* Styles généraux pour le contenu principal */
.home-ecole {
    margin-bottom: 45px;
    margin-top: 45px;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px; /* Largeur maximale pour le contenu principal */
    padding-left: 15px;
    padding-right: 15px;
}

.home-ecole p {
    padding: 10px 0;
    line-height: 1.5em;
    color: #272727;
}

.home-ecole-title {
    text-align: center;
    margin: 20px;
}

/* Mise en page flex pour organiser le contenu et le sidebar côte à côte */
.home-ecole-container-flex {
    display: flex;
    justify-content: space-between; /* Répartir les espaces équitablement */
    max-width: 1280px; /* Largeur maximale du conteneur flex */
    margin-left: auto; /* Centrage horizontal */
    margin-right: auto; /* Centrage horizontal */
}

/* Styles pour le sidebar */
.ecoles-formations-sidebar {
    width: 300px; /* Largeur fixe pour le sidebar */
    margin-right: 20px; /* Espace entre le sidebar et le contenu */
    height: auto; /* Hauteur automatique */
    overflow-y: auto; /* Défilement si nécessaire */
}

/* Rendre le contenu principal flexible */
.home-ecole-container-flex .content {
    flex-grow: 1; /* Permet au contenu de croître pour remplir l'espace disponible */
    min-width: 0; /* Empêcher le contenu de déborder */
}

#adbg:has(+ .single-campus),#adbg:has(+ .single-ecoles),#adbg:has(+ .single-formations){
    display: none !important;
}

body.advertising #main:has(.single-campus), 
body.advertising #main:has(.single-ecoles), 
body.advertising #main:has(.single-formations){
    padding-top: 10px;
}

/* Pour les grands écrans où le sidebar est sticky */
@media screen and (min-width: 1100px) {
    .ecoles-formations-sidebar {
        position: -webkit-sticky;
        position: sticky; /* Sidebar sticky */
        top: 22%;
    }
  
    .home-ecole-container-flex {
        display: flex;
        align-items: flex-start; /* Alignement au haut, empêche le sidebar de dépasser le contenu */
    }
}

/* Adaptation pour les tablettes et mobiles */
@media screen and (max-width: 1099px) {
    .home-ecole-container-flex {
        display: block;
    }

    .ecoles-formations-sidebar {
        width: 100%; /* Le sidebar prend la pleine largeur */
        padding: 20px;
        margin-bottom: 35px; /* Espace sous le sidebar */
    }

    .home-ecole {
        width: auto; /* Le contenu principal prend la pleine largeur */
        padding-left: 15px;
        padding-right: 15px;
    }
}