/* CSS Document */

body
{
background-color:#333333;
margin:auto;
width:980px;
}


td#news
{
width:56%;
color:#000000;
background:none;
}


#haut
{
width:980px;
background-image:url(images/haut.png);
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

#corps
{
background-attachment:scroll;
background-image:url(images/usine2.png);
background-position: top left;
background-repeat:repeat;
background-color:#FFFFFF;
border-left: 2px solid #FF0000;
border-right: 2px solid #FF0000;
width:976px;
height:650px;
font-size:14px;
color:#000000;
}

#rech
{
background-position:left;
border-left:solid 2px;
border-right: solid 2px;
border-right-color:#FF0000;
border-left-color:#FF0000;
height:53px;
vertical-align:middle;
background-color:#FFFFFF;
background-image:url(images/rechusine2.png);
background-repeat:no-repeat;
font-size:14px;
color:#000000;
}

#news
{
background-color:#FFFFFF;
width:40%;
margin-left:58%;
font-size:16px;
}

#zonemenu
{
background-position:top left;
background-image:url(images/Fond-Menu.gif);
background-repeat:no-repeat; 
width:200px;
height:650px;
float:left;
}

#zoneppale
{
width:79%;
height:650px;
/*margin-left:20%;*/
overflow:auto;
}

#scroll
{
height:650px;
width:100%;
overflow:auto;
}
#zoneppale ul
{

position:relative;
}
#zoneppale li
{
position:relative;
}

#search
{
background:url(images/ac_loupe.gif) left no-repeat #FFFFFF;
padding-left:20px;
}

#fix
{
position:absolute;
}


ul#menu
{
	border-top:1px solid #CCCCCC;
	margin: 0;
	padding: 0 ;
	list-style-type:none ;
	font-size:14px;
	font-weight:bold;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 0 0 ;
	padding:1px;
/* Suppression du padding du <li>*/
}

ul#menu li a
{
	border-bottom:1px solid #CCCCCC ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 169px ;
	line-height: 30px ;
	color: #000000 ;
	padding-left: 30px ; /* On décale le texte de 30px du bord gauche */
	text-decoration: none ;
	background-image:url(images/Puce.gif);
	background-repeat:no-repeat;
	background-position:left;
}

ul#menu li.folder
{
background:url(images/Puce.gif) no-repeat left;
}


ul#menu li a:hover
{
	background-color:#CCCCCC;
}

#bas
{
width:980px;
height:60px;
background-image:url(images/bas.png);
}


a#categ
{
width:100px;
}

#mesure
{
width:200px;
margin-left:150px;
margin-top:40px;
float:left;
}

#formation
{
padding-top:300px;
width:200px;
margin-left:150px;
float:left;
position:absolute;
}

#controle
{
vertical-align:bottom;
width:200px;
margin-left:430px;
padding-top:40px;
position:absolute;
}

#prestation
{
padding-top:300px;
vertical-align:bottom;
width:200px;
margin-left:430px;
position:absolute;
}

#regulation
{
padding-top:150px;
width:200px;
margin-left:70px;
float:left;
position:absolute;
}

#robinetterie
{
padding-top:150px;
width:200px;
margin-left:510px;
position:absolute;
}


body {
		behavior:url("csshover.htc");
	}
	
	#corps,#rech,#news,#menu {
		font-family:Arial, Helvetica, sans-serif;
	}

	/* the menu */
	
	li 
	{
	
	background-position:right;
	background-repeat:no-repeat;
	}
	
	ul#ss li
	{
	padding: 0 ;
	}

	#zonemenu ul,li,a {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	

	li {
		position:relative;
		padding:1px;
		padding-left:26px;
		z-index:9;
	}		
		li.folder ul {
			position:absolute;
			left:98%; /* IE */
			top:5px;
		}		
			li.folder>ul { left:100%; } /* others */

	a {
		text-decoration:none;
		color:black; /* IE */
	}
		li>a { width:auto; } /* others */


	/* regular hovers */

	a:hover {
		border-color:gray;
		color:red;
	}
		li.folder a:hover {
			background-color:#bbb7c7;
		}
	
	/* hovers with specificity */
	
	li.folder:hover { z-index:10; }		
		
	#zonemenu ul ul, li:hover ul ul {
		display:none;
	}

	#zonemenu li.folder:hover ul {
		display:block;
	}
	
	a#mail:hover
	{
	color:white;
	text-decoration:underline;
	}

