/*Général*/
body {
  background-color: white;
}

h1{
  text-align: center;
 }
/*fin Général*/



/*titres*/
.titre-principal{
  font-family: cursive;
  font-size: 75px;
  text-decoration: underline;
  color: darkred;
}

.titre-le-château{
  font-family: cursive;
  font-size: 75px;
  color: darkred;
  text-decoration: underline;
}

.titre-Louer {
  font-family: cursive;
  font-size: 75px;
  color: darkred;
  text-decoration: underline;
}

.titre-Galerie {
  font-family: cursive;
  font-size: 75px;
  color: darkred;
  text-decoration: underline;
}

.titre-Le-Parc {
  font-family: cursive;
  font-size: 75px;
  color: darkred;
  text-decoration: underline;
}

.titre-les-environs {
  font-family: cursive;
  font-size: 75px;
  color: darkred;
  text-decoration: underline;
}
/*fin titres*/


/*page index*/
.options:hover{
  color: red;
}

.menu-principal{
  font-family: cursive; font-size: 30px; color: black;
}

.contenant1 {
  position: relative;
  background-image: url("https://sharetribe.imgix.net/608fedd3-88de-4361-8373-240067b8ba56/613f4438-60ac-4bb3-81fb-81bd68619f9b?auto=format&crop=edges&fit=crop&h=1066&w=1600&s=1c87fd07314d8987207d45ad968dd724");
}

.contenant1 span {
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform:translate(-50%);
}

.div-des-img-page1 {
  display: inline;
}

.contenant1 img {
  width: 100%;
  border: 2px solid black;
  left: 50%;
  right: 50%;

}

.menu-principal span {
border: 2px solid red;
border-radius: 5px;
}

.texte-page-principale {
  font-size: 30px;
  font-family: cursive;
  text-align: center;
}

.Image-de-fin-de-page-principale {
  width: 100%;
}

.voir-toutes-les-images {
  text-decoration: underline;
  color: black;
  text-align: center;
}

.voir-toutes-les-images:hover {
  color: blue;
}
/*fin page index*/



/*La Galerie*/
.légende-Galerie {
  text-align: center;
  font-family: cursive;
  font-size: 25px;
}

.image-Galerie {
  width: 100%;
}

.lien-légende-Galerie {
  color: red;
}

.lien-légende-Galerie:hover {
  color: blue;
}

.intro-Galerie {
  font-family: cursive;
  font-style: italic;
  font-size: 50px;
}

.lien-intro-Galerie {
  color: black;
  text-decoration: none;
}

.lien-intro-Galerie:hover {
  color: blue;
  text-decoration: underline;
}
/*fin La Galerie*/



/*Le château*/
.contenant-Le-Château {
  position: relative;
}

.contenant-Le-Château span {
  position: absolute;
  bottom: 550px;
  left: 50%;
  transform:translate(-50%);
}

.contenant-Le-Château img {
  width: 100%;
}

.Texte-Le-Château {
  font-size: 25px;
}

.image-de-l-histoire {
  align: center;
  width: 80%;
}

.questions-le-château{
  font-family: cursive;
  font-size: 40px;
  color: darkred;
}
/*fin Le château*/



/*fixed header*/
.fixed-header {
    width: 80%;
    position: fixed;
    padding: 10px 0;
    z-index: 10;
    background-color: black;
    margin-right: 10%;
    top: 0;
}

.container {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-left: auto;
    color: white;
}

.index-header {
    display: inline;
    text-align: center;
    color: white;
    margin-right: 10%;
}

.index-header-options {
  text-decoration: none;
    border: 2px solid white;
    color: white;
  }

  .index-header-options:hover {
    color: red;
    text-decoration: none;
    border: 2px solid black;
  }
/*fin fixed header*/

/*index-footer-options*/
.index-footer-options {
  display: inline;
  color: black;
  text-decoration: none;
  border: 2px solid black;
  text-align: left;
  margin-left: 10%;
}

.index-footer-options:hover {
  color: red;
  text-decoration: none;
  border: 2px solid white;
}
/*fin index-footer-options*/