/* --- STYLES DE BASE --- */ 
 /*couleurs utilisées :
 #ebe3db brun clair
 #bebe6d vert
 #6a5543 brun foncé
 #e3c798 saumon*/
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; 
  padding: 1em; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex:  */ 
  font-family: Papyrus, Tahoma, Verdana, Geneva, FreeSans, sans-serif;
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color: black; 
  background-color: #ebe3db; 
  background-image: url(Images/background1.jpg);
  background-repeat:no-repeat;
} 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
  border-bottom : 1px solid #6a5543;
  margin-right: 10px;
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 

/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 

} 
/* Paragraphes */ 
p { 
  margin: 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
.conteneur
{
width : 900px;
margin: 20px 0 0 140px;
padding : 0;
}
.bannière
{
margin-bottom: 50px;
}
.contenu
{
margin : 50px 0 0 240px;
width: 600px; 
height: 470px;
overflow : auto;
padding : 0 0 0 0;
}
.titre
{
width: 500px;
font-size: 1.25em; 
font-weight: bold;
}
.prix
{
Float : right;
margin-right: 10px;
font-size: 1.25em; 
font-weight: bold;
}
.description
{
width: 500px; 
}
.picacc
{
margin :15px auto;
height :167px;
width :117px;
}
.picoff
{
margin :15px auto;
height :117px;
width :167px;
}
.picass
{
float : right;
margin :5px;
height :117px;
width :167px;
}
.big
{
font-size:1.6em;
}
#menu
{
float:left;
margin-top : 50px;
width : 198px;
}
#menu ul
{
list-style-type:none;
}
 #menu li a
 {
 display : block;
 padding : 0.2em 0.5em;
 border : 1px solid #ebe3db;
 background : #bebe6d;
 color : #6a5543;
 }
#menu li a.localisation
{
 background : #6a5543;
 color : #bebe6d;
 }
 #menu li a:hover, a:focus, a:active
 {
 background : #e3c798;
 }
 #menu li a.localisation:hover, a.localisation:focus, a.localisation:active
 {
 background : #6a5543;
}
/* Liens */ 
a { 
  text-decoration: none; 
} 
a:link { 
  color: #6a5543; 
} 
a:visited { 

  color : #6a5543;
} 
a:hover, a:focus, a:active { 
 text-decoration: underline ;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
margin: 0; 
padding: 0;
line-height: 1.3; 
border: none; 
} 

input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */