/* $File: navigation.css $
   $Date: 2009-09-25 $
   $Modify date: 2009-12-07 $
   $Author: Sébastien Millart (sebastien@greenerweb.be) $
   $Version: 0.0.03 $
*/

/* GLOBAL NAVIGATION */
#globalnav_background, #globalnav { width:100%; height:90px; position:fixed; bottom:0; left:0; }
#globalnav_background { z-index:5; }
#globalnav { z-index:30; background:transparent url(../images/globalnav/bg_globalnav.png) repeat-x 0 0; }
#nav { height:90px; margin:0 auto; width:870px; }
#nav ul { width:870px; height:61px; margin-top:29px; }
#nav ul li { display:block; float:left; height:61px; }
#nav ul li.energie { margin-left:25px; }
#nav ul li.architecture { margin-left:128px; }
#nav ul li.investigations { margin-left:128px; }
#nav ul li.info { margin-left:101px; }
#nav ul li a { display:block; height:61px; background-color:transparent; background-repeat:no-repeat; background-position:O O; }
#nav ul li.energie a { width:173px; background-image:url(../images/globalnav/globalnav_energie.png); }
#nav ul li.energie a:hover,
#nav ul li.energie a:focus,
#nav ul li.energie a:active { background-image:url(../images/globalnav/globalnav_energie_hover.png); }
#nav ul li.architecture a { width:220px; background-image:url(../images/globalnav/globalnav_architecture.png); }
#nav ul li.architecture a:hover,
#nav ul li.architecture a:focus,
#nav ul li.architecture a:active { background-image:url(../images/globalnav/globalnav_architecture_hover.png); }
#nav ul li.investigations a { width:220px; background-image:url(../images/globalnav/globalnav_investigations.png); }
#nav ul li.investigations a:hover,
#nav ul li.investigations a:focus,
#nav ul li.investigations a:active { background-image:url(../images/globalnav/globalnav_investigations_hover.png); }
#nav ul li.info a { width:137px; background-image:url(../images/globalnav/globalnav_info.png); }
#nav ul li.info a:hover,
#nav ul li.info a:focus,
#nav ul li.info a:active { background-image:url(../images/globalnav/globalnav_info_hover.png); }
#nav ul li a span { display:none; }

/* Noyer */
#noyer { position:fixed; width:960px; height:289px; bottom:66px; left:50%; background:transparent url(../images/globalnav/noyer.png) no-repeat right bottom; margin-left:-480px; }

/* SIDE NAVIGATION */
#container #sidenav { position:relative; float:right; width:300px; z-index:25; }
#container #sidenav .box { background:transparent url(../images/sidenav/bg_sidenav.png) no-repeat left top; }
#container #sidenav .boxbottom { background:transparent url(../images/sidenav/bg_sidenav_boxbottom.png) no-repeat left top; height:40px; }
#container #sidenav .gradient { background:transparent url(../images/sidenav/bg_sidenav_gradient.png) no-repeat left top; height:100px; }
#container #sidenav dl { background:transparent url(../images/sidenav/sidenav_separ.png) no-repeat 0 157px; margin:0 25px 0 15px; }
#container #sidenav dt { height:87px; }
#container #sidenav dt strong { display:none; }
#container #sidenav dd { font-size:1.2em; font-weight:bold; margin-top:29px; }
#container #sidenav dd a { text-decoration:none; display:block; padding-left:39px; line-height:14px; height:27px; background-color:transparent; background-repeat:no-repeat; background-position:left center; }
#container #sidenav dd a span { font-size:.72em; color:#4C4D4E; font-weight:normal; }