body{
	background: url(images/fond.jpg) repeat;
	font: normal 12px Verdana, sans-serif;
	color: black;
}

#page {
margin:0px;
padding:0px;
background: url(images/fond_corps.jpg) repeat;
margin:auto;
width:768px;
border:1px solid black;
}

/**************************************************************************/
/***                             Header                                 ***/
/**************************************************************************/

#header {
margin:0px;
padding:0px;
background: url('images/header1.jpg') no-repeat center;
height: 150px;
border-bottom:black solid 2px;
}

/**************************************************************************/
/***             Corps (Texte et articles du site                       ***/
/**************************************************************************/

#corps #annonce{
	border:1px black dashed;
	margin:0px;
	padding:0px;
	background:url("images/annonce.jpg");
	margin-top:20px;
}

#corps #annonce p{
	background:url("images/attention.png") no-repeat;
	margin:0px;
	padding:5px;
	padding-left:35px;
	font: bold 13px Verdana, sans-serif;
}
	
#corps {
	margin:0px;
	padding:0px;
	margin-left: 20px;
	margin-right: 20px;
	font: normal 13px Verdana, sans-serif;
}

#corps img {
	border:1px solid black;
}


#corps h1{
	position: relative;
	background:url(images/titre.jpg);
	height:35px;
	width:728px;
	font-size:25px;
	padding-top:0px;
	font-style:italic;
	border:1px solid black;
	color:black;
}

#corps h1 span{
	position: absolute; /* on superpose le SPAN sur le titre */
	top: -2px; /* on décale le SPAN */
	left: +2px;
	color:white;
}

#corps h2{
	background:url(images/h2.gif) no-repeat;
	margin-left:10px;
	padding-left:85px;
	height:31px;
	font-size:25px;
	padding-top:0px;
	font-style:italic;
	text-decoration:underline;
	}

#corps h3{
	background:url(images/h3.gif) no-repeat;
	margin-left:30px;
	padding-left:25px;
	height:29px;
	font-size:20px;
	padding-top:0px;
	text-decoration:underline;
}

#corps h4{
	background:url(images/h1-star.gif) no-repeat;
	margin:5px;
	padding-left:26px;
	margin-left:30px;
	font-size:20px;
	padding-top:0px;
	text-decoration:underline;
}
#corps h4 a{
	color:black;
}
#corps h4 a:hover{
	color:white;
}

#corps h5{
	margin:0px;
	padding:0px;
	margin-left:50px;
	font-size:15px;
}
#corps h5 a{
	color:black;
	text-decoration:none;
}
#corps h5 a:hover{
	color:white;
}

#corps h6{
	margin:0px;
	padding:0px;
	margin-left:70px;
	font-size:12px;
	font-weight:normal;
}
#corps h6 a{
	color:black;
	text-decoration:none;
}
#corps h6 a:hover{
	color:white;
}

#corps h7{
	margin:0px;
	padding:0px;
	margin-left:90px;
	font-size:11px;
	font-weight:normal;
}
#corps h7 a{
	color:black;
	text-decoration:none;
}
#corps h7 a:hover{
	color:white;
}

#corps ul li{
	list-style-image:url(images/gomme.gif);
}

#corps p{
	font-weight: normal;
	text-align: justify;
}

#corps .textesurligne {
	border-bottom:1px dashed black;
	font-weight:bold;
	font-style:italic;
}

#corps #image {
	margin:0px;
	padding:0px;
	text-align:center;
}

#corps .gras{
	font-weight:bold;
}

#corps a{
	color:black;
	text-decoration:underline;
}
#corps a:hover{
	color:white;
}

#corps #source a{
	color:black;
	font-weight:bold;
	text-decoration:none;
}
#corps #source a:hover{
	color:white;
	text-decoration:underline;
}
#corps #source img{
	border:0px;
}
/**************************************************************************/
/***                             Footer                                 ***/
/**************************************************************************/
#footer{
	background: url('images/footer.jpg') no-repeat center;
	height: 43px;
	border-top:black solid 2px;
	margin:0px;
	padding:0px;
}

#footer #nom {
	float:right;
	margin-top:5px;
	margin-right:15px;
	background: url(images/fond_corps.jpg) repeat;
	border:1px solid black;
	width:400px;
	font-weight:bold;
	text-align:center;
}
