@charset "utf-8";
/* CSS Abisco | Okus Pokus */



/* ===================================================================================== */
/* ====================================== HOMEPAGE ===================================== */
/* ===================================================================================== */


div#teaser {
	width: 562px;
	height: 274px;
	margin: 8px 0 15px 0;
}


/*--------------------------------------- Coups de coeur & Promotions -------------------------------------*/

div#center div.ccoeur,
div#center div.promotions {
	position: relative;
	width: 563px;
	margin-top: 10px;
}
div#center div.ccoeur div.bottom,
div#center div.promotions div.bottom {
	height: 17px;
}
div#center div.ccoeur h4,
div#center div.promotions h4 {
	font-size: 1.3em;
	margin-bottom: 24px;
	padding: 9px 0 0 25px;
}
div#center div.ccoeur a.all,
div#center div.promotions a.all {
	display: block;
	font-size: 0.9em;
	position: absolute;
	top: 14px;
	right: 22px;
	padding: 0 0 0 8px;
	text-decoration: none;
	background: url(../_images/0_general/puce_list_1-off.png) 0px 4px no-repeat;
}
div#center div.ccoeur a.all:hover,
div#center div.promotions a.all:hover {
	text-decoration: underline;
}
div#center div.ccoeur div.ctn,
div#center div.promotions div.ctn {
	padding: 0 20px 20px 25px;
}
div#center div.ccoeur ul li,
div#center div.promotions ul li {
	width: 25%;
	float: left;
}
div#center div.ccoeur h5,
div#center div.promotions h5,
div#main div.module#mod-promo h5,
div#main div.module#mod-simi h5 {
    margin-right: 10px;
}
div#center div.ccoeur h5 a,
div#center div.promotions h5 a,
div#main div.module#mod-promo h5 a,
div#main div.module#mod-simi h5 a {
    clear: both;
    text-decoration: none;
    font-weight: normal;
    font-size: 0.75em !ie7;
}
div#center div.ccoeur a:hover,
div#center div.promotions a:hover,
div#main div.module#mod-promo a:hover,
div#main div.module#mod-simi a:hover {
	text-decoration: underline;
}
div#center div.ccoeur div.visuel,
div#center div.promotions div.visuel,
div#main div.module#mod-promo div.visuel,
div#main div.module#mod-simi div.visuel {
	position: relative;
	clear: both;
	float: left;
	padding: 0 8px 4px 0;
	width: 112px;
	height: 112px;
}
div#center div.ccoeur div.visuel span.label,
div#center div.promotions div.visuel span.label,
div#main div.module#mod-promo span.label,
div#main div.module#mod-simi span.label {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 1px;
	width: 110px;
	height: 15px;
	font-size: 0.01em;
	text-indent: -1000em;
	overflow: hidden;
	behavior: url(../../../iepngfix.htc);
}
div#center div.ccoeur div.prix span,
div#center div.promotions div.prix span,
div#main div.module#mod-promo span,
div#main div.module#mod-simi span {
	float: right;
	display: block;
	height: 18px;
	color: white;
	font-weight: bold;
	font-color: 1.1em;
}
div#main div.visuel .promoProduct {
	/*
	width: 65px;
	height: 54px;
	background: url(../../../templates/catalog/images/promo_product.png) no-repeat;
	*/
	cursor: crosshair;
	width: 46px;
	height: 46px;
	background: url(../../../templates/catalog/images/promo_product_star.png) no-repeat;
	margin: 1px 0 0 1px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}


/*--------------------------------------- Coups de coeur -------------------------------------*/

div#center div.ccoeur {
	background: url(../../../images/front_office/global/homepage/ccoeur_top.png) top left no-repeat;
}
div#center div.ccoeur div.bottom {
	background: url(../../../images/front_office/global/homepage/ccoeur_bottom.png) top left no-repeat;
}
div#center div.ccoeur h4 {
	color: #36a0e3;
}
div#center div.ccoeur a.all {
	color: #36a0e3;
}
div#center div.ccoeur h5 a {
	color: #2b3b46;
}
div#center div.ccoeur div.visuel img {
	position: absolute;
	border: 1px solid #d0d0d0;
}
div#center div.ccoeur div.visuel span.label {
	background: url(../../../images/front_office/global/homepage/ccoeur_label.png) top left no-repeat;
}
div#center div.ccoeur div.prix {
	margin-top: 6px;
	text-align: right;
	width: 88%;
}
div#center div.ccoeur div.prix small {
	font-size: 0.8em;
	color: #0097f6;
}
div#center div.ccoeur div.prix p {
	text-align: right;
}
div#center div.ccoeur div.prix span.g,
div#center div.ccoeur div.prix span.d {
	width: 2px;
}
div#center div.ccoeur div.prix span.g {
	background: url(../../../images/front_office/global/homepage/prix-bleu_g.png) top left no-repeat;
}
div#center div.ccoeur div.prix span.m {
	padding: 0 3px 0 3px;
	background: url(../../../images/front_office/global/homepage/prix-bleu_m.png) top left repeat-x
}
div#center div.ccoeur div.prix span.d {
	background: url(../../../images/front_office/global/homepage/prix-bleu_d.png) top left no-repeat;
}


/*--------------------------------------- Nouveauté -------------------------------------*/