img#fmenu
{
border:none;
}

a#submenu
{
	background-color:#FF0000;
}

#menu li a#groupe
{
	background-image:url(images/flechemenu.gif);
	background-position:right;
	background-repeat:no-repeat;
}


table#equipe
{
font-size:16px;
}

table#lexique
{
background-image:url(images/fondlex.gif);
font-size:16px;
text-align:left;
}

table#prod
{
font-size:16px;
}

#descrhaut
{
margin-left:auto;
margin-right:auto;
width:600px;
height:43px;
background-image:url(images/hautdescr.gif);
}

#descrbas
{
margin-left:auto;
margin-right:auto;
width:600px;
height:43px;
background-image:url(images/descrbas.gif);
}

#descrmilieu
{
background-image:url(images/descrmilieu.gif);
background-position:center;
margin-left:auto;
margin-right:auto;
width:600px;
background-repeat:repeat-y;
}

#texte
{
margin-left:auto;
margin-right:auto;
width:560px;
}

#descrhautcateg
{
margin-left:auto;
margin-right:auto;
width:750px;
height:43px;
background-image:url(images/hautdescrcateg.gif);
}

#descrbascateg
{
margin-left:auto;
margin-right:auto;
width:750px;
height:43px;
background-image:url(images/descrbascateg.gif);
}

#descrmilieucateg
{
background-image:url(images/descrmilieucateg.gif);
margin-left:auto;
margin-right:auto;
width:750px;
height:500px;
background-repeat:repeat-y;
text-indent:10px;
font-size:16px;
}

a#decal
{
width:180px;
font-size:12px;
text-decoration:underline;
}

a#simple
{
width:auto;
font-size:24px;
color:#FF0000;
text-decoration:underline;
}

a#retour
{
margin-left:75px;
background-image:url(images/retour.gif);
width:110px;
height:30px;
text-decoration:none;
}

a#retour img
{
border:none;
}

a#petit
{
font-size:13px;
text-decoration:underline;
}

#word ul,#word li,#word a 
{
		display:inline;
		margin:0;
		padding:0;
		border:0;
}
#liste
{
width:600px;
margin-left:85px;
}

#liste li
{
font-size:20px;
text-decoration:underline;
}

#liste ul
{
list-style-position:inside;
list-style-type:disc;
}


#forma p
{
margin:0;
}

#forma ul
{
margin:0;
}

#entete
{
width:600px;
height:120px;
background-image:url(images/entete.gif);
background-position:top;
background-repeat:no-repeat;
padding-top:45px;
margin-left:auto;
margin-right:auto;
}

#entete2
{
width:600px;
height:120px;
background-image:url(images/entete.gif);
background-position:top;
background-repeat:no-repeat;
padding-top:20px;
margin-left:auto;
margin-right:auto;
}

input
{
font-size:14px;
}

a#decal img
{
border:none;
}

#fondaccueil
{
height:550px;
background:url(Logo/LogoNoir.gif) no-repeat center;
}

#decal
{
padding-left:20px;
}

.infobulle
{
position: absolute;	
visibility : hidden;
border: 1px solid Red;
padding: 10px;
font-family: Verdana, Arial;
font-size: 10px;
background-color:#CCCCCC;
width:200px;
}

a.gros
{
font-size:18px;
font-weight:bold;
text-decoration:none;
}

a.gros:hover span
{
text-decoration:underline;
}

a.gros:hover img
{
height:150px;
}

a.gros img
{
border:none;
}

table#client
{
vertical-align:middle;
}

td#supp img
{
border:none;
}

a#categ span.gros
{
display:none;
}

a#categ:hover span.gros
{
display:inline;
}

a#categ:hover span.petit
{
display:none;
}

a#categ:hover span.texte
{
display:none;
}

td.fixe
{
height:230px;
}

#descprod
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
width:400px;
}

#equipe
{
background-image:url(images/fondequipe.gif);
background-position:center;
margin-left:auto;
margin-right:auto;
width:600px;
height:177px;
}