#div_accueil{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 75vh;
    background-image: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%),
    url(../images/photo_ateliers1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 0;
    margin-bottom: 2%;
}

#div_accueil h1{
    display: none;
}

#div_accueil h2{
    display: none;
}

#logo_accueil{
    height: 50%;
}

#div_presentation{
    display: flex;
    flex-direction: column;
    margin: 7% 10% 7% 10%;
}

#div_presentation h2{
    text-align: center;
    margin-bottom: 0;
}

#div_presentation h3{
    text-align: center;
}

#div_presentation p {
    text-align: justify;
}

#div_presentation #logos_organisateurs{
    margin-top: 5vh;
    display: flex;
    flex-direction: row;
    height: 20%;
    align-items: center;
    justify-content: center;
}

#div_presentation #logos_organisateurs img{
    max-width: 25%;
    margin: auto;
}

#div_entreprises{
    padding-top: 5vh;
    padding-bottom: 3vh;
    background-color: var(--couleur-jaune-clair);
}

#div_entreprises h2{
    text-align: center;
    
    margin-bottom: 0;
}

#div_entreprises h3{
    text-align: center;
}

#div_entreprises #insert_entreprises{
    margin-right: 20%;
    margin-left: 20%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 100%;
    margin-top: 5vh;
    margin-bottom: 5vh;
}

#div_entreprises .container_entreprises {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2vh;
}

#div_entreprises .txtentreprise {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.3em;
}

#div_entreprises .container_logo_entreprises {
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--couleur-jaune);
    border-radius: 0;
    aspect-ratio: 1;
    width: 13vh;
    height: auto;
    transition: all .3s ease;
}

#div_entreprises .container_logo_entreprises:hover{
    filter: drop-shadow(0 0 0.5em var(--couleur-jaune));
    transition: all .3s ease;
}

#div_entreprises .container_logo_entreprises a{
    width: 80%;
    height: 80%;
    justify-content: center;
    align-items: center;
    filter: grayscale(100);
    transition: all .2s ease;
}

#div_entreprises .container_logo_entreprises a:hover{
    width: 100%;
    height: 100%;
    filter: grayscale(0);
    transition: all .2s ease;
}

#div_entreprises .entreprise_logo{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#programme{
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 10vh;
}

#programme #image_programme{
    width: 50%;
}

#plan{
    background-color: var(--couleur-violet-clair);
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 2vh;
    padding-bottom: 10vh;
}

#plan .image_plan{
    border: 1px solid var(--couleur-violet);
    width: 60%;
}

@media screen and (max-width: 100vh) {
    #logo_accueil{
        max-width: 75%;
        height: auto;
    }

    #div_entreprises #insert_entreprises{
        grid-template-columns: repeat(3, 1fr);
    }

    #div_entreprises .container_logo_entreprises {
        width: 17vw;
    }

    #div_entreprises .container_logo_entreprises a{
        filter: grayscale(0);
    }

    #programme #image_programme{
        width: 90%;
    }

    #plan .image_plan{
        border: 1px solid var(--couleur-violet);
        width: 90%;
    }

    .bouton{
        font-size: 1.5em;
    }
}