.mandatory_red
{
    color: red;
}


body {
    background-image: url("/sites/images/background.gif");
    background-repeat: repeat;
    z-index: 2;
    font-family: century gothic;
    font-size: 12px;
      
    }


#page {  
    position:absolute;
    left: 50%;
    margin-left: -465px;
    padding:0px; 
    top:0px ;
    width:930px;
}

/*-------------------------OMBRE GLOBALE---------------------------*/

#background_shadow {
	position: absolute;
	top:40px;
    background-image: url("/sites/images/background_shadow.png");
    background-repeat: repeat-y;
    width:930px;	
/*border: 1px solid red;*/
height: 500px;
	}
	


/*-------------------------HEADER---------------------------*/
#header { 
    position: absolute;
    left: 15px;
    top:0px;
    }

#logo {
	position: absolute;
	left: 0px;
	top:0px;
	}
	
#menu_contenu {
	position: absolute;
	left: 254px;
    background-image: url("/sites/images/menu_contenu_background.gif");
    background-repeat: no-repeat;
    width: 645px;
    height: 136px;	
	}
	
/*-------------------------MENU CONTENU---------------------------*/

#menu_contenu ul {
	position: absolute;
    margin: 0;
    padding: 0;
    top:28px;
    left:50px;
    width:600px;
    height:61px;
/*border:1px solid red;  */
    }	
    
#header #menu_contenu ul li {
	float: left; 
    display: inline;
       
    } 
    
#menu_contenu ul li a {
	display:block;
	margin-top:5px;
	height:56px;
	line-height:56px;
    font-weight: bold;
    color:white;
    font-family: arial, verdana;
    font-size: 12px;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url("/sites/images/menu_contenu_separation.gif");
    background-repeat: no-repeat; 
    background-position: right;
    float: left; 
    }

#menu_contenu ul li#menu21 a {
    background-image: none;
    }  

#menu_contenu ul li a:hover, #menu_contenu ul li#menu21 a:hover, #menu_contenu ul li.selected a, #menu_contenu ul li#menu21.selected a {
    display:block;
    margin-top:0px;
    height:61px;
    line-height:61px;
    font-size: 12px;
    background-image: url("/sites/images/menu_contenu_here.gif");
    background-repeat:repeat-x; 
    border-right: 1px solid #d9751c;
    border-left: 1px solid #ff7800;
    }
    
/*-------------------------RECHERCHE---------------------------*/ 

#recherche {
	position: absolute;
	top:108px;
	left: 745px;
	}  
	
#recherche_input INPUT {
	color:gray;
    width: 100px;
    height: 13px;
    font-family: century gothic;
    font-size: 12px;
	}
	
#recherche_bouton {
    position: absolute;
    left:53px;
    top:0px;
	}		 
 
/*-------------------------MENU GAUCHE---------------------------*/          
	
#menuGauche {
     position: absolute;
     top:136px;
/*border:1px solid red;*/ 
     left: 15px;
     width: 224px;
     background-color:#9d4039;
/*height: 1200px;*/
	}	
	
#menuGauche_shadow {
    position: absolute;
    background-image: url("/sites/images/categorie_shadow.png");
    background-repeat: repeat-y;

    width: 15px;
    left: 224px;  
/*height: 600px;*/

    }   	
	
#menuGauche #categorie {
	
	}
	
#menuGauche #bloc_haut #header {
	position:relative;
	left:0;
	}	
	
#menuGauche td#bloc_content {
    background-image: url("/sites/images/categorie_background.gif");
    background-repeat:repeat-x;
    width: 224px; 
    background-color: #9d4039;
	} 	
	
#menuGauche td#bloc_content dl#menu  {
   margin: 0;
   padding: 0;   
    } 
    
#menuGauche td#bloc_content dl#menu ul  {
   margin: 0;
   padding: 0;
    
    }
   
/*-------------------------RUBRIQUE---------------------------*/    
    
#menuGauche td#bloc_content dl#menu ul li   {
   margin: 0;
   padding: 0;
   list-style-position:outside;
   list-style-type: none;
   background-image: url("/sites/images/categorie_separation.png");
   background-repeat:repeat-x;
   background-position: top; 
   padding-left: 10px;
   line-height: 18px;
   padding-bottom: 0px;
   padding-top: 5px;
   /*height: 20px; */
    } 
    
#menuGauche td#bloc_content dl#menu ul li.selected   {
   /*list-style-type: none;
   list-style-image:url("/sites/images/categorie_puce_open.gif"); */
   background-repeat:none;
    } 
    
