body, html {
  font-family: Comic Sans MS;
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), /* voile noir à 40% */
    url(../img/fondor.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
  
  /*Début CSS Header*/
  .ImgHeader {
    /* The image used */
    background-color : #D6B26F;
  
  /* Full height */
  /*height: 50%;*/
    height: 50vh;
  
    position: relative;
  
    clip-path: polygon(0% 0%, 0% 82.5%, 1.69492% 84.3293%, 3.38983% 86.1385%, 5.08475% 87.9078%, 6.77966% 89.6179%, 8.47458% 91.25%, 10.1695% 92.7862%, 11.8644% 94.2098%, 13.5593% 95.505%, 15.2542% 96.6578%, 16.9492% 97.6555%, 18.6441% 98.487%, 20.339% 99.1435%, 22.0339% 99.6176%, 23.7288% 99.9041%, 25.4237% 100%,
      27.1186% 99.9041%, 28.8136% 99.6176%, 30.5085% 99.1435%, 32.2034% 98.487%, 33.8983% 97.6555%, 35.5932% 96.6578%, 37.2881% 95.505%, 38.9831% 94.2098%, 40.678% 92.7862%, 42.3729% 91.25%, 44.0678% 89.6179%, 45.7627% 87.9078%, 47.4576% 86.1385%, 49.1525% 84.3293%, 50.8475% 82.5%, 52.5424% 80.6708%, 54.2373% 78.8616%, 55.9322% 77.0922%, 57.6271% 75.3821%, 59.322% 73.75%, 61.017% 72.2138%, 62.7119% 70.7902%, 64.4068% 69.495%, 66.1017% 68.3422%, 67.7966% 67.3446%, 69.4915% 66.513%, 71.1864% 65.8565%, 72.8814% 65.3824%, 74.5763% 65.0959%, 76.2712% 65%,
       77.9661% 65.0959%, 79.661% 65.3824%, 81.3559% 65.8565%, 83.0509% 66.513%, 84.7458% 67.3446%, 86.4407% 68.3422%, 88.1356% 69.495%, 89.8305% 70.7902%, 91.5254% 72.2138%, 93.2203% 73.75%, 94.9153% 75.3821%, 96.6102% 77.0922%, 98.3051% 78.8616%, 100% 80.6708%,
       100% 0%);
  
  }
  
.HeaderCaption {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  text-align: center;
  color: white;
  font-weight: normal;
}

/*Fin CSS Header*/
/*Début CSS Nav*/
.navbar {
  background-color: white !important;
}

  
  .navbar-brand {
    color: #663f7c !important;
  }
  
  .navbar-toggler {
    border: none;
  }
  /*Fin CSS Nav*/
  /*Début CSS SectionPresentation*/
  .SectionPresentation {
    margin-top: 5%;
    color: white;
  }
  .TextSectionPresentation {
    text-align: justify;
  }
  @media (max-width: 575.98px) { .TextSectionPresentation {
    margin-top: 5%;
    text-align: justify;
  } }
  /*Fin CSS SectionPresentation*/
  /*Début bouton message fixe*/
  .buttonfixeMSG {
  
      position: fixed;
    z-index: 999;
      left : 95%;
      bottom:20px;
  }
  
  @media (max-width:767px)
  {
      .buttonfixeMSG {
  
      position: fixed;
      z-index: 999;
      left : 85%;
      bottom:10%;
  }
  }
  
  
  .btn-primary {
  
		background-color: #bfa87f !important;
		border-color: #bfa87f !important;
          border: none;
          border-top: 7px solid;
           border-bottom: 5px solid;
           border-left: 10px solid;
           border-right: 10px solid;
           padding: 0px;
  }
  
  .fas {
      font-size: 20px;
  }
  
  .contact-form{
      background: #fff;
      /*margin-top: 10%;*/
      margin-bottom: 5%;
      width: 100%;
  }
  .contact-form .form-control{
      border-radius:1rem;
  }
  .contact-form form{
     /* padding: 14%;*/
  }
  .contact-form form .row{
     /* margin-bottom: -7%;*/
  }
  .contact-form h3{
      /*margin-bottom: 8%;
      margin-top: -10%;*/
      text-align: center;
      color: #0062cc;
  }
  .contact-form .btnContact {
      width: 100%;
      border: none;
      border-radius: 1rem;
      padding: 1.5%;
      background: #dc3545;
      font-weight: 600;
      color: #fff;
      cursor: pointer;
  }
  .btnContactSubmit
  {
      width: 50%;
      border-radius: 1rem;
      padding: 1.5%;
      color: #fff;
      background-color: #0062cc;
      border: none;
      cursor: pointer;
  }
  
  .form-group {
      margin-bottom: 1rem;
  }
  /*Fin bouton message fixe*/
  /*Début CSS Footer*/
  .Footer {
    margin-top: 5%;
  }
  .footer-link {
    text-decoration:  none;
    list-style: none;
    color: grey;
  
  }
  .Footer .social-icon {
  display: inline-flex;       /* alignement propre */
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  color: #D6B26F;             /* ta couleur dorée */
  text-decoration: none;      /* <-- supprime le trait */
  line-height: 1;
  vertical-align: middle;
  font-size: 1.25rem;         /* ajuste la taille ici si besoin */
  -webkit-text-decoration-skip-ink: none; /* sécurité pour certains navigateurs */
}

/* S'assure que l'icône elle-même n'a pas d'espace de baseline */
.Footer .social-icon i {
  display: block;
  line-height: 1;
}
  /*Fin CSS Footer*/