

body {
    background-image:url("/sites/images/backgroundBody.jpg"); 
    background-repeat:repeat-x;
    font-family: arial;
    font-size: 12px;
    color: black;
    margin: 0px;
    padding: 0px;
	}

a {
	color:#666666;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

a img
{
	border:  none ;
}

#page {
	
 	position:absolute;
	left:0px;
	padding:0px; 
	top:0px;
	width:1000px;
    
}

a:hover {
	color: blue;
	}

/*header*/

#header {
	position: absolute;
	width: 1000px;
	height: 145px;
	background-image:url("/sites/images/backgroundHeader.jpg"); 
	background-repeat: no-repeat;
	z-index: 200;
	}


#recherche
{
	  position: absolute;
	  width: 140px;
	  height: 45px;	  
	  top:0px;	  
	  left: 860px;
	    
}

#rechercheTitre {
	  padding-top:2px;
	  padding-bottom:4px;
	  color:#999999;
      font-size: 12px;
      font-weight: bold;
	}

#recherche_form {
	position: absolute;
	}
	
#recherche a {
	font-weight: bold;
	color: red;
	text-decoration: none;
	padding-left: 5px;
	}
	
#recherche a:hover {
    color: blue;
    text-decoration: none;
    }	
    
#rechercheNulle {
	color: red;
	font-size: 14px;
	font-weight: bold;
	}    

/*MENU HAUT*/

#menuHaut {

	position: absolute;
	   margin:0;
    padding:0;
	width:685px;
	height: 22px;
	left: 307px;
	top:78px;
	float: right;
	
	}

#menuHaut ul {
    margin:0;
    padding:0;	
   float: right;
	}

#menuHaut ul li {
	margin:0;
    padding:0;
	display: inline;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-right:1px solid #999999;
	height: 11px;
	line-height: 12px;
	
	}
	
#menuHaut ul li a {
	margin:0;
    padding:0;
    color: red;
    font-family: century gothic;
    font-size: 12px;
    text-decoration: none;
    }	

/*MENU GAUCHE*/

#menuGauche {
	position: absolute;
	top:160px;
	}
    
td#bloc_haut {
    width: 237px; height: 56px;
    background-image:url("/sites/images/blocHeader.gif"); background-repeat: no-repeat;
    margin: 0; padding: 0; border:0px;
    padding-left: 15px; padding-right: 10px; 
    font-size: 16px; font-weight: bold;
    font-family: century gothic;
    color:white;
    border: none;
    }   
    
#bloc_haut_title {
	padding-bottom: 25px;
	}    
        
    
#bloc_content{
    width: 237px; 
    background-image:url("/sites/images/blocBackground.gif"); 
    background-repeat: repeat-y;
    margin: 0; padding: 0; border:none;
    padding-left: 7px; padding-right: 10px;
    }  
           
    
    
#bloc_bas {
    width: 237px; height: 29px;
    background-image:url("/sites/images/blocBottom.gif"); background-repeat: no-repeat;
    margin: 0; padding: 0; border:none;
    padding-bottom: 40px;
    }        
        
tr {
    margin: 0; padding: 0; border:none;
    }
td {
     border:none;
    }
    
/*menu*/    

    
#bloc_content dl#menu 
    {  
    margin: 0;
    padding: 0;
    width: 225px;
    }  
    
#bloc_content dl#menu ul {
	margin: 0;
    padding: 0;
	}    
    
#bloc_content dl#menu ul li
    {  
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    background-image:url("/sites/images/puce.gif");
    background-repeat: no-repeat;
    background-position: top left;
    height: 19px;
    padding-left: 25px;
    line-height: 19px;
    border-top:1px dotted #999999;
    }  

#bloc_content dl#menu ul li a
    {  
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family:century gothic;
    font-size: 13px;
    color: black;
    }  
    
#bloc_content dl#menu ul ul li 
    {  
    margin: 0;
    padding: 0;
    padding-left: 45px;
    border-top:none;
    line-height: 20px;
    
    background-position: 20px 0px;
    
    } 

#bloc_content dl#menu ul ul ul
{  
    margin: 0;
    padding: 0;
}

#bloc_content dl#menu ul ul ul li
{  
    margin: 0;
    padding: 0;
    padding-left: 65px;
    border-top:none;
    line-height: 20px;
    
    background-position: 40px 0px;
}



#bloc_content dl#menu ul li.selected ul li a  {
    color:black;
    font-weight: normal;

    }  
    
#bloc_content dl#menu ul li a:hover, #bloc_content dl#menu ul ul li.selected a, #bloc_content dl#menu ul li.selected a    
    {  
    font-weight: bold;
    color: red;
    }      
	

