/* ------- Trucs à changer pour la mise à jour ------- */




#process{
        background-image: url(../imgs/Proj_1/Maquette_portfolio_Elan_Sketches%20.png);
}

#process-droite{
    background-color: #0a192f;
    padding-left: 70px;
    padding-bottom: 10px;
}

#solution { /* à changer selon la longueur du texte */
    height: 525px;
}

#sol { /* à changer selon la longueur du texte */
    height: 40vh;
}

/* Les parallax du logo, c'est du cas par cas - va directement à la section

La meme pour les variations*/  





#normes-graphiques img{
    width: 100%;
}

#conclusion{
    background-image: url(../imgs/Proj_4/concl_logo_final.png);
    filter: opacity(50%);
}





/* ---------------- PLUS LES BG IMAGES DANS LE CSS MODILE ------------------- */








/* ------- Contruction de la mise en page ------- */

body {
    max-width: 1920px;
    display: flex;
    overflow-x: hidden;
    
}

p{
    line-height: 25px;
}




#hero {    
    display: flex;
    margin-top: 7vh;
    margin-bottom: 7vh;
    align-items: center;
}

#hero div{
    width: 90%;
    height: 37vh;
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    justify-content: space-evenly
}


#hero img{
    width: 50%;
    margin-right: 10%;
}


#hero p{
    width: 67%
}

/* --------- Intro projet ---------*/


#info {
    height: 60vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}






/* --------- À propos de l'entreprise client --------- */



#about{
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#client {
    height: 1000%; /* TU PEUX CHANGER LA HAUTEUR DE LA SECTIION SI TU LE SOUHAITES */
    /*background-color: #0a192f;*/
    display: flex;
    align-items: center;
    background-color: aliceblue;
}

#client p{
    color: #0a192f;
    width: 89%;
}

#client h2{
    color: #0a192f;
}

#expli {
    height: 42%;     /* TU PEUX CHANGER LA HAUTEUR DE LA SECTIION SI TU LE SOUHAITES */
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 5%;
}

#montagne{
    background-color: red;
    height: 100%;        
    width: 50%;
    margin-left: 75px;
    background-image: url(../imgs/Proj_4/muse.jpg);
    background-size: cover;
    background-position-x: top;
}

    
#image-full{
    display: flex;
    justify-content: center;
    margin-top: 7vh;
}






/* --------- Conclusion ---------*/

#conclusion {

    height: 70vh;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    
}



.menu {
    /*background-color: aqua;*/
    height: 170px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 55px 0 55px;
}

.navigation {
    font-size: 20px;
    line-height: 50px;
    color: aliceblue;
    opacity: 60%;
    /*background-color: aqua;*/
    padding: 0 20px 0 20px
}