/* 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;
				}

				div.ref_article{	
					margin:30px 0px 0 10px;
					padding:0;
					border:0;				
					color:#999999;
					font-weight: 600;				
					background:#FFFFFF;
					width:470px;					
					}
																	
				
				/* TITRE ARTICLE*/
				div#conteneur_titre{
					float:left;
					 clear:left;
					margin:0px 0px 0px 0px;
					padding:0px 0 7px 0;
					border:0px;					
					width:480px;					
					}
								
				h1{
					 /*both;*/
					margin:0px 0px 0px 10px;
					padding:0;
					border:0;	
					color:#990066;
					font-size: 36px;
					font-weight: bold;
					letter-spacing:-1px;
					line-height:36px;/*56px pour IE6*/
					font-family: Helvetica Neue 75 Bold;					
					}
				
				h3{
					
					margin:0px 0px 0px 100px;
					padding:0;
					border:0;	
					color:#000000;
					font-size: 32px;
					font-weight: 600;
					letter-spacing:-1px;/*0px pour IE6*/
					line-height:42px;/*36px pour IE6*/					
					}
				
				h2{
					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_liste_article{		
								float:left;
								margin: 0px 0 0 0px;  
								padding:0px 0 0 0; 
								border:0;																	
						}						
						
						/* 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;	
						}

						/*  remplace class cadre_ombre_article  */
						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*/	
				
				/* l'espace vertical entre le contenu du titre_dossier et contenu_dossier*/
				div#white_space1_centre{
					clear:both;				
					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;
								width:480px;
								height:125px;
								border:0;									
						}

						div.chapo_dossier{
							clear:right;
								width:480px;
								height:125px;
								border:0;									
						}
						
						div.chapo_chroniq{
							clear:right;
								width:480px;
								height:125px;
								border:0;									
						}
						
						div.chapo_interview{
							clear:right;
								width:480px;
								height:125px;
								border:0;									
						}


						div.chapo_video{
							clear:right;
								width:480px;
								height:125px;
								border:0;									
						}

						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;
							}
							
							
						div.chapo_billet_contenu{
							clear:right;
								width:480px;
								margin:0 0 0 0px;
								border:0;									
						}
																
						div#contenu_g_chapo{		
								float:left;
								margin: 0px 0 0 0px;  
								padding:0px 0 0 0; 
								border:0;																	
						}
						
						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;
								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 0 0 0px;  
							padding:0px 0 0 0; 
							border:0;	
							width:345px;
							height:125px;
						}
															
						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-weight: 600;
								letter-spacing:-1px;
								width:328px;
								height:17px;								
								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; 						
							}

/* pour les billets */
						div.chapo_billet{
								clear:right;
								width:460px;								
								margin:0px 0px 0px 10px;
								padding:0px 0px 0px 0px;
								border:0px solid white;	
								height:60px;
								}
															
					
						div.ref_chapo_billet{
								float:left;
								margin:10px 0px 0px 0px;
								padding:0;
								border:0;					
								color:#999999;
								font-size: 10 px;
								font-weight: 600;
								letter-spacing:-1px;
								}
								
	

						div.titre_chapo_billet{
								float:left;
								margin:10px 0px 0px 20px;
								padding:0px 0px 0px 0px;
								border:0;	
								width:380px;
								}

/* pour les billets */							



						/*mise en forme du titre du chapeau*/
						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;  /*permet de mettre le texte en Capitales...  */								
								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;/* respect maquette*/
					width:480px;
					background: url(img/sep_centre_gris.gif ) no-repeat;
					background-position:bottom;
					}
					
				div#sep_centre_gris2{
					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 -10px 0px;
					}
					
				div.retour{
					clear:left;	
					margin: 0px 15px 0px 12px;
					padding:0px 0px 0px 0px;
					border:0px;					
					width:480px;
					text-align:center;
				}


/*  ............................. LES  ARTICLES  CHAPEAUX ............................. */
				
/****************************************PAGINATION ARTICLE**********************************************************/


/********************style Virtual pagination**********************/
.paginationstyle{ /*Style for demo pagination divs*/
/* width: 480px;largeur globale de la nav */
/*text-align: left; float:left;*/
padding: 2px 0;
margin: 10px 0 10px 15px;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid black;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;/* largeur des boutons 1,2,3,4  */
text-decoration: none;
border: 1px solid black;
color: black;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #fff;
background-color: #990066;

}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover {
/*Pagination div "flatview" links style*/
color: #990066;
background-color: #fff;	
}

.paginationstyle .flatview a.selected{
color: #fff;
background-color: #990066;	
}

.paginateinfo{
	float: right;
	margin: 0 20px 0 0px;					
	font-family: Helvetica, Verdana, Arial, sans-serif;					
	font-size: 13px;
	font-weight: 600;
	letter-spacing:0px;
	line-height:16px;
}

/********************PAGINATION ARTICLE********************************************************************************/