/* colonne du MILIEU centrée  Largeur=480px (3 x 160)   */	
#centre {
	float: left;
	width: 480px;	
	padding: 0px;  
	 border:0px;
	 margin:0px;
	}
				
			/* CONTENEUR " centre"*/
			div#conteneur_centre{				
				margin:0px 0px 0px 0px;
				padding:0px;
				border:0px;
				}
			


				/* ref rub/sousrub*/
				div#ref_article{
					float:left;
					margin:15px 0px 0 12px;
					padding:0;
					border:0;					
					color:#999999;
					font-size: 1.1em;
					font-weight: 600;				
					background:#FFFFFF;					
					}
												
				
				/* TITRE ARTICLE*/
				div#conteneur_titre{
					float:left;
					 clear:left;/*a la ligne de "ref_article" */
					margin:0px 0px 0px 0px;
					padding:0px 0 5px 0;
					border:0px;					
					width:480px;					
					}
				
				
				h1#titre_article1{
					margin:0px 0px 0px 10px;
					padding:0;
					border:0;	
					color:#990066;
					font-size: 36px;
					font-weight: bold;
					letter-spacing:-1px;
					line-height:36px;
					font-family: Helvetica Neue 75 Bold;					
					}
				
				h3#titre_article3{
					margin:0px 0px 0px 100px;
					padding:0;
					border:0;	
					color:#000000;
					font-size: 32px;
					font-weight: 600;
					letter-spacing:-1px;
					line-height:42px;					
					}
				

				h2#titre_article2{
					clear:left;					
					margin:0px 0px 0px 10px;
					padding:10px 0 0 0;
					border:0;	
					color:#000000;
					font-size: 30px;
					font-weight: lighter;
					letter-spacing:-2px;
					line-height:26px;
					font-family: Helvetica Neue 45 Light;
					}				


		/*CONTENU ARTICLE*/				
							
						div#contenu_g_article{		
								float:left;
								margin: 0px 0 0 0px;  
								padding:0px 0 0 0; 
								border:0;								
								background:url(img/img_fond_article.jpg) no-repeat;
						}						
						
						/* contient  le slide_show gde image et vignettes  */
						div#slide_show_article{		
						float:left;		
						margin: 0 0 0 0px; 
						padding:0px 0 0 0; 
						border:0px;	
						}

						div#cale_img{
							margin: 13px 13px 10px 15px;
							padding:0px 0 0 0; 
							border:0px;
							}

						div.page_article {
								margin: 10px 10px 0 15px; 
								padding:0px 0 0 0px; 
								border: 0px solid green;								
								text-align: justify;
							}

						p.entete_article{	
								margin:0px 0 0 0;
								font-size: 14px;
								font-weight: 600;									
						}
		/*CONTENU ARTICLE*/	


						div.tags {
								margin: 10px 10px 0 15px; 
								padding:0px 0 0 0px; 
								border: 0px ;								
								text-align: justify;
							}


						p.tags {	
									margin:0px 0px 0px 0px;
									padding: 0px 0 0px 0;
									border:0;	
									color:#000000;
									font-size: 11px;
									font-weight: 500;
									letter-spacing:0px;
									line-height:16px;
								}


			
				/* l'espace vertical entre le contenu du titre_dossier et contenu_dossier*/
				div#white_space1_centre{
					clear:left;
					height:20px;
					width:480px;
					}
					

				/* l'espace vertical entre le contenu du dossier et separateur trait noir*/
				div#white_space2_centre{
					clear:left;
					height:15px;
					width:480px;
					}

				/* separateur trait noir*/
				div#sep_centre{
					clear:right;					
					height:35px;
					width:480px;
					background: url(img/sep_centre_noir.gif )  repeat-x;					
					}


/* .............................LES  ARTICLES  CHAPEAUX .............................  */   
						/* conteneur chapo*/
						div.chapo{
								clear:right;
								border:0px;
								margin: 0px;  
								padding:0px ; 
								width:480px;
								height:125px;							
						}
													
						div#img_chapo{
								float:left;
								margin: 0px 0 0 5px;
								padding:0px 0 0 0; 
								border:0;
								background:url(img/ombre_chapo.png) no-repeat;/* juste le cadre ombré  */
								width:130px;
								height:125px;
							}

						/* placement des chapeaux des articles suivants  50% de  210*200     */	
						div#cale_img_chapo{
							margin: 10px 0px 0px 12px;
							padding:0px 0px 0px 0px;
							border:0px;
							}
							
						div.contenu_chapo{								
							float:right;
							margin: 0px 0px 0 0px;  
							padding:0px 0px 0 0; 
							border:0;	
							width:345px;
							height:125px;
							background-color:#fff;/*#fffccc; jaune*/
						}
				
						div.space_chapo{
							clear:right;
							float:left;
							margin: 0px 0 0 0px;  
							padding:0px 0 0 0; 
							border:0;	
							width:328px;
							background-color:#fff;/* jaune*/
						}
				
						img.chapo_droite{
							border:0;
							margin: 0 0 0px 295px; 
							padding:0;
						}

						div.ref_chapo{
								clear:left;
								margin:20px 0px 0px 0px;
								padding:0;
								border:0;					
								color:#999999;
								font-size: 1.1em;
								font-weight: 600;
								letter-spacing:-1px;
								width:328px;					
								background:#fff;    /*#FFcccc;rose */
								}
								
						div.date_chapo{							
								float:right;
								margin:0px 15px 0px 0px;
								padding:0;
								border:0;					
								color:#999999;
								font-size: 12px;
								font-weight: 600;
								letter-spacing:0px;
								 background:#fff;
								}
								
						div.titre_chapo{
								clear:left;
								margin:0px 0px 0px 0px;
								padding:5px 0px 0px 0px;
								border:0;	
								width:328px;
								height:50px;
								background-color:#fff; 						
							}

						h3.titre_chapeau{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#333333;
								font-size: 14px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:16px;
								text-transform:uppercase; 
								width:345px;
						}
						
						h2.titre_chapeau{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#333333;
								font-size: 14px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:16px;
								text-transform:uppercase;  								
								width:345px;
						}
						
						h1.titre_chapeau{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#333333;
								font-size: 14px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:16px;
								text-transform:uppercase;  
								width:345px;
						}

						p.titre_chapeau{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#333333;
								font-size: 14px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:16px;
								text-transform:uppercase;  /*permet de mettre le texte en Capitales...  */
						}


/* class des liens chapeaux*/
a.lien_chapo:link{
	color: #000000;
	text-decoration: none ;
	border:0;
	display:block;
	margin: 0;
	padding:0;
	}


a.lien_chapo:visited {
	display:block;
	color: #000000;
	text-decoration: none ;
	border:0;
	margin: 0;
	padding:0;
	}	
a.lien_chapo{
	display:block;
	
	color: #000000;
	text-decoration: none ;
	border:0;
	margin: 0;
	padding:0;
	}	
a.lien_chapo:hover{
	color: #000000;
	text-decoration: none ;
	border:0;	
	margin: 0;
	padding:0;
	display:block;
	}
								
				/* separateur trait gris*/
				div#sep_centre_gris{
					clear:left;
					margin: 0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					border:0px;					
					height:15px;
					width:480px;
					background: url(img/sep_centre_gris.gif ) no-repeat;
					background-position:bottom;
					}

/*  ............................. LES  ARTICLES  CHAPEAUX ............................. */