body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		/*font: 76% Arial, Helvetica, sans-serif;*/
		margin: 0;
		padding: 0;
		background: #003E7B;
		color:#333;
		text-align:center; /*center layout in ie5 and 5.5. */
	}
	
	/* General */
	
	p, h4 {
		text-align: justify;
	}
	
	h4 {
		margin: 1em 0;
	}

	p img {
		margin: 0;
		padding: 0;
		border: 1px solid #000;
	}
	
	h1 {
		margin-top: 0;
	}
	
	h1 em, h2 em, h3 em, h4 em {
		font-style: normal;
	}
	
	h1, h3 {
		color: #336699;
	}

	h1 {
		font-size: 1.6em;
		margin-bottom: 1em;
		font-weight: normal;
	}
	
	h1 em {
		color: #666;
	}

	h2 {
		font-size: 1.2em;
	}
	
	h3 {
		font-size: 1em;
	}
	
	h2, h4 {
		color: #666;
	}

	h4 {
		font-size: 1em;
	}
	
	a {
		color: #336699;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	
	
	/* Top */
	
	#top
	{
	width: 100%;
	margin: auto;/* centre for compliant browsers*/
	background: #003E7B;
	text-transform: uppercase;
	}
	
	#logolang
	{
	width: 750px;
	height: 90px;
	margin: auto;/* centre for compliant browsers*/
	background: #fff url("elements/bandeau_logo.gif") no-repeat left top;
	border-bottom: 1px solid #000;
	}
	
	#logo a {
		float: left;
		margin: auto;/* centre for compliant browsers*/
		display: block;
		width: 350px;
		height: 90px;
	}

	#lang {
		margin: 18px 0 0;
		padding-right: 1em;
		float: right;
		width: 115px;
		
	}
	
	#lang, #lang a {
		font-size: .95em;
		color: #b1a6a6;
	}
	
	#lang a {
	display: block;
	float: left;
	width: 35px;
	height: 20px;
	margin: 0 0 0 1.5em;
	padding: 0;
	}
	
	#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;
	}
	/*
	#lang a.current {
	}*/
	
	/*
	#top img
	{
	border: 0;
	}
	
	#drapeaux {
		float: right;
		margin: 0;
		padding: 10px;
	}
	
	#drapfr, #drapen {
		margin: 2px;
		border: 1px solid #fff;
	}
	
	#drapeaux a img {
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity: 0.6;
	}
	*/
	
	
	/* Navigation HAUTE */
	
	#navtop {
		width: 750px;
		margin: auto;/* centre for compliant browsers*/
	}
	
	#navtop ul
	{
	padding: .2em 0;
	margin: 0;
	font-size: 12px;
	list-style-type: none;
	background-color: #296DB0;
	color: #fff;
	text-align: center;
	}
	
	#navtop li { display: inline; }

	#navtop li a
	{
	padding: .2em 1em;
	text-decoration: none;
	background: #296DB0;
	color: #fff;
	}
	
	#navtop li a:hover, #navtop a.current
	{
	background: #4A90D5;
	}
	
	#navtop a.current
	{
	font-weight: bold;
	}
	
	#navtop img
	{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
	
	/* Bandeau */
	
	#bandeau
	{
	width: 750px;
	margin: auto;/* centre for compliant browsers*/
	height: 150px;
	background: #296DB0 url("elements/bandeau_visuel.jpg") no-repeat left top;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}	
	
	
	/* Page */
	
	#container
	{
	width:750px;
	margin: auto;/* centre for compliant browsers*/
	background: #fafafa;
	border-top: 14px solid #296DB0;
	color: #333;
	text-align: left;
	}
	
	
	
	/* Navigation GAUCHE */
	
	#sidenav
	{
	float: left;
	width: 185px;
	margin: 14px 0 0 0;
	padding: 0;
	text-align: right;
	}
	
	#sidenav h2	{
	color: #369;
	font-size: 1em;
	margin: 0 4px 1.95em 0;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	}
	
	#sidenav h2 .lastitem {
		/*display: none;*/
	}
	
	#navcontainer {
	margin-left: 0px;
	}
	
	
	/* navlist */

	#navcontainer ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	#navcontainer li
	{
	padding: 0 4px 6px 0;
	}
	
	#navcontainer li a
	{
	font-size: 1em;
	color: #c60;
	text-decoration: none;
	}
	
	#navcontainer li a:hover
	{
	text-decoration: underline;
	}
	
	#navcontainer li.active
	{
	font-weight: bold;
	}
	
	/* Niveau 2 */

	#navcontainer ul ul
	{
	margin: 4px 0 0 4px;
	padding: 0;
	list-style-type: none;
	}
	
	#navcontainer li li
	{
	padding: 3px 5px 3px 4px;
	margin: 0;
	line-height: 1em;
	border-bottom: 1px solid #e5e5e5;
	}
	
	#navcontainer li li a, navcontainer li li.active a
	{
	font-size: 0.9em;
	color: #444;
	text-decoration: none;
	font-weight: normal;
	}
	
	#navcontainer li li a:hover
	{
	text-decoration: underline;
	}
	
	/*#navcontainer li li a
	{
	color: #666;
	}*/
	
	#navcontainer li li.active
	{
	background: #fff;
	}
	
	#navcontainer li li.active a
	{
	color: #444;
	font-weight: bold;
	}
	
	#navcontainer li li.active ul a
	{
	font-weight: normal;
	}
	
	/* Niveau 3 */

	#navcontainer ul ul ul
	{
	margin: 4px 0 0 4px;
	padding: 0;
	list-style-type: none;
	}
	
	#navcontainer li li li
	{
	padding: 3px 10px 3px 4px;
	margin: 0;
	line-height: 1em;
	border: none;
	}
	
	#navcontainer li li li a, navcontainer li li.active li a
	{
	text-decoration: none;
	font-weight: normal;
	}
	
	
	#navcontainer li li li.active a
	{
	color: #777;
	font-weight: bold;
	}
	
	#navcontainer li li li a:hover
	{
	text-decoration: underline;
	}
	
	/* CONTENU */
	
	#content
	{
	margin-left: 185px;
	padding: 1em 2em 1em 2em;
	background-color: #fff;
	}
		
	#content ul, #content ol {
		list-style: square;
		margin: 0 0 0 1em;
		padding: 0;
		}
	
	#content ul li {
		margin: .25em 1em 0 1em;
		}
	
	#content ul li.sectionheader {
		margin: 1em 0 0;
		padding: 0;
		list-style-type: none;
		font-weight: bold;
		color: #336699;
		}
		
	#content ul li.sectionheader li {
		margin: .25em 1em 0 1em;
		list-style-type: square;
		font-weight: normal;
		color: #000;
		}
	
	#content p {
		text-align: justify;
	}

	div hr {
		clear: both;
		visibility: hidden;
		height: .5em;
	}
	
	#footer {
	width:700px;
	margin: auto;/* centre for compliant browsers*/
	padding: 1em 25px 2em;
	background: #296DB0;
	color: #fff;
	font-size: 0.85em;
	text-align: right;
	}
	
	#footer a
	{
	color: #fff;
	font-weight: bold;
	}
	
	#footer a.credits
	{
	font-weight: normal;
	}
	
	#footer #adresse {
	width: 30%;
	}
	
	#footer #adresse
	{
	float: left;
	text-align: left;
	}
	
	
	/* Paragraphes */
	
	img.floatright, img.floatleft, div.floatright img {
		border: 1px solid #666;
	}

	.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;
	}
	
	
	
	
	/* NEWS */

	.news {
	display: block;
	padding: 1em 0;
	margin: 0.5em  0 1em 0;
	width: 510px;
	}
	
	.news .visuel {
	display: inline;
	float: left;
	margin: 0 15px 8px 0;
	width: 140px;
	}
	
	.news .visuel img {
	border: 1px solid #ccc;
	}
	
	.date	{
	display: inline;
	float: right;
	width: 85px;
	font-size: 0.8em;
	padding: 0.3em 1em;
	background-color: #f0f0f0;
	text-align: right;
	}
	
	.description {
	display: inline;
	width: 340px;
	}
	
	.fin {
	clear: both;
	display: block;
	height: 1px;
	font-size: 0;
	}
	
	.news h2, .news h4, .news p {
	margin: 0;
	}
	
	.news h4 {
	margin-top: 0.5em;
	}
	
	.news p {
	padding: 0.3em 0.3em 1em 0em;
	}
	
	
	/* PRODUITS */
	

	/* Liste - categories */
	
