@charset "UTF-8";
/* CSS Document */
ul#langue { position:absolute; top:10px; right:5px; z-index:500; padding:0; margin:0;}
ul#langue li { display:block; float:left; margin:0; padding:5px; list-style:none; font-size:10px; text-align:center}
ul#langue li a { text-decoration:none; text-transform:uppercase; color:#222;  display:block; float:left;}
ul#langue a img{  border:none;}
ul#langue li a:hover { color:white;}
div#menu {
	width:955px;
	padding:0;
	margin:0;
	background:url(../images/structure/menu-fond.gif) repeat-x bottom left #3f433b;
	border-top:1px solid white;
	position:relative;
	z-index:700;
}
div#menu ul {
	padding: 0 0 0 20px;
	margin: 0;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	min-height:41px;
	
}
#menu li {
	float:left;
	text-align:center;
	font-variant:small-caps;
	font-size:1em;
	margin: 0;
	padding:0;
}
/* Pour les navigateurs récents */
#menu li:hover {
	position:relative;
}
#menu a, #menu a:visited {
	display:block;
	width:10em;
	color:#fff;
	text-decoration:none;
	padding:0.5em 0 0.6em 0;
	margin:0;
}
#menu li ul li a, #menu li ul li a:visited {
	color:#CCC;
	text-align:left;
	font-variant:normal;
	padding:0.5em 1em;
	font-size:0.8em;
	width:18em;
}

/* Make the hovered list color persist */
#menu li:hover > a {
	color:#fff;
}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#menu li ul {
	display:none;
	padding:0;
	margin:0;
	 position:absolute; 	z-index:600;
	
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#menu li:hover > ul {
	display:block;
	padding:0;
	margin:0;
	position:absolute;
	top:2.5em;
	left:0;
		z-index:600;
}
/* Position the first sub level beneath the top level liinks */
#menu > li:hover > ul {
	left:0px;
	top:3.6em;
}
/* For accessibility of the top level menu when tabbing */
#menu li a:active, #menu li a:focus {
	color:#ccc;
}

/* make the second level visible when hover on first level link and position it */
#menu li a:hover ul {
	visibility:visible;
}
.enclose {
	clear:right;
}
/*


/*********************/
/* ≠ entre les onglets */
/*********************
#menu li.dallage a:active, #menu li a:focus {
	background: url(../images/menu/menu-dallage.gif) repeat-x top left #303040;
}*/

/* Au survol arrière plan des boutons principaux sur navigateur récents */
#menu li:hover.dallage > a {
	background: url(../images/menu/menu-dallage.gif) repeat-x top left #303040;
}
#menu li:hover.galets > a {
	background: url(../images/menu/menu-galets.gif) repeat-x top left #403535;
}
#menu li:hover.extraction > a {
	background: url(../images/menu/menu-extraction.gif) repeat-x top left #502535;
}
#menu li:hover.techniques > a {
	background: url(../images/menu/menu-technique-pose.gif) repeat-x top left #603030;
}
#menu li:hover.realisations > a {
	background: url(../images/menu/menu-realisation.gif) repeat-x top left #453045;
}
#menu li:hover.contact > a {
	background: url(../images/menu/menu-contact.gif) repeat-x top left #604530;
}
/* Couleur arrière plan des sous niveau*/
#menu li.dallage ul {
	text-align:left;
	font-variant:normal;
	background:url(../images/menu/menu-dallage-sub.gif) repeat-x top left #303040;
	padding-top:10px;
}
#menu li.galets ul {
	text-align:left;
	font-variant:normal;
	background:url(../images/menu/menu-galets-sub.gif) repeat-x top left #403535;
	padding-top:10px;
}
#menu li.techniques ul {
	text-align:left;
	font-variant:normal;
	background:url(../images/menu/menu-technique-pose-sub.gif) repeat-x top left #603030;
	padding-top:10px;
}
#menu li.extraction ul {
	text-align:left;
	font-variant:normal;
	background:url(../images/menu/menu-extraction-sub.gif) repeat-x top left #502535;
	padding-top:10px;
}
#menu li.realisations ul {
	text-align:left;
	font-variant:normal;
	background: url(../images/menu/menu-realisation-sub.gif) repeat-x top left #453045;
	padding-top:10px;
}
/* Couleur arrière plan des bouton de sous niveau */
#menu li.dallage li {
	background-color: #303040;
}
#menu li.galets li {
	background: #403535;
}
#menu li.extraction li {
	background: #502535;
}
#menu li.techniques li {
	background: #603030;
}
#menu li.realisations li {
	background: #453045;
}
/* Au survol couleur arrière plan des bouton de sous niveau */
#menu li ul li a:hover {
	background: #111;
}

/*


/**********************/
/* Hack CSS pour IE 6*/
/*********************
*/
* html #menu ul { height:41px;}
* html #menu li a:hover {
	position:relative;
	color:#fff;
}
* html #menu li.dallage a:hover {
	background: url(../images/menu/menu-dallage.gif) repeat-x top left #303040;
}
* html #menu li.galets a:hover {
	background: url(../images/menu/menu-galets.gif) repeat-x top left #403535;
}
* html #menu li.techniques a:hover {
	background: url(../images/menu/menu-technique-pose.gif) repeat-x top left #603030;
}
* html #menu li.extraction a:hover {
	background: url(../images/menu/menu-extraction.gif) repeat-x top left #502535;
}
* html #menu li.realisations a:hover {
	background: url(../images/menu/menu-realisation.gif) repeat-x top left #453045;
}
* html #menu li.contact a:hover {
	background: url(../images/menu/menu-contact.gif) repeat-x top left #604530;
}
/* position des sous niveau sur IE6 */
#menu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
}
/* change the drop down levels from display:none; to visibility:hidden; */
* html #menu li ul {
	visibility:hidden;
	display:block;
	position:absolute;
	top:2.5em;
	left:0;
	padding:0;
	background:transparent url(transparent.gif);
}