/*--STYLES GENERAUX DE LA RUBRIQUE--*/
	/*voir aussi css base*/
	/*--NAVIGATION CONTEXTUEL--*/
	#conteneur_site h1 a:hover {
	color:#662D91; /*couleur*/
	}	
	#conteneur_site h1 a.page_focus {
	color:#662D91; /*couleur*/
	}
	#cl_center_site_3_colonnes {
	background: transparent url(../images/fr/000_general/f_cl_center_dsp.jpg) no-repeat 0 4px;
	}
	#conteneur_site h2 { 
	color:#662D91;
	padding:0 0 4px 0; 
	margin:0;
	font-size:13px;
	font-weight:bold;
	}
	#footer li a:hover{
	color:#662D91; /*couleur*/
	}
	#footer li a.select_rub{/* sélection de la rubrique active*/
	color:#662D91; 
	}
/*SOUS_RUBRIQUE*/	
	#sous_rubrique {
	width:210px;
	height:auto;
	float:left;
	font-size:11px;
	margin:0 0 0 40px;
	float:left;
	}
	#sous_rubrique dl dt.survol {
	width:210px;
	line-height:26px;
	background: url(../images/fr/000_general/f_menu_sous_rubrique_f1.jpg) no-repeat 0 0;
	font-size:11px;
	}
	#sous_rubrique dl dt.survol:hover   {
	width:210px;
	line-height:26px;
	color: #FFFFFF;
	text-decoration:none;
	background: url(../images/fr/000_general/f_menu_ss_rub_dsp_f2.jpg) no-repeat 0 0;
	}
	#sous_rubrique dl dt.survol:hover a   {
	width:210px;
	line-height:26px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	}
	#sous_rubrique dl dt.survol a  {
	color: #FFFFFF;
	text-decoration:none;
	margin:0;
	padding:0 0 0 10px;
	}
	#sous_rubrique dl dt.survol a:hover   {
	color:#FFFFFF;
	}
	#sous_rubrique dl dt#survol_survol {
	width:210px;
	line-height:26px;
	background:url(../images/fr/000_general/f_menu_sous_rubrique_f2.jpg) no-repeat 0 0;
	}
	#sous_rubrique dl dt#survol_survol a {
	color:#FFFFFF;
	text-decoration:none;
	}



/*--------------------------------------------------------------------------------------------
	PAGE FICHE
-----------------------------------------------------------------------------------------------*/
/*CONTENU 3 COLONNES*/	
	.contenu_3_colonnes_fiche {
	width:710px;
	padding:0 10px 0 10px;
	float:left;
	}
/*FICHE*/	
	#fiche {
	width:710px; /*largeur de l'élément*/
	height:auto;
	float: left;
	margin:0 0 0 20px;
	}
	#fiche dl.titre_sous_rubrique {
	width:423px;
	height:36px;
	margin:0 0 15px 0;
	padding:0;
	}
	#fiche dl.titre_sous_rubrique dt {
	width:423px;
	height:36px;
	padding:0 0 0 150px;
	line-height:36px;
	font-size:12px;
	background: url(../images/fr/000_general/f_titre_ss_rub_dsp.jpg) no-repeat 0 0;
	color:#662D91;
	font-weight:bold;
	}
/*--ARTICLE PHOTO + DESCRIPTIF--*/
/*--DIAPORAMA---*/
	#diaporama_fiche {
	float:left;
	width:190px; /*largeur de l'élément*/
	height:140px; /*hauteur de l'élément*/
	margin:0 10px 10px 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	} 
/*-IMAGE SEUL---*/
	#image_seul_fiche {
	float:left;
	width:190px; /*largeur de l'élément*/
	margin:0 16px 6px 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	} 
