body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: #eee url("elements/bg_page.gif") repeat top;
	color: #000;
	text-align: center; /*center layout in ie5 and 5.5. */
}
	
	/* General */
	
p, h4 { text-align: justify;	}
p img {	margin: 0;	padding: 0;	}
	
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.7em;	color: #666; font-weight: normal;	}
h2 strong {	color: #f00;}
	
h3 {
	color: #333;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 .5em;
}	

h4 {color: #333; font-size: 1.1em; font-weight: normal;	}	
a {color: #f00;text-decoration: none;	}	
a:hover {text-decoration: underline;}	
small {	font-size: .85em;	color: #666;}
	
#top {
	width: 100%;
	margin: auto;/* centre for compliant browsers*/
	padding: 0;
	background: #fff url("elements/bandeau_logo_fr.gif") no-repeat center;
	height: 150px;
	text-align: center;
}

#top a {
	margin: auto;/* centre for compliant browsers*/
	display: block;
	width: 750px;
	height: 150px;
}
	
#top img	{	border: 0;}	
#container {
	width:750px;
	margin: auto;/* centre for compliant browsers*/
	background: #fff;
	color: #333;
	text-align: left;
}
	
#index #container {	background: #fff url("elements/certification-iso-9001.gif") no-repeat 70px 620px;	}	
#bandeau	{	height: 150px;	background: #fff url("elements/bandeau_visuel_fr.jpg") no-repeat left top;	}
	
	/* Navigation HAUTE */
	
#navtop {background: #ccc;	}
#navtop ul {
	padding: .5em 0 .5em 190px;
	margin: 0;
	font-size: 12px;
	list-style-type: none;
	background: #f00;
	color: #fff;
	border-bottom: 2px solid #fff;
}
	
#navtop li { display: inline; }

#navtop li a {
	padding: .5em .5em;
	margin: 0 .5em;
	text-decoration: none;
	background: #f00;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
	
#navtop a.last	{	border-right: 0;	}	
#navtop li a:hover	{	border-bottom: 2px solid /*#f00*/#0A51A1;	}	
#navtop a.current{color: #000;	background: #fff;	}	
#navtop img	{	border-top: 1px solid #fff; border-bottom: 1px solid #fff;	}
	
	/* Navigation GAUCHE */
	
#sidenav {
	float: left;
	width: 175px;
	margin: 16px 0 0 0;
	padding: 0;
	text-align: right;
}
	
#sidenav h2	{
	color: #666;
	background: transparent;
	font-size: 1em;
	font-weight: normal;
	margin: 0 4px 2.6em .3em;
	border-bottom: 6px solid #ccc;
	text-transform: uppercase;
}
	
#navcontainer {	margin-left: 0px;	}
	
	/* navlist */

#navcontainer ul#left-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	
ul#left-menu li {	padding: 0 4px 6px 0;	}	
ul#left-menu a {
	font-size: 1em;
	color: #f00;
	text-decoration: none;
}	
	ul#left-menu li a:hover	{text-decoration: underline;	}	
	ul#left-menu li.current	{font-weight: bold;	background: #fafafa;	}
	
	/* sub-navlist */

#navcontainer ul#subnavlist{
	margin: 4px 0 0 4px;
	padding: 0;
	list-style-type: none;
}
	
ul#subnavlist li {
	padding: 0 8px 4px 0;
	margin: 0;
	line-height: 1em;
}
	
ul#subnavlist a {
	font-size: 0.9em;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
	
ul#subnavlist li a:hover {	text-decoration: underline;	}	
ul#subnavlist li#subcurrent	{	background: #fff;	}	
ul#subnavlist li#subcurrent a	{	font-weight: bold;	}	
#logoiso {	margin: 15em 1em 0 0;}
	
	/* DRAPEAUX */
	
#lang {	float: right; width: 90px; }	
#lang, #lang  { font-size: .95em;	color: #b1a6a6; }	
#lang  {
	display: block;
	float: right;
	width: 90px;
	height: 30px;
	margin: 0 0px 0 0em;
	padding: 0;
	text-decoration: none;
	}	
#lang span {	visibility: hidden;	}	
#lang #langfr {	background: #fff url("elements/french.gif") no-repeat;  float: left; height: 20px;}	
#lang #langen {	background: #fff url("elements/english.gif") no-repeat ; margin: 0px 0px 0px 0px;  float: right; height: 20px;}	
#lang a:hover { text-decoration: none;	}	
	
	
	/* CONTENU */
	
#content{
	margin-left: 175px;
	padding: 1em 2em 1em 2em;
	background-color: #fff;
}

	
#content p {text-align: justify;}

#content li  {	margin: 1em 0;	}
#content ul , #content ol  { margin: 0 0 1em 0; padding: 0 2em; }
#content ul{ list-style: square;	}	
#content ul li { margin: .3em 0; }

	
/* Puce Telechargement*/

#content ul.download {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

	
	/*FOOTER*/

div hr {	clear: both; visibility: hidden;	height: .5em;}
	
#footer {
	padding: 1em 2em 1em 202px;
	background: #485DA5;
	color: #fff;
	font-size: .9em;
}	
#footer a {	color: #fff;	font-weight: bold;	}
#foot {float: right;	width: 30%;	}	
#footer .info{color: #D1D8EF;	font-size: .95em;	}
#footer .info a{	font-weight: normal;	color: #D1D8EF;}

	
	/* Paragraphes */
	
a img, p a img, a img.floatleft, a img.floatright{	border: none;	}
a img.floatright, a img.floatleft, div.floatright img {border-right: 1px solid #ccc;}
.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 20px 20px 0px;	}	
.floatcenter {	float: center;	margin: 0px 10px 0 10px; text-align: center;	}	
.floatcenter img {margin: 0px 20px 0 20px;}
	
	/*CONTACT*/
	
.contactform {
	padding: 1em;
	background: #eee;
}
.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: none; margin-left: 100px;}
.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: none; }
.contactform div.submit { width: auto; text-align: left; margin-left: 185px; }
.contactform div.submit input { margin: 0; padding: 5px 10px; width: 180px; color: #FFF; font-weight: bold;background: #F00; border: none; text-transform: uppercase; }

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: 185px; }
	

/* FEU */

.logininfo { 
	margin: 1em 0;
	padding: 2px 0 0;
}
.logininfo div { padding: 0; margin: .5em 0; }
.logininfo label {display: block; float: left; width: 12em; font-weight: normal; color: #000; }
.logininfo input {padding: 0.25em; width: 30%; border: 1px solid #cccccc; }
.logininfo div.submit { width: auto; text-align: left; padding-left: 154px; }
.logininfo div.submit input { margin: 0; padding: 5px 10px; width: 25%; color: #fff; font-weight: bold; background: #FF0000; border: none; }
.logininfo p.erreur { margin: 1em 0; font-weight: bold; color: Red; }

.logoutinfo {
	float: right;
	text-align: right;
	margin: 0 0 1em;
	width: 100%;
	padding: 0 1.3em .5em 0;
	border-bottom: 2px solid #ccc;
}