body{
background-color: #8AB2D6;
color: #555555;
margin: 10px 0 0 10px;
}
	
	#mainbox{
	width: 900px;
	background-color: #FBFE98;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	}
	
	#containbox{
	float: right;
	margin: 40px 20px 10px 0px !important;
	margin: 40px 10px 10px 0px;
	width: 630px;
	text-align: justify;
	}
	
	h1{
	font-family :	Arial, Helvetica, sans-serif;
	font-size : 20px;
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 8px;
	text-align: center;
	}
	
	h2{
	font-family :	Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight: lighter;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
	}
	
	p{
		margin-top: 5px;
		padding: 0;
	}
	
	ul{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	}
				
	li{
	margin: 5px 10px 5px 0px;
	}
				
	a{
	background-color: transparent;
	color: #487FB9;
	font-size: 14px;
	text-decoration: none;
	}
				
	a:hover{
	text-decoration: underline;
	}
	
	a.retour{
	clear: both;
	float: right; 
	text-decoration : none;
	text-align: center;
	width: 630px;
	}
	
	a.retour:hover{
	text-decoration : underline;
	}
	
	hr{
	color: #555555;
	background-color: #FBFE98;
	}
	
			#banniere{
			background-image: url(../photos/banniere/banniere.jpg);
			height: 175px;
			}
		
			#sidebox{
			width: 200px;
			margin-top: 37px;
			}
				
				#sidemenu a{
				display: block;
				background-image: url(../photos/logolien/side.jpg);
				background-repeat: no-repeat;
				font-size: 15px;
				text-align : left;
				background-color: transparent;
				color: #F96400;
				margin: 5px 0px 15px 10px;
				padding: 11px 0 15px 20px;
				text-decoration: none;
				}
				
				#sidemenu a:hover{
				background-image: url(../photos/logolien/sideon.jpg);
				background-repeat: no-repeat;
				margin: 5px 0px 15px 10px;
				padding: 11px 0 15px 20px;
				text-decoration: none;
				background-color: transparent;
				color: #FEFF4A;
				}

					#on a{
					display: block;
					background-image: url(../photos/logolien/sideon.jpg);
					background-repeat: no-repeat;
					text-align : left;
					text-decoration : none;
					background-color: transparent;
					color: #FEFF4A;
					}
				
						#sousmenu a{
						background-image: none;
						text-align : left;
						font-size: 14px;
						padding: 0 0 0 5px;
						text-decoration: none;
						margin: 10px 20px 15px 30px;
						background-color: transparent;
						color: #F19D06;
						}
				
						#sousmenu a:hover{
						background-image: none;
						text-align: left;
						padding: 0 0 0 5px;
						text-decoration: underline;
						margin: 10px 20px 15px 30px;
						background-color: transparent;
						color: #F19D06;
						}

							#smon a{
							background-image: none;
							text-align: left;
							padding: 0 0 0 5px;
							text-decoration: underline;
							margin: 10px 20px 15px 30px;
							}
						
							#smon a:hover{
							background-image: none;
							text-decoration: underline;
							text-align: left;
							padding: 0 0 0 5px;
							margin: 10px 20px 15px 30px;
							}	

	#footer{
	clear: both;
	background-image: url(../photos/banniere/footer2012.jpg);
	height: 30px;
	background-repeat: no-repeat;
	}
	
	.span-alignleft {
		text-align: left;
	}
	
	.span-bold {
		font-weight: bold;
	}
	
	.span-red {
		color: Red;
	}