* {
margin:0;
padding:0;
}
ul {
list-style-type:none;
}
body {
text-align:center;
}
h1, h2, h3, h4, p {
margin-top:5px;
margin-bottom:15px;
}
/* LAYOUT */
#page {
width:100%;
}
#main {
	text-align:left;
	margin : 0 0 0 235px;
	padding:10px 50px 10px 0;
	}
#content-wrap {
width:876px;
margin:auto;
}
#content {
	width : 100%;
	margin : 0 0 0 -225px;
	float : right;
}
#footer {
	clear : both;
	text-align:center;
	}
#sidebar {
	width : 225px;
	float : left;
}
.clearer {
clear:both;
height:1px;
width:100%;
}
/*STYLE*/
body {
background:url("img/bg.jpg") repeat-x #e8e8e8;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#4a4a4a;
min-width:876px;
}
a:link, a:visited {
color:#00288d;
}
p {
margin-bottom:10px;
}
#header-wrap {
background:url("img/header-wrap.jpg") no-repeat center top;
}
#header {
height:167px;
width:876px;
margin:auto;
background:url("img/header.jpg") no-repeat;
position:relative;
}
#header h1 {
display:none;
}
#menu {
	position:absolute;
	top:36px;
	left:539px;
	width:328px;
}
#menu li {
float:left;
background:url("img/menu.gif")
      no-repeat top;
	  	height:46px;
		width:93px;
	line-height:40px;

}
#menu a {
display:block;
padding:0 5px;
text-decoration:none;
color:#af0000;
text-transform:uppercase;
font-weight:bold;
}
#contact {
position:absolute;
width:230px;
height:84px;
top:100px;
left:594px;
background:url("img/contact.gif") no-repeat;
}
#bg {
background:url("img/page2.gif") repeat-y center;
}
#bgfoot {
background:url("img/page-foot.gif") no-repeat center;
height:28px;
}

#main h2 {
color:#bb0800;
font-size:20px;
font-weight:normal;
background:url("img/h2.gif") no-repeat left center;
height:47px;
line-height:47px;
}
#main h3 {
color:#030080;
font-size:16px;
font-weight:normal;
background:url("img/h3.gif") no-repeat left center;
height:43px;
line-height:43px;
}
#main li {
padding-left:20px;
margin-bottom:10px;
background:url("img/puce.gif") no-repeat left top;

}

#sidebar {
text-align:left;
}
#sidebar .inner {
margin-left:40px;
}
#sidebar h3 {
height:33px;
background:url("img/sidetitle.jpg") no-repeat;
line-height:33px;
font-size:16px;
color:#FFF;
text-indent:15px;
margin-bottom:5px;
}
#sidebar ul {
margin:0 10px 15px 10px;
}
#sidebar li {
margin-bottom:2px;
}
#sidebar li a {
text-decoration:none;
display:block;
border-bottom:1px solid #e3e3e3;
padding:2px;
}
#sidebar li a:hover {
color:#0000CC;
}
#footer-wrap {
background:url("img/footer_wrap.jpg") repeat-x center top #000;
}
#footer {
background:url("img/footer.jpg") no-repeat center top;
height:90px;
padding-top:20px;
color:#EAEAEA;
width:876px;
margin:auto;
font-size:11px;
}
#footer a {
color:#cddbff;
}

/*page réalisations*/

table.rea {
margin-bottom:15px;
}
.info {
margin-bottom:10px;
padding:5px;
border-bottom:1px solid #CCC;
font-weight:bold;
}
.info a {
text-decoration:none;
}
td.vignette img {
padding:3px;
border:1px solid #CCC;
}
td.vignette {
width:140px;
}

/*FORM*/
.fieldset {
	width:300px; 
	padding:10px;
	border:1px solid #CCC;
	}
.fieldset label {
display:block;
font-weight:bold;
margin:4px 0 5px 0;
}
.fieldset legend {
font-weight:bold;
}
form textarea {
width:100%;
}
input.submit {
display:block;
border:1px solid #000;
margin-top:10px;
}