/** Commentaire **/

main {
    margin: 5%;
}


p {
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 208%;
    letter-spacing: 16.5%;
}

img {
    margin: 5%;
}



button {
    border: 2px solid #94d5eb;
    border-radius: 48px ;
    background-color: #94d5eb;
    width: 400px ;
    height: 75px;

    color: #046b5b;
    font-size: 32px;

    margin: 5%;

}

.reouverture {
    display: flex;

    margin-bottom: 5%;
    
}



.reouverture-titre {
    color: #94d5eb;
    font-style:  bold;
    
    
}

.reouverture-infos {
    display: flex;
    flex-direction: column;

}

span {
    color: #046b5b;
    
}



.reouverture-texte {
    display: flex;
    justify-content: flex-end;
    margin-right: 10%;
}

.images-reouverture {
    display: flex;
    max-width: 60%;
    margin-right: 5%;

}

.gauche {
    display: flex;
    flex-direction: column;
    margin: 2%;
    justify-content: center;
}
.droite {

    display: flex;
    flex-direction: column;
    justify-content: center;

}

.en-savoir-plus {
    
    width: 150px;
    height: 40px;
    font-size: 20px;
    
}

.texte-jeunesse {
    display: flex;
    justify-content: flex-start;
    
}

#paragrpahe {
    max-width: 60%;
}

.decouvert {
    max-width: 40%;
    line-height: 208%;
    letter-spacing: 16.5%;
}

.images-jeunesse {
    
    display: flex;
    max-width: 30%;
    justify-content: flex-start;
}

.soustitre-groupe-jeunesse {
    display: flex;
    max-width: 40%;
    flex-direction: row;
    
}

.reserver {
    display: flex;
    justify-content: flex-end;
}

.vol-oiseau {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 5%;
}

.vol-oiseau-texte {
    max-width: 30%;
}

.vol-oiseau-images {
    display: flex;
    justify-content: flex-end;

    max-width: 60%;
    height: auto;

}

.face-cachee {
    display: flex;
    margin-bottom: 5%;
    max-width: 30%;

}