
 body {
 		font: 80% Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		background: #80a8d0;
		color: #000;
		text-align: center; 
	}
	
	
	/* General */
	
	p {
		margin: 0 0 1em;
		text-align: justify;
	}

	p img {
		margin: 0;
		padding: 0;
		border: none;
	}
	
	img{
		border: none;
	}
	
	h1 {
		font-family: Arial, Helvetica, sans-serif;		
		margin: 0 0 .8em;
		font-size: 2em;
		color: #000;
		font-weight: bold;
	}
	
	h2 {
		font-family: Arial, Helvetica, sans-serif;
		margin: 1em 0;
		font-size: 1.4em;
		color: #4c617a;
		font-weight: bold;
		}
		
	h3 {
		margin: 1em 0 .5em;
		color: #333;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	h4 {
		margin: 1em 0 .5em;
		color: #98abbd;
		font-size: 1.2em;
	}
	
	p { color: #000; }
	
	a {
		color: #000;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	#bandeau
	{
	width: 750px;
	height: 185px;
	margin: auto;
	background: #fff url("images/elements/bandeau.jpg") no-repeat center top;
	}
	
	#bandeau a#lienlogo {
		display: block;
		width: 200px;
		height: 60px;
		margin: 0 0 0 538px;
		padding: 100px 0 0;
		}
	
	#container
	{
	width:730px;
	padding: 10px 10px 30px;
	margin: auto ;
	background: #fff;
	text-align: left;
	}
	
	
	/* Navigation GAUCHE */
	
	#sidenav
	{
	float: left;
	margin: 0;
	width: 190px;
	background-color: #fff;
	}
	
	/* menu gauche */
	
	#left-menu { margin: 0px 5px 16px 0px;  }
	#left-menu ul { margin: 0; padding: 0 0 0 10px;	}
	#left-menu li { list-style: none; font-size: 1em;  }
	#left-menu li a {
	color: #000; 
	display: block; 
	margin: 3px 0 1px;
	text-decoration: none; 
	}	
	#left-menu li.active a { font-weight: bold; color: #4e637c;	}
	#left-menu li a:hover { color: #4e637c; }
	
	#left-menu li.active li a { color: #4e637c ; font-weight: normal; padding: 0;}
	#left-menu li.active li.active a { font-weight: bold; color: #000; }
	#left-menu li.active li a:hover { color: #000; }
	#left-menu li.active ul { margin: 0; }

	#left-menu li.active li.active li a { font-weight: normal; color: #333; padding: 0; }
	#left-menu li.active li.active li a:hover { font-weight: normal; color: #4e637c; }
	#left-menu li.active li.active li.active a { font-weight: bold; color: #4e637c; }
	



	/* CONTENU */
	
	#content
	{
	margin: 0px 10px 0 200px;
	padding: 0em 1.2em 1em;
	background: #fff;
	border-left: solid 1px #4e637c;
	}
		
	#content ul {
	list-style: none;
	margin:  1em 1em 2em;
	padding: 0em 0em;
	color: #000;
	
	}
	
	#content li{
		margin: 1em 0;
		background: transparent url(images/elements/puce.jpg) no-repeat left 0px;
		padding: 0 0 0 25px;
	}
	
	#content li li{
	margin: 0em;
	background: none;
	padding: 0;
	}
	
	#content ul.listesanspuces { list-style: none; }
	
	#content p {
	text-align: justify;
	line-height: 120%;
	}
	
	
	#tg{
	width: 160px;
	height: 616px;
	background: transparent;
	float: right;
	margin: 0px 0px 0 10px;
	padding: 16px 10px 0 0;
	}
	
	hr {
	clear: both;
	visibility: hidden;
	padding: 0; margin: 0;
	height: 0; line-height: 0;
	}
	
	#footer {
	clear: both;
	padding: 1em 0;
	margin: 0 auto;
	width: 750px;
	background: #4e637c; 
	color: #fff;	
	}
	
	#footer p {	color: #fff; text-align: center; padding: 10px 0 0; }
	
	#footer a {	color: #fff; text-decoration: underline; }
	
	#footer a:hover { text-decoration: none; }
	
	
	#footer small a {	text-decoration: none; }
	
	#footer strong	{ color: #e32219;	}
	
	#hautpage p {text-align: right; font-size: .9em; }
	
	/* Paragraphes */
	
	.alignright, .floatright {
		float: right;
		margin: 0 0 10px 10px;
	}

	.alignleft, .floatleft {
		float: left;
		margin: 0px 10px 10px 0;
	}

	
		/* Contact */

	.contactform {
	padding: 1em;
	background: transparent;
	}

	.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: 13em; font-weight: normal; color: #000; }
	.contactform div input {padding: 0.25em; width: 40%; border: 1px solid #666; }
	.contactform div select {padding: 0; width: 41%; border: 1px solid #666; }
	.contactform div textarea { margin: 1em 0 0 0em; padding: 0.25em; width: 18em; height: 12em; border: 1px solid #666; }
	.contactform div.submit { width: auto; text-align: left; padding-left: 157px; }
	.contactform div.submit input { margin: 0; padding: 5px 10px; width: 220px; color: #000; font-weight: bold; background: transparent; border: 1px solid #666; }
	div.required { color: #FC3502; }
	.error_message { padding: .5em 0;  background: transparent; }
	.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: 157px; }
