/*

CSS loadé seulement si le Javascript est désactivé
Il est ajouté dans un tag <noscript> dans le header

*/

.accordion-button {
    cursor: default!important;
}

.accordion-button::after {
    display: none!important;
}

.dvm .swiper-wrapper {
    display: block!important;
    height: auto!important;
}

.dvm .swiper-wrapper .swiper-slide:not(:last-of-type) {
    padding-bottom: 50px!important;
}

.oac .js, .navbar-toggler-icon {
    display: none!important;
}

.oac .no-js, .recherche-sans-js, div#navbarNavDropdown  {
    display: block!important;
}

.csshl-affichage-nouvelles-new-wrapper:nth-child(odd) .img-thumbnail-constella img {
    position: absolute;
    right: 0;
}

.csshl-affichage-nouvelles-new-wrapper:nth-child(even) .img-thumbnail-constella img {
    position: absolute;
    left: 0;
}

.banniere-entete .img picture>img {
    display: none;
}

.csshl-popup.jsd {
    display: block!important;
    width: 100%;
    margin: 0!important;
    padding: 0!important;
}

.popup-wrapper {
    padding: 20px;
}

.popup-X, .recherche {
    display: none;
}

@media all and (min-width: 992px) {
    
    #wrapper-navbar .navbar {
        flex-wrap: wrap;
        .boite-logo-adj {
            padding: 2em 0;
            .boite-logo {
                /* .le_logo img {
                    width: 285px;
                } */
            }
            .boite-logo,
            .recherche-div {
                display: flex;
                align-items: center;
                .recherche-div-icon {
                    display: flex;
                    position: relative;
                }
                .recherche-div-link {
                    margin-left: 10px;
                    a {
                        color: #000;
                        text-decoration: none;
                    }
                }
            }
        }
        #logo-tagline-wrap {
            flex-direction: row;
            align-items: center;
            #top-description {
                padding-top: 0;
            }
        }
        .boite-navigation-menu {
            background-color: #E8F6FF;
            height: 100px;
            position: relative;
            #navbarNavDropdown {
                height: 100%;
                margin: 0 auto;
                #menu-menu-principal {
                    padding-top: 0;
                    margin: 0 auto;
                    >li.menu-item {
                        position: static;
                        >.nav-link, >.dropdown-item {
                            color: #494949;
                            opacity: 1;
                            position: relative;
                            padding: 2.5rem 1.5rem;
                        }
                        >.dropdown-item::after {
                            display: none;
                        }
                        .nav-link:hover {
                            color: #000;
                        }
                        .nav-link:hover:before {
                            content: "";
                            display: block;
                            width: 80%;
                            height: 12px;
                            background-color: rgb(255, 239, 134);
                            position: absolute;
                            left: 9%;
                            bottom: calc(50% - 0.8rem);
                            z-index: -1;
                        }
                    }
                    li.menu-item {
                        .dropdown-menu.depth_0 {
                            display: none;
                        }
                    }
                    li.menu-item:hover {
                        .dropdown-menu.depth_0 {
                            width: 100%;
                            display: flex;
                            flex-wrap: wrap;
                            position: absolute;
                            padding: 30px 5%;
                            background-color: white;
                            left: 0;
                            top: 99px;
                            >li.menu-item {
                                width: 25%;
                                >a {
                                    font-family: 'Barlow';
                                    font-weight: bold;
                                    text-transform: uppercase;
                                    font-size: 1.5em;
                                }
                                >a::before{
                                    content: "";
                                    background-color: #364C96;
                                    display: block;
                                    width: 10px;
                                    height: 1.5em;
                                    position: absolute;
                                    left: -5px;
                                }
                                >a::after{
                                    display: none;
                                }
                                a {
                                    color: #364C96;
                                    white-space: normal;
                                }
                            }
                            .dropdown-menu.depth_1 {
                                position: static;
                                display: block;
                                margin-left: 0;
                                border: none;
                                li.menu-item {
                                    width: 100%;
                                }
                            }
                        }
                    }/* 
                    li.mega-menu.menu-item:hover ul.sub-menu {
                        display: block;
                        width: 100%;
                        padding: 0;
                        left: 0;
                        top: 100px;
                    } */
                }
            }
        }
    }
}

.filtre-etablissement ul {
    overflow: unset!important;
    position: static!important;
    height: auto!important;
    border: 0!important;
}

.filtre-etablissement ul li:hover,
.filtre-etablissement ul li a:hover {
    color: #364C96!important;
    text-decoration: underline;
}

a>.list-cont-ecole-img, #bultx, #bultx2, #m, .fakea {
    display: none!important;
}

/* #swiper-banniere-accueil.swiper.desactive-wng .swiper-wrapper .swiper-slide {
    height: auto!important;
}

#swiper-banniere-accueil.swiper.desactive-wng .swiper-wrapper .swiper-slide .csshl-banniere-accueil-slide-section-bg-contenu-wrapper {
    position: static!important;
    padding: 50px 0!important;
}

#swiper-banniere-accueil.swiper.desactive-wng .swiper-wrapper .swiper-slide .csshl-banniere-accueil-slide-section-img {
    position: static!important;   
    height: auto!important;
}

#swiper-banniere-accueil.swiper.desactive-wng .swiper-wrapper .swiper-slide .csshl-banniere-accueil-slide-section-img img {
    max-width: 100%!important;
}

#swiper-banniere-accueil.swiper.desactive-wng .csshl-banniere-accueil-slide-section-bg-contenu-wrapper .csshl-banniere-accueil-slide-section-bg-contenu .csshl-banniere-accueil-slide-section-bg-contenu-texte {
    margin-bottom: 0!important;
}

#swiper-banniere-accueil.swiper.desactive-wng .csshl-banniere-accueil-slide-section-bg-contenu-wrapper .csshl-banniere-accueil-slide-section-bg-contenu .csshl-banniere-accueil-slide-section-bg-contenu-button {
    padding-top: 1em!important;
} */