html {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: black;
}

body {
margin-top: 0px;
background-color: #c1bc85;
background-position: top center;
background-repeat: no-repeat;	
background-image: url('img/fond.jpg');
}

/* ------------------------------------------------------------------------------------------ */
/* --------------------------------------- SQUELETTE  --------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
#site {
width: 1010px;
margin-left: auto;
margin-right: auto;
}

#header {
width: 1010px;
height: 108px;
background-position: top right;
background-repeat: repeat-y;	
background-image: url('img/panoramique.jpg');
}

#nav {
width: 985px;
min-height: 15px;
padding-left: 25px;
padding-top: 5px;
background-position: top center;
background-repeat: repeat-y;	
background-image: url('img/contenu.jpg');
}

#nav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#nav ul li{
position: relative;
display: inline;
float: left;
background-color: #695d2a;
margin-right:5px;
}

#nav ul li a{
display: block;
padding: 5px 10px 5px 10px;
text-decoration: none;
color: white;
border: 1px white solid;
}

#nav ul li a:hover{
background-color: #c1bc85;
color: white;
border: 1px white solid;
}

#nav ul li a:active{
border: 1px black solid;
}

#contenu {
width: 970px;
min-height: 100px;
padding: 20px 15px 10px 25px;
background-position: top center;
background-repeat: repeat-y;	
background-image: url('img/contenu.jpg');
}

#prefooter {
width: 970px;
padding: 40px 20px 5px 20px;
text-align: right;
background-position: bottom center;
background-repeat: repeat-y;	
background-image: url('img/contenu.jpg');
color: #474210;
}

#footer {
height:12px;
background-position: bottom center;
background-repeat: repeat-y;	
background-image: url('img/footer.jpg');
}

a , a:focus, a:visited, a:active {
color: #474210;
}

a:hover{
color: #cbc68e;
}

h1 {
color: #474210;
margin-bottom:0px;
font-size: 1.6em;
}

h2 {
color: #474210;
margin:0px;
font-size: 1.2em;
}

.colonne_quart {
float: left;
margin-right:5px;
width:235px;
text-align:center;
}

.colonne_quart  p{
text-align:left;
margin-left: 12px;
margin-top: 0px;
color:#858049;
}

.spacer {
clear: both;
height:10px;
}

#plan {
text-align:center;
}