body {margin: 0; margin-left: 0px; padding: 0; background: url(images/fond.png) no-repeat top center; }

#container{width:1024px; margin:0 auto; display:block; height: auto; background: url(images/bandeau.png) no-repeat;}
#topbar{width:auto; height:200px; display:block; padding-top: 50px; margin-top:0px;}
#menu{width:auto; position:relative; display:block; height:45px; margin-left:0px; margin-top:-40px;}
#main{width:1024px; height:auto; display:block; background: url(images/frame.png) repeat-y; margin-top:-5px}
#column_left{width:685px; margin-left:18px; margin-right:8px; float:left; background:transparent;}
#column_right{width:300px; margin-left:0 px; float:left;}

/*div.spacer, permet de faire deux colonne dans #container*/
div.spacer{clear:both; height:10px; display:block;}
#footer{width:1024px; display:block; height:198px; background: url("images/footer.png") no-repeat;}

/*Menu*/
#menu ul {margin:auto; padding:0; text-align:left;}
.sousmenu{width:auto; position:absolute; background: url(images/menu.png); font-size: 100%; border-bottom: #000000 solid 1px; border-left: #000000 solid 1px; border-right: #000000 solid 1px; margin-top: 0px;display:block;}
#menu li {float:left; margin:0; padding:0;background:none;}
#menu li a {display:block; color:white; font-size: 100%; text-decoration:none; font-weight: bold; padding:0px; width:auto;}
#menu li a:hover {color:#0890F9;}
#menu ul li ul {display:none;font-size: 100%;text-decoration:none;font-weight: none; }
#menu ul li:hover ul {display:block;font-size: 90%;text-decoration:none;font-weight: none; }
#menu li:hover ul li {float:none;}
/*Fin menu/*

/* Texte */
p {font-family:calibri, verdana, sans-serif;font-size:90%;color:#000000;text-align:justify;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left: 0px;padding-right: 0px;}

.phaut{font-family:calibri, verdana, sans-serif;font-size:100%;color:black;text-align:right;margin-left:-700px;margin-right:10px;margin-top:-50px;margin-bottom:0px;padding: 0px;}
.pcenter {font-family:calibri, verdana, sans-serif;font-size:100%;color:black;text-align:center;margin-left:0px;margin-right:0px;margin-top:20px;margin-bottom:20px;padding: 0px;}
.pproduit {font-family:calibri, verdana, sans-serif;font-size:100%;color:black;text-align:justify;margin-left:7px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding:0px;width: 640px;background: url(images/para_produit.png) no-repeat;background-position: bottom;}
.pactus {font-family:calibri, verdana, sans-serif;font-size:80%;color:black;text-align:justify;margin:0px;}
.pright {font-family:calibri, verdana, sans-serif;font-size:80%;color:black;text-align:left;margin:0px;padding:4px;border-bottom: #663300 solid 1px;border-left: #663300 solid 1px;border-right: #663300 solid 1px;}
.pliens {font-family:calibri, verdana, sans-serif;font-size:80%;color:black;text-align:justify;}
.pfooter {font-family:calibri, verdana, sans-serif;font-size:80%;color:white;text-align:left;margin-left:5px;margin-right:0px;margin-top:10px;margin-bottom:0px;}
.pfil {font-family:calibri, verdana, sans-serif;font-size:70%;color:#000000;text-align:left;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left: 0px;padding-right: 0px;}
.floatleft{float: left;padding:2px;margin-right: 10px;margin-top: 0px;width: auto;height: auto;}

h1 {font-family:calibri, verdana, sans-serif;font-size:120%;color:black;margin-left:0px;margin-top: 2px;margin-bottom: 5px;background-color: transparent;text-align:left;text-decoration:none;border-bottom: #663300 solid 2px;}
h2 {font-family:calibri, verdana, sans-serif;font-size:110%;color:##663300;height: auto;margin-top: 0px; margin-bottom: 0px;margin-left : 0px;padding-left: 0px;padding-top: 0px;text-align: left;}
h3 {font-family:calibri, verdana, sans-serif;font-size:90%;color:#000000;margin-top: 5px; margin-bottom: 0px; margin-left: 2px;background-color: transparent;text-align: left;text-decoration: none;}
h4 {font-family:calibri, verdana, sans-serif;font-size:80%;color:#000000;margin-top: 5px;background-color: transparent;text-align: left;text-decoration: none;}
h5 {font-family:calibri, verdana, sans-serif;font-size:80%;color:#FFFFFF;height: 24px;margin: 0;padding-top: 5px;background-color: transparent;text-align: left;text-decoration: none;background: url(images/actualites.png) no-repeat;}

hr {height: 1px; color: white; margin: 0; padding: 0;}

A {font-size: 100%;font-family:calibri, verdana;color:#000000;text-decoration:none;}
A:hover{text-decoration:none;color: #0890F9;}

table {margin-left: 20px;}

#textedate {color:#000000;font-size:60%;font-family:calibri, verdana;text-decoration:none;}
#textevert {color:#62B01F;font-size:100%;font-family:calibri, verdana;}

/*Plan du site*/
ul.tree, ul.tree ul { list-style-type: none; background: url(vline.png) repeat-y; margin: 0; padding: 0; } ul.tree ul { margin-left: 10px; } ul.tree li { margin: 0; padding: 0 12px; line-height: 20px; background: url(node.png) no-repeat; color: #369; font-weight: bold; }

li { font-family: calibri, verdana, sans-serif; font-size: 90%; color: black; list-style-type: none; padding-left: 20px;}

.linorm { font-family: calibri, verdana, sans-serif; font-size: 90%; color: black; list-style-type: none; padding-left: 20px;}

/*Pagination*/

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #88AF3F;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #B2E05D;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

/* formz */
fieldset {	margin-bottom: 1em;	border: 0;	width: auto;	margin: 0.5em;	background-color:#E9D598}
fieldset p {padding: 0 0 0.75em 0.5em !important;	padding: 0 0 0.35em 0.5em;	clear: both;}
legend {	margin: 0 0 0.5em 0;padding: 0.3em;	font: bold 0.9em calibri, Verdana, Arial, Helvetica, sans-serif;	color: none;	background-color:none !important;	background-color: none;}
label.text {display: block;	float: left;	width: 40%;	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */	margin: 0 1em 0 0;	padding: 0.1em;	border-bottom: 1px solid #000000;}
.radioCheck {margin: 0 1em 0 0.25em;}
input.text,textarea {width: 50%; background-color: #FFFFFF; border: 1; margin-right: 0.25em;}
.envoy {	margin: 1em 0;	text-align: left;}
.envoy label {	border: 0;	}
