body 
	{font-family:Arial, Helvetica, sans-serif; background-color:#1c2327; margin-top:20px;}

* {	margin:0; padding:0;}

img 
	{ border: none;	font-size:1px; line-height:1px}

ul
 {margin:4px 0 4px 50px; clear:both}

li
  {list-style:none; background-image:url(images/liste_puce.gif); background-repeat:no-repeat; background-position: 0 4px; padding:0 0 10px 16px}

a
 {text-decoration:none}

a:hover
 {text-decoration:underline}

div
 {display:block; position:relative}

label
 {color:#FFFFFF;display:block;float:left;position:relative;text-align:right;width:140px;}

input, textarea
 {font-family:Arial, Helvetica, sans-serif; font-size:11px; border-top:1px solid #797c7e;border-left:1px solid #797c7e;border-right:none;border-bottom:none; margin-bottom:3px; background-color:#b9bec1;width:362px;}
/*---o Gestion des blocks contenant un float pour qu'ils descendent jusqu'en bas du float. Ex <div class="maClass clearfix">...</div> */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Caché pour IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* Fin de caché pour IE-mac */
/*---------------------------------------*/
#cadregen {
	height:651px;
	width:1026px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/fond.jpg);
	background-repeat:repeat-x;
	z-index:0;}
#ml {
	margin-top:0px;
	width:1026px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/fond2.jpg);
	background-repeat:repeat-y;}
#ml p{
	padding:15px 15px 15px 15px;
	text-align:justify;
	color:#CCCCCC;
	font-size:10px;}
#ml a {
	color:#fff;
	text-decoration:none;}
#ml a:hover{
	text-decoration:underline;}

#filet {
	position:absolute;
	top:1px;
	left:0;
	width:240px;
	height:649px;
	z-index:50;}

#menu {
	position:absolute;
	top:308px;
	left:0px;
	background-image:url(../images/fdmenu.gif);
	background-repeat:no-repeat;
	height:50px;
	width:1024px;
	z-index:100;}
#menu ul {
		display:block;
		heiht:50px;
		width:1024;
		text-align:left;}
	#menu ul li {
			margin-left:0px;
			display: inline;
			text-align: center;
			padding:0 30px 0 30px;
			color:#FFFFFF;
			text-transform:uppercase;
			font:Arial, Helvetica, sans-serif;
			font-size:12px;
			background-image:url(../images/bord.gif);
			background-repeat:no-repeat;
			background-position:center;
			background-position:right;
			border:none;
			height:40px;
			line-height:40px;}
	#menu ul li a{
			color:#FFFFFF;
			text-transform:uppercase;
			font:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;}
	#menu ul li a:hover {
			color:#ad6bf2;
			text-decoration:none;}
	#menu ul li.active a {
			color:#ad6bf2;}	
	/*#menu.page {
		width:200px;
		top:308px;
		left:0px;
		background-image:url(../images/fdmenu2.png);
		background-position:center;
		background-repeat:no-repeat;
		height:50px;
		width:200px;
		z-index:100;}*/
		

#menupage {
		top:250px;
		left:-33px;
		background-image:url(../images/fdmenu2.png);
		background-position:center;
		background-repeat:no-repeat;
		height:147px;
		width:147px;
		z-index:100;}
		
/*#menupage.dessus {
		position:absolute;
		top:114px;
		left:0px;
		background-image:url(../images/fdmenu.gif)#33393d;
		background-repeat:no-repeat;
		background-position:center;
		height:426px;
		width:100%;
		background-color:#000;
		-moz-opacity:0.8;
		opacity: 0.8;
		filter:alpha(opacity=80);
		z-index:100;}*/

	
/*#myOtherElement span, div#myOtherElement a {
	display: block;
	padding: 0 3px;
}*/

	#menupage:hover {
		position:absolute;
		top:114px;
		left:0px;
		background-image:url(../images/fdmenu.gif);
		background-repeat:no-repeat;
		background-position:center;
		height:426px;
		width:100%;
		background-color:#000;
		-moz-opacity:0.8;
		opacity: 0.8;
		filter:alpha(opacity=80);
		z-index:100;}*/
	
