body
{
width: 100%;
background: rgb(150, 114, 90);
font-family: calibri, arial;
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 : calibri;
font-size : 1em;
display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
padding : 0; /* aucune marge int�rieure */
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: 10px;
right: 20px;
color: white;
background-image: none;
margin-top: 0px;
margin-right: 10px;
z-index: 4;
}
aside.logo 
{
position: fixed;
top: 40px;
left: 20px;
width: 300px;
height: 100px;
background-image: url("../images/logos/logo-fond-300.png");
z-index: 3;
}
#logo-index 
{
position: fixed;
top:30px;
left: 20px;
width: 645px;
height: 205px;
background-image: url("../images/logos/logo-kettani2.png");
z-index: 1;
}
#slideShowImages
{
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
height: auto;
padding: ;
z-index: 0;
}
#transparent
{
width: auto;
height: auto;
padding: ;
background: rgb(150, 114, 90);
}
#center
{
width: 100%;
text-align: center;
}
#conteneur
{
position: relative;
width: 100%;
height: auto;
}
#transparent-ch
{
width: auto;
height: auto;
padding: ;
background: rgb(150, 114, 90);
padding-top: 100px;
}
div.chambres
{ 
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: ;
background-color: white;
}
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: 100%;
text-align: center;
}
div.contact
{ 
position: absolute;
right: 30px;
top: 150px;
width: 470px;
height: auto;
background-color: none;
background-image: url("../images/logos/fond-contact.png");
text-align: center;
font-size: 0.9em;
}
div.dia
{ 
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
text-align: center;
background-color: white;
}
div.header
{
position: relative;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
div.header-index
{ 
width: 100%;
height: auto;
}
div.photos-dessus
{
position: absolute;
bottom: 10px;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
color: white;
text-align: center;
}
div.reservation
{ 
width: 100%;
height: auto;
background-color: rgb(255, 255, 255);
}
div.tarifs
{ 
position: absolute;
right: 10px;
top: 55px;
width: 570px;
height: auto;
background-color: white;
text-align: center;
font-size: 0.8em;
}
h1
{
font-size: 18px;
font-family: calibra, arial;
}
h1.ch
{
font-size: 18px;
color: white;
font-family: calibra, arial;
font-weight: lighter;
text-align : center;
}
h1.ch-tarif
{
position: absolute;
top: 40px;
left: 20px;
font-size: 18px;
font-family: calibra, arial;
color: grey;
font-weight: lighter;
text-align : left;
}
h2
{
font-size: 14px;
font-family: calibra, arial;
font-weight: lighter;
}
.blanc
{
color: white;
}
.center
{
text-align: center;
}
.grand
{
font-size: 14px;
}
.gras
{
font-weight: bold;
}
p
{
margin-left: 20px;
margin-right: 20px;
}
p.left
{
text-align: left;
margin-left: 20px;
}
p.left-top
{
text-align: left;
margin-left: 20px;
margin-top: 50px;
padding-top: 50px;
}
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;
}
img.chambres
{
width: 500px;
height: 334px;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 15px;
margin-right: ;
}
img.chambres2
{
width: 350px;
height: 233px;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 15px;
margin-right: ;
}
img.chambres-grande
{
width: 900px;
height: ;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 15px;
margin-right: ;
}
img.chambres-grande-verticale
{
width: 500px;
height: ;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 15px;
margin-right: ;
}
img.header
{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom:10px;
}
img.repas
{
width: 320px;
height: 181px;
margin-left: 30px;
margin-top: 10px;
margin-right: ;
}
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;
}
a.footer
{
text-decoration : none;
color: white;
font-weight: lighter;
margin-left: 20px;
}
a.texte
{
text-decoration : none;
color: white;
font-weight: bold;
}
footer
{
width: 100%;
height: 50px;
background-color: rgb(111, 44, 26);
text-align: center;
font-size: 0.9em;
padding-top: 10px;
}
nav > input,
.nav-button 
{
  display: none; /* hidden on large screens */
}