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

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

/* MENU HORIZONTAL */
#MenusContainer {
		clear: both;
        position: absolute;
        top: 50px;
        margin: 0;
		padding: 0px 0px 0px 250px;
        text-align: left;
		text-transform: uppercase;
        width: 700px;
		height: 50px;
        }
#MenusContainer ul {
        margin: 0;
        padding: 0;
		margin-left: inherit;
        list-style-type: none;
        text-align: center;
		font-family: Arial, Helvetica, Verdana, sans-serif;
        font-weight: normal;
		width: 700px;
		/*height: 50px;*/
        }
#MenusContainer ul li.Menus {
        display: inline;
        float: right;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 18px 0px;
        text-align: center;
        }
#MenusContainer ul li.Menus a {
        display: inline;
        margin: 0px 2px 0px 2px;
		padding: 14px 16px 19px 19px;
		text-decoration: none;
		line-height: 20px;
		font-weight: bold;
        font-size: 12px;
		color: #ffffff;
		/*width: 140px;*/
		/*height: 39px;*/
        }
#MenusContainer ul li.Menus a:hover {
        color: #ffffff;
		background: url(../images/menus_bg.gif) no-repeat 0px 0px;
        }
#MenusContainer ul li.MenusSelected {
        display: inline;
        float: right;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 18px 0px;
        text-align: center;
        }
#MenusContainer ul li.MenusSelected a {
        display: inline;
        margin: 0px 2px 0px 2px;
		padding: 14px 16px 19px 19px;
		text-decoration: none;
		line-height: 20px;
		font-weight: bold;
        font-size: 12px;
		color: #ffffff;
        background: url(../images/menus_bg.gif) no-repeat 0px 0px;
		/*width: 140px;*/
		/*height: 39px;*/
        }
#MenusContainer ul li.MenusSelected a:hover {
        color: #ffffff;
        }
#MenusContainer ul li.MenusFixed {
        display: inline;
        float: right;
        margin: 0px 2px 0px 2px;
		padding: 11px 16px 18px 19px;
		cursor: pointer;
        line-height: 20px;
		text-align: center;
		font-weight: bold;
        font-size: 12px;
        color: #ffffff;
		/*width: 140px;*/
		/*height: 39px;*/
        }
#MenusContainer ul li.MenusFixedSelected {
        display: inline;
        float: right;
        margin: 0;
        margin: 0px 2px 0px 2px;
		padding: 11px 16px 18px 19px;
		cursor: pointer;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
        font-size: 12px;
        color: #ffffff;
		/*width: 140px;*/
		/*height: 39px;*/
        }


/* MENU DEROULANT JQUERY */
.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;
		}


/* BOITE LANGUES */
div#boxLangues {
		position: absolute;
        top: 13px;
		margin: 0px 20px 0px 0px;
		padding: 0px;
        width: 765px;
		/*border: 1px solid blue;*/
        }
ul.navlangues {
        margin: 0px;
		padding: 0px;
		list-style-type: none;
		text-align: right;
		color: #ffffff;
		font-weight: normal;
        font-size: 11px;
        }
ul.navlangues li.Langues {
		padding: 0px 0px 0px 5px;
        display: inline;
        float: right;
        text-align: left;
		width: 33px;
		cursor: pointer;
        }
ul.navlangues li.Langues a {
        display: block;
		margin: 0px;
        padding: 2px 5px 3px 5px;
		color: #ffffff;
        text-decoration: none;
        text-align: center;
		background: url(../images/langues_btn_out.gif) no-repeat 0px 0px;
        }
ul.navlangues li.Langues a:hover {
        margin: 0px;
        padding: 2px 5px 3px 5px;
		color: #ffffff;
        text-decoration: none;
		background: url(../images/langues_btn_on.gif) no-repeat 0px 0px;
        }


/* MENUS GAUCHE */
/* Level 1 : menus de niv 1 sur la gauche */
.leftmenusContainer1 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 10px 20px;
        width: 220px;
        }
.leftmenusContainer2 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 220px;
        }
