html, body {
  margin: 0;
  padding: 0;
}
.image-menu{
  display: none;
}
body {
  background-color: white;
  color: #000000;
  font-family: Times, Serif;  
  margin: 0;
}
h5{
 display:none;
}
.top-menu{
  top: 0;
  margin: 0;
  padding: 0;
  border-top: 4px solid #a9a484;
  width: 100%;
  z-index: 1000;
  position: fixed;
}

ul{ 
  border-bottom: 4px solid #a9a484;
  border-top: 4px solid #a9a484;
  border-left: 4px solid #a9a484;
  border-right: 4px solid #a9a484;
  background-color: white;
  width: 100%;
  height:70px;
  list-style-type: none;  
  display: flex; 
  margin-top: 0;
}
li a{
  text-decoration: none;
  font-family: Times, Serif;  
  font-size: 17px;
}
ul ul {
  border-bottom: 1px solid #a9a484;
  border-top: 1px solid #a9a484;
  border-left: 1px solid #a9a484;
  border-right: 1px solid #a9a484;
  display: none;
  position: absolute;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 1500;
  height:250px;
  width:200px;
}
ul.sous-menu >li{
  font-size: 17.5px;
  padding: 10px 5px;
  border-top: 1px solid #a9a484;
}

.prejudices.open .sous-menu {
  display: block;
}
.prejudices{
  top: 55%;
  position:absolute;
  right:14%;

}
.liprejudices{
  color: #484c52;
}
.contactez{
  top: 55%;
  position:absolute;
  right:2%;

}
.licontactez{
  color: #484c52;
}
.top{
   background-color:  #828894;
   background-size: cover;
   height: 45px;
  
}
.top h1{
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  left: 9%;
  font-weight: 100;
  top:4%;
 }
.top h6{
   font-size: 13px;
   color: #ffffff;
   font-family: Times, Serif; 
   position:absolute;
   top:12%;
   left:25%;
   margin-top: 0;
   font-weight: 100;

}
.top a{
  text-decoration: none;
  color: white;

}
.image-1{
    height: 40px;   
    position:absolute;
    left: 6%;
    top: 4%;
}
.image-2{
    height: 20px;
    position:absolute;
    left: 21%;
    top: 8%;
}
.background {
  background-image: url("photooff.png");
  background-color: rgba(0,0,0, 0.7);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  text-align: center;
  color: white;
  height: 800px;
}

.background h2{
  padding-top: 275px;
  color: #ffffff;
  font-family: Times, Serif;
  font-size: 45px;
  margin-bottom: 100px;
}
.background h3{
  color: #a9a484;
  font-family: Times, Serif;
  font-size: 35px;
  margin-bottom: 100px;
}
.background h4{
  color: #ffffff;
  font-family: Times, Serif;
  font-size: 45px;
  margin-bottom: 100px;
}
.onglets{
  position: relative;
  background-color: #828894;
  height: 800px;
  margin:0;
  padding: 0;
  margin-top: -45px;
  border-top: 4px solid  #a9a484;
}
.domaines{
  color: #b1ac7c;
  font-size: 30px;
  position: absolute;
  left: 5%;
  margin-top:350px;
  font-family: Times, Serif;  
  font-weight: bold;
}

