/* background-color: rgb(244,244,230);
opacity: 0.6;
	filter: alpha(opacity=60);
	 -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;    */
 	/*-moz-box-shadow: 10px 10px 5px #666;*/

body 
{	
	font: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	margin:0;
	text-align:center;
	background-image: url('../Img/GradientBack.jpg');
	background-position: 50% 0px;
	background-repeat: repeat-y;
	background-color: rgb(239,240,244);
	padding:0;
}
ul,li
{
	margin:0;
	padding:0;
}
img
{
	border:0;
}
img.imgIco
{
	vertical-align:middle;
	margin: 0 10px 0 10px;	
	height:20px;
}
a
{
	font-size: small;
	font-weight: bold;
	color: Black;	
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;	
}

li
{
	list-style-type: square;
}
div
{
	font-size:small;
}
/****************************************************************************
******************* Container *************************
*****************************************************************************/
#Header
{
	text-align:left;
	position:relative;
	background-image: url('../Img/HeaderBack.jpg');
	background-position: 50% 0px;
	background-repeat:no-repeat;
	height: 170px;
	border-bottom: solid 4px #ccc;
	z-index:1;
	background-color:Black;
}
#Contenu
{	
	position: relative;
/*rgb(233,235,242);*/
	width:960px;
	top:0px;		
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	padding:0;
}
#FilArianeContainer
{
	position:relative;	
	left: 0px;
	width:780px;
	padding:10px;
	text-align:left;
	top:10px;
	height: 20px;	
     -moz-border-radius: 0 10px 10px 0;
     -webkit-border-radius: 0 10px 10px 0;
     border-radius: 0 10px 10px 0;
     background-color: rgb(244,244,230);
}
#GlobalContent
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:960px;	
	padding:0;	
	text-align:left;
	top:30px;
	min-height:400px;
}
#LogoLesa	
{
	position:absolute;
	top:45px;
	left: 30px;
}
/****************************************************************************
******************************** Header  ************************************
*****************************************************************************/
#lineHeader
{
	height: 35px;
	width:100%;
	position: absolute;	
	top:0px;
	left:0px;
	background-position: 0;
	background-repeat:repeat-x;
	background-color:Transparent;
	background-image: url('../Img/lineHeadBG.png');	
	/*opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	-moz-box-shadow: 10px 10px 5px #666;*/
}

#headerContent
{
	position: relative;	
	margin-left:auto;
	margin-right:auto;
	width:960px;
}


#headerContent ul#MainList
{
	position:absolute;
	top: 0px;
	left:450px;
	margin:0;
	padding:0;
	list-style-type: none;
}

#headerContent li
{
	margin:0;
	padding:0;
	list-style-type: none;
	float:left;
}
#headerContent img
{
	border:0;
}
#headerContent ul#MainList li a
{
	width:120px;
	height:100px;
}

#headerContent ul#MainList li:hover
{	
	background-image:url(../Img/halo.png);	
	background-position: 50% 35px;
	background-repeat: no-repeat;
	background-attachment:scroll;
}


#headerContent #NavContainer
{
	position: absolute;
	left:0px;
	top:125px; 
	width: 790px;
	height:25px;
	padding:5px;
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}

#headerContent #NavContainer ul#SecondList 
{	
	position: absolute;
	top: 5px;
	left: 20px;
}
#headerContent #NavContainer #SecondList li
{
	padding-right:7px;
	padding-left:7px;
	height:25px;
	vertical-align:bottom;
	min-width:25px;
	text-align:center;
}
#headerContent #NavContainer #SecondList li:hover
{
	/*border-bottom: solid 5px white;*/
}
#headerContent #NavContainer ul#SecondList a
{
	color: White;
	font-variant: small-caps;
	font-weight:bold;
	font-size: 1.6em;	
}

#headerContent #NavContainer ul#SecondList a:hover
{
	
	border-bottom: solid 5px white;
	text-decoration:none;
}

/****************************************************************************
******************************* Recherche ***********************************
*****************************************************************************/

#headerContent #NavContainer #Recherche
{	
	position:absolute;
	top:5px;
	left:610px;
	width: 200px;
	height:25px;
}
#headerContent #NavContainer #Recherche input[type=text]
{
	border:0;
	background-color: Transparent;
	background-image: url(../Img/SearchBack.png);
	background-position: left top;
	background-repeat:no-repeat;
	background-attachment: scroll;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:5px;	
	font-size: x-small;
	width: 110px;
	height: 15px;
	float: left;
	color: #666;
}
#headerContent #NavContainer #Recherche a
{
	float: left;
	height: 15px;	
	padding: 5px;
	margin-left:5px;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
}

/****************************************************************************
******************************* Login ***************************************
*****************************************************************************/
#LoginContainer
{
	position: absolute;
	left:810px;	
	top:35px;
	height: 115px;
	width:150px;
	padding:10px;
	overflow:hidden;	 
    background-image: url('../Img/FondLogin.png');
    background-position: left top;
    background-repeat:no-repeat;
    background-attachment: scroll;
	font-size:x-small;
    color:White; 
}

