html{ font-family: Arial, Verdana, Tahoma; font-size: 0px; }
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{ border: 0px; margin: 0 0 0 0; padding: 0 0 0 0; }

/* MAIN */

body{ text-align: center; background: #0c0e0b url(Gx/bg.gif) repeat-x top left; padding: 0 0 10px 0; }
div#container{ text-align: left; background: url(Gx/frame_bg.gif) repeat-y top left; width: 940px; margin: auto; }

/* HEADER */

div#headers{ background: url(Gx/bg.gif) repeat-x top left; padding: 0 0 37px 0; position: relative; } div#headers img#logo{ margin: 72px 0 0 0; } div#headers div#links{ display: none; }
div#headers div#panier{ position: absolute; top: 10px; right: 11px; } div#headers div#panier strong{ color: #c22d13; }
div#headers div#panier img, div#headers div#panier div{ float: right; }
div#headers div#panier a, div#headers div#panier a:link, div#headers div#panier a:visited, div#headers div#panier a:hover{ color: #b6b6b6; font-size: 11px; text-decoration: none; }

/* MENU */

div#menu{ width: 220px; min-height: 400px; float: left; }
div#menu img{ display: none; } div#menu img#top{ display: inline; }

div#menu ul{ list-style: none; margin: 0 0 0 20px; } div#menu ul li{ background: url(Gx/menu_bg_2.gif) no-repeat bottom left; padding: 0 0 1px 0; } div#menu ul li strong{ display: none; }
div#menu ul li a, div#menu ul li a:link, div#menu ul li a:visited{ color: #9f9f9f; font-size: 14px; text-decoration: none; background: url(Gx/menu_bg_1.gif) repeat-y top left; padding: 10px 0 10px 13px; display: block; }
div#menu ul li a:hover, div#menu ul li a.actif, div#menu ul li a.actif:link, div#menu ul li a.actif:visited, div#menu ul li a.actif:hover{ color: #FFFFFF; }

div#menu div#carte{ margin: 20px 0 0 20px; } div#menu div#carte img{ margin: 0 10px 0 0; float: left; display: block; }
div#menu div#carte{ color: #8f8f8f; font-size: 11px; font-family: Tahoma; font-weight: bold; } div#menu div#carte strong{ color: #747474; font-size: 10px; text-transform: uppercase; margin: 0 0 5px 0; display: block; }
div#menu div#carte div.info{ margin: 0 0 10px 0; } div#menu div#carte div.info span{ color: #ee2c22; font-weight: normal; }
div#menu div#carte a, div#menu div#carte a:link, div#menu div#carte a:visited{ color: #ee2c22; font-weight: normal; text-decoration: none; } div#menu div#carte a:hover{ color: #000000; }

/* FOOTER */

div#piedPage{ color: #6b6b6b; font-size: 11px; font-family: Tahoma, Verdana; background: #0c0e0b url(Gx/footer_bg.gif) no-repeat 10px 0px; width: 931px; padding: 55px 0 0 10px;  margin: auto; }

/* CONTENU */

div#content{ background: url(Gx/contenu_bg.gif) no-repeat top left; width: 686px; padding: 25px 30px 0 4px; float: left; }
div#include{ background: #FFFFFF url(Gx/bottom_i.gif) no-repeat bottom left; width: 686px; min-height: 380px; } div#include div.panier{ padding: 0 20px 0 20px; }
div#accueil div#categorie div.logo{ margin: 15px 0 0 0; } div#accueil div#categorie div.titre{ margin: 10px 0 20px 80px; } div#include div#categorie div.titre{ margin: 20px 0 0 0; float: right; }
div#accueil div.cat_338, div#accueil div.cat_339, div#accueil div.cat_340, div#accueil div.cat_342{ margin: 0 0 10px 0; }

/* CATÉGORIE */

div#categorie{ line-height: 0%; width: 686px; padding: 5px 0 0 0; } div#categorie div.contenu{ width: 681px; padding: 0 5px 5px 0; position: relative; }
div#categorie div.photo{ float: right; display: block; } div#categorie div.photo img{ margin: 0 0 0 5px; } div#categorie div.logo{ float: left; display: block; } 
div#categorie div.bouton{ width: 210px; height: 27px; padding: 4px; position: absolute; bottom: 5px; right: 5px; } div#categorie div.bouton div{ background: url(Gx/bouton_bg.gif) no-repeat top left; width: 210px; height: 21px; padding: 6px 0 0 0; }
div#categorie div.contenu{height:189px;}
div#categorie div.bouton a, div#categorie div.bouton a:link, div#categorie div.bouton a:visited{ color: #bdbdbd; font-family: Tahoma; font-size: 11px; font-weight: bold; line-height: 100%; text-transform: uppercase; text-decoration: none; padding: 1px 0 0 22px; } div#categorie div.bouton a:hover{ color: #FFFFFF; }
div.cat_338 div.bouton a, div.cat_339 div.bouton a, div.cat_340 div.bouton a, div.cat_341 div.bouton a, div.cat_342 div.bouton a{ background: url(Gx/fleche.gif) no-repeat top left; }

div.cat_338{ background: url(Gx/fond_338.jpg) no-repeat top left; height:199px; position:relative;}/* div.cat_338 div.contenu{ background: url(Gx/bottom_338.gif) no-repeat bottom left; } */
div.cat_338 div.bouton{ background: url(Gx/bouton_bg_342.gif) no-repeat top left; } div.cat_338 div.bouton a:hover{ background: url(Gx/fleche_338.gif) no-repeat top left; }

div.cat_339{ background: url(Gx/fond_339.jpg) no-repeat top left; height:199px; position:relative;} /* div.cat_339 div.contenu{ background: url(Gx/bottom_339.gif) no-repeat bottom left; } */
div.cat_339 div.bouton{ background: url(Gx/bouton_bg_342.gif) no-repeat top left; } div.cat_339 div.bouton a:hover{ background: url(Gx/fleche_339.gif) no-repeat top left; }

div.cat_340{ background: url(Gx/fond_340.jpg) no-repeat top left; height:199px; position:relative; } /* div.cat_340 div.contenu{ background: url(Gx/bottom_340.gif) no-repeat bottom left; } */
div.cat_340 div.bouton{ background: url(Gx/bouton_bg_342.gif) no-repeat top left; position:absolute; bottom:10px; right:10px;} div.cat_340 div.bouton a:hover{ background: url(Gx/fleche_340.gif) no-repeat top left; }

div.cat_341{ background: url(Gx/fond_341.jpg) no-repeat top left; height:199px; position:relative;} /* div.cat_341 div.contenu{ background: url(Gx/bottom_341.gif) no-repeat bottom left; } */
div.cat_341 div.bouton{ background: url(Gx/bouton_bg_342.gif) no-repeat top left;} div.cat_341 div.bouton a:hover{ background: url(Gx/fleche_341.gif) no-repeat top left; }

div.cat_342{ background: url(Gx/fond_342.jpg) no-repeat top left; height:199px; position:relative;} /* div.cat_342 div.contenu{ background: url(Gx/bottom_342.gif) no-repeat bottom left; } */
div.cat_342 div.bouton{ background: url(Gx/bouton_bg_342.gif) no-repeat top left;} div.cat_342 div.bouton a:hover{ background: url(Gx/fleche_342.gif) no-repeat top left; }

/* PRODUITS */

div.simple{ width: 165px; margin: 15px 30px 0 30px; float: left; }
div.simple a, div.simple a:link, div.simple a:visited{ color: #626262; font-size: 13px; font-weight: bold; text-decoration: none; }
div.simple img{ border: #FFFFFF 5px solid; } div.simple a:hover img{ border: #e8e8e8 5px solid; }
div.simple strong{ color: #db0000; } div.simple strong.arrows{ display: none; } div.simple div.prix{ color: #626262; }
div.simple span{ color: #FFFFFF; font-size: 11px; font-weight: normal; text-align: center; background: url(Gx/bouton_bg_2.gif) no-repeat top left; width: 135px; padding: 6px 0 7px 0; margin: 5px 0 0 0; display: block; }
div.simple a:hover strong{ color: #ee2e24; text-decoration: underline; } div.simple a:hover span{ background: url(Gx/bouton_bg_2_ov.gif) no-repeat top left; }

div.simpled{ position: relative; } div.simpled div.txtdiv{ display: none; } div.gris{ background: #f4f4f4; }
div.simpled a, div.simpled a:link, div.simpled a:visited, div.simpled a:hover{ color: #626262; font-size: 13px; font-weight: bold; text-decoration: none; padding: 0 25px 15px 25px; width: 616px; display: block; }
div.simpled strong{ text-transform: uppercase; } div.simpled strong.arrows{ display: none; }
div.simpled div.description{ width: 490px; margin: 5px 0 0 0; } div.simpled div.prix{ font-weight: bold; text-align: center; width: 135px; position: absolute; top: 15px; right: 25px; }
div.simpled span{ color: #FFFFFF; font-size: 11px; font-weight: normal; text-align: center; text-decoration: none; background: url(Gx/bouton_bg_2.gif) no-repeat top left; width: 135px; padding: 6px 0 7px 0; display: block; position: absolute; top: 35px; right: 25px; }
div.simpled a:hover strong, div.simpled a:hover div.description{ color: #ee2e24; text-decoration: underline; } div.simpled a:hover span{ background: url(Gx/bouton_bg_2_ov.gif) no-repeat top left; text-decoration: none; }

div.simpled.item_338 strong{ color: #ee2d23; } div.simpled.item_338 div.prix{ color: #db0000; }
div.simpled.item_339 strong, div.simpled.item_339 div.prix, div.simpled.item_340 strong, div.simpled.item_340 div.prix{ color: #006aad; }

div.detail{ color: #626262; font-size: 11px; font-weight: bold; padding: 15px 25px 15px 25px; }
div.detail h2{ font-size: 13px; text-transform: uppercase; margin: 0 0 5px 0; }
div.detail img{ border: #e8e8e8 5px solid; } div.detail div.imgdiv{ float: left; margin: 0 5px 5px 0; }
div.detail div.texte{ width: 350px; font-weight: normal; display: block; } div.detail div.texte.droite{ float: right; } div.detail div.texte div{ background: #f4f4f4; padding: 10px; } div.detail div.texte strong{ font-size: 13px; text-transform: uppercase; } 
div.detail div.texte label{ font-size: 13px; font-weight: normal; }
div.detail a.btn, div.detail a.btn:link, div.detail a.btn:visited{ color: #FFFFFF; font-size: 11px; font-weight: normal; text-align: center; text-decoration: none; background: url(Gx/bouton_bg_2.gif) no-repeat top left; width: 135px; padding: 6px 0 7px 0; display: block; } div.detail a.btn:hover{ background: url(Gx/bouton_bg_2_ov.gif) no-repeat top left; }
div.detail h3{ font-size: 13px; text-transform: uppercase; margin: 0 0 5px 0; }

div.detail.item_338 h2, div.detail.item_341 h2{ color: #ee2d23; } div.detail.item_338 div.texte label strong, div.detail.item_341 div.texte label strong{ color: #db0000; }
div.detail.item_339 h2, div.detail.item_340 h2, div.detail.item_339 div.texte label strong, div.detail.item_340 div.texte label strong{ color: #006aad; }

/* LIGHTBOX */
#lightbox { padding:20px 20px 5px 20px; background-color:#e8e8e8; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#626262; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#db0000; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 

div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #333333;
	/*filter:alpha(opacity=30);*/
	-moz-opacity: 0.3;
	opacity: 0.3;
}