#menuGauche td#bloc_content dl#menu ul li a   {
   background-image:url("/sites/images/categorie_puce.gif"); 
   background-repeat:no-repeat;
   background-position:left center;
   margin: 0;
   padding: 0;
   left:0px;
   color:white;
   text-decoration: none;
   font-size: 13px;
   padding-left: 10px;
   
    }  
   
   
#menuGauche td#bloc_content dl#menu ul li a:hover, #menuGauche td#bloc_content dl#menu ul li.selected a   {
   font-weight: bold;
    }     
      
    
/*-------------------------SOUS RUBRIQUE (les margin du père règle les ul des menu fils)---------------------------*/

#menuGauche td#bloc_content dl#menu ul ul   {
   margin: 0;
   padding: 0;
   border-left: 1px solid #ffa117;
   margin-left: 33px;
   margin-bottom: 0px;
   margin-top: 3px;
   padding-left: 7px;
    }
    
          

#menuGauche td#bloc_content dl#menu ul ul li   {
   margin: 0;
   padding: 0;
   list-style-position:inside;
   list-style-type: none;
   list-style-image:none; 
   background-image: none;
   line-height: 13px;
  /*height: 15px;*/
    } 
    
 #menuGauche td#bloc_content dl#menu ul ul li a   {
    color:#ffa117;
   margin: 0;
   padding: 0;
   padding-left:0px;
   background-image: none;
  font-size: 12px;
    }
    
 #menuGauche td#bloc_content dl#menu ul li.selected ul li a   {
    font-weight: normal;
    }
  
     #menuGauche td#bloc_content dl#menu ul ul li a:hover, #menuGauche td#bloc_content dl#menu ul ul li.selected a  {
    font-weight: bold;
    color:white;
   
    }
    
/*-------------------------SOUS SOUS RUBRIQUE (les margin du père règle les ul des menu fils)---------------------------*/    
    
#menuGauche td#bloc_content dl#menu ul ul ul   {
   
   margin: 0;
   padding: 0;
   margin-top: 3px;
   margin-bottom: 3px;/*ici je règle les margin de la sous rubrique et non de la sous sous rubrique*/
   border-left: 1px solid #ffffff;
    } 
    
#menuGauche td#bloc_content dl#menu ul ul ul li  {
   
    margin-left:5px;
   
    } 
    
#menuGauche td#bloc_content dl#menu ul ul ul li a  {
    color:white;
    font-size: 10px; 
    }
            
    
#menuGauche td#bloc_content dl#menu ul ul ul ul  {
   margin: 0;
   padding: 0;  
    }         
    
 
    
    
/*-------------------------PANIER---------------------------*/       

#panier {
    height:30px;
    width:224px;
    background-image: url("/sites/images/categorie_separation.png");
    background-position: top;
    background-repeat: repeat-x;
/*border: 1px solid red;*/
    }

#panier #panier_img {
	margin-top:10px;
	margin-left:20px;
	float: left;
	display: inline;
	}
	
#panier #panierLien	{
    margin-left: 10px;
    margin-top:10px;
    float: left;
    display: inline;	
	}
	
#panier #panierLien    {
    margin-left: 5px;
    margin-top:10px;
    float: left;
    display: inline;    
    }
    
#panier #panierLien a    {
    font-size: 13px;
    font-weight: normal;
    color: white;
    text-decoration: none;  
    }
#panier #panierLien a:hover    {
    text-decoration: underline;;  
    }

.reduc_article {
	font-size: 11px;
	font-style: italic;
	color: gray;
}

/*-------------------------LOGIN---------------------------*/              
                       	
#monCompte {
    width:224px;
    background-image: url("/sites/images/categorie_separation.png");
    background-position: top;
    background-repeat: repeat-x;
    min-height: 200px;
	}	

#monCompte #blocMonCompte table#monCompteTable {
    font-size: 13px;
    font-weight: bold;
    color: white;  
    margin-left: 10px;
    margin-top: 5px;
    width: 200px;
    }
    
#monCompte #blocMonCompte table#monCompteTable tr {
    height: 20px;
    } 

#monCompte #blocMonCompte table#monCompteTable {
	width: 196px;
	}
    
#monCompte #blocMonCompte table#monCompteTable input.champFormMonCompte {
     background-image: url("/sites/images/mon_compte_input_background.gif");
     background-repeat:no-repeat;
     width: 124px;
     height: 18px;
     border:none;
     color: gray;
     font-family: century gothic;
     font-weight: normal;
     background-color: transparent;
    }

    
