@charset "utf-8";
/* CSS Document */

/* NAVIGATION SECONDAIRE */
ul#menu_secondaire { text-align:left; background-image:url(../images/navigation-secondaire.png); background-position:left top; background-repeat:no-repeat; margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em; }
ul#menu_secondaire li { float: left; margin: 0; padding: 0; position: relative; }
ul#menu_secondaire li a { float: left; text-indent: -9999px; height: 33px; }
ul#menu_secondaire li:hover a, ul#menu_secondaire li a:hover { background-position: left bottom; } 
ul#menu_secondaire a.accueil { width: 64px; }
ul#menu_secondaire a.accueil:hover { background: url(../images/navigation-secondaire.png) no-repeat 0px -33px; width: 64px; }
ul#menu_secondaire a.apropos { width: 74px; }
ul#menu_secondaire a.apropos:hover { background: url(../images/navigation-secondaire.png) no-repeat -64px -33px; width: 74px; }
ul#menu_secondaire a.joindre { width: 96px; }
ul#menu_secondaire a.joindre:hover { background: url(../images/navigation-secondaire.png) no-repeat -138px -33px; width: 96px;}

/* NAVIGATION PRINCIPALE */
ul#principal_menu { text-align:left; margin: 17px 0 0 4px; _margin: 17px 0 0 2px; padding: 0; height:202px; float:left; width: 223px; list-style: none; font-size: 1.1em; }
ul#principal_menu li { float: left; margin: 0; padding: 0; position: relative; }
ul#principal_menu li a { float: left; text-indent: -9999px; width: 223px; margin:0;}
ul#principal_menu li:hover a, ul#principal_menu li a:hover { background-position: left bottom; } 
ul#principal_menu a.fleuristerie { height: 29px; }
ul#principal_menu a.fleuristerie:hover { background: url(../images/menu-principale-hover.png) no-repeat 0px 0px; height: 29px; }
ul#principal_menu a.decoration { height: 29px; }
ul#principal_menu a.decoration:hover { background: url(../images/menu-principale-hover.png) no-repeat 0px -29px; height: 29px;}
ul#principal_menu a.plante { height: 29px; }
ul#principal_menu a.plante:hover { background: url(../images/menu-principale-hover.png) no-repeat 0px -58px; height: 29px; }
ul#principal_menu a.centre { height: 29px; }
ul#principal_menu a.centre:hover { background: url(../images/menu-principale-hover.png) no-repeat 0px -87px; height: 29px;}
ul#principal_menu a.excep { height: 29px; }
ul#principal_menu a.excep:hover { background: url(../images/menu-principale-hover.png) no-repeat 0px -116px; height: 29px;}
ul#principal_menu a.jardinage { height: 29px; }
ul#principal_menu a.jardinage:hover { background: url(../images/menu-principale-hover.png) no-repeat 0px -145px; height: 29px;}
ul#principal_menu a.cote { height: 28px; }
ul#principal_menu a.cote:hover { background: url(../images/menu-principale-hover.png) no-repeat 0px -174px; height: 28px;}


/* BOUTON ACTIF DES MENU SELON BODY ID 
body#accueil a.accueil { background: url(../images/navigation-secondaire.png) no-repeat 0px -33px; width: 64px; }
body#apropos a.apropos { background: url(../images/navigation-secondaire.png) no-repeat -64px -33px; width: 74px; }
body#joindre a.joindre { background: url(../images/navigation-secondaire.png) no-repeat -138px -33px; width: 96px;} */

body#fleuristerie a.fleuristerie { background: url(../images/menu-principale-hover.png) no-repeat 0px 0px; height: 29px;}
body#decoration a.decoration { background: url(../images/menu-principale-hover.png) no-repeat 0px -29px; height: 29px;}
body#plante a.plante { background: url(../images/menu-principale-hover.png) no-repeat 0px -58px; height: 29px;}
body#centre a.centre { background: url(../images/menu-principale-hover.png) no-repeat 0px -87px; height: 29px;}
body#excep a.excep { background: url(../images/menu-principale-hover.png) no-repeat 0px -116px; height: 29px;}
body#jardinage a.jardinage { background: url(../images/menu-principale-hover.png) no-repeat 0px -145px; height: 28px;}
body#cote a.cote { background: url(../images/menu-principale-hover.png) no-repeat 0px -174px; height: 28px;}