body{background-color:#FFFFFF; border:0;padding:0;margin:0;text-align:center;}

@media (max-width:399px){
#Ind_texte{font-size:50%;}#Ind_deux p{font-size:1.6em;}
}





#Expo_texte{
	font-family:frabk;
	text-align:left;
	}
#Expo_texte{float:left;border:5px solid #FFFFFF;
		position:absolute;		
		width:80%;	
		background-color:#FFFFFF;
		margin-top:0px;
		}
		
@media (min-width:400px) and (max-width:599px){
	#Expo_texte{font-size:50%;top:11%;}
	#Expo_texte p{margin-bottom:2px;}
	#Ind_deux p{font-size:2em;}
	}

@media (min-width:600px) and (max-width:899px){
	#Expo_texte{font-size:0.6em;top:11%;}
	#Expo_texte p{margin:4px;}
	#Ind_deux p{font-size:2.4em;}	
	}

@media (min-width:900px) and (max-width:1199px){
	#Expo_texte{font-size:0.8em;top:11%;}
	#Expo_texte p{margin-bottom:6px;}
	#Ind_deux p{font-size:2.6em;}	
	}










@media (max-width:399px)
{  
<!-- 
[#sept_RetourAccueil{		
		position:absolute;
		top:0%;
		left:1%;
		width:20%;
		height:8%;
		background-color:#FFFFFF;
		z-index:10;
		}		
		]
-->


 #Expo_texte p{margin:4px;font-size:50%;float:left;}


	#tout { position: absolute;border:1px solid #Z000000;
			width:100%;		 
			height:100%;
			text-align:left;  
			}			
	#Ind_un{
		position:absolute;
		top:0%;left:0%;
		width:0%;height:0%;
		background-color:#FFFFFF;
		z-index:-10;
		}
	#Ind_deux{
		position:absolute;
		top:0%;left:0%;
		width:100%;height:11%;
		background-image:url(../Menus/deux.jpg);
		}
	#Ind_deux p{ font-family: Arial, Helvetica, sans-serif;
		text-align:center;color:#FFFFFF;width:100%;margin:0px;
		}	
	#Ind_trois{
		position:absolute;
		top:11%;left:0%;
		width:100%;height:2%;
		background-color:#FFFFFF;
		}
				
	#Ind_quatre{background-color:#FFFFFF;
		position:absolute;
		top:11%;left:0%;
		width:100%;height:17%;
		background-image:url(../Menus/quatre.jpg);
		}

	#Expo_cinq{
		position:absolute;
		top:28%;left:1%;
		width:98%;
		background-color:#FFFFFF;
		}
		
	#Biographie_cinq{
		position:absolute;
		top:28%;left:1%;
		width:98%;
		background-color:#FFFFFF;
		}
		
	#Expo_six{
		position:absolute;
		top:11%;left:5%;
		width:92%;height:65%;
		background-color:#FFFFFF;
		}	

	#Expo_sept{
		position:absolute;
		top:78%;left:0%;
		width:100%;height:2%;
		background-image:url(../Menus/deux.jpg);z-index:3;
		}	

	#Ind_quatre_menu{/*text-align:left;*/
		/*margin-top:5%; */
		position:absolute;
		height:100%;
		width:100%;
		}

	#Expo_imagedaccueil{ border:5px solid #Z000000;
	  width:90%;position:absolute; float:left;left:5%;top:-10%;}	
	  
		


	.Ind_M2,.Ind_M3,.Ind_M4,.Ind_M5,.Ind_M7,.Ind_M8 {
		position:absolute;
		float:none;		
		}	
	.Ind_M2{top:0%;left:2%;z-index:10;
		}	
	.Ind_M2 img{width:30%;}
	.Ind_M3{top:25%;left:2%;z-index:10;
		}	
	.Ind_M3 img{width:30%;}
	.Ind_M4{top:50%;left:2%;z-index:10;
		}	
	.Ind_M4 img{width:30%;}
	.Ind_M5{top:75%;left:2%;z-index:10;
		}	
	.Ind_M5 img{width:30%;}
	
	
	.Ind_M7{top:0%;left:38%;z-index:10;
		}	
	.Ind_M7 img{width:60%;}
	.Ind_M8{top:50%;left:38%;z-index:10;
		}	
	.Ind_M8 img{width:60%;}	
	
	
	.Ind_MI1,.Ind_MI6,.Ind_MI9{
		position:absolute;top:0%;left:0%;
		float:none;
		width:0%;height:0%;z-index:-10;
		}	
	}
















