/*
div#center div.nouveaute {
	position: relative;
	float: left;
	width: 275px;
	min-height: 314px;
	margin: 0 3px 0 0;
	background: url(../../../www/_images/1_homepage/nouveaute_fond.png) bottom left no-repeat;
}
div#center div.nouveaute h4 {
	display: block;
	color: white;
	font-size: 1.2em;
	padding: 10px 0 0 18px;
	height: 23px;
	background: url(../../../www/_images/1_homepage/nouveaute_title.png) top left no-repeat;	
}
div#center div.nouveaute h5 {
	font-size: 1em;
	padding: 10px 18px 0 18px;
}
div#center div.nouveaute p {
	padding: 6px 18px 0 18px;
}
div#center div.nouveaute a.moreinfo {
	font-size: 0.9em;
	display: block;
	color: #5c2d00;
	padding: 0 0 0 8px;
	margin: 4px 0 0 18px;
	line-height: 14px;
	background: url(../../../www/_images/0_general/puce_list_2.png) 0 5px no-repeat;
}
div#center div.nouveaute p.prix {
	color: #5c2d00;
	font-size: 0.8em;
	padding-top: 30px;
	margin-bottom: 110px;
}
div#center div.nouveaute p.prix big {
	font-size: 2.2em;
	line-height: 1.1em;
	font-weight: bold;
}
div#center div.nouveaute img {
	position: absolute;
	padding: 5px;
	bottom: 0;
	right: 0;
}
*/


/*--------------------------------------- Promotions & Produits similaires ------------------------------------*/

div#center div.promotions {
	background: url(../../../images/front_office/global/homepage/promotions_top.png) top left no-repeat;
}
div#center div.promotions div.bottom {
	background: url(../../../images/front_office/global/homepage/promotions_bottom.png) top left no-repeat;
}
div#center div.promotions h4 {
	color: #ff7f06;
}
div#center div.promotions a.all {
	color: #ff7f06;
}
div#center div.promotions h5 a,
div#main div.module#mod-promo h5 a,
div#main div.module#mod-simi h5 a {
	color: #46372b;
}
div#center div.promotions div.visuel img,
div#main div.module#mod-promo div.visuel img,
div#main div.module#mod-simi div.visuel img {
	position: absolute;
	border: 1px solid #d0d0d0;
}
div#center div.promotions div.visuel span.label,
div#main div.module#mod-promo div.visuel span.label,
div#main div.module#mod-simi div.visuel span.label {
	background: url(../../../images/front_office/global/homepage/promotions_label.png) top left no-repeat;
}
div#center div.promotions div.prix,
div#main div.module#mod-promo div.prix,
div#main div.module#mod-simi div.prix {
	margin-top: 6px;
	text-align: right;
	width: 88%;
}
div#center div.promotions div.prix small,
div#main div.module#mod-simi div.prix small,
div#main div.module#mod-promo div.prix small {
	font-size: 0.8em;
	color: #fe7b00;
}
div#center div.promotions div.prix small em,
div#main div.module#mod-promo small em,
div#main div.module#mod-simi small em {
	font-size: 1.1em;
	font-style: normal;
	text-decoration: line-through;
}
div#center div.promotions div.prix p,
div#main div.module#mod-simi div.prix p,
div#main div.module#mod-promo div.prix p {
	text-align: right;
}
div#center div.promotions div.prix span.g,
div#center div.promotions div.prix span.d,
div#main div.module#mod-promo div.prix span.g,
div#main div.module#mod-promo div.prix span.d,
div#main div.module#mod-simi div.prix span.g,
div#main div.module#mod-simi div.prix span.d {
	width: 2px;
}
div#center div.promotions div.prix span.g,
div#main div.module#mod-promo div.prix span.g,
div#main div.module#mod-simi div.prix span.g {
	background: url(../../../images/front_office/global/homepage/prix-orange_g.png) top left no-repeat;
}
div#center div.promotions div.prix span.m,
div#main div.module#mod-promo div.prix span.m,
div#main div.module#mod-simi div.prix span.m {
	padding: 0 3px 0 3px;
	background: url(../../../images/front_office/global/homepage/prix-orange_m.png) top left repeat-x
}
div#center div.promotions div.prix span.d,
div#main div.module#mod-promo div.prix span.d,
div#main div.module#mod-simi div.prix span.d {
	background: url(../../../images/front_office/global/homepage/prix-orange_d.png) top left no-repeat;
}

