/*  ----------------------------------------------------------- */
/*  Feuilles de styles de ABREVES
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	font-family: Verdana, Arial, sans-serif;
	font-style : normal;
	background: #000 url('images/trame.jpg') repeat center top;
	text-align: center;
	font-size: 100%;
	color: #FFF;
	margin:0em;
	padding:0em;
	
}

img, table, form { margin: 0; padding: 0; border: none;}
/** formulaires **/
input.formLeos, form.formLeos input, select.formLeos, textarea.formLeos 	{background:#F9E3CC; border:1px #6B472E solid; text-align:left;color:#422311;} 

.moduleRow { background-color: #836756;}
.moduleRowOver { background-color: #978771; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #A87D3D; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }


a.photo img{  padding: 0;border:1px solid #669933; }
a:hover.photo img{  padding: 0;border:1px dashed #fff;background: #669933; }

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TABLE, TD, TR {color: #DDD2C3;font-size:1em;font-family: Verdana, Arial, sans-serif;}

a { color: #BCC5D2; text-decoration: none;}
a:hover { color: #E4A83D; text-decoration: underline;}

span.separator_10_1 { border:0px solid red; display:block; width: 10px; height:1px;} /*## separateur 10x1 ##*/
span.separator_100_10 { border:0px solid red; display:block; width: 100%; height:10px;} /*## separateur 10x1 ##*/

/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.messageStackError { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FFBD42}
.messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FFBD42}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFBD42; }
.messageStackSuccess img, .messageStackWarning img, .messageStackError img {vertical-align:middle;}

.infoBoxContents {
  background: #583B29;
}
.infobox {border: 1px #694024 solid;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

/* peut servir a placre des div dans certaines pages */
div.R, span.R {float:right;margin-right: 1em}
div.L, span.L {float:left;margin-left:1em}
div.Clear, span.Clear {clear:both;}

#page {
	width: 802px;
	height: auto;
	text-align: left;
	margin-top : 50px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	background: transparent;
	border: 0px Solid #D9D9D9;
	 
}

#haut {
	width: auto;
	height: 114px;
	position:relative;
	margin-top : 0em;
	margin-left: 0;
	background: url('images/panHD.jpg') bottom right no-repeat;
	font-size: 0.77em;
}

#haut span {
		 
}

#shoppingCart {
/*	border:1px blue solid;*/
	height: 30px;
	width: 120px;
	float: left;
	margin-left: 80px;
	margin-top: 30px;
	color: #919AAE;
	font-size: 0.9em;
}
#shoppingCart a{color: #919AAE;text-decoration: none;}
#shoppingCart a:hover{color: #E4A83D;text-decoration: none;}

#PanoFlash {
	/*border:1px red solid;*/
	height: 60px;
	width: 256px;
	float: right;
}



#panH {
	height: 20px;
	width: 802px;
	margin:0;
	background: url('images/panH.jpg') bottom center no-repeat;
}

/*##############
#    Pour le Pannel ---
###############*/

#pannel {
	height: auto;
	width: 800px;
	border : 1px #B8A698 solid;
	border-top : 0px;
	border-bottom : 0px;
	background: #361907;
	font-size: 0.71em;
}
/* Haut --*/
#pannel #pan_haut {
		width: 800px;
		background: url('images/pannelHaut_bg.jpg') top center no-repeat;
		line-height:30px;
		height:38px;
}

#pannel #pan_haut .titre{
	color: #B8A798;
	float:left;
	font-size: 1em;
}
#pannel #pan_haut h2 {font-size: 1.4em; font-weight:bold; padding-left:1.5em;} /* pour les titres sans images*/
#pannel #pan_haut .img_title{ vertical-align:middle;margin-top:0px;} 

#pannel #pan_haut .prix{
	color: #a8b2ca;
	font-size: 1.5em;
	float: right;
	margin-right: 10px	;
	font-weight: bold;
}

/* ############# CENTRE --- */ 
/*###
## > Partie centrale avec & photo G + encadré
####*/
#pannel #pan_centre {
	position: relative;
	visibility: visible;
	font-size: 1em;
	margin: 0px;
	width: 800px;
	color: #DDD2C3;
	/*border: 1px green solid;*/
} 



#pannel  #pan_centre #flashLampes{
	width: 330px;
	/*height: 340px;*/
	/*border: 1px red solid;*/	
	float:left;
	position: relative;
	
}