.entete_col_ssref
{
	font-weight: bold;
	font-size: 13px;
}

.col_valeur_ssref
{
	font-size: 12px;
}


/*MON COMPTE*/

#bloc2 a {
	margin: 0;
    padding: 0;
    text-decoration: none;
    font-family:century gothic;
    font-size: 13px;
    color: black;
    
	}

#panier {
	margin: 0;
    padding: 0;
    background-image:url("/sites/images/puce.gif"); background-repeat: no-repeat;
    background-position: left;
    height: 19px;
    width: 200px;
    border-bottom:1px dotted #999999;
    padding-left: 25px;
    line-height: 19px;
	}
	
#panierLien a {
	width: 198px;
	}	
	
#panierLien a:hover {
    font-weight: bold;
    color:red;
    }	
	
	
#monCompteTable {
	color:#999999;
	font-family: century gothic;
	font-size: 13px;
	font-weight: bold;
	}
	
table#monCompteTable {
    margin-left: 10px;
    width: 200px;
    }	
    
table#menuMonCompteTable {
	width: 170px;
	}    
                                 
#boutonMonCompteEntete {
    padding:0; margin:0;
    border:0;
    width:170px;  
    background-color: transparent;
    color: red;
    border:0;
    text-decoration: none;  
    font-family: arial;
    line-height: 22px;
    font-weight: bold;
    cursor: pointer;
    padding-left: 70px;
    height: 20px;
	}                       
    
#monCompte {
	padding-top: 5px;
	
	}   

#menuMonCompte {
	 width:165px;
	 text-align: right;
	 padding-left: 17px;
	 right: 50px;
	}

#menuMonCompte a.LIEN_entete {
	font-size: 11px;
	  padding:0; margin:0;
	  line-height: 11px;	 
	  color: #999999;
	}
	
#menuMonCompte a.LIEN_entete:hover {
text-decoration: underline;
    }	
    
   .LIEN_entete {
   width:165px;
    color: #999999;
   } 
	
	

	
/*liste produit*/
#contenu {
	min-height: 350px;
	}


#content {
	position: absolute;
	left:270px;
	top:155px;
	width: 720px; 

	}	
	
.produitPetit 	{
	width: 190px;
	height: 230px;
	float: left;
	background-image:url("/sites/images/backgroundProduit.gif"); 
	background-repeat: no-repeat;
	padding: 5px;
	padding-top: 15px;
	}

.produitPetit a img {
    border: 2px solid #cccccc;
    }
    
.produitPetit a {
    padding: 0;
    margin: 0;
    }
    
.prixProduit a img
{
	border:0;
}

.produitPetit .prixProduit   {
    color: red;
    font-weight: bold;
    font-size: 14px;
    
    
    padding-left: 2px;
    }	

.produitPetit .prixProduit td   {
    width: 150px;
    color: red;
    font-weight: bold;
    font-size: 14px;
    }   
		
.titreProduit
{
	width: 180px;	
	padding-left: 5px;
}
		
.titreProduit h3 a {
	color: #4E49AD;
	font-weight: bold;
	font-size: 13px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	
	}
	
.titreProduit h3 a span {
    color: #000;
    font-weight: bold;
    font-size: 13px;
    padding: 0;
    margin: 0;
    text-decoration: none;
    
    }

.titreProduit h3 {

	margin: 0;
	padding: 0;  
	
	}
	
.chapoProduit	{
	width: 195px;
	}
	
.titrePage {
	width: 730px;
	
	height: 60px;
	background-image:url("/sites/images/barreTitre.gif");
	background-repeat: no-repeat; 
	background-position: -10px 20px;
	}	

h2     
{  
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    }   

h2  {
	color: #4E49AD;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;

	}
	

	
.contourImage {
	
	/*padding-bottom: 5px;*/
	}	
	
/*precedent -- suivant */	
		
#pages	{
	float: left;
	text-align: center;
    width: 650px;
    
    padding-bottom: 15px;
    padding-top: 10px;
    /*padding-left: 5px;*/
}



		
/*bas*/	

	


#footer  {
	
	font-family: arial;
	font-size: 10px;
	color: black;
	width: 960px;
	height: 12px;
	text-align: center;
	z-index: 300;
    margin: 0;
    padding: 0;
    float: left;
	}



#newsletter form {
	padding: 0;
	margin: 0;
	
	}
#bouton_newsletter
{

    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 30px;
    height: 21px;
    background-color: black;
    color: white;
    border:0px;
    border:none;
    text-decoration: none;  
    line-height: 21px;
    cursor: pointer;
}

#bouton_newsletter:hover
{
text-decoration: underline;
}

