/* CSS Document */


/* Eléménts communs */

body, html {
	height: 100%;
	margin: 0;
}

body {
	background: url(../img/global_bkg.png);	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a, a:visited{
	text-decoration: none;
	color: #791F0B; 
}

a:hover  {
	color: #943F02;
}

p { 
	margin: 5px 0px 12px 0px; 
} 

h1 {
	width: 504px;
	height: 66px;
	margin-bottom: 10px;
}

h2{
	font-size: 15px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #791F0B;
	margin-bottom: 10px;
	line-height: normal;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 8px 0px 6px 0px;
}

.small {
	font-size: 10px;
}

.link_top {
	margin-top: 12px;
	text-align: right;
}

a.link_top {
	font-size: 10px;
}

ul {
	list-style: none;	
}

#extra ul, #spectacle ul, ul.video, ul.rdp, ul.edt {
	margin-top: 6px;
	margin-bottom: 20px;
	font-weight: bold;
} 

#extra ul li, #spectacle ul li, .media ul.video li, #rdp ul li, #rdpvid ul li, ul.edt li {
	background: url(../img/puce.gif) no-repeat 0px 5px;
	padding-left: 30px;
	margin-bottom: 6px;
	
}

#rdp ul, #rdpvid ul, ul.edt{
	font-weight: normal;
}

/* Global ***********************************************************************************************************************/

#ombre_right, #ombre_bottom, #ombre_left, #ombre_top, #global, #vertical_line {
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 1000px;
}
#global {
	background: url(../img/global_graph.png) no-repeat top left !important;
	background: url(../img/global_graph_IE.png) no-repeat top left;
}
#ombre_right {
	background: url(../img/global_ombre_d.png) top right repeat-y !important;
	background: url(../img/pix.gif) top right repeat-y;
}
#ombre_bottom {
	background: url(../img/global_ombre_b.png) bottom left repeat-x !important;
	background: url(../img/pix.gif) bottom repeat-x;
}
#ombre_left {
	background: url(../img/global_ombre_g.png) top left repeat-y;
}
#ombre_top {
	background: url(../img/global_ombre_h.png) top left repeat-x ;
}
#top_line {
	background: url(../img/global_top_line.png) no-repeat !important;
	background: url(../img/global_top_line.gif) no-repeat;
	position: absolute;
	height: 142px;
	width: 100%;
}

#vertical_line {
	background: url(../img/global_vertical_line.png) repeat-y !important;
	background: url(../img/global_vertical_line.gif) repeat-y;
}

#contain {
	width: 714px;
	margin: 0;
	padding: 0;
	padding: 142px 0px 0px 287px;
}

#contain_contain {
	line-height: 15px;
	padding: 0px 86px 10px 86px;
	min-height: 657px;
}

#livre_top_top {
	height: 47px;
}
#livre_top, #livre_middle, #livre_bottom {
	min-height: 100%;
}
#livre_bottom_bottom {
	height: 61px;
	text-align: center;
}

/* menu *************************************************************************************************************************/

#menu {
	position: absolute;
	width: 155px;
	height: 471px;
	top: 196px;
	left: 181px;
}
#menu_left {
	position: absolute;
	left: 0;
	width: 136px;
	height: 544px;
	background: url(../img/menu_bkg.png) no-repeat top right !important;
	background: url(../img/menu_bkg_IE.png) no-repeat top right;
}
#menu_right {
	position: absolute;
	right: 0;
	width: 19px;
	height: 489px;
	background: url(../img/menu_lien.png) no-repeat !important;
	background: url(../img/menu_lien.gif) no-repeat;
}
#menu img {
	width: 111px;
	height: 43px;
}

#menu a, #menu div div  {	
	display: block;
	position: relative;
	width: 111px;
	height: 43px;
	margin-left: 25px;
}
#menu a: hover {
	position: relative;
}

a.menu_1, .active_1 { margin-top: 21px; }
a.menu_2, .active_2 { margin-top: 12px; }
a.menu_3, .active_3 { margin-top: 10px; }
a.menu_4, .active_4 { margin-top: 15px; }
a.menu_5, .active_5 { margin-top: 6px; }
a.menu_6, .active_6 { margin-top: 13px; }
a.menu_7, .active_7 { margin-top: 13px; }
a.menu_8, .active_8 { margin-top: 9px; }
a.menu_9, .active_9 { margin-top: 3px; }

a.menu_1:hover, .active_1 { background: url(../img/menu_1.png) no-repeat !important; background: url(../img/menu_1_IE.png) no-repeat right; }
a.menu_2:hover, .active_2 { background: url(../img/menu_2.png) no-repeat !important; background: url(../img/menu_2_IE.png) no-repeat right; }
a.menu_3:hover, .active_3 { background: url(../img/menu_3.png) no-repeat !important; background: url(../img/menu_3_IE.png) no-repeat right; }
a.menu_4:hover, .active_4 { background: url(../img/menu_4.png) no-repeat !important; background: url(../img/menu_4_IE.png) no-repeat right; }
a.menu_5:hover, .active_5 { background: url(../img/menu_5.png) no-repeat !important; background: url(../img/menu_5_IE.png) no-repeat right; }
a.menu_6:hover, .active_6 { background: url(../img/menu_6.png) no-repeat !important; background: url(../img/menu_6_IE.png) no-repeat right; }
a.menu_7:hover, .active_7 { background: url(../img/menu_7.png) no-repeat !important; background: url(../img/menu_7_IE.png) no-repeat right; }
a.menu_8:hover, .active_8 { background: url(../img/menu_8.png) no-repeat !important; background: url(../img/menu_8_IE.png) no-repeat right; }
a.menu_9:hover, .active_9 { background: url(../img/menu_9.png) no-repeat !important; background: url(../img/menu_9_IE.png) no-repeat right; }

