/* --- GÉNÉRAL --- */
	html, body {
	   font-family			: arial,trebuchet ms ,arial,sans-serif, trebuchet MS 	;
	   height				: 100%													;
	   color				: #000000												;
	   margin				: 0px													;
	   padding				: 0px													;
	   font-size			: 12px													;
	   background-image		: url('../src/bg_global.gif')									;
	   background-position	: center												;
	   background-repeat	: repeat-y												;
	   background-position  : top													; 
	   }

	div#page {
		position			: relative		;
		left				: 50%				;
		margin-left			: -490px			;
		width				: 980px				;
		min-height			: 100%				;
		color				: #000000			;
		background-image	: url('../src/bg.gif')		;
	    background-position	: center			;
	    background-repeat	: no-repeat			;
	    background-position : top				; 
	  	}
		
	div#conteneur {
		position			: relative					;
		margin-top			: 0px						;
		width				: 980px						;
		border				: 0px solid #000000			;
		color				: #000000					;
		background-repeat	: no-repeat					;
		min-height			: 100%						;
		}
		
		div.menu_header{
			position	: absolute	;
			//position	:relative;
			top			: 380px		;
			left		: 50px		;
			width		: 150px		;
			}
						
		div.menu_footer{
			position		: relative			;
			bottom			: 0px				;
			}
			
		div.texte{
			width			: 650px				;
			text-align		: justify			;
			margin-top		: 120px				;
			margin-left		: 230px				;
			float			: left				;
			}		
	
		div.book{
			width			: 500px				;
			text-align		: justify			;
			margin-top		: 100px				;
			margin-right	: 170px				;
			float			: right				;
			border			: 1px solid #c0c0c0	;
			}
			
		#diaporama{
			width			: 400px				;
			height			: 300px				;
			text-align		: justify			;
			margin-top		: 70px				;
			margin-right	: 20px				;
			float			: right				;
			border			: 1px solid black	;
			}

	div#page #dernier-element {
			margin-bottom		: 0			;
			padding-bottom		: 4em		;
			width				: 980px		;
			height				: 150px		;
			color				: #FFFFFF	;
			font-weight			: bold		;
			font-size			: 12px		;
			}

	div#piedpage {
		position	: absolute	;
		bottom		: 0			;
		left		: 0			;
		width		: 100%		;
		height		: 3em		;
	}		
	
/**/

.zone_image{
	height			: 400px					;
	width			: 400px					;
	float			: right					;
	margin-right	: 200px					;
	margin-top		: 120px					;
	border			: 1px solid #C0C0C0		;	
	}

#barre_image{
	width				: 400px				;
	height				: 399px				;
	}
	
.zone_barre{
	height			: 10px					;
	width			: 400px					;
	margin			: 0px					;
	padding			: 0px					;
	border-top		: 2px solid	black		;
	//border-top	: 1px solid	black		;
	border-bottom	: 2px solid	black		;
	//border-bottom	: 1px solid	black		;
	}
	
a.barre1{
	display				: block				;
	float				: left				;
	width				: 99px				;
	//width				: 100px				;
	height				: 10px				;
	//height			: 6px				;
	border-top			: 1px solid black	;
	border-right		: 1px solid black	;
	}
		
a.barre1:visited{
	display				: block				;
	float				: left				;
	width				: 99px				;
	//width				: 100px				;
	height				: 10px				;
	//height			: 6px				;
	border-top			: 1px solid black	;
	border-right		: 1px solid black	;
	}
	
a.barre1:hover{
	background-color	: black				;
	}
	
a.barre1:visited:hover{
	background-color	: black				;
	}

a.barre2{
	display				: block				;
	float				: left				;
	width				: 98px				;
	//width				: 100px				;
	height				: 10px				;
	//height			: 6px				;
	border-top			: 1px solid black	;
	border-right		: 1px solid black	;
	border-left			: 1px solid black	;
	}
	
a.barre2:hover{ background-color : #000000;}

a.barre3{
	display				: block				;
	float				: left				;
	width				: 98px				;
	//width				: 100px				;
	height				: 10px				;
	//height			: 6px				;
	border-top			: 1px solid black	;
	border-right		: 1px solid black	;
	border-left			: 1px solid black	;
	}
	
a.barre3:hover{ background-color : black;}

a.barre4{
	display				: block				;
	float				: left				;
	width				: 99px				;
	//width				: 100px				;
	height				: 10px				;
	//height			: 6px				;
	border-top			: 1px solid black	;
	border-left			: 1px solid black	;
	}
	
a.barre4:hover{ background-color : black;}

	
/*Style des liens*/

a{color:#000000;text-decoration:none;}	
a:visited{color:#000000;text-decoration:none;}	
a:hover:visited{color:#6c6c6c;text-decoration:none;}	
a:hover{color:#6c6c6c;text-decoration:none;}	

a.menu_link{
	display		: block			;
	width		: 140px			;
	color		: #FFFFFF		;
	float		: left			;	
	text-align	: center		;
	font-weight	: bold			;
	}

a.menu_link:visited{
	display		: block			;
	width		: 140px			;
	color		: #FFFFFF		;
	float		: left			;	
	text-align	: center		;
	font-weight	: bold			;
	}
	
a.menu_link:hover{
	background-color	: white	;
	color				: black	;
	}
	
a.menu_link:visited:hover{
	background-color	: white	;
	color				: black	;
	}

/*Utilisataion du Clear Both pour rétablir le flux des float*/	
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }