/***** CSS EDITORIALE 
____________________*/


/* 
Cette CSS définit les différents styles utilisés pour mettre en forme le contenu éditorial / contribué. Cela inclut les différents niveaux de titres, les différents types de paragrpahes,
les tableaux de données, etc.
*/

.editorial div.hb{ }
.editorial div.hc{ }
.editorial div.ha{ }

.editorial a{ color: #0c97f5 !important; text-decoration: none !important; }


.editorial .indent1{ margin-left: 0 !important; }
.editorial .indent2{ margin-left: 12px !important; }
.editorial .indent3{ margin-left: 24px !important; }
.editorial .indent4{ margin-left: 36px !important; }
.editorial .indent5{ margin-left: 48px !important; }
	


/**** TITRE 
___________*/

.editorial h2{ 
	padding: 14px 10px;
	background: url(../images/bg_h2_content.gif) no-repeat top left;
	font-size: 200%;	
	text-transform: uppercase;
	color: #ffffff;
}
.editorial h3{ 
	margin: 20px 0 10px 25px;	
	font-size: 130%;	
	color: #494949;
}
.editorial div.double_column h3{ margin: 20px 0 10px 0 !important; }

.editorial h4{ margin: 10px 0 5px 0;  }
.editorial h5{ }
.editorial h6{ }


/**** PARAGRAPHES 
_________________*/

.editorial p{ margin: 5px 0 5px 0; color: #818181; }
.editorial p.chapo{ 
	margin: 10px 25px 10px 25px; 
	font-size: 120%;
	color: #818181;
}



/* chapo */
.editorial p.chapo_img_right{ }
.editorial p.chapo_img_right img.illustr_chapo{ }

.editorial p.chapo_img_left{ }
.editorial p.chapo_img_left img.illustr_chapo{ }


/* bloc de liens externes */
.editorial p.ctn_external_link{ }
.editorial p.ctn_external_link a{ }

/* Image flottante à gauche */
span.img_float_left{ 
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}
span.img_float_left img{ border: 1px solid #b9b9b9; }
/* Image flottante à droite */
span.img_float_right{ 
	float: right;
	display: inline;
	margin: 0 0 10px 10px;
}
span.img_float_right img{ border: 1px solid #b9b9b9; }

/* autres styles */
.editorial strong.important{ font-weight: bold; }
.editorial p.important{ border: 1px solid #ffffff; color: #0179A5; }
.editorial .citation{ font-style: italic; }
.editorial .lien_edito{ }
.editorial .dwl_lien{ }



/**** PARAGRAPHES + IMAGES
_________________________*/


/**** TABLEAUX 
______________*/
.editorial div.ctn_tab_data{ }
.editorial div.ctn_tab_data div.hb{ 	}
.editorial div.ctn_tab_data div.hc{ }
div#super_container div#ctn_center .editorial div.ctn_tab_data div.ha{ }
.editorial table.tab_data{ }
.editorial table.tab_data caption{ }
.editorial table.tab_data tr.ctn_entete{ }
.editorial table.tab_data tbody{ }
.editorial table.tab_data tbody tr{ }
.editorial table.tab_data tr{ }
.editorial table.tab_data tr td{ }
.editorial table.tab_data tr td.last{ }
.editorial table.tab_data tr.pair{ } 
.editorial table.tab_data tr.pair td{ }
.editorial table.tab_data tr.impair{ }
.editorial table.tab_data tr.impair td{ }
.editorial table.tab_data tr td span{ }
.editorial table.tab_data th{ }
.editorial table.tab_data td{ }


.editorial div.calendar_block table.tab_data{ }
.editorial div.calendar_block div.hb{ }


/**** LISTES 
____________*/

.editorial ul{ 
	list-style: none; 
	margin: 0 0 0 10px;
	padding: 0;
}
.editorial ul li{ }


span.lien_detail a, span.lien_detail a:hover{ 
	display: inline !important;
	padding: 0 0 0 10px;
	background: url(../images/puce_liendetail.gif) no-repeat 0px 50%;
	text-decoration: none !important;
	color: #0093f7 !important;
	font-weight: bold;
}
span.lien_seeall a, span.lien_seeall a:hover{ 
	display: inline !important;
	padding: 0 0 0 10px;
	background: url(../images/puce_liendetail.gif) no-repeat 0px 50%;
	text-decoration: none !important;
	color: #0093f7 !important;
	font-weight: bold;
}
span.lien_supp a, span.lien_supp a:hover{ 	
	display: inline !important;
	text-decoration: none !important;
	color: #0093f7 !important;	
}