/*GENERAL*/

#site-selection{
    width:100%;
}

#activities-selection{
    display: flex;
    justify-content: center;
    width:100%;
}

.welcome-section {
    display: flex;
    min-height: calc(100vh - 81px - 32px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    flex-direction: row;
    padding:0;
    justify-content: space-around;
    align-items: center;
}


.welcome-section-b {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 16px;
    max-width: 486px;
    padding: 0 20px 0 20px;
    width: 100%;
}

/**********************************/
/************* WIDGET *************/
/**********************************/

#search-container p,#search-container span {
    font-family: "Poppins-semibold", Inter-bold, arial, sans-serif;
    font-size: 40px;
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Ombre noire */
    z-index: 2;
}

/*section recherche*/
#search-container {
    display: flex;
    width: 50%;
    align-items: center;
    padding: 0 20px 0 20px;
}

#search-container .infoSite {
    display: flex;
    flex-direction: column;
}

/*WIDGET SELECTION SITE*/

#body_background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position-y: 5rem;
}


/*WIDGET SELECTION CHANNEL*/

#site-selection label{
    display: none;
}
#site-selection .selectionSiteWrapper{
    margin-bottom: 0;
}


/*SECTION*/
/*890 et plus : tablette paysage et PC*/
/*- Entre 700 et 889  : tablette portrait*/
/*- Entre 396 et 699 : smartphone XL*/
/*- Moins de 396 : smartphone*/
@media screen and (min-width: 890px) {

    section.welcome-section.main-section {
        align-items: center;
    }

    #search-container, #multisite-selection-container {
        width: 740px;
        max-width: none;

    }
}

@media screen and (min-width: 700px) and (max-width: 889px) {

    section.welcome-section.main-section {
        align-items: flex-start;
        justify-content: flex-start;
    }

    #search-container {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 396px) and (max-width: 699px) {

    section.welcome-section.main-section {
        align-items: flex-start;
        justify-content: flex-start;
    }

    section #search-container {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media screen  and (max-width: 396px) {

    section.welcome-section.main-section {
        align-items: flex-start;
        justify-content: flex-start;
    }

    section.main-section {
        height: 500px;
    }

    section #search-container {
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        font-size: 32px;
    }
}

@media (max-width: 889px) {
    .welcome-section {
        background-attachment: scroll;
    }

    #search-container p, #search-container span {
        font-size: 32px;
    }
    .welcome-section{
        flex-direction: column;
        justify-content: center;
    }
    section #search-container {
        max-width: 486px;
        width: 100%;
        padding: 0 20px 0 20px;
    }
    #search-container .infoSite {
        align-items: center;
    }
    .site-title {
        text-align: center;
    }
    .site-catch-phrase p{
        text-align: center;
    }
}