/***** 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 h3 a, .editorial span.lien a{ 
	margin-left: 5px;
	padding-left: 8px;
	background: url(../picto/base/puce_li.gif) no-repeat 0px 5px;
	text-decoration: none; 
	color: #666666;
}


.editorial ul a{ 
	text-decoration: none; 
		color: #666666;
}

.editorial a{ 
	color: #EE0000;
}

.editorial p a,
.editorial p a:link,
.editorial p a:visited,

.editorial p a:active {
	color:#ed1c24; text-decoration:none;
}

.editorial p a:hover {
	color:#ed1c24;
}

.editorial div a,
.editorial div a:link,
.editorial div a:visited,

.editorial div a:active {
	color:#ed1c24; text-decoration:none;
}

.editorial div a:hover {
	color:#ed1c24;
}


.editorial span.prod_titre {
	font-size:130%;
	font-weight:bold;
	margin:10px 0pt 0pt;
}

.editorial span.prod_url {
	vertical-align: middle;
}

.editorial span.secured_link {
			position: absolute;
			left: 2000px;
			top: -2000px;
			display: block !important;
			width: 0 !important;
			height: 0 !important;
			margin: 0 !important;
			padding: 0 !important;
			line-height: 0 !important;
			font-size: 0 !important;
			overflow: hidden !important;					
}
.editorial span.unsecured_nolink {}

.editorial .indent1{ }
.editorial .indent2{ margin-left: 15px !important; }
.editorial .indent3{ }
.editorial .indent4{ }
.editorial .indent5{ }
.editorial .indent6{ }

img#solutions{
	margin-bottom: 15px;
}

blockquote {
	margin-left: 15px;
	margin-right: 20px;	
}

/**** LISTE DE LIENS */
.editorial p.liste_liens{ clear: both; }
.editorial p.liste_liens a{ display: block; }
.editorial p.liste_liens a:hover{ }


.editorial div.liste_liens_pointille div{ }
.editorial div.liste_liens_pointille span{ }
.editorial div.liste_liens_pointille span a{ }

.editorial div.liste_liens_pointille span.img_lien{ }
.editorial div.liste_liens_pointille span.img_lien img{ }


/**** TITRE 
___________*/

.editorial h2{ font-size: 150% !important; line-height:130%; font-size: 200%; }
.editorial h2#titre_content span.lighter{ }
.editorial h3{ 
	margin: 10px 0 0 0;
	font-size: 110%;
}
.editorial h4{ }
.editorial h5{ }
.editorial h6{ }


/**** PARAGRAPHES 
_________________*/

