html, body {margin: 0; padding: 0;}
	a:link, a:visited {
	color: #313313;
	text-decoration: none;
	font-weight: bold;
	}
	a:hover {
	color: #748ACE;
	text-decoration: none;
	font-weight: bold;
	}
	
	body {
		background: #ECEFF8 ;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		/*margin-left:120px;*/
	}
	
	div#page {
		width: 1000px;
		margin: 0 auto;
		text-align: left;
		background: #ffffff url(images/bckgnd_marge2.jpg) top repeat-y;
	}
	
	div#entete {
		margin-left:9px;
		margin-right:9px;
		/*background: url(images/logo_filtration2.png) left top no-repeat;*/
		height: 3em;
		line-height: 2.8em;
		height:120px; 
		text-align: right;
		}
		div#header_logo {
			width: 540px;
			float:left;
		}
		
	div#navig {
	margin-right:88px;
	margin-left:50px;
	height:30px;
	/*background: url(images/bckgnd_navig1.png) no-repeat;
	background-position:right;*/
	z-index:2;
}
	div#navig2 {
	margin-right:9px;
	margin-left:50px;
	background: url(images/bckgnd_navig2.png) no-repeat;
	background-position:top right;
	height:50px;
	z-index:2;
}
	
	div#premiere {
	float:left;
	width: 230px;
	margin-left:50px;
	}
	div#deuxieme {
	float:right;
	margin-right:9px;
	height:600px;
	background: url(images/bckgnd_coldte1_y600.jpg) no-repeat;
	background-position:top right;
	z-index:1;
	width: 180px;
	}
	div#contenu {
	background:url(images/bckgnd_content1.png);
		padding: 1px 0;
		margin-left:280px;
		margin-right:180px;
		/*text-align:justify;*/
	}
	
	div#piedpage1 {
		background:url(images/bckgnd_content1.png);
		margin-left:280px;
		margin-right:180px;
		text-align: justify;
		font-size:8px;
		color:#748ACE;
	}
	#piedpage1 a:hover{
		color:#010271;
		font-size:10px;
	}	
	
	div#piedpage2 {
	clear:both;
	height:38px;
	margin-left:9px;
	text-align: center;
	background-image:url(images/bckgnd_footer1.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:9px;
	}
	
	div#diapo_liquidesA1 {
	float:left;
	padding-left:10px;
	padding-right:20px;
		}
		
	div#diapo_liquidesB1 {
	float:right;
	padding-left:10px;
	padding-right:10px;
		}
	div#diapo_liquidesC1 {
	float:left;
	padding-left:10px;
	padding-right:20px;
		}
		
	div#diapo_liquidesD1 {
	float:right;
	padding-left:10px;
	padding-right:10px;
		}
	div#diapo_airA1 {
	float:left;
	padding-left:10px;
	padding-right:20px;
		}
	div#diapo_airB1 {
	float:right;
	padding-left:10px;
	padding-right:10px;
		}
	div#diapo_airC1 {
	float:left;
	padding-left:10px;
	padding-right:20px;
		}				
	div#diapo_airD1 {
	float:right;
	padding-left:10px;
	padding-right:10px;
		}
	div#diapo_huilesA1 {
	float:left;
	padding-left:10px;
	padding-right:20px;
		}
	div#diapo_huilesB1 {
	float:right;
	padding-left:10px;
	padding-right:10px;
		}
	div#diapo_huilesC1 {
	float:left;
	padding-left:10px;
	padding-right:20px;
		}						

	.list{
display:list-item;
	list-style-image:url(images/puce_orange6x6.png);
	}
	h1{
	font-size:14px;
	color:#748ACE;
	/*#ffcc00*/
	}
	
	h2 {
	font-size:12px;
	font-weight:normal;
	}
	h2 :hover{
	color:#748ACE;
	}
	
	h3 {
	font-size:16px;
	color:#00007B;
	text-transform:uppercase;	
	}
	.quote{
	background-image:url(images/bckgnd_quote1.png);
	background-position:left;
	background-repeat: no-repeat;
	line-height: 20px;
	margin-left:20px;
	padding-left:30px;
	font-size:16px;
	color:#00007A;
	font-weight: bold;
	}
	
/*** Mise en forme du formulaire ***/

		#contact {
			border: none;
			margin: 0;
			padding: 0;
			width: 40em;	/*** Largeur du formulaire ***/
		}
		#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
			font: bold 1.1em arial, hevetica, sans-serif;
			color: black;
			/*background: #778CCF;*/
			margin: 0;
			padding: .5em;
		}
		#piedForm {
			text-align: right; /*** Les boutons sont alignés à droite ***/
		}
		#piedForm input {
			font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
			margin-left: 1em;
		}
		#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
			border: 1px solid black;
			color: black;
			background: #efefef;
			margin: 0;
			padding: 1em;
		}
		#corpForm fieldset {	/*** Mise en forme des cadres ***/
			margin: 0;
			font-style: normal;
			padding: 0 1em 1em;
		}
		#corpForm legend {	/*** Mise en forme des titres des cadres ***/
			font-weight: bold;
			color: black;
			background: transparent;
		}
		#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
			padding: .2em 0;
			margin: 0 0 .2em 0;
		}
		#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
			float: left;	/*** Très important, ne pas suprimer ! ***/
			width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
			text-align: right;	/*** ... et ils sont alignés à droite... ***/
			margin: 0;
			padding: 0 .5em 0 0;
			line-height: 1.8;	/*** ... et centrés verticalement. ***/
		}
		#corpForm label:hover, #piedForm input {
			cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
		}
		#corpForm label.oblig {
			font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
		}
		#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
			font-style: italic;
			color: #666;
			background: transparent;
			margin: 0;
			padding: 0;
		}
		#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
			text-decoration: none;
		}
		#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
			margin: 0;
			padding: 0;
			border: 0;
		}
		#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
			cursor: help;
		}
		#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
			background: beige;
			color: black;
		}
		#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
			background: white;
			color: black;
		}
		
		/*** Mise en forme des messages d'erreur ***/
		
		#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
			border: 1px solid red;
		}
		#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
			display: block;
			margin: 0 0 .3em .3em;
			padding-left: 2em;
			color: red;
			font-weight: bold;
			background: url('icon_alert.gif') no-repeat left center;
		}
		
/*** END OF formulaire ***/		
	
/*hack IExplorer */
	div#page {
		height: 100%;
	}
	div#piedpage2 {
		bottom: -1px;
		/* Corrige un décalage d'1px par rapport au bord inférieur (source du bug ?) */
	}