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


body {
	background-color: #000;
	padding: 0px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 1em;
	}
#centre #conteneur #menucentre .conteneurdroit a {
	color: #FFFFFF;
	text-decoration: none;
}
#centre #conteneur #menucentre .conteneurdroit a:hover {
	color: #B2171C;
	text-decoration: none;
}
.conteneurdroit {
	float: left;
	margin-top: 10px;
	font-size: 0.7em;
	margin-bottom: 10px;
}

hr.both
{
	visibility:hidden;
	height:0;
	width:0;
	clear:both;
}
	
	#centre {
	position:absolute;
	left:50%;
	top:50%;
	width: 900px;
	height: 650px;
	margin-left:-450px; /* Cette valeur doit être la moitié négative de la valeur du width */
	margin-top:-325px;
	text-align: center;
}

#conteneur {
	border: 1px solid #FFF;
	height: 600px;
	width: 900px;
	background-image: url(../images/css/fond_conteneur_actualite.gif);
	background-repeat: no-repeat;
	text-align: left;
}
#menucentre/* ----- menu centre ----- */
	

 {
	border: 1px solid #FFF;
	background-color:#000;
	background-color: #0B0B0B;
	height: 450px;
	width: 540px;
	margin-top:120px;
	margin-left: 160px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	}
#centre #conteneur #menucentre a {
	color: #FFFFFF;
}

#centre #conteneur #menucentre a:hover {
	color: #333333;
	background-color: #FFFFFF;
}
	
	#affiche{
	height: 240px;
	width: 250px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	float: left;
	margin-right: 10px;
	}
#centre #conteneur #menucentre .introaccueil {
	margin-top: 50px;
	margin-right: 10px;
	font-size: 1.2em;
}
#centre #conteneur #menucentre #affiche .dateaffiche {
	width: 100%;
	height: 60px;
	margin-left: 5px;
}
#centre #conteneur #menucentre h1 {
	font-size: 1.6em;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 40px;
	text-transform: uppercase;
}
#centre #conteneur #menucentre li {
	font-size: 0.8em;
	text-align: left;
}
#centre #conteneur #menucentre li span {
}
#centre #conteneur #menucentre h2 {
	font-size: 1.3em;
	margin-left: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-variant: normal;
	letter-spacing: 0.1em;
}
#centre #conteneur #menucentre h3 {
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 0.9em;
	color: #FFFFFF;
}
#centre #conteneur #menucentre p {
	font-size: 0.8em;
	margin-top: 3px;
	margin-bottom: 3px;
}
	

	/* ----- menu vertical ----- */


#menuvertical {
	list-style-type: none;
	width: 160px;
	float: right;
	padding: 0px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
#menuvertical li {
	margin: 0px;
	padding: 0px;
	height: 55px;
}

#menuvertical span
{
	display:none;
}

	
#menuvertical a
{
	display:block;
	width:100%;
	height:100%;
}
#menuvertical /* menu vertical ROUGE */
	/* menu vertical ROUGE */
	/* menu vertical ROUGE */


.menu_accueil {
	width:160px;
	background-image: url(../images/css/fond_menu_accueil.png);
}
	
	
#menuvertical .menu_actualite {
	width:160px;
	background-image: url(../images/css/fond_menu_actualites.png);
}

#menuvertical .menu_programme {
	width:160px;
	background-image: url(../images/css/fond_menu_programmes.png);
}

#menuvertical .menu_spectacle {
	width:160px;
	background-image: url(../images/css/fond_menu_spectacle.png);
}

#menuvertical .menu_themes {
	width:160px;
	background-image: url(../images/css/fond_menu_themes.png);
}

#menuvertical .menu_billetteries {
	width:160px;
	background-image: url(../images/css/fond_menu_billetteries.png);
}

#menuvertical .menu_boutique {
	width:160px;
	background-image: url(../images/css/fond_menu_boutique.png);
}

