/** Global **/
	*, html, body{
		margin:0;
		padding:0;
	}
	body{
		background:#f2f6f8;
		text-align: center;
	}
	a img{
		border:none;
	}
	.clear_left{
		clear:left;
	}	
	h1{
		margin-bottom:15px;
		margin-top:5px;
	}

/** La page  **/
	#page{
		width: 1001px; 
		min-height:768px;
		margin-top:10px;
		margin-left: auto; 
		margin-right: auto; 
		text-align: left;
	}

/** Les utilitaires **/
	#utilitaires {
		padding-right:10px;
	}
	#utilitaires .separator, #utilitaires span.mainlevel{
		display:inline-block;
		margin-left:3px;
		margin-right:3px;
	}

/** La zone d'accessibilité **/
	#accessibilite{
		text-align:right;
		position:relative;
		left:-15px;
		top:-50px;
		font-weight:bold;
	}
	
	
/** Le header **/
	#header{
		background:url(../images/header.jpg) no-repeat top left;
		height:201px;
		width:1001px; 
		margin-top:6px;
	}
	#logo{
		margin-left:16px;
		padding-top:8px;
		width:106px;
		height:225px;
		position:absolute;
	}
	#sign_logo{
		margin-left:122px;
		padding-top:3px;
	}
	
/** Le corps **/
	#corps{
		background: white url(../images/body_bground.gif) repeat-y;
		min-height:457px;
		width:1001px; 
	}
	
	#gauche{
		width:280px;
		float:left;
	}
	#droite{
		width:700px;
		float:left;
		margin-bottom:20px;
	}
	
	#droite ul{
		list-style-type:disc;
		margin-left:15px;
		margin-bottom:3px;
	}
	#droite li{
		margin-bottom:5px;
	}
	
	p{
		margin-bottom:10px;
		margin-top:5px;
	}
		/** Le menu principal **/
		#menu_principal{
			width:305px;
			margin-bottom:25px;
		}
		#menu_principal ul{
			list-style-type:none;
			margin-left:62px;
			position:relative;
			top:-13px;
		}
		#menu_principal li{
			clear:both;
		}
		#menu_principal .lien{
			cursor:pointer;
		}
		#menu_principal li span{
			padding-top:10px;
			padding-left:7px;
			display:block;
			/*height:26px;*/
			height:30px;
		}
		#menu_principal li li span{
			height:auto;
			margin-top:0px;
			padding-top:0;
			padding-bottom:10px;
			padding-left:0px;
		}
		#menu_principal li:hover span, #menu_principal li.active span{
			background:url(../images/menu_bg.gif) no-repeat;
		}
		#menu_principal li:hover li span, #menu_principal li.active li span{
			background:none;
		}
		#menu_principal .submenu{
			top:5px;
			margin-left:25px;
		}
		
		/** Le bloc météo **/
		.meteo .contenu{
			margin-left:42px;
		}
		.meteo .contenu img{
			margin-left:11px;
			margin-top:11px;
		}
		
		/** Un bloc principal **/
		.bloc{
			width:685px;
			margin-top:-5px;
			height:auto;
			border-left:1px solid #4cb9e4;
			border-right:1px solid #4cb9e4;
			background: #BBE5F5  url(../images/bloc_bground.gif) repeat-x top;
		}	
		.bloc .contenu{
			min-height:430px;
			margin-right:26px;
			margin-left:26px;
		}
		.bloc_footer_big{
			position:relative;
			top:-2px;
		}
		
		/** Les petits blocs **/
		.bloc_mini{
			width:333px;
			height:auto;
			background:white url(../images/bloc_mini_bground.gif) repeat-x bottom;
			border-left:1px solid #4cb9e4;
			border-right:1px solid #4cb9e4;
		}
		.bloc_mini .contenu{
			margin-right:26px;
			margin-left:26px;
		}
		.bloc_header{
			position:relative;
			top:3px;
		}
		
	/** Alerte **/
	.alerte img{
		float:left;
	}
	.alerte .contenu{
		float:left;
		width:660px;
		height:38px;
		border-top:1px solid #fb6868;
		border-bottom:1px solid #fa989f;
		background-color:#f9b8c3;
	}
	.alerte .contenu div{
		padding-top:10px;
	}
	.alerte{
		margin-left:3px;
		margin-top:3px;
		margin-bottom:2px; 
		height:40px;
	}
	
/** Le footer **/
	#footer{
		background:url(../images/footer.jpg) no-repeat top left;
		height:79px;
		width:1001px; 
		clear:left;
		position:relative;
		top:-11px;
	}
	#footer .contenu{
		padding-left:100px;
		/*padding-top:52px;*/
		padding-top:42px;
	}

/** Hack Css **/
#logo{
	!margin-left:-110px;
}
#menu_principal li span{
	margin-top:-5px !important!;
}