#pannel  #pan_centre #zonePro{
	width: 330px;
	height: 80px;
	/*border: 1px red solid;
	padding : 1em;*/
	/*position: relative;*/
	
}

#pannel  #pan_centre  #content_box{
	float: right;
	position: relative;
	width: 435px;
	margin:10px;
	border: 1px #5D4231 solid;
	background: #361907 url('images/content_box_bg.jpg') top right repeat-y;
	
}


#pannel #pan_centre #content_box .box_img{float:left; width:110px;height:auto;	}

#pannel #pan_centre #content_box a.btn_index {text-align: center;display:inline; margin-left: 3px;}
#pannel #pan_centre #content_box a.btn_index img { border: 1px #B8A698 solid;}
#pannel #pan_centre #content_box a.btn_index:hover  img{border: 1px dashed white;}


#pannel #pan_centre #content_box .content_img{
	float: left;
	width: 90px;
	height: 90px;
	margin:10px;
	border: 2px #D8D2CF solid;
}

#pannel #pan_centre #content_box .content_text{
	float: right;
	color: #DDD2C3;
	width: 300px;
	height: auto;
	margin: 0.8em;
	margin-top: 20px;
	text-align: justify;
}

#pannel #pan_centre #content_box  p{

	color: #fbecdc;
	padding: 0.65em;
	text-align: justify;

}
#pannel #pan_centre #content_box .content_text .legende{	color: #88776F;}

#pannel #pan_centre #content_box  span#colorLamp{display:block; border: 0px #646C76 solid; text-align:center;margin-top:0.8em;}
#pannel #pan_centre #content_box .content_text .nbr, .qte_box { background:#F9E3CC; border:1px #6B472E solid; text-align:center;color:#422311;}
#pannel #pan_centre #content_box .content_text .couleurLampe{ border: 2px #646C76 solid;}
#pannel #pan_centre #content_box .content_text .couleurLampe_on{ border: 2px red solid;}
#pannel #pan_centre #content_box .achat_valid{ margin:0.5em; display: block; float:right;width:400px;}

/*###
## > Partie centrale avec Page entiere
####*/
#bigContent {
	clear:both;
	position: relative;
	width: 780px;
	padding: 10px;
	color: #DDD2C3;
	text-align: justify;
}
/*** ---------------------------- .fin***/


#panB {
	clear:both;
	position: relative;
	height: 54px;
	width: 802px;
	margin:0;
	background: url('images/panB.jpg') bottom center no-repeat;
}

/* -- Langues */
#language {
	position: absolute;
	text-align: center;
	margin-left: -30px;
	margin-top: -10px;
	/*border:1px solid white;*/
	width: 30px;
	height: 60px;
}
#language ul {
	list-style: none;
	margin: 0px;
	padding: 0;
}
#language ul li {
	margin-bottom: 1px;
}
#language ul li a {
  line-height: 20px;
  opacity:0.5;
  filter: alpha(opacity = 50);
  background: url('images/langue_bg.jpg') top left no-repeat;
  height: 20px;
  display: block;
}
#language ul li a img{
	margin-top: 2px;
}
#language ul li a:hover {
  opacity: 1;
  filter: alpha(opacity = 100);
}
/*fin langues */

#navBottom {
	height: 30px;
	width: 455px;
	margin-top:24px;
	float: right;
	font-size: 0.71em;
	color:#6A6968;
	text-align:center;
}

#navBottom a {
	text-decoration: none;
	color:#6A6968;
}

#navBottom a:hover {
	text-decoration: underline;
	color:#CE7E46;
}

#footer span {
	color: #59514A;
	font-size: 0.6em;
	width: auto;
	/*border: 1px white dashed;*/
	/*display: table-cell;*/
	float:left;
	padding:0.5em;
	letter-spacing: 0px !important;
	letter-spacing: -1px;
}
#footer span.CB {
	/*border: 1px solid #59514A;*/
	width: 124px;
	height:50px;
	text-align:center;
	padding: 0;
}

#footer span.CB a{
	opacity:0.3;
  	filter: alpha(opacity = 30);
  	height: 30px;
  	width: 79px;
}
#footer span.CB a.neo{
	opacity:0.6;
  	filter: alpha(opacity = 60);
}