#menuvertical .menu_venir {
	width:160px;
	background-image: url(../images/css/fond_menu_venir.png);
}

#menuvertical .menu_contact {
	width:160px;
	background-image: url(../images/css/fond_menu_contact.png);
}

#menuvertical .menu_newsletters {
	width:160px;
	background-image: url(../images/css/fond_menu_newsletters.png);
}








#menuvertical .menu_accueil a:hover {
	background-image: url(../images/css/fond_menu_accueil_survol_rouge.png);
	padding:0;
	margin::0;
}	
	
	
#menuvertical .menu_actualite a:hover {
	background-image: url(../images/css/fond_menu_actualites_survol_rouge.png);
	padding:0;
	margin::0;
}
	
	
#menuvertical .menu_spectacle a:hover {
	background-image: url(../images/css/fond_menu_spectacle_survol_rouge.png);
	padding:0;
	margin::0;
}	
	
	
#menuvertical .menu_programme a:hover {
	background-image: url(../images/css/fond_menu_programmes_survol_rouge.png);
	padding:0;
	margin::0;
}	
	
#menuvertical .menu_themes a:hover {
	background-image: url(../images/css/fond_menu_themes_survol_rouge.png);
	padding:0;
	margin::0;
}
	
#menuvertical .menu_billetteries a:hover {
	background-image: url(../images/css/fond_menu_billetteries_survol_rouge.png);
	padding:0;
	margin::0;
}	
	
#menuvertical .menu_boutique a:hover {
	background-image: url(../images/css/fond_menu_boutique_survol_rouge.png);
	padding:0;
	margin::0;
}		
	
#menuvertical .menu_venir a:hover {
	background-image: url(../images/css/fond_menu_venir_survol_rouge.png);
	padding:0;
	margin::0;
}		

#menuvertical .menu_contact a:hover {
	background-image: url(../images/css/fond_menu_contact_survol_rouge.png);
	padding:0;
	margin::0;
	}		

#menuvertical .menu_newsletters a:hover {
	background-image: url(../images/css/fond_menu_newsletters_survol_rouge.png);
	padding:0;
	margin::0;
	}
#centre #conteneur #toto {
	position: absolute;
	height: 201px;
	width: 540px;
	z-index: 999;
	float: right;
	top: 390px;
	left: 161px;
	background-color: #999999;
	text-align: center;
	line-height: 100px;
}
label    {

}
.messageEcran {
	font-weight: bold;
	color: #FF0000;
	margin-right: 150px;
	text-indent: 0px;
}
.label150 {
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
	text-align: right;
	padding-right: 150px;
}


.actu {
	height: 260px;
	width: 220px;
	float: left;
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 10px;
}
#centre #conteneur #menucentre .actu .phototheme {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.actu-off {
	background-image: url(../images/css/fond_actu_off.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: 260px;
	float: left;
	padding:10px;
	margin-left: 5px;
	margin-top: 5px;
}
.actu  h6,
.actu-off  h6 {
	font-size: 14px;
	letter-spacing: normal;
	text-align: center;
	word-spacing: normal;
	padding: 0px;
	color: #666666;
	margin: 0px;
	height: 30px;
}


#conteneur .actu-off p,
#conteneur .actu p {
	margin-right: 15px;
}

.actu a {
	text-decoration: none;
	padding: 10px;
	color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.actu a:hover, .actu a:focus {
	background-image: url(../images/css/fond_actu_survol.gif);
	background-repeat: no-repeat;
}
.brdblanc {
	border: 4px solid #FFFFFF;
	margin-bottom: 5px;
	margin-right: 10px;
}

#conteneur .actu img {
	float: left;
	padding-right: 5px;
	height: 200px;
	width: 200px;
	padding-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#pieddepage a,
#pieddepage a:hover,
#pieddepage a:link,
#pieddepage a:visited,
#pieddepage a:active {
	color: #FFFFFF;
	text-decoration: none;
}