input#boutonMonCompteEntete {
	border:none;
	background-image:url("/sites/images/mon_compte_bouton.gif");
	height: 22px;
	width: 128px;
	color: white;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
    margin-left: 60px; 
    border:0; 
    background-color: transparent; 
	}
	
#monCompte #menuMonCompte {
    margin-left: 45px;
    }	  
	
#monCompte #menuMonCompte ul {
	margin: 0;
	padding: 0;
	}	  
      
#monCompte #menuMonCompte ul li {
    list-style: none;
    list-style-image:url("/sites/images/mon_compte_puce.gif"); 
    line-height: 13px;
    }           
	
#monCompte #menuMonCompte ul li a {
    font-size: 10px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    } 
    
#monCompte #menuMonCompte ul li a:hover {
    text-decoration: underline;
    } 
    
#monCompte #separation {
    width:224px;
    margin-top:7px;
    height:4px;
    background-image: url("/sites/images/categorie_separation.png");
    background-position: top;
    background-repeat: repeat-x;
	}  
	
#connex {
	margin: 0;
	padding: 0;
	}
	
#menuMonCompte_client {
	line-height: 18px;
	position: relative;
	top:5px;
	margin-bottom:10px;
	left:20px;
    font-size: 14px;
    font-weight: bold;
    color: #ff7800;
	}		       
	
/*-------------------------CONTENT---------------------------*/ 	         
    	
#content {
    position: absolute;
    top:140px;
    width: 674px;
    left: 239px;
/*border: 1px solid red;*/ 	
	}    	
    	
/*-------------------------BOTTOM---------------------------*/    	
    	
#bottom {
	 background-image: url("/sites/images/bottom_background.png");
	 background-repeat:no-repeat;
	 width: 930px;
	 height: 59px;
	 position: absolute;
/*top:539px; */
	}
	
#menu_contenu_bottom {
	position:absolute;
    text-align: center;
    width: 930px; 
	margin:0; 
	padding:0;
	/*top:20px;*/
	height:1px;
	z-index: 30;
	}
	
#menu_contenu_bottom ul {
   display: inline;
    }	
    
#menu_contenu_bottom ul li {
    display: inline; 
    }
    
#menu_contenu_bottom ul li a {
    font-size: 10px;
    color:white;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid white;    
    }
    
#menu_contenu_bottom ul li#last a {
    border-right:none;  
    }      
  
#menu_contenu_bottom ul li a:hover {
    text-decoration: underline;
    } 
   
/*-------------------------TITRE---------------------------*/   
    
.titrePageAccueil {
	
	}
	
.titrePage {
    width: 675px;
    background-image: url("/sites/images/title_background.png");
    background-repeat: repeat-x;
    background-position: bottom;
    height: 59px;
    margin: 0;
    padding: 0;
    }
    
/*-------------------------PRODUIT PETIT---------------------------*/    
    
	
.produitPetit {
	width: 638px;
	height: 115px;
    background-image: url("/sites/images/produit_petit_background.gif");
    background-repeat: no-repeat;
    margin-bottom: 3px;
	}	
		
.produitPetit_titre {
   position:relative;
   left:8px;
   top:10px;
   float: left;
   line-height:normal;
	}

.produitPetit_titre h3 {
	position:relative;
    margin: 0;
    padding: 0;
    line-height:normal;
	}

#content_content .produitPetit_titre h3 a {
	position:relative;
	color:#ff7800;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	line-height:normal;
	
	}
	
.produitPetit_titre h3 a:hover {
    text-decoration: underline;   
    }
    
    
    
.produitPetit_panier {
	float: right;
	position:relative;
    right: 0px;
    top:0px;
	} 
	
.produitPetit_content {
	width: 620px;
    position:relative;
    left: 8px;
    float: left;
	}
		
	
.produitPetit_image {
    position:relative;
    width: 100px;
    float: left;
  
    }   
    
.produitPetit_description {
	position: absolute;
	left: 110px;
	top: 15px;
	width: 505px;
	line-height:normal;
	}
	
.produitPetit_ref {
	text-align: right;
    }	
    
#content_content #contenu .produitPetit_ref {
	font-size:12px;
	line-height:normal;
	}	    
    
.produitPetit_description p {
    margin: 0;
    padding: 0;
    float: left;
   	line-height:normal;
    }     
	
.produitPetit_description a {
    color:#000000;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    float: left;
   	line-height:normal;
    }
    
.produitPetit_prix {
 	float:left;
    position: absolute;
	top: 58px;
    color:#ffffff;
    font-weight: bold;
    font-size: 18px;
    left: 0px;
    width: 620px;
    text-align: right;
    } 
    
