body, html {
  font-family: Comic Sans MS;
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(../img/fondor.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*Début CSS Header*/
.ImgHeader {
  background-color: #D6B26F;
  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-bottom: 5%;
  width: 100%;
}
.contact-form .form-control {
  border-radius: 1rem;
}
.contact-form h3 {
  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;
}

.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;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  color: #D6B26F;
  text-decoration: none;
  line-height: 1;
  vertical-align: middle;
  font-size: 1.25rem;
  -webkit-text-decoration-skip-ink: none;
}

.Footer .social-icon i {
  display: block;
  line-height: 1;
}
/*Fin CSS Footer*/

/* Styles spécifiques tarot */
.TextSectionPresentation ul {
  list-style-type: none;
  padding-left: 0;
}

.TextSectionPresentation ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}

.TextSectionPresentation ul li::before {
  content: "✦";
  position: absolute;
  left: 0;
  color: #D6B26F;
}