@charset "UTF-8";
/* CSS Document */


body {
	background-image: url(../images/design/bg_points_mauve.jpg);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}


/*======================================================== CADRES DU FOND ========================================================
--------------------------------------------------------------------------------------------------------------------------------*/

#navContenu {
	height:500px;
}
	
#nav2Cadre, #nav2a, #nav2b {
	height:350px; /*toujours 150px de moins que #navContenu {*/
}

/*=========================================================== CONTENU ============================================================
--------------------------------------------------------------------------------------------------------------------------------*/

/*================== CADRE GAUCHE ===================*/
#cadre_gauche{
	position:absolure;
	width:auto;
	height:auto;	
	z-index:2;
	margin-left:5px;
	z-index:1;
}

#cadre_gauche_haut{
	background:url(../images/design/spectacles_cadre_gauche_haut.gif) no-repeat;
	width:694px;
	height:34px;
	position:relative;
	z-index:1;
}

#cadre_gauche_cont{
	background:url(../images/design/spectacles_cadre_gauche_cont.gif) repeat-y;
	width:675px;
	height:auto;
	position:relative;
	margin-left:8px;
	z-index:1;
}

#cadre_gauche_bas{
	background:url(../images/design/spectacles_cadre_gauche_bas.gif) no-repeat;	
	width:679px;
	height:54px;
	position:relative;
	margin-left:4px;
}

/*=============== CADRE GAUCHE CONTENU ===============*/

/*..........Titres..........*/
#spectacles_present_titre, #spectacles_passe_titre{
	margin-left:20px;
}

#spectacles_passe_titre{
	margin-top:20px;
}


/*........... DROP DOWN ...............*/
ul.drop_down { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:4;
}

ul.drop_down li.principal, ul.drop_down li.choix { /* all list items */
	float: left;
	position: relative;
	z-index:3;
}

ul.drop_down li.choix { /* choix item */
	margin-left:5px;
}

li.choix ul.drop_down { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	background-color:#fff;
	border:1px #f7ac18 solid;
}

ul.drop_down li.on, ul.drop_down li.off a{ /* second-level lists visual */
	width:80px;
	display:block;
	height:20px;
	padding-left:5px;
	padding-top:4px;
	color:#000;
}

ul.drop_down li.on { /* second-level lists ON visual */
	border-bottom:1px #fff daed;
	background-color:#f7ac18;
}

ul.drop_down li.off a:hover { /* second-level lists over */
	background-color:#f7ac18;
}

li.choix>ul.drop_down { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	z-index:3;
}

li:hover ul.drop_down, li.over ul.drop_down{ /* lists nested under hovered list items */
	display: block;
}

.fiches_listes_titres{ /* lists nested under hovered list items */
	padding-top:10px;
	clear:left;
}


/*............. LISTE .................*/
.spectacles_liste{
	position:relative;
	width:auto;
	height:auto;
	margin-left:30px;
}

#spectacles_liste_present{
	z-index:2;
}

#spectacles_liste_passe{
	z-index:1;
}

.spectacles_liste_haut{
	background:url(../images/design/spectacles_liste_haut.gif) no-repeat;
	width:606px;
	height:12px;
	position:relative;
	margin-left:1px;
	z-index:1;
}

.spectacles_liste_cont{
	background:url(../images/design/spectacles_liste_cont.gif) repeat-y;
	width:607px;
	height:auto;
	position:relative;
	display:block;
	padding-left:30px;
	z-index:3;
}

#spectacles_liste_haut_present, #spectacles_liste_cont_present{
	z-index:3;
}

#spectacles_liste_haut_passe, #spectacles_liste_cont_passe{
	z-index:2;
}

.fiches_present{
	display:block;
	position:relative;
	z-index:1;
}

.separateur_hor_int{
	margin-top:5px;
	margin-bottom:5px;
	z-index:1;
}

.fiche_complete {
	background:url(../images/design/spectacles_liste_ouvert.png) no-repeat;
	width:564px;
	height:107px;
	margin-top:10px;
	margin-left:-5px;
	padding-top:10px;
	padding-left:20px;
	display:none;
	z-index:3;
}

span.date {	display:inline-block;	width:150px;	z-index:2;}
span.ville {	display:inline-block;	width:160px;	z-index:2;}
span.salle {	display:inline-block;	width:275px;	z-index:2;}

.fiches_present .fiche_resume {
	cursor:pointer;
}


.fiche_resume {
	background-repeat: no-repeat;
	background-position:-20px ;
	height:30px;
	margin-bottom:-15px;
	z-index:3;
}

span.adresse, span.site_internet, span.heure, span.supplementaires {	display:block; font-size:10px; z-index:5;}
span.supplementaires {	margin-top:5px;}

.fiche_bt {	margin-left:10px; cursor:pointer; display:none;}
.fiche_complete_bt { position:absolute; right:60px; display:block; font-size:10px; cursor:pointer; }

.spectacles_liste_bas{
	background:url(../images/design/spectacles_liste_bas.gif) no-repeat;
	width:612px;
	height:33px;
	position:relative;
	margin-left:-5px;
	z-index:1;
}


/*================= BOITE À MUSIQUE ==================*/

#boite_musique_cadre{
	position:absolute;
	right:15px;
	bottom:35px;
	text-align:right;
	text-align:left;
}

#boite_musique_content { 
	height:210px;
}

#boite_musique_swf{
}