body{
    min-height: 100vh;
    width: 100%;
    
   
}

.ensemble{
    top:0;
    position:absolute;
    
    
    width: 100%;
    height: 100%;
}

.sections{
    height: 100%;
    width: 100%;
    position:absolute;
    top:75px;
    display:flex;
flex-direction: column;
align-items: center;
border-top: 15px rgba(181, 162, 138, 0.103) solid;

}


.image_illustration{
    width: 100%;
}


h1{
    padding: 10px;
color: rgb(181,162,138);
width: 50%;
text-align: center;

}


.texte{
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   padding-top: 60px;
   padding-bottom: 20px;

    
}

.separation{
width: 40%;

}
.separation h3{
    color:rgb(181,162,138); 
    padding:20px;
    text-align: center;


}
.note{
    text-decoration:underline ;
}
.partie_gauche li{
    list-style:inside;
    
}
.partie_droite{
    background-color: rgba(181, 162, 138, 0.397);
    border-radius: 10px;
    border: 3px rgba(181, 162, 138) solid ;
   
}
.partie_droite ul{
    padding: 0 20px;
}
.partie_droite li{
    text-align: center;
    padding: 1px;
}



@media screen and (max-width:1100px){
    html{
        position:relative

        
    }



    .ensemble{
        width: 100%;
        position: absolute;
    }


.sections{
    height: 100%;
    width: 100%;
    position:absolute;
    top:-13px;
    display:flex;
flex-direction: column;
align-items: center;


}

.texte{

    display:flex;
    flex-direction: column;
    
    
    
}

.partie_gauche{
    display: flex;
    flex-direction: row;
    width: 100%;
}
.description{
    width: 100%;
    padding:10px
}

.texte .media_partie_basse{
  width: 50%;
  margin: 0 25%;
}







}