/* Titre de chaque sous partie de la page */
.titre {
  text-align: center;
  margin-right: 7.5%;
  margin-left: 7.5%;
}

#neuro_p5 h3, #neuro_p6 h3, #neuro_p2 .titre h3{
  font-weight: 400;
  font-size: 150%;
}

/* Mise en page de l'introduction (quoi ?, comment ?, qui ?) */
.introduction{
  margin-left: 7.5%;
  margin-right: 7.5%;
  justify-content: center;
  text-align: justify;
  margin-bottom: 2%;
  margin-top: 2%;
}

/* Mise en page des principes de neurofeedback */
.principes{
  display: flex;
  justify-content: space-around;
  text-align: center;
  flex-wrap: wrap;
  gap: 2%;
  margin-bottom: 2%;
  margin-left: 7.5%;
  margin-right: 7.5%;
  
}

/* Taille de chaque principe */
.principes_div{
  max-width: 400px;
  margin-top: 2%;
  margin-bottom: 2%;
}

/* Taille des numéros de chaque principe */
.principes_num{
  font-weight: bolder;
  font-size: 200%;
  margin-bottom: 2%;
}

/* Taille du titre de chaque principes */
.principes_titre{
  font-size: 150%;
  font-weight: bold;
  margin-top: 2%;
  margin-bottom: 2%;
}

/* Mise en page du texte de chaque principe */
.principes_txt{
  text-align: justify;
  margin-bottom: 5%;
}

/* Taille de l'illustration de chaque principe */
.principes video{
  width: 100%;
  border-radius: 2%;
}

/* Marge de la balise <seance> */
.seance{
  margin-right: 7.5%;
  margin-left: 7.5%;
}

/* Mise en page de chaque partie de la balise <seance> */
.seance_div{
  display: flex;
  justify-content: center;
  gap: 2%;
  margin-top: 4%;
  margin-bottom: 4%;
}
.seance_etape{
  text-align: right;
  font-weight: bolder;
  flex: 1;
  font-size: 110%;
}
.seance_txt{
  text-align: justify;
  border-left: 3px groove;
  padding-left: 3%;
  flex: 3;
}

/* Mise en page de la balise <materiel> */
.materiel{
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  gap: 2%;
  margin-left: 7.5%;
  margin-right: 7.5%;
}
.materiel_div{
  max-width: 600px;
  margin-top: 2%;
  margin-bottom: 2%;
}
.materiel img{
  width: 80%;
  border-radius: 5%;
}
.materiel p{
  text-align: justify;
}

/* Mise en page de la balise <conclusion> */
.conclusion{
  margin-bottom: 2%;
  justify-content: center;
  text-align: justify;
  margin-left: 7.5%;
  margin-right: 7.5%;
}

/* Mise en page de la balise <tarif> */
#tarif{
  display: grid;
  justify-content: center;
  grid-template-columns: 40% 40%;
  gap: 5%;
  margin-bottom: 5%;
}
.tarif_div{
  text-align: center;
  width: 100%;
}
.prix{
  font-weight: bolder;
  font-size: 200%;
  margin-top: 5%;
  margin-bottom: 3%;
}
.tarif_txt, .durée{
  font-size: 120%;
  margin-bottom: 5%;
}
.durée{
  font-weight: lighter;
}