/*---------------général
*/

* {
	margin:0;
	padding:0;
}
body {
	font-family:"Tahoma", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#463428;
	background-color: #9e948d;
	background-image: url(background.jpg);
}
hr.spacer, br.spacer{
	clear:both;
	visibility:hidden;
	border:1px #9e948d solid;
	width:360px;
}
a:link{
color:#FFFFFF;
text-decoration:none;
background:none;
}
a:visited{
	color:#FDF8F2;
	text-decoration: none;
	background:none;
}
a:hover{
text-decoration:underline;
background:none;
}
img{
	padding: 5px;
	background-color: #DA8938;
	border:none;
}
#main {
	width:500px;
	border: 2px #463428 solid;
	margin: 10px auto 10px auto;
	background: #9e948d url(barre-gris-clair.jpg);
}
							/*---- legals -----*/
							#legal{
								padding:2px 5px 2px 5px;
								color:#D8D5D1;
								text-align:center;
								background: url(barre-orange.jpg);
							}
							#legal a{
								padding:0 5px 0 5px;
								color:#D8D5D1;
								text-decoration:none;
								background:none;
							}
							#legal a:hover{
								background:#463428;
							}


/*------ partenaires --------*/

#partenaires{
	margin: 100px auto;
	text-align: center;
	width: 600px;
}
#partenaires img{
	padding:0;
	border-color: #DA8938;
	border-style: solid;
	border-bottom-width: 10px;
	border-right-width: 10px;
	border-top-width: 10px;
	border-left-width: 0px;
}
#partenaires #partenaires-titre{
	padding:0;
	border-color: #DA8938;
	border-style: solid;
	border-bottom-width: 10px;
	border-right-width: 5px;
	border-top-width: 10px;
	border-left-width: 5px;
}
/*
------------------------------relatif à la barre de titre
*/
#titre{
	height:335px;
	background-color: #463428;
	background-image:url(home2.jpg);
	background-repeat:no-repeat;
	background-position: 0 10px;
	padding-top:10px;
}
#titre h1{
	color:#FFFFFF;
	text-align: right;
	visibility: hidden;
	font-size: 1px;
	display: none;
}
h1 span{
	font-size:1px;
}
#essenciel{
	color:#FFFFFF;
	text-transform:uppercase;
	padding: 10px 10px 0 180px;
	font-size: 1px;
	text-align: right;
	list-style-type: none;
	visibility: hidden;
	display: none;
	}
#essenciel li{
}
#essenciel #epinal{
	visibility: hidden;
}
#essenciel #lieu{
}
/*----------------------------------relatif au contenu
*/
#page{
	margin:0px 0px 5px 0px;
}
				
#page h1{
	background:#463428;
	color:#B0A9A4;
	font-size:28px;
	padding:2px 5px 2px 5px;
	text-transform:uppercase;
	text-align: right;
	background-image: url(barre-marron.jpg);
	font-weight: 100;
}
#page h2{
	background:#463428;
	color:#B0A9A4;
	font-size:18px;
	padding:2px 5px 2px 5px;
	text-transform:uppercase;
	text-align: right;
	background-image: url(barre-marron.jpg);
	font-weight: lighter;
}
#page h3{
	background:#D38838;
	padding:2px 15px 2px 15px;
	color:#533D32;
	text-align: right;
	font-size: 13px;
	font-weight:lighter;
	background-image: url(barre-orange.jpg);
}
#page h1 img,#page h2 img, #page h3 img,#page h4 img{
	background:none;
	margin:0;
	padding:0;
}
#page img{
	margin-right: 5px;
	margin-top: 1px;
	margin-bottom: 5px;
	float:left;
}
#page h4{
	background:D38838;
	padding:1px 15px 1px 15px;
	color:#533D32;
	text-align: right;
	font-size: 12px;
	font-weight: lighter;
	background-image: url(barre-orange.jpg);
}
#page p{
	padding:15px;
	text-align:justify;
	font-size:11px;
	margin-bottom: 10px;
	}
#page ul{
	list-style-position: inside;
	list-style-image: url(dot.gif);

}
#page li{
	padding-left:5px;
	margin-left:5px;
	margin-right:10px;
	line-height:90%;
	margin-bottom:5px;
}
/******  menu  (laisser en derniere position) ******/
				#menu{
					position:absolute;
					top: 343px;
					width: 490px;
				}
				#menu li{
					background:#463428;
					font-weight: bold;
					font-size:11px;
					line-height:normal;
					float:right;
					list-style-type:none;
					margin:0 5px 0 0;
					display:block;
					text-transform:uppercase;
					padding:0px 5px 1px 5px;
					background-image: url(barre-marron.jpg);
				}
				#menu #accueil{
					float:left;
				}
				#menu li a{
					color:#B0A9A4;
					text-decoration:none;
					background:none;
				}
				#menu li a:hover{
					color:#CEC9C6;
				}
				
/* --- classes cumulatives --- */
img.brut {
padding:0px;
margin:0px;
background:none;
border:none;
border-style:none;
border-width:0px;
}
.lettrine{
	font-size:xx-large;
	float: left;
	text-transform: capitalize;
	padding: 7px 1px 0 2px;
	margin: 0 4px 0 0;
	line-height: 60%;
}
.majuscule{
text-transform:uppercase;
}
.blockleft{
display:block;
float:left;
padding:0px;
padding-left:5px;
}
.imginvisible img{
display:none;
}