/* FEUILLE DE STYLES PRINCIPALE */

body {
     font: 11px Verdana, Arial, Sans-Serif;
     color:#555555;
     padding:0px;
     margin:0px;
     text-align: center;
     background: #555555 url(images/page_bg.gif);
     }
/*
a {color: #DB7093;font-size:11px;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}
*/
a {color: #222222;font-size:12px;font-family:arial;}
a:visited {color:#222222;}
a:hover {color: #222222;text-decoration : underline;}
a:active { color: yellow;}

img {
	border: none;
	}
form {
	 margin:0px;
	 padding:0px;
	 }

/*
h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
*/

/*
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
*/

/* ---------- Conteneur / Largeur du site -------------- */

#container {
	       width: 1000px;
		   padding: 0px;
           margin-left: auto;
           margin-right: auto;
           text-align: left;
            background-color:#fff;


           }

/* ---------- Header ---------- */

#header {
	    position: relative;
	    height:130px;
	    /*background: #ffff99 url(images/left.jpg) repeat-y top left;*/
        background: #519200 url(images/header_bg.jpg) repeat-x top left;
	    /*background: #ffcc33 url(images/noel.gif) no-repeat;*/

	    }

/* ----------banner for logo-------------- */

#banner {
        text-align: right;
        padding: 30px 0px 0px 0px;
        margin-right: 50px;
		}

#banner img {padding:10px 0px;} 

/* -------------- Menu Gauche & Menu Droit ------------- */

#left {
	  width: 200px;
      /*background-color: #efefef; */
      background: #efefef url(images/side_bg.gif) repeat-y;
      }
#right {
       width: 200px;
background: #efefef url(images/side_bg.gif) repeat-y;
 /*    background-color: #efefef;      */
       }
/* ----------------- Menu Haut ------------------ */

#menuhaut {
	      position: relative;
	      padding: 0;
	      color: white;
	      background-color : #333;
          line-height: 27px;
          /*
	      border-top:1px solid #000;
          border-bottom:1px solid #000;
          */
          width: 100%;
	      }
#menuhaut a {
	        color: white;
	        font: bold 11px verdana,arial;
	        text-decoration: none;
            padding: 0 5px 0 5px;
	        }
#menuhaut input,select {
	                   font: 11px arial;
	                   margin: 2px 0 0 0;
	                   }

/* ----------------- Centre --------------------- */

#content{
	    margin:0;
		padding: 10px;

        }

/* ---------------- Pied de Page ---------------------- */

#footer {
        clear:both;
        padding:0px;
        margin:0px;
        text-align: right;
		}

/* ----------- Catalogue ----------- */

#ligne_catalogue {

	             position:relative;
	             margin: 0px;
	             }
#ligne_catalogue #image {
	                    text-align: center;
	                    padding: 0;
	                    width: 100px;
	                    height: 75px;
	                    }
#ligne_catalogue ul {
	                list-style-type:none;
	                position:absolute;
					top: 0px;
					left:110px;
					margin:0px;
					padding:0px;
	                }
#ligne_catalogue #prix {
	                   float:right;	
	                   position:relative;
	                   font: bold 15px arial;
	                   text-align: right;
	
	                   }
.prix_barre { text-decoration: line-through;}
.code {
	  font-size: 10px;
	  margin: 5px 0 0 0;
	  color: #bbb;
	  }

#ligne_catalogue a#designation   {
	                             font: bold 11px verdana,arial;
	                             text-decoration: underline;
	                             color:#564b47;
                                 width: 400px;
	                             }

#prix_promo            {
	                   font: bold 16px arial;
	                   text-decoration: none;
	                   color: #333;
	                   background-color: #b9f307;
	                   margin: 3px 0px 0px 0px;
	                   padding: 1px 3px 1px 3px;
                       }

#ligne_catalogue #plus {
	                   position: absolute;
					   top:65px;
					   right:0px;
					   padding:0px;
					   margin: 0px;
					   width:300px;
	                   }
