#corps p:first-letter /* selection de la première lettre des paragraphes */
	{
		float:left !important; /* la lettre va flotter à gauche, c'est mieux pour une lettrine */
		font-size: 3em; /* hauteur de 3 lignes, c'est pas mal */
		font-style: italic; /* en italic, ça fait zouli */
		font-weight:bold; /* un peu de gras ne fait de mal à personne et on le voit */
		color:#FF0000; /* rouge rouge rouge */
		}
#corps p
	{
		font-size:17px;
   		color:#FFFFCC;
 		text-align:justify;
		margin-left:1em; /* évite au texte de coller sur le bord gauche */
		margin-right:1em; /* évite au texte de coller sur le bord droit */
	}	
	
.texte /* textes inclus dans un paragraphe mais qui ne le sont pas eux même... entre deux listes par ex, c'est plus clair ? */		
	{
		font-size:17px;
   		color:#FFFFCC;
 		text-align:justify;
		margin-left:1em;
		margin-right:1em;
	}
	
.accueil /*texte d'accueil, original, non ? */
	{
		text-align:center; /* là, ça marche :) */
		font-size:17px;
		color:#FFFFCC;
	}
	
.accueil:first-letter /* création de la lettrine pour le texte d'accueil */
{
		float:left !important; /* la lettre va flotter à gauche, c'est mieux pour une lettrine */
		font-size: 3em; /* hauteur de 3 lignes, c'est pas mal */
		font-style: italic; /* en italic, ça fait zouli */
		font-weight:bold; /* un peu de gras ne fait de mal à personne et on le voit */
		color:#FF0000; /* rouge rouge rouge */
}

.news /* pour le bloc news, l'aperçu des actualités */
	{
		font-size:17px;
   		color:#FFFFCC;
 		text-align:justify;
		margin-left:1em; /* évite au texte de coller sur le bord gauche */
		margin-right:1em; /* évite au texte de coller sur le bord droit */
	}	
	
.JCD/* coordonnées Jean Charles  page d'accueil */
	{
		text-align:center; /* là, ça marche :) */
		font-size:17px;
		color:#FFFFCC;
	}

#corps p.JCD:first-letter /* le paragraphe des coordonnées de Jean Charles */
	{
		float:none !important; /* on supprime le flottement à gauche */
		font-size:17px; /* la taille du texte redevient normale */
		font-style:normal; /* l'italique est supprimé */
		color:#FFFFCC; /* le rouge aussi ;) */
	}	
	
.date /* pour la date dans les actualités, provisoirement en attendant la base mysql*/
	{
		text-decoration:none;
		float:left;
		color:#66FFFF;
		font-size: 17px;
	}
	
		
#corps a /* liens hypertextes */
	 {
	 	text-decoration:none; /* on enlève le style par défaut */
		font-style:italic;
		color:#FFFFCC;
	}

#corps a:link 
	{
	text-decoration:none;
	}

#corps a:visited 
	{
	text-decoration: none; /* lorsque le lien a déjà servi */
	}
	
#corps a:hover /* lorsque la souris passe sur le lien */
	{
	text-decoration: none;
	font-style:italic;
	background-color:#990033;
	}
	
#corps a:active 
	{
	text-decoration: none;
	}
	

#corps li /* listes 1er plan*/
	{
		border-style : none;
		font-size:17px;
   		color:#FFFFCC;
		list-style-image:url(images/pills.gif); /* médicaments */
		list-style-position: inside;
		left:-10em; /* on décale les listes à droite histoire de les rendre plus visibles , bon ok ça ne marche pas pour l'instant*/
		text-align:justify;
		margin-left:1em;
		margin-right:1em;
	}
	
#corps ul ul li, #corps li li /* listes second plan, comme son nom l'indique. Original, non ? */
	{
		border-style: none;
		font-size: 17px;
		color:#FFFFCC;
		list-style-image:url(images/bulle.gif); /* croix rouge*/
		list-style-position:inside;
		right:-10em; /* on décale les listes à droite histoire de les rendre plus visibles */	
	}

#corps h1,h2
	{
		font-size:24px;
		color:#FFFF66;
		font-style:italic;
		text-align:justify;
		margin-left:1em;
		margin-right:1em;
	}

