@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;
	margin-top:0px;
}

* {
	margin:0;
	padding:0;
}

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

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}
#contenu label
 {display:block; position:relative; float:left; width:440px; color:#333333; padding-top:5px; margin:5px;}

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 */
/*---------------------------------------*/

#page { width:1000px; height:546px; color:#fff; background-color:#000; margin-left:auto; margin-right:auto; margin-top:20px;}
#header {width:100%; height:123px; background-image:url(../images/Head.jpg); background-repeat:no-repeat;}
#menu { width:190px; float:left;}
#content { position:absolute; top:160px; left: 194px; width:710px; padding:0 10px 10px 10px; font-size:12px;}
#content ul { margin-left:10px}
#content a:hover {text-decoration:underline}
#footer {position:absolute; bottom:0px; left:0px; height:41px; width:1000px; background-image:url(../images/foot.jpg); background-repeat:no-repeat; font-size:10px}
#menu li {list-style:none}
#dropmenu ul { font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#fff; margin-top:30px;}
	#dropmenu ul li{ list-style:none; background-image:url(../images/moin.jpg); background-repeat:no-repeat; background-position: left; padding-left:22px; line-height:20px; color:#fede2e; padding-top:5px; padding-bottom:7px; margin-bottom:30px;}
	#dropmenu ul li.active{ list-style:none; background-image:url(../images/plus.jpg); background-repeat:no-repeat; background-position: left; padding-left:22px; line-height:20px; color:#fede2e; padding-top:5px; padding-bottom:7px; margin-bottom:30px;}
	#dropmenu ul li a{ color:#fede2e; font-family: Impact; font-weight:normal; font-size:24px; }
	#dropmenu ul li a:hover{ color:#fff; font-family: Impact; font-weight:normal; font-size:24px; }
	#dropmenu ul li+li{ list-style:none; background-image:url(../images/moin.jpg); background-repeat:no-repeat; background-position:left; padding-left:22px; line-height:25px; color:#fede2e; padding-top:5px; margin-bottom:30px;}
	#dropmenu ul li+li.active{ list-style:none; background-image:url(../images/plus.jpg); background-repeat:no-repeat; background-position:left; padding-left:22px; line-height:25px; color:#fede2e; padding-top:5px; margin-bottom:30px;}
	#dropmenu ul li+li a{ color:#2cd4f3; font-family: Impact; font-weight:normal; font-size:24px; }
	#dropmenu ul li+li+li a{ color:#8bed2b; font-family: Impact; font-weight:normal; font-size:24px; }
	#dropmenu ul li+li+li+li a{ color:#f470ef; font-family: Impact; font-weight:normal; font-size:24px; }