/*--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:#000;
	height: auto !important;
	height:366px;
	min-height:366px;
	}
	/*------------liste pack-----------*/
	div#nav_pack{
	position: relative;
	float:left;
	width:196px;
	}
	div#nav_pack ul {
	margin-left:0;
	padding-left:0;
	}
	div#nav_pack ul li{
	background:#000;
	border-bottom: solid 1px #666;
	}
	div#nav_pack ul li a{
	display: block;
	background:#000 url(../images/fr/020_solutions/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:#000;
	background:#fff url(../images/fr/020_solutions/fleche_nav_solution.gif) no-repeat 170px -45px;
	padding: 20px 20px 20px 15px;
	}

	/*------------pack-----------*/
	div#cl_packs{
	position: relative;
	float:left;
	width:514px;
	height:366px;
	min-height:366px;
	}
	div#block_blanc{
	margin-top:45px;
	padding-left:25px;
	width:450px;
	background: transparent url(../images/fr/020_solutions/f_bl_pack.png) ;
/*	opacity : 0.5;
	filter : alpha(opacity=50); */
	}
	p.desc_pack{
	padding-top:20px;
	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/020_solutions/p_fleche_fiche.gif) no-repeat 0 2px;
	color:#f00;
	font-weight:bold;
	}
	/*------------liste pictos----------*/
	div.picto_prod{
	float:left;
	}
	div.picto_prod a.mb{
	color:#EB2217;
	text-decoration:none;
	}
	div.picto_prod a.mb:hover{
	color:#000;
	text-decoration:none;
	}
	
	img.plus{
	float:left;
	width:15px;
	margin:21px 7px auto 7px;
	}
	div.promo_eco{
	float:left;
	width:74px;
	height:55px;
	background:url(../images/fr/020_solutions/f_encart_eco.png) no-repeat 0 0;
	vertical-align: baseline;
	color:#EB2217;
	margin:5px 0 0 15px;
	padding:30px 0 0 4px;
	}
	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/020_solutions/f_en_stock_pack_oui.png) no-repeat 0 0;
	color:#EB2217;
	margin:13px 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(../images/fr/020_solutions/f_en_stock_pack_non.png) no-repeat 0 0;
	color:#EB2217;
	margin:0;
	padding:15px 0 0 3px;
	text-align:center;
	}
	div#lien_pack a.mb, div#lien_pack a.mb:link, div#lien_pack a.mb:visited {
	float:left;
	position:relative;
	display:block;
	color:#EB2217;
	padding: 2px 3px 2px 20px;
	background:url(../images/fr/020_solutions/p_fleche_fiche.gif) no-repeat 0 3px;
	text-decoration:none;
	}
	div#lien_pack a.mb:hover {
	color:#000;
	padding: 2px 3px 2px 20px;
	background:url(../images/fr/020_solutions/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(../images/fr/020_solutions/cady_mini.png) no-repeat 0 3px;
	text-decoration:none;
	}
	div#lien_cady a.cady:hover {
	color:#EB2217;
	padding: 2px 3px 5px 20px;
	background:url(../images/fr/020_solutions/cady_mini.png) no-repeat 0 3px;
	}









	
/*--------------------------------------------------------------------------------------------
	INDEX
-----------------------------------------------------------------------------------------------*/
	h3.decouvrez_aussi{
	text-align: right;
	height:28px;
	padding: 14px 5px 0 0;
	font-size:12px;
	background: #000 url(../images/fr/020_solutions/p_i.gif) no-repeat 75% 50%;
	}
	
	h3.decouvrez_aussi a{
	text-align: right;
	height:28px;
	padding: 14px 5px 0 0;
	color:#fff;
	text-decoration:none;
	}
	h3.decouvrez_aussi a:hover{
	text-align: right;
	height:28px;
	padding: 14px 5px 0 0;
	color:#EB2217;
	}
	
	h3.decouvrez_pack{
	text-align: right;
	height:28px;
	padding: 14px 5px 0 0;
	font-size:12px;
	background: #000 url(../images/fr/020_solutions/p_i.gif) no-repeat 70% 50%;
	}
	
	h3.decouvrez_pack a{
	text-align: right;
	height:28px;
	padding: 14px 5px 0 0;
	color:#fff;
	text-decoration:none;
	}
	h3.decouvrez_pack a:hover{
	text-align: right;
	height:28px;
	padding: 14px 5px 0 0;
	color:#EB2217;
	}
	
	
/*--------------------------------------------------------------------------------------------
	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;
	}
	div#tab_solution td.cl_2 h2 {
	font-size:11px;
	font-weight:bold;
	color:#333333;
	border:none;
	background:none;
	}	
	
	div#tab_solution td.cl_2 a {
	display:block;
	color:#EB2217;
	padding: 2px 3px 2px 20px;
	background:url(../images/fr/020_solutions/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/020_solutions/p_fleche_fiche.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/020_solutions/f_en_stock_o.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, div#tab_solution td.en_cours_approvisionnement 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/020_solutions/f_en_stock.gif) no-repeat 15px 18px;
	border-bottom: solid 1px #ccc;
	text-align:center;
	}
	div#tab_solution td.en_cours_approvisionnement {
	background:url(../images/fr/020_solutions/en_cours_approvisionnement.gif) no-repeat 6px 14px;
	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 #666; text-align:left; left:200px; top:280px; }
	#popup-caddie div { background-color:#666; 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:#FF0000; margin-top:10px; margin-bottom:10px; font-weight:bold; }
	#popup-caddie p.lien a { margin:0; padding:0; font-size:11px; color:#FF0000; font-weight:bold; text-decoration:none; }
	#popup-caddie p.lien a:hover { text-decoration:underline; }	
	
	/*---------------------------------------------------------------------------
		 fiche
	------------------------------------------------------------------*/

	.fiche{
	font-size:11px;
	position:relative;
	width:645px;
/*	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 #EB2217;
	}
	h2.nom_prod_fiche{
	width:300px;
	color:#EB2217;
	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:#EB2217;
	}
	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:#EB2217;
	line-height:35px;
	}
	ul.telechargement li.l_utiles a:hover {
	padding: 5px 0 5px 5px;
	text-decoration:none;
	background:#f5f5f5;
	color:#EB2217;
	}
	
	
	

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

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