#navigation, #content,.section{
	padding:0;
	margin:0px;
	list-style:none;
}
#image{
	position:absolute;
}
#content{
	text-align:justify; 
	overflow:hidden;
	width:710px; 
	background-color:#C1C1C1;
	position:relative;
	height:605px; 
	float:left;
}
	#content h1{
		color:#CC0000;
		margin:10px 0pt;
	}
	
	#content a{
		font-family: Trebuchet MS, Verdana, sans-serif;		
		color:#000000;
		font-weight:bold;
		text-decoration:none;
	}
#navigation{
	float:left;
	width:150px;
	height:605px;
	background-color:#595959;
}
	#navigation .sup{
		margin:30px 10px; /*entre les portions de blocs*/
		font-size:18px; /*entree de blocs*/
		text-decoration: none;
	}
		#navigation ul{
			margin:12px 0;
			list-style:circle;
			padding-left:0px;						
		}
		#navigation a{
			color:white;
			font-weight:bolder;
			text-decoration: none;
		}				
		#navigation .sup li{
			margin: 7px 0 !important; /*dans les sous blocs*/
			margin:-4px 0;
			font-size:12px;
		}
		#navigation a.scrolling{
			color:black;
		}
.section{
	width:2160px; /*doit etre >= que content interieur*/ 
	position:relative;
}

	.section .sub{
		position:relative;
		float:left;
		padding:9px 21px 62px 45px;
		width:630px;
		height:620px;
	}
		.section .sub p{
			width:630px;
			margin:16px 0px;
			font-size:80%;
			line-height:1.2em;
		}
		.section .sub li{
		margin:0px 16px;
		list-style:disc;
		}
		.section .next,  .section .mid, .section .prev {
			color:#000000;
			font-size:16px;
			position:absolute;
			bottom:100px; /*navigation droite gauche*/ 
			letter-spacing:-2px;
		}
		.section .next{
			color:#000000;			
			right:30px;
		}
				
		.section .prev{
			color:#000000;
			left:30px;
		}
		.section .mid{
			color:#000000;
			left:330px;
		}

.message{
	background:#EEE;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	padding:1px;
	position:absolute;
	left:11px;
}
#first{
	top:484px !important;
	top:498px;			
}
#second{
	top:503px !important;
	top:517px;			
}