*{
	margin: 0;
	padding: 0;
	}

div {
position:relative;
 }

img {
border:none;
	}

body {
	color: #01afff;
 	background: #FFFFFF;
 	font-family: "arial", Helvetica;
 	font-size: 12px;
 	line-height: 16px;
 	background-position:top center;
	}

#fond {
	background-color:#EAC100; 
	left:50%;
 	margin-left:-399px;
	width: 800px;
	background-position:top center;
	}

#container {
  	background-color:#EAC100;
 	left:50%;
 	margin-left:-399px;
 	width: 800px;
	background:url(design/fond.gif) no-repeat;
	
}


#recherche {
	 left:5px;
	 margin-top:50px;
	 color:#2a4281;
	 font-size: 11px;
	 font-weight:bold;
	 left:5px;
 }

#colonne{
	color: #2a4281;
	background: #f4d130;
	left:630px;
	width: 140px;
	padding: 5px 5 5px 5;
	margin: 0px 0 0px 0;	
}	
	
#colonne a{
	color: #2a4281;
	font-weight: normal;
	text-decoration:none;
}
#colonne a:hover{
	text-decoration: underline;

}
#colonne h1{
	color: #FFFFFF;
	font-family: "arial", Helvetica;
	text-align: right;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0 0 0px 0;
	padding: 0px 0 15px 0;
	border-bottom: 1px solid #FFFFFF;
	line-height: 2px;
	
}
#colonne h5{
	color: #FFFFFF;
	font-family: "arial", Helvetica;
	text-align: left;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: normal;
	margin: -5 0 10px 0;
	padding: -15px 0 25px 0;
	border-bottom: 1px solid #FFFFFF;
	line-height: -15px;		

}

#message_colonne{
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	
}

/*	----------------------------------- */
/*	Feuille de style pour la colonne */
/*	----------------------------------- */
.message img{
	float: left;
	margin: 0 15px 15px 0;
}
.relsample { width: 170px; position: relative; background-color: #f4d130; }
.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: #FFFFFF; }
.relsample .top_left { top: 0px; left: 0px; background-image: url("design/corner_top_left.gif"); z-index: 0; }
.relsample .top_right { top: 0px; right: 0px; background-image: url("design/corner_top_right.gif"); z-index: 1; }
.relsample .bottom_left { bottom: 0px; left: 0px; background-image: url("design/corner_bottom_left.gif"); z-index: 2; }
.relsample .bottom_right { bottom: 0px; right: 0px; background-image: url("design/corner_bottom_right.gif"); z-index: 3; }
.relsample .content { position: relative; padding: 12px; z-index: 4; }

.message{
	color: #2a4281;
	font-weight: normal;
	border-bottom: 1px solid #FFFFFF;
	margin: 10px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

.right{
	color: #2a4281;
	text-align: right;
	font-weight: bold;
}
	
#menu {
 margin-top:-255px;
	left: 0px;
	width: 120px;
	}
	
#corps {
 background-color:#EAC100;
 margin-top:-640px;
 left: 200px;
 width: 400px;
 padding:25px 5px 19px 5px;
 color:#2a4281;
 text-align:justify;
}

#corps h1{
	color: #FFFFFF;
	font-family: "arial", Helvetica;
	text-align: right;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #FFFFFF;
	line-height: 2px;
	
}
#corps h2{
	color: #33CCFF;
	font-family: "arial", Helvetica;
	text-align: justify;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 10px 0 25px 0;
	border-bottom: 1px solid #33CCFF;
	line-height: 2px;
	
}
#corps h3{
	color: #33CCFF;
	font-family: "arial", Helvetica;
	text-align: justify;
	font-size: 18px;
	letter-spacing: -1px;
	font-weight: normal;
	
}
#corps h4{
	color: #33CCFF;
	font-family: "arial", Helvetica;
	text-align: justify;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0px 0 0px 0;
	line-height: 2px;	
		
	
}
#corps a{
	color: #2a4281;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
}
#corps a:hover{
	text-decoration: underline;
}
#corps ul{
	list-style-image: url(design/puce-rubrique.jpg);
	
}

#bottom {
 bottom:0px;
 left:50%;
 margin-left:-399px;
 width:800px;
 z-index:10;
 }