body{margin: 0;
    background-color: black;}

nav{height: 5rem;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  position: fixed;
  align-items: center;
  background-color: black;
  z-index: 1000;}



#nom a{color: white;
  font-family: "Amita", serif;
  font-weight: 400;
  text-decoration: none;
  font-style: normal;
  font-size: 25px;}

#nav_list{display: flex;
    gap: 5rem;
    list-style: none;}

#nav {color: white;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-size: 20px;}



#annee p{color: white;
    font-family:'Inter', sans-serif;
    font-size: 20px;}




header{height: 100vh;
    display: flex;
    justify-content: space-evenly;
    align-items: center;}

#présentation{display: flex;
    justify-content: space-evenly;
    align-items: center;}

#foto{width: 310px;
    height: 310px;
    overflow: hidden;
    border-radius: 50%;
    margin: 100px}

#my_foto{ max-width:310px;
    height: auto;}

#présentation_text{
    max-width: 735px;
    height: auto;
    color: white;
    font-family:'Inter', sans-serif;
    font-size: 23px;}


#section1{margin-top: 5rem;
    margin-left: 20px;
    margin-right: 20px;
    height: auto;}
    
h2{color: white;
    font-family:'Inter', sans-serif;
    font-size: 33px;
    margin-bottom: 40px;}

#illustrations{display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 50px;
  align-items: end;}


.picter{height: 270px;
    width: auto;}

.banner{height: 400px;
    width: auto;}

#section2{margin-top: 5rem;
    margin-left: 20px;
    margin-right: 20px;
    height: auto;}

#Meteo{
    display: flex;
    justify-content: space-between;
    margin: 10px 20px;}

#mobil{width: 413px;
    height: auto;
    display: flex;
    justify-content: space-between;
    position: relative;}

.mobil{width: 156px;
    height: auto;}

.mobil1{width: 184px;
  height: auto;
  position: absolute;
  top: -3%;
  left: 27%;}

#text{max-width: 68%;}

#text p{color: white;
    font-family:'Inter', sans-serif;
    font-size: 20px;
    margin-top: 0;}

#lien{margin: 30px 0 60px 175px;}

#lien a{color: white;
    font-family: 'Inter', sans-serif;
    font-size: 16px;}



#Promenade{
    display: flex;
    justify-content: space-between;
    margin: 10px 20px;}

.mobil2{width: 184px;
  height: auto;
  position: absolute;
  top: -3%;
  left: 27%;}













  footer p{color: white;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 30px;}