/*       Edito sur fond blanc  ---------------------------------*/	

#edito
{
	visibility: visible ;
	width: 166px ;
	float: left ;
/*	border: solid 1px #c22857; */
	border-right: solid 1px #663300;
	padding : 7px; /*  lié à la largeur du bloc  */
	background-color: #D9CCBF;
	margin-bottom: 25px;
}

	#edito p
	{
		color: #663300 ;
		text-align: justify ;
		margin-bottom: 5px;		
	}
	
	#edito a
	{
		color: #663300 ;
		text-decoration: none ;			
	}
	
	#edito a:hover 
	{
	color: #fff ;
	background-color: #663300 ;
	}	
		
/*  fonction de Lettrine  */	
/*	#edito p:first-letter /*  fonctionne mal sous IE 6 */
/*	{
		font-size: 2.5em;
		font-weight: bold;
	}
 */	
/*      Les bloc information de la droite de l'écran   ---------------------------------*/

#conteneur_droit  /* Prépare l'espace pour les blocs  */
{
	float: right ;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	width: 220px ;
	text-align: left; 
	background: #E6F2BF ;
	border-left: solid 1px #663300;
}

	#conteneur_info
	{
	padding: 5px ;
	}
	
	#conteneur_info h2
	{
	font-size: 1,1 em;
	}
	
	#conteneur_info p
	{
	margin-bottom: 5px;
	}
	
	
/*      Le contenu de la page   ---------------------------------*/	

#contenu
{
	margin-left: 180px; /*  pas de largeur définie : évite l'édito */
	margin-right: 220px; /*  pas de largeur définie : évite les bloc d'information */
	padding-left: 20px; /*  décalage pour l'illustration - grappe de raisin */
	padding-top: 5px;	/*  décalage pour l'illustration - grappe de raisin */
	background: #fff;
/*	height: 455px; */
	border-right: solid 1px #663300;
	border-left: solid 1px #663300;
	
}
	#contenu h1
	{
		margin-top: 15px;
		font-size: 1.2em;
		color: #8C6640 ;
	}
	#contenu p
	{
		margin-top: 5px;
		font-size: 1em;
		text-align: justify ;	
	}
	#contenu a
	{
		color: #c22857 ;
		text-decoration: none ;			
	}
	#contenu a:hover
	{
		color: #fff ;
		background-color: #c22857 ;
	}

	#contenu_soustitre
	{

	}
	#contenu_illustration
	{
	float: right ;	
	margin-top: 20px ;
	text-align: right ;	
	}