html {   
    margin:0;
}   
#conteneur {
	position:relative;
	background-color:#FFFFFF;
}
#header {
	position:relative;
	width:870px;
	height: 125px;
}
#logo {
	position:absolute;
	top:17px;
	left:30px;
	z-index:1;
}
#centre {
	position:relative;
	width:870px;
	height: 555px;
}
#footer {
	position:relative;
	width:870px;
	height: 60px;
	color:#6C6C6C;
	font-family:arial, SunSans-Regular;
	font-size:11px;
	padding-top: 8px;:
	
}
#div_menu {
	position:absolute;
	top:145px;
	left:30px;
	width:170px;
	height:380px;
	overflow-y:auto;
}
.menu a:hover,.menu_1 a:hover, .sousmenu a:hover, .sousmenu a:active,.sousmenu a:focus,.sousmenu_1 a:hover, .sousmenu_1 a:active,.sousmenu_1 a:focus{
	COLOR:#AF0F16;
}

.menu{
	height: 16px;
	width:148px;
	vertical-align:top;
	border-color: #868686;
	border-width: 0 1 1 1px;
	border-style: solid;
	padding-left: 2px;
	background:#FFF; 
	filter:alpha(opacity=80);/*IE*/
  	-moz-opacity:0.80;/*autres nav*/
 	opacity:0.80;
	z-index:2;
}
.menu a{
	display:block;
	color:#708289;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}

.menu_1{
	height: 16px;
	width:148px;
	vertical-align:top;
	border-color: #868686;
	border-width: 1px;
	border-style: solid;
	padding-left: 2px ;
	background:#FFF; 
	filter:alpha(opacity=80);/*IE*/
  	-moz-opacity:0.80;/*autres nav*/
 	opacity:0.80;
	z-index:2;
}
.menu_1 a{
	display:block;
	color:#708289;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}

.sousmenu{
	min-height:16px;
	width:141px;
	font-family:Arial;
	background:#868686; 
	border-color:#FFFFFF;
	border-width:1 0 0 0px;
	border-style:solid;
	padding-left:10px ;

}
.sousmenu a{
	display:block;
	color:#000000;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}

.sousmenu_1{
	min-height:16px;
	width:141px;
	font-family:Arial;
	background:#868686; 
	padding-left:10px ;

}
.sousmenu_1 a{
	display:block;
	color:#000000;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	
}

#agenda_menu{
	position:absolute;
	top:25px;
	left:235px;
	width:315px;

}

#agenda_contenu{
	position:absolute;
	top:58px;
	left:235px;
	width:315px;
	max-height:470px;
	overflow-y:auto;
	background-color:#FFFFFF;
	border-top:#868686 1px dotted;
	border-left:#868686 1px dotted;
	border-right:#868686 1px dotted;
	border-bottom:#868686 1px dotted;
}

#contenu_mois{
	 font-family:arial;
	 font-size:15px;
	 font-weight:bold;
	 background-color:#868686;
	 color:#FFFFFF;
	 padding-left:12px;
}

#contenu_titre{
	position:relative;
	border-top:#868686 1px dotted;
	/*border-left:#868686 1px dotted;
	border-right:#868686 1px dotted;*/
	border-bottom:#868686 1px dotted;
	text-decoration:underline;
	padding-left:18px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:3px;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	color:#BE3525;
}

#contenu_date_heure{
	position:relative;
	margin-left:12px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#EB5A00;
	padding-top:13px;
}

#contenu_lieu{
	position:relative;
	margin-left:12px;
	font-family:arial;
	font-size:11px;
	color:#716868;
}


#agenda_photo_conteneur{
	position:absolute;
	top:58px;
	left:588px;
	width:245;
	height:360px;
}
#agenda_photo{
	position:relative;
	top:0px;
	left:0;
	width:245px;
	max-height:320px;
	overflow-y:hidden;
}

#agenda_plus_photo{
position:relative;
	top:20px;
}

select#combo_mois {
width: 90px;
}
select#combo_spectacle {
width: 214px;
}

























.chifpopupphoto {
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	background-color: #000000;
	border: 1px solid #7D7374;
}

.tipopupphoto {
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
}
a.popupphoto:link{
	color: #FFFFFF;
	text-decoration: none;
}
a.popupphoto:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.popupphoto:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.popupphoto:hover {
	color: #FFFFFF;
	text-decoration: none;
}













#spectacles_menu{
	position:absolute;
	top:25px;
	left:509px;
	width:315px;

}

#spectacles_contenu{
	position:absolute;
	top:58px;
	left:528px;
	width:315px;
	height:470px;
	overflow-y:auto;
	background-color:#FFFFFF;
	border-top:#868686 1px dotted;
	border-left:#868686 1px dotted;
	border-right:#868686 1px dotted;
	border-bottom:#868686 1px dotted;
}

#spectacles_contenu_titre{
	 font-family:arial;
	 font-size:15px;
	 font-weight:bold;
	 padding-left:13px;
	 background-color:#868686;
	 color:#FFFFFF;
}

#spectacles_contenu_sous-titre{
	position:relative;
	
	padding-left:13px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#BE3525;
}


#spectacles_contenu_entete{
	position:relative;
	margin-top:10px;
	padding-left:13px;
	font-family:arial;
	font-size:11px;
	color:#716868;
}

#spectacles_contenu_rubrique{
	padding-top:3px;
	margin-left:7px;
	margin-right:10px;
	position:relative;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:#AF0F16;
	height:18px;
	border-top:#868686 1px dotted;
	/*border-left:#868686 1px dotted;
	border-right:#868686 1px dotted;*/
	border-bottom:#868686 1px dotted;
}

#spectacles_contenu_date_heure{
	position:relative;
	margin-left:13px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#EB5A00;
}

#spectacles_contenu_lieu{
	position:relative;
	margin-left:13px;
	font-family:arial;
	font-size:11px;
	color:#716868;
}

#spectacles_photo_conteneur{
	position:absolute;
	top:23px;
	left:215px;
	width:245;
	height:520px;
}

#spectacles_plus_photo{
position:relative;
}

#spectacles_photo{
	position:relative;
	top:10px;
	left:0;
	width:313px;
	height:160px;
	overflow-y:hidden;
}

#spectacles_lecteur_video{
	position:relative;
	top:20px;
	width:290px;
	height:240px;
	
}

#spectacles_lecteur_mp3{
	position:relative;
	top:20px;
	width:210px;
	height:20px;

}

a.partenaire:link{
	color: #716868;
	text-decoration: none;
}
a.partenaire:active {
	color: #716868;
	text-decoration: none;
}
a.partenaire:visited {
	color: #716868;
	text-decoration: none;
}
a.partenaire:hover {
	color: #AF0F16;
	text-decoration: none;
}

select#combo_compagnie {
width: 120px;
}
select#combo_comedien {
width: 190px;
}