#ligne_catalogue #dispo {
	                   position: absolute;
					   top:65px;
					   left:0px;
					   padding:0px;
					   margin: 0px;
	                   }
#ligne_catalogue #promo {
						position:absolute;
						top:40px;
						left:250px;
					    }
#promo #prix {
	         position:absolute;
	         width: 100%;
			 height: 100%;
			 top: 50%;
			 left: 0;
			 color: white;
	         font: bold 14px arial;
			 margin: -9px 0 0 0;
			 padding: 0px;
		     text-align:center;
	         }
/* MINI PANIER DROITE */

#mini_pan {
	      background-color: #fff;
	      margin: 5px;
	      padding: 0 0 5px 0;
	      }
#mini_pan a {
	        font-size:10px;
	        }
#mini_pan #line {
	            margin: 5px 0px 0 0px;
	            }
#mini_pan #qte {
	           float:left;
			   width:30px;
			   margin:0px;
			   padding:0px;
			   text-align:center;
	           }
#mini_pan #designation {
	                   float:left;
					   margin:0px;
					   padding:0px;
					   width:160px;
	                   }

/* MINI VITRINE DROITE */

#mini_vitrine {
	          text-align:center;
	          background: white;
	          margin: 10px 25px 10px 25px;
	          padding: 5px;
	          border: 1px solid #ddd;
	          }
#mini_vitrine p {
	            padding: 0px;
	            margin: 5px;
	            }
#mini_vitrine a {
	            font-size: 10px;
	            text-decoration:none
	            }

/* PANIER */

#ligne_panier {
	          position:relative;
              }
#ligne_panier ul {
             list-style-type: none;
	             margin: 0;
	             padding: 10px 0 0 0;
                 color: #555;
	             }
#ligne_panier div {
	              float:left;
                  }
#ligne_panier li {
	             clear:both;
	             line-height: 15px;
	             padding-bottom: 5px;
                     color: #555;
                 }
#ligne_panier p {
	            margin: 0;
	            padding: 0;
                }
#ligne_panier input {
	            padding: 0;
	            height : 20px;
	            width : 30px;
	               }
#ligne_panier form { margin:0px;}

#bloc {
	  float:left;
	  padding: 5px;
	  }
#bloc p {
	    margin: 0px;
	    padding: 0px;
	    }
#bloc li {
	     line-height: 20px;
	     }
#bloc ul {
	     list-style-type: none;
	     margin: 0;
	     padding: 0;
	     }
#bloc_total {
            float: right;
            width:230px;
	        border: 1px solid #ccc;
	        margin: 5px 0 5px 0px;
	        }
#bloc_total ul {
	           list-style-type: none;
	           margin: 5px 0 5px 5px;
	           padding: 0px;	
	           }
#bloc_total p {
	          margin:0px;
	          padding: 0px;
	          float:left;
	          }
#bloc_total li {
	           clear: both;
	           line-height: 20px;
	           }
/* TABLE GLOBAL PARAMETERS */	

#tableau {
	     position:relative;
	      /* width: 780px; */
	     }
#tableau input,textarea {
	                    font: 12px Verdana, Arial, Sans-Serif;
	                    }
#tableau ul {
	        list-style-type: none;
	        margin: 0;
	        padding: 10px 0 0 0;
	        }
#tableau p {
	       margin: 0px;
	       padding: 0px;
	       float:left;
	       }
#tableau li {
	        clear: both;
	        line-height: 25px;
	        }
 #titre   {
	              background: #333;
	              height: 20px;
	              line-height: 15px;
	              color: white;
	              font-weight: bold ;
	              padding: 2px 3px 0 3px;
	              }
 #titre a {
	              color: white;
	              }

#fiche_produit  ul {
	        list-style-type: none;
	        margin: 0;
	        padding: 10px 0 0 0;
	        }
	        
#fiche_produit li {
	              font: 13px Verdana,arial;
	              list-style-type: none;
	              clear:both;
	              line-height: 25px;
	              margin: 5px 0 5px 0;
	              }
