html{ font-family:  Tahoma, Arial, Verdana; 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; }
a, a:link, a:visited, a:hover{outline:none;}
/*---------- MAIN ----------*/

body{ text-align: center; background: #fff url(Gx/bg.gif) repeat-x top left;}
div#container{ text-align: left; background: url(Gx/frame_bg.gif) repeat-y top left; width: 980px; margin: auto; }

/*--------- HEADER --------*/

div#headers{ height:110px;width: 955px;   } div#headers img#logo{  } div#headers div#links{ }
div#headers div#panier{position:relative;top:-20px; } div#headers div#panier strong{ color: #c22d13; }
div#headers div#panier img, div#headers div#panier div{ 
	float: right; 
	background:  url(Gx/panier_bg.gif) repeat-x ;  
	height:19px; 
}

div#headers div#panier a, div#headers div#panier a:link, div#headers div#panier a:visited, div#headers div#panier a:hover{
	line-height:18px; 
	color: #b6b6b6; 
	font-size: 11px; 
	text-decoration: none; 
}
div#headers div#links {
	display:none;
}

/*--------- MENU ---------*/
div#menu{ 
	position:relative; 
	top :20px;
	width: 254px; 
	min-height: 400px; 
	float: left; 
	background:#fff url(Gx/menu_bg_1.jpg) repeat-y bottom left;
}
div#menu img{ display: none; } div#menu img#top{ display: inline; }

div#menu ul{ 
	width: 236px; 
	list-style: none;
	margin-left:10px;  
} 
div#menu ul li{
	background:#fff url(Gx/menu_bg_2.gif)  bottom left; 
	background-repeat:no-repeat;  
	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{ 
	font-weight:bold; 
	color: #000; 
	text-transform:uppercase;
	font-size: 14px; 
	text-decoration: none;  
	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: #ed318e; }

div#menu div#carte img{
	position:relative; 
	left:40px; 
	top:495px;   
	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 #carte_menu strong{ 
	position:relative; 
	top:15px;
	color: #747474; 
	font-size: 10px; 
	text-transform: uppercase;  
	display: block; 
}
div#menu div#carte #carte_menu{
	padding-left:20px; 
	background: url(Gx/bg_carte.jpg) no-repeat bottom left;  
	height:79px; 
}
div#menu div#carte div.info{
	padding-left:20px;
	clear:both;
	font-weight: normal; 
} 
div#menu div#carte div.info p.condition{
	color:#ED318E;
	position:relative;
	top:-15px;
}
div#menu div#carte div.info p.service{
	position:relative;
	top:-8px;
}

div#menu div#carte a, div#menu div#carte a:link, div#menu div#carte a:visited{ 
	color: #ED318E; 
	font-weight: normal; 
	text-decoration: none; 
} 
div#menu div#carte a:hover{ text-decoration:underline; }

div#menu div#carte #marie_menu{
	margin-left:10px; 
	background: url(Gx/MarieMenu.jpg)  top left; 
	height:292px; 
	width:236px; 
}


/* -------- CONTENU ------------*/

div#content{ 
	background:#fff url(Gx/top_content_bg.gif) no-repeat top left; 
	position:relative;
	top:18px;
	padding-top:20px;  
	margin-left:250px;   
	width: 714px; 
}
div#include table{margin:10px 0 10px 40px;}
div#include{ 
	background: #fff url(Gx/content_bg.gif) repeat-y bottom left;  
	width: 714px; 
	min-height:770px; 
} 
* html div#include{height: 795px; }
*+html div#include{min-height: 795px; }
* html div#content{position:relative;left:-10px; }

div#include h1{font-size:16px; margin: 10px 0  0 30px;  }
div#include strong.SecondTitre{display:none;}
div#content #nouveaute_fr{
	position:relative;
	top:-17px; 
	color: #ED318E;
	background: url(Gx/header_content_bg_fr.jpg) no-repeat top left; 
	width:711px; 
	height:216px;
}
div#content #nouveaute_en{
	position:relative;
	top:-17px; 
	color: #ED318E;
	background: url(Gx/header_content_bg_en.jpg) no-repeat top left; 
	width:711px; 
	height:216px;
}

div#content #nouveaute_Fr{
	position:relative;
	top:-17px; 
	color: #ED318E;
	background: url(Gx/header_content_bg_fr.jpg) no-repeat top left; 
	width:711px; 
	height:216px;
}
div#content #nouveaute_En{
	position:relative;
	top:-17px; 
	color: #ED318E;
	background: url(Gx/header_content_bg_en.jpg) no-repeat top left; 
	width:711px; 
	height:216px;
}

div.nouveautesimple{
	position:relative;
	top:25px; 
	left:33px; 
	background:  url(Gx/nouveaute_bg.jpg) no-repeat top left; 
	width: 461px; 
	height:159px;
	padding:12px 15px;  
}
div.nouveautesimple a, div.simple a:link, div.simple a:visited{ 
	color: #ED318E; 
	font-size: 13px; 
	font-weight: bold; 
	text-decoration: none; 
}
div.nouveautesimple img{
	float:left; 
	margin-right:20px;
} 
div.nouveautesimple a:hover img{  } 
div.nouveautesimple div.prix{  }
div.nouveautesimple strong{
	color:#fff; 
	font-size:14px;
} 
div.nouveautesimple div.commander{
	margin-top:75px;
	font-size:11px;
	margin-left:170px;
	font-weight: normal;
	color:#fff;
	background:  url(Gx/btn_nouveaute_bg.gif) no-repeat top left; 
	width: 241px; 
	height:28px;  
}
div.nouveautesimple div.commander span{
	position:relative;
	top:6px;
	left:130px;
}
div.nouveautesimple div.commander:hover{background:url(Gx/btn_nouveaute_bg_over.gif) no-repeat top left;}
div.nouveautesimple  .txtdiv{display:none;}
div.nouveautesimple  .imgdiv img{max-height:150px; overflow:hidden;}
* html div.nouveautesimple  .imgdiv img{height: expression(this.scrollHeight > 150? 150 : true);}
div#content #enteteContent{
	position:relative;
	top:-20px; 
	background: url(Gx/top_content_bg.gif) no-repeat top left; 
	width:715px; 
	height:34px;
}

