/* version 1.8.6 */
/***** 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{ }


/**** LIENS 
___________*/

.editorial div.liste_liens_pointille{
	margin: 15px 0 15px 0 !important;
	margin: 15px 0 15px 15px;
}
.editorial div.liste_liens_pointille div{ position: relative; margin: 0 0 5px 0; }
.editorial div.liste_liens_pointille div span{
	zoom: 1;
	display: block;
	padding: 0 4em 0 10px;
	background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
	border-bottom: 1px solid #efefef;	
}
.editorial div.liste_liens_pointille div span.img_lien{ 
	position: absolute;
	top: -4px;
	right: 0;
	width: auto;
	padding: 0;
	border-bottom: 0;
}
.editorial div.liste_liens_pointille span a{
	color: #440000; 
}
.editorial div.liste_liens_pointille span.img_lien img{ }

span.lien_detail,span.link_detail { 
}
span.lien_detail a, span.link_detail a, a.lien_edito, a.lien_detail{  
	display: block;
	padding: 0 0 0 12px;
	background: url(../picto/base/picto_lien_detail.gif) no-repeat 0px 3px;
}

span.lien_back {
	display: block;
	margin: 10px 0 5px 0px;
}

	span.lien_back a {
		padding: 0 0 0 12px;
		background: url(../picto/base/puce_back.gif) no-repeat 0px 4px;
		text-decoration: none;
		text-transform: lowercase;
		color: #450000;
	}

span.linkPrint {
	display: block;
	float:right;
	margin: 10px 0 5px 0px;
}
	span.linkPrint  a {
		padding: 0 0 5px 20px;
		background: url(../picto/base/picto_print.gif) no-repeat 0px 0px;
		text-decoration: none;
		text-transform: lowercase;
		color: #450000;
	}

/* New June 30 :  p.liste_liens a needs 20px right padding because of voir aussi links on bottom product pages */
.editorial p.sommaire a, .editorial p.liste_liens a {
	padding: 0 20px 0 10px;
	background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
}
/* New June 30, asked by mathilde */
a.important{
	padding: 0 0 0 10px;
	background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
}

.editorial p.sommaire a {
	font-weight: bold;
}

/**** TITRE 
___________*/

.editorial h2{ 
	margin: 0; 
	padding: 0 0 10px 0;
	background: url(../picto/base/bg_h2_content.gif) repeat-x bottom left;
	font-size: 160%;
	font-weight: normal;
	color: #ab2200;
}

.editorial h3{ 
	margin: 0; 
	padding: 10px 0 0 0;	
	font-size: 120%; 
	color: #781800; 
}

.editorial h4{ 
	margin: 0 0 10px 0; 
	padding: 10px 0 0 0;
	border-top: 1px solid #dfdfdf;
	font-size: 120%;
	color: #781800;
}

h5{ 
	margin: 0 0 5px 0; 
	padding: 5px 0 0 5px;
	font-size: 90%;
	color: #8A0000;;
	clear:both;
}

.editorial h4.nobg{ border-top: 0; }

/**** PARAGRAPHES
_________________*/

.editorial p{ margin: 10px 0 10px 0; }

.editorial p.important{ font-weight: bold; }

.editorial p.ma{ }

.editorial p.border{ }

.editorial p.sommaire{
	margin: 10px 0 10px 0;
	padding: 0 0 15px 0;
	background: url(../picto/base/bg_sommaire.gif) repeat-x bottom left;
}

p.chapo {
	color :#8A0000;
	border-bottom : dotted 1px #dfdfdf;
	padding-bottom:10px;
	margin-right:10px;
	font-size:100%;
}

p.copyright { 
	color: #666666; 
	font-style: italic;
}

/**** IMAGES 
____________*/

img.image_a_gauche{ 
	float: left; 
	display: inline; 
	margin: 0 10px 10px 0;
	padding: 0 4px 0 0;
}

img.image_a_droite{ 
	float: right; 
	display: inline; 
	margin: 0 0 10px 10px;
	padding: 0 4px 0 0;
}


/**** TABLEAUX 
______________*/


/**** LISTES 
____________*/

.editorial ul{ list-style: none; margin: 10px 0 10px 5px; padding: 0; }
.editorial ul li{ 
	padding: 0 0 0 12px;
	background: url(../picto/base/edito_puce_li.gif) no-repeat 0px 6px;
}
.editorial ul li p{ margin: 0; }
.editorial ul li ul{ }
.editorial ul li ul li{ }