@charset "utf-8";
@import "default.css";
/* Titres
------------------------------------------*/
#h-actu {
background: transparent url(../img/fr/h-actu.gif) left top no-repeat;
height: 54px;
}
#h-nickel {
background: transparent url(../img/fr/h-nickel.gif) left top no-repeat;
height: 32px;
}
#h-contact {
background: transparent url(../img/fr/h-contact.gif) left top no-repeat;
height: 54px;
}
#h-controle {
background: transparent url(../img/fr/h-moyen-controle.gif) left top no-repeat;
height: 54px;
}
#h-demande {
background: transparent url(../img/fr/h-demande.gif) left top no-repeat;
height: 54px;
}
#h-electro {
background: transparent url(../img/fr/h-moyen-electroformage.gif) left top no-repeat;
height: 54px;
}
#h-electro-piece {
background: transparent url(../img/fr/h-electro-piece.gif) left top no-repeat;
height: 54px;
}
#h-entreprise-histoire {
background: transparent url(../img/fr/h-entreprise-histoire.gif) left top no-repeat;
height: 54px;
}
#h-entreprise-organisation {
background: transparent url(../img/fr/h-entreprise-organisation.gif) left top no-repeat;
height: 54px;
}
#h-etude {
background: transparent url(../img/fr/h-moyen-etude-cao.gif) left top no-repeat;
height: 54px;
}
#h-fao {
background: transparent url(../img/fr/h-fao.gif) left top no-repeat;
height: 54px;
}
#h-identification {
background: transparent url(../img/fr/h-identification.gif) left top no-repeat;
height: 54px;
}
#h-inge {
background: transparent url(../img/fr/h-prestation-ingenierie.gif) left top no-repeat;
height: 54px;
}
#h-lien {
background: transparent url(../img/fr/h-lien.gif) left top no-repeat;
height: 54px;
}
#h-maintenance {
background: transparent url(../img/fr/h-prestation-maintenance.gif) left top no-repeat;
height: 54px;
}
#h-mention {
background: transparent url(../img/fr/h-mention.gif) left top no-repeat;
height: 54px;
}
#h-modelage {
background: transparent url(../img/fr/h-modelage.gif) left top no-repeat;
height: 54px;
}
#h-organisation {
background: transparent url(../img/fr/h-organisation.gif) left top no-repeat;
height: 54px;
}
#h-realisation {
background: transparent url(../img/fr/h-realisation.gif) left top no-repeat;
height: 54px;
}
#h-silicone {
background: transparent url(../img/fr/h-silicone.gif) left top no-repeat;
height: 54px;
}
#h-support {
background: transparent url(../img/fr/h-moyen-support.gif) left top no-repeat;
height: 54px;
}
/* Navig
------------------------------------------*/
div#nav {
background: transparent;
border: 0;
height: 23px;
margin: 0 0 0 275px;
padding: 85px 0 0 0;
width: 647px;
}

div#nav ul#menu {
background: transparent url(../img/fr/nav.gif) top left no-repeat;
height: 23px;
margin: 0;
padding: 0;
position: relative;
width: 647px;
}

div#nav ul#menu li {
margin: 0;
padding: 0;
position: absolute;
top: 0;
}
html body #global div#nav ul#menu li li {
height: auto;
position: static;
padding-right: 1em;
width: 7em
}
div#nav ul#menu li, div#nav ul#menu a {
display: block;
height: 23px;
}
div#nav ul#menu li a {
text-decoration: none;
text-indent: -9999px;
}
div#nav ul#menu li li a {
text-indent: 0;
}
#nav-entreprise		{left: 0; width: 129px;}
#nav-moyen			{left: 129px; width: 112px;}
#nav-prestation 	{left: 241px; width: 145px;}
#nav-realisation 	{left: 386px; width: 155px;}
#nav-contact 		{left: 541px; width: 110px;}

#nav-entreprise a:hover 	{background: transparent url(../img/fr/nav.gif) 0 -23px no-repeat;}
#nav-moyen a:hover 			{background: transparent url(../img/fr/nav.gif) -129px -23px no-repeat;}
#nav-prestation a:hover 	{background: transparent url(../img/fr/nav.gif) -241px -23px no-repeat;}
#nav-realisation a:hover 	{background: transparent url(../img/fr/nav.gif) -386px -23px no-repeat;}
#nav-contact a:hover 		{background: transparent url(../img/fr/nav.gif) -541px -23px no-repeat;}

/* "Vous etes ici" - Navigation principale */
body#page-entreprise #nav-entreprise a 		{background: transparent url(../img/fr/nav.gif) 0 -23px no-repeat;}
body#page-moyen #nav-moyen a 				{background: transparent url(../img/fr/nav.gif) -129px -23px no-repeat;}
body#page-prestation #nav-prestation a 		{background: transparent url(../img/fr/nav.gif) -241px -23px no-repeat;}
body#page-realisation #nav-realisation a 	{background: transparent url(../img/fr/nav.gif) -386px -23px no-repeat;}
body#page-contact #nav-contact a 			{background: transparent url(../img/fr/nav.gif) -541px -23px no-repeat;}