.paragraphe{font-weight:normal;}
div.detail  .ul_texte li{ margin-left:20px;}

/* ---------- PIED DE PAGE ----------- */

div#piedPage{
	clear:both;
	position:relative;
	left:10px;
	padding-top:20px;
	width:955px; 
	height:32px;  
	background: url(Gx/bottom_content_bg.gif) no-repeat top right; 
	color: #3b3939; 
	font-size: 11px;    
}
div#piedPage .Copyright{margin-left:257px;}
*+html div#piedPage{position:relative;left:14px;}

/* ---------- PAGE INDEX ------------- */

.btn_voir_produits{
	position:relative;
	top:85px;
	margin-left:460px;
}

#categorie_musique_fr{
	position:relative;
	top:-20px;
	width:716px; 
	height:204px;
	background:#fff url(Gx/musique_bg.jpg) no-repeat top left; 
}
#categorie_musique_en{
	position:relative;
	top:-20px;
	width:716px; 
	height:204px;
	background:#fff url(Gx/musique_bg_en.jpg) no-repeat top left; 
}
* html #categorie_musique_fr{width:715px;}
* html #categorie_musique_en{width:715px;}

#categorie_musique_fr .btn_voir_produits, #categorie_musique_en .btn_voir_produits{
	position:relative;
	top:100px;
	margin-left:475px;
}

#categorie_dvd{
	position:relative;
	top:-20px;
	width:686px; 
	height:204px;
	background:#fff url(Gx/dvd_bg.jpg) no-repeat top left;
	margin-left:14px; 
}
* html #categorie_dvd{width:686px;}

#categorie_vetements_fr{
position:relative;
top:-20px;
width:686px; 
height:204px;
background:#888888 url(Gx/vetements_bg.jpg) no-repeat top left;
margin-left:14px; 
}
#categorie_vetements_en{
position:relative;
top:-20px;
width:686px; 
height:204px;
background:#888888 url(Gx/vetements_bg_en.jpg) no-repeat top left;
margin-left:14px; 
}

#categorie_accessoires_fr{
position:relative;top:-20px;width:686px; height:204px;background:#888888 url(Gx/accessoires_bg.jpg) no-repeat top left;
margin-left:14px; 
}
#categorie_accessoires_en{
position:relative;top:-20px;width:686px; height:204px;background:#888888 url(Gx/accessoires_bg_en.jpg) no-repeat top left;
margin-left:14px; 
}

#categorie_affiches_fr{
position:relative;
top:-20px;
width:686px; 
height:204px;
background:#888888 url(Gx/affiches_bg.jpg) no-repeat top left;
margin-left:14px;
}
#categorie_affiches_en{
position:relative;
top:-20px;
width:686px; 
height:204px;
background:#888888 url(Gx/affiches_bg_en.jpg) no-repeat top left;
margin-left:14px; 
}

/* --------- PRODUITS --------- */

div.simple{
text-align:center;
margin:0 -20px 3px 20px; 
background: #fff url(Gx/simple_item_bg.gif) no-repeat top left; 
width: 221px; 
height:235px;  
float: left;
padding-top:10px; 
}
* html div.simple{margin:0 -10px 13px 10px;}

div.simple a, div.simple a:link, div.simple a:visited{ 
color: #ED318E; 
font-size: 13px; 
font-weight: bold; 
text-decoration: none; 
}
div.simple img{margin-top:7px; } div.simple a:hover img{  }
div.simple strong{position:relative;top:-15px; color: #ED318E; } 
div.simple strong.arrows{ display: none; } 
div.simple div.prix{ 
	position:relative;
	top:-15px;
	font-weight:normal;
	color: #fff; 
	background: url(Gx/btn_panier_bg.gif) no-repeat top left; 
	margin:5px 0 0 15px; 
	height:22px;
	width: 191px;
	padding-top:5px;
}
div.simple div.prix:hover{background: url(Gx/btn_panier_bg_over.gif) no-repeat top left;}

div.simple span{display:none; }
* html div.simple div.prix{margin:5px 0 0 10px;height:29px;}

div.simple .txtdiv{display:none;}
div.simple .imgdiv img{max-height:150px; overflow:hidden;}
* html div.simple .imgdiv img{height: expression(this.scrollHeight > 150? 150 : true);}
div.simple a:hover strong{ color: #ED318E; text-decoration: underline; } 


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: 5px 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{border-top:2px solid #ED318E;border-bottom:1px solid #ED318E;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/btn_panier_bg.gif) no-repeat top left; 
	width: 191px;
	height:20px; 
	display: block;
	padding-top:7px; 
} 
div.detail a.btn:hover{background: url(Gx/btn_panier_bg_over.gif) no-repeat top left;  }

* html div.detail a.btn{padding-bottom:7px; }

div.detail h3{ font-size: 13px; text-transform: uppercase; margin: 0 0 5px 0; }

div.detail h2{ color: #ED318E; } 
div.detail div.texte label strong{ color: #db0000; }
div.detail 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;
}

