/* ---------- Styles specific to menus ----------- */

/* ---------Definitions menus--------- */

/* MENU ONGLET HORIZONTAL */
#MenusContainer {
        clear: both;
        position: absolute;
        top: 244px;
        margin: 0;
        padding: 0px 0px 0px 1px;
		/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
        text-align: left;
        width: 959px;
        height: 34px;
        }
#MenusContainer ul {
        margin: 0;
		padding: 0;
        list-style-type: none;
        text-align: center;
        margin-left: inherit;
		border: 0px;
        }
#MenusContainer ul li {
        display: block;
        float: right;
        margin: 0px 0px 0px 5px;
        padding: 11px 0px 0px 0px;
        text-align: center;
        font-weight: normal;
        font-size: 0.7em;
        color: #ffffff;
        cursor: pointer;
		width: 132px;
		height: 23px;
        }
#MenusContainer ul li.Menus {
		background: url(../images/onglet_7f715c.gif) no-repeat top left;
        }
#MenusContainer ul li.MenusRouge {
		background: url(../images/onglet_e3000f.gif) no-repeat top left;
        }
#MenusContainer ul li.MenusOrange {
		background: url(../images/onglet_ee7101.gif) no-repeat top left;
        }
#MenusContainer ul li.MenusVert {
		background: url(../images/onglet_93c11c.gif) no-repeat top left;
        }
#MenusContainer ul li.Menus a, #MenusContainer ul li.MenusRouge a, #MenusContainer ul li.MenusOrange a, #MenusContainer ul li.MenusVert a {
		color: #ffffff;
        text-decoration: none;
        }
#MenusContainer ul li.Menus a:hover, #MenusContainer ul li.MenusRouge a:hover, #MenusContainer ul li.MenusOrange a:hover, #MenusContainer ul li.MenusVert a:hover {
        color: #eff2f4;
		text-decoration: none;
        }
/* MenusSelected, MenusFixed, MenusFixedSelected : non utilisés pour cfip */
#MenusContainer ul li.MenusSelected {
        display: block;
        float: right;
        margin: 0px 0px 0px 5px;
        padding: 11px 0px 0px 0px;
        text-align: center;
        font-weight: normal;
        font-size: 0.7em;
        color: #ffffff;
        cursor: pointer;
		width: 132px;
		height: 23px;
		background: url(../images/onglet_7f715c.gif) no-repeat top left;
        }
#MenusContainer ul li.MenusSelected a {
		color: #ffffff;
		text-decoration: none;
        }
#MenusContainer ul li.MenusSelected a:hover {
		color: #ffffff;
		text-decoration: none;
        }
#MenusContainer ul li.MenusFixed {
        display: block;
        float: right;
        margin: 0px 0px 0px 5px;
        padding: 11px 0px 0px 0px;
        text-align: center;
        font-weight: normal;
        font-size: 0.7em;
        color: #ffffff;
        cursor: pointer;
		width: 132px;
		height: 23px;
		background: url(../images/onglet_7f715c.gif) no-repeat top left;
        }
#MenusContainer ul li.MenusFixedSelected {
        display: block;
        float: right;
        margin: 0px 0px 0px 5px;
        padding: 11px 0px 0px 0px;
        text-align: center;
        font-weight: normal;
        font-size: 0.7em;
        color: #ffffff;
        cursor: pointer;
		width: 132px;
		height: 23px;
		background: url(../images/onglet_7f715c.gif) no-repeat top left;
        }


/* LANGUES */
/*
#MenusContainer ul li.Langues {
        display: block;
		float: left;
		margin: 0;
        padding: 2px 4px 0px 4px;
		text-align: center;
        font-weight: bold;
        font-size: 0.7em;
		line-height: 20px;
		width: 70px;
		height: 31px;
        }
#MenusContainer ul li.Langues a {
		color: #777777;
        text-decoration: none;
        }
#MenusContainer ul li.Langues a:hover {
        color: #777777;
		text-decoration: none;
        }
*/


/* BOITE CONTENANT LANGUES, LIENS, ETC */
#OptionsContainer {
		position: absolute;
        top: 10px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 354px;
		/*font-family: Arial, Helvetica, Verdana, sans-serif;*/
        width: 453px;
		/*border: 1px solid blue;*/
        }
#OptionsContainer ul {
        margin: 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		text-align: center;
		color: #7f715c;
		font-weight: normal;
		line-height: 15px;
        font-size: 11px;
        }
#OptionsContainer ul li {
		padding: 0px 0px 0px 0px;
        display: inline;
        float: left;
        text-align: left;
        }
