body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		margin: 20px 0;
		padding: 0;
		/*background: #003E7B;*/
		background: #fff url("pics/elements/bg.gif") repeat;
		color:#333;
		text-align:center; /*center layout in ie5 and 5.5. */
	}
	
	/* Formulaires */

	form {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 11px;
		margin: 0;
	}

	select, input, textarea {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 11px;
		/*border : 1px solid #999;*/
	}
	
	input.simple {
		border : 0px;
	}

	label {
		font-size: 11px;
		color:#999;
	}
	
	/* General */
	
	p, h4 {
		text-align: justify;
	}

	p img {
		margin: 0;
		padding: 0;
		border: 1px solid #000;
	}
	
	h1 em, h2 em, h3 em, h4 em {
		font-style: normal;
	}
	
	h1 {
		font-size: 1.8em;
		color: #39c;
		margin-top: 1px;
		margin-bottom: .6em;
	}
	
	h1 em {
		color: #666;
	}

	h2 {
		margin-bottom: .7em;
		font-size: 1.5em;
		color: #690;
	}
	
	h2 em {
		color: #999;
	}
	
	h3 {
		/*margin-top: 1.75em;*/margin-top: 0;
		font-size: 1.2em;
		color: #39c;
	}
	
	h4 {
		color: #666;
	}

	h4 {
		font-size: 1em;
	}
	
	a {
		color: #336699;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	#container
	{
	width:750px;
	margin: auto;/* centre for compliant browsers*/
	background: #fafafa;
	border: 1px solid #ccc;
	text-align: left;
	}
	
	#top
	{
	padding: 0;
	margin: 0 0 0 0;
	/*border-bottom: 1px solid #fff;*/
	height: 70px;
	background: #fff url("pics/elements/bandeau_logo.gif") no-repeat left top;
	}

	#top a#lienlogo {
		display: block;
		width: 350px;
		height: 70px;
	}
	
	#top h1
	{
		font-size: 3em;
		color:#000;
		margin-bottom: 1em;
	}
	
	#top img, #bandeau img
	{
	border: 0;
	}
	
	#bandeau
	{
	padding: 0;
	margin: 0;
	height: 150px;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #fff;
	background: #fff url("pics/elements/bandeau_visuel1.jpg") no-repeat left top;
	}
	
	/* Navigation HAUTE */
	
	#navtop {
	border-top: 4px solid #666;
	}
	
	#navtop ul
	{
	padding: .3em 0 .3em 175px;;
	margin: 0;
	font-size: 12px;
	list-style-type: none;
	background-color: #666;
	color: #fff;
	/*text-align: center;*/
	}
	
	#navtop li { display: inline; }

	#navtop li a
	{
	padding: .3em 1em;
	text-decoration: none;
	background: #666;
	color: #fff;
	}
	
	#navtop a#current
	{
	background: #fff;
	}
	
	#navtop li a:hover
	{
	background: #999;
	}
	
	#navtop a#current
	{
	color: #333;
	font-weight: bold;
	}
	
	#navtop img
	{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
	/* Navigation GAUCHE */
	
	#leftnav
	{
	float: left;
	width: 175px;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
	}
	
	#leftnav h2	{
	color: #39c;
	font-size: 1em;
	margin: 0 4px 2em 0;
	border-bottom: 1px solid #ccc;
	}
	
	#navcontainer {
	margin-left: 0px;
	}
	
	/* navlist */

	#navcontainer ul#navlist
	{
	/*margin: 0 4px;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	ul#navlist li
	{
	margin-top: 10px;
	padding: 0 4px 4px 0;
	}
		ul#navlist li.index
		{
		margin-top: 2px;
		}
	
	ul#navlist a
	{
	font-size: 1em;
	color: #690;
	text-decoration: none;
	}
	
	ul#navlist li a:hover
	{
	text-decoration: underline;
	}
	
	ul#navlist li#current
	{
	font-weight: bold;background: #f0f0f0;
	}
	
	/* sub-navlist */

	#navcontainer ul#subnavlist
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #f0f0f0;
	}
	
	ul#subnavlist li
	{
	padding: 3px 5px 3px 4px;
	/*padding: 0;*/
	margin: 0;
	color: #000;
	line-height: 1em;
	}
	
	ul#subnavlist a
	{
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	}
	
	ul#subnavlist li a:hover
	{
	text-decoration: underline;
	}
	
	ul#subnavlist li a#subcurrent
	{
	color: #000;
	/*font-weight: bold;*/
	}
	
	/* CONTENU */
	
	#content
	{
	margin-left: 175px;
	padding: 1em 2em 1em 2em;
	background-color: #fff;
	}
	
	#content ul {
		list-style: square;
		margin: 20px;
		padding: 0;
	}
	
	#content p {
		text-align: justify;
	}

	div hr {
		clear: both;
		visibility: hidden;
		height: 1px;
	}
	
	#footer {
	padding: 8px 23px;
	background: #39c;
	color: #fff;
	/*font-size: 0.85em;*/
	}
	
	#footer a
	{
	color: #fff;
	font-weight: bold;
	}
	
	#footer hr {
	height: 0;
	}
	
	#footer #foot1, #footer #foot2 {
	width: 45%;
	}
	
	#footer #foot1
	{
	float: left;
	}
	
	#footer #foot2
	{
	float: right;
	text-align: right;
	}
	
	/* Paragraphes */
	
	img.floatright, img.floatleft, div.floatright img {
		border: 1px solid #e5e5e5;
	}

	.floatright p, .floatleft p {
	font-size: 0.8em;
	color: #666;
	font-style: normal;
	margin: 3px;
	text-align: center;
	}

	.floatright {
		float: right;
		margin: 0 0 10px 10px;
	}

	.floatleft {
		float: left;
		margin: 0px 10px 10px 0;
	}
	
	.floatcenter {
		float: center;
		margin: 0px 10px 0 10px;
		text-align: center;
	}
	
	.floatcenter img {
		margin: 0px 20px 0 20px;
	}
	
	/* Contact */
	
	#formcontact {
		/*margin: 0 40px;*/
		margin: 20px 0 0;
		padding: 20px;
		margin-bottom: 1em;
		text-align: center;
		background: #f0f0f0;
	}
	
	#formcontact table {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #333;
	}
	
	textarea {
		width: 320px;
	}
	
	
	/* Bloc PAGE ACCUEIL */
	
	.bloc_accueil_chimie {
  width: 47%;
  margin: 4px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #dbe5eb url("pics/visuels/fond_chimie.jpg") no-repeat left top;
} 

