/*
  Auteur: Lucie Lüthi
	Date: 21.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;
  }
  /* 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 > img {
    width: 30%;
    margin: 2cm 17.5cm 2cm 17.5cm;
  }
  /* article 5 */
#cinquiemeArticle {
    text-align: center;
  }
  #textCinquiemeArticle {
    font-size: 23px;
    width: 26cm;
    text-align: justify;
    text-align: center;
    margin: 1cm 12cm 0 12cm;
  }
  #cinquiemeArticlePhoto {
    display: flex;
    flex-direction: row;
  }
  #cinquiemeArticlePhoto > img {
    width: 25%;
    margin: 2cm;
  }
   /* article 6 */
#sixiemeArticle {
    text-align: center;
  }
  #textsixiemeArticle {
    font-size: 23px;
    width: 26cm;
    text-align: justify;
    text-align: center;
    margin: 1cm 12cm 0 12cm;
  }
  #sixiemeArticlePhoto > img {
    width: 30%;
    margin: 2cm 17.5cm 2cm 17.5cm;
  }
   /* article 7 */
#septiemeArticle {
    text-align: center;
  }
  #textSeptiemeArticle {
    font-size: 23px;
    width: 26cm;
    text-align: justify;
    text-align: center;
    margin: 1cm 12cm 0 12cm;
  }
  #septiemeArticlePhoto {
    display: flex;
    flex-direction: row;
  }
  #septiemeArticlePhoto > img {
    width: 25%;
    margin: 2cm;
  }