/* CSS Document */

#menu
{
	overflow: hidden;
	float: left;
	width: 770px;
	margin-top: 17px;
}
#menu a:focus {
 outline:none; 
}

#menu ul
{
	margin: 0px;
	padding: 0px;
}

#menu li
{
	float: left;
}

#menu_1, #menu_2, #menu_3, #menu_4 , #menu_5
{
	display: block;
	position: absolute;
	float: left;
	/*height: 20px;*/
	z-index: 999;
	margin-top: -2px;
}

#menu_1 a, #menu_1 a:link, #menu_2 a, #menu_2 a:link, #menu_3 a, #menu_3 a:link, #menu_4 a, #menu_4 a:link, #menu_5 a, #menu_5 a:link
{
	display: block;
	position: relative;
	float: left;
	margin-top: 0;
	height: 24px;
}

#sub_menu_2, #sub_menu_3, #sub_menu_4, #sub_menu_5
{
	display: none;
	position: absolute;
	margin-top: 24px;
	background: #EAEAEA;
}

#sub_menu_2 li, #sub_menu_3 li, #sub_menu_4 li, #sub_menu_5 li
{
	display: block;
	height: 34px;
	
}

#sub_menu_2 li a, #sub_menu_2 li a:link, #sub_menu_3 li a, #sub_menu_3 li a:link, #sub_menu_4 li a, #sub_menu_4 li a:link, #sub_menu_5 li a, #sub_menu_5 li a:link
{
	float: left;
	clear: both;
	margin-top: 10px;
	height: 24px;
	border-bottom: 1px solid #D6D6D6;
}

 /* MENU 01 */
#menu_1
{
	margin-left: 25px;
	width: 64px;
}

#menu_1 a, #menu_1 a:link
{
	width: 64px;
	background: url('../images/btn_accueil.gif') left top no-repeat;
}

#menu_1 a:hover
{
	background: url('../images/btn_accueil_over.gif') left top no-repeat;
}


 /* MENU 02 */
#menu_2
{
	margin-left: 140px;
	width: 108px;
}

#menu_2 a#menu_2_0, #menu_2 a:link#menu_2_0
{
	width: 108px;
	background: url('../images/btn_actu1.gif') left top no-repeat;
}

#menu_2 a:hover#menu_2_0
{
	background: url('../images/btn_actu1_over.gif') left top no-repeat;
}

#sub_menu_2
{
	left: -25px;
	width: 155px;
}

#sub_menu_2 li, #sub_menu_2 li a, #sub_menu_2 li a:link
{
	width: 155px;

}

#sub_menu_2_1 a, #sub_menu_2_1 a:link
{
	background: url('../images/btn_actu2.gif') 24px top no-repeat;
}

#sub_menu_2_1 a:hover
{
	background: url('../images/btn_actu2_over.gif') 24px top no-repeat;
}

#sub_menu_2_2 a, #sub_menu_2_2 a:link
{
	background: url('../images/btn_agenda.gif') 24px top no-repeat;
}

#sub_menu_2_2 a:hover
{
	background: url('../images/btn_agenda_over.gif') 24px top no-repeat;
}

#sub_menu_2_3 a, #sub_menu_2_3 a:link
{
	background: url('../images/btn_breves.gif') 24px top no-repeat;
}

#sub_menu_2_3 a:hover
{
	background: url('../images/btn_breves_over.gif') 24px top no-repeat;
}

#sub_menu_2_4 a, #sub_menu_2_4 a:link
{
	background: url('../images/btn_revue.gif') 24px top no-repeat;
}

#sub_menu_2_4 a:hover
{
	background: url('../images/btn_revue_over.gif') 24px top no-repeat;
}

 /* MENU 03 */
#menu_3
{
	margin-left: 296px;
	width: 118px;
}

#menu_3 a, #menu_3 a:link
{
	width: 118px;
	background: url('../images/btn_nouveautes1.gif') left top no-repeat;
}

#menu_3 a:hover
{
	background: url('../images/btn_nouveautes1_over.gif') left top no-repeat;
}

#sub_menu_3
{
	left: -25px;
	width: 163px;
}

#sub_menu_3 li, #sub_menu_3 li a, #sub_menu_3 li a:link
{
	width: 163px;
}

#sub_menu_3_1 a, #sub_menu_3_1 a:link
{
	background: url('../images/btn_nouveautes2.gif') 26px top no-repeat;
}

#sub_menu_3_1 a:hover
{
	background: url('../images/btn_nouveautes2_over.gif') 26px top no-repeat;
}