.prix_ttc {
	font-size: 12px;
	}
	
.prix_promo {
	color:#ff7800;
	text-decoration: line-through;
	font-size: 12px;
	}	         
    
.produitPetit_description a:hover {
    text-decoration:underline;
    } 
    
#pages {
	text-align: center;
	width: 670px;
	}
	
#pages a {
    color:#ff7800;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    } 
    
#pages a:hover {
    text-decoration: underline;
    }  
    
/*-------------------------FICHE PRODUIT---------------------------*/    
    
#content_content {
	
	margin-left: 15px;
/*border:1px solid red;*/
	width: 650px;
	} 
	
.ficheProduit_image {
	position:relative;
	width: 300px;
	float: left;
	}		         		   			               	
   
   
.ficheProduit_content 
{
	position:relative;
    width: 347px;
    float: left;
/*border:1px solid red;*/
    }  
    
.ficheProduit_ref {
	position:relative;
	width: 347px;
	height: 25px;
    background-image: url("/sites/images/produit_header.gif");
    background-repeat: no-repeat; 
	}
	
.ficheProduit_ref_content {
   position:relative;
    color:white;
    font-weight: italic;
    font-size: 12px;
     width: 335px;
     text-align: right;
     top:4px;
	}	
	
.ficheProduit_description {
    position:relative;
    width: 310px;
    border-left:1px solid #f28311;
    border-right:1px solid #f28311;  
    padding: 15px;
    font-size: 12px;
    min-height: 150px;
    }
    
.ficheProduit_description p {
    margin: 0;
    padding: 0;
    }    	
    
.ficheProduit_prix {
    position:relative;
    width: 347px;
    height:48px;
    border-left:1px solid #f28311;
    border-right:1px solid #f28311; 
    background-image: url("/sites/images/produit_bottom.gif");
    background-repeat: no-repeat;
    color:white;
    font-weight: bold;
    font-size: 18px; 
    border: none;
    float: left;  
    }
    
.ficheProduit_panier {
    position:relative;
    float: right;  
      
    } 
    
.ficheProduit_prix_content {
	 position:relative;
    float: left; 
    left:5px;
    top:7px;
	}              
     
.produit_pages {
    position:relative;
    float: right; 
	} 
	
/*-------------------------FORMULAIRE---------------------------*/	
	
.commentaires {
	color: #f24e17;
	font-weight: bold;
	}	

.obligatoire {
	color: #f24e17;
	}
	
#nouveau {
    font-weight: bold;	
	}
	
#content_content table tr td {
	padding-bottom: 3px;
	padding-top: 2px;
	}	
	
.boutonMonCompteContenu input {
    border:none;
    background-image:url("/sites/images/bouton_form1.gif");
    height: 35px;
    width: 159px;
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    text-align:center; 
    border:0; 
    background-color: transparent; 
    }
    
  
    
    
  	
    
/*-------------------------BLOC PROMO ACCUEIL---------------------------*/    
    
.accueil_promo {
	position: relative;
    width: 675px;
    height: 276px;
    
    left: -15px;
    float: left;
	}    


#contenu .bloc_accueil_promo	{
	position: relative;
	width: 225px;
	height: 276px;
    background-image:url("/sites/images/accueil_background_promo.jpg");
    background-repeat: no-repeat;	
    padding-top: 2px;
    float: left;
    
	}  
	
#contenu .bloc_accueil_bonne_affaire	{
    position: relative;
    width: 224px;
    height: 276px;
    background-image:url("/sites/images/accueil_background_bonnes_affaires.jpg");
    background-repeat: no-repeat;   
    padding-top: 2px;
    float: left;

    } 
    
#contenu .bloc_accueil_nouveaute {
    position: relative;
    width: 226px;
    height: 276px;
    background-image:url("/sites/images/accueil_background_nouveaute.jpg");
    background-repeat: no-repeat;   
    padding-top: 2px;
    float: left;

    }                                                    
      
.produitPetitAccueil {
    position: relative;
    width: 225px;
    height: 90px;
    padding-top:10px;
    
	}      
	
.produitPetitAccueil_image {
	width: 110px;
	float: left;
	position: relative;
	}
	
.produitPetitAccueil_image img {
    border: 1px solid #a19797;
    }	
    
.produitPetitAccueil_content {
    float: right;
    position: relative;
    width: 115px;
	} 
	
.produitPetitAccueil_description {
	width: 110px;
	}
    
.produitPetitAccueil_prix {
    float: right;
    position: relative;
    color:#ffffff; 
    font-size: 18px;
    font-weight: bold;
    right: 10px;
    top:5px;
	}    
      	  

	
	
	
	
	