.category_items {
	margin: 1em 0;
}

.category_items h2, .category_items  h3, .category_items h4, .category_items p {
	margin: 0;
}

.category_items h2, .category_items h3, .category_items p {
	font-size: .9em;
}
.category_items h2 a {
	font-size: 1.2em;
}

	
	/* Fiche - produits */
	
	.produit {
	padding: 1em;
	margin: .5em  0;
	background-color: #fafafa;
	border-bottom: 1px solid #e5e5e5;
	}
	
	.visuel {
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #ccc;
	}



.category_item {
	margin: 0 0 1em;
	padding: 0 0 1em;
	/*padding: 10px .5em .5em;*/
	/*width: 45%;*/
	width: 100%;
	/*height: 120px;*/
	float: left;
	/*background: #fafafa;*/
	/*text-align: center;*/
	border-bottom: 1px solid #e5e5e5;
}


.category_item img {
	float: left;
	margin: 0 1em .5em 0;
	padding: 0;
}

.category_item a img {
	border: none;
}

.category_item h2, .category_item h3, .category_item h4 {
	margin-top: 0;
	padding-top: 0;
	text-align: left;
}

.produit h2, .produit h3, .produit h4 {
	margin-top: 0;
	padding-top: 0;
	text-align: left;
}

/*
.catalog_item .item_images {
	margin: 1em 0;
	padding: 1em 0;
	background: #fff;
	text-align: center;
}*/

.produit table {
width: 100%;
margin: 1em 0;
padding: 0;
border: 1px solid #ccc;
border-top: none;
background: #fff;
border-collapse: collapse;
empty-cells: hide;
}

.produit table td
{
padding: 3px 4px;
margin: 0;
border: 1px solid #ccc;
text-align: left;
vertical-align: top;
}

.produit td *, .produit td p
{
font-size: 12px;
text-align: left;
}

#content .produit td p
{
text-align: left;
margin: 0;
}
	
	
	/* Contact */

.contactform {
	padding: 1em;
	background: #296DB0;
}
.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; font-weight: normal; color: #fff; }

.contactform div input {padding: 0.25em; width: 40%; border: 1px solid #ccc; }
.contactform div select {padding: 0; width: 41%; border: 1px solid #ccc; }
.contactform div textarea { margin: 1em 0 0 0em; padding: 0.25em; width: 21em; height: 12em; border: 1px solid #ccc; }
.contactform div.submit { width: auto; text-align: left; padding-left: 187px; }
.contactform div.submit input { margin: 0; padding: 5px 10px; width: 160px; color: #296DB0; font-weight: bold; background: #ccc; border: 1px solid #fff; }

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; }