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

				/* separateur trait gris*/
				div#sep_dossier_gris{
					clear:left;
					margin: 0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					border:0px;					
					height:6px;
					width:480px;
					background: url(img/sep_dossier_gris.gif ) no-repeat;
					background-position:bottom;
					}

				div#date_dossier{
					padding:0px 0px 0px 0px;				
					margin:0px 0px 0px 12px;
					padding:0;
					border:0;					
					color:#000;
					font-size: 1.1em;
					font-weight: 500;
					letter-spacing: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;
					letter-spacing:-1px;					
					background:#FFFFFF;					
					}
																
				/* TITRE DOSSIER*/
				div#conteneur_titre{
					float:left;
					clear:left;/* a la ligne de "ref_dossier" */
					margin:0px 0px 0px 0px;
					padding:0px 0 5px 0;
					border:0px;					
					width:480px;					
					}
								

				/*********************************************************************************/
				/* TITRE ARTICLES ASSOCIES*/	

						h3.titre_article_assoc{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#000;
								font-size: 20px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:22px;
						}
						
						h2.titre_article_assoc{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#000;
								font-size: 20px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:22px;								
						}
						
						h1.titre_article_assoc{
								margin:0px 0px 0px 0px;
								padding:0;
								border:0;	
								color:#990066;
								font-size: 22px;
								font-weight: 600;
								letter-spacing:0px;
								line-height:24px;
								text-transform:uppercase; 													
						}


		/*CONTENU DOSSIER*/				
						div#contenu_g_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 5px 0px; 
						padding:0px 0 0 0; 
						border:0px;	
						}


						div#cale_img{
							margin: 13px 13px 10px 15px;
							padding:0px 0 0 0; 
							border:0px;														height: 270px;
							}
						.mob { display:none;}						.buro {width:450px;height: 270px;box-shadow: #999 3px 3px 12px;	}
						.buro_no450 {width:275px;height: 270px;box-shadow: #999 3px 3px 12px;	}						
						div.page_dossier{
								margin: 10px 10px 0 15px;  										
								padding:0px 0 0 0px; 
								border: 0px solid green;								
								text-align: justify;
							}


						div#titre_artic_assoc{
								clear:both;
								margin: 0px 10px 0 15px; 
								padding:0px 0 0 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;
						}

						div#resume_dossier{
								margin: 0; 
								padding:5px 0 0 0; 
								border:0;					
								width:240px;																			
								color:#000000;
								text-align:justify;
								font-size: 12px;
								font-weight: 500;
								letter-spacing:0px;
								line-height:15px;
						}
						

						p.entete_resume{	
								margin:0px 0 0 0;
								text-align:justify;
								font-size: 20px;
								font-weight: 500;
								letter-spacing:0px;
								line-height:18px;
								}
										
						img.suite_resume{
								border:0;
								vertical-align:bottom;
								}				
				
						div#liste_dossier{						
								margin: 5px 0px 1em 0;
								padding:0px 0px 0 0px; 
								border:0;															
								font-size: 12px;
								font-weight: 500;
								letter-spacing:0px;
								line-height:12px;							
						}
						
						a.lien_article_assoc{
								color: #000;
								text-decoration: none ;
								font-weight: 500;	
						}


/*Menu Liste articles associés du dossier */
ul.menudossier {float:left;
list-style-image: url("img/puce_triangle.gif"); 
list-style-type: none;
margin: 5px 0px 1em 0;
padding:0px 0px 0 0px;
}

ul.menudossier li {
margin: 0 0 0 15px; /* Safari=20px*/
margin-bottom: 2px;
letter-spacing:0px;
}


/* Hack safari */
html[xmlns*=""] body:last-child ul.menudossier li {
margin: 0 0 0 20px; 
margin-bottom: 2px;
letter-spacing:0px;
}

				
						div#thumbs_dossier{
								margin: 0 0 0 0px; 
								padding:0px 0 0 0; 
								border:0;					
								width:240px;
								height:70px;							
						}
						
						img.thumbs{
								margin: 0 0 0 5px; 
								padding:0px 0 0 0; 
								border:0;
						}

						div#suite_thumbs{
								margin: 5px 0 0 0 ;
								padding: 0;  
								border:0;
								width:240px;
								height:20px;
								text-align:right;			
						}
				
		/*CONTENU DOSSIER*/	


						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:both;				
					height:15px;
					width:480px;
					}

				/* separateur trait noir*/
				div.sep_centre{
					/*clear:both;
					height:35px;
					width:480px;
					background: url(img/sep_centre_noir.gif )  repeat-x;*/					clear: both;					height: .1em;					width: 98%;					background: #000;					margin: 0 auto;					
					}
																					

/* .............................LES  ARTICLES  CHAPEAUX .............................  */   
						/* conteneur chapo*/
						div.chapo{
							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;
								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;
							}
						.quatrevingt {							width:105px;							height:100px;						}							
						div.contenu_chapo{								
							float:right;
							margin: 0px 0px 0 0px;  
							padding:0px 0px 0 0; 
							border:0;	
							width:345px;
							height:125px;
							background-color:#fff;
						}
						
						div.contenu_video{								
							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;
						}
										
						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;
								}
								
						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; 							
							}

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

						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 ............................. */


/****************************************MENUS**********************************************************************/
ul.menugauche {
list-style-type: none;
margin: 10px 0 0 10px;
padding:0;
}

ul.menugauche li {
margin-bottom: 1px;
letter-spacing:-1px;
}

a.lien_doss{
		color: #666666;
		text-decoration: none ;
		font-weight: 500;	
}