/************************************/
	/* Englobe le sous_menu et le centre*/ 
	/************************************/ 
	
	#milieu{
	width:1000px;
	height:490px; 
	}
		#menu{
		width:1000px;
		height:30px;
		}
			#menu img
			{
				border:0px;
				margin:0px;
				padding:0px;
				
			}
			.display_none{display:none;}
			 
		#sous_menu
		{
		width:230px;
		height:460px;
		position:absolute;
		} 
					#sous_menu p {  
					margin-bottom:5px;
					text-align:justify; 
					color:white; 
					line-height:10px; 
					font-size:10px;} 
					
					
			#sous_menu_haut{
			position:absolute;
			width:210px;
			height:210px;
			background-color:#0869BF;  
			padding:10px 10px;
			}
 
					
					
					#sous_menu_haut h1 { background: top left url("../images/fleche_violet.gif")   no-repeat; 
									padding-left:20px; 
									text-align:justify; 
									color:white; 
									line-height:16px; 
									font-size:12px;
									margin-top:5px;} 
									 
					#sous_menu_haut a.lirelasuite {	background:url("../images/puce_sous_menu_lire.jpg") 0px 3px  no-repeat;
									padding-left:10px;
									margin-left:130px;
									color:white;
									text-decoration:underline;
									
									font-size:10px;} 
									
					#sous_menu_haut a.lirelasuite:hover{
									background:url("../images/puce_sous_menu_lire.jpg") 0px 3px  no-repeat;
									padding-left:10px;
									margin-left:130px;
									text-decoration:none;
									color:white;
									font-size:10px;}
									
					#sous_menu_haut a {	background:url("../images/puce_sous_menu_lire.jpg") 0px 3px  no-repeat;
									padding-left:10px;
									color:white;
									
									text-decoration:none;
									font-size:10px;} 
									
					#sous_menu_haut a:hover{
									background:url("../images/puce_sous_menu_lire.jpg") 0px 3px  no-repeat;
									padding-left:10px;
									text-decoration:underline;
									color:white;
									font-size:10px;}
			 
			#sous_menu_haut_b{
			position:absolute;
			top:200px;
			width:230px;
			height:27px;
		 	background-image:url("../images/arrondi_sous_menu.jpg");  
			}
				
			#sous_menu_bas{
			padding:10px 10px;
			position:absolute;
			top:226px;
			width:210px;
			height:214px;
			background-color:#004BAB;
			}
			
					
					
					#sous_menu_bas h1 { background: top left url("../images/puce_sous_menu_b.jpg")   no-repeat; 
									padding-left:20px; 
									text-align:justify; 
									color:white; 
									line-height:16px; 
									font-size:12px;
									margin-top:5px;} 
									 

					
					#sous_menu_bas a {margin-left:30px;} 
					#sous_menu_bas form {margin-left:30px;} 
			

						
		
		/*******************************/
		/*englobe le 5 zones du centre */
		/*******************************/
		
		#centre{ 
		background:url("../images/bienvenue.jpg") no-repeat;
		position:relative;
		left:230px;
		width:750px;
		height:440px;
		padding:10px;
		color:#777;
		} 
		
		
			#centre p{
			font-size:10px;
			color:#777;
			padding:5px;
			}
			#centre h1{
			font-size:10px;
			color:white;
			text-align:center;
			}
		
			#bienvenue{
			margin-left:180px;
			height:90px;
			}
			
			#activite{
			height:205px; 
			margin-left:20px;
			}
				#activite_tete{
					float:left;
					background:url("../images/activite_tete.jpg") no-repeat;
					width:25px;	
					height:188px; 
				} 

							#activite1{ 
								position: absolute;
								left:55px;
								width:210px;
								height:162px;
								padding:10px;
								color:#777;
								background-color:white;
							} 
							#activite2{ 
								position: absolute;
								left:280px;
								width:210px;
								height:162px;
								padding:10px;
								color:#777;
								background-color:white;
							} 
							#activite3{ 
								position: absolute;
								left:510px;
								width:210px;
								height:162px;
								padding:10px;
								color:#777;
								background-color:white;
							} 

				
				#activite_milieu{
					
					float:left;
					width:690px;	
					height:186px; 
					background-color:white;
					border-top:1px solid #B1D900;
					border-bottom:1px solid #B1D900;
				}
					#activite_milieu p  {
										padding:5px;
										}
				
				#activite_pied{	
					float:left;
					background:url("../images/activite_pied.jpg") no-repeat;
					width:15px;	
					height:188px;
				}
						 
			
			#centre p{
			font-size:11px;
			color:#777;
			padding:5px;
			text-align:justify;
			}			
			
			#centre h2{	
			/*margin-top:10px;	*/
			padding-left:3px;
			padding-right:3px;
			border-bottom:1px solid #AAAAAA;	 /************** VARIABLE	**************/
			font-size:12px;
			color:white;
			text-align:left;
			background-color:#BAD102;	   /************** VARIABLE	**************/
			}
			
			#partenaire1{
			background:url("../images/partenaires.jpg") no-repeat;
			float:left;
			width:245px;
			height:141px; 
			margin-left:10px;
			}
			
			#partenaire2{
			background:url("../images/partenaires.jpg") no-repeat;
			float:left;
			width:245px;
			height:141px; 
			margin-left:20px; 
			}
			
			#contacts{
			
			height:133px;
			float:left;	
			width:205px;
			margin-left:10px;
			left: 560px;
			position:absolute;
			}
				#contacts p{
				font-size:12px;
				color:#333;
				}