body
{
	background-color:#DDD;
	background-repeat:repeat-x;
	text-align: center;
	margin-left:auto;
}

a{
text-decoration:none;}

img{
border:none;}

#wrap
{
	margin:auto;
	width: 900px;
	height: auto;
	text-align:center;
}

#head
{
	width:900px;
	height:119px;
	background:url(img/head.png);
}

#logo
{
	float:left;
	width:126px;
	height:119px;
}

#anim
{
	position:relative;
	width:208px;
	height:119px;
	z-index:5;
}

#block
{
	margin-top:0px;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #355C0A;
	clear:left;
	float:left;
	width:898px;
	height:auto;
	background: #6cca00 url(img/background.jpg) bottom no-repeat;
	min-height:530px;
	text-align:center;
}

#bandeau
{
	border-left:1px solid #355C0A;
	border-right:1px solid #355C0A;
	border-top:1px solid #355C0A;
	width:896px;
	height:31px;
	padding-left:1px;
	padding-right:1px;
	background:url(img/bandeau.jpg) repeat-x;
	z-index:2;
}

.curse{
cursor: default;}

#menu /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 26px; /* on défini une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		z-index:3;
}

#cat1 /* Contenu des listes */
{
        padding : 0; /* aucune marge intérieure */
        color : #fff; /* couleur du texte */
		background:url(img/btn_cat.png);
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 176px; /* largeur */
		height:26px;
		margin-left: 2px;
		margin-right:1px;
		margin-top:3px;
		z-index:3;
}

#cat2 /* Contenu des listes */
{
        padding : 0; /* aucune marge intérieure */
        color : #fff; /* couleur du texte */
		background:url(img/btn_cat.png);
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 176px; /* largeur */
		height:26px;
		margin-left: 2px;
		margin-right:1px;
		margin-top:3px;
		z-index:3;
}

#cat1 a /* Contenu des listes */
{
		display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 176px; /* largeur */
		z-index:3;
}

#cat2 a /* Contenu des listes */
{
		display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 176px; /* largeur */
		z-index:3;
}

#sub_cat /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 28px; /* on défini une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		z-index:3;
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		z-index:3;
}

.bt{
	float:left;
	font-weight: bold;
	font-family : Arial;
	font-size : 12px;
	color:#FFFFFF;
	padding-top:6px;
	width:176px;
	height:23px;
	text-align:center;
	margin:5px 5px 5px 5px;}

.bt a{color:#FFFFFF;}

#sub a /* Contenu des listes */
{
		position: relative;
		display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 176px; /* largeur */
		height:28px;
		background:url(img/sous_menu_inactif.png);
		z-index:3;
}

#menu li /* Elements des listes */     
{
		position:relative;
        float : left; /* pour ie qui ne reconnaît pas "transparent" */
		z-index:3;
}


#menu li ul /* Sous-listes */
{
        position: relative; /* Position absolu */
        width: 176px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoi loin du champ de vision */
		z-index:3;
}

#cat1:hover
{
	background:url(img/btn_cat_act_b.png);
		z-index:3;
}

#cat2:hover
{
	background:url(img/btn_cat_act_g.png);
		z-index:3;
}

#sub a:hover /* Lorsque la souris passe sur un des liens */   
{
        color: #fff; /* On passe le texte en noir ... */
		background:url(img/sous_menu_actif.png); /* ... et au contraire, le fond en blanc */
		z-index:4;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
		position:relative;
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		z-index:3;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
		position:relative;
        left: 0; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		z-index:3;
}