/* <!-- VAN EECKHAUTE steeve --> */
:root {
    --text-para-color: white;
    --text-para-family: "area-normal", sans-serif;
    --text-para-weight: 700;
    --text-para-style: normal;
    --margin-presentation-L: 10vw;
  }
header{
    display: flex;
    width: 100%;
}
nav{
    background-color: rgb(255, 255, 255);
    width: 100%;
    display: flex;                
    justify-content: space-between;
    padding: 1% 4%;
    margin:3rem;
    border: solid;
}
.accueil{
    text-align: center;
    font-size: 100%;
    font-family: "nickel-gothic-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wdth" 100;
    letter-spacing: 1px; 
    text-decoration: none; 
    color: rgb(0, 0, 30); 
}
.accueil:hover {
    font-variation-settings: "slnt" -25, "wdth" 100;

}
body{
    background-color: blue;
    width: 100%;
}
.h1_presentation{
    display: flex;
    justify-content: left;
    padding-top: 10vh; 
}
h1{
    display: inline-block;
    justify-content: left;
    background-color: white;
    font-size: 6em;
    font-family: "nickel-gothic-variable", sans-serif;
    font-variation-settings: "slnt" -15, "wdth" 75;
    letter-spacing: 6px; 
    color: rgb(0, 0, 30);        
    padding: 0.1em 0.3em;  
    line-height: 1; 
    margin: 0; 
    margin-left: var(--margin-presentation-L);  
}
.titresteeve{
    display: flex;
    justify-content: left;
    font-size: 6em;
    font-family: "nickel-gothic-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wdth" 75;
    letter-spacing: 6px; 
    color: rgb(255, 255, 255);
    margin: 0;      
}
.presentation{
    display: flex;
    justify-content: left;
    color: var(--text-para-color);
    font-family: var(--text-para-family);
    font-weight: var(--text-para-weight);
    font-style: var(--text-para-style);
    margin-left: var(--margin-presentation-L); 
}
.p_presentation{
    margin-left: var(--margin-presentation-L); 
    margin-top: 5vh; 
}
.cont_portefolio{
    display: block;
    height: 1500px;
}
.aligneportefolio{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10vh; 
}
#boxMaster{
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 100vh;
    /* border: solid black 2px; */
}
#boxOne, #boxTwo, #boxTree{
    min-width: 500px;
    min-height: 1200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    /* border: solid black 2px; */
}

.divSecondaire img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.divSecondaire {
    width: 350px;
    height: 1000px;
    background-color: white;
    overflow: hidden;
}


h3{
    justify-content: center;
    background-color: white;
    font-size: 2em;
    font-family: "nickel-gothic-variable", sans-serif;
    font-variation-settings: "slnt" -15, "wdth" 75;
    letter-spacing: 6px; 
    color: rgb(0, 0, 30);        
    padding: 0.1em 0.3em;  
    line-height: 1;    
}
.for_date,.for_info,.exp_date,.exp_info{
    color: var(--text-para-color);
    font-family: var(--text-para-family);
    font-weight: var(--text-para-weight);
    font-style: var(--text-para-style);
}
.exp_espace{
    margin-bottom: 10vh;
}
.titre2{ 
    display: inline-block;
    justify-content: center;
    align-items: center;
    background-color: white;
    font-size: 6em;
    font-family: "nickel-gothic-variable", sans-serif;
    font-variation-settings: "slnt" -15, "wdth" 75;
    letter-spacing: 6px; 
    color: rgb(0, 0, 30);        
    padding: 0.1em 0.3em;  
    line-height: 1;           
}
.h2_for,.h2_exp{
    display: flex;
    justify-content: center;
    align-items: center;    
    padding-top: 10vh; 
}
.cont_for,.cont_exp{
    display: flex;
    justify-content: center;
}
.for_date,.exp_date{
    border-right: 2px solid white; 
    padding-right: 2em;           
    margin-right: 2em;         
}
p{
    margin: 0;
}
footer{
    margin: 10vw;
}