body{
  
  flex-direction: column;
  height: 100vh;
  margin-left: 0px;
  margin-left: 0px;
  margin: 0px;
  
}
p{
  color: #875a27;
  display: block;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
article img{
  float: left;
}
aside p{
margin-left: 100px;
margin-top: -100px;
float: right;
width: 500px;
border: #f1f1f1 solid 3px;
box-shadow:12px 12px 2px 1px #79a5d8;
border-radius: 20px;
}
main{
  flex-grow: 1;
  justify-content: center;
  display: block;
  justify-content: center;
  flex-direction: column;
  display: flex;
  margin-bottom: 10px;
  padding-top: 1290px;
  overflow-y: scroll;
  scrollbar-width: none;
  
  
}
footer{
  background:#f1f1f1 ;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  bottom: 0;
 
}
.titreimg{
  margin-top: 100px;
  font-family: consolas;
  font-size: 25px;
  width: 400px;
  margin-left: 0;
  margin-right: 0;
  text-align: justify;
  border-bottom: #875a27 solid 4px;
  padding-bottom: 10px;
}
span{
  display: block;
  font-size: 60px;
}
#quote2{
  margin-left: 472px;
}
header{
  height: 320px;
  background-color: rgba(18, 19, 18, 0.9); 
  z-index: 0;
  top: 0px;
}
#section1{
  margin-top: 1300px;
}
#section2{
  margin-top: 50px;
  display :flex;
  flex-direction: row-reverse;
}
#section4{
  margin-top: 50px;
  display :flex;
  flex-direction: row-reverse;
}
#aside1{
margin-top :200px;
margin-right: 350px;
}
#aside2{
margin-top :288px;
margin-right: 266px;
margin-left: -144;
}
article{
margin-left: 350px;
}
#article2{
  margin-right: 274px;
  margin-left: 175px;
}
#article4{
margin-right: 274px;
margin-left: 175px;
}
#aside4{
margin-top :288px;
margin-right: 266px;
margin-left: -144;
}
.cover{
  top: 0px;
  position: absolute;
  width: 100%;
  height: 450px;
  background-image: url(bandeauDesign.jpg);
  z-index: -1;
}