#sub_menu_3_2 a, #sub_menu_3_2 a:link
{
	background: url('../images/btn_aParaitre.gif') 26px top no-repeat;
}

#sub_menu_3_2 a:hover
{
	background: url('../images/btn_aParaitre_over.gif') 26px top no-repeat;
}

#sub_menu_3_3 a, #sub_menu_3_3 a:link
{
	background: url('../images/btn_prepublications.gif') 26px top no-repeat;
}

#sub_menu_3_3 a:hover
{
	background: url('../images/btn_prepublications_over.gif') 26px top no-repeat;
}

#sub_menu_3_4 a, #sub_menu_3_4 a:link
{
	background: url('../images/btn_bandesAnnonces.gif') 26px top no-repeat;
}

#sub_menu_3_4 a:hover
{
	background: url('../images/btn_bandesAnnonces_over.gif') 26px top no-repeat;
}

 /* MENU 04 */
#menu_4
{
	margin-left: 459px;
	width: 108px;
}

#menu_4 a, #menu_4 a:link
{
	width: 108px;
	background: url('../images/btn_catalogue.gif') left top no-repeat;
}

#menu_4 a:hover
{
	background: url('../images/btn_catalogue_over.gif') left top no-repeat;
}

#sub_menu_4
{
	left: -24px;
	width: 154px;
}

#sub_menu_4 li, #sub_menu_4 li a, #sub_menu_4 li a:link
{
	width: 154px;
}

#sub_menu_4_1 a, #sub_menu_4_1 a:link
{
	background: url('../images/btn_recherche.gif') 24px top no-repeat;
}

#sub_menu_4_1 a:hover
{
	background: url('../images/btn_recherche_over.gif') 24px top no-repeat;
}

#sub_menu_4_2 a, #sub_menu_4_2 a:link
{
	background: url('../images/btn_collections.gif') 24px top no-repeat;
}

#sub_menu_4_2 a:hover
{
	background: url('../images/btn_collections_over.gif') 24px top no-repeat;
}

#sub_menu_4_3 a, #sub_menu_4_3 a:link
{
	background: url('../images/btn_series.gif') 24px top no-repeat;
}

#sub_menu_4_3 a:hover
{
	background: url('../images/btn_series_over.gif') 24px top no-repeat;
}

#sub_menu_4_4 a, #sub_menu_4_4 a:link
{
	background: url('../images/btn_auteurs.gif') 24px top no-repeat;
}

#sub_menu_4_4 a:hover
{
	background: url('../images/btn_auteurs_over.gif') 24px top no-repeat;
}

 /* MENU 05 */
#menu_5
{
	margin-left: 612px;
	width: 145px;
}

#menu_5 a, #menu_5 a:link
{
	width: 145px;
	background: url('../images/btn_divertissement.gif') left top no-repeat;
}

#menu_5 a:hover
{
	background: url('../images/btn_divertissement_over.gif') left top no-repeat;
}

#sub_menu_5
{
	left: -22px;
	width: 185px;
}

#sub_menu_5 li, #sub_menu_5 li a, #sub_menu_5 li a:link
{
	width: 185px;
}

#sub_menu_5_1 a, #sub_menu_5_1 a:link
{
	background: url('../images/btn_concours.gif') 23px top no-repeat;
}

#sub_menu_5_1 a:hover
{
	background: url('../images/btn_concours_over.gif') 23px top no-repeat;
}

#sub_menu_5_2 a, #sub_menu_5_2 a:link
{
	background: url('../images/btn_fonds.gif') 23px top no-repeat;
}

#sub_menu_5_2 a:hover
{
	background: url('../images/btn_fonds_over.gif') 23px top no-repeat;
}

#sub_menu_5_3 a, #sub_menu_5_3 a:link
{
	background: url('../images/btn_eCards.gif') 23px top no-repeat;
}

#sub_menu_5_3 a:hover
{
	background: url('../images/btn_eCards_over.gif') 23px top no-repeat;
}

#sub_menu_5_4 a, #sub_menu_5_4 a:link
{
	background: url('../images/btn_dossiers.gif') 23px top no-repeat;
}

#sub_menu_5_4 a:hover
{
	background: url('../images/btn_dossiers_over.gif') 23px top no-repeat;
}

#sub_menu_5_5 a, #sub_menu_5_5 a:link
{
	background: url('../images/btn_jeux.gif') 23px top no-repeat;
}

#sub_menu_5_5 a:hover
{
	background: url('../images/btn_jeux_over.gif') 23px top no-repeat;
}