/*###################### interdiction click droit ###################################*/
body {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}





/*###################### image ###################################*/
.image {
  max-width: 85%;
  width: 1510px; 
  padding: 1px 1px;
  border-radius: 66px;
  border: 5px solid #000000;
}

/*###################### image ###################################*/
.image_galerie {
  max-width: 80%;
  width: 350px; 
  padding: 1px 1px;
  border-radius: 66px;
  border: 5px solid #000000;
}

/*###################### image galerie ###################################*/
.image_galerie {
  max-width: 33%;
  width: 500px; 
  padding: 1px 1px;
  border-radius: 66px;
  border: 5px solid #000000;
}



/*###################### image galerie ###################################*/
.image_grille {
  max-width: 75%;
  width: 1920px; 
  padding: 1px 1px;
  border-radius: 66px;
  border: 5px solid #000000;
}





/*######################## image #################################*/

/*###################### image2 ###################################*/
.image2 {
  max-width: 100%;
  width: 250px; 
}
/*######################## image #################################*/


/*####################### bouton numero1 ##################################*/
.buttons1 {
  text-align: center;
  position: relative;
}
/* CSS */
.button-1 {
  max-width: 100%;
  background:#000000 url(../MEDIAS/IMAGES/nouveau_bouton_ciel_bleu3.png) no-repeat center;


  background-color: #000000;
  border-radius: 12px;
  border-style: none;
  border: 4px solid #0d00ff;

  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Algerian Extra-Condensed";
  font-size: 22px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 1px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-1:hover,
.button-1:focus {
  background-color: #000000d8;
}
/*######################## bouton numero1 #################################*/






/*######################## bouton numero2 #################################*/
.buttons2 {
  text-align: center;
  position: relative;
}

.button-2 {
  max-width: 100%;

  background-color: #132b97a9;
  border-radius: 12px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Estrangelo Edessa";
  font-size: 60px;
  font-weight: 500;
  height: 40px;
  line-height: 0px;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 30px 75px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-2:hover,
.button-2:focus {
  background-color: #d5a019;
}
/*########################### bouton numero2 ##############################*/

/*########################### text1 ocre ##############################*/
.text1{
max-width: 100%;
width: 1905px; 

color: #947658;
text-align: center;
position: relative;
font-family: "Estrangelo Edessa";
font-size: 18px;
}

/*########################### text2 gris anthracite ##############################*/
.text2{
  max-width: 100%;
  width: 1905px; 

  color: #5E5E5E;
  text-align: center;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 17px;
  }

  /*########################### text3 ocre clair ##############################*/
.text3{
  max-width: 100%;
  width: 1905px; 

  color: #947658;
  text-align: center;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 17px;
  }


/*########################### text1 ocre ##############################*/
.text4{
  max-width: 100%;
  width: 1905px; 
  
  color: #947658;
  text-align: left;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 18px;
  }



/*########################### text2 gris anthracite left ##############################*/
.text5{
  max-width: 100%;
  width: 1905px; 

  color: #5E5E5E;
  text-align: left;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 17px;
  }

/*########################### text3  ocre clair left ##############################*/
.text6{
  max-width: 100%;
  width: 1905px; 

  color: #947658;
  text-align: left;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 17px;
  }

/*########################### text1 ocre center ##############################*/
.text7{
  max-width: 100%;
  width: 1905px; 
  
  color: #947658;
  text-align: center;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 18px;
  }

/*########################### text1 blanc center ##############################*/
.text8{
  max-width: 100%;
  width: 1905px; 
  
  color: #bebebe;
  text-align: center;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 18px;
  }
/*########################### text1 blanc left ##############################*/
.text9{
  max-width: 100%;
  width: 1905px; 
  
  color: #bebebe;
  text-align: left;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 18px;
  }



/*########################### text10 blanc center ##############################*/
.text10{
  max-width: 100%;
  width: 1905px; 
  
  color: #ffffff;
  text-align: left;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 18px;
  font-weight: 700;
  }



  /*########################### photos center auto ##############################*/
  .centerdivphoto {
    text-align: center;
    position: relative;
    }



  /*########################### test image  ##############################*/
    
    .image1 {
      
      max-width: 33%;
      
      border: 50px solid #000000;
      padding: 5px;
    }


  /*########################### test image3  ##############################*/
    .image3 {
      max-width: 33%;
      border: 50px solid #000000;
      border-radius: 66px;
      width: 350px; 
      padding: 5px;
    }


  /*########################### test image6  ##############################*/
  .image6 {
    max-height: 30%;
    width: 250px;
    border: 10px solid #000000;
    border-radius: 66px;

    padding: 5px;
  }






    
  /*########################### banniere1  ##############################*/
  
  details-example{
    background:yellow;
    border-radius: 4px;
    cursor:pointer;
    }
    
    summary{
    /* ANSWER BELOW*/
        list-style: none;
  
    }



  /*########################### test imageindex ##############################*/
  .image4 {
    width: 250px; 
    padding: 5px;
  }


  /*########################### test imageindex2 ##############################*/
  .image_index {
    padding: 5px;
  }




/*########################### text10 noir center ##############################*/
.text11{
  max-width: 100%;
  width: 1905px; 
  
  color: #000000;
  text-align: center;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 17px;

  }



/*########################### text12 noir center ##############################*/
.text12{
  max-width: 100%;
  width: 1905px; 
  
  color: #947658;
  text-align: center;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 27px;

  }

/*########################### text13 noir center ##############################*/
.text13{
  max-width: 100%;
  width: 1905px; 
  
  color: #5E5E5E;
  text-align: left;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 11px;

  }


/*########################### text14 noir center ##############################*/
.text14{
  max-width: 100%;
  width: 1905px; 
  
  color: #ff0000;
  text-align: center;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 18px;
  text-decoration: underline;
  text-underline-position: auto;
  }

  /*########################### text center gros pour titre ##############################*/
.text15{
  max-width: 100%;
  width: 1905px; 
  
  color: #947658;
  text-align: center;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 24px;
  }

  /*########################### text16 noir left ##############################*/
.text16{
  max-width: 100%;
  width: 1905px; 
  
  color: #bebebe;
  text-align: left;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 18px;

  }

  /*########################### text17 ocre center ##############################*/
.text17{
  max-width: 100%;
  width: 1905px; 
  
  color: #947658;
  text-align: left;
  position: relative;
  font-family: "Estrangelo Edessa";
  font-size: 18px;
  }