body {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		margin: 0;
		padding: 0;
		background: #c3dbe9 url("elements/bg_page.gif") repeat-x top;
		color: #333;
		text-align: center; /*center layout in ie5 and 5.5. */
	}
	
	/* General */
	
	p, h4 {text-align: justify;}
	p img {	margin: 0; padding: 0; border: 1px solid #000;	}
	
	h1 {
		margin-top: 0;
		font-size: 2em;
		font-weight: normal;
		margin-bottom: 1em;
		color: #000;
		font-variant: small-caps;
	}
		h1 em { font-size: .7em; color: #333; }
	
	h1 em, h2 em, h3 em, h4 em { font-style: normal; }
	
	h2 {	font-size: 1.5em; color: #069; font-weight: normal; }
	
	h3 { color: #666; font-size: 1.3em; font-weight: bold;	}
	
	h4 {
		margin: 0.5em 0;
		color: #444;
		font-size: 1em;
		font-weight: bold;
	}
	
	a {color: #069; text-decoration: underline;	}
	
	a:hover { text-decoration: none;	}
	
	small { font-size: .85em; color: #666;	}
	
	#top
	{
	width: 100%;
	margin: auto;
	padding: 0;
	background: transparent url("elements/top_fr.gif") no-repeat top center;
	height: 140px;
	text-align: center;
	}

	#top a {	margin: auto; display: block;	width: 750px; height: 140px;	}
	
	#top img	{border: 0;	}
	
	
	#container
	{
	width:750px;
	margin: auto;/* centre for compliant browsers*/
	background: #fff;
	color: #333;
	text-align: left;
	}
	
	#bandeau	{	height: 160px;	background: #fff url("elements/bd_index_fr.jpg") no-repeat left top;	border-bottom: 1px solid #fff;}
	
	/* Navigation HAUTE */
	
	#navtop { background: #ccc;	text-align: center;	}
	
	#navtop ul
	{
	padding: .5em 0 .5em;
	margin: 0;
	font-size: 13px;
	list-style-type: none;
	background: #005085;
	color: #fff;
	border-bottom: 3px solid #fff;
	}
	
	#navtop li { display: inline; }

	#navtop li a
	{
	padding: .5em .6em;
	margin: 0 .2em;
	text-decoration: none;
	background: #005085;
	color: #fff;
	font-weight: bold;
	}
	
	#navtop li a:hover { border-bottom: 2px solid #005085; }
	
	#navtop a.current	{ color: #000; background: #fff; }
	
	/* Navigation GAUCHE */
	
	#sidenav
	{
	float: left;
	width: 175px;
	margin: 16px 0 0;
	padding: 0 10px 2.5em 0;
	border-right: 1px solid #458CC2;
	text-align: right;
	}
	
	#sidenav h2	{
	color: #458CC2;
	background: transparent;
	font-size: 1em;
	font-weight: normal;
	margin: 0 4px 2.6em .3em;
	border-bottom: 6px double #458CC2;
	text-transform: uppercase;
	}

	
	/* navlist */

	#navcontainer ul#left-menu	{ margin: 4px 0 0; padding: 0; list-style-type: none;	}	
	ul#left-menu li{	padding: 0 4px 10px 15px;	margin: 0;	line-height: 1em;	}	
	ul#left-menu a	{ font-size: 0.9em; color: #333; text-decoration: none;	font-weight: normal;	}
	ul#left-menu li.active a { color: #005085; font-weight: bold;	}
	ul#left-menu li.active a:hover { text-decoration: none;}
	ul#left-menu li a:hover	{	text-decoration: underline; /*color: #005085*/}	
	
	#logoiso {margin: 15em 1em 0 0;	}

	/* CONTENU */
	
	#content
	{
	margin-left: 185px;
	padding: 1em 2em 1em 1em;
	background-color: #fff;
	}
		
	#content ul, #content ol { margin: 0 0 1em 0; padding: 0 2em; }
	
	#content ul {
		list-style: circle;
		list-style-position: inside;
		color: #444;
	}
	
	#content ul li { margin: .3em 0; }
	
	#content p {
		text-align: justify;
		color: #444;
	}


	div hr {
		clear: both;
		visibility: hidden;
		height: 0;
	}
	
	#footer {
	clear: both;
	background: #fff url("elements/bg_footer.gif") no-repeat 10px 10px;
	color: #fff;
	font-size: .9em;
	}	
	#footer a {color: #fff;	font-weight: bold;}	
	#foot	{	height: 90px;	padding: 5px 1.4em 0; margin-left: 185px;	background: #005085;	}	
	#footer #foot1	{float: left;}	
	#footer #foot1 p	{float: left;}	
	#footer #foot2	{float: right;	}
	
	
	/* Paragraphes */
	
	img.floatright, img.floatleft/*, div.floatright img*/ {border: 5px solid #F1F7FA;	}

	.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;}
	
	/* Traitement des illustrations */
	
	#content img {
	border: 5px solid #E7F2FA;
	}
	

	/* Contact */

.contactform {
	padding: 1em;
	background: #99CCFF;
}
.contactform fieldset {
	margin: 0;
	padding: 1em 0 1em;
	border: none;
	font-size: 12px;}
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; float: left; width: 15.5em; color: #333; }

.contactform div input {padding: 0.25em; width: 40%; border: 1px solid #2C98D0; }
.contactform div select {padding: 0; width: 41%; border: 1px solid #2C98D0; }
.contactform div textarea { margin: 1em 0 0 0em; padding: 0.25em; width: 300px; height: 12em; border: 1px solid #2C98D0; }
.contactform div.submit { width: auto; text-align: left; margin-left: 187px; }
.contactform div.submit input { margin: 0; padding: 5px 10px; width: 180px; color: #006699; font-weight: bold; background: #E3EEF6; border: none; border: 1px solid #2C98D0;  }

div.required { color: #FC3502; }
.error_message { padding: .5em 0;  background: #fff; }
.error_message ul { margin: 0 0 1em; }

.contactform .checkobjet { width: 100%; }
.contactform .checkobjet label { float: none; }
.contactform .checkobjet div { width: auto; }
.contactform .checkobjet div label { display: inline; float: none; width: auto; font-weight: normal; }
.contactform .checkobjet div input { width: 1em; border: none; margin-left: 187px; }


	
	/* Plan */
	
	#plan {text-align: center; background: #E7F2FA;	padding: 1em;	}	
	#plan a img { border: 1px solid #fff;	}
	
	/* habillage specifique PRODUITS */
	
	.illustrations {
	background: #E7F2FA;
	padding: .5em;
	text-align: center;
	}
	
	.illustrations small, .floatright small, .floatleft small {
	font-size: .85em;
	color: #666;
	text-align: center;
	}
	
	.visuels {	margin: 0 3px;	padding: 0px;	border: 2px solid #fff;	}


	/* DRAPEAUX */
	
	#lang {	float: right; width: 115px; }	
	#lang, #lang a { font-size: .95em;	color: #b1a6a6; }
	
	#lang a {
	display: block;
	float: right;
	width: 35px;
	height: 20px;
	margin: 0 0 0 1.5em;
	padding: 0;
	text-decoration: none;
	}
	
	#lang a span {	visibility: hidden;	}	
	#lang a#langfr {	background: #fff url("elements/french.gif") no-repeat left top;	}	
	#lang a#langen {	background: #fff url("elements/english.gif") no-repeat left top;	}	
	#lang a:hover { text-decoration: none;	}