@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
td {
	vertical-align: top;	
}

a {
	text-decoration: underline;
	color: #FFF;
}

h2, h1 {
	font-size:12px;
}

body {
	line-height: 1;
	font-family:Verdana, Geneva, sans-serif;
	background:#000;
	height:100%;
	color:#FFF;
	text-align:center;

}
ol, ul {
	list-style: none;
	
}

#page{
	background:url(images/pagebg.png) repeat;
	min-width:860px;
	width:990px;
	margin-left:auto;
	margin-right:auto;		
}

#container{
	margin-left:auto;
	margin-right:auto;
	width:900px;	
}
#header{
	background:url(images/header.png) no-repeat center #000;
	height:85px;
	width:auto;
	font-weight:bold;
	font-size:14px;
	color:#979899;
}
#logo{
	background:url(images/logo.gif) no-repeat;
	height:48px;
	width:106px;
	margin-right:auto;
	margin-left:auto;
	text-indent:-9999px;
}
#nav{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	padding-top:10px;      
	font-size: 13px;
}
#nav ul{
}
#nav ul li{
	float:left;
	
}

#nav ul li a{
	color:#979899;
	text-decoration:none;
}

#nav ul li a#gr{
	color:#8cc63f;
}
#nav ul li a.or{
	color:#f96611;
}
#nav ul li a#gr:hover{
	color:#FFF;
}
#nav ul li a.or:hover{
	color:#FFF;
}
#nav ul li a:hover{
	color:#FFF;
}

#nav ul li a.articlemenu_on{
	color:#FFF;
}

#nav ul li a.articlemenu_on:hover{
	color:#FFF;
}

#cart{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	padding-top:10px;
	font-size: 11px;
	height:30px;
}

#cart img {
	vertical-align: middle;
}

#cart #top_left{
	float:left;
	margin-top:-8px;
	margin-left:30px;
}

#cart ul{
	float:right;
	background:url(images/cart.png) no-repeat right top;
	padding-right:30px;
	height:22px;
	margin-right:30px;
}

#cart ul li{
	float:left;
	padding-top:4px;
}

#cart ul li a{
	color:#FFF;
	text-decoration:none;
}
#cart ul li a:hover{
}
.clr{
	clear:both;
}
.products{
	width:270px;
	height:220px;
	background:#575857;
	margin:10px;
	float:left;
	color:#FFF;
	text-align:left;
}
.products .product_img{
	display:block;
	padding-left:55px;
}
.products h2{
	margin-top:-15px;
	margin-left:10px;
	font-size:12px;
	position:relative;
	z-index:10;
}
.products strong{
	float:right;
	margin-right:10px;
	margin-top:-12px;
}
.products div.first{
	font-size:12px;
	padding:1px;
	margin-left:10px;
	overflow: hidden;
	height:23px;
}
.products h3{
	background:url(images/button.png) no-repeat;
	font-size:9px;
	width:115px;
	height:15px;
	text-align:center;
	text-indent:8px;
	padding-top:2px;
	margin-top:0px;
	float:right;
	margin-right:10px;
	margin-top: -15px;
}
.products a{
	text-decoration:none;
	color:#4d4e3e;
}
#footer{
	background:#010101;
	color:#625f5f;
	font-size:13px;
	height:46px;
	text-align:center
}

#footer ul{
	width:650px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}
#footer ul li{
	float:left;
}
#footer ul li a{
	color:#625f5f;
	text-decoration:none;
}

#footer ul li a.or{
	font-weight: bold;
	color:#f96611;
}

#footer ul li a.or:hover{
	font-weight: bold;
	color:#FFF;
}

.products img.but{
	float:right;
	margin-right:10px;
}

.mainimage{
	margin-left:40px;
	color:#FFF;
	width:360px;
	height:370px;
	float:left;
	text-align:left;
}

