*{margin:0; padding:0; font-family:trebuchet ms, arial, Helvetica, sans-serif; font-size:12px}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.justify{text-align:justify}
.bottom{vertical-align:bottom}
.top{vertical-align:top}
.middle{vertical-align:middle}
.spacer{clear:both}
.magicolor{color:#E1005c}
.prixEuro{font-size:36px}
.prixCent{font-size:16px}
.whiteLine{background-color:#fff;height:20px}
.greyLine{background-color:#f2f2f2;height:20px}
.bold {font-weight:bold}
.lien{margin-bottom:3px;line-height:11px}
.margintop{margin-top:10px}
.paddingtop{padding-top:5px}
img{border:0}
a{color:#666;text-decoration:none}
a:hover{color:#000;text-decoration:underline}
html, body{background:#fff; height:100%}
#main{height:100%;width:100%;border-collapse:collapse;margin:auto}
.ecotaxe {color: #9a9a9a!important; font-size:11px;font-weight:bold;display:block;}
.ecotaxe a{color: #9a9a9a!important; text-decoration: underline;}

/* montre/cache le bloc détails techniques des guides */
.affiche div{border-top:1px solid #E1005C;background:#f2f2f2;text-decoration:none;color:#000;clear:both}
.affiche:hover{text-decoration:none}
.cache, .affiche{cursor:pointer;border:1px dotted #000;background:#ccc;clear:both}
.cache div{display:none}
.affiche div{display:block}

/***** HEADER *****/
#admin{height:25px;background:#0cc;background-color:#DE006B;border-bottom:1px solid #000;margin-bottom:5px}
#admin a{color:#ccc}
#admin table{width:100%;border-collapse:collapse}
#admin table td{width:33%;padding:0 3px}
#header{height:88px}
#header table{height:88px;border-collapse:collapse;text-align:center;width:100%;}

/*****MENU DEROULANT*****/

dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none; vertical-align:top}
#menu {background-image: url("http://media.maginea.com/ma/images/menu_background.gif");height:60px;}
#menu TD {margin:0px ;padding:0px 1px 0px 1px;}
#menu dl {width: 116px;}
#menu dt {cursor: pointer;text-align: center;font-weight: bold; background:url("http://media.maginea.com/ma/images/menu_bouton.gif") repeat-x  top;height:24px;text-transform:uppercase; letter-spacing:1px;line-height:22px;}
#menu dd {position: absolute;display: none;border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background-color: gray;width:200px;z-index:100;}
#menu li {text-align: left;;background: #fff;}
#menu li a, #menu dt a {color: #000;text-decoration: none;display: block;height: 100%;border: 0 none;}
/*#menu li a:hover{background: #eee;}*/
#menu a.accueil:hover, #menu a.accueilselect{color:#E1005C;}
#menu a.m354:hover, #menu a.m354select{color:#0091C8;}
#menu a.m355:hover, #menu a.m355select{color:#53AB1F;}
#menu a.m356:hover, #menu a.m356select{color:#D60000;}
#menu a.m357:hover, #menu a.m357select{color:#FFA200;} 
#menu a.m358:hover, #menu a.m358select{color:#7F00BA;} 
#menu a.m359:hover, #menu a.m359select{color:#000000;} 
#menu #asmenu1 li a, #menu #asmenu2 li a, #menu #asmenu3 li a, #menu #asmenu4 li a, #menu #asmenu5 li a, #menu #asmenu6 li a{padding-left:4px;padding-right:4px;}
#menu #asmenu1 li a:hover{background: #7fc8e3;}
#menu #asmenu2 li a:hover{background: #bdde7b;}
#menu #asmenu3 li a:hover{background: #ef9999;}
#menu #asmenu4 li a:hover{background: #ffd07f;}
#menu #asmenu5 li a:hover{background: #bf7fdc;}
#menu #asmenu6 li a:hover{background: #a6a7a3;}

.aide_contact tr td { padding:5px;}

/* MODULE AIDE */
#aide .titre {display:block; background:#f2f2f2;padding:5px 0 5px 15px;font-weight:bold}
#aide .soustitre {font-size:14px !important; font-weight:bold;text-transform:none !important;}
#aide ul {padding-left:30px;}
#aide ul li {list-style:circle url("http://media.maginea.com/ma/cat/puce_rond.png") outside;}


/*Engagements*/
#engag_titre {font-weight: bold;padding-left: 10px;color: #000;display: block;height: 30px;background: url("http://media.maginea.com/ma/cat/barre_degrade.png") repeat-x;background-position: 0px 18px;text-transform: uppercase;margin-top: 20px;}
#engag_picto img {padding: 10px 20px 10px 20px;}
#engag_stitre {font-weight: bold; text-transform: uppercase;}
#engag_txt {background-color: #DADADA;padding-left: 20px;}
#engag_savoirplus {margin-top:10px;background-color: #f2f2f2;padding-left:10px;}
#engag_savoirplus img { vertical-align:top;}
.engag_splus_titre {padding-bottom:10px;font-weight: bold; }
	
/***** CORPS PRINCIPAL *****/
#body{background:#fff;vertical-align:top}
#accueil, #services{width:755px; margin:auto;}
#accueil .col1, #accueil .col2, #accueil .col3{width:215px}
#accueil .col2{padding:0 55px}
#accueil .col1 a img{border:1px solid #FFA200}
#accueil .col2 a img{border:1px solid #80BA0F}
#accueil .col3 a img{border:1px solid #0091C8}
#accueil .row1{margin-bottom:15px;margin-top:8px}
#accueil .row3{display:block;margin-top:8px}
#accueil .row3{text-transform:uppercase;text-decoration:underline;font-weight:bold;font-size:18px;color:#E1005C;letter-spacing:0.05em}
#accueil .row3 span{color:#000;font-weight:bold;font-size:14px}
#accueil .row4{font-size:11px;display:block;padding-bottom:5px}
#accueil .col1 .row4{border-bottom:1px solid #FFA200}
#accueil .col2 .row4{border-bottom:1px solid #80BA0F}
#accueil .col3 .row4{border-bottom:1px solid #0091C8}
#accueil .row5{margin-bottom:28px;font-weight:bold; color:#E1005C}
.nbArticles{font-size:10px}
.nbArticles span{font-weight:bold}
.total {font-weight:bold}

#services td{vertical-align:top}
#services ads{padding-right:50px;text-align:left}
#services .icone{padding-right:10px;padding-left:20px;text-align:right}
#services .service a, #services .service a span{font-size:11px}
#services .service .titre{color:#E1005C;font-size:14px;font-weight:bold;text-transform:uppercase}
#services .textBox{height:20px}
#services .btnSubmit, #cat .btnSubmit{height:20px;color: #fff;background:#999;font-size:12px;font-weight: bold;border:1px solid #000;text-align: center}

/***** CATEGORIES / TPL_MAIN *****/
.blocPromo {padding-bottom:20px;}
#cat{width:100%}
#cat .col1{width:190px;padding-right:20px}
#cat .col1 .ensure_size {width:190px;}
#cat .col1 .ensure_height {height:36px;}
#cat .col3{width:170px;padding-left:20px}
#cat .col3 .ensure_size {width:170px;}
#cat .account{width:100%}
#cat .account a{font-size:10px}
#cat .account .title{text-decoration:underline;font-weight:bold;text-transform:uppercase;margin-bottom:0px}
#cat .account .prenom, #cat .account .nom{font-weight:bold;font-size:14px;}
#cat .account .padding{padding-bottom:10px}
#cat .panier{width:100%;margin-bottom:0px}
#cat .panier .icone{padding-right:7px}
#cat .panier .title, #cat .account .title{text-transform:uppercase;font-weight:bold;font-size:15px;text-decoration:none}
#cat .panier .nbArticles{font-size:10px}
#cat .panier .nbArticles span{font-weight:bold}
#cat .panier .total {font-weight:bold}
#cat .titleCat, #cat .titleCat a, #cat .titleCat a:hover{color: #000; position:relative;top:2px;text-transform:uppercase;font-weight:bold;font-size:18px;text-decoration:none;}
#cat .desc{padding-bottom:10px}
#cat .sousTitre{text-transform:uppercase;font-weight:bold}
#cat .blocCat{background:#fff;border-top:1px solid #000;border-bottom:1px solid #000;padding:5px 0;margin-bottom:15px}
#cat .listCat li{list-style:circle url("http://media.maginea.com/ma/cat/puce_rond.png") inside;background:#f3f3f3;padding-left:10px}
#cat .blocCat a{margin-left:5px;padding:1px 2px}
#cat .listCat a:hover{background-color:#E1005C;text-decoration:none;font-weight:bold;color:#fff}

#cat .listAssistant{margin-top:25px;border-bottom:1px solid #000}
#cat .listAssistant .sousTitre{border-bottom:1px solid #000}
#cat .specialOffer{padding-top:10px}
#cat .vignette{font-weight:bold}
#cat .vignette a{color:#000}
#cat .vignette .designation{font-size:12px;text-transform: uppercase;color:#e1005c}
#cat .vignette .designation span{color:#000}
#cat .vignette .savoirplus a {color:#666;text-decoration:underline;}
#cat .top10, #cat .listProd{margin-top:20px;width:100%;border-collapse:separate !important;border-collapse:collapse;border-spacing:0}
#cat .top10 th, #cat .listProd th{font-weight:bold;text-align:center;border-bottom:1px solid #000}
#cat .top10 th.dsg, #cat .listProd th.dsg{text-align:left}
#cat .top10 th.note, #cat .listProd th.note{width:90px}
#cat .top10 th.prix, #cat .listProd th.prix{width:80px}
#cat .top10 th.dispo, #cat .listProd th.dispo{width:50px}
#cat .listProd th a{color:#000}
#cat .listProd th.vignette{padding-left:20px}
#cat .listProd .display{padding-top:5px}
#cat .listProd .marque{padding-left:15px;border-bottom:3px double #000;padding-top:5px;font-size:14px;font-weight:bold}
#cat .listProd .dsgLib{font-size:14px;font-weight:bold;}
#cat .listProd .prixLib, #cat .listProd .prixLib nobr{font-size:15px;font-weight:bold;width:80px;white-space:nowrap}
#cat .listProd .numPage{font-size:50px;font-weight:bold}
#cat .nbPages{padding-left:5px;font-size:14px;text-transform:uppercase;font-weight:bold}
#cat .listProd .navig{padding-left:5px;width:190px;height:35px;font-size:12px}
#cat .listProd .navig img{vertical-align:middle}
#cat .vignetteTitle{font-weight:bold;font-size:11px;text-transform:uppercase;text-decoration:underline}
#cat .vignetteTitle span{color:#000;font-size:11px}
#cat h3{margin-top:10px;padding-left:5px;border-bottom:1px solid #000}
#cat h3 img{vertical-align:top}

/*fond pour les sous categories*/
.scat{padding-left:5px;}
.scat a {text-decoration:none;color:#000000;}
.scat a:hover{text-decoration:underline;}
.s354{background: #7fc8e3;}
.s355{background: #bdde7b;}
.s356{background: #ef9999;}
.s357{background: #ffd07f;}
.s358{background: #bf7fdc;}
.s359{background: #a6a7a3;}
.scat_title, .scat_title a {font-weight:bold;text-transform:uppercase;display:block;text-decoration: none;padding-left:5px;}
.filtrescat {vertical-align:middle;}
.top354{border-top:1px solid #7fc8e3;}
.top355{border-top:1px solid #bdde7b;}
.top356{border-top:1px solid #ef9999;}
.top357{border-top:1px solid #ffd07f;}
.top358{border-top:1px solid #bf7fdc;}
.top359{border-top:1px solid #a6a7a3;}
.link_black a{color: #000;}
.scat_select, .scat_select a {font-weight:bold;text-decoration:none;}
.cat_plat {background-color: #f2f2f2;background-image: url("http://media.maginea.com/ma/cat/bloc_fond.png");background-position: top;background-repeat : repeat-x;}
.cat_plat2 {background-color: #f2f2f2;background-image: url("http://media.maginea.com/ma/cat/affiner_fond.png");background-position: top;background-repeat : repeat-x;}
.cat_plat a{color:#000;}
.cat_degrade {background-color: #fff;background-image: url("http://media.maginea.com/ma/cat/promo_fond.png");background-position: top;background-repeat : repeat-x;}
/***** LEGENDE *****/
#legende{width:100%;margin:20px 0;border-collapse:collapse}
#legende th{border-bottom:1px solid #000;text-transform:uppercase}
#legende img{vertical-align:top}
#legende td{vertical-align:top;padding-top:5px}
#legende status{text-transform:uppercase;font-weight:bold}

/***** FILTRE *****/
#filtre .w200 {	width: 200px;}
#filtre .w170 {	width: 200px;}

/***** ASSISTANTS *****/
#guide .search{background:#f3f3f3;padding:10px 20px;margin:10px 0}
#guide .title{text-transform:uppercase;padding-left:10px;font-weight:bold}
#guide table{width:100%;border-top:1px solid #000;margin-bottom:15px;background: #fff url("http://media.maginea.com/ma/guides/fond_guide.png") repeat-x}
#guide li{list-style:circle url("http://media.maginea.com/ma/cat/puce_rond.png");padding-left:0px;margin-left:20px}
#guide a{margin-left:5px;padding:1px 2px}
#guide a:hover{background-color:#E1005C;text-decoration:none;font-weight:bold;color:#fff}
#guide .chapeau{margin:20px 0}
#guide .titre{border:none;border-collapse:collapse;margin-bottom:20px;background:none}
#guide .footerArticle{border:none;border-collapse:collapse;margin:0;background:none}
#guide .footerArticle td{background:#f2f2f2}
#guide .titrePage{background:#f2f2f2;padding:5px 0 5px 15px;font-weight:bold}
#guide .dateParution{background:#f2f2f2;padding:5px 15px 5px 0;font-style:italic}
#guide .article a:hover{background:none;font-weight:normal;color:#000}
#guide .navigation{padding-left:0}
#guide .btn a:hover{background:none}
#guideDroite {background-color: #f2f2f2; width:190px;}
#guideDroite td{padding-top:5px}
#guideDroite .fastAccess{padding-bottom:10px}
#guideDroite .icone{width:30px}

/***** ESPACE CLIENT *****/
#espaceclt_accueil  {line-height:14px;}
#espaceclt_accueil  .infoTitre {border-bottom:1px solid black; padding-top:15px;}
#espaceclt_accueil  .actionTitre {font-weight:bold;}
#espaceclt_accueil  .actionTitre a, #espaceclt_accueil  .actionTitre a:hover{color: #000;}
#espaceclt_accueil  .actionDesc { font-size: 12px;}
#espaceclt_accueil  tr td {padding-top:10px;}
#espaceclt_accueil .icone { vertical-align:top; padding-right:15px;}
.espaceclt_cont_icon {width:15px;}
.espaceclt_cont_row {padding-left:15px;}
.espaceclt_cont_spacer {padding-top:5px; }

/***** FOOTER *****/
.error_title { font-weight: bold; color:red;}
.error_list { padding-left:30px; color:red;}

/***** FOOTER *****/
#footer{height:70px; background:url("http://media.maginea.com/ma/fond_footer.png")}
#footer table{width:100%; border-collapse:collapse}
#footer table td{font-size:10px; font-weight:bold; text-transform:uppercase}
#footer .td_bg{height:2px;background:url(http://media.maginea.com/ma/fond_footer_lefttd.png) repeat-x;}
#footer a{font-size:10px}
#footer a span{font-size:10px; color:#E1005C}
#footer a:hover{text-decoration:overline}
#footer .footerbas {width:560px;}
#footer .footerbas a:hover{text-decoration:underline;}
#footer .footerhaut a{margin-right:14px}
#footer .footerbas .marge{margin:0 7px;}
#footer .langue {padding-right: 10px;text-transform:none;}
#footer .speedaccess {padding-left:40px;width:90px}

/******** Infobulle pour le lexique *********/
a.infobulle, a.infobullejs{cursor: help; position:relative;z-index:24;text-decoration:none;margin-bottom:0px;color:#000;border-bottom:1px dotted #993300!important;}
a.infobulle:hover, a.infobullejs:hover {z-index:25;background-color:#FEFF73!important;color:#000!important;font-weight:normal!important;text-decoration:none;border-bottom-style:none;}
a.infobulle span, a.infobullejs span{display:none}
a.infobulle:hover span{font-size:11px;display:block;padding:2px;position:absolute;top:2em;left:-2em;width:20em;border:1px solid #a2a2a2;background-color:#f2f2f2;color:#000;text-align:justify;text-decoration:none;}
div#lexibulle {background-color:#f2f2f2; width:20em; position: absolute; display:none;z-index:100;border:1px solid #a2a2a2;background-color:#f2f2f2;color:#000;text-align:justify;text-decoration:none;}
a#txtDisplayMore {display:none; border-bottom:1px solid #a2a2a2; padding-bottom:5px;}

/******** Infobulle pour le top 10 *********/
a.infobulle3{position:relative;z-index:24;text-decoration:none;margin-bottom:0px;color:#000;}
a.infobulle3:hover{z-index:25;background-color:#FEFF73!important;color:#000!important;font-weight:normal!important;text-decoration:none;border-bottom-style:none;}
a.infobulle3 span{display:none}
a.infobulle3:hover span{font-size:11px;display:block;padding:2px;position:absolute;top:2em;left:-2em;border:1px solid #a2a2a2;background-color:#f2f2f2;color:#000;text-align:justify;text-decoration:none}

/******** Infobulle pour la légende des stocks *********/
a.infobulle2{position:relative;z-index:24;text-decoration:none;margin-bottom:0px;color:#000}
a.infobulle2:hover{z-index:25;background:#E1005c;color:#fff;text-decoration:none}
a.infobulle2 span{display:none}
a.infobulle2:hover span{font-size:11px;display:block;padding:2px;position:absolute;top:-15em;left:50px;width:30em;border:1px solid #a2a2a2;background-color:#f2f2f2;color:#000;text-align:justify;text-decoration:none;font-weight:normal}


/******* FICHE PRODUIT **********/
.hr1 {	width: 100%;	height: 1px;	color: #000000;}

#ficheproduit {background-color: #ffffff;}
/*#ficheproduit .marque {	font-size: 12px;	font-weight: bold;	text-transform: uppercase;}
#ficheproduit .nomproduit {	font-size: 14px;	font-weight: bold;	text-transform: uppercase;}*/
#ficheproduit .designation {	font-size: 14px;	font-weight: bold;	text-transform: uppercase;}
#ficheproduit .noir {	color: #000000;}
#ficheproduit .categorie {	font-size: 10px;}
#ficheproduit .descriptif {	font-size: 11px;	text-align: justify; font-weight: normal;}
#ficheproduit .descriptif ul{padding-left:0;margin-left:0}
#ficheproduit .descriptif li{list-style:circle url("http://media.maginea.com/ma/cat/puce_rond.png");padding-left:0px;margin-left:20px}
#ficheproduit .avis {	font-weight: bold;	text-decoration: underline;}

#blocservice {	background-color: #f2f2f2;	padding:5px;}
#blocservice .titre {	font-size: 14px;	font-weight: bold;text-transform: uppercase;}
#blocservice .service {	font-size: 12px;	margin-left: 5px;}
.produit_fondgris {background-color:#f0f0f0;}
/* Option de la fiche (Gestion de la fiche, alerte, sofinco) */
.ficheOption {padding-top:10px;}
.ficheOption .titre, .ficheOption .magicolor {font-size:14px; font-weight:bold;text-transform: uppercase;}
.ficheOption .ficheOptionElement {padding-right:30px;}

/*pour le zoom*/
#zoom {position:absolute;left:200px;top:100px;z-index:100;display:none;border:1px solid #000; background-color:#fff;}
#img0 {display:block;}
#img1 {display:none;}
#img2 {display:none;}
#img3 {display:none;}
#img4 {display:none;}
#img5 {display:none;}
.number, .number a {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-decoration: none;text-align: center;}
#mask {position:absolute; background-image: url("http://media.maginea.com/ma/pixel_blanc.gif"); z-index:50; 
left:0px; top:0px;
width:100%; height:100%;
width:expression(document.body.clientWidth); height:expression(document.body.clientHeight); 
display:none; filter:alpha(opacity=50); -moz-opacity:0.5;}
/*fin zoom*/

/* Module comparaison */
.compareLigne td {padding: 2px 0px 2px 0px;}

#produitassocie {	background-color: #ffffff;}
#produitassocie .titre {	font-size: 12px;	text-transform: uppercase;	font-weight: bold;}
#produitassocie .designation {	 padding-left: 20px; font-weight: bold;}
#produitassocie .categorie {	font-size: 10px;}
#produitassocie .prix {	font-size: 12px;	font-weight: bold; padding-right: 20px;}
#fichetechnique {background-color: #ffffff;}
#fichetechnique TH {	font-size: 14px;	font-weight: bold;	text-align: left;text-transform: uppercase;}
#fichetechnique .libelle {	padding-left: 20px; font-weight: bold;}
#fichetechnique .valeur {margin-left:20px;padding-right: 20px;}
/*********** BLOC CRITIQUE A DROITE ***********/
#critique {	text-align: left;}
#critique a {	text-decoration: underline; }
#critique .titre {	text-transform: uppercase;	font-weight: bold;}
/*********** SECTION CRITIQUES DE LA FICHE PRODUIT ***********/
#critiques TH {	font-weight: bold; text-align: left;}
#critiques .auteur {	font-size: 10px;}
#critiques .texte {	font-size: 11px;	text-align: justify; padding-left:20px;}

/******* RECHERCHE **********/
span.search_results {border-bottom:1px solid black;text-transform: uppercase; font-weight:bold;}
span.search_big, span.search_big A {font-size:15px;font-weight:bold;}
tr.recherche_art_0 {background-color:#f2f2f2;}
tr.recherche_art_1 {background-color:#ffffff;}
span.recherche_navig {font-size:12px;}
span.recherche_navig img{vertical-align:middle}
span.recherche_navig span{vertical-align:middle}
span.recherche_navig span.nbPage {padding-right:5px;font-size:14px;text-transform:uppercase;font-weight:bold}
span.nCurrentPage {font-size:50px;font-weight:bold}
/******* LEXIQUE *************/
.lexi_active {font-size: 13px;font-weight: bold;}

.panier_content TH {background-color:#000000; color:#ffffff;}

.tab_bon {background-color: #f2f2f2;	border-top: 1px solid #000000;}
.titre_bon {text-align: left;	font-weight: bold;	text-transform: uppercase; }


/*********DETAIL DU PANIER AU SURVOL ***********/
#detailPanier {position:absolute;z-index:10;background-color:#fff;border: 1px solid #d4d4d4;display:none;}
#detailPanier .entete {font-weight:normal;font-size:11px;background-color:#828282;color:#ffffff;}
#detailPanier TD {font-weight:normal;font-size:11px;padding:0px 2px 0px 2px;}
#detailPanier .dsg{text-align:left;}
#detailPanier .qte{text-align:center;}
#detailPanier .prx{text-align:right;}