/*
div#center div.promotions {
	float: left;
	width: 278px;
	padding: 0 0 7px 0;
	margin: 2px 0 0 0;
	background: url(../../../www/_images/1_homepage/promotions_fond.png) bottom left no-repeat;
}
div#center div.promotions h4 {
	display: block; 
	color: #fe7b00;
	font-size: 1.2em;
	padding: 10px 0 5px 18px;
	height: 23px;
	background: url(../../../www/_images/1_homepage/promotions_title.png) top left no-repeat;	
}
div#center div.promotions ul {
	padding: 0 0 0 18px;
}
div#center div.promotions li {
	padding: 5px 0 0 0;
}
div#center div.promotions div.visuel {
	position: relative;
	clear: both;
	float: left;
	padding: 0 8px 0 0;
	width: 112px;
	height: 112px;
}
div#center div.promotions div.visuel img {
	position: absolute;
	border: 1px solid #d0d0d0;
}
div#center div.promotions div.visuel span.labelpromo {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 108px;
	height: 14px;
	bottom: -1px;
	left: 1px;
	color: white;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 0 0 4px;
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/label_promotions.png) top left no-repeat;		
}
div#center div.promotions li h5 {
	font-size: 1em;
	font-weight: normal;
	padding: 4px 8px 0 0;
}
div#center div.promotions li h5 a {
	text-decoration: none;
}
div#center div.promotions li p.prix {
	font-size: 0.9em;
	color: #fe7b00;
	padding: 10px 0 0 0;
}
div#center div.promotions li p.prix big {
	font-size: 1.8em;
	line-height: 1em;
	font-weight: bold;
}
div#center div.promotions li p.prix span.barre {
	font-size: 1.2em;
	color: #d69150;
}
div#center div.promotions li.allpromo {
	text-align: right;
	padding: 7px 0 0 0;
}
div#center div.promotions li.allpromo a {
	font-size: 0.9em;
	margin: 10px 14px 0 0;
	color: white;
	padding: 0 0 0 8px;
	background: url(../../../www/_images/0_general/puce_list_3.png) 0 5px no-repeat;
}
*/


/*--------------------------------- Catégories de produits ------------------------------*/

/*
div#center div.categories {
	margin: 18px 8px 0 8px;
}
div#center div.categories h4 {
	display: block;
	color: #f39903;
	font-size: 1.2em;
	padding: 0 0 7px 0;
	background: url(../../../www/_images/0_general/sepa_pointilles_H.png) bottom left repeat-x;
}
div#center div.categories ul {
	height: 150px;
}
div#center div.categories ul li {
	float: left;
	margin: 16px 0 0 0;
	padding: 0 .4%;
	width: 19%;
	height: 150px;
}
div#center div.categories ul li img {
	border: 1px solid #d0d0d0;
	margin: 0 0 3px 0;
	width: 90px;
	height: 90px;
	display: block;
}
div#center div.categories ul li a {
	font-size: 0.9em;
	color: #313131;
	text-decoration: none;
}
div#center div.categories ul li a:hover {
	text-decoration: underline;
}}
*/




/* ===================================================================================== */
/* =================================== PAGES INTERNES ================================== */
/* ===================================================================================== */

div.page ul.pathway {
	display: block;
	margin: 5px 0 20px 0;
	padding: 0 0 15px 0;
	background: url(../../../www/_images/0_general/sepa_pointilles_H2.png) bottom left repeat-x;
}
div.page ul.pathway li {
	display: inline;
	padding: 0 0 0 0;
}
div.page ul.pathway li a {
	padding: 0 0 0 10px;
	color: #a0a0a0;
	font-size: 0.9em;
	text-decoration: none;
	background: url(../../../www/_images/0_general/puce_list_1.png) 1px 4px no-repeat;
}
div.page ul.pathway li a:hover {
	text-decoration: underline;
}
div.page ul.pathway li a.pwhome {
	display: block;
	float: left;
	width: 5px;
	height: 12px;
	text-indent: -10000px;
	background: url(../../../www/_images/0_general/picto_home.png) left center no-repeat;
}

div.page h1 {
    color: #f39903;
    font-size: 1.3em;
}

div.page div.onglettop {
	display: block;
	width: 160px;
	height: 38px;
	margin: 20px 0 0 0;
	padding: 10px 0 0 360px;
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/center_onglet_top.png) top right no-repeat;
}
div.page div.onglettop a {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #f39903;
	padding: 0 0 0 8px;
	background: url(../../../www/_images/0_general/puce_list_1.png) 0 4px no-repeat;
}
div.page div.onglettop a:hover {
	text-decoration: underline;
}
div.page div.ongletbottom {
	clear: both;
	display: block;
	width: 140px;
	height: 38px;
	padding: 0 0 0 410px;
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/center_onglet_bottom.png) top right no-repeat;
}
div.page div.ongletbottom a {
	font-size: 0.9em;
	text-decoration: none;
	color: #f39903;
	padding: 0 12px 0 0;
	background: url(../../../www/_images/0_general/puce_toppage.png) center right no-repeat;
}
div.page div.ongletbottom a:hover {
	text-decoration: underline;
}




/* ===================================================================================== */
/* ========================= PAGE LISTE DE CATEGORIES / PRODUITS ======================= */
/* ===================================================================================== */


div.page ul.listcats li a,
div.page ul.listcats li a span.nameprod,
div.page ul.listprods li a,
div.page ul.listprods li a span.nameprod {
	font-weight: normal;
	font-size: 0.9em;
	text-decoration: none;
	line-height: 1.4em;
}
div.page ul.listcats li a span.nameprod,
div.page ul.listprods li a span.nameprod {
	color: #313131;
}
div.page ul.listcats li a img,
div.page ul.listprods li a img {
	display: block;
}

div.page .discountRate { 
	background:url(../../../templates/catalog/images/bg-discount.png) no-repeat;
	color:#FFFFFF;
	width:39px !important;
	height:39px !important;
	padding: 0 !important;
	position: absolute !important;
	top: 0;
	left: 0;
	text-align:center;
	font-size:11px; 
}
div.page .discountRate > span {
	padding-top: 10px;
	display: block;
}



