body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		margin: 0;
		padding: 0;
		background: #E6E9EF;
		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: 0 0 .5em;
		font-size: 2em;
		font-weight: normal;
		color: #00592E;
	}
	
		h1 em {
			color: #555;
		}
		h1 strong {
			color: #0066CC;
		}
	
	h1 em, h2 em, h3 em, h4 em {
		font-style: normal;
		font-weight: normal;
		font-size: .95em;
	}
	
	#pagedetail h1 strong {
		text-transform: capitalize;
	}
	
	h2 {
		margin: 0 0 .5em;
		font-size: 1.4em;
		color: #333;
		font-weight: normal;
	}
		h2 em {
			font-size: .8em;
			/*font-weight: bold;*/
			color: #000;
		}
	h2 strong {
			color: #0066CC;
		}
	
	h3 {
		color: #666;
		font-size: 1.2em;
	}
		h3 strong {
			color: #00592E;
		}
	
	h4 {
		color: #008844;
		font-size: 1em;
		font-weight: bold;
	}
	
	img {
		border: none;
	}
	
	a {
		/*color: #f00;*/
		color: #0066CC;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	a em {
		font-style: normal;
		font-weight: normal;
	}
	
	small {
		font-size: .85em;
		color: #666;
	}
	
	#top
	{
	width: 100%;
	margin: auto;/* centre for compliant browsers*/
	padding: 15px 0 0;
	background: #fff;
	/*background: #FFF6C3;*/
	height: 45px;
	text-align: center;
	}

	#top div {
		margin: auto;/* centre for compliant browsers*/
		width: 980px;
		text-align: left;
	}
	
	#top div * {
		margin: 0;
	}
	
	#top img
	{
	border: 0;
	}
	
	
	#container
	{
	width: 980px;
	margin: auto;/* centre for compliant browsers*/
	background: #FCFCFC;
	color: #333;
	text-align: left;
	}
	
	#bandeau
	{
	height: 180px;
	background: #E6E9EF url("images/front/bandeau_visuel.jpg") no-repeat left top;
	}
	
	/* Navigation HAUTE */
	
	#navtop {
	background: #ccc;
	}
	
	#navtop ul
	{
	padding: .5em 0 .5em 235px;
	margin: 0;
	font-size: 12px;
	list-style-type: none;
	background: #008844;
	color: #fff;
	}
	
	#navtop li { display: inline; }

	#navtop li a
	{
	padding: .5em .5em;
	margin: 0 .5em;
	text-decoration: none;
	background: #008844;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	/*letter-spacing: 0.05em;*/
	}
	
	#navtop a.last
	{
	border-right: 0;
	}
	
	#navtop li a:hover
	{
	background: #00592E;
	}
	
	#navtop a.current
	{
	color: #000;
	}
	
	#navtop a em
	{
	font-style: normal;
	font-weight: normal;
	}
	
	#navtop img
	{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
	/* Navigation GAUCHE */
	
	#sidenav
	{
	float: left;
	width: 220px;
	margin: 16px 0 0 0;
	padding: 0;
	text-align: right;
	}
	
	#sidenav h2	{
	color: #00592E;
	background: #f0f0f0;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1.7em .3em;
	padding: .3em .5em;
	border-bottom: 2px solid #008844;
	}
	
	#navcontainer {
	margin-left: 0;
	}
	
	/* navlist */

	#navcontainer ul#navlist
	{
	/*margin: 0 4px;*/
	margin: 0 0 0 .3em;
	padding: 0;
	list-style-type: none;
	}
	
	ul#navlist li
	{
	padding: 3px 0;
	}
	
	ul#navlist li em
	{
	font-size: .9em;
	font-style: normal;
	color: #666;
	}
	
	ul#navlist a
	{
	font-size: 1em;
	color: #000;
	text-decoration: none;
	}
	
	ul#navlist li a:hover
	{
	text-decoration: underline;
	}
	
	ul#navlist li.current
	{
	font-weight: bold;
	}
	ul#navlist li.current a
	{
	color: #FF0000;
	}
	
	/* CONTENU */
	
	#content
	{
	margin-left: 220px;
	padding: 1em 2em 1em 2em;
	/*background-color: #fff;*/
	}
		
	#content ul {
		margin: 0 0 1em 2em;
		padding: 0;
		text-align: justify;
	}
	
	#content li {
		list-style: square;
		margin: 0 0 .5em;
		padding: 0;
	}
	
	#content p {
		text-align: justify;
	}
	
	div hr {
		clear: both;
		visibility: hidden;
		height: .5em;
	}
	
	/* TG */
	
	
	#tg {
		float: right;
		width: 215px;
		margin: 0 0 1em 2em;
		padding: 0 0 1em 1em;
		/*text-align: right;*/
		border-bottom: 3px solid #ccc;
	}
	
	#tg h3	{
	color: #00592E;
	background: #f0f0f0;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: .3em;
	border-bottom: 2px solid #008844;
	}
	
	#tg form input 	{
	color: #228B22;
	font-weight: bold;
	margin: 0 0 1.5em 0;
	}
	
	#content #tg ul
	{
	margin: 0 0 0 1.5em;
	padding: 0;
	}

	#content #tg ul li
	{
	margin: 0;
	padding: 0;
	color: #ccc;
	font-size: .9em;
	}
	
	#content #tg ul li a
	{
	font-weight: bold;
	}
	
	#content #tg ul li em
	{
	font-size: .9em;
	font-style: normal;
	color: #666;
	}
	
	
	/* Footer */
	
	#footer {
	padding: 1em 2em 1em 245px;
	background: #E6E9EF;
	height: 30px;
	font-size: .9em;
	text-align: left;
	}
	
	/*#footer a
	{
	color: #fff;
	font-weight: bold;
	}*/
	
	#footer span
	{
	font-size: 1.3em;
	margin: 0 .2em;
	}
	
	/* Paragraphes */
	
	img.floatright, img.floatleft, div.floatright img {
		border: none;
	}

	.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 */
	
	.tableaucontact {
		margin: 0;
		padding: 1em;
		background-color: #FFF6C3;
		border: 1px solid #FFEE88;
	}
	
	.tableaucontact input.submit, .tableaucontact input#sender_offer 	{
	color: #228B22;
	font-weight: bold;
	}
	
	.tableaucontact textarea {
		width: 100%;
		height: 100px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

	/* TABLEAUX */
	
	
	table.tableau
	{
	margin-bottom: 1em;
	width: 100%;
	font-size: .9em;
	border: 1px solid #ccc;
	text-align: left;
	}
	.tableau th
	{
	padding: 5px;
	color: #fff;
	background-color: #008844;
	font-size: 1.1em;
	text-align: center;
	}
		.tableau th a
		{
		color: #fff;
		}
	.tableau tr, .tableau caption
	{
	color: #444;
	}
	.tableau tr.r0
	{
	background-color: #fff;
	}
	.tableau tr.r1
	{
	background-color: #f3f3f3;
	}
	.tableau tr.r2
	{
	background-color: #FFF6C3;
	}
	.tableau td
	{
	/*width: 13%;*/
	margin-right: 1px;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	}
	.tableau td.center
	{
	text-align: center;
	}
		.tableau td a
		{
		font-weight: bold;
		}
	
	.tableau td.right
	{
	text-align: right;
	padding-right: 5px;
	}
	
	.alerte {
		padding: 1em 0;
		color: #f00;
	}