.leftmenusContainer3 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 7px 0px 0px 0px;
        width: 220px;
        }

/* NIVEAU 1 */
.leftboxmenus1 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.leftboxmenus1 li.Menus1 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus1 li.Menus1 a {
        width: 175px;
        display: block;
        font-size: 70%;
        padding: 6px 5px 6px 20px;
        margin: 1px 0px 0px 0px;
        font-weight: normal;
        color: #4b4033;
        text-decoration: none;
		background: url(../images/menu_puce_croix.gif) no-repeat 1px 8px;
		border-bottom: dotted 1px #8c847a;
		}
.leftboxmenus1 li.Menus1 a:hover {
        color: #706457;
        }
.leftboxmenus1 li.Menus1Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus1 li.Menus1Selected a {
        width: 175px;
        display: block;
        font-size: 70%;
        padding: 6px 5px 6px 20px;
        margin: 1px 0px 0px 0px;
        font-weight: bold;
        color: #4b4033;
        text-decoration: none;
		background: url(../images/menu_puce_croix_gris.gif) no-repeat 1px 8px;
		border-bottom: dotted 1px #8c847a;
        }
.leftboxmenus1 li.Menus1Selected a:hover {
        color: #4b4033;
        }
.leftboxmenus1 li.Menus1Fixed {
        width: 175px;
        display: block;
        font-size: 70%;
        padding: 5px 5px 7px 20px;
        margin: 10px 0px 0px 0px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
		background: url(../images/menu_bg_fixed.gif) no-repeat 0px 0px;
        }

/* NIVEAU 2 */
.leftboxmenus2 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.leftboxmenus2 li.Menus2 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus2 li.Menus2 a {
        width: 175px;
        display: block;
        font-size: 70%;
        padding: 6px 5px 6px 20px;
        margin: 1px 0px 0px 0px;
        font-weight: normal;
        color: #4b4033;
        text-decoration: none;
		background: url(../images/menu_puce_croix.gif) no-repeat 1px 8px;
		border-bottom: dotted 1px #8c847a;
        }
.leftboxmenus2 li.Menus2 a:hover {
        color: #706457;
        }
.leftboxmenus2 li.Menus2Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus2 li.Menus2Selected a {
        width: 175px;
        display: block;
        font-size: 70%;
        padding: 6px 5px 6px 20px;
        margin: 1px 0px 0px 0px;
        font-weight: bold;
        color: #4b4033;
        text-decoration: none;
		background: url(../images/menu_puce_croix_gris.gif) no-repeat 1px 8px;
		border-bottom: dotted 1px #8c847a;
        }
.leftboxmenus2 li.Menus2Selected a:hover {
        color: #4b4033;
        }
.leftboxmenus2 li.Menus2Fixed {
        width: 175px;
        display: block;
        font-size: 70%;
        padding: 5px 5px 7px 20px;
        margin: 10px 0px 0px 0px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
		background: url(../images/menu_bg_fixed.gif) no-repeat 1px 0px;
        }

/* NIVEAU 3 */
.leftboxmenus3 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.leftboxmenus3 li.Menus3 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus3 li.Menus3 a {
        width: 162px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 33px;
        margin: 0px 0px 0px 0px;
        font-weight: normal;
        color: #4b4033;
        text-decoration: none;
		background: url(../images/menu_puce_fleche.gif) no-repeat 22px 6px;
        }
.leftboxmenus3 li.Menus3 a:hover {
        color: #706457;
        text-decoration: none;
        }
.leftboxmenus3 li.Menus3Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus3 li.Menus3Selected a {
        width: 162px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 33px;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        color: #4b4033;
        text-decoration: none;
		background: url(../images/menu_puce_fleche.gif) no-repeat 22px 6px;
        }
.leftboxmenus3 li.Menus3Selected a:hover {
		/*background-color: #356894;*/
        }
.leftboxmenus3 li.Menus3Fixed {
        width: 162px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 32px;
        margin: 0px 0px 0px 1px; /* top et bottom 0px si cela suit directement le ul */
        font-weight: bold;
        color: #322b22;
		/*font-style: italic;*/
        text-decoration: none;
		background: #d8d8d8;
        }

