/* menu*/


#menu-principal {
float: left;
margin: 0px;
padding: 0px;
list-style: none; 
height: 28px;
}

#menu-principal li{
margin: 0;
margin-left: 1px;
border: 0 none;
padding: 0;
float: left;
display: inline;
list-style: none;
position: relative;
margin: 0px;
padding: 0px;
float: left;
height: 28px;
list-style-type: none;
background-image: none;
}

/* menu*/
#btn-1 a { background: url(../pictos_site_21/boutons_menu/btn_menu_sfi.gif);}
#btn-472 a { background: url(../pictos_site_21/boutons_menu/btn_menu_agenda.gif);}
#btn-606 a { background: url(../pictos_site_21/boutons_menu/btn_menu_formation.gif);}
#btn-612 a { background: url(../pictos_site_21/boutons_menu/btn_menu_profession.gif);}
#btn-613 a { background: url(../pictos_site_21/boutons_menu/btn_menu_clubs.gif);}
#btn-614 a { background: url(../pictos_site_21/boutons_menu/btn_menu_annuaire.gif);}
#btn-17 a { background: url(../pictos_site_21/boutons_menu/btn_menu_publications.gif);}
#btn-615 a { background: url(../pictos_site_21/boutons_menu/btn_menu_entraide.gif);}

#btn-newsletter { width: 378px; border-right: 1px solid transparent; background: url(../pictos_site_21/boutons_menu/btn_newsletter.gif); }

#btn-1 { width: 103px; border-right: 1px solid transparent;}
#btn-472 { width: 113px; border-right: 1px solid transparent; }
#btn-606 { width: 137px; border-right: 1px solid transparent; }
#btn-612 { width: 137px; border-right: 1px solid transparent; }
#btn-613 { width: 95px; border-right: 1px solid transparent; }
#btn-614 { width: 123px; border-right: 1px solid transparent; }
#btn-17 { width: 138px; border-right: 1px solid transparent; }
#btn-615 { width: 115px; border-right: 1px solid transparent; }


#menu-principal a{

display: block;

height: 23px;

padding: 5px 0 0 0;

text-align:center;

/*width: 100%;*/

font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#344b5d;
text-decoration: none;
}


#menu-principal a:hover{
background-position: left bottom;
color:#ffffff;
}

#btn-sfi-on a {
background: url(../pictos_site_21/boutons_menu/btn_menu_sfi.gif);
background-position: left bottom;
width: 103px;}


#n-agenda-on a{
background: url(../pictos_site_21/boutons_menu/btn_menu_agenda.gif);
background-position: left bottom;
width: 113px;}


#n-formation-on a{
background: url(../pictos_site_21/boutons_menu/btn_menu_formation.gif);
background-position: left bottom;
width: 137px;}


#n-profession-on a{
background: url(../pictos_site_21/boutons_menu/btn_menu_profession.gif);
background-position: left bottom;
width: 137px;}

#n-clubs-on a{
background: url(../pictos_site_21/boutons_menu/btn_menu_clubs.gif);
background-position: left bottom;
width: 95px;}

#n-annuaire-on a{
background: url(../pictos_site_21/boutons_menu/btn_menu_annuaire.gif);
background-position: left bottom;
width: 123px;}

#n-publications-on a{
background: url(../pictos_site_21/boutons_menu/btn_menu_publications.gif);
background-position: left bottom;
width: 138px;}

#n-entraide-on a{
background: url(../pictos_site_21/boutons_menu/btn_menu_entraide.gif);
background-position: left bottom;
width: 115px;}

/* ============================= SOUS MENU ==================================*/

ul#menu-principal ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
top: 28px;
left: 0;
border-top: 3px solid transparent;
position: absolute;
}

ul#menu-principal ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#menu-principal ul li {
width: 160px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
height:auto;
}

/* Root Menu */

ul#menu-principal ul a {
padding-right: 2px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
color: #344b5d;
font: normal bold 11px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/ 
padding: 0 16px 0 16px;
background-image: url(../pictos_site_21/back_border_menu.gif);
background-repeat: no-repeat;
}

ul#menu-principal a:hover {
color: #344b5d;
}

ul#menu-principal a:hover.btn-spe{
color:#ffffff;
}


ul#menu-principal ul li a{
font: normal bold 11px/14px Arial, Helvetica, sans-serif;
padding: 6px 3px 6px 0;
}

/* Root Menu Hover Persistence */
ul#menu-principal ul a:hover,
ul#menu-principal ul a.youarehere,
ul#menu-principal ul li:hover a,
ul#menu-principal ul li.iehover a {
color: #344b5d;
}


/* 2nd Menu */

ul#menu-principal li:hover li a,
ul#menu-principal li.iehover li a {
float: none;
background: #2d495f;
color: #ffffff;
font-size: 11px;
text-transform: none;
font-weight: normal;
border-bottom: 1px #96a4af solid;
padding-left: 10px;

}

/* 2nd Menu Hover Persistence */
ul#menu-principal li:hover li a:hover,
ul#menu-principal li:hover li:hover a,
ul#menu-principal li.iehover li a:hover,
ul#menu-principal li.iehover li.iehover a {
background: #2d495f;
color: #5fb4f5;
}

/* 3rd Menu */
ul#menu-principal li:hover li:hover li a,
ul#menu-principal li.iehover li.iehover li a {
background: #2d495f;
color: #ffffff;
border-left: 1px solid transparent;
}

/* 3rd Menu Hover Persistence */
ul#menu-principal li:hover li:hover li a:hover,
ul#menu-principal li:hover li:hover li:hover a,
ul#menu-principal li.iehover li.iehover li a:hover,
ul#menu-principal li.iehover li.iehover li.iehover a {
background: #2d495f;
color: #5fb4f5;
}

/* 4th Menu */
ul#menu-principal li:hover li:hover li:hover li a,
ul#menu-principal li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}

/* 4th Menu Hover */
ul#menu-principal li:hover li:hover li:hover li a:hover,
ul#menu-principal li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}

ul#menu-principal ul ul,
ul#menu-principal ul ul ul {
display: none;
position: absolute;
top: -3px;
left: 162px;
}

ul#menu-principal ul li a,
ul#menu-principal ul ul li a,
ul#menu-principal ul ul ul li a{
text-align: left;
}

ul#menu-principal,
ul#menu-principal li,
ul#menu-principal li ul,
ul#menu-principal li ul li,
ul#menu-principal ul ul li{
list-style: none;
z-index: 1;
background-image: none;
margin: 0;
padding: 0;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu-principal li:hover ul ul,
ul#menu-principal li:hover ul ul ul,
ul#menu-principal li.iehover ul ul,
ul#menu-principal li.iehover ul ul ul {
display: none;
}

ul#menu-principal li:hover ul,
ul#menu-principal ul li:hover ul,
ul#menu-principal ul ul li:hover ul,
ul#menu-principal li.iehover ul,
ul#menu-principal ul li.iehover ul,
ul#menu-principal ul ul li.iehover ul {
display: block;
}
/****************************************/