/*------------------------------------------------
feuille de style arcis
Enguerrand-leclerc - stockho

---------------------------

menu de navigation du haut 
- tailles :
??
------------------------------------------------*/

#conteneurmenu
{
position:relative;
z-index:10;

}
* html #conteneurmenu {
position:static;
}

#menu {

margin:0;
padding:0;
display:inline;

white-space: nowrap;
background-image:url(../images/menu/Menufr.jpg);
}

#menu1, #menu2, #menu3, #menu4 {
 display: block;
float: left;
/*float:left;*/
list-style-type: none;
z-index:11;

background-image:url(../images/menu/Menufr.jpg);
}

#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a {
height:88px;
display:block;
text-indent:-1000px;
overflow: hidden;
background-image:url(../images/menu/Menufr.jpg);
}

#menu1 { background-position: 0 0; }
#menu1 a { width : 236px; background-position: 0 0; }
#menu1 a:hover { background-position: 0px -88px; }
.actif1 #menu1 a { background-position: 0px -88px; }
#menu1.actif  a { background-position: 0px -88px; }

#menu2{ background-position: -236px 0; }
#menu2 a { width : 314px; background-position: -236px 0; }
#menu2 a:hover { background-position: -236px -88px; }
.actif2 #menu2 a { background-position: -236px -88px; }
#menu2.actif a { background-position: -236px -88px; }

#menu3 { background-position: -550px 0; }
#menu3 a { width : 241px; background-position: -550px 0; }
#menu3 a:hover { background-position: -550px -88px; }
.actif3 #menu3 a { background-position: -550px -88px; }
#menu3.actif  a { background-position: -550px -88px; }

#menu4 { background-position: -791px 0; }
#menu4 a { width : 200px; background-position: -791px 0; }
#menu4 a:hover { background-position: -791px -88px; }
.actif4 #menu4 a { background-position: -791px -88px; }
#menu4.actif a { background-position: -791px -88px; }
/*
#menu5 { background-position: -791px 0; }
#menu5 a { width : 202px; background-position: -791px 0; }
#menu5 a:hover { background-position: -791px -88px; }
actif5 #menu5 a { background-position: -791px -88px; }
#menu5.actif a { background-position: -791px -88px; }
*/
#menu1 .sousmenu, #menu2 .sousmenu, #menu3 .sousmenu, #menu4 .sousmenu {
position:absolute;
top:89px;
left:1;
margin:0;
padding:0;
list-style-type: none;
visibility:hidden;
/*border-top:1px solid #AAAFFA;*/
z-index:100;
border-bottom:1px solid #113A5A;
}

#menu1 .sousmenu{ left:1px;}
#menu2 .sousmenu{ left:236px; }
#menu3 .sousmenu{ left:550px; }
#menu4 .sousmenu{ left:791px; }
/*#menu5 .sousmenu{ left:791px; }*/

#menu1 .sousmenu li a , #menu2 .sousmenu li a, #menu3 .sousmenu li a, #menu4 .sousmenu li a {
display:block;
height:18px;
line-height:18px;

font-weight:normal;
font-size:11px;
letter-spacing:0px;


float:none;
background-image:none;
background-color:#ACCFED;



color:#0857AF;
text-decoration:none;
text-indent:0;

padding-top:5px;
padding-bottom:5px;
padding-left:20px;
padding-right:20px;

}


#menu1 .sousmenu li a { width:196px; }
#menu2 .sousmenu li a { width:274px; }
#menu3 .sousmenu li a { width:201px; }
#menu4 .sousmenu li a { width:196px; }
/*#menu5 .sousmenu li a { width:202px; }*/


#menu1 .sousmenu li a:hover, #menu2 .sousmenu li a:hover, #menu3 .sousmenu li a:hover, #menu4 .sousmenu li a:hover{
background-color:#4987C2;
background-image:url(../images/nav/puceActif.gif);
background-repeat:no-repeat;
background-position:11px 12px;
color:#fff;
/*background-image:url(../imagesSite/PucemenuigationPetiteFlecheBleue.gif);
background-repeat:no-repeat;
background-position:10px 7px;*/
}

#menu1 .sousmenu li.actif2 a, #menu2 .sousmenu li.actif2 a, #menu3 .sousmenu li.actif2 a, #menu4 .sousmenu li.actif2 a{
background-color:#4987C2;
background-image:url(../images/nav/puceActif.gif);
background-repeat:no-repeat;
background-position:11px 12px;
color:#fff;
/*background-image:url(../imagesSite/PucemenuigationPetiteFlecheBleue.gif);
background-repeat:no-repeat;
background-position:10px 7px;*/
}