/* CSS Document */
/*Normalise les marges et le remplissage*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0;}
/*Normalise les tailles de polices pour les en-têtes*/
h1, h2, h3, h4, h5, h6
{font-size: 100%;}
/*Supprime list-style pour les listes*/
ol, ul
{list-style: none;}
/*Normalise les styles et graisses de fontes*/
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}
/*Supprime les bordures dans les tableaux*/
table
{border-collapse: collapse; border-spacing:0;}
/*Supprime les bordures dans les éléments fieldset et img*/
fieldset, img
{border: 0;}
/*Aligne le texte à gauche dans caption et th*/
caption, th
{text-align: left;}
/*supprime les apostrophes doubles (guillemets anglais) autour de q*/
q:before, qu:after
{content:'';}
a
{
text-decoration: none;
color : #ada1e1;
}
html{
}
body {
	position: relative;
	width: 100%;
	margin: 20px 20px 20px 20px;
	background: #000;
	}
/*-----------------------------------------------Début gestion du bloc barre de menu Gauche------------------------------------*/
#menuGauche {
	z-index: 100;
	background-image: url(../images/barre.png);
	margin-top: 40px;
	background-repeat: repeat-y;
	background-position: center center;
	position:relative;
	visibility: visible;
	width: 180px;
	height: 510px;
}
#menuGauche #logo {
	visibility: visible;
	top: -40px;
	left: 0px;
	position: absolute;
}
#menuGauche ul {
position: absolute;
}
#menuGauche ul li a{
	font: normal normal normal 1.3em Impact, sans-serif ;
	text-decoration: none;
	color: #78739f;
	visibility: visible;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	list-style-type: none;
	}
#menuGauche ul li a:hover{
	filter:alpha(opacity=10);
    -moz-opacity: 1;
    opacity: 1;
	list-style-type: none;
	color: #fff;
	}
