/*
------------------------------------------------------------------------------*/
#navigation
{
	float:left;
	position:relative
}
#navigation ul
{
	margin-left:15px;
	float:left;
	width:728px;
	/*overflow:hidden;*/
	display:inline;
}
#navigation a
{
	height:34px;
	display:block;
	background-position:0 -34px;
	width:125px;
	background-repeat:no-repeat
}
#navigation a:hover
{
	background-position:0 3px
}
#navigation li
{
	float:left;
	margin-right:2px
}
#navigation .courant a:hover,
#navigation .courant a
{
	background-position:0 0
}
#navigation li .sous-menu
{
	display:none
}
#navigation li.courant .sous-menu
{
	display:block
}
/*
------------------------------------------------------------------------------*/
#accueil
{
	background-image:url(../img/onglet_accueil1.png );
	width:55px!important;
}
#a_table
{
	background-image:url(../img/onglet_table.png);
	width:77px!important;
}
#bien-etre
{
	background-image:url(../img/onglet_bien-etre.png)
}
#actus_marques
{
	background-image:url(../img/onglet_actus_marques.png)
}
#communaute
{
	background-image:url(../img/onglet_communaute2.png);
	width:91px!important;
}
#exprimez-vous
{
	background-image:url(../img/onglet_exprimez-vous.png);
	width:116px!important;
}
#mes_moments
{
	background-image:url(../img/onglet_mes_moments.png)
}
.onglet_coin_perso
{
	width:91px!important;
	background-image:url(../img/onglet_coin_perso.png)
}
.onglet_identifiez-vous
{
	width:91px!important;
	background-image:url(../img/onglet_identifiez-vous.png)
}
/*
------------------------------------------------------------------------------*/
#trouvez
{
	background-image:url(../img/trouvez-moi.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:61px;
	width:178px;
	float:left;
	margin-top:10px;
	margin-left:23px;
	display:inline;
	padding-left:7px;
}
#trouvez p
{
	margin-top:26px;
	margin-left:0px
}
#trouvez input.text
{
	width:135px
}
/* sous-menu
------------------------------------------------------------------------------*/
#navigation .sous-menu
{
	position:absolute;
	top:34px;
	padding:6px 0;
	left:-15px;
	width:760px;
	background-repeat:no-repeat;
	background-position:0 0
}
#navigation ul li ul.sous-menu li
{
	float:none!important;
	margin:0!important;
	display:inline!important;
	border-left:1px solid #333;
	padding-left:12px!important;
	margin-left:12px!important
}
.sous-menu li.premier
{
	border-left:none;
	margin-left:5px!important;
	padding-left:15px!important;
}
.sous-menu li.courant a
{
	color:#333;
	background-color:inherit
}
.sous-menu a
{
	height:auto!important;
	display:inline!important;
	width:auto!important;
	font-weight:bold;
	color:#FFF;
	background-color:inherit;
	text-decoration:none;
	font-size:0.9em
}


/* MENUS AU SURVOL - sur items menu principal (ajouté le 28/07/10)
------------------------------------------------------------------------------*/
#navigation { z-index:499; } /* Corrige le problème de superposition de calques sous IE7 */

#navigation .hover-menu {
	margin:0;
	padding:5px 0 5px 0;
	position:absolute;
	width:170px;
	z-index:500;
}
	#navigation ul li .hover-menu { display:none; }
	#navigation ul .open-layer:hover .hover-menu { display:block; }
	
	#navigation .hover-menu li { background:none; }
		#navigation .hover-menu li a {
			color:black;
			text-decoration:none;
			font-size:11px;
			height:18px;
			width:153px;
			outline:none;
			padding:3px 0 0 17px;
		}
		
		
	/* A TABLE */
	#navigation #a-table-hover {
		background:#fff9e5;
		border:1px solid #ff8b0b;
	}
		#navigation #a-table-hover li { background:url("../img/puce-orange.jpg") no-repeat 6px; }
			#navigation #a-table-hover li a:hover { background:url("../img/puce-orange.jpg") #ffdbb3 no-repeat 6px; }
		
	/* BIEN-ETRE */
	#navigation #bien-etre-hover {
		background:#f5fedb;
		border:1px solid #8fba16;
	}
		#navigation #bien-etre-hover li { background:url("../img/puce-verte.jpg") no-repeat 6px; }
			#navigation #bien-etre-hover li a:hover { background:url("../img/puce-verte.jpg") #dbe9b5 no-repeat 6px; }
		
	/* ACTUS MARQUES */
	#navigation #actus-marques-hover {
		background:#ecf8fe;
		border:1px solid #2eb2f6;
	}
		#navigation #actus-marques-hover li { background:url("../img/puce-cyan.jpg") no-repeat 6px; }
			#navigation #actus-marques-hover li a:hover { background:url("../img/puce-cyan.jpg") #cce9f8 no-repeat 6px; }
		
	/* COMMUNAUTE */
	#navigation #communaute-hover {
		background:#eeeefb;
		border:1px solid #434aaa;
	}
		#navigation #communaute-hover li { background:url("../img/puce-violette.jpg") no-repeat 6px; }
			#navigation #communaute-hover li a:hover { background:url("../img/puce-violette.jpg") #dbdbfb no-repeat 6px; }
		
	/* COIN PERSO */
	#navigation #coin-perso-hover {
		background:#e2f3ff;
		border:1px solid #106ec5;
	}
		#navigation #coin-perso-hover li { background:url("../img/puce-bleu.jpg") no-repeat 6px;}
			#navigation #coin-perso-hover li a:hover { background:url("../img/puce-bleu.jpg") #93d8fa no-repeat 6px; }