BODY{
	color: #000000;
	margin: 0px 0px 0px 0px;
	scrollbar-base-color:#FFE76B;
	background-color:#FFFFFF; 
	font-family:Arial, sans-serif; 
  font-size:12px; 
  padding:0 0 0 0px;
}
#page_body { width: 1268px; }
img { border:0; }
#content { width:1102px; padding:0px; left:0px; top:0px; text-align:center;
		   float:left; 
       background-image:url(../images/fond.gif);
      } 
#bandeau-haut {
 clear:both; width:100%; 
 background-image:url(../images/fond_bandeau.jpg); 
 background-repeat:repeat-x; 
 background-color:#FFE76B;
 height: 101px;
}

#logo-equ {
	width:401px; text-align:center; float:left; padding-left:2px;
	font-family:"Times New Roman", Times, serif;
	font-size:22px; font-style:italic; color:#400000; font-weight:bold;
}
#pub-haute1 {
	width:432px; margin-left:30px; margin-top:10px;
	height:82px;
	float:left; 
}
#div_panier { border:1px solid #776825; width:200px; margin-left:25px; background-color:#FFFFFF; float:left; 
              background-image:url(../images/fond-titre-panier.jpg); background-repeat:no-repeat; 
              background-position:center top; 
              margin-top:10px; height:82px; }
#content_panier { margin:24px 0px 4px;}
#div_panier a, #menu_droite #div_panier a:hover { color:#000000; border:0; text-align:center; width:145px; }
#div_panier a:hover { text-decoration:underline; }

#bandeau-login {
 clear:both; width:100%; 
 float:left;
 background-image:url(../images/barre_login.jpg); 
 background-repeat:repeat-x; 
 height:40px;
 padding-top:2px; 
 text-align:left; 
 color:#000000; font-weight:bold;
}
.form_search { float:right; clear:none; margin-top:-15px; margin-right:3px;  width:538px; }
.fond_skin { background-color:#FBDD8B; background-image:url(../boutique/image_nav/fond-titre-produits.jpg); 
       background-repeat:repeat-x; 
       padding:3px 3px 3px 3px; }
.ref_produit { border: 1px #C2BDA7 solid; background-image:url(../images/fond.gif); 
               padding: 3px 3px 3px 3px; }
      
#col_gauche{ vertical-align:top; width:158px; float:left; padding-left:0px; }
#col_milieu { background-image:url(../images/arche.gif); background-repeat:no-repeat; background-position:center top; width:704px;
	background-color:#FFFFFF; padding:8px 3px 0px 3px; vertical-align:top; float:left; text-align:center; }

.fond_clair { background-color:#FFFFFF; text-align:center; }
#col_droite { padding-left:2px; width:232px; vertical-align:top; float:left; }
#titre_contenu { font-family:Arial, sans-serif; font-size:20px; font-weight:bold; color:#846B00;}
#soustitre_url { font-family:Arial, sans-serif; font-size:10px; padding-bottom:15px; }
#soustitre { font-family:Arial, sans-serif; font-size:24px; font-weight:bold; color:#846B00;}
.soustitre2 { font-family:Arial, sans-serif; font-size:16px; font-weight:bold; color:#846B00;}
.cadre { width:680px; border:2px #846B00 solid; text-align:left; padding:6px 6px; background-color:#FFFFC0; 
         background-image:url(../images/fond.gif); margin: 6px 0px 20px}
.cadre_recherche { width:680px; border:2px #846B00 solid; text-align:left; padding:6px 6px; background-color:#FFFFC0; margin: 6px 0px 20px}

A{color:#846B00; font-weight:normal; font-family:Arial, sans-serif; text-decoration:none}
A:hover{color:#846B00; font-weight:normal; font-family:Arial, sans-serif; text-decoration:none}
A:visited{color:#846B00; font-weight:normal; font-family:Arial, sans-serif; text-decoration:none}
td{font-family:Arial, sans-serif; font-size:12px; font-weight:normal; color:#000000; }
.tdmiddle { vertical-align:middle; }
.tdtop { vertical-align:top; }

.fond_out { background-color:#FDC7A6; }
.fond_out2 { background-color:#FFCCFF; }
.fond_on { background-color:#FFFF66; cursor:pointer; } 
a.bl, #bandeau-login a { color:#000000; font-weight:bold; }
a.bl:hover, #bandeau-login a:hover { color:#000000; font-weight:bold; text-decoration:underline; }

.msg_erreur { padding:10px 10px 0px 10px; text-align:left; width:(100%-20px); border:3px solid #FF0000; background-color:#FFFF33;
 color:#0000CC; font-weight:bold; margin:10px 10px 10px 10px; clear:both; }
 
 /* menu de gauche */
#menu{ width:153px; margin:0 0; padding:0 0; }
#menu span{ display:none; }
#menu li{ width:153px; display:block;    
    float:left; list-style:none;
    margin:0; padding:0; 

    }
#menu ul{ margin:0; padding:0; position:absolute; /* important */
    width:153px; }  
#menu li ul{ visibility:hidden; margin-left:152px; /* be careful */ margin-top:-20px; width:350px;  }
#menu li ul a{ width:350px; }    
#menu li.bas, #menu li ul li.bas { border-top: 1px #000000 solid; width:100%;}
#menu a{
    border-top: 1px #000000 solid;
    border-left: 1px #000000 solid;
    border-right: 1px #000000 solid;
    text-align:left;
    background-color: #FFE76B;
    color:#000000;
    font-weight: bold;
    display:block;
    width:153px;
    text-decoration:none;
    margin:0 0;
    padding:2px 0px 2px 2px; /* em units can creat little graphic bug in mozilla */
    background-image:url(../images/bouton-menu.jpg);
    height:19px; }
#menu a:hover{
    background-color: #000000;
	  color: #846B00; }
#menu a:focus{ background-color: #400000; }
        
.input_submit { background-color:#846B00;
				color:#FFFFCC;
				font-weight:bold; }