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

body {
margin: 0;
padding: 0;
background-color:#000000;
color:#F7F4C0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
select, textarea, input{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
form{
padding:0;
margin:0;
}
#page{
margin: 0 auto;
padding: 0;
width:900px;
height: 100%;
text-align:center;
clear:both;
}
#gauche{
margin: 0;
padding: 0;
width:172px;
float:left;
text-align:left;
}
#gauche_profil{
margin: 10px 0 0 0;
padding: 0;
width:620px;
float:left;
text-align:left;
}
#droite{
margin: 0;
padding: 5px 0 0 0;
width:700px;
float: right;
text-align: justify;
}

#droite_profil{
margin: 0;
padding: 0;
width:270px;
float: right;
text-align: justify;
}
#pied{
margin: 30px auto 0 auto;
padding: 8px 0;
width:100%;
vertical-align:bottom;
text-align:center;
background-color: #6E0412;
float:left;
}
#rubrique{
float:left;
background: url(../images/m_rub.jpg);
width:700px;
height:auto;
}
#rubrique2{
float:left;
background :url(../images/m_rub2.jpg);
width:620px;
}
.gros{
font-size:14px;
font-weight:bold;
color:#F43D56;
}
.rouge{
color: #FF0000;
}
.rose{
color:#F43D56;
font-weight:bold;
}

.tableau_espace{
background-color: #6E0412;
padding:0;
margin:0;
}
.fond_rouge{
background-color: #A60E1B;
color:#FFFACC;
font-weight:bold;
font-size:10px;
}
.fond_rouge2{
background-color: #CC0000;
color:#FFFACC;
font-weight:bold;

}
.fond_noir{
background-color: #000000;
}
.fond_blanc{
background-color: #FFFFFF;
color: #550000;
}
.fond_gris{
background-color: #383737;
}
.fond_select{
background-color: #000000;
border:0;
color:#FFFFFF;
}
.petit{
color:#FFFACC;
font-size:9px;
}
.rouge{
color:#FF0000;
width:100%;
}
.video{
margin: 0 5px 0 0;
padding: 0;
width:337px;
text-align:center;
float:right;
}

.encadre{
padding:15px;
float:left;
margin:0;
width:670px;
}
.encadrespe{
padding:0 15px;
float:left;
margin:0;
width:670px;
}
	.encadrespe a{
	font-size:14px;
	font-weight:bold;
	color:#F43D56;
	}
.encadre2{
padding:15px;
width:620px;
}
.encadre3{
border: #5A5A00 solid 1px; 
padding:8px;
width:300px;
}
.encadre4{
border: #5A5A00 solid 1px; 
padding:8px;
float:left;
margin:5px 0;
width:85%;
}
.fond1{
background-color:#640808;
}
.fond2{
background-color:#730F0F;
}
.fond3{
background-color:#320B0C;
}
.fond4{
background-color:#48020C;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F7F4C0;
	text-decoration: none;
}
a:visited {
	color: #F7F4C0;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #F7F4C0;
	text-decoration: none;
}
/* menu */

	#menu {
		width:900px; 
		height:46px; 
		overflow:hidden;
		float:left;
		clear:both;
		padding: 0;
	}
	#menu ul {
	margin:0; 
	padding:0;
	}
	#menu li {
	list-style-type:none; 
	display:inline;
	}
	#menu a {
	display:block; 
	float:left; 
	overflow:hidden;  
	text-decoration:none;
	}
				#menu a#accueil{
				width:220px;
				height:46px;	
				background-image: url(../images/menu2_01.jpg);
				background-position: top;
				}
				#menu a#accueil:hover,a#accueil_o {
				width:220px;
				height:46px;	
				background-image: url(../images/menu2_01.jpg);
				background-position:bottom;
				}
				
				#menu a#spectacles {
				width:153px;
				height:46px;	
				background-image: url(../images/menu2_02.jpg);
				background-position: top;
				}
				#menu a#spectacles:hover, a#spectacles_o {
				width:153px;
				height:46px;	
				background-image: url(../images/menu2_02.jpg);
				background-position:bottom;
				}
			
				#menu a#producteurs {
				width:153px;
				height:46px;	
				background-image: url(../images/menu2_03.jpg);
				background-position: top;
				}
				#menu a#producteurs:hover, a#producteurs_o {
				width:153px;
				height:46px;	
				background-image: url(../images/menu2_03.jpg);
				background-position:bottom;
				}
				#menu a#billetterie {
				width:153px;
				height:46px;	
				background-image: url(../images/menu2_04.jpg);
				background-position: top;
				}
				#menu a#billetterie:hover, a#billetterie_o {
				width:153px;
				height:46px;	
				background-image: url(../images/menu2_04.jpg);
				background-position:bottom;
				}
				#menu a#liens {
				width:221px;
				height:46px;	
				background-image: url(../images/menu2_05.jpg);
				background-position:top;
				}
				#menu a#liens:hover, a#liens_o {
				width:221px;
				height:46px;	
				background-image: url(../images/menu2_05.jpg);
				background-position:bottom;
				}
