/* ***** DEBUT DU BLOCK DE LICENSE *****

 * Ce fichier fait partie du site http://www.theatredeproposition.com
 * Copyright (c) 2007 theatredeproposition.com , Tous droits réservés
 * Auteur :
 * volverein (http://www.volverein.com/)
 
 * ***** FIN DU BLOCK DE LICENCE *****
 */

/******************  Gestion du menu ********************/
/* Menu CSS - utilisant la technique des sliding doors (Horizontal) */


/*Gestion du contenu du menu */
#logo_theatre{
	display:block;
	margin-top: -267px;
	position: absolute;
	width:291px;
	height:291px;
	background: url(../images/menu/logo.png) 0 0 no-repeat;
	z-index: 0;
}
div#menu{
	width: 756px;
	height: 50px;
	margin : 0 0 0 0;
	padding : 0;
	text-align:left;
	overflow:hidden;
	background-color: black;
	z-index: 1;
}
div#menu ul {
	list-style-type: none;
	margin: 0 20px 0 20px;
	padding: 0;
	border-top: 2px solid #cecece;
	border-bottom: 2px solid #cecece;
	height: 40px;
}

div#menu li {
	margin: 0;
	padding: 0;
	display: inline;
}

div#menu ul li {
	float: left;
	text-align: center;
	padding: 4px 0;
	margin-left: 10px;
}
div#menu ul li a{
	height: 30px;
	color: #fffefe;
	text-decoration: none;
	font-size: 18px;
}
/*Menu Accueil*/
div#menu ul li a#mAccueil {
	display: block;
	width: 70px;
	background: url(../images/menu/accueil.jpg) center no-repeat;
}

div#menu ul li a#mAccueil:hover{
	background: url(../images/menu/accueil_hover.jpg) center no-repeat;
}

div#menu ul li a#mAccueilCourant {
	display: block;
	width: 70px;
	background: url(../images/menu/accueil_hover.jpg) center no-repeat;
}

/*Menu Le théâtre*/
div#menu ul li a#mTheatre{
	display: block;
	width: 115px;
	background: url(../images/menu/theatre.jpg) center no-repeat;
}

div#menu ul li a#mTheatre:hover {
	background: url(../images/menu/theatre_hover.jpg) center no-repeat;
}

div#menu ul li a#mTheatreCourant{
	display: block;
	width: 115px;
	background: url(../images/menu/theatre_hover.jpg) center no-repeat;
}

/*Menu Agenda Spectacles*/
div#menu ul li a#mProgramme {
	display: block;
	width: 80px;
	background: url(../images/menu/agenda.jpg) center no-repeat;
}

div#menu ul li a#mProgramme:hover {
	background: url(../images/menu/agenda_hover.jpg) center no-repeat;
}

div#menu ul li a#mProgrammeCourant {
	display: block;
	width: 80px;
	background: url(../images/menu/agenda_hover.jpg) center no-repeat;
}

/*Menu Formations*/
div#menu ul li a#mFormations {
	display: block;
	width: 85px;
	background: url(../images/menu/ateliers.jpg) center no-repeat;
}

div#menu ul li a#mFormations:hover {
	background: url(../images/menu/ateliers_hover.jpg) center no-repeat;
}

div#menu ul li a#mFormationsCourant {
	display: block;
	width: 85px;
	background: url(../images/menu/ateliers_hover.jpg) center no-repeat;
}

/*Menu Médiathèque*/
div#menu ul li a#mMediatheque {
	display: block;
	width: 128px;
	background: url(../images/menu/mediatheque.jpg) center no-repeat;
}

div#menu ul li a#mMediatheque:hover {
	background: url(../images/menu/mediatheque_hover.jpg) center no-repeat;
}

div#menu ul li a#mMediathequeCourant {
	display: block;
	width: 128px;
	background: url(../images/menu/mediatheque_hover.jpg) center no-repeat;
}

/*Menu Contacts*/
div#menu ul li a#mContacts {
	display: block;
	width: 92px;
	background: url(../images/menu/contacts.jpg) center no-repeat;
}

div#menu ul li a#mContacts:hover {
	background: url(../images/menu/contacts_hover.jpg) center no-repeat;
}

div#menu ul li a#mContactsCourant {
	display: block;
	width: 92px;
	background: url(../images/menu/contacts_hover.jpg) center no-repeat;
}

/*Menu Liens*/
div#menu ul li a#mLiens {
	display: block;
	width: 69px;
	background: url(../images/menu/liens.jpg) center no-repeat;
}

div#menu ul li a#mLiens:hover {
	background: url(../images/menu/liens_hover.jpg) center no-repeat;
}

div#menu ul li a#mLiensCourant {
	display: block;
	width: 69px;
	background: url(../images/menu/liens_hover.jpg) center no-repeat;
}

/******************  Gestion du menu pour la partie Externe********************/
/* Menu CSS pour la liste des Spectacles, et la liste des théâtres */


/*Gestion du contenu du menu */

/*Menu Spectacles Région*/
div#menu ul li a#mSpectaclesRegion {
	display: block;
	width: 182px;
	background: url(../images/menu/spectaclesregion.jpg) center no-repeat;
}

div#menu ul li a#mSpectaclesRegion:hover {
	background: url(../images/menu/spectaclesregion_hover.jpg) center no-repeat;
}

div#menu ul li a#mSpectaclesRegionCourant  {
	display: block;
	width: 182px;
	background: url(../images/menu/spectaclesregion_hover.jpg) center no-repeat;
}



/*Menu Théâtres Région*/
div#menu ul li a#mTheatresRegion {
	display: block;
	width: 165px;
	background: url(../images/menu/theatreregion.jpg) center no-repeat;
}

div#menu ul li a#mTheatresRegion:hover {
	background: url(../images/menu/theatreregion_hover.jpg) center no-repeat;
}

div#menu ul li a#mTheatresRegionCourant  {
	display: block;
	width: 165px;
	background: url(../images/menu/theatreregion_hover.jpg) center no-repeat;
}