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
 {display:block; position:relative; float:left; width:140px; color:#333333}

input, textarea
 {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #AAA; margin-bottom:3px}
/*---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;}

#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 {
		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;}

/*#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;
		text-align:left;}
	#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:113px;
			right:0px;
			z-index:0
			background-color:#000000;}
/*------------------La Marque---------------*/

.marque {
	position:absolute;
	top:121px;
	left:735px;
	z-index:80;}
	
/*----------------Zone de texte------------*/
#contenu {
	position:absolute;
	top:250px;
	left:135px;
	height:280px;
	width:590px;
	z-index:90;
	color:#FFF;}
	#contenu h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:15px;
		text-transform:uppercase;
		color:#9c9eaf;
		font-weight:bold;
		padding:10px 0 15px 14px;
		letter-spacing:0.6px;}
	#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 0 85px;
		line-height:18px;
		letter-spacing:0.6px;}