body#page-entreprise #nav-entreprise li a,
#nav-entreprise li a:hover,
body#page-moyen #nav-moyen li a,
#nav-moyen li a:hover,
body#page-prestation #nav-prestation li a,
#nav-prestation li a:hover,
body#page-realisation #nav-realisation li a,
#nav-realisation li a:hover,
body#page-contact #nav-contact li a,
#nav-contact li a:hover {
background: transparent;
background-image: none;
}
/* Navigation principale - menu deroulant */
#menu ul {
	background: #A1C3E8;/* #A1C3E8*/
	border-left: 1px solid #A1C3E8;
	border-right: 1px solid #A1C3E8;
	border-top: 1px solid #A1C3E8;
	float: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 0;
	width: 10em;
}
	#menu li#nav-entreprise ul {
	width: 173px;
	}
	#menu li#nav-moyen ul {
	width: 173px;
	}
	#menu li#nav-prestation ul {
	width: 173px;
	}
	#menu li#nav-contact ul {
	width: 130px;
	}
#menu li {
	background: transparent;
	background-image: none;
	float: left;
	padding: 0;
}
#menu li ul {
	font-weight: normal;
	height: auto;
	left: -999em;
	margin: 0;
	position: absolute;
	width: 9em;
	z-index: 5;
}
#menu li ul a, #menu li ul li {
	background: transparent url(../img/com/puce-blanc.gif) 4px 5px no-repeat;
	margin: 0;
	padding: 0 0 0 14px;
	text-indent: 0;
	width: 11em;
}
	#menu li ul a:hover, #menu li ul li:hover, #menu li ul li.sfhover {background: transparent url(../img/com/puce-bleu.gif) 4px 5px no-repeat;}
	
	#menu li ul a:link {color: #FFF;}
	#menu li ul a:visited {color: #FFF;}
	#menu li ul a:focus {color: #005085; font-weight: bold;}
	#menu li ul a:hover {color: #005085; font-weight: bold;}
	#menu li ul a:active {color: #FFF;}
#menu li li {
border-bottom: 1px solid #A1C3E8;
float: none;
margin: 0;
padding: 0;
}
div#nav ul#menu li li, div#nav ul#menu li li a {
display: block;
height: auto;
}
#menu li ul ul {
	margin: -2em 0 0 8em;
}
#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul {
	left: -999em;
}
#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul {
	left: auto;
}
#menu li#nav-entreprise:hover,
#menu li#nav-entreprise.sfhover {background: transparent url(../img/fr/nav.gif) 0 -23px no-repeat;}
#menu li#nav-moyen:hover,
#menu li#nav-moyen.sfhover {background: transparent url(../img/fr/nav.gif) -129px -23px no-repeat;}
#menu li#nav-prestation:hover,
#menu li#nav-prestation.sfhover {background: transparent url(../img/fr/nav.gif) -241px -23px no-repeat;}
#menu li#nav-realisation:hover,
#menu li#nav-realisation.sfhover {background: transparent url(../img/fr/nav.gif) -386px -23px no-repeat;}
/* realisations menu deroulant */

#menuRealisation {
margin: 0 auto 4em;
width: 580px;
}

ul.menuRealisation {list-style:none; margin:0; padding:0;}
ul.menuRealisation * {margin:0; padding:0;}
ul.menuRealisation a {display:block; color:#FFF; text-align: center; text-decoration:none; text-transform: uppercase;}
ul.menuRealisation li {background: #006EA8; position:relative; float:left; margin-right:2px;}
ul.menuRealisation ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none;}
ul.menuRealisation ul li {position:relative; border:1px solid #006EA8; border-top:none; width:189px; margin:0;}
ul.menuRealisation ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1; color: #333; font-size: 0.8em; text-align: left;}
ul.menuRealisation ul li a:hover {background-color:#c5c5c5;}
ul.menuRealisation ul ul {left:189px; top:-1px;}
ul.menuRealisation .menulink {border:1px solid #006EA8; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:175px;}
ul.menuRealisation .menulink:hover, ul.menu .menuRealisationhover {background:url(images/header_over.gif);}

ul.menuRealisation a:link {color: #FFF;}
ul.menuRealisation a:visited {color: #FFF;}
ul.menuRealisation a:focus {color: #FFF;}
ul.menuRealisation a:hover {color: #FFF;}
ul.menuRealisation a:active {color: #FFF;}

ul.menuRealisation ul li a:link {color: #333;}
ul.menuRealisation ul li a:visited {color: #333;}
ul.menuRealisation ul li a:focus {color: #333;}
ul.menuRealisation ul li a:hover {color: #333;}
ul.menuRealisation ul li a:active {color: #333;}