/* CSS Document */

body {
	margin:0;
	padding:0;	
	
	background-color:#FFF;
	background-image:url(../layout/fond.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
		
	margin-bottom:0;
	margin-top:0;
	
		
}


.divProductDetail {
	display: inline-block ;
	float: right;

	cursor:pointer;
/*	vertical-align:middle;
	border-collapse: collapse;*/
	background-color:#AA9484;
	color:#FFFFFF;
	margin: 0;
	padding: 0px 8px 0px 8px;	/* = 5px 10 */
	border-left:#CCCCCC dashed 1px;
}

.divProductDetail:visited:hover  	 {
	display:inline-table;		/* TO AVOID THAT DIV ARE DISPLAYED ON MULTI-LINE : OTHER BROWSERS */
 	float: left ;				/* TO AVOID THAT DIV ARE DISPLAYED ON MULTI-LINE : this for FF or IE */
								/* Remember to use clear: both for the element after the divs to stop floating. */
	cursor:pointer;
	vertical-align:middle;
	/*border-collapse: collapse;*/

	background-color:#FFFFFF;
	color:#2D0C1D;
	margin: 0;
	padding: 0px 8px 0px 8px;	/* = 5px 10 */
	border-left:#CCCCCC dashed 1px;
}

a.linkOrange:active { color:#FF6600; font-weight:bold; text-decoration:none; }
a.linkOrange:link { color:#FF6600; font-weight:bold; text-decoration:none; }
a.linkOrange:visited { color:#FF6600; font-weight:bold; text-decoration:none; }
a.linkOrange:hover { color:#FF6600; font-weight:bold; text-decoration:underline; }


a.linkProduct:active { color:#FFFFFF; text-decoration:none; }
a.linkProduct:link { color:#FFFFFF; text-decoration:none; }
a.linkProduct:visited { color:#FFFFFF; text-decoration:none; }
a.linkProduct:hover { color:#FFFFFF; text-decoration:underline; }


	
a.linkProduct2:active { color:#2D0C1D; text-decoration:none; }
a.linkProduct2:link { color:#2D0C1D; text-decoration:none; }
a.linkProduct2:visited { color:#2D0C1D; text-decoration:none; }
a.linkProduct2:hover { color:#FFFFFF; text-decoration:none; }
	

.LinkMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:198px;

}

.LinkMenu ul li {
	position: relative;
	display: block;
	float: none;
	/*background-color: #F3F3F3; /*overall menu background color*/
	z-index:99;

}


.LinkMenu ul li a {
	display: block;
	background-color:#E5E5E5;
	color:#2D0C1D;
	text-decoration:none;
	width:198px;
}

.LinkMenu ul li a:hover {
	display: block;
	background-color:#AA9484;
	color:#FFFFFF;
	text-decoration:none;



}

/*a:link    { color: #FFFFFF }    /* unvisited links */
/*a:visited { color: #FFFFFF }   /* visited links   */
/*a:hover   { color: #FFFFFF } /* user hovers     */
/*a:active  { color: #FFFFFF }   /* active links    */


/***** PRODUCTS PICTURES SECTION *****/
.divProductPicture {
	display:inline-table;		/* TO AVOID THAT DIV ARE DISPLAYED ON MULTI-LINE : OTHER BROWSERS */
 	float: left ;				/* TO AVOID THAT DIV ARE DISPLAYED ON MULTI-LINE : this for FF or IE */
								/* Remember to use clear: both for the element after the divs to stop floating. */
	text-align:left;							
	overflow:hidden;
/*	overflow-x:auto;*/
	width:638px;
	border-bottom:#333333 solid 1px;
	white-space:nowrap;
/*	cursor:pointer;*/
}

.divProductPicture img { 
	border: 0px; 
	border-right:#333333 solid 1px;
	vertical-align:top;
	height:150px;
	
	}
/***** END. *****/

.BoxWithScroll {scrollbar-3dlight-color:;
           scrollbar-arrow-color:white;
           scrollbar-base-color:301020;
           scrollbar-darkshadow-color:;
           scrollbar-face-color:;
           scrollbar-highlight-color:#7C7C7C;
           scrollbar-shadow-color:00;
		   overflow-x : hidden; 
		   overflow-y : auto;
}

.BoxWithScroll2 {scrollbar-3dlight-color:;
           scrollbar-arrow-color:white;
           scrollbar-base-color:301020;
           scrollbar-darkshadow-color:;
           scrollbar-face-color:;
           scrollbar-highlight-color:#7C7C7C;
           scrollbar-shadow-color:00;
		   overflow-x : auto; 
		   overflow-y : hidden;
}

.menuInBox {
	/*border-bottom	:#2D0C1D solid 1px;
	border-right	:#2D0C1D solid 1px;	*/
	color			:#2D0C1D;	/* aubergine	*/
	background-color:#E5E5E5;	/* gris clair 	*/
}

.menuInToolBox {
	border-bottom	:#2D0C1D solid 1px;
	border-right	:#2D0C1D solid 1px;
	color			:#2D0C1D;	/* aubergine	*/
	background-color:#E5E5E5;	/* gris clair 	*/
}

.menuReportType {
	border			:#AA9484 solid 1px;
	color			:#2D0C1D;	/* aubergine	*/
	background-color:#E5E5E5;	/* gris clair 	*/
}

.formMandatory {
	color: #FF6600
	
}

.formRemark {
	color:#999999
}



.anylinkcss{
	position:absolute;
	visibility: hidden;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height: 22px;
	z-index: 100;
}

	

.menuImages {
	border: #2D0C1D solid 3px;
	/*vertical-align:middle;		*/

}


/* ---------------------------------- TABLES FOR REPORTS ------------------------------------ */
table.reports {
	border-width: 1px;
	border-spacing: 0;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	font: 80%/150% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, sans-serif;
	margin: -1px;
}

table.reports th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #black;
/*	background-color: #866474;										/* darker purphe */
	color:#000000;
	-moz-border-radius: 4;
}

table.reports tr.odd td {
text-align:center;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #black;
/*	background: #A48493 url(bg_cell.gif) no-repeat top left;		/* Alternate purple */
/*	background: #A48493;		/* Alternate purple */
	/*background-color: white;*/
	-moz-border-radius: 4;
	padding: 0.1em 0.4em;
}

table.reports tr td {
text-align:center;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #black;
/*	background: #D2CBCF url(bg_cell.gif) no-repeat top left;		/* Light purple */
/*	background: #D2CBCF;		/* Light purple */
	/*background-color: white;*/
	-moz-border-radius: 4;
	padding: 0.1em 0.4em;
}



/* ---------------------------------- TABLES WITH USERS / COMPANY ---------------------------- */
table.users {
	border-width: 1px;
	border-spacing: 0;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	font: 80%/150% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, sans-serif;
	margin: 2px;
	
}
table.users th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #black;
	background-color: #866474;										/* darker purphe */
	color:#FFFFFF;
	-moz-border-radius: 4;
}

table.users tr.odd td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #black;
	background: #A48493 url(bg_cell.gif) no-repeat top left;		/* Alternate purple */
	background: #A48493;		/* Alternate purple */
	/*background-color: white;*/
	-moz-border-radius: 4;
	padding: 0.1em 0.4em;
}
table.users tr td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #black;
	background: #D2CBCF url(bg_cell.gif) no-repeat top left;		/* Light purple */
	background: #D2CBCF;		/* Light purple */
	/*background-color: white;*/
	-moz-border-radius: 4;
	padding: 0.1em 0.4em;
}

/* ---------------------------------- TABLES WITH PRICE & CARACTERISTICS ---------------------------- */
table.catalog_price {
	border-width: 1px;
	border-spacing: 0;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	font: 80%/150% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, sans-serif;
	margin: 2px;
	
}
table.catalog_price th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #black;
/*	background-color: #957F66;										/* BRUN */
	background-color: #AA9484;										/* BRUN */
	color:#FFFFFF;
	-moz-border-radius: 4;
}
table.catalog_price tr.odd td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #black;
/*	background: #A48493 url(bg_cell.gif) no-repeat top left;		/* Alternate purple */
	background: #E6CA94;											/* Alternate  */
	/*background-color: white;*/
	-moz-border-radius: 4;
	padding: 0.1em 0.4em;
}
table.catalog_price tr td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #black;
/*	background: #D2CBCF url(bg_cell.gif) no-repeat top left;		/* Light purple */
	background: #D2CBCF;		/* Light purple */
	/*background-color: white;*/
	-moz-border-radius: 4;
	padding: 0.1em 0.4em;
}