/*-------------------- Frame droite : Promotions & Produits similaires ------------------

div#main div.module#mod-promo h4 {
	background: url(../../../www/_images/0_general/frameD_title_promo.png) bottom left no-repeat;
}
div#main div.module#mod-simi h4 {
	background: url(../../../www/_images/0_general/frameD_title_simi.png) bottom left no-repeat;
}
div#main div.module#mod-promo ul,
div#main div.module#mod-simi ul {
	display: block;
	width: 156px;
	height: 272px;
	overflow: auto;
	margin: 0 0 10px 10px;
}
div#main div.module#mod-promo ul li,
div#main div.module#mod-simi ul li, {
	margin: 12px 0 0 0;
}
div#main div.module#mod-promo a,
div#main div.module#mod-simi a {
	text-decoration: none;
}
div#main div.module#mod-promo div.visuel {
	padding: 2px 8px 0 0;
	width: 112px;
	height: 112px;
}
div#main div.module#mod-promo div.visuel img {
	border: 1px solid #d0d0d0;
}
div#main div.module#mod-simi img {
	margin: 2px 8px 0 0;
	border: 1px solid #d0d0d0;
}
div#main div.module#mod-promo div.visuel span.labelpromo {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 112px;
	height: 13px;
	bottom: 3px;
	left: 1px;
	color: white;
	font-size: 0.8em;
	text-align: center;
	background-color: #fe7b00;
}
*/


/*-------------------- Frame droite : Promotions & Produits similaires ------------------*/

#main div.module#mod-promo,
#main div.module#mod-simi {
	font-size: 1.2em;
}
#main div.module#mod-promo div.ctn,
#main div.module#mod-simi div.ctn {
	padding: 0 16px 0 16px;
	overflow-y: auto;
	height: 200px;
}
#main div.module#mod-promo ul li,
#main div.module#mod-simi ul li {
	height: 100%;
}
#main div.module#mod-promo ul li,
#main div.module#mod-simi ul li {
	margin-bottom: 30px;
}
div#main div.module#mod-promo h4,
div#main div.module#mod-simi h4 {
	height: 29px;
	margin-left: 1px;
}
div#main div.module#mod-promo h4 {
	height: 29px;
	margin-left: 1px;
	background: url(../../../images/front_office/global/frameD_title_promo.png) top left no-repeat;	
}
div#main div.module#mod-simi h4 {
	height: 29px;
	margin-left: 1px;
	background: url(../../../images/front_office/global/frameD_title_comp.png) top left no-repeat;	
}

div#main div.module#mod-promo li a,
div#main div.module#mod-simi li a {
	background: none;
	padding: 0;
}
div#main div.module#mod-promo div.prix,
div#main div.module#mod-simi div.prix {
	margin-top: 0;
}



/*---------------------------------- Pagination --------------------------------*/

div.page ul.pagination {
	text-align: center;
	clear: both;
	margin: 10px 0 20px 0;
}
div.page ul.pagination li {
	width: auto;
	display: inline;
	line-height: 2em;
}
div.page ul.pagination li a {
	width: 1%;
	text-align: center;
	padding: 4px;
	font-size: 1em;
	color: #f39903;
	text-decoration: none;
}
div.page ul.pagination li a:hover {
	text-decoration: underline;
}
div.page ul.pagination li a.active {
	color: white;
	background: url(../../../www/_images/0_general/pag_active.png) center center no-repeat;
}
div.page ul.pagination li a.pag-prev {
	padding: 0 0 0 10px;
	margin: 0 5px 0 0;
	width: 150px;
	background: url(../../../www/_images/0_general/puce_list_1back.png) center left no-repeat;
}
div.page ul.pagination li a.pag-prev .off {
	color: #b6b6b6;
	background: url(../../../www/_images/0_general/puce_list_1back-off.png) center left no-repeat;	
}
div.page ul.pagination li a.pag-next {
	padding: 0 10px 0 0;
	margin: 0 0 0 5px;
	width: 350px;
	background: url(../../../www/_images/0_general/puce_list_1.png) center right no-repeat;
}
div.page ul.pagination li a.pag-next .off {
	color: #b6b6b6;
	background: url(../../../www/_images/0_general/puce_list_1-off.png) center right no-repeat;
}




/*------------------------------- Liste catégories -----------------------------*/

div.page ul.listcats img {
	border: 1px solid #d0d0d0;
}
div.page ul.listcats li {
	width: 118px;
	min-height: 150px;
	padding: 0 6px 20px 6px;
	float: left;
}
div.page ul.listcats li a span.nbrefs {
	color: #f39903;
	padding: 0 0 0 8px;
	background: url(../../../www/_images/0_general/puce_list_1.png) 0 4px no-repeat;	
	display: block;
}



/*-------------------------------- Liste produits ------------------------------*/