/* NIVEAU 4 */
.leftboxmenus4 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.leftboxmenus4 li.Menus4 {
        margin: 0;
        padding: 0;
        }
.leftboxmenus4 li.Menus4 a {
        width: 142px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 53px;
        margin: 0px 0px 0px 0px;
        font-weight: normal;
        color: #4b4033;
        text-decoration: none;
		background: url(../images/menu_puce_fleche.gif) no-repeat 42px 6px;
        }
.leftboxmenus4 li.Menus4 a:hover {
        color: #706457;
        text-decoration: none;
        }
.leftboxmenus4 li.Menus4Selected {
        margin: 0;
        padding: 0;
        }
.leftboxmenus4 li.Menus4Selected a {
        width: 142px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 53px;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        color: #4b4033;
        text-decoration: none;
		background: url(../images/menu_puce_fleche.gif) no-repeat 42px 6px;
        }
.leftboxmenus4 li.Menus4Selected a:hover {
        /*background-color: #356894;*/
        }
.leftboxmenus4 li.Menus4Fixed {
        width: 142px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 12px;
        margin: 0px 0px 0px 41px;
        font-weight: bold;
        color: #322b22;
		/*font-style: italic;*/
        text-decoration: none;
		background: #d8d8d8;
        }


/* MENUS DROITE */
/* Level 1 : menus de niv 1 sur la droite */
.rightmenusContainer1 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 6px;
        width: 159px;
        }
.rightmenusContainer2 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 159px;
        }
.rightmenusContainer3 {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 159px;
        }

/* NIVEAU 1 */
.rightboxmenus1 {
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        }
.rightboxmenus1 li.Menus1 {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        }
.rightboxmenus1 li.Menus1 a {
        width: 135px;
        display: block;
        font-size: 70%;
        padding: 5px 5px 7px 15px;
        margin: 10px 0px 0px 0px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
		background: url(../images/menu_bg_fixed_right.gif) no-repeat 0px 0px;
        }
.rightboxmenus1 li.Menus1 a:hover {
        color: #bfde50;
        }
.rightboxmenus1 li.Menus1Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus1 li.Menus1Selected a {
        width: 135px;
        display: block;
        font-size: 70%;
        padding: 5px 5px 7px 15px;
        margin: 10px 0px 0px 0px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
		background: url(../images/menu_bg_fixed_right.gif) no-repeat 0px 0px;
        }
.rightboxmenus1 li.Menus1Selected a:hover {
        color: #ffffff;
        }
.rightboxmenus1 li.Menus1Fixed {
        width: 135px;
        display: block;
        font-size: 70%;
        padding: 5px 5px 7px 15px;
        margin: 10px 0px 0px 0px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
		background: url(../images/menu_bg_fixed_right.gif) no-repeat 0px 0px;
        }

/* NIVEAU 2 */
.rightboxmenus2 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.rightboxmenus2 li.Menus2 {
        margin: 0;
        padding: 0;
        }
.rightboxmenus2 li.Menus2 a {
        width: 125px;
        display: block;
        font-size: 70%;
        padding: 5px 5px 5px 25px;
        margin: -1px 0px 0px 0px;
        font-weight: normal;
        color: #4b4033;
        text-decoration: none;
		background: #f3f3f3 url(../images/menu_puce_fleche.gif) no-repeat 15px 9px;
        }
.rightboxmenus2 li.Menus2 a:hover {
        color: #4b4033;
        text-decoration: underline;
        }
.rightboxmenus2 li.Menus2Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus2 li.Menus2Selected a {
        width: 125px;
        display: block;
        font-size: 70%;
        padding: 5px 5px 5px 25px;
        margin: -1px 0px 0px 0px;
        font-weight: bold;
        color: #4b4033;
        text-decoration: none;
		background-color: #f3f3f3;
		background: #f3f3f3 url(../images/menu_puce_fleche.gif) no-repeat 15px 9px;
        }
.rightboxmenus2 li.Menus2Selected a:hover {
		/*background-color: #356894;*/
        }