#livre_bottom_bottom ul {
	list-style-type:none;
	font-size: 10px;
	padding-top: 16px;
}

#livre_bottom_bottom ul li {
	display: inline;
}

div#spectacle, div#extra, div#rdp, div#rdpvid {
	float: left;
}

div#spectacle, div#rdp, div#extra {
	width: 256px;
	padding-right: 20px;
}
div#extra {
	padding:0;
}

/* equipe ***********************************************************************************************************************/

.equipe_list a {
	font-size: 10px
}

#cadre_photo div {
	width: 151px;
	padding: 0px 10px;
	float: left;
	height: 180px;
	text-align: center;	
	padding-top: 23px;
}

div.cadre_photo1 {
	background: url(../img/cadre_photo1.png) no-repeat top center	!important;
	background: url(../img/cadre_photo1.gif); 
}

div.cadre_photo2 {
	background: url(../img/cadre_photo2.png) no-repeat top center !important;
	background: url(../img/cadre_photo2.gif) ;
}

div.cadre_photo3 {
	background: url(../img/cadre_photo3.png) no-repeat top center !important;
	background: url(../img/cadre_photo3.gif);
}

div.cadre_photo4 {
	background: url(../img/cadre_photo4.png) no-repeat top center !important;
	background: url(../img/cadre_photo4.gif);
}

div#cadre_photo div div {
	width: 151px;
	height: 106px;
	padding: 0;
	text-align: center;
	background-image: none;
	margin-bottom: 22px;
	position: relative;
}

#cadre_photo img {
	position: absolute;
	top: 50%;
	left: 50%;
}

/* bliographie / revue de presse ************************************************************************************************/

ul.rdp li, ul.video li {
	margin-left: 10px;
}

/* spectacles *******************************************************************************************************************/

#spectacle a, #extra a  {
	font-weight: bold;
}
 
#extra ul ul{
	margin: 0;
	margin-left: 8px;
	list-style-image: none;
	list-style-position: outside;
	font-weight: normal;
}

#extra ul ul li {
	background: none;
	margin: 0;
	padding: 0;
}

div.spec_gallery {
	background: url(../img/spec_photo.png) no-repeat !important;
	background: url(../img/spec_photo.gif) no-repeat;
	height: 154px;
	width: 385px;
	text-align: center;
	margin-bottom: 20px;
}

.spec_gallery img {
	margin: 32px 6px 0px 6px;
}

h2.spectacle {
	font-size: 17px;
}

h3.spec_rub  {
	margin: 16px 0px 10px 0px;
	width: 214px;
	height: 51px;
} 
#spec_rub_1 {
	background: url(../img/spec_rub_1.png) no-repeat !important;
	background: url(../img/spec_rub_1.gif) no-repeat;
}
#spec_rub_2 {
	background: url(../img/spec_rub_2.png) no-repeat !important;
	background: url(../img/spec_rub_2.gif) no-repeat;
}
#spec_rub_3 {
	background: url(../img/spec_rub_3.png) no-repeat !important;
	background: url(../img/spec_rub_3.gif) no-repeat;
}
#spec_rub_4 {
	background: url(../img/spec_rub_4.png) no-repeat !important;
	background: url(../img/spec_rub_4.gif) no-repeat;
}
#spec_rub_5 {
	background: url(../img/spec_rub_5.png) no-repeat !important;
	background: url(../img/spec_rub_5.gif) no-repeat;
}
/* Commun accordion media & calendrier ******************************************************************************************/

#accordion_media {
	width: 542px;
}

#accordion_calendrier h2, #accordion_media h2 {
	padding-left: 20px;
}

#accordion_calendrier h2.ui-state-default, #accordion_media h2.ui-state-default  {
	cursor: pointer;	
	background: url(../img/arrow_unactive.png) no-repeat 2px 3px !important;
	background: url(../img/arrow_unactive.gif) no-repeat 2px 3px;
}

#accordion_calendrier h2.ui-state-active, #accordion_media h2.ui-state-active  {
	background: none;
	background: #FFEAAC url(../img/arrow_active.png) no-repeat 2px 3px !important;
	background: #FFEAAC url(../img/arrow_active.gif) no-repeat 2px 3px;
}

/* Médias ***********************************************************************************************************************/

div.media {
	margin: 0px 0 10px 0;
}

div#gallery p {
	height: 98px;
	width: 98px;
	dispey: block;
	text-align: center;
	background-color: #000;
	margin: 0px 6px 6px 0px;
	float: left;
}

#accordion_media h2 {
	margin-bottom: 10px;
	
}
 
 /* agenda ***********************************************************************************************************************/

p.agenda_date {
	margin-top: 46;
	margin-bottom: 6px;
}

div.agenda_info {
	margin: 0px 0px 6px 20px;
	font-size: 11px;
}

p.agenda_lieu {
	margin-bottom: 6px;
}

#archive {
	background: url(../img/rub_archive.png) no-repeat !important;
	background: url(../img/rub_archive.gif) no-repeat;
}
 
/* specifiques ******************************************************************************************************************/
	
#cadre_context {
	width: 150px;
	height: 240px;
	top: 410px;
	left: 34px;
	border: 0px solid #009999;
	position: absolute;
	font-size: 10px;
}

#scrollup {
  position: relative;
  overflow: hidden;
  height: 240px;
  width: 150px;
}
.headline {
  position: absolute;
  top: 250px;
  height: 230px;
  width:150px;
}

#contact {
	float: right;
	width: 173px;
	height: 123px;
	margin: 0px 0px 30px 60px;
	background: url(../img/enveloppe.png) no-repeat !important;
	background: url(../img/enveloppe.gif) no-repeat;
}

.clr { clear: both; }