#produitview{
	width:320px;
	height: 305px;
	padding-top:15px;
	position:relative;
	line-height: 305px;
	text-align:center;
	z-index:0;
}

#produitview img {
	vertical-align: middle;
}

.mainimage h2{
	margin-top:0px;
	z-index:1;
	position:relative;
	margin-left:35px;
	
}
.mainimage h2 strong{
	float:right;
	font-size: 18px;
	margin-right:35px;
}
#side{
	width:450px;
	float:right;
	color:#FFF;
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;
	line-height: 14px;
	position:relative;
	text-align:left;
}

#side #description {
	min-height:300px;
  	height:auto !important;
  	height:300px;
}

#side form {
	margin:15px 0 0 0;
}
#side p.desc {
	padding: 5px 0 5px 0;
}
#side h2{
	padding-top:5px;
}

#side ul {
	padding: 10px 0 0px 2px;
	margin:0	
}

#side li.colors{
	display:block;
	float:left;
	width:25px;
	height:25px;
	margin:0px 10px 10px 0px;
	cursor:pointer;
	border:0;
}

#side li img {
	display: block;
}

#side fieldset{
	padding: 10px 0 5px 0;
	width:auto;
}

#side li.colorOn {
	display:block;
	float:left;
	width:25px;
	height:25px;
	border:2px dotted #fff;
	margin:-2px 8px 8px -2px;
}

#side h3{
	background:url(images/button2.png) no-repeat;
	height:26px;
	width:131px;
	font-size:12px;
	padding-top:6px;
	text-align:center;
	margin-top:7px;
}

#side a {
	text-decoration: underline;
	color: #FFF;
	font-size:10px;	
}

.homepage h1{
	margin-top:20px;
	font-size:30px;
	font-weight:300;
	color:#DDD;
	letter-spacing: 4px;
	font-size:22px;
	text-align:center;
}
.homepage{
	background:url(images/homepagelogo.png) center bottom no-repeat;
	height:150px;
	margin-right:auto;
	margin-left:auto;

}

#bot{
	background:url(images/botbg.png) no-repeat;
	height:491px;
	width:990px;
	margin-right:auto;
	margin-left:auto;
	margin-top:-440px;
	position:relative;
	z-index:0;
	
}


#image{
	margin-right:auto;
	margin-left:auto;
	width:990px;
	margin-top: 50px;
}

/* addon divers fonctionnnement boutique */
.products_box {
	width: 880px;
	min-height:480px;
  	height:auto !important;
  	height:480px;
  	position:relative;
  	margin:0 auto 10px auto;
  	text-align:left;
}



.titre_top{
	border-bottom: 1px solid #FFF;
	margin-bottom: 15px;
	font-weight: bold;
	color:#FFF;
	font-size:16px;	
	padding-bottom:7px
}

.titre_pre{
	margin-bottom: 15px;
	font-weight: bold;
	color:#FFF;
	font-size:14px;	
	padding-bottom:7px	
}

#simple_content{
	margin:30px auto 30px auto;
	text-align: left;
	width:600px;
	min-height:400px;
  	height:auto !important;
  	height:400px;
	text-align:justify;
	font-size: 11px;
	text-align:left;
}

#tab{
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

.lighton{
	background:#C71C22;
	color:#FFF
}

.lightoff{
	background:#FFF;
	color:#000
}


#message_display{
 background:url(images/bg_message.gif) no-repeat;
 background-position: bottom left;
 padding-top:10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 20px;
 font-size: 11px;
 font-weight: bold;
 margin-bottom: 3px;
 display:none;
 color:#4D4E3E    
}

#message_display_register{
 background:url(images/bg_message.gif) no-repeat;
 background-position: bottom left;
 padding-top:10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 20px;
 font-size: 11px;
 font-weight: bold;
 margin-bottom: 3px;
 display:none;
 color:#4D4E3E 	
}