/* ---------------sousmenu2 */

			ul#sousmenu2 {
				list-style: none;
				width: 171px;
				margin:3px 0 0 0;
				padding:0;
			}
			ul#sousmenu2 li a{
				display: block;
				width: 171px;
				height: 28px;
				margin:0 0 2px 0;
				}

				ul#sousmenu2 a#concept{	
				background-image: url(../images/sousmenu_accueil_01.jpg);
				background-position: top;
				}
				ul#sousmenu2 a#concept:hover, a#concept_o {
				background-image: url(../images/sousmenu_accueil_01.jpg);
				background-position:bottom;
				}
				ul#sousmenu2 a#faq {
				background-image: url(../images/sousmenu_accueil_02.jpg);
				background-position: top;
				}
				ul#sousmenu2 a#faq:hover, a#faq_o {
				background-image: url(../images/sousmenu_accueil_02.jpg);
				background-position:bottom;
				}
				ul#sousmenu2 a#news {	
				background-image: url(../images/sousmenu_accueil_03.jpg);
				background-position: top;
				}
				ul#sousmenu2 a#news:hover, a#news_o {
				background-image: url(../images/sousmenu_accueil_03.jpg);
				background-position:bottom;
				}
				ul#sousmenu2 a#portrait{	
				background-image: url(../images/sousmenu_accueil_04.jpg);
				background-position: top;
				}
				ul#sousmenu2 a#portrait:hover, a#portrait_o {	
				background-image: url(../images/sousmenu_accueil_04.jpg);
				background-position:bottom;
				}


/* ---------------sousmenu3 */
	#sousmenu3 {
		width:700px; 
		height:37px; 
		overflow:hidden;
		float:left;
		padding: 0;
	}
	#sousmenu3 ul {
	margin:0; 
	padding:0;
	}
	#sousmenu3 li {
	list-style-type:none; 
	display:inline;
	}
	#sousmenu3 a {
	display:block; 
	float:left; 
	overflow:hidden;  
	text-decoration:none;
	}
				#sousmenu3 a#synopsis{
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_01.jpg);
				background-position: top;
				}
				#sousmenu3 a#synopsis:hover, a#synopsis_o {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_01.jpg);
				background-position:bottom;
				}
				#sousmenu3 a#auteurs {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_02.jpg);
				background-position: top;
				}
				#sousmenu3 a#auteurs:hover, a#auteurs_o {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_02.jpg);
				background-position:bottom;
				}
				#sousmenu3 a#distri {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_03.jpg);
				background-position: top;
				}
				#sousmenu3 a#distri:hover, a#distri_o {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_03.jpg);
				background-position:bottom;
				}
				#sousmenu3 a#prod {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_04.jpg);
				background-position: top;
				}
				#sousmenu3 a#prod:hover, a#prod_o {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_04.jpg);
				background-position:bottom;
				}
				#sousmenu3 a#part {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_05.jpg);
				background-position: top;
				}
				#sousmenu3 a#part:hover, a#part_o {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_05.jpg);
				background-position:bottom;
				}
				#sousmenu3 a#interviews {
				width:155px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_06.jpg);
				background-position: top;
				}
				#sousmenu3 a#interviews:hover, a#interviews_o {
				width:155px;
				height:37px;	
				background-image: url(../images/sousmenu_spectacles_06.jpg);
				background-position:bottom;
				}

/* ---------------sousmenu4 */
	#sousmenu4 {
		width:620px; 
		height:37px; 
		overflow:hidden;
		float:left;
		padding: 0;
	}
	#sousmenu4 ul {
	margin:0; 
	padding:0;
	}
	#sousmenu4 li {
	list-style-type:none; 
	display:inline;
	}
	#sousmenu4 a {
	display:block; 
	float:left; 
	overflow:hidden;  
	text-decoration:none;
	}
				#sousmenu4 a#profil{
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_01.jpg);
				background-position: top;
				}
				#sousmenu4 a#profil:hover, a#profil_o {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_01.jpg);
				background-position:bottom;
				}
				#sousmenu4 a#favoris {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_02.jpg);
				background-position: top;
				}
				#sousmenu4 a#favoris:hover, a#favoris_o {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_02.jpg);
				background-position:bottom;
				}
				#sousmenu4 a#messagerie {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_03.jpg);
				background-position: top;
				}
				#sousmenu4 a#messagerie:hover, a#messagerie_o {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_03.jpg);
				background-position:bottom;
				}
				#sousmenu4 a#amis{
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_04.jpg);
				background-position: top;
				}
				#sousmenu4 a#amis:hover, a#amis_o {
				width:109px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_04.jpg);
				background-position:bottom;
				}
				#sousmenu4 a#inviter{
				width:184px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_05.jpg);
				background-position: top;
				}
				#sousmenu4 a#inviter:hover, a#inviter_o {
				width:184px;
				height:37px;	
				background-image: url(../images/sousmenu_profil_05.jpg);
				background-position:bottom;
				}