#LoginContainer:hover
{
	height: 169px;
}

#LoginContainer a
{
	color:White;
	font-size:x-small;
}

#LoginContainer h6
{
	padding:0;
	margin: 0px 0px 5px 0px;
	font-size:x-small;
	text-decoration: underline;
	color: #cc6666;
}

#LoginContainer span
{
	padding:0;
	margin:0;
	font-size:x-small;
	float:left;
}
#LoginContainer img
{
	vertical-align:middle;
}
#LoginContainer .LoginTextInput
{
	width:120px;
	border:0;	
   font-size:x-small;
   background-color:Transparent;    
   margin-bottom:5px;   
   height:15px;
   padding:5px;
   background-image: url(../Img/FondInput.png);
   background-position: left top;
   background-repeat: no-repeat;
   background-attachment:scroll;
}
#LoginContainer #Titre
{
	overflow :hidden;
	height:30px;
}
#LoginContainer #Panier
{
	width: 115px;
	position: absolute;
	top: 50px;
	margin:0;
	padding:5px;	
	padding-left:10px;
	height:30px;
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 0 10px 0 10px;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 0 10px;    
} 
#LoginContainer #Panier #PanierArticle
{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	overflow:visible;
	background-color: rgba(205,229,213,0.8);
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size:x-small;
}
#LoginContainer #Panier #PanierArticle div
{
	float:left;
	padding:4px;
	height: 12px;
	color: rgb(41,96,60);	
}
#LoginContainer #Panier #PanierArticle img
{
	float:left;
	vertical-align:middle;
	border:0;
}

#LoginContainer #Panier a
{
	margin:0;
	padding:0;
}
#LoginContainer #Compte
{
	width: 115px;
	position: absolute;
	top: 97px;
	margin:0;	
	height:20px;
	padding: 5px;
	padding-left:10px;
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius: 0 10px 0 10px;
    -webkit-border-radius: 0 10px 0 10px;
    border-radius: 0 10px 0 10px;
}

#LoginContainer #Deconnexion
{
	position: absolute;
	top: 160px;
	text-align:center;
	width:130px;	
}
#LoginContainer #Deconnexion a
{
	color: rgb(150,0,0);
}
/****************************************************************************
******************* Fil d'Ariane *************************
*****************************************************************************/
.FilAriane
{
	font-weight:bold;
}
.FilAriane  a
{
	font-weight:bold;
}

