body {
  background: -moz-linear-gradient(top, cyan, blue);
  background: -webkit-linear-gradient(top, cyan, blue);
  background: -o-linear-gradient(top, cyan, blue);
  background: linear-gradient(top, cyan, blue);
  
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  
  font-family: "Franklin Gothic Medium";
  }
  
.div_head {
  position: relative;
  width: 90%;
  height: 70px;
  display: flex;
  align-items: center; /* Centrer verticalement */
  
  justify-content: center; /* Centrer horizontalement */
  text-align: center; /* Centrer le texte horizontalement */
  
  margin: auto;
  margin-top: 4px;
  
  border: 12px ridge #00ffff;
  border-radius: 10px;
  border-top: none;

}

.nom_titre{
  margin-left: 15px;

  font-size: 35px; /* Définir la taille du texte */
  color: white;
  font-weight: bold; /* Rendre le texte en gras */
  
  text-shadow: -1.3px -1.3px 0 black, 1.3px -1.3px 0 black, -1.3px 1.3px 0 black,
      1.3px 1.3px 0 black;
}

.formsn{
  width: 90%;
  height: 100px;

  margin: auto;
  margin-top: 35px;

}

.formsn_ul{
  
  font-size: 25px; /* Définir la taille du texte */
  color: white;
  font-weight: bold; /* Rendre le texte en gras */
  font-family: "Open Sans", sans-serif, arial;

  margin-top: 45px;

  list-style: none; /* Supprimer les puces de liste */
  display: flex; /* Utiliser Flexbox pour la mise en page */
  
  text-align: center; /* Centrer le texte horizontalement */
}
.formsn_li{
  display: inline-block; /* Afficher les éléments en ligne */
  margin-right: 20px; /* Ajouter un espace entre les éléments */
  font-size: 20px; /* Définir la taille du texte */
}

.comptns{
  position: relative;
  top: 50px;
  margin-left: 7%;
  float: left;

  width: 550px;
  height: 550px;

  font-size: 18px; /* Définir la taille du texte */
  color: white;
  font-weight: bold; /* Rendre le texte en gras */
  font-family: "Open Sans", sans-serif, arial;

}
.comptns_ul{
  list-style-type: "✔";

}
.comptns_li{
  margin-top: 15px;
}

.image_picture {
  display: block;
  float: left;
  position: absolute;

  width: 450px;
  height: 281px;

  top: 330px;
  margin-left: 53%;

  border-width: 12px;
  border-style: ridge;
  border-color: #00ffff;
  border-radius: 25px;
}

.acroche{
  display: flex;
  float: left;
  position: relative;

  width: 80%;
  height: 85px;

  margin-top: -50px;
  margin-left: 10%;

  font-size: 20px; /* Définir la taille du texte */
  color: white;
  font-weight: bold; /* Rendre le texte en gras */
  font-family: "Open Sans", sans-serif, arial;

  display: flex; /* Utiliser Flexbox pour la mise en page */  
  text-align: center; /* Centrer le texte horizontalement */
  align-items: center; /* Centrer verticalement */  
  justify-content: center; /* Centrer horizontalement */

}