#newsletter_titre {
	font-size: 12;
	color: #666666;
	
	}


/*fiche produit*/

#ficheProduit table{
	width: 500px;
	
	}
	
#ficheProduit a img
{
	border: 3px solid #cccccc;
}

#ficheProduit .prixProduit a img
{
    border: 0;
}
	
#ficheProduit .chapoProduit {
	border-top: 1px dotted #333333; 
	border-bottom-width: 100%;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
	}
	
#ficheProduit .descriptionProduit {
    border-top: 1px dotted #333333; 
    font-size: 12px;
    }	
	
#ficheProduit .prixProduit {
    border-top: 1px dotted #333333; 
    color: red;
    font-weight: bold;
    
    }
    
#ficheProduit .prixProduit td.prix {
    width: 100px;
    color: red;
    font-weight: bold;
    font-size: 14px;
}
    

#ficheProduit .contourImage {
margin: 0;
padding: 0;

}





/*formulaire erreur */

.obligatoire {
	color: red;
	}

/*Modifier compte */

.ligneTableau {
	font-size:12px;
	} 
	
.boutonMonCompteContenu input, #formulaire input {
background-image: url("/sites/images/bouton.jpg");
background-repeat: no-repeat;
width: 160px;
height: 34px;
padding-bottom:3px;
border:0px;border:none;
text-decoration: none;float: left;
text-align: center;
cursor: pointer;
color:white;
font-family: century gothic;
font-weight: bold;
}

.boutonMonCompteContenu input:hover {
	color:red;
	}	
	
#modifier1 .boutonMonCompteContenu input, #modifier2 .boutonMonCompteContenu input{
background-image: url("/sites/images/bouton.jpg");
background-repeat: no-repeat;
width: 160px;
height: 29px;
padding-bottom:3px;
border:0px;border:none;
text-decoration: none;float: left;
text-align: center;
cursor: pointer;
}
#monCompteMenu  {
	position:absolute;
	top:50px;
	border-top: 1px solid #999999; 
	   border-bottom: 1px solid #999999; 
margin: 0;
padding: 0;
width: 712px;
}


#monCompteMenu table tr td {
height: 25px;

}

#monCompteMenu a {
font-size: 14px;
margin: 0;
padding: 0;


}

.commentaires {
font-weight: bold;
       border-bottom: 1px dotted #333333; 

}
#comments {
	font-family:Arial;
	width:700px;
	margin-top:20px;
	}
#comments span.name {
	font-size:12px;
	font-style: italic;
	color: #AAAAAA;
	
	}
#comments p.message {
    font-size:12px;
    
    }
#comments table{
	 font-size:12px;
	}
/*mot de passe perdu */
#formmdp .boutonMonCompteContenu input{
background-image: url("/sites/images/bouton.jpg");
background-repeat: no-repeat;
width: 160px;
height: 29px;
padding-bottom:3px;
border:0px;border:none;
text-decoration: none;float: left;
text-align: center;
cursor: pointer;
}

/*regret paiement n'a pas pu aboutir */
 .regret {
 font-size: 14px;
 }

 
 /*bouton en general*/
 
 #bouton {
padding-left: 200px;
 }
 
 .boutonMonCompteContenu a {
 float:left;
 display:block;
 width: 160px;
 height: 34px;
 background-image: url("/sites/images/bouton.jpg");
background-repeat: no-repeat;

padding-top: 7px;
color: white;
font-weight: bold;
text-decoration: none;
 font-size: 12px;
 font-family:century gothic;
 text-align: center;
 }
 
  .boutonMonCompteContenu a:hover {
  color: red;
  }
  
/*panier*/  

.enteteTableau {
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid black;
margin-bottom: 10px;
}

.enteteTableau2 {
font-weight: bold;
font-size: 14px;
border-top: 1px solid black;
margin-bottom: 10px;
margin-top: 10px;
}

.tableauPanierTotal {
margin-top:10px;
font-weight: bold;
font-size: 14px;
margin-bottom: 30px;
border-top: 1px solid black;
}

.tableauPanierTotal .prix {
color:red;
}

/*identifier vous*/

input.zoneDeSaisie, select.zoneDeSaisie {
    margin-bottom: 5px;
}

.sousTitrePage h3 {
color:#5552AB;
}

/*commande*/

.footerTableau {
margin-top:10px;
font-weight: bold;
font-size: 14px;
color:red;
}

#formulaire input.zoneDeSaisie {
	margin-top:6px;
background-image: none;
border: 1px solid #999999;
height: auto;
vertical-align: middle;

color: black;

}

/*signature*/

#signature {
	float:left;
width: 720px;
text-align: center;
font-size: 10px;
}