#OptionsContainer ul li a {
		margin: 0px;
        padding: 0px;
		color: #7f715c;
        text-decoration: none;
        }
#OptionsContainer ul li a:hover {
        margin: 0px;
        padding: 0px;
		color: #7f715c;
        text-decoration: underline;
        }
#OptionsContainer ul li.Langues {
        font-weight: bold;
        }
#OptionsContainer ul li.Accueil {
        padding-left: 14px;
        background: url(../images/icon_home.gif) no-repeat 0px 2px;
        }
#OptionsContainer ul li.EspaceMembres {
        padding-left: 11px;
        background: url(../images/icon_lock.gif) no-repeat 0px 3px;
        }
#OptionsContainer ul li.Sitemap {
        padding-left: 14px;
        background: url(../images/icon_sitemap.gif) no-repeat 0px 3px;
        }
#OptionsContainer ul li.cfip {
        padding-left: 12px;
        font-weight: bold;
        background: url(../images/icon_arrow.gif) no-repeat 0px 3px;
        }


/* MENUS GAUCHE */
/* Level 1 : menus de niv 1 sur la gauche */
.leftmenusContainer1 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 13px 0px 0px 0px;
        /*font-family: Arial, Helvetica, Verdana, sans-serif;*/
        width: 170px;
        background: url(../images/boxArrondieTop_7f715c.gif) no-repeat top center;
        }
.leftmenusContainer2 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 14px 0px;
        width: 170px;
        background: url(../images/boxArrondieBottom_7f715c.gif) no-repeat bottom center;
        }
.leftmenusContainer3 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 170px;
        background: url(../images/backgroundBoxArrondie_7f715c.gif) repeat-y top center;
        }
.leftmenusContainer1Custom {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 13px 0px 0px 0px;
        /*font-family: Arial, Helvetica, Verdana, sans-serif;*/
        width: 170px;
        background: url(../images/boxArrondieTop_7f715c.gif) no-repeat top center;
        }
.leftmenusContainer2Custom {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 14px 0px;
        width: 170px;
        background: url(../images/boxArrondieBottom_7f715c.gif) no-repeat bottom center;
        }
.leftmenusContainer3Custom {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 170px;
        background: url(../images/backgroundBoxArrondie_7f715c.gif) repeat-y top center;
        }
.menusboxHeader {
        width: 140px;
        display: block;
        font-size: 75%;
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 15px 15px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background: url(../images/boxArrondieTitle_7f715c.gif) no-repeat bottom center;
        }
.menusboxHeaderCustom {
        width: 140px;
        display: block;
        font-size: 75%;
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 15px 15px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background: url(../images/boxArrondieTitle_7f715c.gif) no-repeat bottom center;
        }

/* NIVEAU 1 */
.leftboxmenus1 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.leftboxmenus1 li.Menus1 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus1 li.Menus1 a {
        width: 140px;
        display: block;
        font-size: 75%;
        padding: 5px 0px 4px 0px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
		}
.leftboxmenus1 li.Menus1 a:hover {
        color: #9c8b71;
        text-decoration: underline;
        }
.leftboxmenus1 li.Menus1Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus1 li.Menus1Selected a {
        width: 140px;
        display: block;
        font-size: 75%;
        padding: 5px 0px 4px 0px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }
.leftboxmenus1 li.Menus1Selected a:hover {
        color: #9c8b71;
        }
.leftboxmenus1 li.Menus1Fixed {
        width: 132px;
        display: block;
        font-size: 75%;
        padding: 5px 5px 4px 5px;
        margin: 5px 14px 0px 14px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background-color: #a79c8e;
        }

/* NIVEAU 2 */
.leftboxmenus2 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.leftboxmenus2 li.Menus2 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus2 li.Menus2 a {
        width: 140px;
        display: block;
        font-size: 70%;
        padding: 5px 0px 4px 0px;
        margin: 0px 15px 0px 15px;
        font-weight: normal;
        color: #7f715c;
        text-decoration: none;
        }
.leftboxmenus2 li.Menus2 a:hover {
        color: #9c8b71;
        text-decoration: underline;
        }
.leftboxmenus2 li.Menus2 a:hover {
        color: #9c8b71;
        }
.leftboxmenus2 li.Menus2Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus2 li.Menus2Selected a {
        width: 140px;
        display: block;
        font-size: 70%;
        padding: 5px 0px 4px 0px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }
.leftboxmenus2 li.Menus2Selected a:hover {
        color: #7f715c;
        }
.leftboxmenus2 li.Menus2Fixed {
        width: 132px;
        display: block;
        font-size: 75%;
        padding: 5px 5px 4px 5px;
        margin: 5px 14px 0px 14px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background-color: #a79c8e;
        }

