body{
  background-color: #ffffff;
}

h1{
  display: none;
}

p{
  font-size: 20px;
  color: #000000;
}

a{
  text-decoration: none;
}

.parallax {
  /* The image used */
  background-image: url("images/fond3.png");
  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.logosociaux{
  width: 150px;
}

.kaushan-script-regular {
  font-family: "Kaushan Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.allura-regular {
  font-family: "Allura", cursive;
  font-weight: 400;
  font-style: normal;
}

.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}

.myName{
  font-size: 60px;
  margin-top:50px;
  display: none;
}

.title{
  font-size: 40px;
  visibility: hidden;
}

.banner{
  width: 100%;
  max-width: 1000px;
  height: auto;
}

.top{
  height: 450px;
  border: 2px solid #f9d18e;
}

.Logo{
  width: 100px
}

.Sarah1{
  width: 100%;
}

footer{
  border: 2px solid #f9d18e;
  padding: 30px;
  color: #000000;
}

section{
  margin: 80px 0px 80px 0px;
  text-align: center;

}

.title{
  padding-top:30px;
  padding-bottom:30px;
}

.cercle{
  color: #0abab5;
}

h2{
  padding-bottom:20px;
}

h5{
  padding-top: 20px;
}

.social{
  width: 90px;
}

.conditions{
  padding-top: 30px;
}
/* #youtube{
  color: #ffffff;
  border: 2px solid #f9d18e;
  background: #000000;
} */

#about, #offer, #contact, #youtube, #duolife{
  color: #000000;
  border-bottom: 2px solid #f9d18e;
  padding: 20px;
  margin: 20px;
  background-color: #ffffff;
}

.imageleft{
  width: 200px;
}

/* ///////////////MENTIONS LEGALES */
.mentions{
  margin: 20px;
}

.mentions h1, .mentions h3{
  padding: 20px 0px 0px 10px;
}

/******** MEDIA QUERIES *//////////
/* @media only screen and (min-width: 1180px){
  #banner{
    width: 80%;
  }
} */