@charset "UTF-8";
/* CSS Document */

body{
	width: 900px;
	margin: auto;
	background-repeat: repeat-x;
	background-image: url(media/bg.jpg);
	background-attachment: fixed;
	font-family: verdana;
	font-size: 10px;
	background-color: #CCCCCC;	
}

#top{
	background-image: url(media/top.jpg);
	height: 71px;
	font-size: 12px;
	text-align: left;
	padding-left:320px;
	
}


#contenant{
	height: 565px;
	width:401px;
	background-image: url(media/main.jpg);
}

#left{
	background-image: url(media/index-left.jpg);
	height: 636px;
	width:401px;
	float:left;
		
}

#right{
	background-image: url(media/index-right.jpg);
	height: 636px;
	width:499px;
	font-size: 12px;
	text-align: left;
	float:right;
}

#right a, a:visited{
	color: #663300;
	text-decoration: none;
}

#right a:hover{
	color: #999999;
	text-decoration: none;
}

#drap{
	height: 45px;
	width: 45px;
	position:relative;
	left: 300px;
	top: 10px;
	visibility: visible;
}

#drap2{
	height: 45px;
	width: 45px;
	position:relative;
	left: 345px;
	top: -35px;
	visibility: visible;
}

#drap3{
	height: 45px;
	width: 45px;
	position:relative;
	left: 250px;
	top: 545px;
	visibility: visible;
}

#drap4{
	height: 45px;
	width: 80px;
	position:relative;
	left: 295px;
	top: 500px;
	visibility: visible;
}

#pied_de_page{
	height: 30px;
	background-image: url(media/pied-page.jpg);
	background-repeat: repeat-y;
	font-size: 10px;
	text-align: left;
	padding-top:1px;
	padding-left:150px;
	font-weight: normal;
	color: #000000;
}

#pied_de_page a, a:visited{
	color: #666666;
	text-decoration: none;
}

#pied_de_page a:hover{
	color: #999999;
	text-decoration: none;
}