/* On reset tout*/
*{padding: 0px; margin: 0px;}
a{text-decoration: none;}





#menu{
	margin-top: 10px;
	list-style: none; /* Enleve les puces horribles des listes */
 
}

/* Pour modifier l'aspect des boutons qu'il faut survoler pour afficher les sous menus ! */
#menu > li{
	
	background: #1a1919;
	color: #ffffff;
	border-left: 1px solid #000000;
	
	width: 140px; /* Si tu touche a ceci va voir : #menu li ul -> margin-top*/
	height: 30px;
	padding: 0px 15px 0 10px; /* top left bottom right / si tu augmente le top ou bottom => diminue le padding (et inversement) idem left et right */
	
	/* Pas touché a ce qui se trouve ici : */
	float: left;
}
/* Cas ou tu veux mettre un sans sous menu avec un couleur de police et fond spécial */
#menu > li.home{background: #2e2e2e; color: #ffffff#;}

#menu
{
 z-index: 2;
}

.flash
{
 z-index: 1;
}


#menu li ul{

	background: #313C4C;
	
	min-width: 150px; /* Taille minimum (cas de lien + petit que le bouton a survolé) */
	margin-top: 10px; /* A modifier si tu touche a la taille de : #menu > li */
	
	/* Pas touché a ce qui se trouve ici : */
	display: none;
	position: absolute;
	list-style: none;
	margin-left: -10px; /* ! pour l'espacement des puces a gauche */
}

#menu li:hover ul{
	display: block; /* youhou on survole ! ne marche pas avec IE 6 et p-e 7 je sais plus :p */
}

#menu li ul li{
	float: left;
	clear:both;
	height: 30px;
	width: 100%;
	padding: 3px 12px;
}

#menu li ul li a{
	display: block;
	color: #ffffff;
}
#menu li ul li a:hover{
	color: red;
}

a {

color: #000000;
font-size :12px;
text-decoration: none;
font-weight: bold;

}
a:hover {

color: #000000;
font-size :12px;
text-decoration: none;
font-weight: bold;
}

body
{
background-image:url("interface/fond.jpg");

}


.site
{
width: 1024px;
background-color:#5c79b3;

}

.p-gauche
{

width: 120px;
}

.p-centre
{
background-color:#7389b3;
}


table,tr ,td
{

margin-left: auto;
margin-right: auto;
border-collapse: collapse;
padding-right:5px;
padding-left:5px;
margin-bottom: 20px;
border: 1px solid black;

}