div.page ul.listprods img {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #d0d0d0;
}
div.page ul.listprods div.visuel,
div.page ul.listcats div.visuel {
	position: relative;
}
div.page ul.listprods div.visuel a.buy,
div.page ul.listprods div.visuel a.devis {
	display: block;
	height: 18px;
	overflow: hidden;
	border-style: solid;
	border-color: transparent;
	text-indent: 1000em;
}
div.page ul.listprods div.visuel a.buy {
	top: 40px;
	border-width: 36px 14px 1px 6px;
	background: url(../../../images/front_office/global/btn_commander.png) top left no-repeat;	
}
div.page ul.listprods div.visuel a.devis {
	width: 56px;
	border-width: 1px 50px 38px 6px;
	background: url(../../../images/front_office/global/btn_devis.png) top left no-repeat;
}
div.page ul.listprods li div.visuel span.commands {
	position: absolute;
	left: 0;
	display: block;
	margin: 1px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	width: 112px;
	height: 112px;
}
div.page ul.listprods li div.visuel span.visible {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
div.page ul.listprods li div.visuel img.transp {
	filter: alpha(opacity=30);
}
div.page ul.listprods li {
	width: 240px;
	min-height: 152px;
	padding: 0 20px 20px 0;
	float: left;
}
div.page ul.listprods li a,
div.page ul.listcats li a {}
div.page ul.listprods li a p,
div.page ul.listprods li a span {
	display: block;
	float: left;
	width: 110px;
	text-align: left;
	padding: 0 0 5px 0;
}
div.page ul.listprods li a span.nameprod {
	float: left;
	font-weight: bold;
}
div.page ul.listprods li a span.nbrefs,
div.page ul.listprods li a span.prix {
	 color: #f39903;
}
div.page ul.listprods li a span.seeproduct {
	display: block;
	width: 55px;
	height: 16px;
	overflow: hidden;
	text-indent: 1000em;
	background: url(../../../images/front_office/global/btn_detail.png) top left no-repeat;
}
div.page ul.listprods li a span.prix {
	font-size: 0.9em;
}
div.page ul.listprods li a span.prix big {
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: bold;
}


/*-------------------------------- Détail produit ------------------------------*/

div.page div.detailcolG {
	float: left;
	width: 205px;
	padding: 0 15px 0 0;
}
div.page div.detailcolG div.visuel {
	position: relative;
	width: 100%;
}
div.page div.detailcolG div.visuel img {
	border: 1px solid #d0d0d0;
}
/*
div#center div.detailcolG div.visuel span.labelzoom a {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 90%;
	height: 14px;
	bottom: 3px;
	left: 1px;
	color: white;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0 0 18px;
	z-index: 100;
	background: url(../../../www/_images/0_general/label_zoom.png) top left no-repeat;
}
*/
div#center div.detailcolG div.visuel div.mainImage {
	position: relative;
	margin-bottom: 2px;
}
div#center div.detailcolG div.visuel div.labelZoom {
	cursor: crosshair;
	width: 100%;
	height: 14px;
	background: url(../../../www/_images/0_general/label_zoom.png) top left no-repeat;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 168px;
	left: 0;
	z-index: 100;
}
div.page div.detailcolG h5 {
	font-weight: bold;
	font-size: 0.9em;
	color: #f39903;
	padding: 16px 0 4px 0;
	margin: 5px 0 0 0;
	background: url(../../../www/_images/0_general/sepa_pointilles_H2.png) top left repeat-x;
}
div.page div.detailcolG ul {
	padding: 0 0 14px 0;	
}
div.page div.detailcolG ul li a {
	display: block;
	font-size: 0.9em;
	padding: 0 0 0 10px;
	margin: 3px 0 0 0;
	color: #9e9e9e;
	background: url(../../../www/_images/0_general/puce_list_1.png) 1px 4px no-repeat;
}
div.page div.detailcolG div.slide {
	height: 25px;
	padding: 0 0 10px 0;
	margin: 0 0 8px 0;
	background: url(../../../www/_images/0_general/sepa_pointilles_H2.png) bottom left repeat-x;
}
div.page div.detailcolG div.slide h5 {
	margin: 6px 8px 0 0;
	padding: 0;
	float: left;
	font-weight: normal;
	color: #313131;
	background: none;
}
div.page div.detailcolG div.slide ul {
	float: left;
	margin: 0;
	padding: 0 0 15px 0;
}
div.page div.detailcolG div.slide ul li {
	float: left;
}
div.page div.detailcolG ul li a.prev,
div.page div.detailcolG ul li a.next,
div.page div.detailcolG ul li a.play,
div.page div.detailcolG ul li a.stop {
	width: 18px;
	height: 18px;
	padding: 0 5px 0 0;
	float: left;
	text-indent: -10000px;
}
div.page div.detailcolG ul li a.prev {
	background: url(../../../www/_images/0_general/btn_slide_prev.png) 0 0 no-repeat;
}
div.page div.detailcolG ul li a.next {
	background: url(../../../www/_images/0_general/btn_slide_next.png) 0 0 no-repeat;
}
div.page div.detailcolG ul li a.play {
	background: url(../../../www/_images/0_general/btn_slide_play.png) 0 0 no-repeat;
}
div.page div.detailcolG ul li a.stop {
	background: url(../../../www/_images/0_general/btn_slide_stop.png) 0 0 no-repeat;
}
div.page div.detailcolG ul.options {
	clear: both;
}
div.page div.detailcolG ul li a.opt_print {
	padding: 0 0 0 18px;
	background: url(../../../www/_images/0_general/options_btn_print.png) 3px 2px no-repeat;
}
div.page div.detailcolG ul li a.opt_print:hover {
	background: url(../../../www/_images/0_general/options_btn_print-over.png) 3px 2px no-repeat;
}
div.page div.detailcolG ul li a.opt_send {
	padding: 0 0 0 18px;
	background: url(../../../www/_images/0_general/options_btn_send.png) 0 1px no-repeat;
}
div.page div.detailcolG ul li a.opt_send:hover {
	background: url(../../../www/_images/0_general/options_btn_send-over.png) 0 1px no-repeat;
}
div.page div.detailcolG ul li a.opt_addsel {
	padding: 0 0 0 18px;
	background: url(../../../www/_images/0_general/options_btn_addsel.png) 0 3px no-repeat;
}
div.page div.detailcolG ul li a.opt_addsel:hover {
	background: url(../../../www/_images/0_general/options_btn_addsel-over.png) 0 3px no-repeat;
}
div.page div.detailcolG ul.labels {
	padding: 16px 0 4px 0;
	margin: 5px 0 0 0;
	background: url(../../../www/_images/0_general/sepa_pointilles_H2.png) top left repeat-x;
}
div.page div.detailcolG ul.labels li {
	display: inline;
	margin: 4px 2px 4px 2px;
}

						