.rightboxmenus2 li.Menus2Fixed {
		width: 144px;
        display: block;
        font-size: 70%;
        padding: 4px 4px 4px 5px;
        margin: 1px 0px 0px 0px;
        font-weight: bold;
        color: #4b4033;
        text-decoration: none;
		text-align: center;
		border: solid 1px #d8d8d8;
        }

/* NIVEAU 3 */
.rightboxmenus3 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.rightboxmenus3 li.Menus3 {
        margin: 0;
        padding: 0;
        }
.rightboxmenus3 li.Menus3 a {
        width: 110px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 40px;
        margin: -1px 0px 0px 0px;
        font-weight: normal;
        color: #4b4033;
        text-decoration: none;
		background: #f3f3f3 url(../images/menu_puce_fleche.gif) no-repeat 30px 6px;
        }
.rightboxmenus3 li.Menus3 a:hover {
        color: #4b4033;
        text-decoration: underline;
        }
.rightboxmenus3 li.Menus3Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus3 li.Menus3Selected a {
        width: 110px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 40px;
        margin: -1px 0px 0px 0px;
        font-weight: bold;
        color: #4b4033;
        text-decoration: none;
		background-color: #f3f3f3;
		background: #f3f3f3 url(../images/menu_puce_fleche.gif) no-repeat 30px 6px;
        }
.rightboxmenus3 li.Menus3Selected a:hover {
        /*background-color: #356894;*/
        }
.rightboxmenus3 li.Menus3Fixed {
        width: 110px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 3px 40px;
        margin: -1px 0px 0px 0px; /* top et bottom 0px si cela suit directement le ul */
        font-weight: bold;
        color: #322b22;
		/*font-style: italic;*/
        text-decoration: none;
		background: #f3f3f3;
        }

/* NIVEAU 4 */
.rightboxmenus4 {
        list-style: none;
        margin: 0;
        padding: 0;
        }
.rightboxmenus4 li.Menus4 {
        margin: 0;
        padding: 0;
        }
.rightboxmenus4 li.Menus4 a {
        width: 95px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 55px;
        margin: -1px 0px 0px 0px;
        font-weight: normal;
        color: #4b4033;
        text-decoration: none;
		background: #f3f3f3 url(../images/menu_puce_fleche.gif) no-repeat 45px 6px;
        }
.rightboxmenus4 li.Menus4 a:hover {
        color: #4b4033;
        text-decoration: underline;
        }
.rightboxmenus4 li.Menus4Selected {
        margin: 0;
        padding: 0;
        }
.rightboxmenus4 li.Menus4Selected a {
        width: 95px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 2px 55px;
        margin: -1px 0px 0px 0px;
        font-weight: bold;
        color: #4b4033;
        text-decoration: none;
		background-color: #f3f3f3;
		background: #f3f3f3 url(../images/menu_puce_fleche.gif) no-repeat 45px 6px;
        }
.rightboxmenus4 li.Menus4Selected a:hover {
        /*background-color: #356894;*/
        }
.rightboxmenus4 li.Menus4Fixed {
        width: 95px;
        display: block;
        font-size: 70%;
        padding: 2px 5px 3px 55px;
        margin: -1px 0px 0px 0px; /* top et bottom 0px si cela suit directement le ul */
        font-weight: bold;
        color: #322b22;
		/*font-style: italic;*/
        text-decoration: none;
		background: #f3f3f3;
        }


/* CHEMIN DE NAVIGATION */
div#AntMenuNavig {
        font-weight : normal;
        font-Size : 10px;
        color: #61584d;
        /*width : 100%;*/
        height : 20px;
        text-align: left;
        }
div#AntMenuNavig a {
        color: #61584d;
		text-decoration: none;
        }
div#AntMenuNavig a:hover {
        color: #4b4033;
		text-decoration: underline;
        }


/* DEF POUR IMAGES DANS MENU DE GAUCHE */
div#MenusImg{
        margin: 0px;
        padding: 0px;
		}
img.MenusImg{
        border: 0px;
		}