.rectangle-1 {
  position: absolute;
  background-color: white;
  height: 37%;
  width: 17%;
  border: 4px solid #a9a484;
  left: 34%;
  top: 10%;
  color: #a9a484;
  font-family: Times, Serif;
  font-size: 35px;

  display: flex;              /* Ajouté */
  justify-content: center;    /* Centre horizontalement */
  align-items: center;        /* Centre verticalement */
  text-align: center;
}
.rectangle-2{
  position: absolute;
  background-color: white;
  height: 37%;
  width: 17%;
  border: 4px solid #a9a484;
  left: 56%;
  top: 10%;
  color: #a9a484;
  font-family: Times, Serif;
  font-size: 35px;

  display: flex;              /* Ajouté */
  justify-content: center;    /* Centre horizontalement */
  align-items: center;        /* Centre verticalement */
  text-align: center;
}
.rectangle-3{
  position: absolute;
  background-color: white;
  height: 37%;
  width: 17%;
  border: 4px solid #a9a484;
  left: 34%;
  top: 55%;
  color: #a9a484;
  font-family: Times, Serif;
  font-size: 35px;

  display: flex;              /* Ajouté */
  justify-content: center;    /* Centre horizontalement */
  align-items: center;        /* Centre verticalement */
  text-align: center;
}
.rectangle-4{
  position: absolute;
  background-color: white;
  height: 37%;
  width: 17%;
  border: 4px solid #a9a484;
  left: 56%;
  top: 55%;
  color: #a9a484;
  font-family: Times, Serif;
  font-size: 35px;

  display: flex;              /* Ajouté */
  justify-content: center;    /* Centre horizontalement */
  align-items: center;        /* Centre verticalement */
  text-align: center;
}
.rectangle-5{
  position: absolute;
  background-color: white;
  height: 37%;
  width: 17%;
  border: 4px solid #a9a484;
  left: 80%;
  top: 10%;
  color: #a9a484;
  font-family: Times, Serif;
  font-size: 35px;

  display: flex;              /* Ajouté */
  justify-content: center;    /* Centre horizontalement */
  align-items: center;        /* Centre verticalement */
  text-align: center;
}
.rectangle-6{
  position: absolute;
  background-color: white;
  height: 37%;
  width: 17%;
  border: 4px solid #a9a484;
  left: 80%;
  top: 55%;
  color: #a9a484;
  font-family: Times, Serif;
  font-size: 35px;

  display: flex;              /* Ajouté */
  justify-content: center;    /* Centre horizontalement */
  align-items: center;        /* Centre verticalement */
  text-align: center;

}
.infos{
  position: relative;  
  border-top: 4px solid  #a9a484;
  border-bottom: 6px solid  #a9a484;
  background-image: url("photooff.png");
  background-color: rgba(0,0,0, 0.8);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  text-align: center;
  height: 500px;
}
.contact{
  color:  #a9a484;
  font-family: Times, Serif;
  font-size: 30px;
  position: absolute;
  top:10%;
  left:10%;
  font-weight: bold;
}
.location{
  color:  #a9a484;
  font-family: Times, Serif;
  font-size: 30px;
  position: absolute;
  top:10%;
  font-weight: bold;
  left:47%;
}
.horaires{
  color:  #a9a484;
  font-family: Times, Serif;
  font-size: 30px;
  position: absolute;
  top:10%;
  right:9%;
  font-weight: bold;
}
.telephone a{
   text-decoration: none;
   top: 35%;
   left:10%;
   position: absolute;
   z-index: 10;
   font-family: Times, Serif;  
   font-size: 17px;
   color: white;

}
.image-tel{
    height: 60px;   
    float: left;
    top: 31%;
    left:3.5%;
    position: absolute;
    z-index: 10;
}
.mail a{
  text-decoration: none;
   top: 45%;
   left:10%;
   position: absolute;
   z-index: 10;
   font-family: Times, Serif;  
   font-size: 17px;
   color: white;
}
.image-mail{
    height: 20px;
    float: left;
    top: 45%;
    left:4%;
    position: absolute;
    z-index: 10;
}
.horaires-texte{
  color: white;
  font-family: Times, Serif;
  font-size: 18px;
  position: absolute;
  text-align: center;
  top: 33%;
  right:5%;
}
.localisation-texte a{
  text-decoration: none;
  color: white;
  position: absolute;                   
}
.localisation-texte{
  color: white;
  font-family: Times, Serif;
  position: absolute;
  left: 45%;
  top: 35%;
  white-space: nowrap;
}
.image-localisation{
  height: 50px;
  position:absolute;
  top:31%;
  left:40%; 
}