html, body {
	height: 100%;
}

body {
     padding: 0;	
	 background-color: #281719;
	 top: 0;
	 margin:0;
}

#top {
	position: absolute;
}

#center {
 	font-size:0.625em;	
	background: url('../img/fond2.gif');
	min-height:100%;
	margin-bottom: -5.6em;
	margin-left:auto;
	margin-right:auto;	
	width: 90em;
	padding:0;
	overflow:hidden;	
}
* html #center {
	height: 100%; /* ie6 doesn't support min-height, so need to use height */
	width: 900px;
}

img#center {
	font-size:1em;	
	margin-left:auto;
	margin-right:auto;
}

#footer-spacer {
	top:-30em;
	height: 3.6em; /* = #container margin-bottom plus any extra space required between #container and #footer */
}

/*GESTION DU MENU*/
ul#topnav {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding: 0;
	/*width: 75em;*/
	height:2.3em;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	background: #DB8015;
	font-family:"Times New Roman", Times, serif;
}
ul#topnav li {
	float: left;
	height:2.3em;	
	margin: 0; padding: 0;
	color: #fff;
	background: #DB8015;
}
ul#topnav li#dragees {
	padding: 0em 0em 0em 10.1em;
}
ul#topnav li img {
	position: absolute;	
	top:0.2em;	
}
ul#topnav li a {
	padding: 0.5em 1.6em 0.9em;
	display: block;
	color: #fff;
	text-decoration: none;
}
ul#topnav li:hover { background: #DB8015;}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li a:hover {
	color: #3E282B;
}
ul#topnav li a.menu {
	color: #3E282B;
}
ul#topnav li span {
	float: left;
	position: absolute;
	left: 0; 
	top:2.3em;
	display: none; /*--Hide by default--*/
	width: 71.9em;
	background: #281719;
	color: #fff;
	height: 1.7em;
	padding: 0.5em 1.6em 0.1em;
	z-index:2;
}
/*ul#topnav li span#menu_bonbons {
	z-index: 1;	
}
ul#topnav li span#menu_dragees {
	z-index: 2;	
}*/
ul#topnav li span img {
	position: absolute;	
	top:0.2em;	
}
/*ul#topnav li:hover span { 
	display: block; 
	background: #281719;
}*/ /*--Show subnav on hover--*/
ul#topnav li span a { 
	display: inline; 
	color: #FF7F00;
	} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {	
	text-decoration: none; 
	color: #fff;
}
ul#topnav li span a.menu {	
	text-decoration: none; 
	color: #fff;
}
ul#topnav li span a#bonbon {
	padding: 0em 1.6em 0em 12em;	
}

/*FIN MENU*/

/*GESTION DU FOOTER*/
.footer {
 	font-size:0.625em;	
	margin-left:auto;
	margin-right:auto;	
	height: 3.6em;
}	
ul.footer {
	width: 75em;
	height:2.3em;
	list-style: none;
	 /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.125em;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
}
ul.footer li {
	float: left;	
	padding-top: 0.1em;
	padding-left: 0.98em;
	padding-right: 0.98em;
	padding-bottom: 0.9em;
	height:2.3em;	
	color: #000;
}
ul.footer li#entreprise {
	padding-left: 17.1em; /*--Divider for each parent level links--*/
}

ul.footer li a {
	display: block;
	color: #342325;
	text-decoration: none;
}
ul.footer li a:hover {
	color: #DB8015;
}
/*FIN FOOTER*/

/*ACCUEIL*/
#ronds {
	text-align:center;
	font-size:0.9em;
}	
#ronds a{
vertical-align:top;	
padding:0em 1em;	
}
#ronds img{
border:0;	
}
#bannieres {
	text-align:center;
}
#bannieres a{
padding:0em 1em;	
vertical-align:sub;
}
#bannieres img{
border:0;	
}
.intro {
	clear:none;
	text-align:center;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.9em;
	color:#FF7F00;
}	
/*FIN ACCUEIL*/

/*L'ENTREPRISE*/
.titre {
position:relative;
left:7.7em;
top:0.60em
}
div#texte{
	position:relative;
	height:16em;
}
#texte ul{
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.9em;
	color:#342325;
	list-style:none;
	display:inline;
	position:relative;
	height:25em;
}
#texte li {
	float: left;
	vertical-align:top;
	width:34.8em;
	margin-left:2em;
	
}

#texte li#gauche {
position:relative;	
	padding-left:12em;
	top:-0.4em;	
}

#gauche span{
	font-size: 1.8em;
	line-height: 0.9em;
}

/*FIN L'ENTREPRISE*/

/*NOUS CONTACTER*/
#contact{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	color:#342325;
	list-style:none;
	display:inline;
	position:relative;
	text-align:center;
}
#contactForm{
	width: 450px;
	margin-left:auto;
	margin-right:auto;
	border:0px;
}
#contactForm input{
position:relative;
}
/*FIN NOUS CONTACTER*/

/*MENTIONS*/
#mentions{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	color:#342325;
	position:relative;
	text-align:center;
	left:5em;
	width:80em;
}
#mentions a{
	color:#342325;
}
/*FIN MENTIONS*/

/*TROUVER*/
#trouverForm{
	width: 450px;
	margin-left:auto;
	margin-right:auto;
	border:0px
}
/**********************************

Use: cmxform template

***********************************/
form.cmxform fieldset {
	margin-bottom: 10px;
	text-align:center;	
}

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label { width: 200px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
form.cmxform label.error {
	margin-left: 103px;
	width: 220px;
}

form.cmxform input.submit {
	margin-left: 103px;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */