*{
    box-sizing: border-box;/*border-box va garder la meme taille du bloc meme si on ajoute du padding ou bien de la boedure*/
    
}
header{
    text-align: center;
    width: 45%;
    margin: 0 auto;
}
header h1{
    font-size: 3em;
    text-transform: uppercase ;/*pour mettre le texte en majuscule*/
    letter-spacing: 3px;/*il va creer de l'espacement entre les lettres*/
    font-weight: 500;/*pour changer l'epaisseur de l'ecriture*/
}

.container{
    width: 1024px;/*la taille de la page*/
    margin: 0 auto;/*permet de centrer la page dans le navigateur, creer des margins a gauche et a droite (0=haut et bas) (auto=droite et gauche)*/
    font-family: "Cormorant Garamond" , serif;
    background-color: #cecece;
    
  }

 
  nav a{
      color: black;
      text-decoration: none;
      font-style: italic;
      font-weight: bold;
      text-align: center;
  }
 
    section{
       display: flex;
       align-items: center;    
    }
    .assiette img{
        border-radius: 50%;/*pour supprimer la bordure*/
    }
    
    .texte{    
    
        width: 40%;
        text-align: right;
        position: relative;
        right: 150px;
        
    }
    .texte h2{
        font-style: italic;
    }
    .texte p{
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 8px;/*pour enlever les espacement entre les texte*/
    }
   section h3{
       
       text-transform: uppercase;
       font-size: 2em;
       letter-spacing: 4px;
       font-weight: 500;
       border-bottom: 1px solid gray;
   }
   

  .texte2 p, .texte3 p, .texte4 p, .texte5 p{/*puisqu'on va appliquer le meme style sur tous ces p on peut les regroupes ensemble avec les virgules*/
    margin-top: 5px;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;

  }
  .texte2,.texte3,.texte4,.texte5{
      margin-left: 25px;
      margin-right: 25px;
  }
  .texte2 span, .texte3 span, .texte4 span, .texte5 span{
      background-color: black;
      color: white;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: bold;
      padding-left: 5px;
      padding-right: 58px;
      margin-top: 15px;
  }
  .texte2 span i{
      font-size: 9px;
      vertical-align: 2px;/*il va alligner le texte verticalement sur l'hauteur*/
  } 

  footer{
      text-align: center;
      width: 45%;
      margin: 0 auto;/*pour mettre tout au centre et couper les trait de hr*/
      margin-top: 2em;
  }
  .septime{
      font-size: 3em;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-weight:500;
  }
footer p :nth-child(5){
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}
.city_guide{
    text-transform: uppercase;
    position: relative;
    bottom: 7em;
    font-size: 16px;
    letter-spacing: 2px ;
}
footer img{
    opacity: 0.4;/*la transparance de l'image du bloc, du texte la valeur varie entre 0 et 1*/
  

}