@media (min-width: 400px)
{	



#sept_RetourAccueil{		
		position:absolute;
		top:0%;
		left:1%;
		width:20%;
		height:8%;
		background-color:#FFFFFF;
		z-index:10;
		}		


#Expo_texte p .expoAnnee{float:left;}
	#Expo_texte p .expoVille{font-size:50%;}
	#tout { position: absolute;
			width:90%;		 
			height:100%;
			text-align:left;  
			}


	#Ind_un{
		position:absolute;
		top:0%;left:0%;
		width:44.2%;height:11%;
		background-color:#FFFFFF;
		z-index:-10;
		}
		
		
	#Ind_deux{
		position:absolute;
		top:0%;left:44.2%;
		width:55.8%;height:11%;
		background-image:url(../Menus/deux.jpg);
		}
	#Ind_deux p{ font-family: Arial, Helvetica, sans-serif;
		text-align:center;color:#FFFFFF;
		vertical-align:text-top;margin:0px;
		}			
	#Ind_trois{
		position:absolute;
		top:11%;left:0%;
		width:100%;height:10.4%;
		background-color:#FFFFFF;
		}
				
	#Ind_quatre{background-color:#FFFFFF;
		position:absolute;
		top:21.4%;left:0%;
		width:26%;height:68.6%;
		background-image:url(../Menus/quatre.jpg);
		}


	#Expo_cinq{
		position:absolute;
		top:15%;left:30%;
		width:70%;height:75%;
		background-color:#FFFFFF;
		}
		
	#GaucheDroite{position:absolute;
		top:0%;
		left:8%;
		width:20%;
		height:10%;
		}
		
	#GaucheDroite #gauche{position:absolute;left:0%;top:0%;
			}	
	#GaucheDroite #droite{position:absolute;left:0%;top:60%;
			}		
		
		
	#Biographie_cinq{
		position:absolute;
		top:20%;left:40%;
		width:60%;height:75%;
		background-color:#FFFFFF;
		}
	
	#Expo_sept{
		position:absolute;
		top:90%;left:0%;
		width:100%;height:10%;
		background-color:#FFFFFF;z-index:-3;
		}	








	#Ind_quatre_menu{text-align:right;margin-top:5%; 
		position:absolute;
		height:100%;
		width:100%;
		}

	#Expo_imagedaccueil{ border:5px solid #Z000000;
	  width:90%;position:absolute; float:left;left:5%;top:-10%;}	
	  
		


		
	.Ind_M2,.Ind_M3,.Ind_M4,.Ind_M5,.Ind_M7,.Ind_M8 {
		position:relative;
		float:none;
		width:100%;		
		}	
		
	.Ind_M2 img{width:100%;}


	.Ind_M3 img{width:100%;}


	.Ind_M4 img{width:100%;}


	.Ind_M5 img{width:100%;}
	
	


	.Ind_M7 img{width:100%;}


	.Ind_M8 img{width:100%;}	
		
		
	.Ind_MI1,.Ind_MI6,.Ind_MI9{
		position:relative;
		float:none;
		width:100%;
		}	
		.Ind_MI1 img,.Ind_MI6 img,.Ind_MI9 img{width:100%;}
	}
	
<!-- Structure de notre page : -->
<!--
   Idéal :400x[280;+inf[	tout 100% x 100%
   
--------------- index -------------------------------	
	1		|		2:image
^<--30%-->	| ^  <----------- 70% --------->      
|			| |
10%			| 10%
|			| |
v			| v
------------|-----------------------------------
4 menu		|    5
<-- 25 % -->| <----------- 75% --------->      
^			|^	
|			||				
|			||				
90%			|90%
|			||			
|			||
v			|v
------------|------------------------------------
			|
			|
	
	
	
	
	
	-->
	
	
#Expo_M1,#Expo_M2,#Expo_M3,#Expo_M4,#Expo_M5 {position:relative;}
	
	#zInd_T
	#zzzInd_animalaccueil {background-color:#AFFADF;}


#zInd_cinqsix{
	position:relative;
	top:0px;
	left:0%;
	width:73%;
	height:60%;
	background-color:#FFFFFF;	
	float:left;
	}

	

	#zsix-accueil{
	position:relative;
	top:0px;
	left:0%;
	width:50%;
	height:90%;background-color:#FFFFFF;float:left;
	}	

	

#Expo_sept{
	position:relative;
	top:2px;
	left:0px;
	width:98%;
	height:5%;background-color:#FFFFFF;z-index:0;float:left;
	}	
	
	
#zzInd_trois{float:left;
	position:relative;
	width:98%;
	height:5%;
	background-color:#FFFFFF;
	}