.container{
    padding: 0;
    height:1800px;
    width: 100%;
}



.one{
    height:80px;
    background-color:darkslategray ;
    width:100%;
    color: white;
    width:auto;
    
}
header .one h1{
    text-align: left;
    padding-top: 30px;
    padding-left: 30px;
}

#droite{
    text-indent: 60px;
    text-align:right;
    color:white;
    position:absolute;
    top:40px;
    right:20px;
    display:flex;
    
}
a:visited{
    color:antiquewhite
}

.two{
    height:400px;
    background-color:rgb(84, 202, 119);
    color:white;
    text-align: center;
    position:static; 
    padding-top: 100px;  
}

main{
    height:400px;
    text-align: center;
    
}
#loisirs img{
    height:33%;
    margin:0;
    width:33%;

}



#propos{
    height: 500px;
    background-color:rgb(76, 184, 108);
    color:white;
    padding-top: 20px;
    
}


.Formation{
    color:darkblue;
    font-size: unset;
    position: absolute; 
    padding-left: 30px;
    width:50%; 
    float:left; 
    

}

.left{
    position:absolute;
    padding-top: 50px;
    width:50%;
    float:left;

}
.right{
/*position:absolute;*/
padding-left:400px ;
    padding-top: 0px;
    width:50%;
    float:right;
}

    
.Experience {
    color:darkblue;
    font-size: unset;
    width:50%;
    float:right;
}



.indent{
        text-indent:auto;
        display:inline-block;
        word-spacing: 10px;  
}

#contact{
    height:180px;
    
}

#reseaux{
    height:100px;
    background-color: darkslategrey;
    
}
#reseaux img{
    height:40px;
    padding-top: 5px;
    margin:5px;
}
footer{
    width: 100%;
    height:40px;
    text-align: center;
    background-color: black;
    color: white;
    margin-bottom: 10px;
    display:inline;
}