/* partie positionnement et déco */
 #menu a 
{ 
display:block;
color: #fff; 
text-decoration:none; 
}
 #menu > li, 
#menu > li li {
position: relative; 
display:inline-block; 
width: 160px; 
padding: 6px 15px; 
background-color: #777; 
background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999); 
}
#menu > li li { background: transparent none; }
#menu > li li a { color: #444; } 
#menu > li li:hover { background:#eee; } 
#menu > li:first-child {
border-right: 1px solid #777; border-radius: 8px 0 0 8px; 
} 
#menu > li + li {

border-left: 1px solid #aaa; 
border-right: 1px solid #777; } 
#menu > li:last-child { 
border-right:0; 
border-left: 1px solid #aaa; 
border-radius: 0 8px 8px 0 ; 
} 
#menu > li:hover { 
background-color: #999; 
background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb); } 
/* (presque) fin de la partie positionnement/déco */
 /* dans cette déclaration, on fixe le max-height */ 
#menu ul { 
z-index:1000; 
position: absolute; 
top: 2em; left:0; max-height:0em; margin:0; padding:0; 
background-color:#ddd; 
background-image: linear-gradient(#fff,#ddd); 
overflow:hidden; 
transition: 1s max-height 0.3s; 
border-radius: 0 0 8px 8px; } 
/* ici on change la valeur de max-height au :hover */ 
#menu > li:hover ul {
 /* need an adaptation, lower is better, but see it large */
 max-height:13em; 
}

div#conteneur {

	margin: 0;
	padding:1;
	width:960px;
	height:auto;
	background-image:url(degrade.jpng);
	z-index:100; 


	}


div#menu {
	float:right;
	width:650px;
	height:10px;
	z-index:1000; 
	}
div#logo {
	margin:0;
	border-radius: 10px 10px 10px 10px; 
	float:left;
	width:250px;
	height:auto;
	background-color:#ffffff;
	}

div#entete {
	width:960px;
	height:130px;
	background-color:#ffffff;
	
	}
div#carte {
	float:left;
	width:200px;
	background-color:#ffffff;
	}

div#info {
	float:right;
	width:350px;
	background-color:#ffffff;
	text-color: #00005a;
	}

div#total {
	width:960px;
	height:auto;

	background-image:url(degrade.png);
	border-radius: 10px 10px 10px 10px; 
	border-width:1px;
 	border-style:solid;
 	border-color:blue;
}

div#presentation {
	margin:0;
	padding:0;
	width:960px;
	height:auto;
	background-color:#00005a;

}
div#activite {
	margin:0;
	padding:0;
	width:960px;
	height:auto;
	background-color:#00005a;
}

div#plastiques {
	width:960px;
	height:auto;
	background-color:#00005a;
}
div#plastiques table, tr, td, th{
	border:none;
}


div#produits {
	width:960px;
	height: auto;
	background-color:#00005a;
text-align: left;
}
div#produits table, tr, td, th{
	border:none;

		
}

div#presentation ul {
list-style-image: url( "puce_bleue.png" );
}

body {
font-family: 'Georgia';
}

div#contact {
	float: right;
	width:960px;
	height: auto;
	background-color:#00005a;

}

div#image_prd {
}
div#img_prd_chim {
}
div#imginser {
float: right;
}
div#imginser1 {
float: left;
}
div#symbol {
float: left;
}

div#pres {
float: left;
width:500px;
	height: auto;
	background-color:#00005a;

}
div#val {
float: right;
width:500px;
	height: auto;
	background-color:#00005a;

}
div#eng {
float: left;
width:500px;
	height: auto;
	background-color:#00005a;
}
div#met {
float: right;
width:500px;
	height: auto;
	background-color:#00005a;
}



div#separateur {
width:920px;
height: 2px;
background-color:#00BFFF;
align: "center";
display : table;
margin : 0 auto;
}
div#separateur1 {
width:920px;
height: 2px;
align: "center";
display : table;
margin : 0 auto;
}


div#footer {
height:5px;
}