/*--ARTICLE--*/
	.col_droite_article_fiche {
	width:auto; /*largeur de l'élément*/
	position:relative;
	vertical-align:top;	/*alignement vertical d'un contenu en ligne dans un élément de type bloc*/
	}
	.desc_article_fiche { /*descriptif de l'article*/
	margin: 6px 0 15px 0; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	text-align:justify; /*alignement horizontal du contenu en ligne dans un élément de type bloc*/
	font-size:10px;
	line-height:11px;
	}
	#temoignage_fiche {
	width:108px;
	height:16px;
	background:url(../images/fr/000_general/b_temoignage.jpg) no-repeat 0 0;
	float: left;
	margin:5px 0 0 0;
	}
	#temoignage_fiche:hover {
	width:108px;
	height:16px;
	background:url(../images/fr/000_general/b_temoignage_f2.jpg) no-repeat 0 0;
	}
	#telecharger { 
	width:140px;
	height:16px;
	background:url(../images/fr/000_general/b_telecharger.jpg) no-repeat 0 0;
	float: right;
	margin:5px 0 0 0;
	}
	#telecharger:hover { 
	width:140px;
	height:16px;
	background:url(../images/fr/000_general/b_telecharger_f2.jpg) no-repeat 0 0;
	}
/*CALENDRIER*/	
	#calendrier {
	width:650px; /*largeur de l'élément*/
	height:auto;
	float: left;
	margin:20px 0 10px 40px;
	}
	#calendrier h2 {
	color: #F15A24;
	}
/*FORMATION CALENDRIER*/	
	#calendrier dl.formation_calendrier {
	width:300px;
	height:auto;
	margin:6px 0 15px 0;
	padding:0;
	font-size:11px;
	line-height:14px;
	}
	#calendrier dl.formation_calendrier dt {
	padding:0 0 0 16px;
	background: url(../images/fr/000_general/f_croix_orange.jpg) no-repeat 0 0;
	color: #333333 ;
	}
	#calendrier dl.formation_calendrier dd {
	}
	#calendrier dl.formation_calendrier dd a {
	font-size:10px;
	line-height:14px;
	color:#808080;
	padding:0 0 0 5px;
	text-decoration:none;
	}
	#calendrier dl.formation_calendrier dd a:hover {
	color:#F15A24;
	}		
	#calendrier dl.formation_calendrier dd.inscrire {
	background:url(../images/fr/000_general/b_inscrire.jpg) no-repeat 5px 0;
	border-bottom:#808080 1px solid;
	}
	#calendrier dl.formation_calendrier dd.inscrire:hover {
	background:url(../images/fr/000_general/b_inscrire_f2.jpg) no-repeat 5px 0;
	border-bottom:#808080 1px solid;
	}
/*IMPORT HOME FIRE PROTECT	*/
/*--STYLES GENERAUX DE LA RUBRIQUE--*/
	/*voir aussi css base*/
	
