main {
    padding : 20px 0px 60px 0px;
}
main img{
    margin-top: 40px;
    max-width:70%;
    height:auto;
}
main h3 {
    text-align: center;
}
.contenuMain{
    max-width:70%;
    /* border:1px solid red; */
}
main ul{
    width: fit-content;
    margin:auto;
    /* border:1px solid blue; */
}

.navigationIndex {
    display:flex;
    flex-direction: column;
    align-items : end;
    font-family: "Roboto Condensed", sans-serif;
}

/* -------------------RESPONSIF------------------- */

@media screen and (max-width: 1200px) {
  main{
    padding: 0px 10px 60px 10px;
  }
  main img, .contenuMain{
    max-width: 100%;
  }

}
@media screen and (max-width: 800px) {
  .contenuMain{
    padding:0 30px 0 30px;
  }

}