/*	#menu.page:hover {
		position:absolute;
		top:114px;
		left:0px;
		background-image:url(../images/fdmenu.gif);
		background-repeat:no-repeat;
		background-position:center;
		height:426px;
		width:100%;
		background-color:#000;
		-moz-opacity:0.8;
		opacity: 0.8;
		filter:alpha(opacity=80);
		z-index:100;}*/
	#menupage:hover ul {
		display:block;
		heiht:50px;
		float:right;}
	#menupage ul li {
			margin-left:0px;
			display: none;
			text-align: center;
			padding:0 30px 0 30px;
			color:#FFFFFF;
			text-transform:uppercase;
			font:Arial, Helvetica, sans-serif;
			font-size:12px;
			border-right:1px solid #FFFFFF;
			height:80px;
			line-height:80px;
			}
	#menupage:hover ul li {
			margin-left:0px;
			background-image:url(../images/bord.gif);
			background-repeat:no-repeat;
			background-position:center;
			background-position:right;
			border:none;
			display: inline;
			text-align: center;
			padding:0 30px 0 30px;
			margin-top:190px;
			color:#FFFFFF;
			text-transform:uppercase;
			font:Arial, Helvetica, sans-serif;
			font-size:12px;
			height:80px;
			line-height:416px;
			z-index:110;}
	#menupage:hover ul li a{
			color:#FFFFFF;
			text-transform:uppercase;
			font:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;}
	#menupage:hover ul li a:hover {
			color:#ad6bf2;
			text-decoration:none;}
	#menupage:hover ul li.active a {
			color:#ad6bf2;}		
	
	
	#gal { position:absolute;
			top:16px;
			right:0px;
			z-index:0
			background-color:#000000;
			z-index:20;}
/*------------------La Marque---------------*/

.marque {
	position:absolute;
	top:121px;
	left:735px;
	z-index:80;}
	
/*----------------Zone de texte------------*/
#contenu {
	position:absolute;
	top:150px;
	left:225px;
	height:280px;
	width:490px;
	z-index:90;
	color:#FFF;}
	#contenu h2 {
		color:#9C9EAF;
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight:bold;
		line-height:15px;
		letter-spacing:0.6px;
		padding:30px 0 20px 14px;
		text-transform:uppercase;}
	#contenu h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:15px;
		text-transform:uppercase;
		padding:5px 0 5px 14px;
		letter-spacing:0.6px;}
	#contenu p {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:0 0 15px 85px;
		line-height:18px;
		letter-spacing:0.6px;}
		
/*-----------------Zone dito--------------------*/
#contenud {
	position:absolute;
	top:125px;
	left:305px;
	height:280px;
	width:590px;
	z-index:90;
	color:#FFF;}
	#contenud h2 {
		color:#9C9EAF;
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight:bold;
		letter-spacing:0.6px;
		line-height:15px;
		padding:25px 0 0 14px;
		text-transform:uppercase;}
	#contenud h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		text-transform:uppercase;
		line-height:15px;
		padding:5px 0 5px 14px;
		letter-spacing:0.6px;}
	#contenud p {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:18px;
		padding:0 0 0 35px;
		letter-spacing:0.6px;}
	#contenud ul {
		margin:0 0 0 30px;}
	#contenud li{
		list-style:disc;
		color:#9C9EAF; 
		padding:5px 0 0px 5px;
		*padding:0px 0 0px 0px;
		font-size:11px;}
.adrr {
	position:absolute;
	top:255px;
	left:148px;
	width:190px;
	height:150px;
	z-index:80;}
	.adrr p{
		font-size:10px;
		color:#FFFFFF;}
.lienpdv {
	position:absolute;
	top:500px;
	left:740px;}
a.lienpdv {
	color:#8b8c9f;
	text-decoration:none;
	font-size:11px;}
a:hover.lienpdv {
	text-decoration:underline;}
.lienml {
	position:absolute;
	top:640px;
	right:5px;}
a.lienml {
	color:#8b8c9f;
	text-decoration:none;
	font-size:8px;}
a:hover.lienml {
	text-decoration:underline;}
		
/*---------------Formulaire--------------------------*/
form h1 { 
		font-family: Arial, Helvetica, sans-serif;
		font-size:15px;
		text-transform:uppercase;
		line-height:15px;
		padding:15px 0 0 20px;
		letter-spacing:0.6px;}
#contenud form p {
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		letter-spacing:0.6px;
		line-height:18px;
		padding:12px 0 0 20px;}
label.info
 { text-align:left; width:240px;}

.info2 {
padding-left:0px;
width:503px;
height:100px;
}
.code {
width:150px;}

.btn {
width:100px;
background-color:#000;
font-weight:bold;
text-transform: uppercase;
color:#fff}

#charge {
	position:absolute;
	bottom:303px;
	right:332px;
	width:150px;
	height:30px;
	border:none;
	z-index:10;
}

#fleche {
	position:absolute;
	bottom:50px;
	right:10px;
	width:715px;
	height:48px;
	background-image:url(../images/fleches.png);
	background-repeat:no-repeat;
	z-index:300;
	border:none;}