/*-----------------------------------------------------------------------------------------------
		 PACKS
------------------------------------------------------------------------------------------------*/
	#encart_port{
	position:absolute;
	top:198px;
	left:1px;
	width:172px;
	z-index:32;
	}
	div#nos_packs{
	position: relative;
	background: #FFFFFF url(../images/fr/000_general/f_packs.jpg) no-repeat 0 0;
	height: auto !important;
	height:366px;
	min-height:366px;
	margin:0 0 0 0;
	}
	/*------------liste pack-----------*/
	div#nav_pack{
	position: relative;
	float:left;
	width:196px;
	background:#FFFFFF;
	}
	div#nav_pack ul {
	margin-left:0;
	padding-left:0;
	}
	div#nav_pack ul li{
	background:#662D91;
	border-bottom: solid 1px #FFFFFF;
	}
	div#nav_pack ul li a{
	display: block;
	background:#662D91 url(../images/fr/000_general/fleche_nav_solution.gif) no-repeat 170px 15px;
	padding: 20px 20px 20px 15px;
	text-decoration:none;
	color:#FFF;
	}
	div#nav_pack ul li a:hover, div#nav_pack ul li a.pack_selec{
	color:#662D91;
	background:#fff url(../images/fr/000_general/fleche_nav_solution.gif) no-repeat 170px -45px;
	padding: 20px 20px 20px 15px;
	}

	/*------------pack-----------*/
	div#cl_packs{
	position: relative;
	float:left;
	width:414px;
	height:366px;
	min-height:366px;
	}
	div#block_blanc{
	margin-top:20px;
	padding-left:25px;
	width:350px;
	background: transparent url(http://www.home-fire-protect.com/images/fr/020_solutions/f_bl_pack.png) ;
/*	opacity : 0.5;
	filter : alpha(opacity=50); */
	}
	p.desc_pack{
	padding-right:10px;
	line-height:normal;
	color:#000;
	}
	p.t_comprend{
	line-height:normal;
	padding-left:20px;
	margin:15px auto 10px 0;
	background: url(../images/fr/000_general/p_fleche_fiche.gif) no-repeat 0 2px;
	color:#662D91;
	font-weight:bold;
	}
	/*------------liste pictos----------*/
	div.picto_prod{
	width:100%;
	clear:both;
	display:block;
	margin:0 0 5px 0;
	}
	div.picto_prod a.mbproduit{
	color:#662D91;
	text-decoration:none;
	}
	div.picto_prod a.mbproduit:hover{
	color:#000;
	text-decoration:none;
	}
	div.picto_prod a.mbpack{
	color:#662D91;
	text-decoration:none;
	}
	div.picto_prod a.mbpack:hover{
	color:#000;
	text-decoration:none;
	}
	img.plus{
	float:left;
	width:15px;
	margin:3px 7px 3px 7px;
	}
	div.promo_eco{
	float:left;
	width:74px;
	height:45px;
	background: url(../images/fr/000_general/f_encart_eco.png) no-repeat 0 0;
	vertical-align: baseline;
	color:#662D91;
	margin:5px 0 0 0;
	padding:30px 0 0 0;
	}
	div.promo_eco span{
	font-size:14px;
	font-weight:bold;
	}
	
	/*--------ajout et dispos packs----------*/
	div.dispo_pack {
	position: relative;
	float:left;
	width:83px;
	height:55px;
	background:url(../images/fr/000_general/f_en_stock_pack_oui.gif) no-repeat 0 0;	
	color:#662D91;
	margin:0 0 0 0;
	padding:15px 0 0 3px;
	text-align:center;
	}

	div.dispo_pack p.prix_article, div.dispo_pack_non p.prix_article {
	font-size:16px;
	color:#fff;
	font-weight:bold;
	}
	div.dispo_pack p.prix_article span, div.dispo_pack_non p.prix_article span {
	font-size:11px;
	color:#fff;
	}
	div.dispo_pack_non {
	position: relative;
	float:left;
	width:83px;
	height:55px;
	background:url(http://www.home-fire-protect.com/images/fr/020_solutions/f_en_stock_pack_non.png) no-repeat 0 0;
	color:#662D91;
	margin:0;
	padding:15px 0 0 3px;
	text-align:center;
	}
	div#lien_pack a.mbproduit, div#lien_pack a.mbproduit:link, div#lien_pack a.mbproduit:visited {
	float:left;
	position:relative;
	display:block;
	color:#662D91;
	padding: 2px 3px 2px 20px;
	background: url(../images/fr/000_general/p_fleche_fiche.gif) no-repeat 0 3px;
	text-decoration:none;
	}
	div#lien_pack a.mbproduit:hover {
	color:#000;
	padding: 2px 3px 2px 20px;
	background:url(../images/fr/000_general/p_fleche_fiche.gif) no-repeat 0 -13px;
	}
	div#lien_pack a.mbpack, div#lien_pack a.mbpack:link, div#lien_pack a.mbpack:visited {
	float:left;
	position:relative;
	display:block;
	color:#662D91;
	padding: 2px 3px 2px 20px;
	background: url(../images/fr/000_general/p_fleche_fiche.gif) no-repeat 0 3px;
	text-decoration:none;
	}
	div#lien_pack a.mbpack:hover {
	color:#000;
	padding: 2px 3px 2px 20px;
	background:url(../images/fr/000_general/p_fleche_fiche.gif) no-repeat 0 -13px;
	}
	
	div#lien_cady a.cady{
	float:left;
	position:relative;
	display:block;
	color:#000;
	padding: 2px 3px 5px 20px;
	background:url(http://www.home-fire-protect.com/images/fr/020_solutions/cady_mini.png) no-repeat 0 3px;
	text-decoration:none;
	}
	div#lien_cady a.cady:hover {
	color:#662D91;
	padding: 2px 3px 5px 20px;
	background:url(http://www.home-fire-protect.com/images/fr/020_solutions/cady_mini.png) no-repeat 0 3px;
	}









	