.button_action {
	background: url(images/button2.png) repeat;
	height: 26px;
	line-height:26px;
	color:#4D4E3E;
	font-weight: bold;
	text-align:center;
	width:220px;
	margin:0 auto 0 auto;
	cursor: pointer;
	border:0;
	padding:0 5px 0 5px;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 12px;
	
}

.button_action a{
	color:#FFFFFF;
	text-decoration: none ;
	height: 26px;
	display:block;	
}

.pagination {
	text-align: center;
	font-size: 11px;
	color:#FFF;
	padding-top:5px;
	position: absolute;
	bottom:-5px;
	width:100%
}

/* produit panier commande */
#panierbutton {
	position: relative;
	bottom:0px;
}

#panierbutton a{
	text-decoration:none;
	color:#4d4e3e;
	cursor:pointer;
}

#panier {
	border:1px solid #666;
	width: 220px;
	padding:3px;
	visibility:hidden;
	position:absolute;
	left: 50%;
	margin-left: 272px;
	top:33px;
	background: #000;
	color:#FFF;
	font-size:10px;
	font-weight: normal;
	z-index:10
}

#panier table, td {
	color:#FFF;
	font-size:10px;
}

#panier h3{
	background:url(images/button.png) no-repeat;
	font-size:9px;
	width:115px;
	height:15px;
	text-align:center;
	text-indent:8px;
	padding-top:2px;
	margin-top:5px;
	float:right;
}

#panier #close {
	line-height:20px;
	float:left;
}

#panier a h3{
	text-decoration:none;
	color:#4d4e3e;
}

.produit_titre {
	font-weight: bold;
	color:#FFF;
	font-size:14px;
	
}

.panier_top{
	color:#EDEDED;
	font-size:11px;
}

.panier_ligne_top{
	font-size: 11px;
	color:#FFF;
	padding-bottom: 12px;
	border-bottom: 1px solid #FFF;
}

.panier_ligne_recap{
	border-top: 1px solid #FFF;
	padding-top:12px ;
	font-weight: bold;
	font-size:11px;
}

.panier_ligne_simple{
	font-size:11px;
}

.panier_image_box{
	border:1px solid #000;
	background: #000000;
}
.panier_ligne{
	font-size: 11px;
	padding-top:12px;
	border-top: 1px solid #FFF;
	padding-bottom: 12px;
	border-bottom: 1px solid #FFF;
}

.panier_padding{
	padding-left:20px;
}

.panier_ligne_prix input {
	font-size:13px;
	font-weight: bold;
	text-align: center;
	width:29px;
	color:#000
}

.panier_ligne_prix{
	padding-top:12px;
	font-weight: bold;
	font-size: 14px;
	border-top: 1px solid #FFF;
	padding-bottom: 12px;
	border-bottom: 1px solid #FFF;
}

.panier_ligne_prix a{
	color:#FFF;
	font-weight: bold;
	text-decoration:none;
}

.panier_ligne_total{
	padding-top:12px;
	font-weight: bold;
	color:#FFF;
	font-size: 14px;
	border-top: 1px solid #FFF;
	padding-bottom: 12px;
	border-bottom: 1px solid #FFF;
}

.bleu_grand{
	color:#FFF;
	font-weight: bold;
	font-size: 12px;
}

.bleu_petit{
	color:#FFF;
	font-size: 11px;
	font-weight: normal;
}

.editable{
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 11px;
	font-family: arial;
}

.editable input {
	width:200px;
	margin-bottom: 5px;
}

#client_login_box{
	background:#000;
	width:230px;
	position:absolute;
	z-index:5;
	margin-left: 380px;
	padding:5px;
	text-align: left;
}

#client_register_box{
	width: 350px;
	padding-bottom:20px
}
/* div editinplace */
.editMode{display:none;}
.eip{display:none;}
.eip.editMode{display:block !important;}

input, select, textarea{
	border:1px solid #2a2d2e;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#player_container {
	margin: 0 auto 0 auto;
	width:510px;
}