div.page div.detailcolD {
	float: left;
	width: 305px;
	border: 2px;
}
div.page div.detailcolD p {
	line-height: 1.6em;
	padding: 8px 0 0 0;
	clear: both;
}
div.page div.detailcolD div.prod-title {
	float: left;
	/*width: 200px;*/
}
div.page div.detailcolD div.prod-title h4 {
	color: #575656;
	font-size: 1.2em;
}
div.page div.detailcolD div.prod-title small {
	color: #575656;
	font-size: 0.9em;
}
div.page div.detailcolD div.prod-title a {
	margin: 0 0 0 5px;
	color: #f39903;
	font-size: 0.9em;
	padding: 0 0 0 8px;
	text-decoration: none;
	background: url(../../../www/_images/0_general/puce_list_1.png) 1px 5px no-repeat;
}
div.page div.detailcolD div.prod-title a:hover {
	text-decoration: underline;
}
div.page div.detailcolD div.infos_prix {
	width: 250px;
	float: right;
	padding: 0 0 10px 0;
	text-align: right;
}
div.page div.detailcolD div.infos_prix div.cart_orange {
	float: right;
}
div.page div.detailcolD div.infos_prix span.prix {
	display: block;
	float: right;
	color: #fe7b00;
	font-size: 0.8em;
}
div.page div.detailcolD div.infos_prix span.prix big {
	font-weight: bold;
	font-size: 1.9em;
}
div.page div.detailcolD div.infos_prix span.prix dev {
	text-decoration: line-through;
}
div.page div.detailcolD input.qty {
	padding: 0 !important; height: auto !important; border:1px solid #6f6f6f; margin: 0 4px;
}
div.page div.detailcolD .orderOptions { margin-top: 5px; }
div.page div.detailcolD .up-down { width: 8px; padding: 0; float: left; }
div.page div.detailcolD .up-down a { width: 8px; height: 8px; cursor: pointer; float: left; }
div.page div.detailcolD .up-down img { width: 8px; height: 8px; }
div.page div.detailcolD a.down { margin: 2px 0 !important; }


.imgtabcde{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

div.page div.infostech {
	position: relative;
	clear: both;
	width: 530px;
	margin: 20px 0 30px 0;
	padding: 10px 0 0 0;
}
div.page div.infostech .data {
	width: 730px;
	overflow-x: auto;
	overflow-y: hidden;
}
div.page div.infostech div.ombretabG,
div.page div.infostech div.ombretabD {
	position: absolute;
	width: 10px;
	height: 100%;
	top: 0;
}
div.page div.infostech div.ombretabD {
	right: 0;
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/tab_shadowD.png) center right no-repeat;
}
div.page div.infostech table {
	margin: 0 10px 30px 0px;
	padding: 0 10px 0 0px;
	font-size: 0.9em;
}
div.page div.infostech table tr.tb_head th.G {
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/tab_header_G.png) top left no-repeat;
	background-color: #fe8819;
	text-align: left;
}
div.page div.infostech table tr.tb_head th.D {
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/tab_header_D.png) top right no-repeat;
	background-color: #fe8819;
}
div.page div.infostech table tr th {
	text-align: left;
	padding: 4px 5px 6px 10px;
	font-weight: normal;
	color: #747474;
	border-bottom: 1px solid #e7e7e7;
	background-color: #dbdbdb;
}
div.page div.infostech table tr.tb_head th {
	color: white;
	height: 23px;
	padding: 0 10px 0 10px;
	margin: 0;
	line-height: 1.1em;
	font-weight: bold;
	background-color: #fe8819;
	border-bottom: 2px solid white;
	text-align: center;
}
div.page div.infostech table tr td {
	text-align: center;
	width: 200px;
	height: 20px;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #f7f7f7;
	background-color: #ececec;
}
div.page div.infostech table tr th table tr td{
	text-align: center;
	width: 200px;
	height: 20px;
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #f7f7f7;
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/tab_td_sepaV.png) top right repeat-y;
	background-color: #dbdbdb;
}