.bloc_accueil_stockage {
  width: 47%;
  margin: 4px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #ebf0e6 url("pics/visuels/fond_stockage.jpg") no-repeat left top;
}

.bloc_accueil_agro {
  width: 47%;
  /*background-color: #ffffe5;*/
  margin: 4px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #ffffe5 url("pics/visuels/fond_agroalimentaire.jpg") no-repeat left top;
} 

.bloc_accueil_environnement {
  width: 47%;
  margin: 4px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fbe5e5 url("pics/visuels/fond_environnement.jpg") no-repeat left top;
} 

div.bloc_accueil_chimie, 
div.bloc_accueil_stockage, 
div.bloc_accueil_agro, 
div.bloc_accueil_environnement, 
div.bloc_accueil_interieur, 
#bloc_accueil_interieur  {
margin-left:4px;
float: left;
}

.bloc_accueil_interieur {
  width: 47%;
  height:200px;


} 
#bloc_accueil_interieur {
  width: 47%;
  height:200px;
  border-left: 1px solid #f7f7f6;
  border-right: 1px solid #f7f7f6;

} 


#bloc_accueil_interieur h4 {
		margin: 0.5em;
		font-size: 1.2em;
		color:#3399cc;
		text-align:left;
	}
	
	
#bloc_accueil_interieur ul#navlist
	{
	list-style-type: none;
	margin: 0.5em;
	padding: 0;
	line-height:10px;
	margin-left: 1em;
	}

img.chimie {
position: relative;
top: 0em;
right: -3.7em;
}

img.agroalimentaire {
position: relative;
top: 3em;
right: -2.5em;
}

img.stockage {
position: relative;
top: 1em;
right: -0.4em;
}

img.environnement {
position: relative;
top: 5.5em;
right: -0.2em;
}