/*--------------------------------------------------------------------------------------------
	INDEX
-----------------------------------------------------------------------------------------------*/
	h3.decouvrez_aussi{
	text-align: right;
	height:20px;
	padding: 6px 5px 0 0;
	font-size:12px;
	background: #380e60 url(../images/fr/000_general/p_i.gif) no-repeat 75% 50%;
	}
	
	h3.decouvrez_aussi a{
	text-align: right;
	height:20px;
	padding: 6px 5px 0 0;
	color:#fff;
	text-decoration:none;
	}
	h3.decouvrez_aussi a:hover{
	text-align: right;
	height:20px;
	padding: 6px 5px 0 0;
	color: #fff;
	text-decoration:underline;
	}
	
	h3.decouvrez_pack{
	text-align: right;
	height:20px;
	padding: 6px 5px 0 0;
	font-size:12px;
	background: #380e60 url(../images/fr/000_general/p_i.gif) no-repeat 73% 50%;
	}
	
	h3.decouvrez_pack a{
	text-align: right;
	height:20px;
	padding: 6px 5px 0 0;
	color:#fff;
	text-decoration:none;
	}
	h3.decouvrez_pack a:hover{
	text-align: right;
	height:20px;
	padding: 6px 5px 0 0;
	color:#fff;
	text-decoration:underline;
	}
	
	