div.page div.infostech table tr td.empty {
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
}
div.page div.infostech table tr.tb_sepa th,
div.page div.infostech table tr.tb_sepa td {
	border-bottom: 3px solid white;
}
div.page div.infostech table tr.tb_last th,
div.page div.infostech table tr.tb_last td {
	border: none;
}
div.page div.infostech table tr th.HG {
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/tab_th_hg.png) top left no-repeat;
	background-color: #dbdbdb;
}
div.page div.infostech table tr th.BG {
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/tab_th_bg.png) bottom left no-repeat;
	background-color: #dbdbdb;
}
div.page div.infostech table tr td.HD {
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/tab_td_hd.png) top right no-repeat;
	background-color: #ececec;
}
div.page div.infostech table tr td.BD {
	behavior: url(../../../iepngfix.htc);
	background: url(../../../www/_images/0_general/tab_td_bd.png) bottom right no-repeat;
	background-color: #ececec;
}
div.page div.infostech table tr td a.btn_ok_orange,
div.page div.infostech table tr td a.btn_ok_grey {
	display: block;
	/*float: left;*/
	text-align: center;
	/*width: 100%;*/
	height: 15px;
	text-indent: -10000px;
}
div.page div.infostech table tr td a.btn_ok_orange {
	background: url(../../../www/_images/0_general/btn_ok_orange.png) top center no-repeat;
}
div.page div.infostech table tr td a.btn_ok_grey {
	background: url(../../../www/_images/0_general/btn_ok_grey.png) top center no-repeat;
}
div.page div.infostech table tr td input {
/*	height: 19px;
	background: none; */
	
	color: #6f6f6f;
	font-size: 1em;
	padding: 0 0 0 0;
	border: 0;

}

a.btn_ok_orange,
a.btn_ok_grey {
	display: block;
	height: 15px;
	text-indent: -10000px;
}

a.btn_ok_orange {
	background: url(../../../www/_images/0_general/btn_ok_orange.png) top center no-repeat;
}
a.btn_ok_grey {
	background: url(../../../www/_images/0_general/btn_ok_grey.png) top center no-repeat;
}
/*-------------------------------- Calque options ------------------------------*/

div.bloc_options {
	position: absolute;
	z-index: 500;
	width: 320px;
	display: none;

	/* Positionnement du calque d'options arbitraire pour démo statique                                       */
	/* à caler en fonction de l'emplacement du lien "voir" dans "Découvrez toutes nos options et accessoires" */
	top: 770px;
	left: 50%;
	margin-left: -232px;
}
div.bloc_options a {
	color: #9e9e9e;
}
div.bloc_options div.sub_shad_top,
div.bloc_options div.sub_shad_bottom {
	width: 260px;
	height: 8px;
	font-size: 0.1em;
}
div.bloc_options div.sub_shad_top {
	background: url(../../../www/_images/0_general/submenu_ombre_top.png) top left no-repeat;	
}
div.bloc_options div.sub_shad_bottom {
	background: url(../../../www/_images/0_general/submenu_ombre_bottom.png) top left no-repeat;
}
div.bloc_options div.contents {
	position: relative;
	border-left: 2px solid #f2ab0c;
	border-right: 1px solid #c9c9c9;
	border-top: 1px solid #c9c9c9;
	background-color: white;
}
div.bloc_options div.contents div.title {
	border-bottom: 1px solid #c9c9c9;
}
div.bloc_options div.contents div.title h5 {
	display: block;
	width: 250px;
	color: #f39903;
	font-size: 0.9em;
	padding: 7px;
}
div.bloc_options div.contents div.title a.btn_close {
	display: block;
	position: absolute;
	top: -2px;
	right: 10px;
	font-size: 0.9em;
	padding: 8px 11px 8px 0;
	background: url(../../../www/_images/0_general/puce_close.png) center right no-repeat;
}
div.bloc_options div.contents ul {
	clear: both;
}
div.bloc_options div.contents ul li {
	padding: 10px 0 12px 10px;
	border-bottom: 1px solid #dcdcdc;
}
div.bloc_options div.contents ul li div.visuel {
	float: left;
	margin: 0 6px 0 0;
}
div.bloc_options div.contents ul li div.visuel img {
	border: 1px solid #e7e7e7;
}
div.bloc_options div.contents ul li div.descr {
	float: left;
	padding: 4px 0 0 0;
}
div.bloc_options div.contents ul li div.descr h6 {
	font-size: 0.9em;
}
div.bloc_options div.contents ul li div.descr span {
	display: block;
	color: #9e9e9e;
	font-size: 0.9em;
}
div.bloc_options div.contents ul li div.descr span.opt_prix {
	color: #fe7b00;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 0 0;
}
div.bloc_options div.contents ul li div.descr a.fleche {
	font-size: 0.9em;
	padding: 0 0 0 8px;
	background: url(../../../www/_images/0_general/puce_list_1.png) 1px 4px no-repeat;
}
div.bloc_options div.contents ul li form {
	margin: 20px 6px 0 0;
	display: block;
	float: right;
}
div.bloc_options div.contents ul li form label {
	display: none;
}
div.bloc_options div.contents ul li form input {
	width: 30px;
}
div.bloc_options div.contents ul li form input.image {
	width: 21px;
	height: 15px;
	margin: 0 0 0 6px;
	background: none;
}



