/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { position:relative; padding: 0; margin: 0; z-index: 1000;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {  }/* ---------n'a aucun effet sur FF*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left; position:relative; height: 57px; width: 196px; text-align: center; }


/* *html .menu li { width: 90px; } <-- à laisser si on ne spécifie pas la largeur des menus par ailleurs   */
/* style the links for the top level */
.menu a, .menu a:visited { }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { }
/* style the second level hover */
.menu ul ul a.drop:hover {  }
.menu ul ul :hover > a.drop {  }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:57px; left:0; width:196px; padding: 5px 0 0 0; }
/* another hack for IE5.5 */
* html .menu ul ul {top:57px;t\op:57px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }

.menu ul ul li { height: auto; width: 196px; text-align: left; padding: 0 0 3px 0; }
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { color: #fff; line-height: 16px; padding: 2px 4px 3px 22px; margin: 0; width: 170px; display: block; font-size: 12px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:170px;}

/* style the top level hover */
.menu a:hover { }
.menu :hover > a { }

.menu ul ul a:hover { color: #fff; text-decoration: none; }
.menu ul ul :hover > a { color: #fff; }


.menu li h2 { color: #fff; font-size: 16px; font-weight: bold; height: 57px; background: transparent url(/_boutiques/PROJETSPLUSACTION//site_image/onglets.gif) left top no-repeat; text-indent: -5000px; margin: 0; }

.menu li.culture h2 { background-position: left -57px; }
.menu li.education h2 { background-position: -196px -57px; }
.menu li.developpement h2 { background-position: -392px -57px; }
.menu li.nature h2 { background-position: -588px -57px; }
.menu li.sante h2 { background-position: -784px -57px; }

.menu li.culture { background: #660066; }
.menu li.education { background: #6666cc; }
.menu li.developpement { background: #999999; }
.menu li.nature { background: #99cc33; }
.menu li.sante { background: #ff9900; }

.menu li.culture li { background: #660066; }
.menu li.education li { background: #6666cc; }
.menu li.developpement li { background: #999999; }
.menu li.nature li { background: #99cc33; }
.menu li.sante li { background: #ff9900; }

.menu li.culture ul { background: transparent url(/_boutiques/PROJETSPLUSACTION//site_image/bg_menu_culture.gif) left top no-repeat; }
.menu li.education ul { background: transparent url(/_boutiques/PROJETSPLUSACTION//site_image/bg_menu_education.gif) left top no-repeat; }
.menu li.developpement ul { background: transparent url(/_boutiques/PROJETSPLUSACTION//site_image/bg_menu_developpement.gif) left top no-repeat; }
.menu li.nature ul { background: transparent url(/_boutiques/PROJETSPLUSACTION//site_image/bg_menu_nature.gif) left top no-repeat; }
.menu li.sante ul { background: transparent url(/_boutiques/PROJETSPLUSACTION//site_image/bg_menu_sante.gif) left top no-repeat; }

.menu li.culture ul :hover > a { background: #29003d; }
.menu li.education ul :hover > a { background: #2929a3; }
.menu li.developpement ul :hover > a { background: #5c5c5c; }
.menu li.nature ul :hover > a { background: #5ca30a; }
.menu li.sante ul :hover > a { background: #ff5c00; }

.rsgr_CULTURE .menu li.culture h2,
.rs_index .menu li.culture h2,
.rs_points-vente .menu li.culture h2,
.rsgr_MENU_TOP .menu li.culture h2,
.rsgr_partenaire .menu li.culture h2,
.menu li.culture:hover h2 { background-position: left top; }
.rsgr_EDUCATION .menu li.education h2,
.rs_index .menu li.education h2,
.rs_points-vente .menu li.education h2,
.rsgr_MENU_TOP .menu li.education h2,
.rsgr_partenaire .menu li.education h2,
.menu li.education:hover h2 { background-position: -196px top; }
.rsgr_DEVELOPPEMENT .menu li.developpement h2,
.rs_index .menu li.developpement h2,
.rs_points-vente .menu li.developpement h2,
.rsgr_MENU_TOP .menu li.developpement h2,
.rsgr_partenaire .menu li.developpement h2,
.menu li.developpement:hover h2 { background-position: -392px top; }
.rsgr_NATURE .menu li.nature h2,
.rs_index .menu li.nature h2,
.rs_points-vente .menu li.nature h2,
.rsgr_MENU_TOP .menu li.nature h2,
.rsgr_partenaire .menu li.nature h2,
.menu li.nature:hover h2 { background-position: -588px top; }
.rsgr_SANTE .menu li.sante h2,
.rs_index .menu li.sante h2,
.rs_points-vente .menu li.sante h2,
.rsgr_MENU_TOP .menu li.sante h2,
.rsgr_partenaire .menu li.sante h2,
.menu li.sante:hover h2 { background-position: -784px top; }




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }