#tout 
{
position:absolute;
top:3em;
left:1em;
width:100%;
/*background-color:green;*/
}

	.logo
	/*----tout/Logo....
	CONTENEUR LOGO*/
	{
	width:10.5em;
	height:6em;
	text-align:right;	
	/*background-color:grey;*/
	}

		.logo img
		{
		width:70%;
		border:0;
		}	
	
		.gauche
		/*----tout/main/gauche....
		CONTENEUR MENU DE GAUCHE*/
		{ 
		text-align:right;  
		/*border:solid yellow 1px;	*/
		float:left;
		
		z-index:15;
		left:0;
		width:10.2em;
		margin-right:2em;
	
		padding-right:0em;	
		/padding-right:0em;			
		text-align:right;		
		/*background-color:yellow;*/
		}
		
			.gauche-inner{
				 /*border:dashed white 1px;*/
		     float:right;
		     font-size:0.58em;
			}
			.gauche-sec{
				/*border:dashed green 1px;*/
				 margin-bottom:0.8em;	     
			}
      
      .gauche-rub-bas{
        /*border:dashed yellow 1px;*/
        margin-bottom:0.5em;
        
      }
		
		.centre
		{
		
		margin-left:13em;
		/*border:dashed yellow 1px;*/
		}
		
			.photo /*TOUT/MAIN/centre/photo*/
				{
				z-index:5;
				position:absolute;
				display:inline;	
				border:0px;
				height:14em;
				/*background-color:#CC6699;*/
				}
				
			
					.photo  img
					{
					height:100%;
					border:0px;
					font-size:1em;
					}
			
			
			.pub_vignette
			{			
			z-index:3;
			padding:0;
			position:absolute;			
			display:inline;	
			width:27em;
			height:15.1em;		
			/*border : solid 1px white;	*/
			/*background-color:#CC6699;*/
			}
				.pub_vignette_div
				{
				float:left;
				margin:0;
				margin-right:1em;
				margin-bottom:1em;	
				
				border:0px;			
				width:15%;
				height:35%;
				/*border : solid 1px orange;*/
				/*background-color:green;*/
				}
				
				.pub_vignette_div img{
				width:100%;
				height:100%;
				
				
				
				}
				
			.vignette
			/*TOUT/MAIN/centre/vignette*/
			{			
			z-index:3;
			padding:0;
			position:absolute;			
			display:inline;	
			width:15.1em;
			height:15.1em;				
			/*background-color:#CC6699;*/
			}
			
		.editions-image{
		  float:left;
		  margin:0;
		  padding:0;
		  margin-right:3em;
		  
		}
		.edi-im{
		  float:left;		  
		  /*
				position:absolute;
				display:inline;	
				border:0px;*/
				height:14em;
		}
		
			.editions-text{
          float:left;
          width:18em;
          	/*border:dashed orange 1px;*/

  		}		
				.vignette_div
				{
				float:left;
				margin:0;
				margin-right:6%;
				margin-bottom:6%;	
				
				border:0px;			
				
				width:27%;
				
				height:27%;
				/*background-color:green;*/
				}
				
				.vignette img
				{
				width:4em;
				height:4em;
				}
				
				/*Les images sont définies en pourcentage de leur conteneur	
				.vignette img
				{
				float:left;
				margin:0;
				margin-right:6%;
				margin-bottom:6%;			
				border:0px;				
				width:27%;
				height:27%;
				}
				*/			
								
				.vignette a
				{	
				font-size:1em;
				}
					
					.leg
					{
					position:relative;
					top:0.5em;				
					text-align:right;
					/*background-color:orange;*/
					}
			
		.actu
		{		
		width:600px;
		/*background-color:#CC6699;*/
		}
		.actu-item{
		 /* border:dashed orange 1px;*/
		  margin-bottom:2em;
		  
		}
			.actu-tx
			{
			width:25em;
			}
			.actu-im
			{
			margin-top:2em;
			margin-bottom:1em
			}
			
		.video
		{
		width:500px;
		/*background-color:#CC6699;*/
		}	
		
		.bio
		{
		width:32em;
		text-align:left;
		/*background-color:#CC6699;*/
		}
			.bio-im
			{
			position:relative;
			top:50px;
			margin-bottom:100px;
			}
			.bio-cit
			{
			width:500px;
			text-align:justify;
			}
				
		.pub
		{		
		width:30em;
		text-align:left;
		/*background-color:#CC6699;*/
		}


.debug 
{
visibility:visible;
position:absolute;
top:1500px;
z-index:515;
width:100%;
}

		.contact
		{
		width:30em;
		text-align:left;
		}