﻿/*****************************/
/*         MENU HAUT         */
/*****************************/
ul#nav { 
	float:right;
	list-style:none;
	height:28px;
	width:642px;
	margin:0;
	padding:0;
	background:#000;
}
ul#nav li {
  float: left;
  position: relative;
	height:28px;
	margin:0;
	padding:0;
	text-align:center;
}
#menu_accueil { width:70px; } 
#menu_actus { width:88px; }
#menu_activites { width:79px; }
#menu_prdts { width:77px; }
#menu_realisations { width:104px; }
#menu_services { width:77px; }
#menu_reseau { width:72px; }
#menu_contact { width:75px; }

ul#nav li a {
  display:block;
  font-weight:bold;
  color:#fff;
	background:transparent;
  margin:0;
  padding:7px 0 0 7px;
  text-decoration:none;
  height:28px;
  voice-family: "\"}\""; /* Box model hack */
  voice-family:inherit;
  height:21px;
}


ul#nav li a:hover { background:url(/images/common/puces/puce_menu.gif) 9px 11px no-repeat; color:#e75f1c; }
ul#nav li.ici a { background:url(/images/common/puces/puce_menu.gif) 9px 11px no-repeat; color:#fccc3d; }

ul#nav li ul {
  display: none;
  position: absolute; 
  top: 28px;
  left: 0;
  list-style:none;
  margin:0;
  padding:0;
  z-index:4;
}
ul#nav li > ul {
	top: auto;
	left: auto;
	}

ul#nav li:hover ul, ul#nav li.over ul { display: block; clear: left; }
ul#nav ul li { 
	width:200px; 
	text-align:left; 
}

ul#nav ul a {
  display:block;
  font-weight:bold;
  margin:0;
  padding:6px 0 0 10px;
  text-decoration:none;
  z-index:5;
}
ul#nav ul li a:hover { }


/*****************************/
/*        MENU GAUCHE        */
/*****************************/
ul#menu_left {
	float:left;
	list-style:none;
	width:138px;
	margin:0;
	padding:17px 0 30px 0;
	background:#e4e9ea;
}
ul#menu_left li {
	position:relative;
	width:138px;
	margin:0;
	padding:0;
}
ul#menu_left li a {
  display:block;
  font-weight:bold;
  color:#000;
	background:transparent;
  margin:0;
  padding:7px 0 0 21px;
  text-decoration:none;
  height:27px;
	width:138px;
  voice-family: "\"}\""; /* Box model hack */
  voice-family:inherit;
  height:20px;
	width:117px;
}


ul#menu_left li a:hover { background:#f6fbfc url(/images/common/puces/puce_orange.gif) 9px 11px no-repeat; color:#e75f1c; }
ul#menu_left li.ici a { background:#f6fbfc url(/images/common/puces/puce_orange.gif) 9px 11px no-repeat; color:#e75f1c; }

ul#menu_left li ul {
  display: block;
  list-style:none;
  margin:0;
  padding:0;
  z-index:4;
}
ul#menu_left li > ul {
	top: auto;
	left: auto;
	}

ul#menu_left ul li { 
	width:138px; 
	text-align:left;
	margin:0;
	padding:0;
	background:none;
	height:18px; 
}

ul#menu_left li.ici li a {
  display:block;
  font-weight:bold;
  margin:0 0 0 20px;
  padding:3px 0 0 10px;
	height:15px;
	width:108px;
	background:none;
	color:#818992;
  text-decoration:none;
  z-index:5;
}

ul#menu_left li.ici li a:hover { background:#f6fbfc; color:#e75f1c; }
ul#menu_left li.ici li.ici a { background:#f6fbfc; color:#e75f1c; }

/*****************************/
/*        	FOOTER           */
/*****************************/
ul#footer { clear:both; background:#818992; height:26px; list-style:none; width:642px; margin:0; padding:0 0 0 138px; }
ul#footer li { float:left; margin:0; padding:0; }
#footer_accueil { width:70px; } 
#footer_actus { width:88px; }
#footer_activites { width:79px; }
#footer_prdts { width:77px; }
#footer_realisations { width:104px; }
#footer_services { width:77px; }
#footer_reseau { width:72px; }
#footer_contact { width:75px; }

ul#footer li a { 
	display:block; 
	color:#e4e9ea; 
	font-weight:bold;  
	padding:7px 0 0 7px;
  height:28px;
  voice-family: "\"}\""; /* Box model hack */
  voice-family:inherit;
  height:21px;
 }
ul#footer li a:hover { color:#000; text-decoration:none; }
