/*
  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 {
  display: flex;
  flex-direction: row;
}
#premierArticlePhoto > img {
  width: 25%;
  margin: 2cm;
}

/* article 2 */
#deuxiemeArticle {
  text-align: center;
}
#textDeuxiemeArticle {
  font-size: 23px;
  width: 26cm;
  text-align: justify;
  text-align: center;
  margin: 1cm 12cm 0 12cm;
}
#deuxiemeArticlePhoto {
  display: flex;
  flex-direction: row;
}
#deuxiemeArticlePhoto > img {
  width: 25%;
  margin: 2cm;
}
/* article 3 */
#troisiemeArticle {
  text-align: center;
}
#textTroisiemeArticle {
  font-size: 23px;
  width: 26cm;
  text-align: justify;
  text-align: center;
  margin: 1cm 12cm 0 12cm;
}
/* 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 */
#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 */
#sixiemetextePhoto {
  display: flex;
  align-items: start;
}

#sixiemetextePhoto > img {
    width: 25%;
    margin: 0 9cm 0 8cm;
}

#sixiemetextePhoto > p {
  text-align: justify;
  padding: 0 1cm 1cm 1cm;
  font-size: 30px;
  width: 35%;

}