body {
	margin:0;
	padding:0;
	font-size:71%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #603913;
}

p {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 5px 35px 10px 0;
	padding: 0;
	text-align: left;
}

h1 {
	font-weight: normal;
	font-size: 2.1em;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #914E25;
	margin: 20px 30px 15px 0;
	/padding-top: 12px;
	text-align: left;
	border-bottom: 1px solid #ADA046;
}

h2 {
	font-weight: normal;
	font-size: 1.5em;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #914E25;
	margin: 15px 0 -5px 0;
	padding: 0;
	text-align: left;
}

#texte li {
	font-size: 1.1em;
	line-height: 1.5em;
	text-indent: 0px; 
	margin: 0 35px 0 -25px;	
}

#texte ul {
margin: 10px 0 0 0px;
padding-left:43px;
}

#texte ol {
margin: 10px 0 0 0px;
padding-left:50px;
}

a {
	color: #7C492B;
	text-decoration: none;
}

a:hover {
color: #7C492B;
text-decoration: underline;
}

#contenu {
width: 860px;
margin:0 auto;
padding: 0;
position: relative;
}

#titre {
background-image: url("images/titre.png");
background-repeat: no-repeat;
margin-top: 20px;
height: 89px;
}

#entete {
background-image: url("images/header.png");
background-repeat: no-repeat;
height: 221px;
margin: 0;
padding: 20px 0 0 58px;
}

#centre{
background-image: url("images/background_centre.png");
background-repeat: repeat-y;
margin: 0;
width: 860px;
}

#texte {
width: 500px;
background-image: url(images/background_texte.png);
background-repeat: repeat-y;
padding: 10px 0px 50px 28px;
/padding-top: 0;
margin: 0 30px 0 38px;
-margin-left: 19px;
float: left;
position: relative;
}

#menu_droit1 {
background-image: url(images/menu_droit1.png);
background-repeat: no-repeat;
padding: 65px 0px 60px 28px;
-padding-top: 80px;
margin: 0;
float: right;
height: 305px;
width: 252px;
position: absolute;
top: 330px;
-top: 350px;
left: 563px;
}

#menu_droit1_long {
background-image: url(images/menu_droit1_long.png);
background-repeat: no-repeat;
padding: 65px 0px 60px 28px;
-padding-top: 80px;
margin: 0;
float: right;
height: 450px;
width: 252px;
position: absolute;
top: 330px;
-top: 350px;
left: 563px;
}

#menu_droit2 {
background-image: url(images/menu_droit2.png);
background-repeat: no-repeat;
padding: 50px 40px 60px 28px;
-padding-top: 60px;
margin: 0;
float: right;
height: 305px;
width: 252px;
position: absolute;
top: 330px;
-top: 350px;
left: 563px;
}

#menu_droit3 {
background-image: url(images/menu_droit3.png);
background-repeat: no-repeat;
padding: 50px 20px 0 28px;
-padding-top: 60px;
float: right;
height: 305px;
width: 252px;
position: absolute;
top: 330px;
-top: 350px;
left: 563px;
}

#menu_droit1 p, #menu_droit2 p, #menu_droit3 p, #menu_droit1_long p {
margin: 5px 60px 5px 10px;
text-indent: -10px; 
color: #7C492B;
}

#menu_droit1 h1, #menu_droit2 h1, #menu_droit3 h1, #menu_droit1_long h1 {
	margin: 20px 70px 10px 0;
}

#menu_droit1 .date, #menu_droit2 .date, #menu_droit3 .date, #menu_droit1_long .date {
color: #73722B;
line-height: 1.2em;
margin: 15px 60px -3px 0px;
text-indent: 0px;;
}

#menu_droit1 .note, #menu_droit2 .note, #menu_droit3 .note, #menu_droit1_long .note {
color: #7C492B;
line-height: 1.25em;
margin: 10px 60px -3px 0px;
text-indent: 0; 
}

#bottom {
background-image: url(images/background_bas.png);
background-repeat: no-repeat;
height: 30px;
margin: 0 0 0 38px;
clear: both;
}

#footer {
width: 830px;
background-color: #99903D;
margin:0 auto;
margin-top: 10px;
}

#footer p {
font-size: 1.0em;
line-height: 1.8em;
padding: 15px 35px 15px 35px;
margin: 0;
}

#footer a {
font-size: 1.0em;
line-height: 1.8em;
padding: 0;
}

.site {
margin: 20px 10px 10px 0;
border: 1px solid #666;
}

/*- Menu --------------------------- */

#menu {
	width: 505px;
	height: 30px;
	background-color:transparent;
	margin: 0 0 0 50px; 
      }
#menu ul {
	height: 30px;
	width: 505px;
	margin:0;
	padding:0;
	list-style:none;
	display: block;
	position: relative;
      }
#menu li {
	position: relative;
	display: block;
	float: left;
      }
#menu .accueil {
	height: 30px;
	width: 79px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_accueil.png) no-repeat left top;
   	   }
#menu .accueil2 {
	height: 30px;
	width: 79px;
	display: block;
	background: url(images/menu_accueil.png) no-repeat left -60px;			
	   	   }
#menu .presentation {
	height: 30px;
	width: 112px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_presentation.png) no-repeat left top;
   	   }
#menu .presentation2 {
	height: 30px;
	width: 112px;
	display: block;
	background: url(images/menu_presentation.png) no-repeat left -60px;
   	   }
#menu .services {
	height: 30px;
	width: 132px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_services.png) no-repeat left top;
      }
#menu .services2 {
	height: 30px;
	width: 132px;
	display: block;
	background: url(images/menu_services.png) no-repeat left -60px;
      }
#menu .portefolio {
	height: 30px;
	width: 96px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_portefolio.png) no-repeat left top;
      }
#menu .portefolio2 {
	height: 30px;
	width: 96px;
	display: block;
	background: url(images/menu_portefolio.png) no-repeat left -60px;
      }
#menu .contact {
	height: 30px;
	width: 81px;
	display: block;
	margin:0;
	padding:0;
	background: url(images/menu_contact.png) no-repeat left top;
      }
#menu .contact2 {
	height: 30px;
	width: 81px;
	display: block;
	background: url(images/menu_contact.png) no-repeat left -60px;
      }
#menu a:hover {
	background-position: left -30px;			
	display: block;
	height: 30px;
	}
#menu li span {
	background-position: left -60px;			
	display: block;
	height: 30px;
	}