#footer span.CB a:hover{
	opacity:1;
  	filter: alpha(opacity = 100);
}

#footer {
	
	margin-left: auto;
	margin-top: 0px;
}

/*---------------------------------------*/
/*#######################
	MENU
	Partie constructrice
#######################*/
#menuContent {
	position:relative;
	/*height: 30px;*/
	width: 435px;
	z-index: 2;
	margin-left: 0px;
	margin-top:-53px;
	float: right;
	border:0px red dashed;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin:0;
	list-style: none;
	line-height: 30px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;

}

#nav a {
	display: block;
	text-align: center;
	color: #BCC5D2;
	text-decoration: none;
}
#nav li { /* largeur niveau 0 */
	float: left;
	
	width: 138px; /* width needed or else Opera goes nuts */
	border-right: 1px solid #71543F;
	border-left: 1px solid #3D241B;
}

#nav li ul li{ /* largeur niveau 1&2 */
	float: right;
	width: 138px; /* width needed or else Opera goes nuts */	 
}

#nav li ul a, #nav li ul a:hover  { /* Texte aligne Gauche pour sous_cat et ss_Cat */
	text-align: left;	
	line-height: 1.8em;
}

#nav li ul { /* second-level list */
	font-size: 11px;
	position: absolute;
	width: 138px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.6em 0px 0 -192px; /*## decalage des ss_ss_menu */
	font-size: 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Menu items with subcategories */	
#nav a.daddy {
	background: url(images/menu/arrow_down_right.gif) center left no-repeat; 
}

/* Selected items with subcategories */	
/*
#nav li.selected {
    background-color: #FFCC00;
}
#nav li.nonSelect {
    background-color: #232323;
}
*/

/*#############################
* 	Menu : Design
#############################*/

/* >Nom categ hover*/
#nav a:hover {
	color: #E4A83D ; 
	background-color: transparent;
}
/* > Liens Sous_cat et ss_cat */ 
#nav ul a { 
	color: #3B2616;
	text-decoration: none;
}
#nav ul a:hover { 
	color: #DDD2C3; 
	background: url('images/sous-catBG.jpg') top left no-repeat;
}
/* LIEN NIVEAU 0 Selected  */
#nav .root_selected a.daddy_root{ 
	font-weight: bold;
	background-color: #9B673A ;
	color: #E4A83D;
	text-decoration: none;
	font-weight: bold; 
	height: 30px;
}
/* LIEN NIVEAU 0 nonSelect */
#nav .root_nonSelect a.daddy_root{ 
	/*background-color: #3366CC;
	border :1px solid #3366CC;*/
	text-decoration: none;
	height:30px;
	 
}

/*FOND NIVEAU 1*/
#nav  ul.sous_cat li.nonSelect {
    background-color: #DDD2C3;
}
/*FOND NIVEAU 2*/
#nav  ul.ss_cat li.nonSelect {
    background-color: #DDD2C3;
}

/*FOND lorsque selectionne sur les 3 levels*/
#nav li.selected a{
    background-color: #675243;
    color: #DDD2C3;
}

/*FOND & CONTOUR DES BOXES MENU #idCat''*/
#nav  ul, ul ul {
	background-color: #DDD2C3;	
	border : 1px solid #3D241B;
	border-top: 0px dotted #3366CC;
	 
}

/*#####################################*/
/*-------------------------*/
/*----- product listing ---*/

div.listing {height: 331px; margin: 0em; float: left;text-align: center;}
div.listing span{ display:block; width: 255px; border:0px black solid; width: 248px;}
div.listing span.listingTop {
	height: 28px;
	line-height: 32px !important;
	line-height: 28px;
	width: 255px;
	background:  url('images/prod_box_top.jpg') top center no-repeat;
	text-align:left;
}

div.listing  span.listing_Content { 
	background: url('images/prod_box_mid.jpg');
	background-position:center;
	background-repeat:repeat-y;
	width:255px;
	height: 253px;
		
}
	
div.listing span.listingBottom { 
	clear: both; 
	height: 35px;
	width:255px; 
	background:  url('images/prod_box_bot.jpg') bottom center no-repeat; 
	margin-top:0px;
	text-align:right;
}

