.nav-contact a.active {
  border-bottom:  solid 2px rgb(170, 26, 26);
  position: relative;
}

.nav-contact a.active::after{
  border-color: transparent transparent rgb(170, 26, 26) transparent; /* Couleur du triangle */
}

.news-title {
    padding-left: 30px;
    padding-bottom: 30px;
    padding-top: 30px;
  }
  
  .news-title h2{
    font-size: 50px;
    color:rgb(0, 0, 0);
    font-family: Verdana;
    letter-spacing: 5px;
  }

  .green-line {
    height:2px;
    background-color:rgb(109, 158, 86);
    width:100%;
    margin-bottom: 50px;
  }

  /* https://www.w3schools.com/css/css_form.asp */

  #email, #name {
    /* width: 50%; */
    width: 100%;

    height: 3rem;
    outline: none;

    box-sizing: border-box;
    border: 3px solid #9b7f7f;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  
  #email:focus, #message:focus, #name:focus {
      /* transition: 0.2s; */
      border: 3px solid #555;
    
  }

  #message {
    width: 100%;
  
    outline: none; 

    box-sizing: border-box;
    border: 3px solid #9b7f7f;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  label {
    font-size: 25px;
  }

/* Styles de base pour le bouton */
button[type="submit"] {
  background-color: #4CAF50; /* Couleur de fond */
  color: white; /* Couleur du texte */
  padding: 10px 20px; /* Espacement intérieur */
  font-size: 16px; /* Taille de la police */
  border: none; /* Supprime la bordure */
  cursor: pointer; /* Curseur pointeur au survol */
  border-radius: 5px; /* Coins arrondis */
  transition: background-color 0.3s ease; /* Transition sur le changement de couleur de fond */
}

/* Styles au survol */
button[type="submit"]:hover {
  background-color: #45a049; /* Couleur de fond au survol */
}

/*sociam media icons*/
.social-media-contact {
  padding: 5px;
  display: inline-flex;
  justify-content: right;
  text-decoration: none;
  width: 100%;
}

.social-media-contact a > i {
  color:rgb(39, 33, 33);
}

.social-media-contact a {
  padding: 15px;

  transition: 0.5s;
}

.social-media-contact a:hover{
  transform: scale(1.3);
  
  color: black;
}

.social-media-contact a > i:hover {
  color:black;
}