body{
  background-color:rgba(14, 14, 14, 0.342);
  background-image: url('https://wallpaperaccess.com/full/1812875.jpg'); /* Chemin de l'image */
  background-size:cover; /* L'image couvre toute la zone du body */
  background-repeat: repeat-y; /* Empêche la répétition de l'image */
  background-position: center; /* Centre l'image */
  margin: 0; /* Supprime les marges par défaut */
  font-family: Arial, sans-serif;
  color: white; /* Ajuste la couleur du texte pour qu'il soit lisible */
}
/* haut de Page*/
.haut{
  background-color: rgba(255, 255, 255, 0.459);
  padding: 1px;
  float: left;
}

/* Navigation */
.nav ul{
  list-style-type: none;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.459);
}
.nav li{
  float: left;
}
.nav li a{
  color: black;
  text-decoration: none;
  font-size: 22px;
  font-weight: bold;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  display: block;
  padding: 10px;
}
.nav li a:hover{
  background-color: grey;
}
.nav{
  position: sticky;
  top:0;
}

/* Tableau */
.tableau{
  width: 80%
  margin auto;
}
.tableau table{
  width: 100%;

}
.tableau table th{
  color: black;
  height: 50px;
}
.tableau table td{
  height: 80px;
}
.tableautable th, .tableau table td{
  text-align: center;
}

/* Utiliser flexbox pour aligner correctement l'image et le texte */

.photo-cell {
  flex: 0 0 auto;  /* L'image garde sa taille naturelle */
  padding-right: 20px; /* Espacement entre l'image et le texte */
}

.photo-cell img {
  width: 100%; /* L'image peut s'adapter à la largeur de la cellule */
  max-width: 300px; /* Limite la largeur de l'image */
  height: auto; /* Maintient la proportion de l'image */
  max-height: 300px; /* Limite la hauteur de l'image */
}

/* Cellule de texte */
.text-cell {
  flex: 1; /* Prend tout l'espace restant */
  padding-left: 40px; /* Ajoute un espacement entre l'image et le texte */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 18px;
  line-height: 1.6;
  font-weight: normal;
}

/* Centrage du contenu du tableau */
.profil-cell tr, profil-cell th, profil-cell td {
  display: flex;  /* Applique flexbox au niveau de la ligne */
  align-items: center; /* Centre verticalement le contenu */
}


/***********************************/
/* BOIS */
/***********************************/

.start{
  margin-left: auto;
  margin-right: auto;
}

.start p{
  font-size: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: justify;
  font-weight: bold;
}

.start td{
  text-align: center;
}


/* Corps de projet*/
#img1{
  width: 50%;
}
#img2{
  width: 65%;
}
.proj p{
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 28px;
  font-weight: bold;
  padding-top: 100px;
}
.proj td{
  text-align: center;
}

/*********************************/
/* ELEC */
/*********************************/
.proj_e p{
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 28px;
  font-weight: bold;
  padding-top: 100px;
}
.proj_e table{
  margin-left: auto;
  margin-right: auto;
}
/* Formulaire */
.formulaire{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.formulaire input, .formulaire textarea{
  width: 100%;
  border: 2px solid #ccc;
  box-sizing: border-box;
  margin: 8px 0;
  padding: 12px 20px;
  border-radius: 15px;
}
.formulaire textarea{
  resize: none;
  font-family: courier;
  font-size: 18px;
}

.arefpga, .startfpga{
  width:65%;
  margin-left: auto;
  margin-right: auto;
}
.arefpga p{
  font-size: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: justify;
  font-weight: bold;
}
.startfpga li a, .startfpga li{
  font-size: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: bold;
}

.eurointro{
  width: 80%;
  font-size: 18px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: justify;
  font-weight: bold;
}
.vco p{
  font-size: 18px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: justify;
  font-weight: bold;
}
.vco{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.vco img{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
/*********************************/
/* PHYSIQUE */
/*********************************/
.menu_phy ul{
  list-style-type: none;
  overflow: hidden;
}

.menu_phy li a{
  color: wheat;
  text-decoration: none;
  font-size: 22px;
  font-weight: bold;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  display: block;
  padding: 10px;
}
.physique {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.physique p{
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
  font-family: courier;
  font-weight: bold;
  font-size: 22px;
}

.physique h2{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: courier;
}

.physique textarea{
  background-color: black;
  color: white;
}


/* Footer */
.blank{
  padding-top: 500px;
}

.footer p{
  text-align: center;
}
.footer{
  position: static;
  bottom: 0px;

}

/*Titre images paragraphes*/

a{
  color: wheat;
}
h1{
  text-align: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: bold;
}

h2{
  text-align: center;
  padding-top: 5%;
  text-transform: uppercase;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.article1{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.article1 p{
  font-size: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  text-align: justify;
  font-weight: bold;
}

.article1 img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.poem {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.poem p{
  font-size: 16px; /* Garde la taille différente */
  text-align: left; /* Garde l'alignement différent */
  font-style: italic; /* Garde le style italique */
  font-weight: normal; /* Annule le gras de .article1 p */
  line-height: 1.2; /* Valeur recommandée entre 1.2 et 1.5 pour une bonne lisibilité */
}

.espace-vide{
  height: 20px;
}


.workinprogress, .workinprogress img{
  width: 35%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* Media regulation */

@media screen and (min-width: 1080px){
  .formulaire{
    width: 50%;
  }


  .article1, .article2{
    width: 50%;
  }

}