#nav_home{
position: absolute;
top: 100px;
left : -.1em;
}
#nav_productions{
position: absolute;
top: 150px;
left: 4.8em;
}
#nav_presse{
position: absolute;
top: 200px;
left: 2em;
}
#nav_agenda{
position: absolute;
top: 250px;
left: 4.5em;
}
#nav_contact{
position: absolute;
top: 300px;
left: 1.4em;
}
#nav_liens{
position: absolute;
top: 350px;
left: 4.5em;
}
#nav_partenaires{
position: absolute;
top: 400px;
left: -.1em;
}
/*-----------------------------------------------Fin gestion du bloc barre de menu Gauche dans BODY---------------------*/
/*-----------------------------------------------gestion du menu haut dans BODY----------------------------------------------*/
#menuHaut ul{
	z-index: 100;
	position: absolute;
	width: 410px;
	height: 510px;
	right: 20px;
	top: 0px;
	list-style-type: none;
	visibility: visible;
	float: left;
}
#menuHaut ul li{
display: inline;
}
li#nav_a a{
	position: absolute;
	left: -150px;
	top: -35px;
	width: 60px;
	height: 60px;
	background-image: url(../images/carre1.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_a a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/illusion/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*----------La cantatrice chauve--------------------*/
li#nav_b a{
	position: absolute;
	left: -80px;
	top: -35px;
	width: 60px;
	height: 60px;
	background-image: url(../images/carre2.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_b a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/iliade/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*----------------Projet B------*/
li#nav_c a{
	position: absolute;
	top: -35px;
	left: -10px;
	width: 60px;
	height: 60px;
	background-image: url(../images/carre3.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_c a:hover{
	position: absolute;
	width: 60px;
	height: 60px;
	background-image: url(../images/cantatrice/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*----------------On purge bébé-------------*/
li#nav_d a{
	position: absolute;
	top: -35px;
	left: 60px;
	width: 60px;
	height: 60px;
	background-image: url(../images/carre4.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_d a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/ProjetB/V1/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*----------------------Désir---------*/
li#nav_e a{
	position: absolute;
	top: -35px;
	left: 130px;
	width: 60px;
	height: 60px;;
	background-image: url(../images/carre5.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_e a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/feydeau/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*------------------------Le malade imaginaire--------------------*/
li#nav_f a{
	position: absolute;
	top: -35px;
	left: 200px;
	width: 60px;
	height: 60px;;
	background-image: url(../images/carre6.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_f a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/desir/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*-----------------------Rodogune--------------------*/
li#nav_g a{
	position: absolute;
	top: -35px;
	left: 270px;
	width: 60px;
	height: 60px;;
	background-image: url(../images/carre7.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_g a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/le-malade/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*-----------------------Le misanthrope---------------------*/
li#nav_h a{
	position: absolute;
	top: -35px;
	left: 340px;
	width: 60px;
	height: 60px;;
	background-image: url(../images/carre8.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_h a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/Rodogune/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	}
/*----------------------------La terrifique Bikinella---------------------------------*/
li#nav_i a{
	position: absolute;
	left: 200px;
	top: 35px;
	width: 60px;
	height: 60px;;
	background-image: url(../images/carre9.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_i a:hover{
	position: absolute;
	width: 60px;
	height: 60px;
	background-image: url(../images/misanthrope/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*----------------------------Le poussin coq1---------------------------------*/
li#nav_j a {
	position: absolute;
	left: 270px;
	top: 35px;
	width: 60px;
	height: 60px;;
	background-image: url(../images/carre10.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_j a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/bikinella/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*----------------------------L'homme au chapeau---------------------------------*/
li#nav_k a {
	position: absolute;
	left: 340px;
	top: 35px;
	width: 60px;
	height: 60px;;
	background-image: url(../images/carre1.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_k a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/poussin/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
li#nav_l a {
	position: absolute;
	left: 130px;
	top: 35px;
	width: 60px;
	height: 60px;;
	background-image: url(../images/carre1.jpg);
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
li#nav_l a:hover{
	position: absolute;
	width: 60px;
	height: 60px;;
	background-image: url(../images/HommeChapeau/S-001.jpg);
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/*--------------------------------------------------Fin gestion du menu haut ------------------------------------------------------*/
/*-----------------------------------------------Début de gestion du bloc scene au centre------------------------------------*/
#scene {
	z-index: 10;
	position : absolute;
	top: 0px;
	left: 182px;
	height: 510px;
	background : #000 url(../images/fond.jpg) no-repeat center;
	width: 70%;
}
/*--------------------------gestion du Texte de niveau 1 citation-------------*/
#txt1 {
	z-index: 100;
	position: absolute;
	right: 30px;
	color: #fff;
	/*top: 300px;*/
	bottom: 0px;	
	background-image: url(../images/fdbleu.png);
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	}
#txt1 blockquote,cite,br{
margin: 5px 0 3px 0;
}
#txt1 .niv1 {
display: none;
}
#txt1 ul li{font-size:.9em;}
#txt1 ul li:hover .niv1{
display: block;
padding: .7em .7em .7em .7em;
width: 300px;
}
	/*--------------------------gestion du Texte de niveau 2 sur la scene texte de présentation-------------*/
#info{
	/*padding: .7em .7em .7em .7em;*/
	position: relative;
	width: 40%;
	left: 100px;
	color: #fff;
	top: 100px;	
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	/*border: 2px double #9c2f45;
	border-top-color: #fff;
	border-left-color: #ccc;*/
}
#txt2{
	/*padding: .7em .7em .7em .7em;*/
	position: relative;
	width: 70%;
	left: 20px;
	color: #fff;
	top: 100px;
	filter:alpha(opacity=100);

    -moz-opacity: 1;
	opacity: 1;
	font-size: 1em;
	/*border: 2px double #9c2f45;
	border-top-color: #fff;
	border-left-color: #ccc;*/
}
#txt2  dd {
margin-top: 1.5em;
}
#txt2 dt {
text-align:center;}
#txt2  > ul {
margin-left: 20px;}

#txt2 a:hover{color:#fff;}
#txt2 dt a:hover{color:#fcfa06;}
#txt2 ul .niv1 {
padding: .7em .7em .7em .7em;
background-image: url(../images/fdrose.png);

left: 5em;
display: none;
text-align : justify;
}
#txt2 ul .niv1 li a:hover{
color:#fff;

}
#txt2 ul li:hover .niv1{display: block;}
#txt2 h5 {
margin: 6px 6px 6px -6px;
}
#txt2 dl h5{
text-indent: -1px;
}
#txt2 #titre{
position:relative;
top: -100px;
text-align: left;}
#txt2 #titre .niv1 li {
margin-bottom: 1.2em;
}
#toutpub {
border-top: groove red;
border-bottom: ridge red;
margin-top: 15px;
padding-bottom : 10px;
}
#separa {
position: relative;
top:-2px;
left: 100px;
}
/*------------------------------------------Gestion du menu de la scène---------------------------------------------------*/
/*----------------------------------------------Gestion de la fiche du spectacle--------------------------------------------*/
#fiche {
	z-index: 200;
	position: absolute;
	width: 25%;
	top: 508px;
	right: 10px;
}
/*-------------------------------------------Fin de gestion du bloc scene au cenre----------------------------------------*/
/*-------------------------------------------Début de gestion de l'ours------------------------------------------------------*/
ul#ours li{
font: normal normal normal .7em arial, sans-serif ;
color: #fff;
display: inline;
}
ul#ours li a{
text-decoration: none;
}
#scene #flash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #FFFFFF;
	position: relative;
	visibility: visible;
	z-index: 100;
	top: 20%;
	left: 30%;
	width: 300px;
	text-align: center;
}
#scene #flash em {
	font-style: italic;
	color: #CC0099;
	font-size: 1.2em;
}
#scene #flash strong {
	text-decoration: blink;
	color: #6633FF;
	font-weight: 600;
	font-size: 1.4em;
}
#menuGauche #fr {
	position: absolute;
	visibility: visible;
	top: 55px;
	left: 50px;
}
#menuGauche #en {
	position: absolute;
	visibility: visible;
	left: 105px;
	top: 55px;
}