/*Réalisé par Alixe pour Fenice */



/*STRUCTURE DE LA PAGE------------------------------------------------*/


/*La page en général*/
	body
	{	
	   width: 735px; 										/*largeur de la page*/
	   margin: auto;
	   margin-top: 130px;   						/*hauteur pour ne pas chevaucher la banière du haut*/
	   margin-bottom: 20px; 						/*hauteur pour ne pas chevaucher le pied de page*/
		 background: url("img/top8.jpg") no-repeat top center;  /*image de la banière - non répété - en haut - centré*/
	   
 
/*format du body qui s'applique à toute la page*/
		font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;	/*polices*/
		color: #000000;																					/* texte noir*/
	}


/* Les menus */

#menu_gauche
{
   float: left;  		/*collé à gauche*/
   width: 120px;		/*largeur fixe*/
}

#menu_droit  				/*on en mettra deux pour avoir 2 colonnes*/
{
   float: right;  	/*collé à droite*/
   width: 90px;			/*largeur fixe*/
   margin-left:10;  /*pour que les deux colonnes ne soient pas collées*/
   height: 1500px;
   
}



#en_tete  					/* : sert pour la bande rouge*/
{
	   width: 735px; 	/*fait toute la largeur de la page*/
	   height: 20px;	/*hauteur de l'image quon a mis dedans*/
}


#corps
{
   margin-left: 120px; 		/*Pour ne pas déborder sur le menu de gauche*/
   margin-right: 180px;  	/*Pour ne pas déborder sur le menu de droite*/
   margin-bottom: 20px; 	/*Pour ne pas déborder sur le pied de page*/
   padding : 20px;				/*pour que le texte ne soit pas collé au bord de l'espace*/
}



#pied_de_page
{
  	padding: 5px;					/*espace entre les lignes (tout autour)*/
  	text-align:center;		/*alignement centré*/
		font-size: 12 px;			/*taille des caractères*/
 }



/*FORMATS------------------------------------------------*/



 
	/*LISTES*/

		ul
		{
		list-style-type : none; 	/* pas de puce*/
		padding : 0;							/*pas de retrait */
		font-size: 9px; 					/* petite taille de caractère*/
		}
	

 
	/*FORMAT DE SOMMAIRES */
	
	#menu_gauche li, #menu_gauche p  { 	/* s'applique aux liens et paragraphes du menu gauche*/
	height:2em;  		/* hauteur de ligne dans le menu gauche*/
	padding-left:5px;  	/* espace sur le côté gauche*/
	padding-right:5px;  	/* espace sur le côté droite*/
	font-size: 10px;
	}
	#menu_gauche a
	{
	font-size: 1em;	
	}		
	



.sommaire_droit
		{
		margin-bottom : 15%;  /* espacement entre les paragraphes*/
		}


	/*LES FONDS */