#contenu .bloc_accueil_promo .produitPetitAccueil_titre a, 
#contenu .bloc_accueil_bonne_affaire .produitPetitAccueil_titre a,
#contenu .bloc_accueil_nouveaute .produitPetitAccueil_titre a {
	color:#ffffff; 
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;	
	}
	
#contenu .bloc_accueil_promo .produitPetitAccueil_description a, 
#contenu .bloc_accueil_bonne_affaire .produitPetitAccueil_description a,
#contenu .bloc_accueil_nouveaute .produitPetitAccueil_description a {
    color:#000000; 
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;  
    line-height: 12px;
    }
    
#contenu .produitPetitAccueil_content h3, #contenu .bloc_accueil_bonne_affaire h3  {
    margin: 0;
    padding: 0;
    }     
    
#contenu .bloc_accueil_promo .produitPetitAccueil_titre a:hover,
#contenu .bloc_accueil_promo .produitPetitAccueil_description a:hover,
#contenu .bloc_accueil_bonne_affaire .produitPetitAccueil_titre a:hover,
#contenu .bloc_accueil_bonne_affaire .produitPetitAccueil_description a:hover,
#contenu .bloc_accueil_nouveaute .produitPetitAccueil_titre a:hover,
#contenu .bloc_accueil_nouveaute .produitPetitAccueil_description a:hover  {
    text-decoration: underline;
    }
    
#contenu .bloc_accueil_bonne_affaire .produitPetitAccueil_titre a {
	color:#ff9c14;
	} 
	
#contenu .bloc_accueil_bonne_affaire .produitPetitAccueil_description a {
	color:white;
	}	   

/*-------------------------ECRAN CHEQUE---------------------------*/
          		
table.tableau_donnees {
	border:1px solid #ff7800;
	}
	
table.tableau_donnees tr th  {
    background-color: #ff7800;
    color:white;
 
    }	 
	
table.tableau_donnees tr td  {
    border-bottom:1px solid #dddddd;
    }
    
table.tableau_donnees tr td.summaryOrder  {
    border: none;
    
    }
    
table.tableau_donnees tr   {
    text-align: center;
    border:1px solid red;
    } 
  
table.tableau_donnees tr#important td   {
    color:#6a292a;
    font-weight: bold;
    }
         
table.tableau_donnees form   {
    margin:0;
    padding: 0;
    width: 30px;
    }    	
 
#bouton {
	
	} 
	
#content_content .bouton_input_1
{
	position:relative;
    border:none;
    display:block;
    background-image:url("/sites/images/bouton_form1.gif");
    background-repeat: no-repeat;
    height: 35px;
    width: 159px;
    text-decoration:none;
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border:0; 
    background-color: transparent; 
}
    
#content_content .boutonMonCompteContenu a {
	position:relative;
	float:right;
	border:none;
	display:block;
	padding-top:8px;
    background-image:url("/sites/images/bouton_form1.gif");
    background-repeat: no-repeat;
    height: 35px;
    width: 159px;
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border:0; 
    text-decoration:none;
    background-color: transparent; 
	} 
	
#content_content .boutonMonCompteContenu a:hover, #content_content .bouton_input_1:hover {
   color:#592124;
    }
    
#content_content .boutonMonCompteContenu_petit_texte a {
    font-size: 11px;
    line-height: 12px;
    
   padding-top: 5px;

    }    
    
#promotionPrixPromo, #promotionPrixPromo2 {
    font-size: 12px;
    color:#592124;
    font-weight: bold;
    text-decoration: line-through;
}

#promotionPrixPromo2 {
    color:#FF9C14;
}  
	   	
	      	
/*-------------------------MISE EN PAGE---------------------------*/

a img {
	border: none;
	}
	
h1 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	color: #592124;
	margin-left: 15px;
	padding-top: 5px;
	}			
	
h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #f24e17;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    } 
    
#content_content a {
	color:#592124;
	}
	
#content_content li {
    color:#ff7800;
    list-style-type: square;
    }
    
.ht_exposant {
	vertical-align:text-top;
	font-size: 10px;
	
	}
	
#content_content #contenu {
	color: #592124;
	font-size:14px;
	line-height: 20px;
	}	
	
	
/*DIAPORAMA ACCUEIL*/

#galerie {
	position: absolute;
	top:70px;
	left:20px;
	height: 295px;
	width: 230px;
	/*border:1px solid red;*/
	}	
	
td#diaporamaTd {
	width: 250px;
	}