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: #fff;
}
.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*/