/* NIVEAU 3 */
.leftboxmenus3 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.leftboxmenus3 li.Menus3 {
        margin: 0;
        padding: 0;
        background: url(../images/menu_carre.gif) no-repeat 17px 9px;
        }
.leftboxmenus3 li.Menus3 a {
        width: 128px;
        display: block;
        font-size: 70%;
        padding: 4px 0px 4px 12px;
        margin: 0px 15px 0px 15px;
        font-weight: normal;
        color: #7f715c;
        text-decoration: none;
        }
.leftboxmenus3 li.Menus3 a:hover {
        color: #9c8b71;
        text-decoration: underline;
        }
.leftboxmenus3 li.Menus3Selected {
        margin: 0;
        padding: 0;
        background: url(../images/menu_carre.gif) no-repeat 17px 9px;
        }
.leftboxmenus3 li.Menus3Selected a {
        width: 128px;
        display: block;
        font-size: 70%;
        padding: 4px 0px 4px 12px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }
.leftboxmenus3 li.Menus3Selected a:hover {
		color: #7f715c;
        }
.leftboxmenus3 li.Menus3Fixed {
        width: 128px;
        display: block;
        font-size: 70%;
        padding: 4px 0px 4px 12px;
        margin: 0px 15px 0px 15px; /* top et bottom 0px si cela suit directement le ul */
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }

/* NIVEAU 4 */
.leftboxmenus4 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.leftboxmenus4 li.Menus4 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus4 li.Menus4 a {
        width: 118px;
        display: block;
        font-size: 70%;
        padding: 2px 0px 4px 22px;
        margin: 0px 15px 0px 15px;
        font-weight: normal;
        color: #7f715c;
        text-decoration: none;
        }
.leftboxmenus4 li.Menus4 a:hover {
        color: #9c8b71;
        text-decoration: underline;
        }
.leftboxmenus4 li.Menus4Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus4 li.Menus4Selected a {
        width: 118px;
        display: block;
        font-size: 70%;
        padding: 2px 0px 4px 22px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }
.leftboxmenus4 li.Menus4Selected a:hover {
        color: #7f715c;
        }
.leftboxmenus4 li.Menus4Fixed {
        width: 118px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 4px 22px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }


/* MENUS DROITE */
/* Level 1 : menus de niv 1 sur la droite */
.rightmenusContainer1 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 13px 0px 0px 0px;
        /*font-family: Arial, Helvetica, Verdana, sans-serif;*/
        width: 170px;
        background: url(../images/boxArrondieTop_7f715c.gif) no-repeat top center;
        }
.rightmenusContainer2 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 14px 0px;
        width: 170px;
        background: url(../images/boxArrondieBottom_7f715c.gif) no-repeat bottom center;
        }
.rightmenusContainer3 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 170px;
        background: url(../images/backgroundBoxArrondie_7f715c.gif) repeat-y top center;
        }
.rightmenusContainer1Custom {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 13px 0px 0px 0px;
        /*font-family: Arial, Helvetica, Verdana, sans-serif;*/
        width: 170px;
        background: url(../images/boxArrondieTop_7f715c.gif) no-repeat top center;
        }
.rightmenusContainer2Custom {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 14px 0px;
        width: 170px;
        background: url(../images/boxArrondieBottom_7f715c.gif) no-repeat bottom center;
        }
.rightmenusContainer3Custom {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 170px;
        background: url(../images/backgroundBoxArrondie_7f715c.gif) repeat-y top center;
        }

/* NIVEAU 1 */
.rightboxmenus1 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.rightboxmenus1 li.Menus1 {
        margin: 0;
        padding: 0;
        }
.rightboxmenus1 li.Menus1 a {
        width: 140px;
        display: block;
        font-size: 75%;
        padding: 5px 0px 4px 0px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
		}
.rightboxmenus1 li.Menus1 a:hover {
        color: #9c8b71;
        text-decoration: underline;
        }
.rightboxmenus1 li.Menus1Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus1 li.Menus1Selected a {
        width: 140px;
        display: block;
        font-size: 75%;
        padding: 5px 0px 4px 0px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }
.rightboxmenus1 li.Menus1Selected a:hover {
        color: #9c8b71;
        }
.rightboxmenus1 li.Menus1Fixed {
        width: 132px;
        display: block;
        font-size: 75%;
        padding: 5px 5px 4px 5px;
        margin: 5px 14px 0px 14px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background-color: #a79c8e;
        }

/* NIVEAU 2 */
.rightboxmenus2 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.rightboxmenus2 li.Menus2 {
        margin: 0;
        padding: 0;
        }