.fond_blanc {/*fond blanc;texte rouge*/
		background-color :#FFFFFF ;
		color: #990000;
		}  
		
	.fond_gris{ /*fond gris clair; texte rouge*/
		background-color: #CCCCCC; 
		color: #990000;
		}
		
	.fond_noir { /*fond noir; texte blanc*/
		background-color :#000000 ;
		color: #FFFFFF; 
		}  
	
	.fond_rouge { /*fond rouge; texte blanc*/
		background-color :#990000 ;
		color: #FFFFFF;
		} 
		
	p.fond_rouge, p.fond_noir, p.fond_gris, p.fond_blanc{ /*ajoute des marges quand les fonds sont utilisés dans une balise p */
		padding:1em 
		}	


	/*FORMAT DE TEXTE */

	.text_rouge
	{
		color: #990000; 							/* police rouge*/
	}

	.text_blanc
	{
		color: #FFFFFF; 							/* police blan*/
	}

	.text_petit
	{
		font-size : 90%;							/* taille de texte réduite*/
	}

	.text_tres_petit
	{
		font-size : 70%;							/* taille de texte très réduite*/
	}

	
	
	.chapo
	{  font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	font-style: italic; 
	color: #666666}



	/*FORMAT PARAGRAPHE */

	.haut
	{
			line-height : 25px;		/* espacement entre les lignes*/
			text-align:center;		/* centré*/
	}
	

	.align_droite
	{
		text-align : right;			/* aligné à droite*/
	}

	.encadré
	{ text-align:justify;
	padding:20px}



	/*LES TITRES */


.titre_gris
		{
			color:#666666;				/*texte gris */
			font-weight: bold;		/*police gras */
			font-size : 150%;			/*lettre grande taille */
			margin-bottom : 20%;	/*espacement après */

		}

h1
{
  		font-weight: bold;		/* texte gras*/
			font-size : 25px;			/* taille de lettre*/
			
   }
h3
	{
	font-weight: bold;
font-size: 15px;	
	color: #666666}



		
		
	/*LES LIENS */
		

		a		/* caractère commun à tous les liens (les caractères paticuliers son prioritaires)*/
		{
				text-decoration: none;																/* pas de souligné*/
				font-family: Verdana, Arial, Helvetica, sans-serif;		/* polices*/
				font-weight: bold;																		/* taille*/
				font-size: 9px;
		}
		
		
		
		/* lien rouge*/
		a.rouge 
		{  
			color: #990000; 				/* lien rouge*/
		}
		a.rouge:hover 
		{  
			color: #666666; 				/* lien gris foncé sous la souris*/
		}
		a.rouge:visited 					
		{  
			color: #666666; 				/* lien gris foncé visité*/
		}

		
		/* lien blanc*/
		a.blanc 
		{  
			 color: #FFFFFF; 				/* lien blanc*/
		}
		a.blanc:hover
		{  
			color: #CCCCCC; 				/* lien gris sous la souris*/
		}
			a.blanc:visited
		{  
			color: #CCCCCC;					/* lien gris visité*/ 
		}

		.fond_noir a, .fond_rouge a {color: #FFFFFF; }			/* lien blanc*/
	.fond_noir a:hover, .fond_rouge a:hover {  color: #CCCCCC; 	}/* lien sous la souris : gris clair */
	.fond_noir a:visited, .fond_rouge a:visited { color: #CCCCCC;	}/* lien visité : gris clair */ 



		
	


	/*LES IMAGES */

	img.enligne	
		{
			display: inline;			/* pour retirer à l'image son caractère de paragraphe*/
			vertical-align : top;	/* alignement vertical*/
		}
	


	/*LES TABLEAUX */

	td
	{ 
		vertical-align:top; 			/* alignement du texte dan la cellule*/
	}  


.accueil { font-family: Verdana, Arial, Helvetica, sans-serif; size: 9px; color: #FFFFFF; font-weight: bold}
a.accueil:hover { color: #FFCC00; }
a.accueil:visited {  color: #FFFFFF; }


.theme { font-family: Verdana, Arial, Helvetica, sans-serif; size: 9px; color: #990000; font-weight: bold}
a.theme:hover { font-weight: bolder; color: #666666; }
a.theme:visited {  font-weight: light; color: #990000;}

.themenoir { font-family: Verdana, Arial, Helvetica, sans-serif; size: 9px; color: #000000; font-weight: bold }
a.themenoir:hover {  font-weight: bolder; color: #990000;  }
a.themenoir:visited {  font-weight: light; color: #333333; }

.jaune { font-family: Verdana, Arial, Helvetica, sans-serif; size: 9px; color: #FF9900; }
a.jaune:hover {  font-weight: bolder; color: #FFFFFF;  }
a.jaune:visited {  font-weight: light; color: #FF9900;  }

.sommaire { font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; text-decoration: none; font-size: 9px; padding: 3px}

.article { font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; color: #990000; text-decoration: none; font-weight: bold; font-size: 9px; }
a.article:hover {  font-family:Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; color: #666666; text-decoration: none; font-weight: bolder}
a.article:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: light; color: #990000; text-decoration: none}

.txt-titre {  font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-weight: bold; color: #666666}
.txtarticle {  font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; color: #000000}
.note { font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; color: #666666; size="2"}

.chapo {font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; color: #000000; font-weight: italic;}

.p { font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size="1";}

.h1  { font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size="5"; font-weight: bold}
.h2  { font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif; font-size="3"; font-weight: bold}