span.listingTop a{ font-size: 1.3em; color:#FFF; text-decoration: none; font-weight: bold; padding-left:1em; }
a.listingImage{margin:0px; display:block;}
/*
a.listingImage img {border:1px solid green;}
a.listingImage:hover img {border:1px dotted green;}
*/

div.listing span.listingImage a {text-align:center;}

/*div.listing .listingInfos { display: block; border:1px red dashed; }*/
/**/
div.listing span.listingPrice span {display:inline;}
div.listing span.listingPrice {color: #FFFCEA; font-size: 1.3em; line-height:20px; width:240px;}
div.listing span.listingPrice .productSpecialPrice {color:#EECF94;}
/*div.listing span.listingBuy {display:inline; float: right;}*/


#splitPageBottom{width: 100%; clear:both;}
p.sP1{float: left;}
p.sP2{float: right;}


/*-------------------------*/
/* -- shopping_cart.php -- */
div#cartContent input {margin: 0; padding:0; }

div#cartContent { margin: 0; }

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #DDD2BA;
  border-spacing: 0px;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #422311;   
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #422311;
}

TR.productListing-even TD, TR.productListing-odd TD {
border-top :1px dashed #25170E;
}
TR.productListing-even TD TD, TR.productListing-odd TD TD {
border :0px;
}
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  background: url('images/product_listing_tabHead.jpg') top center repeat-x;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 1em;
  border: 0px;
}
TD.suppr{
background : #594032;

}
TD.content{
 font-size: 1em;
  background: #422311	 url('images/content_box_bg.jpg') top left repeat-y;
}
TD.productListing-data a.Pcart_title{
  font-size: 1.2em;
  text-decoration:none;
  color:#9199AE;
  font-weight:bold;
}

TD.productListing-data a.Pcart_title:hover{
  text-decoration:none;
  color:#E4A83D;
}



SPAN.markProductOutOfStock {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #E4A83D;
  font-weight: bold;
  margin-left: 2px;
}

.panier_img {	 
	border: 1px #DDD2BA solid;
}
.subtotal {
	font-size: 1.2em;
	display:block;
	text-align:right;
}
.stockWarning {
	color: #E4A83D;
}
#cart_command, #bottom_btn {
	border:#0000FF solid 0px;
	height: 35px;
	text-align: right;
	margin-bottom:1em;
}

/*#####################################*/
/*-------------------------*/
/* -- LOGIN.php -- */


div.login_box{
  background: #4A2916 url('images/content_box_bg.jpg') top left repeat-y;
  width: 370px;
  -height: 220px;
  margin: 8px;
  border: 1px solid white;
}

.login_box span {display:block; margin:0.5em;}
div.login_box span.title{
	font-weight: bold;
	color: #DEC475;
	font-size: 1.4em;
	background: url('images/product_listing_tabHead.jpg') top left repeat-x;
	line-height: 1.4em;
	margin:0;
	padding-left:0.5em;
	margin-bottom: 1em;
}
.login_box .login_btn {
	margin-bottom:0.5em;
	margin-right:0.5em;
	text-align:right;

}
/*#####################################*/
/*-------------------------*/
/* -- create_account.php -- */
.inputRequirement {color: #E4A83D;}
#create_form {
	background: #422311 url('images/content_box_bg.jpg') top left repeat-y	;
	border: 1px solid #DDD2BA;
	padding: 0.5em;
}
#create_form span.formbox {
	display:block; margin:0.5em;
	border-bottom: 1px dotted #FFF;
	padding: 0.5em;
	margin-bottom: 2em;
}

#create_proform span.formbox {
	 
	padding: 0.5em;
}

#create_proform {
	background: #422311	;
	border: 1px solid #DDD2BA;
	margin: 0 2em 0.5em 2em;
}
#create_proform div.title {
	background:transparent url(images/product_listing_tabHead.jpg) repeat-x scroll left top;
	color:#DEC475;
	text-align: right;
	line-height:1.4em;
	padding:0.5em;
}

/*#####################################*/
/*-------------------------*/
/* -- checkout_shipping.php -- */

p.productsNotifications { font-size:10px;color: #85776E;background:#5D402E;}
TD.title {
	font-size : 1.1em;
	background: #815633;
	line-height: 1.2em;
	/*border: 1px solid #694024;
	border-bottom: 0px;*/
	color: #DEC475;
	padding: 0px 5px;
}

TD.expose, span.expose{
	font-size : 1em;
	color: #DEC475;
}
TD.formMain{color:#BCC5D2;}