/* 
/*
/* menus ******************* */

#menu {
position: relative;
width: 940px; 
height:130px; 
}

ul.mainmenu {
position: relative;
top: 0;
width: 940px; 
list-style-type: none;
}

ul.mainmenu li {float: left;}

ul.mainmenu li a {
display: block;
width: 176px;
height: 35px;
padding: 0 0 0 24px;
margin-right: 33px;
font-size: 1.2em;
font-weight: bold;
line-height: 35px;
text-decoration: none;
-moz-box-shadow: 0 2px 12px #ccc;  
-webkit-box-shadow: 0 2px 12px #ccc;  
box-shadow: 0 2px 12px #ccc;
}

ul.mainmenu li a.menu-agence {
color: #c2ca00;
background: transparent url(../actual_imports/menu-agence.gif) 0 -35px no-repeat;
}
ul.mainmenu li a.menu-agence:hover, ul.mainmenu li a.menu-agence-active {
color: #fff;
background: transparent url(../actual_imports/menu-agence.gif) 0 0 no-repeat;
}

ul.mainmenu li a.menu-metiers {
color: #66b8dc;
background: transparent url(../actual_imports/menu-metiers.gif) 0 -35px no-repeat;
}
ul.mainmenu li a.menu-metiers:hover, ul.mainmenu li a.menu-metiers-active {
color: #fff;
background: transparent url(../actual_imports/menu-metiers.gif) 0 0 no-repeat;
}

ul.mainmenu li a.menu-portfolio {
color: #000;
background: transparent url(../actual_imports/menu-portfolio.gif) 0 -35px no-repeat;
}
ul.mainmenu li a.menu-portfolio:hover, ul.mainmenu li a.menu-portfolio-active {
color: #fff;
background: transparent url(../actual_imports/menu-portfolio.gif) 0 0 no-repeat;
}

ul.mainmenu li a.menu-presse {
color: #cc0066;
background: transparent url(../actual_imports/menu-presse.gif) 0 -35px no-repeat;
}
ul.mainmenu li a.menu-presse:hover, ul.mainmenu li a.menu-presse-active {
color: #fff;
background: transparent url(../actual_imports/menu-presse.gif) 0 0 no-repeat;
}

div#dropmenu1 {
position: absolute;
top: 225px; left: 0;
}

div#dropmenu2 {
position: absolute;
top: 225px; left: 233px;
}

div.dropmenudiv1 {
position: absolute;
left: 0; top: 0;
visibility: hidden;
}

div.dropmenudiv2 {
position: absolute;
top: 0; 
visibility: hidden;
}


#nav {
position: absolute;
top: 30px;
left: 699px;
}

a.next {
display: block;
float: left;
width: 26px; height: 26px;
background: transparent url(../actual_imports/fleche-verte-d.gif) 0 0 no-repeat;
-moz-box-shadow: 0 2px 12px #ccc;  
-webkit-box-shadow: 0 2px 12px #ccc;  
box-shadow: 0 2px 12px #ccc;
}

a.prev {
display: block;
float: left;
width: 26px; height: 26px;
margin-right: 10px;
background: transparent url(../actual_imports/fleche-verte-g.gif) 0 0 no-repeat;
-moz-box-shadow: 0 2px 8px #ccc;  
-webkit-box-shadow: 0 2px 8px #ccc;  
box-shadow: 0 2px 8px #ccc;
}

a.next-bleu {
display: block;
float: left;
width: 26px; height: 26px;
background: transparent url(../actual_imports/fleche-bleue-d.gif) 0 0 no-repeat;
-moz-box-shadow: 0 2px 12px #ccc;  
-webkit-box-shadow: 0 2px 12px #ccc;  
box-shadow: 0 2px 12px #ccc;
}

a.prev-bleu {
display: block;
float: left;
width: 26px; height: 26px;
margin-right: 10px;
background: transparent url(../actual_imports/fleche-bleue-g.gif) 0 0 no-repeat;
-moz-box-shadow: 0 2px 8px #ccc;  
-webkit-box-shadow: 0 2px 8px #ccc;  
box-shadow: 0 2px 8px #ccc;
}

a.next:hover, a.prev:hover, a.next-bleu:hover, a.prev-bleu:hover {
opacity: 0.7;
}

#nav span {
display: none;
}


/* submenu ********** */

ul.submenu, ul.submenu-bleu {
position: relative;
top: 20px;
list-style-type: none;
clear: both;
}

ul.submenu li, ul.submenu-bleu li {
font-size: 0.75em;
line-height: 1.5em;
}

ul.submenu li a {
color: #c2ca00;
font-weight: bold;
text-decoration: underline;
padding-left: 20px;
}

ul.submenu li a:hover, ul.submenu li a.subactive {
text-decoration: none;
background: transparent url(../actual_imports/fleche-verte.gif) 5px -1px no-repeat;
}

ul.submenu-bleu li a {
color: #66b8dc;
font-weight: bold;
text-decoration: underline;
padding-left: 20px;
}

ul.submenu-bleu li a:hover, ul.submenu-bleu li a.subactive {
text-decoration: none;
background: transparent url(../actual_imports/fleche-bleue.gif) 5px -1px no-repeat;
}