html {
  height: 100%;
}

*{
    margin:0px;
    padding: 0px;
    font-family: Deezerlt;}

body{background-image: url('fond.png');
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: 4400px;}

@font-face {
    font-family: Deezer;
    src: url("DeezerProduct-Medium.ttf");
}

@font-face {
    font-family: Deezerlt;
    src: url("DeezerProduct-Light.ttf");
}

/****************************************/
#nom{position: absolute;
        top: 20px;
        left: 90px;
        width: 330px;
        font-size: 40px;
		color:white;}


.div{width: 200px;
        height: 60px;
        display: flex;
        position: absolute;
        top: 80px;
        left: 20px;}
		
.txt{position:relative;
      padding-left: 30px;
      color: white;
      font-size: 20px;
	  top:30px;}
	  
#home{top: 80px;}
#contact{top:160px;}
#passions{top:285px;}

.div:hover, .divexperiences:hover{background-color: rgb(66, 66, 80);
           border-radius: 20px;
           padding: 5px;} /* le padding est fiat exprès :)*/
                          
/****************************************/

#experiences{position: absolute;
			top:410px;
			left:20px;
            width: 360px;
			color: white}
			
#marge{margin-left:160px;
font-family: sans-serif;}


.divexperiences{width: 280px;
        height: 60px;
        display: flex;
        position: absolute;
        left: 20px;}

.txtexperiences{color: white;
            font-size: 20px;
            padding-left: 20px;
            padding-top: 20px;}

.imageexperiences{border-radius: 10px;}

#exp1{top:460px}
#exp2{top:560px}
#exp3{top:660px}
#exp4{top:760px}

/****************************************/
#centre{position: absolute;
        top:100px;
        left: 410px;
        color: white;}

#titre{font-size: 30px;}

#blabla{margin-top: 50px;
        line-height: 1.5;
        font-size: 20px;
        max-width: 1400px;
        padding-left: 20px;}

#voile{position: absolute;
       top: 140px;
       left: 900px;
       height: 300px;
       border-radius: 20px;}
/****************************************/

footer{
    background-color: rgba(255, 255, 255, 0.495);
    padding: 10px;
    max-height: 34px;
    font-size: 18px;
    text-align: center;
    position: sticky; bottom: 0; left: 0; right: 0;
    position: absolute;
    color: rgb(255, 255, 255);
}