/****************************************************************************
******************** Main ***************************************************
*****************************************************************************/
#MainColumn
{
	/*	top:0px;
	left:0px;*/
	float: left;
	width: 670px;
	margin: 0 20px 0 19px;
}
/****************************************************************************
******************** Leftcolumn ***************************************************
*****************************************************************************/
#LeftColumn
{	
	float:left;
	width: 250px;
	padding: 0;
	margin: 0;	
	z-index:1;
}
#LeftColumn div.Content
{
	position:relative;
	width: 210px;
	background-image: url('../Img/bloc-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-color: rgb(247,247,247);
	padding:20px;
	-moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    margin:0;
    font-size:80%;
}
#LeftColumn div.Content a
{
	font-size:80%;
}
/****************************************************************************
******************** Right column ***************************************************
*****************************************************************************/

#RightColumn
{		
	float:left;
	width: 250px;
	padding:0;
	margin:0;
}

#RightColumn div.Content
{
	position:relative;
	width: 210px;
	background-image: url('../Img/bloc-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-color: rgb(247,247,247);
	padding:20px;
	-moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    margin:0;
    font-size:80%;
}
#RightColumn div.Content li
{	
	margin-left:15px;
	list-style-type:  disc;
}
#RightColumn .News
{
	padding:5px;
	margin:0;
	width:200px;
	background-color: rgba(255,255,255,0.7);
	background-image:none;
	border-top: dotted 1px #999;
	border-bottom: dotted 1px #999;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;	
}
#RightColumn .News a
{
	font-size:80%;
	font-weight:normal;	
}
#RightColumn .News ul li
{
	list-style-type:none;
}
/****************************************************************************
***************************** Default ***************************************
*****************************************************************************/
#MainColumn .MainContent
{	
	/*position:relative;*/
	width: 630px;
	background-image: url('../Img/main-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-color: rgb(255,255,255);
	padding: 10px 20px 10px 20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin:0;    
    border: solid 1px #eee;
    margin-bottom:10px;    
}

/*#MainColumn .MainContent li
{
	float:left;
	list-style-type:none;
	text-align:center;
	height:100px;
	width: 100px;	
}
#MainColumn .MainContent a 
{
	font-weight:normal;
}*/

#MainColumn .MainItem
{
	margin: 0 auto 10px auto;	
	border-bottom: dotted 1px gray;
	width: 510px;	
	color:#333;
	background-image: url(../Img/mainItemFooter-bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-attachment:scroll;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
}
#MainColumn .MainItem h3
{
	text-align:center;
	font-style:italic;
	color: rgb(7,109,185);
	font-size:1.5em;
}
#MainColumn .MainItem h4
{
	color: rgb(6,132,226);
}

#MainColumn .MainItemFooter a
{
	color:Blue;
	font-weight:normal;
	font-style:italic;
	font-size: 1em;	
}
/****************************************************************************
************************ Full Column *********************************
*****************************************************************************/

#FullColumn
{
	top:0px;
	left:0px;
	float: left;
	width: 880px;
	margin: 0 20px 0 20px;	
}

#FullColumn .MainContent
{	
	position:relative;
	width: 880px;
	background-image: url('../Img/main-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-color: rgb(255,255,255);
	padding: 10px 20px 10px 20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin:0;    
    border: solid 1px #eee;
    margin-bottom:10px;   
    text-align:center; 
}
/****************************************************************************
******************* Listes des familles de produits *************************
*****************************************************************************/
.catfam
{
	position: relative;
	width: 250px;
	display: block;
	z-index:1;
}



.menufam
{
	position:relative;
	top:0px;
	left:0px;
	width:250px;
	display:block;
	padding: 10px 0px 10px 0px;	
	
	-moz-border-radius:0 10px 10px 0;
     -webkit-border-radius:0 10px 10px 0;
     border-radius:0 10px 10px 0;
	
	background-image: url('../Img/bloc-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-color: rgb(247,247,247);
}

.famitem
{
	position:relative;
	padding-left:10px;
	padding-right: 10px;
	padding-top:2px;
	padding-bottom:2px;		
	
	width: 230px;		
	
	font-size:small;
	font-weight:normal;
	white-space: normal;
	min-height:25px;
	text-align:left;	
	white-space:normal;	
	
	border-bottom: dotted 1px #999;
}

.famitem a
{
	color:#44340a;
	white-space:normal;
	display: block;
	width:170px;
}


.famitem:hover
{
	background-color: #eeeeee;
	text-decoration: none;
	font-weight: bold;
}

.dynmenufam
{
	width: 220px;
	position:relative;
	background-image: url('../Img/main-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-color: rgb(255,255,255);
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
    margin:0;    
    padding:0;
    border: solid 1px #eee;   
      
	height:auto;
	z-index:1;
}
.dynfamitem
{
	padding-left:5px;
	padding-right: 5px;
	padding-top:2px;
	padding-bottom:2px;		
	width: 200px;
	/*border-left: solid 1px gray;
	border-right: solid 1px gray;*/
	font-size:small;
	font-weight:normal;
	white-space: normal;
	text-align:left;		
}
.dynfamitem a
{
	white-space:normal;
	display: block;	
	color:#44340a;
}
.dynfamitem:hover
{
	background-color: #eeeeee;
	text-decoration: none;
	font-weight: bold;
}


/****************************************************************************
******************* Recherche************************************************
*****************************************************************************/

.searchMain
{			
	background-image: url('../Img/FondProduitBottom.jpg');
	background-position: bottom;
	background-repeat: repeat-x;	
	padding-bottom:20px;
	font-size: small;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}

/****************************************************************************
******************* Basse vision ********************************************
*****************************************************************************/

.BVImg
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;	
	font-weight: normal;
	background-color: #ffffcc;	
	margin-bottom:10px;	
	border-top: dotted 1px gray;
}
.BVImg h3  
{	
	font-size:  medium;
	font-style:italic;
}
.BVImg  p
{
	font-size: small;
	text-align: justify;
	font-weight: normal;
}

.tdBVHead
{
	vertical-align: top;
	font-weight: bold;
	font-size: small;
	font-variant: small-caps;
	background-color:#ffffcc;
	padding:5px;
	border-bottom: dotted 1px gray;
}

.tdBVContent1
{
	padding:5px;
	border-bottom: dotted 1px gray;
}
.tdBVContent2
{
	padding:5px;
	border-bottom: dotted 1px gray;
	background-color:#eeeeee;
}

/****************************************************************************
******************* Présentation *********************************************
*****************************************************************************/
.presFamImg
{
	position:relative;
	margin-bottom: 20px; 
	margin-left:auto; 
	margin-right:auto; 
	width:600px;
}
.presTitre
{
	font-size:  x-large;
	border-bottom: solid 1px gray;
	color: Gray;
}

.presContent
{	
	/*padding:10px;*/
	font-weight:normal;
}
.presContent h2  
{
	font-size:  medium;
	font-style:italic;
}
.presContent h3 
{
	font-size:  medium;
	font-style:italic;
	border-bottom: dotted 1px black;
}
.presContent p
{
	font-size: small;
	text-align: justify;
	font-weight: normal;
}
.presContent li
{
	margin-bottom:10px;	
	margin-top:5px;
}

.presCours
{
	border-right: #ffcc00 1px solid;
	border-top: #ffcc00 1px solid;
	border-left: #ffcc00 1px solid;
	border-bottom: #ffcc00 1px solid;
	background-color: #ffffcc;
	padding-left:20px;
	padding-right:20px;
}
.presCours   h2
{
	font-size:  large;
	color: #ffcc00;
	font-family: isocpeur, Arial, Verdana;
	src: url('Font/isocpeur.ttf');
	font-style:italic;
}
.presCours   p
{
	font-size: small;
	text-align: justify;
}

.presProdsDeplier
{
	height: 20px; 
	width: 600px;
	cursor: pointer;	
	margin: auto;	 
	position:relative;
}
.presProdsDefil
{		
	overflow:hidden; 
	position:relative;
	height:100px;

	width:600px;
	padding-top:5px;
	margin:auto;
	border: dashed 1px gray;
	background-color:White;
}
.presProdsContent div
{
	float:left;
	text-align: center;
	height:100px;
}
.presProdsContent
{
	width:auto;
	position:relative;
}
.presProdsContent p
{
	padding:0;
	margin:0;
	width:120px;
	font-size:x-small;
	text-align:center;
}
.presProdsContent span
{
	font-style:italic;
	color: Gray;
}

.presProdsDefil_bottom
{
	background-color:#eeeeee;
	height:35px; 
	text-align:center;
	border-bottom: solid 1px gray;
	width:602px;
	margin:auto;
	position:relative;
}

.presVoirProds
{
	background-color: #fbfbe4;
	padding: 5px;
	text-align: center;
	border-bottom: dotted 1px gray;
	border-top: dotted 1px gray;
}

.presVoirProds  a
{
	font-size: 13pt;
	font-weight:normal;	
	text-decoration: blink;	
}

/****************************************************************************
******************* Tri des produits *************************
*****************************************************************************/
.catMain
{
	position: relative;
	display:block;
	left:200px;
	width: 600px;
}

.catTri
{		
	border: solid 1px gray;
	/*background-image: url('../Img/FondProduitBottom.jpg');
	background-position: bottom;
	background-repeat: repeat-x;*/
	-moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px; 
}


.triTitre
{
	display:block;
	height: 20px;
	/*background-color: Gray;*/
	color: #666;
	font-size: small;
	padding-left: 10px;
	font-weight:bolder;
}

.MainContent .trifamlist 
{
	display:block;
	position:relative;
	font-size: small;
	width: 630px;
	margin-top:10px;
}
.MainContent .trifamlist ul
{
	position:relative;		
	width:630px;		
}

.MainContent .trifamlist ul li
{
	float:left;
	display:block;
	
	width: 200px;
	height: auto;
	
	margin-right:10px;
	margin-bottom:5px;
	list-style-type:none;		
}
.trifamlist ul li a
{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;  
     
    background-image: url(../Img/mainItemFooter-bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-attachment:scroll;
	
	border: dotted 1px rgb(120,185,255);
	
	display:block;
	width: 195px;
	height: auto;
	padding:5px;	
	margin:0;
	text-align:center;	
	
	font-weight: bolder;
	font-style:italic;
	color:rgb(4,75,153);
}


/*.trifam
{	
	font-size: small;
	width: 630px;
		
}*/

.triTri
{
	margin-top:10px;
	width:628px;	
	font-size: small;
	padding-bottom: 5px;
	padding-top: 5px;
	
}

.triTriItemHeader
{
	border-top: dashed 1px gray;
	padding-top:5px;
	padding-bottom: 5px;
	width:315px;
	background-color:#eeeeee;
	padding-left:5px;
}

.triTriItem
{
	padding-top:5px;
	padding-bottom: 5px;
	width:290px;
	background-color:#eeeeee;
	padding-left:5px;
}

.triTriItemFooter
{	
	padding-top:5px;
	padding-bottom: 5px	;	
	background-color:#eeeeee;
	border-bottom: dashed 1px gray;	
	text-align: center;
}

.triTriItemOrdre
{
	padding-top:5px;
	padding-bottom: 5px	;
	padding-left:5px;
	width:299px;
}

.triTriItemHeader select
{
	font-size: x-small;
}

.triTriItem select
{
	font-size: x-small;
}

.triTriItem input
{
	font-size: x-small;	
}

.triTriItemFooter input
{
	width: 500px;
	font-size: x-small;
}
.triTriItemOrdre select
{
	font-size: x-small;
}

/****************************************************************************
****************************** Liste des Produits ***************************
*****************************************************************************/
.catPaging
{
	position:relative;
	width:100%;
	margin-top:20px;
	font-size: small;
	border: solid 1px #CAFFD9;
	padding:5px;
	
	background-image: url('../Img/FamNav-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	
	color: #5DAA48;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;  
}

.catPaging span
{
	display: inline-block;
	width:290px;
	text-align:center;
}

.catPagingPage
{
	width:10px;
}

.catPagingPageSelected
{
	/*border: solid 1px #264d82;
	padding:2px;
	background-color: #bfdaff;*/
		border: solid 1px #FF8500;
	padding:2px;
	background-color: #FFEBBD;
}

/****************************************************************************
****************************** Liste des Produits ***************************
*****************************************************************************/

.catprods
{	
	position:relative;
	width: 660px;
	margin-top: 20px;

}

.divProdsMain
{	
	margin-top:1em;
	padding:0;
	display: block;
	height:100px;
	position:relative;
	width:660px;	
	background-image: url('../Img/FondProduit.jpg');
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;  
}
.divProdsImg
{	
	position:absolute;
	top:5px;
	left:10px;
	padding-top:5px;
	padding-bottom:5px;	
	margin:0;
	width: 120px;
	height: 60px;	
	text-align:center;
}
.divProdsImg img
{
	border:0;
}
.divProdsDesig
{
	margin:0;
	padding-left:5px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	position:absolute;
	top:5px;
	left:150px;
	height:70px;
	width:410px;
	overflow:hidden;
}
.divProdsDesig h2
{	
	margin:0;
	padding:0;
}
.divProdsDesig span
{
	font-size:x-small;
	font-style: italic;
}
.divProdsDesig p
{
	margin-top:0.5em;
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	padding:0;
	font-size:x-small;
}
.divProdsDesig span a
{
	margin:0;
	padding:0;
	font-size:x-small;
	color: Blue;
	font-style:normal;	
}
.divProdsDesig ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}
.divProdsDesig li
{	
	margin:0;
	padding:0;
	font-size:x-small;
	float: left;
	list-style-type:none;
}
.divProdsPrix
{
	margin:0;
	padding:0;
	position:absolute;
	top:5px;
	left:590px;
	height:35px;
	width:70px;
	text-align:center;
	
}
.divProdsPrix span
{
	font-size:x-small;
	color:Red;
	display:block;	
}
.divProdsPrix span:first-child
{
	font-size:small;
	color:Red;
	font-weight:bold;
}
.divProdsInfo
{
	margin:0;
	padding:0;
	position:absolute;
	top:80px;
	left:0px;
	height:20px;
	width:200px;
	padding-left:1em;
	/*border-top: dotted 0.1em gray;*/
}
.divProdsPPPublic
{
	margin:0;
	padding:0;	
	position:absolute;
	top:80px;
	left:250px;
	height:20px;
	width:330px;
	text-align:right;
	/*border-top: dotted 0.1em gray;*/
}
.divProdsPPPublic span
{
	margin-right:1em;	
	font-style:italic;	
}
.divProdsAjout
{
	margin:0;
	padding:0;
	position:absolute;
	top:40px;
	left:590px;
	height:60px;
	width:70px;
}
.divProdsAjout div
{
	background-image: url('../Img/btnOrder.png');
	background-repeat:no-repeat;
	height:60px;
	width:70px;
	cursor:pointer;
}

.divProdsAjout div:hover
{	
	background-image: url('../Img/btnOrderHover.png');
}

/****************************************************************************
*************************** En savoir plus **********************************
*****************************************************************************/
.divPlus
{
	width: 760px;
	display: block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.divPlusimg
{
	float:left;	
	width:200px;
	height: 280px;	
	border: solid 1px gray;	
	margin-right:7px;
	text-align:center;
	display:block;
	padding:10px;
}
.divPlusimgImg
{
	vertical-align:middle;
	
}
.divPlusdetails
{	
	width: 529px;
	border: solid 1px gray;
	float:left;
}
.divPlusdetailHeader
{
	font-weight: bold;
	width: 190px;
	padding: 5px;
}
.divPlusdetailItem
{
	width:319px;
	padding: 5px;	
}
.divPlusdetailItem  a
{
	font-size: x-small;
	color: Blue;
}
.divPlusdetailHeaderalt
{
	background-color:#eeeeee;
}
.divPlusadditem
{
	clear:both;
	border: dashed 1px gray;
	text-align: center;
	padding:10px;
	background-color:  #fff7d0;
	margin-bottom:20px;
	margin-top:20px;
}
.divPlusObj
{
	clear:both;
	margin-bottom: 20px;
}
.divPlusObj object
{
	width:760px;
	height:1050px;
}

/******************************************************************************
****************** Caractéristiques des div principaux ************************
*******************************************************************************/

/*
.divMain
{	
	width: 800px;
	border: solid 1px gray;
	background-image: url('../Img/FondProduitBottom.jpg');
	background-position: bottom;
	background-repeat: repeat-x;	
}

.divTitre
{
	color: White;
	height:20px;
	background-color: Gray;
	font-size: small;
	font-weight: bold;
	padding-left: 10px;
}

.divForm
{
	padding-left:20px;
	padding-right: 20px;
	padding-bottom:20px;
	font-size:small;
}*/


/******************************************************************************
******************************** Inscription **********************************
*******************************************************************************/

.tableParam
{
	font-size:small;
}

.paramText
{
	font-size: small;
	width: 250px;
}

.paramTextlivfac
{
	font-weight:bold;
	padding: 3px;
	border: dashed 1px gray;
	background-color: #eeeeee;
}

.paramVal
{
	font-size: small;
	width: 400px;
}

.inscriptionErreur
{
	color:Red;
}

.tableParam input
{
	

}

/******************************************************************************
*********************************** Commande **********************************
*******************************************************************************/

.cmdItem
{
	padding-left:4px;
	padding-right: 4px;
	height: 30px;
}

.cmdItem   img
{
	display: inline;
	vertical-align:middle;	
}

.cmdItemQte
{
	padding-left:4px;
	padding-right: 4px;
	height: 30px;
}

.cmdItemQte   input
{
	text-align:right;
	width: 22px;
}

.divcmdpub
{
	margin-top: 10px;
	vertical-align: middle;	
	width: 610px;
	border: solid 1px gray;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #fff7d0;
}

.divResCmd
{
	width: 325px;
	margin-top:20px;	
	margin-left:auto;
	position:relative;
}

.rescmdHeader
{
	padding-right:10px;
	padding-left: 5px;
	width: 155px;
	height: 25px;
	text-align:right;
}

.rescmdItem
{
	padding-left:10px;
	padding-right:5px;
	width:140px;
	height: 25px;
}

.cmdCondVente
{
	width:625px;
	height: 150px;
}

.cmdSpanCondVente
{
	text-decoration:underline; 
	font-weight:bold;
	margin-bottom:5px;
	height:20px;
	display: block;
}

.cmdValid
{
	margin-top:20px;
	height: 40px;
	width: 230px;
	text-align:right;
	margin-left:auto;
	position:relative;
}

.cmdValid  a
{
	font-size:medium;
	color: Gray;
}

.cmdValid img
{
	vertical-align: middle;
}

.cmdadr
{
	width: 630px;
	position:relative;
	height:350px;
	display:block;		
}

.cmddivadrliv
{
	width:305px;	
	border: solid 1px gray;
	float:left;		
}

.cmddivadrfac
{
	width: 305px;	
	border: solid 1px gray;
	display: block;	
	margin-left:15px;
	float:left;
}

.cmdadrHeader
{
	width:295px;	
	color: Black;
	display:block;
	font-weight:bold;
	padding: 5px;
	height:40px;	
	background-color: #dddddd;	
}

.cmdadrHeader select
{
	width:285px;
	margin-top:5px;
	/*color: #337bff;*/
}

.cmdadrHeaderItem
{
	width:105px;
	background-color: Gray;
	color: White;
	font-weight:bold;
	height:20px;
	padding-left: 5px;
}

.cmdadrItem
{
	background-color: White;
	color: Black;
	width: 190px;
	height:20px;
	padding-left:5px;
}

.cmdadrItem input
{
	width: 215px;	
}

.cmdadrmodif  a
{
	font-size:x-small;		
}
.cmdadrmodif
{
	padding-left:5px;
	border-top:dotted 1px gray;
	border-bottom:dotted 1px gray;

}

.tbCmdComments
{
	width: 625px;
	height: 100px;
}

.cmdComments
{
	clear:both;
}
/******************************************************************************
*********************************** Contact ***********************************
*******************************************************************************/

.contactMail  p input
{		
	display:block;
	width: 590px;
	font-size:small;
	padding-left:5px;
	padding-right:5px;
}

.contactMail  p  select
{		
	display:block;
	width: 300px;	
	font-size:small;	
	padding-left:5px;
}

.contactMail  p textarea
{		
	display:block;
	width: 590px;
	height: 200px;	
	font-size:small;
	padding: 5px;
}

.contactMailValid
{
	margin-top:20px;
	height: 40px;
	width: 600px;
	text-align:right;
}

.contactMailValid  a
{
	font-size:medium;
	color: Gray;
}

.contactMailValid  img
{
	vertical-align: middle;
}


/******************************************************************************
*********************************** Publicité *********************************
*******************************************************************************/

.divPub
{
	border:solid 1px gray;
	background-image: url('../Img/FondProduitBottom.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	width: 185px;
	height: 250px;	
}

.divPubImg
{
	vertical-align:middle;
	text-align: center;
	height:145px;
	padding-top:5px;
}

.divPubCode
{
	font-weight:bold;
	font-size: small;
	text-align: center;
	height:20px;
}

.divPubDesig
{
	font-size:x-small;
	text-align:center;
	height:20px;
}

.divPubOffre
{
	text-align: center;
	font-size:x-small;
	border-top:dashed 1px gray;
	height:28px;
	border-bottom: dashed 1px gray;
	background-color:#fff7d0;
	padding-top:2px;
}

.divPubAjout
{
	text-align: center;
	height: 28px;
	padding-top:2px;
}

/****************************************************************************
**************************** Téléchargements ********************************
*****************************************************************************/

.dlItem
{
	padding-left: 5px;
	height:50px;
	border-bottom: dashed 1px gray;
	
}

.dlItemAlt
{
	padding-left: 5px;
	height:50px;
	border-bottom: dashed 1px gray;
	background-color:#eeeeee;
}



/****************************************************************************
**************************** Mon Compte ********************************
*****************************************************************************/
.cptCmdHeader
{
	background-color: Gray;
	color: White;
	padding: 5px;
	font-weight: bold;
}
.cptCmdHeader th
{
	padding: 5px;
}

.cptCmdItem
{
	height:25px;
	padding: 5px;
}

.cptCmdItemAlt
{
	background-color:#eeeeee;
}


.listAdr
{
	width:630px;
}

.listAdr option
{
	height:20px;
	border-bottom:dotted 1px gray;
	padding-top:3px;
}


.cptadrHeader
{
	width:750px;	
	color: Black;
	display:block;
	font-weight:bold;
	padding: 5px;
	height:40px;	
	background-color: #dddddd;	
}

.cptadrHeader select
{
	width:750px;
	margin-top:5px;
	/*color: #337bff;*/
}

.cptadrHeaderItem
{
	width:210px;
	background-color: Gray;
	color: White;
	font-weight:bold;
	height:20px;
	padding-left: 5px;
}

.cptadrItem
{
	background-color: White;
	color: Black;
	width: 540px;
	height:20px;
	padding-left:5px;
}

.cptadrItem input
{
	width: 215px;	
}

.cptadrmodif   a
{	
	margin-right:20px;
}
.cptadrmodif
{
	padding-left:5px;
	border-top:dotted 1px gray;
	border-bottom:dotted 1px gray;
	background-color:#fff7d0;
	height:25px;

}

.cptadrmodifdelete
{
	padding-left:5px;
	border-top:dotted 1px gray;
	border-bottom:dotted 1px gray;
	background-color:#ffcece;
	height:25px;	
}

.cptadrmodifdelete a
{
	/*color: #900303;*/
}


/****************************************************************************
********************** Footer ***********************************************
*****************************************************************************/
#Footer
{
	padding:0;
	width:960px;
	float:left;
	margin-top: 50px;
}

#Footer .FooterContent
{
	position:relative;
	width:400px;	
	height:50px;	
	border-top:dotted 1px #999;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#Footer ul
{
	margin-top:10px;
}
#Footer li
{
	margin-right:10px;
	margin-left:10px;
	display:inline;
}

#Footer a 
{
	font-weight:normal;
	color: #999;
}
/****************************************************************************
********************** Sujet Titre *******************************************
*****************************************************************************/
.sujetTitre
{
	position:relative;
	width:630px;
	height:25px;
	margin-bottom: 5px;
}
 .sujetTitrePseudo
{
	position:absolute;
	height:15px;
	top:0px;
	left:0px;
	width: 120px;
	padding: 5px 5px 5px 10px;
	margin:0;
	-moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;    
    
     background-color: rgb(232,239,253);
     border-left: solid 1px rgb(200,215,251);
     border-bottom: solid 1px rgb(200,215,251);
    border-top: solid 1px rgb(200,215,251);
        display:table-cell;
    font-weight: bold;
    color: #4372dc;
    overflow:hidden;
}
.sujetTitreTitre
{
	position:absolute;
	height:15px;
	left:135px;		
	top:0px;
	width: 410px;
	padding: 5px 10px 5px 10px;
	margin:0;
	border-bottom: solid 1px rgb(200,215,251);
    border-top: solid 1px rgb(200,215,251);
    display:table-cell;
     overflow:hidden;
}
.sujetTitreDate
{
	position:absolute;
	    display:table-cell;
height:15px;
	top:0px;
	left:565px;
	width: 50px;
	padding: 5px 10px 5px 5px;
	margin:0;
	-moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    
       background-color: rgb(232,239,253);
     border-right: solid 1px rgb(200,215,251);
   border-bottom: solid 1px rgb(200,215,251);
    border-top: solid 1px rgb(200,215,251);
   
    font-size: x-small;
}
/****************************************************************************
********************** Add User Image *******************************************
*****************************************************************************/
.panelEditorSubmit
{
	position:relative;
	width:570px;
	height:60px;
	
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-50px;
	text-align:left;
	position:relative;
	padding: 30px 10px 20px 20px;
		
	background-image: url('../Img/main-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-color: rgb(255,255,255);
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;    
    border: solid 1px #eee;    
	-moz-box-shadow: 5px 5px 5px #666;
	box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 5px #666;
}
.editorTitre
{
	-moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border: solid 1px #eee;    
    padding: 5px 0 5px 10px;
    background-color: #eee;	 
}
.editorTitre strong
{
	font-size:medium;
	margin-right:20px;
}
.editorTitre input[type=text]
{
	width:600px;
}
.editorToolbar
{
	
    padding: 5px 0 5px 10px; 
     border-right: solid 1px #eee;  
     border-left: solid 1px #eee;
     font-size:x-small;
     background-color: rgb(247,247,247);
}
.editorToolbar select
{
	  font-size:x-small;
}

.editorFooter
{
	background-color: #eee;
	-moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;   
   height: 40px;
   width:100%;
   position:relative;
}
.editorFooter .insertUserImage
{
	position:absolute;
	left:10px;
	top: 5px;
}
.editorFooter  span
{
	padding: 5px 10px 5px 5px;
	background-color:White;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;  
}
.editorFooter img
{
	vertical-align:middle; 
}
.editorFooter .PostSubject
{
	position:absolute;
	left:475px;
	top: 5px;
}
.UserImagesContainer
{
	z-index:1;
	position:fixed;
	left:0px;
	top:0px;
	background-color: rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	text-align:center;
}


.UserImagesContainer .UserImagesContent
{
	position:relative;
	width:570px;
	height:540px;
	
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-300px;
	text-align:left;
	position:relative;
	padding: 30px 10px 20px 20px;
		
	background-image: url('../Img/main-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-color: rgb(255,255,255);
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;    
    border: solid 1px #eee;    
	-moz-box-shadow: 5px 5px 5px #666;
	box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 5px #666;
}
.UserImagesContentClose
{
	position:absolute;
	top:5px;
	left:520px;
	width:70px;	
}
.UserImagesContentClose img 
{
	vertical-align:middle;
	margin-right:3px;
}
.UserImagesContentClose a 
{
	color: #999;
}
.UserImagesContainer .UserImagesContent .UserImages
{
	width:570px;
	position:relative;
	height:420px;
	overflow:auto;
	padding:0;
	text-align:center;
}
.UserImagesContainer .UserImagesContent .UserImages .ImageContainer 
{
	height:120px;
	width: 120px;
	border: solid 1px #eee;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;      
    float:left;
	margin:0 5px 5px 0;
	padding:5px;
	
}
.UserImagesContainer .UserImagesContent .UserImages .ImageContainer:hover
{
	border: solid 1px #666;
}
.UserImagesContainer .UserImagesContent .UserImages .ImageContainer .UserImage
{
	position:relative;	
	padding:0;
	vertical-align:middle;
}

.addUserImage
{
	position:relative;
	width:550px;
	height:100px;	
	padding:10px;
		-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;   
    background-color:#e7f5ff;
    margin-top:10px;
    
}

.addUserImage h3
{
	margin: 0 0 5px 0;
}


/******************************************************************************
*********************************** Forum Posts *********************************
*******************************************************************************/
.forumPostActive
{	
	-moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    height:25px;
    padding:5px;
    background-color:Red;
    position:relative;
    text-align:center;
}
.forumPostActive a
{
	font-size:medium;
	color:White;	
}
.forumPostHeader
{
		-moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0; 
    background-color: rgb(247,247,247); 
}

.forumPost
{
	width:630px;
	position:relative;
}

.forumPostHead
{
	position:relative;
	height:25px;
	background-color: rgb(247,247,247);
}

.forumPostHeadPseudo
{
	position:absolute;
	top:5px;
	left:20px;
	font-weight:bold;
}

.forumPostHeadDate
{
	position:absolute;
	top:5px;
	left:530px;
	font-style:italic;
	font-size:x-small;
}

.forumPostContenu
{
	padding: 10px;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
}

.forumPostFooter
{
	-moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px; 
    background-color: rgb(247,247,247);  
}
.forumPostModerateurSuppr
{
	position:relative;
	padding-left:20px;
	padding-right:20px;

	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	text-align:center;
	background-color: rgb(231,240,255);	 
}
.forumPostModerateurSuppr a
{ 
	font-size:x-small;
	font-weight:normal;
	color:Blue;
}
.forumPostEdit
{
	position:relative;
	height:20px;
	left:210px;
	padding:5px;
	width:180px;
	text-align:center;
	
	
	border-left:solid 1px #eee;
	border-bottom: solid 1px #eee;
	border-right: solid 1px #eee;
	
	-moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px; 
    
    background-image: url('../Img/mainitemfooter-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	margin:0;
}

.forumPostEdit a
{
	color: navy;
}

.forumPostSuppr
{
	position:relative;
	top:-31px;
	height:20px;
	left:420px;
	padding:5px;
	width:180px;
	text-align:center;
	
	
	border-left:solid 1px #eee;
	border-bottom: solid 1px #eee;
	border-right: solid 1px #eee;
	
	-moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px; 
    
    background-image: url('../Img/main-bg.jpg');
	background-position:left top;
	background-repeat: repeat-x;
	background-attachment:scroll;
	margin:0;
}


/******************************************************************************
*********************************** Extension Garantie ************************
*******************************************************************************/

#ConditionsExtGarantie
{
	width:590px;
	position:relative;

	background-color:rgb(223,247,254);
	
	padding:10px 20px 10px 20px ;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    
    color:rgb(0,179,221);
}