#fiche_produit p {
	             float: left;
	             margin: 0px;
	             }

#compte  ul {
	        list-style-type: none;
	        margin: 0;
	        padding: 10px 0 0 0;
	        }
#compte {
        float:left;
		}	
#compte li {
	       margin-top:10px;
	       font: 13px Verdana,arial;
	       }
#compte input,textarea {
	                   width:200px;
	                   }
#compte p {
	      float: left;
	      margin: 0px;
	      padding: 5px 0 0 0;
	      }
#open_ul {
	     list-style-type: none;
	     padding: 5px 0 5px 10px;
	     margin : 0px;
	     }
#close_ul {
	      list-style-type: none;
	      margin: 0px;
	      padding : 0px 0 0 10px;
	      }
#open_ul li {
	        padding: 0px;
	        margin:  5px 0 5px 0;
	        }
#close_ul li {
	        padding: 0px;
	        margin:  5px 0 5px 0;
	        }
#close_ul a,#open_ul a {text-decoration : none;}
.select {
	    font-weight:bold;
	    text-decoration: underline;
	    }
#menu {	
	  padding: 5px;
	  margin:  0px;
	  }
#menu li {
	     line-height: 20px;
	     padding-left: 15px;
	     margin: 0px;
	     list-style-type: none;
	     background: url(images/puce5.gif) top left no-repeat;
	     }
#menu li:hover {
	           background: #ffffcc;
	           }
#menu a {
	    text-decoration: none;
	    font-weight: normal;
	    font-family: arial;
	    font-size: 12px;
	    }
#menu a:hover {
	    text-decoration: underline;
	    }

	
/* ------------------------------------- */

#space {
	   float:left;
	   width:10%;
	   }
#navigation {
	        height: 25px;
	        }

#separe_line {
	         font-size: 1px;
             border-top: 1px solid #ddd;
	         }
#separation     {
	            font-size: 1px;
	            height: 10px;
	            background: #ddd;
	            }
#centre {
	    /*margin: 10px 10px 10px 10px;*/
	    width: 100%;
	
	    }
hr {
   clear: both;
   visibility: hidden;
   display: block;
   height: 1px;
   margin: 0;
   _margin: -7px 0;
   padding: 0;

   }
#pages {
	   text-align:right;
	   line-height: 50px;
	   }

.left_align { text-align:left; }
.right_align { text-align:right; }
.center_align { text-align:center; }

#ico {
	 width: 20px;
	 text-align: center;
	 float: left;
	 padding-top: 5px;
	 }
#L25 {width:25px;}
#L35 {width:35px;}
#L50 {width:50px;}
#L65 {width:65px;}
#L75 {width:75px;}
#L85 {width:85px;}
#L100 {width:100px;}
#L120 {width:120px;}
#L150 {width:150px;}
#L200 {width:200px;}
#L350 {width:350px;}
#L400 {width:400px;}

.L45P {width:45%;}

#blank {
	   margin: 0px;
	   padding: 0px;
	   height: 1 px;
	   line-height: 1 px;
	   }

h1 {
font-size: 11px;
text-transform:uppercase;
/*
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
*/
background-color: #333;
/*
border-top:1px solid #000;
border-bottom:1px solid #000;
*/
color: #b9f307;
padding:5px 15px;
margin:0px }
h2 { font: bold 13px verdana,arial; margin: 10px 0 10px 0;}
h3 { font: bold 18px verdana,arial; margin: 0 0 10px 0;}
h6 {
   font-size: 11px;
   margin: 10px 0 0 0;
   font-weight: normal;
   }
.cadre_gris {
	        border: 1px solid #ccc;
	        margin: 2px;
	        }
/*
ul {
   list-style-image: url(images/fleche.gif);
   padding: 0px;
   margin: 0px;
   }
li {
   margin: 2px 0 2px 20px;
   padding: 0px;
   }
*/

