/*
  Auteur: Lucie Lüthi
	Date: 12.01.2024
	Description: La Thaïlande
*/

html {
    font: optional;
  }
  body {
    background-color: aliceblue;
  }
  
  /* Titre */
  #drapeau {
    width: 100%;
    height: 9cm;
    border-radius: 10px;
    position: static;
  }
  #bandethailande {
    display: inline;
    font-size: 3em;
    margin: 0;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white; /* Couleur du texte */
  }
  
  /* Navigation */
  nav {
    position: static;
    margin-top: 3mm;
    width: 80%;
    height: 2cm;
    background-color: black; /* Couleur de fond de la bande de menu */
    border-radius: 70px;
  }
  ul {
    list-style-type: none;
    margin: -10px;
    padding: -10px;
    display: flex;
    justify-content: center;
  }
  li {
    padding: 40px;
  }
  .navigation {
    size: 15px;
    text-decoration: none;
    color: #fff;
  }
  #titleUn {
    color: black;
  }
  #bandeNav {
    display: flex;
    justify-content: center;
  }
  
  a {
    color: white;
    text-decoration: none;
  }
  h2 {
    font-size: 1cm;
    margin-left: 1cm;
    color: black;
  }
  /* article 1 */
#premierArticle {
    text-align: center;
  }
  #textpremierArticle {
    font-size: 23px;
    width: 26cm;
    text-align: justify;
    text-align: center;
    margin: 1cm 12cm 0 12cm;
  }
  #premierArticlePhoto > img {
    width: 30%;
    margin: 2cm 17.5cm 2cm 17.5cm;
  }
  /* article 2 */
#deuxiemeArticle {
    text-align: center;
  }
  #textDeuxiemeArticle {
    font-size: 23px;
    width: 26cm;
    text-align: justify;
    text-align: center;
    margin: 1cm 12cm 0 12cm;
  }
  #deuxiemeArticlePhoto > img {
    width: 30%;
    margin: 2cm 17.5cm 2cm 17.5cm;
  }
  /* article 3 */
#troisiemeArticle {
    text-align: center;
  }
  #textTroisiemeArticle {
    font-size: 23px;
    width: 26cm;
    text-align: justify;
    text-align: center;
    margin: 1cm 12cm 0 12cm;
  }
  #troisiemeArticlePhoto {
    display: flex;
    flex-direction: row;
  }
  #troisiemeArticlePhoto > img {
    width: 25%;
    margin: 2cm;
  }
  /* article 4 */
#quatriemeArticle {
    text-align: center;
  }
  #textQuatriemeArticle {
    font-size: 23px;
    width: 26cm;
    text-align: justify;
    text-align: center;
    margin: 1cm 12cm 0 12cm;
  }
  #quatriemeArticlePhoto {
    display: flex;
    flex-direction: row;
  }
  #quatriemeArticlePhoto > img {
    width: 25%;
    margin: 2cm;
  }
  /* article 5 */
#cinquiemetextePhoto {
    display: flex;
    align-items: start;
  }
  
  #cinquiemetextePhoto > img {
      width: 60%;
      margin: 1cm;
  }
  
  #cinquiemetextePhoto > p {
    text-align: justify;
    padding: 0 1cm 1cm 1cm;
    font-size: 30px;
    width: 35%;
  }