.editorial div{ color: #000000;font-size: 12px;}
.editorial p{ margin: 0 15px 0 0; color: #000000; clear: both;font-size: 12px; }
.editorial p.chapo{ 	
	margin: 20px 15px 10px 15px;	
	padding: 0 0 5px 0;
	background: url(../picto/base/bg_tablematiere.gif) repeat-x bottom left;
	font-size: 100%;
	font-weight: bold;
	color: #4b4b4b;
}

/* chapo */
.editorial div.chapo_img_right{ 
	margin: 5px 15px 5px 15px;
	font-weight: bold; 
	color: #5c5c5c; 
	font-size: 100%; 
}
.editorial div.chapo_img_right img.illustr_chapo{ 
	float: right;
	display: inline;
	margin: 0 0 10px 5px;	
}
.editorial div.chapo_img_right div.ha{
	display: block !important;
	height: 15px;
	background: url(../picto/base/bg_tablematiere.gif) repeat-x 0px 5px !important;
}

.editorial div.chapo_img_left{ 
	margin: 5px 15px 5px 15px;
	font-weight: bold; 
	color: #5c5c5c; 
	font-size: 100%; 
}
.editorial div.chapo_img_left img.illustr_chapo{ 
	float: left;
	display: inline;
	margin: 0 5px 10px 0;	
}
.editorial div.chapo_img_left div.ha{
	display: block !important;
	height: 15px;
	background: url(../picto/base/bg_tablematiere.gif) repeat-x 0px 5px !important;	
}


/* bloc de liens externes */
.editorial p.ctn_external_link{  }
.editorial p.ctn_external_link a{
	padding: 0 0 0 14px;
	background: url(../picto/base/edito_picto_detail.gif) no-repeat 0px 2px;	
	background-position: 0px 3px;
}





/* images a gauche + texte */
.editorial p.image_a_gauche{}
.editorial p.image_a_gauche img{ 
	float: left; 
	display: inline; 
	margin: 0 10px 10px 0;
	padding: 0 4px 0 0;		
}
.editorial p.image_a_gauche  img{ }

/* images a droite + texte */
.editorial p.image_a_droite{ }
.editorial p.image_a_droite img{ 
	float: right; 
	display: inline; 
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;		
}
.editorial p.image_a_droite img{ }


/* Date de maj création */
.editorial p.date_crea{
	color: #5b5b5b;
	font-style: italic;
}


/* liens du type "En savoir plus" */
.editorial span.lien_detail{ 
	display: block; 	
}
.editorial span.lien_detail a{  
	padding: 0 0 0 14px;
	background: url(../picto/base/edito_picto_detail.gif) no-repeat 0px 3px;		
	color: #680000;
}


/* liens externe */
.editorial span.lien_externe{ display: block; }
.editorial span.lien_externe a{  
	padding: 0 0 0 14px;
	background: url(../picto/base/puce_btn_liendetail.gif) no-repeat 0px 2px;	
	background-position: 0px 3px;
	color: #550000;
}


/* Mise en avant */
.editorial p.important{ }


/* autres styles */
.editorial strong.important{ color: #a03217; border-bottom: 1px solid #ffffff; font-weight: normal; }
.editorial p.important{ font-weight: bold; }
.editorial .citation{ font-style: italic; }
.editorial .lien_edito{ 
	display: block;
	padding: 0 0 0 14px;
	background: url(../picto/base/edito_picto_detail.gif) no-repeat 0px 4px;
	color: #680001;
}
.editorial .dwl_lien{	
	background: url(../picto/base/edito_picto_dwl.gif) no-repeat;
	background-position: 0px 3px;	
}


p.ctn_dwl_file{ }
p.ctn_dwl_file a.dwl_lien{ 
	padding: 0 0 0 14px;
	background: url(../picto/base/edito_picto_detail.gif) no-repeat 0px 2px;
}


/**** PARAGRAPHES + IMAGES
_________________________*/
p.image_full{ margin: 10px 0 15px 0; }


/**** TABLEAUX 
______________*/

.editorial div.ctn_tabdata{ position: relative; margin: 0 15px 0 15px; }
.editorial div.ctn_tabdata div.hb{ 
	position: relative;
	top: 22px !important;
	top: 20px;
	display: block;
	height: 6px;
	background: url(../picto/base/tab_arrondi_hd.gif) no-repeat top right;
}
.editorial div.ctn_tabdata div.ha{ 
	position: relative;
	top: -5px;
	display: block !important;
	height: 6px;
	background: url(../picto/base/tab_arrondi_bg.gif) no-repeat top left !important;
}
.editorial div.ctn_tabdata div.hc{ }
.editorial div.ctn_tabdata div.ha{ }
.editorial table.tab_data{ width: 100%; font-size: 100%; border: 1px solid #611716; }
.editorial table.tab_data caption{ }
.editorial table.tab_data tbody{ }
.editorial table.tab_data tr{ }
.editorial table.tab_data tr.pair{ } 
.editorial table.tab_data tr.pair td{ background: #ffffff; }
.editorial table.tab_data tr.impair{ }
.editorial table.tab_data tr.impair td{ background: #e5e5e5; }
.editorial table.tab_data th{ 
	padding: 4px;
	background: #a03217; 	
	border: 0;
	border-right: 1px solid #bd9a98 !important;
	text-align: center;	
	font-size: 120%;
	color: #ffffff;
}
.editorial table.tab_data td{ 
	padding: 5px;
	border: 0;
	border-right: 1px solid #bd9a98 !important;
	border-bottom: 1px solid #ececec !important;	
	font-weight: bold;
	color: #540002;
}


.editorial table td.lp_top{ 
font-size: 100% !important; 
font-size: 70%;
font-weight: normal;
width:80%;

}

.editorial table{ }
.editorial table tbody{ }
.editorial table tr{ }
.editorial table tr td{
font-size: 100% !important; 
font-size: 70%;
font-weight: normal;
}

.editorial table tr tbody td{
font-size: 100% !important; 
font-size: 70%;
font-weight: normal;
}


/**** LISTES 
____________*/

/*
.editorial ul li {
 font-family: Arial,Geneva,Helvetica,sans-serif;
 font-size: 100%;
 color: black;
 list-style-type:none;
 background-image:url(../picto/base/puce_li.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:15px;
} */

.editorial ul{
list-style-image: url(../picto/base/puce_li.gif);
font-size: 12px;
font-family: Arial,Geneva,Helvetica,sans-serif;
line-height:12px;
}

.editorial li{
list-style-image: url(../picto/base/puce_li.gif);
font-size: 12px;
font-family: Arial,Geneva,Helvetica,sans-serif;
margin-top:5px;
line-height:14px
}


.editorial ul.faq{ 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt 15px 0pt 0px;
	padding:0pt;
	position:relative;
}

.editorial ul li.faq{  	
	color:#5C5C5C;
	padding:0pt 0pt 8px 30px;
	border:1px dotted #C0C0C0;
	margin-bottom:3px;
}

/**** FAQ 
____________*/
.faq_question { 
	background:transparent url(../picto/base/puce_actuln.gif) no-repeat scroll 0px 5px;
	font-weight:bold;
	margin-left:-10px;
	padding:0pt 0pt 0pt 8px;
	border-bottom:1px dotted #787878;
}

.faq_signature { 
	font-style:italic;
	padding-bottom:6px;
}

.faq_detail { 
	margin:0pt 15px 0pt 0px;
	color:#5C5C5C;
	padding:8px 0pt 8px 30px;
	margin-bottom:3px;
}

.faq_detail_question { 
	background:transparent url(../picto/base/puce_actuln.gif) no-repeat scroll 0px 5px;
	font-weight:bold;
	margin-left:-10px;
	padding:0pt 0pt 0pt 8px;
	border-bottom:1px dotted #787878;
}



/**** AUTRE FICHES 
_______________*/

div.ctn_otherfiche{ margin: 10px 15px 0 15px; }
div.ctn_otherfiche div.hb{ 
	display: block !important;
	clear: both;
	height: 10px;
	background: url(../picto/base/bg_infosresult_top.gif) repeat-x top left !important;
}
div.ctn_otherfiche div.hc{ }
		div.ctn_otherfiche div.hc h3{
			margin: 0 0 5px 0;
			font-weight: normal;
			font-size: 110%;
			color: #440000;
		}
		div.ctn_otherfiche div.hc ul{
			margin: 0 0 5px 0;
			padding: 0;
			list-style: none;
		}
		div.ctn_otherfiche div.hc ul li{
			padding: 0;
			background: none;
		}
		div.ctn_otherfiche div.hc ul li a{			
			color: #5c5c5c;
			text-decoration: none;
		}
		div.ctn_otherfiche div.hc ul li span{
			padding: 0 0 0 8px;
			background: url(../picto/base/puce_sommaire.gif) no-repeat 0px 5px;
			color: #5c5c5c;			
		}
div.ctn_otherfiche div.ha{ }



/**** SOMMAIRE 
_______________*/

div.ctn_sommaire{ margin: 15px 0 15px 15px; }
div.ctn_sommaire div.hb{ }
div.ctn_sommaire div.hc{ }
		div.ctn_sommaire div.hc h3{
			margin: 0 0 5px 0;
			padding: 0;
			background: none;
			font-weight: bold;
			font-size: 110%;
		}
		div.ctn_sommaire div.hc ul{
			margin: 0 0 5px 0;
			padding: 0;
			list-style: none;
		}
		div.ctn_sommaire div.hc ul li{
			padding: 0;
			background: none;
		}
		div.ctn_sommaire div.hc ul li a{			
			color: #5c5c5c;
			text-decoration: none;
		}
		div.ctn_sommaire div.hc ul li span{
			padding: 0 0 0 6px;
			background: url(../picto/base/puce_sommaire_li.gif) no-repeat 0px 6px;
			color: #450000;			
		}
		div.ctn_sommaire div.hc ul li span a{ color: #450000; }
		div.ctn_sommaire div.hc ul li.on span{
			padding: 0 0 0 6px;
			background: url(../picto/base/puce_sommaire_li_on.gif) no-repeat 0px 6px;
			color: #5c5c5c;			
		}
div.ctn_sommaire div.ha{ 
	display: block !important;
	clear: both;
	height: 1px;
	background: url(../picto/base/bg_infosresult_top.gif) repeat-x top left !important;
}




/**** INFOS RESULT 
__________________*/

div.infos_result{ margin: 0 15px 0 15px; }
div.infos_result div.hb{ 
	display: block;
	clear: both;
	height: 1px;
	background: url(../picto/base/bg_infosresult_top.gif) repeat-x top left;
}
div.infos_result div.hc{ 
	padding: 5px 0 5px 0 !important; 
	color: #a03219;
	font-style: italic;
}		
div.infos_result div.ha{ 
	display: block !important;
	clear: both;
	height: 1px;
	background: url(../picto/base/bg_infosresult_top.gif) repeat-x top left !important;
}


p.infos{
	margin: 10px 50px 10px 50px;
	padding: 0 0 5px 0;
	background: url(../picto/base/bg_infosresult_top.gif) repeat-x bottom left;
	color: #a03116;
}

.accrochep    { font-weight:bold; }

.texte { padding:0 20px; }

/** BOITE DEMANDE D'INFOS **/

.info {
	width:85%;
	background:#F1F1F1 no-repeat top left; 
}

.info h3 {
	margin:0;
	padding:5px 9px 2px 27px;
	background:url(../picto/base/fmi_icon.gif) 5px 4px no-repeat;
}
.info h5 {
	margin:0;
	padding:5px 0 5px 5px;   
	text-align:center;
}
.info p {
	margin:0;
	padding:0.5em 10px;
	border-right:1px solid #E3E3DD;
	border-left:1px solid #E3E3DD;} 
	
.info a,
.info a:link,
.info a:visited,
.info a:active {
	color:#ed1c24;
}
.info a:hover {
	color:#ed1c24;	
}


p.ListeFlecheRouge {
	margin:0;
	padding:5px 9px 2px 15px;
	background:url(../picto/base/list_arrowred2.gif) 5px 4px no-repeat;
}

.ListeFlecheRouge a,
.ListeFlecheRouge a:link,
.ListeFlecheRouge a:visited,
.ListeFlecheRouge a:active {
	color:#ed1c24; text-decoration:none;
}

.ListeFlecheRouge a:hover {
	color:#ed1c24;
}
	

p.Titre2 {color:#ed1c24; margin-top:12px; margin-bottom:0px;}

p.ListeFleche2 {

	margin:0;
	padding:5px 9px 2px 15px;
	background:url(../picto/puces/arrowOne_icon.gif) 5px 4px no-repeat;
        background-position:center left;


}

.ListeFleche2 a,
.ListeFleche2 a:link,
.ListeFleche2 a:visited,
.ListeFleche2 a:active {
	color:#ed1c24; text-decoration:none;
}
.ListeFleche2 a:hover {
	color:#ed1c24;
}	

p.ListeFleche3 {
	margin:0;
	padding:5px 9px 2px 15px;
	background:url(../picto/puces/arrowTwo_icon.gif) 5px 4px no-repeat;
        background-position:center left;
}

.ListeFleche3 a,
.ListeFleche3 a:link,
.ListeFleche3 a:visited,
.ListeFleche3 a:active {
	color:#ed1c24; text-decoration:none;
}
.ListeFleche3 a:hover {
	color:#ed1c24;
}	

p.ListeFleche4 {

        margin:0;
	padding:5px 9px 2px 25px;
	background:url(../picto/paniers/panier.PNG) 5px 4px no-repeat;
        background-position:center left;
}

.ListeFleche4 a,
.ListeFleche4 a:link,
.ListeFleche4 a:visited,
.ListeFleche4 a:active {
	color:#ed1c24; text-decoration:none;
}
.ListeFleche4 a:hover {
	color:#ed1c24;
}	

p.ListeFleche5 {
	margin:0;
	padding:5px 9px 2px 15px;
	background:url(../picto/puces/btn_haut.gif) 5px 4px no-repeat;
        background-position:center left;
}

.ListeFleche5 a,
.ListeFleche5 a:link,
.ListeFleche5 a:visited,
.ListeFleche5 a:active {
	color:#ed1c24; text-decoration:none;
}
.ListeFleche5 a:hover {
	color:#ed1c24;
}	


p.ListeFleche6 {
	margin:0;
	padding:5px 9px 2px 15px;
	background:url(../picto/puces/bullet_arrow.gif) 5px 4px no-repeat;
        background-position:center left;
}

.ListeFleche6 a,
.ListeFleche6 a:link,
.ListeFleche6 a:visited,
.ListeFleche6 a:active {
	color:#ed1c24; text-decoration:none;
}
.ListeFleche6 a:hover {
	color:#ed1c24;
}	

p.ListeFleche7 {
	margin:0;
	padding:5px 9px 2px 20px;
	background:url(../picto/puces/lnk_arrowred.gif) 5px 4px no-repeat;
        background-position:center left;
}

.ListeFleche7 a,
.ListeFleche7 a:link,
.ListeFleche7 a:visited,
.ListeFleche7 a:active {
	color:#ed1c24; text-decoration:none;
}
.ListeFleche7 a:hover {
	color:#ed1c24;
}	

p.ListeFleche8 {

        margin:0;
	padding:5px 9px 2px 25px;
	background:url(../picto/paniers/document.PNG) 5px 4px no-repeat;
        background-position:center left;
}

.ListeFleche8 a,
.ListeFleche8 a:link,
.ListeFleche8 a:visited,
.ListeFleche8 a:active {
	color:#ed1c24; text-decoration:none;
}
.ListeFleche8 a:hover {
	color:#ed1c24;
}