/*---------------------------- Recherche alphabétique  -------------------------*/

div.page h4.search_alpha {
	color: #f39903;
	font-weight: bold;
	font-size: 3em;
	padding: 0 0 5px 0;
	margin: 5px 0 20px 0;
	background: url(../../../www/_images/0_general/sepa_pointilles_H2.png) bottom left repeat-x;
}
div.page span.nb_results {
	font-size: 0.3em;
	color: #9e9e9e;
	font-weight: normal;
	vertical-align: middle;
}




/*---------------------------- Comparateur de produits -------------------------*/

div.page div.infostech .compare {
	width: 530px;
	overflow-x: auto;
	overflow-y: hidden;
}

div.page ul.opt_compare {
	margin: 0 0 0 0;
}
div.page ul.opt_compare li {
	display: inline;
	margin: 0 16px 0 0;
}
div.page ul.opt_compare li a {
	padding: 0 0 8px 20px;
	font-size: 0.9em;
	color: #9e9e9e;
}
div.page ul.opt_compare li a.comp_print {
	background: url(../../../www/_images/0_general/btn_comp_print.png) 0 0 no-repeat;
}
div.page ul.opt_compare li a.comp_flush {
	background: url(../../../www/_images/0_general/btn_comp_flush.png) 1px 0 no-repeat;
}
div.page ul.opt_compare li a.comp_seeall {
	background: url(../../../www/_images/0_general/btn_comp_seeall.png) 1px 0 no-repeat;
}
div.page ul.opt_compare li a.comp_pdf {
	background: url(../../../www/_images/0_general/btn_comp_pdf.png) 2px 0 no-repeat;
}
div.page ul.opt_compare li a.comp_send {
	background: url(../../../www/_images/0_general/btn_comp_send.png) 0 0 no-repeat;
}


div.page div.infostech table tr.tabcomp_H *,
div.page div.infostech table tr.tabcomp_B * {
	border: 0;
}
div.page div.infostech table tr.tabcomp_H th {
	width: 1%;
	text-align: center;
	border-left: 1px solid #dfdfdf;
	background: url(../../../www/_images/0_general/tab_comp_HG.png) top center no-repeat;
}
div.page div.infostech table tr.tabcomp_H th a {
	text-decoration: none;
}
div.page div.infostech table tr.tabcomp_H th img {
	border: 1px solid #e0e0e0;
	margin: 2px 0 4px 0;
}
div.page div.infostech table tr.tabcomp_H th.tabcomp_HG {
	border: 0;
	background: url(../../../www/_images/0_general/tab_comp_HG.png) top left no-repeat;
}
div.page div.infostech table tr.tabcomp_H th.tabcomp_HD {
	background: url(../../../www/_images/0_general/tab_comp_HD.png) top right no-repeat;
}

div.page div.infostech table tr.tabcomp_B td {
	width: 1%;
	padding-left: 0;
	padding-right: 0;
	height: 26px;
	text-align: center;
	padding: 0 0 0 28px;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid white;
	background: url(../../../www/_images/0_general/tab_comp_BD.png) top center no-repeat;
}
div.page div.infostech table tr.tabcomp_B td.tabcomp_BG {
	border-left: 0;
	background: url(../../../www/_images/0_general/tab_comp_BG.png) top left no-repeat;
}
div.page div.infostech table tr.tabcomp_B td.tabcomp_BD {
	background: url(../../../www/_images/0_general/tab_comp_BD.png) top right no-repeat;
}
div.page div.infostech table tr.tabcomp_B td ul {
	text-align: center;
}
div.page div.infostech table tr.tabcomp_B td ul li {
	display: block;
	float: left;
}
div.page div.infostech table tr.tabcomp_B td ul li a {
	display: block;
	width: 20px;
	height: 14px;
	text-indent: -10000px;
}
div.page div.infostech table tr.tabcomp_B td ul li a.comp_buyer {
	background: url(../../../www/_images/0_general/btn_comp_buyer.png) 0 0 no-repeat;
}
div.page div.infostech table tr.tabcomp_B td ul li a.comp_suppr {
	background: url(../../../www/_images/0_general/btn_comp_suppr.png) 0 0 no-repeat;
}


div.page div.infostech table td.comp_class {
	background: none;
	border-top: 1px dotted #ececec;
	background-color: transparent;
}
div.page div.infostech table td.comp_class ul {
	width: 50px;	
}
.page div.infostech table td.comp_class ul li {
	display: block;
	float: left;
}
div.page div.infostech table td.comp_class ul li a {
	display: block;
	text-indent: -10000px;
	width: 13px;
	height: 13px;
}
div.page div.infostech table td.comp_class ul li a.comp_croi {
	background: url(../../../www/_images/0_general/btn_comp_croi.png) 0 0 no-repeat;
}
div.page div.infostech table td.comp_class ul li a.comp_decr {
	background: url(../../../www/_images/0_general/btn_comp_decr.png) 0 1px no-repeat;
}
div.page div.infostech table td.comp_class ul li a.comp_mask {
	width: 18px;
	background: url(../../../www/_images/0_general/btn_comp_mask.png) 0 0 no-repeat;
}