body 
{
	background-color: rgb(197,204,211);	 /* Set the page color to light blue */
	-webkit-text-size-adjust:none;	  /* Turn off font resizing */
	margin:0;
	padding:0;
}

/*-------------------------------------------------*/
#global
{
	margin:0;
	padding:0;
}

/*-------------------------------------------------*/
h1 
{
	margin:0;
	padding-top:20px;		  
	padding-right:10px;		 
	padding-bottom:10px;	
	padding-left:10px;
	
	font-size:14px;
	font-family: Helvetica;
	font-weight:bold;
	color: rgb(76,86,108);	 /* Set each label color */		
}

h2 
{
	margin:0;
	padding-top:2px;		  
	padding-right:10px;		 
	padding-bottom:10px;	
	padding-left:10px;
	
	font-size:10px;
	font-family: Helvetica;
	font-weight:bold;
	color: rgb(76,86,108);	 /* Set each label color */		
}

/*-------------------------------------------------*/

#navigation
{
	background-image: url(image/header.png);
    background-repeat: repeat-x;
    /*background: #000;*/
    height: 44px;
    
    /*padding-top:0px;		  
	padding-right:0px;		 
	padding-bottom:0px;
	padding-left:0px;*/
	padding:0; 
	
	/*border-width: 1px;
	border-style:solid ;
	border-color:#555;*/
	border:1px solid #555;
	
	font-size:12px;
	font-family: Helvetica;
	font-weight:bold;
	
	/*text-align:center;*/
	width: 100%;
}

ul#menu 
{
	margin : 0;
	padding:0 10px;
	list-style-type: none;
}

ul#menu li
{
	margin-top:7px;
	margin-left:0px;
	float: left;
}

ul#menu a 
{
	padding: 0px 0px;
	text-decoration: none;
	text-align: center;
	
	color: #fff;
	/*border: 1px solid red;*/
	
	/*background: #fff;*/
	display:block;
	width:75px;
	height:29px;	
	background-image: url(image/btRech1.png);
	
	margin-top:0px;		  
	margin-right:5px;		 
	margin-bottom:0px;
	margin-left:0px;	
}

ul#menu a:hover 
{
	/*background: #ccc;
	border: 1px solid gray;*/
	background-image: url(image/btRech2.png);*/
}

ul#menu .bt
{
	padding-top:8px;	
}

ul#menu a#btAccueil
{
	padding: 0px 0px;
	text-decoration: none;
	text-align: center;
	
	color: #fff;
	/*border: 1px solid red;*/
	
	/*background: #fff;*/
	width:40px;
	height:29px;	
	background-image: url(image/bthome1.png);
	
	margin-top:0px;		  
	margin-right:5px;		 
	margin-bottom:0px;
	margin-left:0px;	

}

ul#menu a#btAccueil:hover 
{
	/*background: #ccc;
	border: 1px solid gray;*/
	background-image: url(image/bthome2.png);*/
}


ul#menu a span
{
	display:block;
}


ul#menu a#btAccueil span
{
	display:none;
}







/*-------------------------------------------------*/
.breaker
{
	clear:both;
}
/*-------------------------------------------------*/
#contenu
{
	margin-top:0;
	margin-right:10px;
	margin-bottom:0;	
	margin-left:10px;
}


table#TemplateListe 
{
  /*  position: relative;
     
    padding: 0;	   
	margin-top:0;
	margin-right:10px;
	margin-bottom:17px;	*/	  /* Set each list 17 pixels from the top of the button bar(or the top of the next list) */
	
	font-size:14px;
	font-family: Helvetica;
	font-weight:normal;
	color: #333;
	
	width: 100%;/*320px;*/
	background-color: white;       /* Each list has a white background fill */
	
	border-collapse: collapse;		
	
	border-width: 1px;		       /* Draw a rectangle around each list */
	border-style:solid ;
	border-color:rgb(217,217,217);
	
	-webkit-border-radius: 8px;		 /* Round each corner of the created rectangle */
}

.Ligne
{
	height: 25px;
}

.ArtRef, .ArtTaille, .ArtPrix, .ArtPrixVal
{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:rgb(217,217,217);
	
	font-size:12px;
	font-family: Helvetica;
	font-weight:normal;
	color: #333;
}

.ArtRef
{
	padding-left:5px;
}

.ArtStock, .ArtPrix
{
	width: 45px;
	font-size:12px;
}

.ArtPrixVal
{
	text-align: right;
}

.ArtStockVal
{
	text-align: center;
	font-weight:bold;
}


ul#TemplateListe 
{
    position: relative;
     
    padding: 0;	   
	margin-top:0;
	margin-right:10px;
	margin-bottom:17px;		  /* Set each list 17 pixels from the top of the button bar(or the top of the next list) */
	
	font-size:14px;
	font-family: Helvetica;
	font-weight:normal;
	color: #333;
	
	width: 100%;/*320px;*/
	background-color: white;       /* Each list has a white background fill */
	
	border-width: 1px;		       /* Draw a rectangle around each list */
	border-style:solid ;
	border-color:rgb(217,217,217);
	
	-webkit-border-radius: 8px;		 /* Round each corner of the created rectangle */
}

ul#TemplateListe a 
{

	display: block;
	text-decoration: none;
	color: #333;
}

ul#TemplateListe li 
{
	position: relative;
	
	list-style-type: none;	
	
	border-top-width:1px;	/* Create lines between cells. Each line is placed above each item */
	border-top-style:solid;
	border-top-color:rgb(217,217,217);
	
	padding-top:10px;		  
	padding-right:10px;		 
	padding-bottom:14px;	 /* Indent the cell content 14 pixels from the bottom edge of a cell */
	padding-left:10px;	
	
	height: 33px;
	
}

.Nom 
{
	font-weight:bold;
	padding-left:5px;
}  	

.Description 
{
	font-size: 10px;
	padding-top:5px;
	padding-left:10px;
   /*	padding: 0 0 0 10px;*/
   	color: #555;
}  	
/*-------------------------------------------------*/
.Droite 
{
	float: right;
	margin-right:5px;
	text-align: left;
	
	/*height: 26px;*/
	
	/*border-width: 1px;
	border-style:solid ;
	border-color:rgb(217,0,0);*/
	
}  
 
.DroiteStk
{
	float: right;
	margin-right:5px;
	text-align: left;
	
	/*height: 26px;*/
	margin-top:-5px;
	
	/*border-width: 1px;
	border-style:solid ;
	border-color:rgb(217,0,0);*/
	
}  

 
.Gauche
{ 
	float: left;
	margin-right:20px;
	
	/*border-width: 1px;		   
	border-style:solid ;
	border-color:rgb(0,0,217);*/
	
}

.Stock 
{
	 width: 30px;
	 text-align: center;
}

 /*-------------------------------------------------*/
.Type 
{
   	padding: 10px 0 0 0;
  	font-weight:bold;
  	font-size: 14px;
 }
 /*-------------------------------------------------*/
 .Fourn 
 {
   	padding: 10px 0 0 0;
   	font-weight:bold;
   	font-size: 14px;
 }

 /*-------------------------------------------------*/
.Fleche {
   	position: absolute;
    width: 8px;
    height: 13px;
    right: 10px;
    top: 20px;
    background-image: url(image/chevron.png);
    background-repeat: no-repeat;
}