.rightboxmenus2 li.Menus2 a {
        width: 140px;
        display: block;
        font-size: 70%;
        padding: 5px 0px 4px 0px;
        margin: 0px 15px 0px 15px;
        font-weight: normal;
        color: #7f715c;
        text-decoration: none;
        }
.rightboxmenus2 li.Menus2 a:hover {
        color: #9c8b71;
        text-decoration: underline;
        }
.rightboxmenus2 li.Menus2Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus2 li.Menus2Selected a {
        width: 140px;
        display: block;
        font-size: 70%;
        padding: 5px 0px 4px 0px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }
.rightboxmenus2 li.Menus2Selected a:hover {
        color: #7f715c;
        }
.rightboxmenus2 li.Menus2Fixed {
        width: 132px;
        display: block;
        font-size: 75%;
        padding: 5px 5px 4px 5px;
        margin: 5px 14px 0px 14px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        background-color: #a79c8e;
        }

/* NIVEAU 3 */
.rightboxmenus3 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.rightboxmenus3 li.Menus3 {
        margin: 0;
        padding: 0;
        background: url(../images/menu_carre.gif) no-repeat 17px 9px;
        }
.rightboxmenus3 li.Menus3 a {
        width: 128px;
        display: block;
        font-size: 70%;
        padding: 4px 0px 4px 12px;
        margin: 0px 15px 0px 15px;
        font-weight: normal;
        color: #7f715c;
        text-decoration: none;
        }
.rightboxmenus3 li.Menus3 a:hover {
        color: #9c8b71;
        text-decoration: underline;
        }
.rightboxmenus3 li.Menus3Selected {
        margin: 0;
        padding: 0;
        background: url(../images/menu_carre.gif) no-repeat 17px 9px;
        }
.rightboxmenus3 li.Menus3Selected a {
        width: 128px;
        display: block;
        font-size: 70%;
        padding: 4px 0px 4px 12px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }
.rightboxmenus3 li.Menus3Selected a:hover {
		color: #7f715c;
        }
.rightboxmenus3 li.Menus3Fixed {
        width: 128px;
        display: block;
        font-size: 70%;
        padding: 4px 0px 4px 12px;
        margin: 0px 15px 0px 15px; /* top et bottom 0px si cela suit directement le ul */
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }

/* NIVEAU 4 */
.rightboxmenus4 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.rightboxmenus4 li.Menus4 {
        margin: 0;
        padding: 0;
        }
.rightboxmenus4 li.Menus4 a {
        width: 118px;
        display: block;
        font-size: 70%;
        padding: 2px 0px 4px 22px;
        margin: 0px 15px 0px 15px;
        font-weight: normal;
        color: #7f715c;
        text-decoration: none;
        }
.rightboxmenus4 li.Menus4 a:hover {
        color: #9c8b71;
        text-decoration: underline;
        }
.rightboxmenus4 li.Menus4Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus4 li.Menus4Selected a {
        width: 118px;
        display: block;
        font-size: 70%;
        padding: 2px 0px 4px 22px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }
.rightboxmenus4 li.Menus4Selected a:hover {
        color: #7f715c;
        }
.rightboxmenus4 li.Menus4Fixed {
        width: 118px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 4px 22px;
        margin: 0px 15px 0px 15px;
        font-weight: bold;
        color: #7f715c;
        text-decoration: none;
        }


/* CHEMIN DE NAVIGATION */
div#AntMenuNavig {
        padding: 5px 0px 5px 0px;
        font-weight : normal;
        font-Size : 10px;
        color: #777777;
        /*height: 20px;*/
        text-align: left;
        }
div#AntMenuNavig a {
        color: #777777;
		text-decoration: none;
        }
div#AntMenuNavig a:hover {
        color: #555555;
		text-decoration: underline;
        }


/* MENU DEROULANT */
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.fg-button { clear:left; margin:0 3px 40px 3px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; } /* margin = position des menus niv 1 */
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */

#MenusContainer ul li.SlidingMenus {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: left;
        font-size: 11px;
        }
#MenusContainer ul li.SlidingMenus a {
        }
#MenusContainer ul li.SlidingMenus a:hover {
        }
/* sous-menu non cliquable */
div.SlidingMenusFixed {
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 5px;
        font-size: 12px;
        font-weight: bold;
        }
/* uniquement pour menu style ipod */
span.BackLink {
        text-align: left;
        font-size: 11px;
        }


/* IMAGES DANS MENU DE GAUCHE */

div#MenusImg{
        margin: 0px;
        padding: 0px;
		}
img.MenusImg{
        border: 0px;
		}