/* CSS Document */
/******************* MENU *******************/

div#menu1, div#menu2, div#panier, div#connexion, div#connexion_on {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;

}

div#menu1 {
background:url(img/menu-fondx-01.jpg) 0 0 no-repeat;
width:229px;
height:243px;
padding: 1px 0px;
}
div#menu2 {
background:url(img/menu-fondx-02.jpg) 0 0 no-repeat;
width:229px;
height:220px;
padding: 6px 0px;
}

div#menu1 a, div#menu2 a, div#panier a {
padding: 6px 0px 0 34px;
width:173px;
color:#FFFFFF;
text-decoration:none;
}

div#menu1 a.accueil {background:url(img/menu-00.jpg) left top no-repeat;}
div#menu1 a.accueil:hover {background:url(img/menu-00_on.jpg) left top no-repeat;}

div#menu1 a.nosproduits {background:url(img/menu-01.jpg) left top no-repeat;}
div#menu1 a.nosproduits:hover {background:url(img/menu-01_on.jpg) left top no-repeat;}

div#menu1 a.aldietetiques {background:url(img/menu-02.jpg) left top no-repeat;}
div#menu1 a.aldietetiques:hover {background:url(img/menu-02_on.jpg) left top no-repeat;}

div#menu1 a.alselection {background:url(img/menu-16b.jpg) left top no-repeat;}
div#menu1 a.alselection:hover {background:url(img/menu-16_on.jpg) left top no-repeat;}

div#menu1 a.friandises {background:url(img/menu-04.jpg) left top no-repeat;}
div#menu1 a.friandises:hover {background:url(img/menu-04_on.jpg) left top no-repeat;}

div#menu1 a.complementsal {background:url(img/menu-03b.jpg) left top no-repeat; }
div#menu1 a.complementsal:hover {background:url(img/menu-03_on.jpg) left top no-repeat;}


div#menu1 a.philo {background:url(img/menu-05.jpg) left top no-repeat;}
div#menu1 a.philo:hover {background:url(img/menu-05_on.jpg) left top no-repeat;}

div#menu1 a.protection {background:url(img/menu-06.jpg) left top no-repeat;}
div#menu1 a.protection:hover {background:url(img/menu-06_on.jpg) left top no-repeat;}

div#menu1 a.echantillons {background:url(img/menu-07.jpg) left top no-repeat;}
div#menu1 a.echantillons:hover {background:url(img/menu-07_on.jpg) left top no-repeat;}




div#menu2 a.aidecommande {background:url(img/menu-08.jpg) left top no-repeat;}
div#menu2 a.aidecommande:hover {background:url(img/menu-08_on.jpg) left top no-repeat;}

div#menu2 a.cgv {background:url(img/menu-09.jpg) left top no-repeat;}
div#menu2 a.cgv:hover {background:url(img/menu-09_on.jpg) left top no-repeat;}

div#menu2 a.garanties {background:url(img/menu-10.jpg) left top no-repeat;}
div#menu2 a.garanties:hover {background:url(img/menu-10_on.jpg) left top no-repeat;}

div#menu2 a.avis {background:url(img/menu-11.jpg) left top no-repeat;}
div#menu2 a.avis:hover {background:url(img/menu-11_on.jpg) left top no-repeat;}

div#menu2 a.questions {background:url(img/menu-12.jpg) left top no-repeat;}
div#menu2 a.questions:hover {background:url(img/menu-12_on.jpg) left top no-repeat;}

div#menu2 a.contact {background:url(img/menu-13.jpg) left top no-repeat;}
div#menu2 a.contact:hover {background:url(img/menu-13_on.jpg) left top no-repeat;}

div#menu2 a.liens {background:url(img/menu-15.jpg) left top no-repeat;}
div#menu2 a.liens:hover {background:url(img/menu-15_on.jpg) left top no-repeat;}


div#panier {
background:url(img/menu-fond-03.jpg) 0 0 no-repeat;
width:229px;
height:50px;
padding:8px 0 0 10px;
}

div#panier p {
background:url(img/menu-14.jpg) left top no-repeat;
 padding: 6px 0px 0 34px;  
 width:173px;
 height:50px;  
color:#FFFFFF;
text-decoration:none;
margin:0;
}


div#panier li a.panierplein {background:url(img/menu-14.jpg) left top no-repeat;  }
div#panier li a.panierplein:hover {background:url(img/menu-14_on.jpg) left top no-repeat; }

div#divers div.visiteurs { font-size:12px; text-align:center; }


div#menu1 ul {
list-style:none;
padding:0;
margin:14px 0 0 11px;
width:208px;
}

div#menu2 ul {
list-style:none;
padding:0;
margin:7px 0 0 11px;
width:208px;
}

div#menu1 li, div#menu2 li, div#panier li { margin:0; padding:0; display:inline }

div#menu1 li a, div#menu2 li a, div#panier li a  { width:208; height:21px; display:block; }

div#connexion {position:relative; top: -57px; left: 875px; width:123px;}
div#connexion_off, div#connexion_on { background:url(img/connect-top.jpg) 0 0 no-repeat; width:123px; padding-top:10px; }
div#connexion-cont p a {color:#fdd;}
div#connexion-cont p a:hover {color:#f00; text-decoration:none; border-bottom:1px dotted #f00}
div#connexion-cont {background:url(img/connect-cont.png) 0 0 repeat-y; width:123px;}
div#connexion p {color:#fff; padding:0 7px; text-align:center}
div#connexion_form {
display:none;
z-index:1000;
background:url(img/connect-cont.png) 0 0 repeat-y; width:123px;
} 
div#connexion_form table {margin:0 0 0 1px; width:120px; border:none; text-align:center; color:#fff}
/****************************************/