@import url(//fonts.googleapis.com/css?family=Open+Sans:700,600,400italic,400,300);
@import url(//fonts.googleapis.com/css?family=Pacifico);
body
{
width: 100%;
background:white;
font-family: 'Open Sans', sans-serif;
font-size: 1.0em;
font-weight: lighter;
margin: auto;
margin-top:3px;
}
#menu 
{
position: fixed;
top: 0px;
left: 0px;
padding : 0; /* marge intérieure */
margin : 0; /* ni extérieure */
list-style : none;
line-height : 40px;
text-align : center;
font-variant : ;
text-indent : 5px;
font-weight : ;
font-family : 'Open Sans', sans-serif;
font-size : 1em;
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
background : rgb(62, 29, 10);
color : rgb(201, 168, 126);
text-decoration : none;
width : 100%;
z-index: 2;
}
#menu a:hover 
{
color: white;
background: ;
text-decoration : underline;
}
aside.lang 
{
position: fixed;
top: 12px;
right: 10px;
color: white;
background-image: none;
margin-top: 0px;
margin-right: 10px;
font-size: 0.8em;
z-index: 4;
}
aside.logo 
{
position: absolute;
top: 40px;
left: 20px;
width: 200px;
height: 200px;
background-image: url("../images/logos/logo_200.jpg");
z-index: 3;
}
#logo-index 
{
position: fixed;
top:30px;
left: 20px;
width: 200px;
height: 201px;
background-image: url("../images/logos/logo_200.jpg");
z-index: 1;
}
#logos 
{
width: 100%;
height: 100px;
text-align: center;
background-color: white;
}
#transparent
{
width: auto;
height: auto;
padding: ;
background:rgb(254, 252, 248);
}
#center
{
width: 100%;
text-align: center;
}
#container
{
  width: 100%;
  height: 550px;
  border: none;
  margin: 0 auto;
  position: relative;
}
#container>img
{
  width: 100%;
  height: 100%;
  position: absolute;
}
#container>.btn
{
  width: 50px;
  height: 50px;
  position: absolute;
  border: none;
  border-radius: 25px;
  top: 220px;
  background: transparent;
  color: white;
  font-size: 30px;
}
#container>#btn1:hover
{
  box-shadow: 10px 0px 20px 0 px black;
}
#container>#btn2:hover
{
  box-shadow: -10px 0px 20px 0 px black;
}
#container>#btn2
{
  position: relative;
  float: right;
}
#conteneur
{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-top: 45px;
  background-color: rgb(254, 252, 248);
}
#conteneur-footer
{
  display: flex;
  flex-direction: row;
  width: auto;
  height: 20px;
  margin-top: 0px;
}
#conteneur-ch
{   
  display: flex;
  flex-direction: row;
  margin-left: auto; 
  margin-right: auto;
  width: auto;
  height: 300px;
  background-color: white;
}
#conteneur-colonnes
{   
  display: flex;
  flex-direction: row;
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 20px;
  width: 800px;
  height: 100%;
  background-color: white;
}
#conteneur-photos
{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-top: 45px;
  background-color: rgb(254, 252, 248);
}
#transparent-ch
{
width: auto;
height: auto;
padding: ;
background: rgb(150, 114, 90);
padding-top: 100px;
}
div.chambres
{ 
width: 100%;
height: 100%;
text-align: center;
margin-right: auto;
padding-top: 10px;
background-color: rgb(254, 252, 248);
}
div.chambres-texte
{ 
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
padding: ;
color: white;
background-color: rgb(150, 114, 90);
text-align: center;
}
div.center
{
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
div.ch
{
  text-align: center;
  width: 60%;
  height: 100%;
}
div.contact
{ 
position: absolute;
right: 100px;
top: 150px;
width: 470px;
height: auto;
background-image: url("../images/logos/fond-contact.png");
text-align: center;
font-size: 0.9em;
color: white;
}
div.dia
{ 
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
text-align: center;
background-color: white;
}
div.element
{ 
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: white;
}
div.element2
{ 
width: 75%;
height: auto;
margin-left: 20px;
margin-right: auto;
text-align: center;
}
div.header
{
width: 100%;
height: 350px;
}
div.header2
{
  display: none;
}
div.header-index
{ 
width: 100%;
height: auto;
}
div.menu
{
  text-align: left;
  margin-top: 10px;
  width: 270px;
  height: 100%;
}
div.photos-dessus
{
position: absolute;
bottom: 10px;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
color: white;
text-align: center;
}
div.plan
{
  width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  color: white;
  text-align: center;
}
div.reservation
{ 
  width: 100%;
  height: auto;
  text-align: center;
  background-color: rgb(255, 255, 255);
}
div.tarifs
{ 
margin-right: auto;
margin-left: auto;
height: auto;
text-align: center;
}
div.tarifs-texte
{
margin-right: auto;
margin-left: auto;
text-align: center;
width:100%;
height: auto;
background-color: rgb(254, 252, 248) ;
font-size: 0.9em;
}
table.tarifs
{
  margin: auto;
  border-style: solid;
  border-width: 1px;
  border-collapse: collapse;
  }
td.tarifs
{
  margin-left: 2px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
}
h1
{
  font-size: 1.5em;
  font-weight: lighter;
  margin-left: 20px;
  color: rgb(156, 108, 13);
}
h1.diaporama
{
  font-size: 1.5em;
  font-weight: lighter;
  margin-left: 50px;
  color: rgb(156, 108, 13);
}
h2
{
font-size: 1.2em;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
}
h2.soustitre
{
font-size: 1.3em;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
color: rgb(156, 108, 13);
}
.blanc
{
color: white;
}
.center
{
  text-align: center;
}
.center2
{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.grand
{
font-size: 14px;
}
.gras
{
font-weight: bold;
}
p
{
margin-left: 20px;
margin-right: 20px;
}
p.bold
{
  font-weight: bold;
}
p.left
{
text-align: left;
margin-left: 20px;
}
p.left-top
{
text-align: left;
margin-left: 20px;
margin-top: 50px;
padding-top: 50px;
}
p.reduit
{
  margin-left: 150px;
  margin-right: 150px;
}
li.left
{
text-align: left;
margin-left: 20px;
}
li.left2
{
text-align: left;
margin-left: 40px;
margin-right: 20px;
margin-top: 20px;
}
li.left3
{
text-align: left;
margin-left: 200px;
}
li.menu
{
  margin-left: -10px;
  font-size: 0.9em;
}
iframe.gg
{
  width: 700px;
  height: 525px;
}
img.chambres
{
width: 320px;
height: 213px;
margin-top: 5px;
}
img.chambres-grande
{
width: 900px;
height: ;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 15px;
margin-right: ;
}
img.dia
{
width: 130px;
height: 86px;
margin-left: auto;
margin-right: auto;
}
img.dia2
{
width: 86px;
height: 130px;
margin-left: auto;
margin-right: auto;
}
img.diabig
{
width: 90%;
height: auto;
margin-left: 220px;
margin-right: auto;
}
img.drapeau
{
width: 20px;
height: 20px;
}
img.guillemet
{
margin-left: 20px;
margin-right: 20px;
}
img.header
{
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom:10px;
}
img.logos
{
height: 80px;
margin-top: 10px;
margin-bottom: 10px;
}
img.logos2
{
height: 42px;
margin: 20px;
}
img.logos3
{
height: 70px;
margin-bottom: 10px;
}
img.menu
{
width: 230px;
height: 230px;
}
img.home
{
margin-left: auto;
margin-right: auto;
width: 100%;
}
a.menu
{
text-decoration : none;
color: white;
font-weight: lighter;
margin-left: 20px;
}
a.menu-lang
{
text-decoration : none;
color: white;
font-weight: lighter;
margin-left: 7px;
}
a.footer
{
  text-decoration : none;
  color: white;
  font-weight: lighter;
  margin-left: 20px;
  font-size: 0.8em;
}
a.texte
{
text-decoration : none;
color: rgb(116, 8, 8);
font-weight: bold;
}
a.footer:visited 
{
  color: white;
  text-decoration: underline;
  font-weight: normal;
  font-style: normal;
}
#menu-bas
{
width: 100%;
height: 50px;
background-color:  rgb(150, 114, 90);
text-align: center;
font-size: 0.9em;
padding-top: 5px;
}
footer
{
width: 100%;
height: 55px;
background-color: rgb(111, 44, 26);
color: rgb(241, 205, 151);
text-align: center;
font-size: 0.7em;
}
nav > input,
.nav-button 
{
  display: none; /* hidden on large screens */
}
span.protectionspam 
{
  display:none;
}


/* ajouts styles 15/2/22 */
#tarifs li{
  list-style: none;
  padding:0.5em;
  }

/* ajout bouton réserver 4/7/22 */
button{
  margin-bottom: 1em;
  background-color: #1B73E8;
  border: none;
  height: 30px;
}

button a{
  text-decoration:none;
  color:white;
  font-size: 1.2em;
  }