/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#left {
float: left;
width: 170px;
display: inline;
margin: 0px 0px 0px 16px;
padding: 0px 0px 100px 0px;
background:#FFFFFF url(bgLeft.gif) no-repeat right bottom;
}
body.bodyaccueil #menu,
body.bodyaccueil #left{
display: inline;
position: relative;
z-index: 1000;
float:left;
width:1px;
height:1px;
padding:0px;
margin:0px 0px 0px 16px;
background-image:none;
}
body.bodycontact #left{
min-height: 200px;
height: auto !important;
height: 200px;
background:  #FFFFFF url(bgLeftcontact.gif) no-repeat left bottom;
}
#menu {
display: inline;
position: relative;
z-index: 1000;
float: left;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 16px;
width: 170px;
}
#menuExtranet {
display: inline;
position: relative;
float: left;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 16px;
width: 170px;
}

#menu ul li,
#menuExtranet ul li{
display: inline;
}
#menu ul li a {
position: absolute; 
top: -40px;
display: block;
padding: 0px 0px 12px 0px;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
font-size: 90%;
text-align: center;
background: url(bgMenuLi.gif) no-repeat top center;
}
#menu ul li a:hover,
#menu ul li a.on,
#menu ul li a.lv1Over {
top: -45px;
display: block;
padding: 0px 0px 16px 0px;
font-size: small;
background: url(bgMenuLi.gif) no-repeat bottom center;
font-weight: bold;
}
#menu ul li.lien01 a{
left: 30px;
width: 160px;
}
#menu ul li.lien02 a{
left: 210px;
width: 70px;
}
#menu ul li.lien03 a{
left: 300px;
width: 160px;
}
#menu ul li.lien04 a{
left: 480px;
width: 90px;
}
#menu ul li.lien05 a{
left: 590px;
width: 130px;
}
#menu ul li.lien06 a{
left: 740px;
width: 170px;
}
#menu ul li.lienExtra a{
left: -5000px;
top:-5000px;
}
#menu ul li ul,
#menuExtranet ul li ul,
#menu ul.on li ul.on li ul,
#menuExtranet ul.on li ul.on li ul,
#menu ul.on li ul.on li ul.on li ul,
#menuExtranet ul.on li ul.on li ul.on li ul,
#menu ul.on li ul.on li ul.on li ul.on li ul,
#menuExtranet ul.on li ul.on li ul.on li ul.on li ul{
display:none;
}
#menu ul li.on ul,
#menuExtranet ul li.on ul,
#menu ul.on li ul.on li.on ul,
#menuExtranet ul.on li ul.on li.on ul,
#menu ul.on li ul.on li ul.on li.on ul,
#menuExtranet ul.on li ul.on li ul.on li.on ul,
#menu ul.on li ul.on li ul.on li ul.on li.on ul,
#menuExtranet ul.on li ul.on li ul.on li ul.on li.on ul{
display: block;
}
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*-----------NIVEAU 02-------------*/
#menuExtranet ul,
#menu ul li ul {
float: left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
border-left: #A4A4A4 1px solid;
}
#menu ul li.lien01 ul li a,
#menu ul li.lien02 ul li a,
#menu ul li.lien03 ul li a,
#menu ul li.lien04 ul li a,
#menu ul li.lien05 ul li a,
#menu ul li.lien06 ul li a,
#menuExtranet ul li a{
text-transform: uppercase;
position: relative;
top: 0px; 
left: 0px;
width: 130px;
height: auto;
font-size: 100%;
background-image: none;
padding: 0px 0px 12px 20px;
margin: 0px 0px 0px 0px;
text-decoration: none;
text-align: left;
background: url(bgMenuPuce01.gif) no-repeat 0px -472px;
color: #ACACAC;
float: left;
}
#menuExtranet ul li.on a,
#menuExtranet ul li a:hover,
#menu ul li.lien01 ul li a:hover,
#menu ul li.lien01 ul li.on a,
#menu ul li.lien02 ul li a:hover,
#menu ul li.lien02 ul li.on a,
#menu ul li.lien03 ul li a:hover,
#menu ul li.lien03 ul li.on a,
#menu ul li.lien04 ul li a:hover,
#menu ul li.lien04 ul li.on a,
#menu ul li.lien05 ul li a:hover,
#menu ul li.lien05 ul li.on a,
#menu ul li.lien06 ul li a:hover,
#menu ul li.lien06 ul li.on a {
color: #33CCFF;
background: url(bgMenuPuce01.gif) no-repeat -5px top;
font-weight: normal;
}
#menuExtranet ul li.menuStyleVert a{
background: url(bgMenuPuce07.gif) no-repeat left -472px;
color: #ACACAC;
}
#menuExtranet ul li.menuStyleVert_on a,
#menuExtranet ul li.menuStyleVert a:hover,
#menuExtranet ul li.menuStyleVert on a  {
color: #83AA29;
background: url(bgMenuPuce07.gif) no-repeat -5px top;
font-weight: normal;
}
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*-----------NIVEAU 03-------------*/
#menuExtranet ul li ul, 
#menu ul li ul li ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: none;
}
#menu ul li.lien01 ul li.on ul li a,
#menu ul li.lien02 ul li.on ul li a,
#menu ul li.lien03 ul li.on ul li a,
#menu ul li.lien04 ul li.on ul li a,
#menu ul li.lien05 ul li.on ul li a,
#menu ul li.lien06 ul li.on ul li a,
#menuExtranet ul li.on ul li a {
text-transform: none;
width: 120px;
font-size: 80%;
background-image: none;
padding: 0px 0px 12px 30px;
margin: 0px 0px 0px 0px;
background: url(puceMenuBleue.gif) no-repeat 18px 2px;
color: #ACACAC;
}
#menuExtranet ul li.menuStyleVert_on ul li a {
background: url(puceMenuVert.gif) no-repeat 18px 2px;
}
#menu ul li.lien01 ul li ul li a:hover,
#menu ul li.lien01 ul li ul li.on a,
#menu ul li.lien02 ul li ul li  a:hover,
#menu ul li.lien02 ul li ul li.on a,
#menu ul li.lien03 ul li ul li  a:hover,
#menu ul li.lien03 ul li ul li.on a,
#menu ul li.lien04 ul li ul li  a:hover,
#menu ul li.lien04 ul li ul li.on a,
#menu ul li.lien05 ul li ul li  a:hover,
#menu ul li.lien05 ul li ul li.on a,
#menu ul li.lien06 ul li ul li  a:hover,
#menu ul li.lien06 ul li ul li.on a,
#menuExtranet  ul li ul li  a:hover,
#menuExtranet  ul li ul li.on a  {
color: #33CCFF;
background: url(puceMenuBleue.gif) no-repeat 20px 2px;
font-weight: normal;
}
#menuExtranet ul li.menuStyleVert ul li.on a,
#menuExtranet ul li.menuStyleVert ul li a:hover{
color: #85AE2E;
background: url(puceMenuVert.gif) no-repeat 20px 2px;
font-weight: normal;
}
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*-----------NIVEAU 04-------------*/
#menu ul li.lien01 ul li.on ul li.on ul li a,
#menu ul li.lien02 ul li.on ul li.on ul li a,
#menu ul li.lien03 ul li.on ul li.on ul li a,
#menu ul li.lien04 ul li.on ul li.on ul li a,
#menu ul li.lien05 ul li.on ul li.on ul li a,
#menu ul li.lien06 ul li.on ul li.on ul li a,
#menuExtranet ul li.on ul li.on ul li a {
width: 110px;
font-size: 65%;
background-image: none;
padding: 0px 0px 12px 40px;
margin: 0px 0px 0px 0px;
background: url(.gif) no-repeat left bottom;
color: #ACACAC;
}
#menu ul li.lien01 ul li.on ul li.on ul li a:hover,
#menu ul li.lien01 ul li.on ul li.on ul li.on a,
#menu ul li.lien02 ul li.on ul li.on ul li  a:hover,
#menu ul li.lien02 ul li.on ul li.on ul li.on a,
#menu ul li.lien03 ul li.on ul li.on ul li  a:hover,
#menu ul li.lien03 ul li.on ul li.on ul li.on a,
#menu ul li.lien04 ul li.on ul li.on ul li  a:hover,
#menu ul li.lien04 ul li.on ul li.on ul li.on a,
#menu ul li.lien05 ul li.on ul li.on ul li  a:hover,
#menu ul li.lien05 ul li.on ul li.on ul li.on a,
#menu ul li.lien06 ul li.on ul li.on ul li  a:hover,
#menu ul li.lien06 ul li.on ul li.on ul li.on a,
#menuExtranet ul li.on ul li.on ul li  a:hover,
#menuExtranet ul li.on ul li.on ul li.on a  {
color: #33CCFF;
background: url(.gif) no-repeat left top;
font-weight: normal;
}
#menuExtranet ul li.menuStyleVert ul li.on ul li a:hover,
#menuExtranet ul li.menuStyleVert ul li.on ul li.on a{
color: #85AE2E;
background: url(.gif) no-repeat left top;
font-weight: normal;
}
/* --- SOUS MENU FLIP FLAP  --- */
#menu ul li ul.flip{
margin: 0px 0px 0px 0px;
padding: 3px 0px 15px 0px;
position: absolute;
top: -14px;
display: block;
width: 168px;
border-top: #FFFFFF 3px solid;
border-left: none;
z-index: 1000;
background:url(bgMenu.png) no-repeat bottom center;
}
#menu ul li ul.flip li{
position:relative;
top: 0px; 
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menu ul li ul.flip li a{
display: block;
width: 162px;
margin: 0px 3px 0px 3px;
padding: 5px 0px 5px 0px;
background-image: none;
text-align: center;
}
#menu ul li ul.flip li a:hover{
background: #33CCFF;
color: #FFFFFF;
}
#menu ul li.lien01 ul.flip li ul{
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
position: absolute;
top: -3px; 
left: 150px;
}
#menu ul li ul.flip li ul li a{
background: #33CCFF;
color: #333333;
}
/* --- SOUS MENU FLIP FLAP PAR LIEN --- */
#menu ul li.lien01 ul.flip{
position: absolute;
left:30px;
}
#menu ul li.lien02 ul.flip{
position: absolute;
left: 162px;
}
#menu ul li.lien03 ul.flip{
position: absolute;
left: 296px;
}
#menu ul li.lien04 ul.flip{
position: absolute;
left: 442px;
}
#menu ul li.lien05 ul.flip{
position: absolute;
left: 570px;
}
#menu ul li.lien06 ul.flip{
position: absolute;
left: 725px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LIENS ---*/
li.menuStyleVert, .menuStyleVert, .menuStyleVert {
color: #663333;
}