/* ###################### MENU ################################ */


/* MENU */
#menu{margin-left:378px;width:600px;}
#menu span
{
	position:absolute;
	margin-top:-10000px;
}
#menu li{
	margin:0;
	padding:0;
	height:43px;
	width:auto;
	float: left;
	display:inline;
}
#menu li a{
	display: block;	
	height:43px;
	/*margin-top:8px;*/
	background:transparent url(images/fr_menu-petits-demons.png) no-repeat top left;
	}

/*  Accueil   */
#menu li.accueil a
{
	width:75px;
	background-position:0px 0;
}

#menu li.accueil a:hover, #menu li.accueil a.select
{
	background-position:0 -43px;
}

/*  Presentation   */

#menu li.presentation a
{
	width:106px;
	background-position:-75px 0;
}

#menu li.presentation a:hover, #menu li.presentation a.select
{
	background-position:-75px -43px;
}
/*  Collections  */
#menu li.collections a
{
	width:100px;
	background-position:-181px 0;
}

#menu li.collections a:hover, #menu li.collections a.select
{
	background-position:-181px -43px;
}
/* magasin */
#menu li.magasin a
{
	width:127px;
	background-position:-281px 0;
}

#menu li.magasin a:hover, #menu li.magasin a.select
{
	background-position:-281px -43px;
}

/* actualites */
#menu li.actualites a
{
	width:86px;
	background-position:-408px 0;
}

#menu li.actualites a:hover, #menu li.actualites a.select
{
	background-position:-408px -43px;
}

/* Contact */
#menu li.contact a
{
	width:87px;
	background-position:-494px 0;
}

#menu li.contact a:hover, #menu li.contact a.select
{
	background-position:-494px -43px;
}

/* SOUS MENU */
#sousMenu
{
	border-left:solid 2px #fff;
	color:#538225;
	font-size:1.4em;
	font-weight:bold;
	padding: 0 0 24px 0;
}
#sousMenu li{background:url(images/puce-01.png) 0 30px no-repeat;padding:24px 0 0 16px;}
#sousMenu li a {color:#538225; text-decoration: underline;}
#sousMenu li a:hover{text-decoration: underline;color:#fff;}
#sousMenu li a.select{text-decoration: underline;color:#fff;}

/* ##################### LANGAGE ################################ */




/* ##################### LANGAGE ################################ */
#langage
{
	position:absolute;
	top:20px;right:20px;
	z-index:20;
	width:15px;
	color:#000;	
}
#langage span
{
	position:absolute;
	margin-top:-10000px;
}
#langage li 
{
	margin:5px 0;
}

#langage li a
{
	color: #980000;
	display:block;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	height:10px;width:15px;
	background-repeat:no-repeat;
	background-position:left top;
}

#langage li a:hover
{
	text-decoration: underline;
	background-position:0 -10px
}

#langage li a.select
{
	text-decoration: underline;
	background-position:0 -10px
}

/* surcharge des rubrique menu avec une unique image*/
#langage a#langue_fr{background-image:url(images/fr.png)}
#langage a#langue_fr:hover{}
#langage a#langue_fr.select{}

#langage a#langue_en{background-image:url(images/uk.png)}

#langage a#langue_ca{background-image:url(images/cat.png)}