/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Corps général de la page*/


body
{
	margin: 30px 0 ;
	padding: 0 ;
	text-align: center ;
	font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	background: url(images/fond3.png) #7c7c7c;
	background-repeat: repeat-x;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
		/*Conteneur de TOUT le site*/


		div#conteneur 
		{
			width: 960px ;
			margin: -20px auto ;
			text-align: left ;
		}

		/*Fond du DIV "conteneur"*/
		div#fond
		{
			position:relative;
			width: 960px ;
			background:#fff;
		}
		/* On définit la largeur de la division qui contient l'ensemble de la page à 960pixels */
		/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
		 block (comme les divisions), nous centrons donc cette division */
		/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
																										
		p/*Tous les paragraphes du body*/
		{
			margin-top: 20px;
			font-size: 0.8em ;
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.3em ;
			font-weight: normal;
		}
		/* On rend les paragraphes plus propre, alignement justifié,
		 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
				/*Le header*/


				h1#header
				{
					height: 178px ;
					background: url(images/banniere.png) no-repeat left top;
				}
				/* On définit la hauteur de la partie header, contenant le titre du site */
				
				h1#header a
				{
					width: 400px ;
					height: 70px ;
					display: block ;
					position: relative ;
					left: 350px ;
					top: 15px ;
					text-indent: -5000px ;
				}/* On donne les mêmes dimensions au lien, chose
				 possible grâce à la propriété display: block ; qui transforme le lien
				  en élément de type block, auquel on peut donner des propriétés de taille.
				   On met aussi l'image de fond qui a les mêmes dimensions que le cadre ainsi créé */
				/* Le text-indent négatif est fait pour pouvoir ne
				 cacher le texte hors de la page, ce que nous voulons. Ainsi il reste
				  exploitable pour les syntèses vocales */

				  
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
				/*Le Menu*/

				
				ul#menu
				{
					position:relative;
					top: -23px;
					height: 36px ;
					margin: 0 ;
					padding: 0 ;
					background: url(images/bouton2.png) repeat-x 0 0 ;
					list-style-type: none ;
				}
				/* On donne une hauteur au menu, correspondant a
				 la taille de l'image utilisée en fond, on met ensuite l'image de fond
				  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
				
				ul#menu li
				{
					float: left ;
					text-align: center ;
				}/* On rend les li en flottant pour pouvoir les
				 afficher horizontalement, on cache les puces, et on centre le texte */

				ul#menu li a
				{
					width: 160px ;
					line-height: 36px ;
					font-size: 1.0em ;
					font-style: italic ;
					letter-spacing: 2px ;
					color:#fff;
					display: block ;
					text-decoration: none ;
				}
				/* C'est sur les liens que le gros du travail est
				 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
				  espacement des lettres, couleur, bordure et decoration du texte. 
				  Nous pouvons dimensionner les a grâce à la propriété display: block ; */
				 
						ul#menu .accueil_on a
						{
							color: #3d88d5 ;
						}
						
						ul#menu .coeur_on a
						{
							color: #cf5172 ;
						}
						
						ul#menu .memoriam_on a /*FOCUS*/
						{
							color: #ab8cbc ;
						}
						
						ul#menu .dossier_on a
						{
							color: #3f933d ;
						}
						
						ul#menu .blog_on a
						{
							color: #dcb136 ;
						}
						 /*Une couleur différente pour chaque texte du menu, si l'on se trouve sur la page concerné*/
						  
						li#accueil a:hover
						 {
							color: #3d88d5;
						 }
						 
						li#coeur a:hover
						 {
							color: #cf5172  ;
						 }
						 
						li#memoriam a:hover /*FOCUS*/
						 {
							color: #ab8cbc ;
						 }
						 
						li#dossier a:hover
						 {
							color: #3f933d;
						 }
						 
						li#blog a:hover
						 {
							color: #dcb136 ;
						 }
						
						li#forum a:hover
						 {
							color: #61bded ;
						 }
						 /*Une couleur différente pour chaque texte du menu quand on passe la souris dessus*/
				 
				ul#menu li a:hover
				{
					background: url(images/bouton2.png) repeat-x 0 -36px ;
				}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
						/*Tout ce qui suit le header, à part le footer!*/

						
						div#contenu
						{
							padding: 0 10px 0 0px ;
						}
						/* On met en forme les liens contenu dans la page */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*La partie sous le menu*/

								div#sousmenu
								{
									width: 890px ;
									height: 115px;
									margin: 0 0 -10px 45px;
									text-align: left;
									position: relative;
									font-size: 1.1em ;
									
									display: block ;
									text-decoration: none ;
									z-index:150;
								}
								
								div#sousmenu2
								{
									width: 890px ;
									height: 115px;
									margin: -10px 0 -40px 45px;
									padding: 30px 0 0 0;
									text-align: left;
									position: relative;
									font-size: 1.1em ;
									
									display: block ;
									text-decoration: none ;
									z-index:150;
								}
								

								
								
								.sousmenu_gris
								{
									color:#777;
								}
								
								.sousmenu_accueil_top
								{
									width: 910px ;
									margin-left: 45px;
									text-align: left;
									font-size: 1.1em ;
									display: block ;
									text-decoration: none ;
									z-index: 150;
									position:relative;
									
									color:#3d88d5;
									height: 150px;
									margin-top: 0px;
									margin-bottom: 10px;
								}
								
								.sousmenu_accueil
								{
									color:#3d88d5;
									height: 150px;
									margin-top: 30px;
									margin-bottom: 10px;
								}
								
								
								div#titres_index_coeur
								{
									width: 362px;
									color:#cf5172;
									background: url(images/fond_titre_coeur2.png) repeat-x 2px -3px ;
								}
								
								div#sousmenu_accueil2_droite2
								{
									margin:-36px 0 0px -6px;
									padding: 3px 0 9px 0;
									width: 362px;
									font-size: 1.7em ;
									letter-spacing: -0.2px;
									color:#dcb136;
									background: url(images/fond_titre_blogue2.png) repeat-x 2px -1px ;
									
								}
								
								
								div#titres_index_dossier
								{
									width: 362px;
									padding-top: 2px;
									color:#3f933d;
									background: url(images/fond_titre_dossier2.png) repeat-x 0 -1px ;
								}
								
								div#sousmenu_accueil2_droite3
								{
									margin:-36px 0 0px -6px;
									padding: 3px 0 9px 0;
									width: 362px;
									font-size: 1.7em ;
									letter-spacing: -0.2px;
									color:#ab8cbc;
									background: url(images/fond_titre_focus2.png) repeat-x 2px -1px ;
								}
								.sousmenu_accueil2
								{
									width: 910px ;
									margin-left: 45px;
									text-align: left;
									font-size: 1.1em ;
									display: block ;
									text-decoration: none ;
									z-index: 150;
									position:relative;
									
									color:#3d88d5;
									min-height: 110px;
									margin-top: 0px;
									margin-bottom: 10px;
								}
								
								
								.sousmenu_accueil3
								{
									width: 690px ;
									margin-left: 45px;
									text-align: left;
									font-size: 1.1em ;
									display: block ;
									text-decoration: none ;
									z-index: 150;
									position:relative;
									
									color:#3d88d5;
									min-height: 110px;
									margin-top: -20px;
									margin-bottom: 10px;
								}
					
								.sousmenu_breves
								{
									color:#3d88d5;
								}
								
								
								.sousmenu_coeur_accueil
								{
									letter-spacing: -1.0px;
									margin-left: -6px;
								}
								
								.sousmenu_dossier_accueil
								{
									margin-left: -6px;
								}
								
								
								
								
								.sousmenu_coeur2
								{
									color:#fff;
									margin-left: -7px;
								}
								.sousmenu_coeur
								{
									height: 120px;
									color:#cf5172;
								}
								.sousmenu_coeur4
								{
									color:#cf5172;
									font-size: 0.8em;
								}
								.sousmenu_coeur3
								{
									color:#cf5172;
									background: url(images/prec_suiv_coeur.png) no-repeat 7px 17px;
								}
								.sousmenu_coeur3_prec
								{
									color:#cf5172;
									background: url(images/prec_suiv_coeur_prec.png) no-repeat 7px 17px;
								}
								.sousmenu_coeur3_suiv
								{
									color:#cf5172;
									background: url(images/prec_suiv_coeur_suiv.png) no-repeat 7px 17px;
								}
								
								
								
								.sousmenu_focus
								{
									color:#ab8cbc;
								}
								.sousmenu_focus3
								{
									color:#ab8cbc;
									background: url(images/prec_suiv_focus.png) no-repeat 7px 18px;
								}
								.sousmenu_focus3_prec
								{
									color:#ab8cbc;
									background: url(images/prec_suiv_focus_prec.png) no-repeat 7px 18px;
								}
								.sousmenu_focus3_suiv
								{
									color:#ab8cbc;
									background: url(images/prec_suiv_focus_suiv.png) no-repeat 7px 18px;
								}
								
								
								.sousmenu_dossier
								{
									color:#3f933d;
								}
								.sousmenu_dossier2
								{
									color:#fff;
									letter-spacing: -0.2px;
									margin-left: -7px;
								}
								.sousmenu_dossier3
								{
									color:#3f933d;
									background: url(images/prec_suiv_dossier.png) no-repeat 7px 17px;
								}
								.sousmenu_dossier3_prec
								{
									color:#3f933d;
									background: url(images/prec_suiv_dossier_prec.png) no-repeat 7px 17px;
								}
								.sousmenu_dossier3_suiv
								{
									color:#3f933d;
									background: url(images/prec_suiv_dossier_suiv.png) no-repeat 7px 17px;
								}
								
								
								
								.sousmenu_blogue
								{
									color:#dcb136;
								}
								.sousmenu_blogue3
								{
									color:#dcb136;
									background: url(images/prec_suiv_blogue.png) no-repeat 7px 17px;
								}
								.sousmenu_blogue3_prec
								{
									color:#dcb136;
									background: url(images/prec_suiv_blogue_prec.png) no-repeat 7px 17px;
								}
								.sousmenu_blogue3_suiv
								{
									color:#dcb136;
									background: url(images/prec_suiv_blogue_suiv.png) no-repeat 7px 17px;
								}
								}
								
								div#sousmenu_alaune
								{
									width: 910px ;
									margin-left: 45px;
									text-align: left;
									font-size: 1.1em ;
									display: block ;
									text-decoration: none ;
									z-index: 150;
									position:relative;
								}
								
								div#sousmenu_accueil2_droite
									{
									margin-left: 45px;
									}
								
								.sousmenu_accueil_top a
								{
									color:#777;
									text-decoration:none;
								}
								
								.sousmenu_accueil_top a:hover
								{
									color:#555;
									text-decoration:underline;
								}
								
								.sousmenu_accueil2 a
								{
									color:#777;
									text-decoration:none;
								}
								
								.sousmenu_accueil2 a:hover
								{
									color:#555;
									text-decoration:underline;
								}
								
								.sousmenu_liste
								{
									text-align: left;
									width: 257px;
									text-indent: 1px;
									margin: -9px 0px 15px -4px;
									letter-spacing: -0.5px;
									font-size:1.2em;
								}
								
								
								.sousmenu_liste2
								{
									text-align: left;
									margin: -8px 0 10px -5px;
									letter-spacing: -1px;
									font-size:1.0em;
								}
								
								div#petit_texte
								{
									font-size:0.9em;
									text-align: right;
									margin-top: -14px
								}
								
								
								
								.liste_gauche
								{
									text-align: left;
									position: relative;
									margin-top: -3px;
									font-size:0.9em;
								}
								
								
								.liste_droite
								{
									float: right;
									position: relative;
									margin-top: -12px;
									font-size:0.9em;
								}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*Détail de chaque section sous le menu*/
								.image_alaune
								{
									float: left;
									margin: -2px 5px -3px -14px;
									letter-spacing: 0.4px ;
								}
								
								.sousmenu_grand_titres
								{
									width: 500px;
									height: 13px;
									font-size: 1.2em ;
									letter-spacing: 0.4px ;
									color:#444;
									font-style: normal;
									text-align: left;
									text-decoration: none ;
									margin: -5px 0 8px -5px;
								}

								
								
								.sousmenu_titres_couleur
								{
									font-size: 1.3em ;
									letter-spacing: 0px ;
									color:#444;
									font-style: normal;
									text-align: right;
									text-decoration: none ;
									margin: -7px -1px 3px  60px;
									padding: 0px 0 0 0;
								}
								.sousmenu_titres_couleur2
								{
									font-size: 1.3em ;
									letter-spacing: 0px ;
									color:#444;
									font-style: normal;
									text-align: right;
									text-decoration: none ;
									margin: -4px -1px 3px  60px;
									padding: 0px 0 0 0;
								}
								
								
								.sousmenu_titres
								{
									font-size: 1.2em ;
									letter-spacing: 0px ;
									color:#444;
									font-style: normal;
									text-align: right;
									text-decoration: none ;
									margin: -7px 0 3px  60px;
								}
								.sousmenu_titres_breves
								{
									font-size: 1.2em ;
									letter-spacing: 0px ;
									color:#444;
									font-style: normal;
									text-align: right;
									text-decoration: none ;
									margin: -7px 0 3px  1px;
								}
								
								.sousmenu_titres2
								{
									font-size: 1.3em ;
									letter-spacing: 0px ;
									color:#444;
									font-style: normal;
									text-align: left;
									text-decoration: none ;
									margin: -7px 0 3px  -10px;
								}
								
								.sousmenu_titres_sommaire
								{
									font-size: 1.2em ;
									letter-spacing: 0.4px ;
									color:#444;
									font-style: normal;
									text-align: right;
									text-decoration: none ;
									margin: -7px 0 -5px -10px;
								}
								
								
								.sousmenu_sommaire
								{
									font-size: 0.4em ;
									text-align: left;
									font-style: italic;
									font-weight: normal;
									margin: 2px 0px 0px -15px;
									font-size:1.2em;
								}
								
								
								.sousmenu_dates_sommaire
								{
									font-size: 0.9em ;
									letter-spacing: 0.0px ;
									color:#aaa;
									font-style: normal;
									font-weight: normal;
									text-align: right;
									text-decoration: none ;
									margin: -2px 2px 0 0;
								}
								
								
								
								.sousmenu_dates
								{
									font-size: 0.8em ;
									letter-spacing: 0.0px ;
									color:#aaa;
									font-style: normal;
									text-align: right;
									text-decoration: none ;
									margin: -2px 2px 0 0;
								}
								
								.fonce
								{
									color:#444;
								}
								div#sousmenu_articles
								{
									float:left;
									width: 225px ;
									height: 100px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
								}
								
								div#articlesrecents
								{
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 2px;
									border-style: solid;
									border-color: green;
								}
								
								
								
								.sousmenu_tresgrand_cadre
								{
									float:left;
									width: 720px ;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}


								.sousmenu_grand_cadre_gris
								{
									float:left;
									width: 350px ;
									height: 75px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #777;
								}
								
								.sousmenu_grand_cadre_accueil
								{
									float:left;
									width: 350px ;
									height: 75px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_grand_cadre_accueil_gauche
								{
									float:left;
									width: 350px ;
									height: 75px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 0 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_grand_cadre_accueil_droite
								{
									float:left;
									width: 350px ;
									height: 75px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px -15px;
									padding: 0 5px 0 25px;
									border-top-width: 2px;
									border-left-width: 0px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/				

								
								div#sousmenu_titres_breves
								{
									margin: -27px 0 10px 0;
									padding: 10px 5px 0 0;
									letter-spacing: 0.3px ;
									font-size: 1.1em ;
									text-align: right;
								}
								
								div#sousmenu_signatures_breves
								{
									margin: 10px 0 20px 0;
									padding: 10px 5px 0 0;
									letter-spacing: 0.3px ;
									font-size: 0.8em ;
									text-align: right;
								}
								
								
								
								.sousmenu_grand_cadre_breves
								{
									float:left;
									width: 670px ;
									height: 75px;
									text-align: justify ;
									font-size: 0.8em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									
									margin: 0px 10px 0 -22px;
									padding: 10px 0 0 5px;
									border-top-width: 0;
									
								}
								
								div#bordures_breves
								{
									margin: -10px 0 0 -5px;
									padding: 0 5px 0 5px;
									border-top-width: 0px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 3px;
									border-style: solid;
									border-color: #6695C1;
								}

												ul#breves
													{
														position:relative;
														top: -24px;
														height: 26px ;
														margin: 15px 0 0 -5px ;
														padding: 0 ;
														background: url(images/bouton_breves.png) repeat-x 0 0 ;
														list-style-type: none ;
													}
													/* On donne une hauteur au menu, correspondant a
													 la taille de l'image utilisée en fond, on met ensuite l'image de fond
													  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
													
													ul#breves li
													{
														float: left ;
														text-align: center;
													}/* On rend les li en flottant pour pouvoir les
													 afficher horizontalement, on cache les puces, et on centre le texte */

													ul#breves li a
													{
														width: 135px ;
														line-height: 26px ;
														font-size: 0.8em ;
														letter-spacing: 0.1px ;
														color:#fff;
														display: block ;
														text-decoration: none ;
													}
													
													li#selectionne
													{
														background: url(images/bouton_breves.png) repeat-x 0 -26px ;
														color:#4177a7;
														text-decoration: none;
													}
													
													ul#breves li a:hover
													{
														background: url(images/bouton_breves.png) repeat-x 0 -26px ;
														color:#EAA000;
														text-decoration: none;
													}
													
													
													div#titre_breve
													{
														position:relative;
														font-size:0.7em;
														width: 670px ;
														height: 18px;
														top: -26px;
														left: -5px;
														
														font-style: italic ;
														padding: 4px 0 0 5px;
														color: #fff;
														background-color:#3e72a0;
													}
													
								.sousmenu_grand_cadre_coeur
								{
									float:left;
									width: 350px ;
									height: 85px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -15px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #cf5172;
								}
								.sousmenu_grand_cadre_coeur2
								{
									float:left;
									width: 350px ;
									height: 85px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									background: url(images/lire.png) no-repeat 115px 2px #fbe9e2;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #cf5172;
								}
									
								
								.sousmenu_grand_cadre_focus
								{
									float:left;
									width: 350px ;
									height: 85px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -10px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #ab8cbc;
								}
								.sousmenu_grand_cadre_focus2
								{
									float:left;
									width: 350px ;
									height: 85px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									background: url(images/lire.png) no-repeat 115px 2px #f3e8f8;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #ab8cbc;
								}
									
									
								.sousmenu_grand_cadre_dossier
								{
									float:left;
									width: 350px ;
									height: 85px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3f933d;
								}
								.sousmenu_grand_cadre_dossier2
								{
									float:left;
									width: 350px ;
									height: 85px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									background: url(images/lire.png) no-repeat 115px 2px #ebf5ed;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3f933d;
								}
								
								.sousmenu_grand_cadre_blogue
								{
									float:left;
									width: 350px ;
									height: 85px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #dcb136;
								}
								.sousmenu_grand_cadre_blogue2
								{
									float:left;
									width: 350px ;
									height: 85px;
									text-indent: 15px;
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									background: url(images/lire.png) no-repeat 115px 2px #fff5c9;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #dcb136;
								}
								
								
								.letter_spacing
									{
									margin-left: -10px;
									letter-spacing: -1.0px;
									}
								.letter_spacing0
									{
									margin-left: 0px;
									letter-spacing: -1.0px;
									}
								
								
								
								
								.sousmenu_cadre_gris
								{
									float:left;
									width: 225px ;
									height: 100px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #777;
								}
								
								.sousmenu_cadre_accueil
								{
									float:left;
									width: 250px ;
									height: 105px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px -15px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_accueil_gauche
								{
									float:left;
									width: 215px ;
									height: 105px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 8px -20px 10px;
									padding: 10px 15px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_accueil_droite 
								{
									float:left;
									width: 225px ;
									height: 100px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0px 1px -20px -10px ;
									padding: 10px 3px 0 0px ;
									border-top-width: 2px ;
									border-left-width: 0px ;
									border-right-width: 1px ;
									border-bottom-width: 0px ;
									border-style: solid ;
									border-color: #3d88d5 ;
								}
								



								
								/* -----------------------------------------------------  */
									/*        GESTION PETITS ENCADRES "BREVES"        */
								/* -----------------------------------------------------  */
								
								.sousmenu_cadre_breves_presentation
								{
									float:left;
									width: 225px ;
									height: 90px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0px 10px -30px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								.sousmenu_cadre_breves_liste
								{
									float:left;
									width: 465px ;
									height: 87px;
									text-indent: 5px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -30px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_breves_precedent
								{
									float:left;
									width: 200px ;
									height: 100px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
						

								.sousmenu_cadre_breves_suivant
								{
									float:left;
									width: 200px ;
									height: 100px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_breves
								{
									float:left;
									width: 265px ;
									height: 110px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: -10px 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_breves p
								{
									font-size: 1.0em ;
									margin-top: 0px;
								}
								
								
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*  ------- GESTION ENCADRES ---------  */
						
								
								.sousmenu_cadre_coeur_presentation
								{
									float:left;
									width: 225px ;
									text-indent: 5px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#333;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									background: url(images/logo-coeur_trans.png) no-repeat 115px -5px ;
									
									margin: 10px 10px -30px 0;
									padding: 3px 5px 5px 5px;
									border-top-width: 0px;
									border-left-width: 0px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #cf5172;
								}
								.sousmenu_cadre_coeur_liste
								{
									float:left;
									width: 465px ;
									height: 87px;
									text-indent: 5px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -30px 0;
									padding: 9px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #cf5172;
								}
								
								
								.sousmenu_cadre_focus_presentation
								{
									float:left;
									width: 225px ;
									text-indent: 5px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#333;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									background: url(images/logo-focus_trans.png) no-repeat 125px 0px ;
									
									margin: 10px 10px -30px 0;
									padding: 3px 5px 5px 5px;
									border-top-width: 0px;
									border-left-width: 0px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color:#ab8cbc;
								}
								.sousmenu_cadre_focus_liste
								{
									float:left;
									width: 465px ;
									height: 87px;
									text-indent: 5px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -30px 0;
									padding: 9px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color:#ab8cbc;
								}
								
								
								
								.sousmenu_cadre_dossier_presentation
								{
									float:left;
									width: 225px ;
									text-indent: 5px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#333;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									background: url(images/logo-dossier_trans.png) no-repeat 145px -5px ;
									
									margin: 10px 10px -30px 0;
									padding: 3px 5px 5px 5px;
									border-top-width: 0px;
									border-left-width: 0px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color:#3f933d;
								}
								.sousmenu_cadre_dossier_liste
								{
									float:left;
									width: 465px ;
									height: 87px;
									text-indent: 5px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -30px 0;
									padding: 9px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color:#3f933d;
								}
								
								
								
								.sousmenu_cadre_blogue_presentation
								{
									float:left;
									width: 225px ;
									text-indent: 5px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#333;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									background: url(images/logo-blogue_trans.png) no-repeat 125px 0px ;
									
									margin: 10px 10px -30px 0;
									padding: 3px 5px 5px 5px;
									border-top-width: 0px;
									border-left-width: 0px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color:#dcb136;
								}
								.sousmenu_cadre_blogue_liste
								{
									float:left;
									width: 465px ;
									height: 87px;
									text-indent: 5px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -30px 0;
									padding: 9px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #dcb136;
								}
								
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/								
								/* -----------------------------------------------------  */
								/*        GESTION PETITS ENCADRES "A COEUR OUVERT"        */
								/* -----------------------------------------------------  */
								.sousmenu_cadre_coeur_precedent
								{
									float:left;
									width: 185px ;
									height: 85px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 25px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #cf5172;
								}
						

								.sousmenu_cadre_coeur_suivant
								{
									float:left;
									width: 185px ;
									height: 85px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 15px;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #cf5172;
								}
								
								.sousmenu_cadre_coeur
								{
									float:left;
									width: 265px ;
									height: 110px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: -10px 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #cf5172;
								}
								
								/*        GESTION COMMENTAIRES "A COEUR OUVERT"        */
								div#sousmenu_cadre_coeur_commentaires
								{
									float:left;
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #cf5172;
								}
									div#sousmenu_cadre_coeur_commentaires_repondre
										{
											float:left;
											width: 460px ;
											
											text-align: justify ;
											font-size: 0.9em ;
											color:#777;
											text-decoration: none ;
											font-style: italic;
											
											margin: 5px 0 0 55px;
											padding: 0 3px 0 0px;
											border-top-width: 1px;
											border-left-width: 1px;
											border-right-width: 0px;
											border-bottom-width: 1px;
											border-style: solid;
											border-color: #cf5172;
										}
								
								p#titre_commentaires
								{
								font-style: normal;
								margin: 0 0 -15px -10px;
								font-size: 0.8em ;
								color:#444;
								}
								
								p#contenu_commentaires
								{
								text-indent: none;
								}
								
								p#footer_commentaires
								{
								font-style: normal;
								margin: 5px 0 0 -13px;
								color:#444;
								}
								
								.fin_article_commentaires
								{
									margin: -5px 0 0 0 ;
									text-align: left;
									font: 0.8em "Arial", helvetica, sans-serif ;
									padding: 5px 10px 0 0; /*Correspond à: haut-droite-bas-gauche */
									color: #f48111 ;
									/*background: #fff ;*/
								}
								
								span#lien_inserer a
									{
										color: red;
										text-decoration: none;
									}
									
								span#lien_inserer a:hover
									{
										color: #a33;
									}
								
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/								
								/* -----------------------------------------------------  */
								/*        GESTION PETITS ENCADRES "FOCUS"        */
								/* -----------------------------------------------------  */
								.sousmenu_cadre_focus_precedent
								{
									float:left;
									width: 185px ;
									height: 85px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 25px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #ab8cbc;
								}
						

								.sousmenu_cadre_focus_suivant
								{
									float:left;
									width: 185px ;
									height: 85px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 15px;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #ab8cbc;
								}
								
								.sousmenu_cadre_focus
								{
									float:left;
									width: 265px ;
									height: 160px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									letter-spacing: 1.0px;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: -10px 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #ab8cbc;
								}
								
								/*        GESTION COMMENTAIRES "FOCUS"        */
								div#sousmenu_cadre_focus_commentaires
								{
									float:left;
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.8em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #ab8cbc;
								}
										div#sousmenu_cadre_focus_commentaires_repondre
										{
											float:left;
											width: 460px ;
											
											text-align: justify ;
											font-size: 0.8em ;
											color:#777;
											text-decoration: none ;
											font-style: italic;
											
											margin: 5px 0 0 55px;
											padding: 0 3px 0 0px;
											border-top-width: 1px;
											border-left-width: 1px;
											border-right-width: 0px;
											border-bottom-width: 1px;
											border-style: solid;
											border-color: #ab8cbc;
										}
								

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/								
								/* -----------------------------------------------------  */
								/*        GESTION PETITS ENCADRES "dossier"        */
								/* -----------------------------------------------------  */
								.sousmenu_cadre_dossier_precedent
								{
									float:left;
									width: 185px ;
									height: 85px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 25px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3f933d;
								}
						

								.sousmenu_cadre_dossier_suivant
								{
									float:left;
									width: 185px ;
									height: 85px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 15px;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3f933d;
								}
								
								.sousmenu_cadre_dossier
								{
									float:left;
									width: 265px ;
									height: 110px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: -10px 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3f933d;
								}
								
								/*        GESTION COMMENTAIRES "dossier"        */
								div#sousmenu_cadre_dossier_commentaires
								{
									float:left;
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.8em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #3f933d;
								}
										div#sousmenu_cadre_dossier_commentaires_repondre
										{
											float:left;
											width: 460px ;
											
											text-align: justify ;
											font-size: 0.8em ;
											color:#777;
											text-decoration: none ;
											font-style: italic;
											
											margin: 5px 0 0 55px;
											padding: 0 3px 0 0px;
											border-top-width: 1px;
											border-left-width: 1px;
											border-right-width: 0px;
											border-bottom-width: 1px;
											border-style: solid;
											border-color: #3f933d;
										}								

										
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/								
								/* -----------------------------------------------------  */
								/*        GESTION PETITS ENCADRES "blogue"        */
								/* -----------------------------------------------------  */
								.sousmenu_cadre_blogue_precedent
								{
									float:left;
									width: 185px ;
									height: 85px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 25px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #dcb136;
								}
						

								.sousmenu_cadre_blogue_suivant
								{
									float:left;
									width: 185px ;
									height: 85px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.5em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 10px -20px 15px;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #dcb136;
								}
								
								.sousmenu_cadre_blogue
								{
									float:left;
									width: 265px ;
									height: 110px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: -10px 10px -20px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #dcb136;
								}
								
								/*        GESTION COMMENTAIRES "blogue"        */
								div#sousmenu_cadre_blogue_commentaires
								{
									float:left;
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.8em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #dcb136;
								}
										div#sousmenu_cadre_blogue_commentaires_repondre
										{
											float:left;
											width: 460px ;
											
											text-align: justify ;
											font-size: 0.8em ;
											color:#777;
											text-decoration: none ;
											font-style: italic;
											
											margin: 5px 0 0 55px;
											padding: 0 3px 0 0px;
											border-top-width: 1px;
											border-left-width: 1px;
											border-right-width: 0px;
											border-bottom-width: 1px;
											border-style: solid;
											border-color: #dcb136;
										}												
										
										
										
										
											/*         -----------------------------------------------        */
											/*         ------------GESTION COMMENTAIRES---------------        */
											/*         -----------------------------------------------        */
											
								
								p#titre_commentaires
								{
								font-style: normal;
								margin: 0 0 -15px -10px;
								font-size: 0.9em ;
								color:#444;
								}
								
								p#contenu_commentaires
								{
								text-indent: none;
								}
								
								p#footer_commentaires
								{
								font-style: normal;
								margin: 5px 0 0 -13px;
								color:#444;
								}
								
								.fin_article_commentaires
								{
									margin: -5px 0 0 0 ;
									text-align: left;
									font: 0.8em "Arial", helvetica, sans-serif ;
									padding: 5px 10px 0 0; /*Correspond à: haut-droite-bas-gauche */
									color: #f48111 ;
									/*background: #fff ;*/
								}
								
										table#commentaire_table2
										{
											margin: -25px 0 0 0;
											padding: 10px 0 0 0;
											font-size: 1.0em ;
											color:#777;
											font-style: italic;
										}
										
										table#commentaire_table
										{
											margin: -25px 0 0 0;
											padding: 10px 0 0 0;
											font-size: 1.4em ;
											color:#777;
											font-style: italic;
										}
										
										.titre_table
										{
											font-style: normal;
											margin: 3px 0 0 -15px;
											font-size: 0.8em ;
											color:#444;
										}
										
										input#inputs
										{
											font-size: 0.8em ;
											font-family: Verdana;
											color:#444;
										}
										
										

									/*       --------------------------------------        */
									/*        GESTION COMMENTAIRES "A COEUR OUVERT"        */
									
								div#sousmenu_cadre_coeur_commentaires
								{
									float:left;
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #cf5172;
								}
								
								div#sousmenu_cadre_coeur_commentaires2
								{
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #cf5172;
								}
								
								
										div#sousmenu_cadre_coeur_commentaires_repondre
										{
											float:left;
											width: 460px ;
											
											text-align: justify ;
											font-size: 0.9em ;
											color:#777;
											text-decoration: none ;
											font-style: italic;
											
											margin: 5px 0 0 55px;
											padding: 0 3px 0 0px;
											border-top-width: 1px;
											border-left-width: 1px;
											border-right-width: 0px;
											border-bottom-width: 1px;
											border-style: solid;
											border-color: #cf5172;
										}

											/*       --------------------------------------        */
												/*        GESTION COMMENTAIRES "FOCUS"        */
								div#sousmenu_cadre_focus_commentaires
								{
									float:left;
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #ab8cbc;
								}
								
								div#sousmenu_cadre_focus_commentaires2
								{
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #ab8cbc;
								}
								
										div#sousmenu_cadre_focus_commentaires_repondre
										{
											float:left;
											width: 460px ;
											
											text-align: justify ;
											font-size: 0.9em ;
											color:#777;
											text-decoration: none ;
											font-style: italic;
											
											margin: 5px 0 0 55px;
											padding: 0 3px 0 0px;
											border-top-width: 1px;
											border-left-width: 1px;
											border-right-width: 0px;
											border-bottom-width: 1px;
											border-style: solid;
											border-color: #ab8cbc;
										}

											/*       --------------------------------------        */
											/*        GESTION COMMENTAIRES "Dossier"        */
								div#sousmenu_cadre_dossier_commentaires
								{
									float:left;
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #3f933d;
								}
								
								div#sousmenu_cadre_dossier_commentaires2
								{
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #3f933d;
								}
								
										div#sousmenu_cadre_dossier_commentaires_repondre
										{
											float:left;
											width: 460px ;
											
											text-align: justify ;
											font-size: 0.9em ;
											color:#777;
											text-decoration: none ;
											font-style: italic;
											
											margin: 5px 0 0 55px;
											padding: 0 3px 0 0px;
											border-top-width: 1px;
											border-left-width: 1px;
											border-right-width: 0px;
											border-bottom-width: 1px;
											border-style: solid;
											border-color: #3f933d;
										}	

											/*       --------------------------------------        */
											/*        GESTION COMMENTAIRES "Blogue"        */
								div#sousmenu_cadre_blogue_commentaires
								{
									float:left;
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #dcb136;
								}
								
								div#sousmenu_cadre_blogue_commentaires2
								{
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #dcb136;
								}
								
										div#sousmenu_cadre_blogue_commentaires_repondre
										{
											float:left;
											width: 460px ;
											
											text-align: justify ;
											font-size: 0.9em ;
											color:#777;
											text-decoration: none ;
											font-style: italic;
											
											margin: 5px 0 0 55px;
											padding: 0 3px 0 0px;
											border-top-width: 1px;
											border-left-width: 1px;
											border-right-width: 0px;
											border-bottom-width: 1px;
											border-style: solid;
											border-color: #dcb136;
										}								
										
								

											/*       --------------------------------------        */
											/*        GESTION COMMENTAIRES "Blogue"        */
								div#sousmenu_cadre_breves_commentaires
								{
									float:left;
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								div#sousmenu_cadre_breves_commentaires2
								{
									width: 503px ;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									text-decoration: none ;
									font-style: italic;
									
									margin: 5px 0 0 15px;
									padding: -25px 3px -5px -15px;
									border-top-width: 1px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
										div#sousmenu_cadre_breves_commentaires_repondre
										{
											float:left;
											width: 460px ;
											
											text-align: justify ;
											font-size: 0.9em ;
											color:#777;
											text-decoration: none ;
											font-style: italic;
											
											margin: 5px 0 0 55px;
											padding: 0 3px 0 0px;
											border-top-width: 1px;
											border-left-width: 1px;
											border-right-width: 0px;
											border-bottom-width: 1px;
											border-style: solid;
											border-color: #3d88d5;
										}							
										
										
								div#sousmenu a
								{
									color:#777;
									text-decoration:none;
								}
								
								div#sousmenu a:hover
								{
									color:#555;
									text-decoration:underline;
								}
								
								div#sousmenu2 a
								{
									color:#777;
									text-decoration:none;
								}
								
								div#sousmenu2 a:hover
								{
									color:#555;
									text-decoration:underline;
								}

								
								
								
								
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*        GESTION ENCADRES "UTILISATEURS"        */									
								
												table#table_utilisateurs
													{
													margin: -25px 0 0 0px;
													padding: 13px 0 0 0px;
													border-width:1px; 
													font-size: 1.0em; 
													font-style: italic; 
													text-align: center;
													color:#777;
													 }
													
												tr#titre_utilisateurs
													{
														position:relative;
														padding: 20px 0 0 5px;
													}
												tr#titre_utilisateurs td a
													{
														color:#777;
													}
												
												tr.contenu_profils
													{
														background-color:#f2f3f7;
														cursor:pointer;
													}
												tr.contenu_profils_gras
													{
														background-color:#e2e4ed;
														color:#444;
														cursor:pointer;
													}
													
												tr.contenu_profils2
													{
														cursor:pointer;
														background-color:#f2e9e9;
													}
												tr.contenu_profils_gras2
													{
														background-color:#f0e4e4;
														color:#444;
														cursor:pointer;
													}
													
												tr.contenu2_profils
													{
														background-color:#edeff6;
														color:#444;
													}

																	
								
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*        GESTION ENCADRES "UTILISATEUR"        */									
								
										
								.sousmenu_cadre_utilisateur0
								{
									float:left;
									width: 646px ;
									height: 50px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px 0 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_utilisateur1
								{
									float:left;
									width: 646px ;
									height: 65px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px -15px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								
								
								
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*        GESTION ENCADRES "PROFIL"        */									
								
								
									table#profil_table
										{
											margin: -25px 0 0 0;
											padding: 0 0 0 0;
										}
										
									table#profil_table tr
										{
											margin: -5px 0 -5px 0;
										}	
										
										
								.sousmenu_accueil_cadre0
								{
									width: 705px ;
									margin-left: 45px;
									text-align: left;
									font-size: 1.1em ;
									display: block ;
									text-decoration: none ;
									z-index: 150;
									position:relative;
									
									color:#3d88d5;
									height: 120px;
									margin-top: 0px;
									margin-bottom: 10px;
								}
								
								.sousmenu_accueil_cadre01
								{
									width: 705px ;
									margin-left: 45px;
									text-align: left;
									font-size: 1.1em ;
									display: block ;
									text-decoration: none ;
									z-index: 150;
									position:relative;
									
									color:#3d88d5;
									height: 80px;
									margin-top: 0px;
									margin-bottom: 10px;
								}

								
								.sousmenu_accueil_cadre
								{
									width: 680px ;
									margin-left: 45px;
									text-align: left;
									font-size: 1.1em ;
									display: block ;
									text-decoration: none ;
									z-index: 160;
									position:relative;
									
									color:#3d88d5;
									height: 120px;
									margin-top: 0px;
									margin-bottom: 10px;
								}
								
								
								
								.sousmenu_cadre_profil1
								{
									float:left;
									width: 690px ;
									height: 65px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px 0px 0;
									padding: 0px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_profil12
								{
									float:left;
									width: 646px ;
									height: 65px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px -15px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 0px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_profil14
								{
									float:left;
									width: 646px ;
									height: 210px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px -15px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 1px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_profil15
								{
									float:left;
									width: 646px ;
									height: 30px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px -25px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_profil2
								{
									float:left;
									width: 190px ;
									height: 215px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 5px -15px 0;
									padding: 0px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_profil3
								{
									float:left;
									width: 440px ;
									height: 205px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px -15px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_profil4
								{
									float:left;
									width: 646px ;
									height: 255px;
									padding-top:10px;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.6em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px 0px 0;
									padding: 10px 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_profil5
								{
									float:left;
									width: 646px ;
									text-indent: 15px;
									
									text-align: justify ;
									font-size: 0.9em ;
									color:#777;
									display: block ;
									text-decoration: none ;
									font-style: italic;
									
									margin: 0 0px -15px 0;
									padding: 0 5px 0 5px;
									border-top-width: 2px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 0px;
									border-style: solid;
									border-color: #3d88d5;
								}
								
								.sousmenu_cadre_petitebarre
								{
								width: 1px;
								height: 35px;
								float:left;
								
								margin: 0 0px -20px 0;
								padding: 10px 0px 0 0px;
								border-top-width: 0px;
								border-left-width: 1px;
								border-right-width: 0px;
								border-bottom-width: 0px;
								border-style: solid;
								border-color: #3d88d5;
								}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*La partie de gauche*/


								div#articles/*L'ensemble des articles*/
								{
									width: 675px ;
									text-align: left ;
									background-color: #fff ;
									color:#000;
									float: left;
									z-index: 0;
								}
								
								
								div#page
								{
									text-align: left;
									margin: -10px 0 0 850px; 
									font-size: 2.5em;
									font-stretch: narrower; 
									letter-spacing: -4px;
									font-weight: light;
									z-index: 3;
								}
								
								
								
								div#articles a 
								{
									text-decoration: underline;
									color: #c66a20;
								}
								
								
								div#articles a:hover
								{
									text-decoration:underline;
									color: #f48111;
								}
								
								div#rechercher
									{
										margin: -16px 0 0 0;
										text-align: right;
									}
								
								
					.rteImage {
						background: #D3D3D3;
						border: 1px solid #D3D3D3;
						cursor: pointer;
						cursor: hand;
					}
					.rteImageRaised, .rteImage:hover {
						background: #D3D3D3;
						border: 1px outset;
						cursor: pointer;
						cursor: hand;
					}

					.rteImageLowered, .rteImage:active {
						background: #D3D3D3;
						border: 1px inset;
						cursor: pointer;
						cursor: hand;
					}
										.articles_accueil0
										{
											margin-top: -431px;
											padding: 410px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
											background: url(images/cote_gauche_accueil.png) no-repeat -7px 0px;
										}
										
										.articles_accueil
										{
											margin-top: -329px;
											padding: 390px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
											background: url(images/cote_gauche_accueil.png) no-repeat -7px 0px;
										}
										.articles_archives
										{
											margin-top: -128px;
											padding: 150px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
											background: url(images/cote_gauche_archives.png) no-repeat -7px 0px;
										}
										
										.articles_breves
										{
											margin-top: -235px;
											padding: 220px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
											background: url(images/cote_gauche_breves.png) no-repeat -7px 0px;
										}
										
										.articles_profil
										{
											margin-top: 7px;
											padding: 20px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
											background: url(images/cote_gauche_profil.png) no-repeat -7px 0px;
										}
										
												.articles_referencement
												{
													margin-top: -175px;
													padding: 210px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
													background: url(images/cote_gauche_accueil.png) no-repeat -7px 0px;
												}
										
										
										.articles_coeur
										{
											margin-top: -248px;
											padding: 310px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
											background: url(images/cote_gauche_coeur.png) no-repeat -7px 0px;
										}
										
										.articles_focus
										{
											margin-top: -298px;
											padding: 307px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
											background: url(images/cote_gauche_focus.png) no-repeat -7px 0px;
										}
										
										.articles_dossier
										{
											margin-top: -248px;
											padding: 307px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
											background: url(images/cote_gauche_dossier.png) no-repeat -7px 0px;
										}
										
										.articles_blogue
										{
											margin-top: -248px;
											padding: 307px 10px 5px 20px; /*Correspond à: haut-droite-bas-gauche */
											background: url(images/cote_gauche_blogue.png) no-repeat -18px 0px;
										}
								
								div#contenu h2 /* Correspond au titre général de l'article*/
								{
									text-indent: 10px;
									padding-left: 65px ;
									margin-left: 10px;
									padding-bottom: 2px;
									padding-top: 20px;
									margin-top: -5px;
									line-height: 25px ;
									font-weight: normal;
									font-size: 1.8em ;
									font-style: italic;
									/*border-bottom: 2px solid #225fac ;*/
								}
								
										.h2_accueil
										{
											background: url(images/petit-logo_bleu.png) no-repeat 20px 5px;
											color: #3d88d5 ;
										}
										
										.h2_coeur
										{
											background: url(images/petit-logo_rose.png) no-repeat 20px 5px;
											color: #cf5172 ;
										}
										
										.h2_dossier
										{
											background: url(images/petit-logo_vert.png) no-repeat 20px 5px;
											color: #3f933d ;
										}
										
										.h2_focus
										{
											background: url(images/petit-logo_brun.png) no-repeat 20px 5px;
											color: #ab8cbc ;
										}
										
										.h2_blogue
										{
											background: url(images/petit-logo_gris.png) no-repeat 20px 5px;
											color: #dcb136 ;
										}
								
								/* Mise en forme du titre de page, une petite image,
								 on décale le texte en fonction de l'image, on donne un couleur au texte et
								  on met une bordure basse */
								
								div#article
									{
										margin: 0 auto ;
										margin-left: 100px;
										margin-bottom: 50px;
										padding: 0 10px 0 10px; 
										text-align: left ;
										background-repeat: repeat-y;
									}
									
								div#article p:first-letter
									{
										font-size: 1.8em;
									}

								
										.further
										{
										font-size: 0.7em;
										font-style: italic;
										}
										
										.article_breves_on
										{
											margin: 0 auto ;
											margin-left: 100px;
											margin-bottom: 50px;
											padding: 0 10px 0 0; 
											text-align: left ;
											font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
											background-repeat: repeat-y;

											border-left:1px double #3d88d5;
											padding-left: 10px;
											border-bottom:1px solid #3d88d5 ;
										}
										
										.article_accueil_on
										{
											margin: 0 auto ;
											margin-left: 100px;
											margin-bottom: 50px;
											padding: 0 10px 0 0; 
											text-align: left ;
											background-repeat: repeat-y;

											border-left:1px double #3d88d5;
											padding-left: 10px;
											border-bottom:1px solid #3d88d5 ;
										}
										
										.article_coeur_on
										{
											margin: 0 auto ;
											margin-left: 100px;
											margin-bottom: 50px;
											padding: 0 10px 0 0; 
											text-align: left ;
											background-repeat: repeat-y;

											border-left:1px double #cf5182 ;
											border-bottom:1px solid #cf5182 ;
											padding-left: 10px;
										}
										
										.article_focus_on
										{
											margin: 0 auto ;
											margin-left: 100px;
											margin-bottom: 50px;
											padding: 0 10px 0 0; 
											text-align: left ;
											background-repeat: repeat-y;

											border-left:1px double #ab8cbc;
											border-bottom:1px solid #ab8cbc;
											padding-left: 10px;
										}
										
										.article_dossier_on
										{
											margin: 0 auto ;
											margin-left: 100px;
											margin-bottom: 50px;
											padding: 0 10px 0 0; 
											text-align: left ;
											background-repeat: repeat-y;

											border-left:1px double #3f933d ;
											border-bottom:1px solid #3f933d ;
											padding-left: 10px;
										}
										
										.article_blogue_on
										{
											margin: 0 auto ;
											margin-left: 100px;
											margin-bottom: 50px;
											padding: 0 10px 0 0; 
											text-align: left ;
											background-repeat: repeat-y;

											border-left:1px double #dcb136 ;
											border-bottom:1px solid #dcb136 ;
											padding-left: 10px;
										}
								
								.image_titre /* Place la première image de l'article à gauche*/
								{
									float:left;
									margin-right: 20px;
									margin-left: 10px;
								}
								
								div#contenu h3 /* Sous titre de l'article */
								{
									margin-top: 10px;
									margin-left: 10px;
									text-align: left;
									padding-left: 5px ;
									font-size: 1.0em ;
									color: #000 ;
									font-weight: normal;
								}
								 
								.fin_article
								{
									margin: 0 auto ;
									text-align: left;
									margin-bottom: 10px;
									font: 0.7em "Arial", helvetica, sans-serif ;
									padding: 5px 10px 0 0; /*Correspond à: haut-droite-bas-gauche */
									color: #f48111 ;
									/*background: #fff ;*/
								}
								
								.fin_article a
								{
									text-decoration: none;
									color: #c66a20 ;
								}
								
								.fin_article a:hover
								{
									text-decoration: none;
									color: #f48111 ;
								}
								
								.icones_enbas
								{
									position:relative;
									margin-left:1px;
									top:2px;
								}
								
								.image_droite
								{
									margin: 10px 0 0 10px;
									vertical-align: bottom;
									float:right;
								}
								
								.image_centre
								{
									margin: 0 0 0 160px;
									vertical-align: bottom;
									float: left;
								}
								
								.image_gauche
								{
									margin: 10px 10px 0 0;
									vertical-align: bottom;
									float:left;
								}
								
								.signature
								{
									padding-top: 5px;
									text-align: right;
									margin-bottom: 10px;
								}
								
								.date
								{
									
									text-align: right;
									font: 0.6em "Arial", helvetica, sans-serif ;
								}
								
								a img
								{
									border:  none 
								}
								
								a:hover img
								{
									opacity:.80;
									border:  none 
								}
								
								
								/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*A réutiliser à l'occasion, sinon effacer
								div#fin_article_edito
								{
									margin: 0 auto ;
									margin-left: 70px;
									margin-bottom: 10px;
									font: 0.7em "Arial", helvetica, sans-serif ;
									padding: 5px 10px 25px 40px; 
									text-align: right ;
								}

								div#fin_article_coeur
								{
									margin: 0 auto ;
									margin-left: 70px;
									margin-bottom: 10px;
									font: 0.7em "Arial", helvetica, sans-serif ;
									padding: 5px 10px 25px 40px;
									text-align: right ;
								}

								div#fin_article_memoriam
								{
									margin: 0 auto ;
									margin-left: 70px;
									margin-bottom: 10px;
									font: 0.7em "Arial", helvetica, sans-serif ;
									padding: 5px 10px 25px 40px;
									text-align: right ;
								}

								div#fin_article_critique
								{
									margin: 0 auto ;
									margin-left: 70px;
									margin-bottom: 10px;
									font: 0.7em "Arial", helvetica, sans-serif ;
									padding: 5px 10px 25px 40px;
									text-align: right ;
								}
								*/


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*La partie de droite*/


								div#adroite_tout
								{
									width: 190px ;
									margin: 0 0 30px 0;
									padding: 0px 10px 5px 15px; /*Correspond à: haut-droite-bas-gauche */
									/*border: 1px solid #225fac ;*/
									color: #90A2BF ;
									font-size: 0.8em ;
									float: right;
									background-color: #607381;
								}
								
								div#header_adroite
								{
									width: 180px ;
									height: 165px;
									margin-bottom: 0px ;
									margin-top: -190px;
									padding: 102px 30px 0px 5px; /*Correspond à: haut-droite-bas-gauche */
									color: #90A2BF ;
									float: right;
									background: url(images/immeuble_haut.png) no-repeat 0 0;
									
								}
								div#header_adroite2
								{
									width: 180px ;
									height: 165px;
									margin-bottom: 0px ;
									margin-top: -240px;
									padding: 102px 30px 0px 5px; /*Correspond à: haut-droite-bas-gauche */
									color: #90A2BF ;
									float: right;
									background: url(images/immeuble_haut.png) no-repeat 0 0;
									
								}

								
								
								div#rechercher_site
									{
										margin: -8px 0 0 0;
										text-align: center;
									}
								
								
								.adroite_titre
									{
										margin-left: -19px;
										margin-right: -17px;
										padding-top: 10px;
										font-weight: bold ;
										font-size: 1.1em ;
										text-indent: 0px;
										text-align: center;
										line-height: 1em ;
										color: #fff ;
									}
								
								.gras
									{
										font-weight: bold;
									}
								.gras2
									{
										font-weight: bold;
										text-align: left;
									}
								.gras_commentaires
									{
										font-size: 0.8em ;
										font-weight: bold;
										text-align: left;
									}
								.gras_commentaires2
									{
										font-size: 1.0em ;
										color: #777 ;
										font-weight: bold;
										text-align: left;
									}
								div#pages_commentaires 
									{
										font-size: 0.8em ;
										text-align: left;
										color: #888 ;
									}
								div#pages_commentaires a
									{
										font-size: 1.2em ;
										color: #777 ;
										text-decoration: none;
										font-weight: bold;
										text-align: left;
									}
								div#pages_commentaires a:hover
									{
										font-size: 1.2em ;
										color: #555 ;
										text-decoration: none;
										font-weight: bold;
										text-align: left;
									}
								.adroite/*Tous les paragraphes de la div "adroite"*/
									{
										margin-left: -11px;
										margin-right: -7px;
										margin-bottom: 0px;
										margin-top: 6px;
										padding: 0;
										text-indent: 0px;
										font-size: 0.9em ;
										text-align: center ;
										line-height: 1em ;
										color: #fff ;
									}
								
												
								.immeuble a
									{
										text-decoration: none;
										color: #fff ;
									}				
								
								.immeuble a:hover
									{
										text-decoration: underline;
										color: #fff ;
									}
								
								.partenaires
									{
										width:176px;
										height:61px;
									}
									
								.texte
									{
										font-size: 0.8em ;
										margin-top: -7px;
										text-indent: 0px;
										text-align: center ;
										color: #fff ;
									}
								
								.adroite_footer
									{
										border-bottom: 1px dashed #fff;
										margin-bottom: -25px;
										margin-top: 30px;
									}
								
								.adroite a 
									{
										text-decoration: none;
										font-size: 10px;
										color: #fff ;
									}
								
								.adroite a:hover
									{
										color: #fff;
										text-decoration: underline;
									}
									
									


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								/*le footer*/
								
								
								div#footer
								{
									position: relative;
									height: 80px;
									margin-top: 60px;
									padding: 5px 5px 5px 5px; /*Correspond à: haut-droite-bas-gauche */
									color: #fff ;
									clear:both;
									background: url(images/footer.png) no-repeat 0 -5px;
								}

								
								.w3c
								{
									position: relative;
									height: 30px;
									width: 120px;
									text-align: left ;
									padding: 5px 5px 5px 5px; /*Correspond à: haut-droite-bas-gauche */
								}
								
								div#xiti-logo
								{
									position: relative;
									height: 30px;
									width: 120px;
									margin: -10px 0 0 835px;
									text-align: right ;
								}
								
								div#leresteenbas
								{
									position: absolute;
									margin: -40px 30px 0 165px;
									height: 80px;
									width: 580px;
									text-align: left ;
									padding: 5px 5px 5px 5px; /*Correspond à: haut-droite-bas-gauche */
								}
								
								.lefooter
								{
									margin: 0;
									text-align: center;
									font-size: 0.7em;
									color: #fff ;
								}
								
								div#footer a 
									{
										text-decoration: underline;
										color: #fff ;
									}
								
								div#footer a:hover
									{
										color: #ddd;
										text-decoration: underline;
									}
								/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

								
								
								
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------PAGE INSCRIPTION---------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								
								form.form_inscription
									{
										font-size: 0.7em;
									}
									
								input[type="text"]:focus, input[type="password"]:focus 
									{
										background-color: #ecedff;
										color: black;
									}
										
								p.text_admin2
									{
										text-align: left ;
										font-weight: normal;
										font-size: 1.2em;
										margin: 20px 0 -10px 5px;
									}

								

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

			div#administrer_blocs
				{
					background-color: #ddd;
					color: red;
					
					padding: 2px 5px 5px 2px;
					margin: 0 0 0 25px;
					width: 640px;
				}
			
			div#administrer_blocs_inserer
				{
					background-color: #ddd;
					color: red;
					
					padding: 2px 5px 5px 2px;
					margin: 0 0 0 0px;
					width: 560px;
				}
				
			div#administrer_blocs2
				{
					background-color: #ddd;
					color: red;
					
					padding: 2px 5px 5px 2px;
					margin: 0 0 150px 85px;
					width: 640px;
				}
			
			div#administrer_bloc_gauche
				{
					background-color: #ddd;
					float: left;
					padding: 2px 5px 5px 3px;
					margin: 0 0 0 -2px;
					width: 300px;
				}
				
			div#administrer_bloc_droite
				{
					background-color: #ddd;
					float: right;
					padding: 2px 0px 5px 2px;
					margin: 0 -5px 0 -50px;
					width: 360px;
				}
			
			div#texte_a_droite
				{
					text-align: right;
				}
			
			
			div#administration
				{
					margin-bottom: 35px;
					margin-right: 15px;
					padding-top: -15px;
					text-align:right;
				}
				
			span#text_admin
				{
					text-align: left ;
					font-weight: normal;
					font-size: 0.7em;
					margin: 0 0 0 5px;
					color: red;
				}
				
				span#text_admin a
					{
						color: red;
						text-decoration: none;
					}
					
				span#text_admin a:hover
					{
						color: #a33;
					}
					
					
			span#barre
				{
					text-align: left ;
					font-weight: normal;
					font-size: 0.7em;
					margin: 0 5px 0 5px;
					color: red;
				}
			
			
			
			.administrer_fin
				{
					background-color: #ccc;
					color: red;
					float: left;
					padding-top: 2px;
					padding-bottom: 2px;
					text-align: center;
					width: 640px;
				}


			.admin_titre
				{
					text-align: center;
					background-color: #ccc;
					margin: 0px -2px -10px 1px;
					color: #8B0007;
				}
			.article_admin
				{
					margin: 0 auto ;
					margin-left: 100px;
					margin-bottom: 50px;
					padding: 0 10px 0 -10px; 
					text-align: left ;
					background-repeat: repeat-y;

					border-left:1px double #3d88d5;
					border-bottom:1px solid #3d88d5 ;
				}			
				
			.texte_admin
				{
					text-align: left ;
					text-indent: -5em ;
					line-height: 1.3em ;
					font-weight: normal;
					font-size: 0.5em;
					margin-left: -5px;
				}

			.texte_admin_petit
				{
					font-size: 0.7em;
					text-indent: 0px;
					margin-bottom: -2px;
				}
				
			.texte_admin_petit_center
				{
					text-align: center ;
					font-size: 0.7em;
					text-indent: 0px;
					margin-bottom: -2px;
				}
				
			.mini
				{
					font-size: 0.8em;
					font-style: italic;
				}

 
 
  /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
 /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
								
								.sousmenu_accueil_cadre_reaction
								{
									width: 575px ;
									margin-left: 45px;
									text-align: justify ;
									
									font-size: 0.7em ;
									display: block ;
									text-decoration: none ;
									
									color:#3d88d5;
									margin-top: 0px;
									margin-bottom: 10px;
								}
								
								div#titre_reaction
									{
										position:relative;
										width: 575px ;
										height: 18px;
										top: -26px;
										left: -5px;
														
										font-style: italic ;
										padding: 4px 0 0 5px;
										color: #fff;
										background-color:#3e72a0;
									}
 								
								div#titre_reaction a
									{
										position:relative;
										width: 575px ;
										height: 18px;
										top: 0px;
										left: -5px;
										
										font-style: italic ;
										padding: 4px 0 0 5px;
										color: #fff;
										text-decoration: none;
									}
								
								div#titre_reaction a:hover
									{
										color: #fff;
										text-decoration: underline;
									}


 
 
 
  /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
   /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
							.sousmenu_grand_cadre_archives
								{
									float:left;
									width: 691px ;
									height: 75px;
									text-align: justify ;
									font-size: 0.7em ;
									display: block ;
									text-decoration: none ;
									
									margin: 0px 10px 0 15px;
									padding: 10px 0 0 5px;
									border-top-width: 0;
									
								}
								
								div#bordures_archives
								{
									margin: -30px 0 0 -5px;
									padding: 0 5px 0 5px;
									border-top-width: 0px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 3px;
									border-style: solid;
									border-color: #6695C1;
								}
								
								div#bordures_archives2
								{
									margin: -30px 0 0 -5px;
									padding: 0 5px 0 5px;
									width:650px;
									border-top-width: 0px;
									border-left-width: 1px;
									border-right-width: 1px;
									border-bottom-width: 2px;
									border-style: solid;
									border-color: #6695C1;
								}
								
								table#admin_table2
									{
										width: 630px;
										margin-left: 5px;
									}
								div#archives_coeur 
									{
										color: #333 ;
										font-size: 1.0em ;
									}
									
								div#archives_coeur a
									{
										color: #cf5172 ;
										text-decoration: none;
									}	
									
								div#archives_focus a
									{
										color: #ab8cbc ;
										text-decoration: none;
									}
								div#archives_dossier a
									{
										color: #3f933d ;
										text-decoration: none;
									}
								div#archives_blogue a
									{
										color: #f0b74a ;
										text-decoration: none;
									}
								div#archives_bleu a
									{
										color: #6695C1 ;
										text-decoration: none;
									}
									
									
									
								
								div#archives_coeur a:hover
									{
										color: #cf5172 ;
										text-decoration: underline;
									}	
									
								div#archives_focus a:hover
									{
										color: #ab8cbc ;
										text-decoration: underline;
									}
								div#archives_dossier a:hover
									{
										color: #3f933d ;
										text-decoration: underline;
									}
								div#archives_blogue a:hover
									{
										color: #f0b74a ;
										text-decoration: underline;
									}
								div#archives_bleu a:hover
									{
										color: #6695C1 ;
										text-decoration: underline;
									}
									
									
								li#bleu a
									{
										color: #6695C1 ;
									}
								li#bleu.selectionne a
									{
										color: #fff ;
									}
									
								li#coeur a
									{
										color: #cf5172 ;
									}
								li#coeur.selectionne a
									{
										color: #fff ;
									}
									
								li#focus a
									{
										color: #ab8cbc ;
									}
								li#focus.selectionne a
									{
										color: #fff ;
									}
									
								li#dossier a
									{
										color: #3f933d ;
									}
								li#dossier.selectionne a
									{
										color: #fff ;
									}
									
								li#blogue a
									{
										color: #f0b74a;
									}
								li#blogue.selectionne a
									{
										color: #fff ;
									}
								
								.archives_fonce
									{
										color: #cf5172 ;
									}
								
								.droitealign
									{
										margin-top: -13px;
										text-align: right ;
									}
													ul#archives
													{
														position:relative;
														top: -24px;
														height: 26px ;
														width: 696px ;
														margin: 15px 0 0 -5px ;
														padding: 0 ;
														background: url(images/bouton_archives.png) repeat-x 0 0 ;
														list-style-type: none ;
													}
													/* On donne une hauteur au menu, correspondant a
													 la taille de l'image utilisée en fond, on met ensuite l'image de fond
													  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
													
													ul#archives li
													{
														float: left ;
														text-align: center;
													}/* On rend les li en flottant pour pouvoir les
													 afficher horizontalement, on cache les puces, et on centre le texte */

													ul#archives li a
													{
														width: 116px ;
														line-height: 26px ;
														font-size: 1.2em ;
														letter-spacing: 0.1px ;
														display: block ;
														font-weight: bold;
														text-decoration: none ;
													}
													
													.selectionne
													{
														background: url(images/bouton_archives.png) repeat-x 0 -26px ;
														text-decoration: none;
													}
													
													.selectionne a
													{
														color:#fff;
													}
													
													ul#archives li a:hover
													{
														background: url(images/bouton_archives.png) repeat-x 0 -26px ;
														color:#fff;
														text-decoration: none;
													}
													
													
													
													div#titre_archives
													{
														position:relative;
														width: 691px ;
														height: 18px;
														top: -26px;
														left: -5px;
														
														font-style: italic ;
														padding: 4px 0 0 5px;
														color: #fff;
														background-color:#3e72a0;
													}
													div#titre_archives a
													{
														position:relative;
														width: 691px ;
														height: 18px;
														top: 0px;
														left: -5px;
														
														font-style: italic ;
														padding: 4px 0 0 5px;
														color: #fff;
														text-decoration: none;
													}
													div#titre_archives a:hover
													{
														color: #fff;
														text-decoration: underline;
													}

pre
{
	overflow: auto ;
	color: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}
/* On doit donner une largeur au <pre> à cause d'Internet Explorer, 
on ne va donc l'appliquer qu'à Internet Explorer en utilisant le 
 commentaire conditionnel suivant, à placer dans la partie HTML, 
 et plus précisément dans l'élément <head> : */