/*--------------------------------------------------------------------------------------------
	ARTICLE
-----------------------------------------------------------------------------------------------*/
	
	
	div#tab_solution {
	background:#fff;
	}
	div#tab_solution tr {
	padding:5px 0;
	}
	div#tab_solution td {
	vertical-align:middle;
	padding:3px;
	}
	div#tab_solution td.cl_1 {
	width:125px;
	border-right: solid 1px #ccc;
	text-align:center;
	border-bottom: solid 1px #ccc;
	}
	div#tab_solution td.cl_2 {
	width:341px;
	border-right: solid 1px #ccc;
	font-size:11px;
	line-height:normal;
	border-bottom: solid 1px #ccc;
	padding:0 0 0 15px;
	}
	
	div#tab_solution td.cl_2 a {
	display:block;
	color:#662D91;
	padding: 2px 3px 2px 20px;
	background: url(../images/fr/000_general/p_fleche_fiche.gif) no-repeat 0 3px;
	}
	div#tab_solution td.cl_2 a:hover {
	color:#000;
	padding: 2px 3px 2px 20px;
	background:url(../images/fr/000_general/p_fleche_fiche.gif) no-repeat 0 -13px;
	}
	div#tab_solution td.cl_2 a.consulter {
	display:block;
	color:#0C7F60;
	padding: 2px 3px 2px 20px;
	background: url(../images/fr/000_general/p_fleche_fiche_v.gif) no-repeat 0 3px;
	}
	div#tab_solution td.cl_2 a.consulter:hover {
	color:#000;
	padding: 2px 3px 2px 20px;
	background:url(../images/fr/000_general/p_fleche_fiche_v.gif) no-repeat 0 -13px;
	}

	div#tab_solution td.cl_3 {
	width:113px;
	border-right: solid 1px #ccc;
	text-align:center;
	border-bottom: solid 1px #ccc;
	}
	input.qts_solutions{
	width:30px;
	}
	div#tab_solution td.dispo {
	background: url(../images/fr/000_general/f_en_stock_pack_oui.gif) no-repeat 15px 18px;
	border-bottom: solid 1px #ccc;
	text-align:center;
	}
	div#tab_solution td.dispo p.prix_article, div#tab_solution td.dispo_non p.prix_article {
	font-size:16px;
	color:#fff;
	font-weight:bold;
	}
	div#tab_solution td.dispo p.prix_article span, div#tab_solution td.dispo_non p.prix_article span {
	font-size:11px;
	color:#fff;
	}
	div#tab_solution td.dispo_non {
	background: url(../images/fr/000_general/f_en_stock_pack_non.gif) no-repeat 15px 18px;
	border-bottom: solid 1px #ccc;
	text-align:center;
	}
	
	#popup-caddie { margin:0; padding:0; visibility:hidden; position:absolute; width:250px; height:140px; z-index:102; background-color:#FFFFFF; border:2px solid #0C7F60; text-align:left; left:200px; top:280px; }
	#popup-caddie div { background-color:#0C7F60; margin:0; padding:0; width:100%; height:22px; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; line-height:22px; margin-bottom:25px; letter-spacing:1px; }
	#popup-caddie p { margin:0; padding:0; padding-left:10px; padding-right:10px; font-size:11px; color:#333333; }
	#popup-caddie p.ajout { margin-bottom:15px; }	
	#popup-caddie p.ajout input { border:none; width:10px; margin:0; padding:0; background:none; text-align:right; font-size:11px; color:#333333; height:14px; }
	#popup-caddie p.lien { margin:0; padding:0; padding-left:30px; padding-right:10px; font-size:11px; color:#0C7F60; margin-top:10px; margin-bottom:10px; font-weight:bold; }
	#popup-caddie p.lien a { margin:0; padding:0; font-size:11px; color:#0C7F60; font-weight:bold; text-decoration:none; }
	#popup-caddie p.lien a:hover { text-decoration:underline; color: #999999 }	
	
	/*---------------------------------------------------------------------------
		 fiche
	------------------------------------------------------------------*/

	.fiche{
	font-size:11px;
	position:relative;
	width:710px;
/*	height:265px;
*/	padding:15px 0 0 15px;
	}
	#cl_image_fiche{
	float:left;
/*	padding:15px 15px 0 15px;
*/	width:300px;
	/*height:265px;*/
	}
	#cl_image_fiche img {
	border: solid 2px #662D91;
	}
	h2.nom_prod_fiche{
	width:300px;
	color:#662D91;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 0;
	text-align:left;
	}
	div.desc_prod{
	float:left;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	padding:0;
	text-align:justify;
	line-height:normal;
	}
	
	
	p.liens a{
	text-decoration:none;
	color:#c00;
	}
	p.liens:hover a{
	text-decoration:underline;
	color:#000;
	}

	div.bloc_telechargement {
	margin-top:15px;
	}		
	ul.telechargement {
	padding: 0 0 0 0;
	}
	ul.telechargement li a, ul.telechargement li.l_utiles a {
	display:block;
	padding: 5px 0 5px 5px;
	text-decoration:none;
	color:#662D91;
	}
	ul.telechargement li a:hover, ul.telechargement li.l_utiles a:hover {
	padding: 5px 0 5px 5px;
	text-decoration:none;
	background:#f5f5f5;
	color:#000;
	}
	
	ul.telechargement li.l_utiles a {
	display:block;
	padding: 5px 0 5px 5px;
	text-decoration:none;
	color:#662D91;
	line-height:35px;
	}
	ul.telechargement li.l_utiles a:hover {
	padding: 5px 0 5px 5px;
	text-decoration:none;
	background:#f5f5f5;
	color:#662D91;
	}
	
	
	

	
	
	
	
/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(../images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
	height:30px;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left:0;
	top:5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right:0;
	top:5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle { display:none; }
.MultiBoxDescription { display:none; }

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}




/*************************************************************/
html, body, div { vertical-align:auto; }