#corps h3
	{
		font-size:24px;
		color:#CCCCFF;
		font-style:oblique;
		margin-left:1em;
		margin-right:1em;
	}

#corps h4
	{
		font-weight:900;
	}		

#corps table /* les tableaux */
	{
		width:90%;
		background-color:#FFFFFF;
		border: medium solid #000000;
		border-collapse:collapse;
		margin:auto;
		text-align:center;
		vertical-align:middle;
		color:#000000;
		font-size:14px;
	}
	
#corps caption /* titres des tableaux */
	{
		font-size:20px;
		font-style:bold;
		color:#FF0000;
		caption-side:top; /* titre des tableaux en haut */
	}
					
#corps thead /* tout ce qui concerne les en-têtes des tableaux */
	{
		background-color:#CCFFFF;
		color: #000000;
		font-weight:bold;
		font-size:17px
	}

#corps td /* la première colonne des tableaux */
	{
		background-color:#FFFFFF;
		font-size:17px;
		font-weight:bold;
	}
			
#corps th /* les cellules normales, par rapport aux colonnes */
	{
		text-align:center;
		border: 1px solid #000000;
		margin:none;
		font-weight:normal;
	}

#corps tr /* mise en forme des lignes des tableaux */
	{
		border: medium solid #000000;
	}		

#corps tbody
	{
		border: 1px solid #000000;
	}

#corps table a /* liens hypertextes dans les tableaux */
	{
		text-decoration:none; /* on enlève le style par défaut */
		font-style:normal;
		color:#000000;
		font-weight:bold;
	}

#corps table .remarque /* passage important dans les tableaux */
	{
		font-weight:bold;
		color:#000000;
	}
						
.em2 /* logo pour les liens utiles */
	{
		float:left;/* les logos sont à gauches */
		width:280px; /*largeur fixe */
		padding:0;
		margin:0;
		border:0;
		margin-left:1em;
		margin-bottom:0;
	}

.lien /* texte des liens utiles */
	{
		width:580px;
		float:right;
		right:0; /*texte à droite */
		text-align:justify;
		margin:0; /*pas de marge extérieure*/
		padding-top:0; /*pas de marge intérieur */
		border:0; /* pas de bordure */
		margin-right:1em;
	}	
.conteneur_bis /* bloc image lien +texte */
	{
		position:relative; /*  Si on met en absolute, c'est tout qui part en bijous de famille à gauche */
		width:900px; /* largeur fixe et les margin auto permet de centrer la page et les bloc inclus dedans */
		min-height:100%; 
		margin-left:auto;
		margin-right:auto;
		margin-top:0; /* en principe, pas de marge en haut mais il y a quant même un espace entre le haut de la page et le haut de l'écran. Les padding ne changent rien, rien de rien, non, je ne regrette rien...oups */
		margin-bottom:0;
		overflow:hidden; 
	}	
#corps em3
	{
		position:absolute;
	}

#corps img
{
	border:0;
}	

.légende /* pour les images, légendes  */
	{
		text-align:center;/* centre les images et les légendes */
		color:#CCFFCC; /* légendes en vert-bleu pâle ... */
		font-size:17px;
		font-weight:bold; /* en gras, c'est un peu mieux */
	}

.actualité /* titre pour le cadre news sur la page d'accueil*/
	{
		text-align:center;
		font-style:italic;
		font-size:20px;
	}
	
.important /* pour les passages important */
	{
		background-color:none; /* fond transparent */
		text-align:center; /* centre les textes  */
		color:#FFFFFF; /* en blanc, ça parait pas mal  */
		font-size: 20px;
		font-style: italic; 
		font-weight:bold; /* en gras, ce n'est pas plus mal pour des trucs importants :) */
	}

	
.remarque /* pour les remarques importants dans les textes */
	{
		font-size: 17px;
		background-color:none; /* fond transparent */
		color:#33FFFF; /* en bleu clair, sur un fond foncé noir, ça ressort bien */
	}

#pied_de_page p
{
	color: red; /* police en rouge parce rouge c'est rouge et noir c'est noir, ça ressort mieux et puis la proto est rouge ;)*/
	text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	text-align:center; /* on aligne le texte au centre, c'est plus joli */
}

#pied_de_page a
{
	text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps soulignés)*/
	color:red; /* police en rouge, on est dans le pied de page...*/
}