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


body {
	/*background-color:#FF123F;*/
	background-color:#FFF;
}


.clear {clear:both;
}

#float-left {
	float: left;
}

#float-right {
	float: right;
}

/* le div global qui permet de tout centrer dans la page */
/* a pour dimension la somme des dimensions de tous les autres elements */
.divmain {
   position:absolute;
   top:50%;
   left:50%;
   width:1024px; /* A toi de donner la bonne largeur */
   height:576px; /* A toi de donner la bonne hauteur */
   margin-left:-512px; /* -largeur/2 */
   margin-top:-288px; /* -hauteur/2 */
   background-image:url(../images/MENU-fond.jpg);
   z-index:1;
}

.divmainspectacles {
   position:absolute;
   top:50%;
   left:50%;
   width:1024px; /* A toi de donner la bonne largeur */
   height:576px; /* A toi de donner la bonne hauteur */
   margin-left:-512px; /* -largeur/2 */
   margin-top:-288px; /* -hauteur/2 */
   background-image:url(../images/fondspectacle_new.jpg);
   z-index:2;
}

.divmaincontact {
   position:absolute;
   top:50%;
   left:50%;
   width:1024px; /* A toi de donner la bonne largeur */
   height:576px; /* A toi de donner la bonne hauteur */
   margin-left:-512px; /* -largeur/2 */
   margin-top:-288px; /* -hauteur/2 */
   background-image:url(../images/page-contact-fond.png);
   z-index:2;
}

.divmainlien{
   position:absolute;
   top:50%;
   left:50%;
   width:1024px; /* A toi de donner la bonne largeur */
   height:576px; /* A toi de donner la bonne hauteur */
   margin-left:-512px; /* -largeur/2 */
   margin-top:-288px; /* -hauteur/2 */
   background-image:url(../images/fond-page-lien.jpg);
   z-index:2;
}


.divmaincalendrier {
   position:absolute;
   top:50%;
   left:50%;
   width:1024px; /* A toi de donner la bonne largeur */
   height:576px; /* A toi de donner la bonne hauteur */
   margin-left:-512px; /* -largeur/2 */
   margin-top:-288px; /* -hauteur/2 */
   background-image:url(../images/fond-calend.jpg);
   z-index:2;
}


/* ------------------------------------ */
/* blocs vides en haut (premiere ligne) */


.divhaut {
	position:absolute;
	left:501px;
	top:0px;
	width:222px;
	height:18px;
	padding:0;
	margin:0;
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
}



/* ------------------------------------ */
/* blocs de la ligne du menu            */
/* top : 9 */
.divmenu {
	position:absolute;
	left:73px; 
	top:18px;
	/*width:731px;*/
	height:112px;
	padding:0;
	margin:0;
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	z-index:3;
}

.divmenuspectacles {
	position:absolute;
	left:73px; /* 74 ? */
	top:9px;
	width:100%;
	height:123px;
	padding:0;
	margin:0;
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	z-index:3;
	/*border:double;
	border-color:#000;*/
}

.divmenucontact {
	position:absolute;
	left:73px; /* 74 ? */
	top:-4px;
	width:100%;
	height:123px;
	padding:0;
	margin:0;
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	z-index:3;
	/*border:double;
	border-color:#000;*/
}

/* ------------------------------------ */
/* menu de gauche                       */

/* conteneur de gauche */
.divgauche {
	position:absolute;
	/* left:73px; avant */
	left : 85px;
	top:130px;   /* 112 + 18 */
	width:113px;
	/* height:420px; avant */
	height:100%;
	padding:0;
	margin:0;
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	z-index:3;
} 




/* ------------------------------------ */
/* menu de droite                       */

/* conteneur de droite */
.divdroite {
	position:absolute;
	left:900px; /* 709 +73 */
	top:309px; 
	width:114px;
	padding:0;
	margin:0; 
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	z-index:3;
} 


.divquifaitquoi {
	position:absolute;
	left:780px; /* 709 +73 */
	top:400px; 
	padding:0;
	margin:0; 
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	z-index:3;
}


/* ------------------------------------ */
/* le div central qui a l'image en fond */

.divcentral {
	position:absolute;
	left:185px;   /* 113 + 73 */ 
	top:130px;   /* 112 + 18 */
	width:713px;
	height:445px;
	/*background-image:url();	*/
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	/*border:double;
	border-color:#000;*/
}

/* Vielle branche */

#vb-content{
	width:668px;
	height:466px;
	padding: 0 20px 0 20px;
}

#vb-content #vb-texts {
	width: 75%;
	float: left;
}

#vb-content #vb-texts img {
	margin-top: 25px;
	margin-bottom: -15px;
}

#vb-content #vb-texts p {
	font-family: 'Schoolbell', arial, serif;
	font-size: 15px;
	padding: 0;
	-webkit-margin-after:.8em;
	-webkit-margin-before:.8em;
	color: #443d3a;
	/*font-weight: bold;*/
}

#vb-content #vb-images {
	width: 25%;
	float: right;
}

#vb-content #vb-images img {
	float: right;
	margin: 35px 10px 0 0;
}

.divcentralspectacles {
	position:absolute;
	left:180px;  /* 113 + 73 */
	top:102px;   /* 112 + 18 */
	/* VALEUR ORIGINELLES : 
	left:185px;
	top:130px;   
	*/
	width:713px;
	height:445px;
	/*background-image:url();	*/
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	/*border:double;
	border-color:#000;*/
	z-index:2;
 
}


.divcentralcalendar {
	position:absolute;
	left:200px;   /* 113 + 73 */ 
	top:170px;   /* 112 + 18 */
	width:705px;
	height:445px;
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	z-index:5;
}

.divboutoncliquez {
	position:absolute;
	left:65px;  /* 113 + 73 */
	top:224px;   /* 112 + 18 */
	/* VALEUR ORIGINELLES : 
	left:185px;
	top:130px;   
	*/
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	z-index:3;
 
}


.divgroupe {
	position:absolute;
	left:40px;
	top:140px; 
	padding:0;
	margin:0;
	height:410px;
	width:976px;
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	}

.divbio {
	position:absolute;
	left:170px;
	top:45px; 
	padding:0;
	margin:0; 
	font-size:0; /* pour enlever les espaces entre les images et autres elements du contenu du div ; ou alors dans l'html il faut mettr tous les elements (img, texte etc) sur la meme ligne sans retour charriot dans le fichier html */
	/*z-index:4;	*/
}

/* ----------------------------------- */
/* images 							   */

.imagetaillee {
	/*border:none;*/
	margin:0;
	padding:0;
	border:none;
}


a.imgspectacle {
	display:block;
	width:129px;
	height:102px;
	background:url(../images/spectacles.jpg) 0 0 no-repeat;
	/* background:url(../imagesold/spectacles.jpg) 0 0 no-repeat; */
}

a.imgspectacle:hover, a.imgspectacle:focus {
	/* background-image:url(../imagesold/spectacleson.jpg);	 */
	background-image:url(../images/spectacleson.jpg);	
}

div.lienspectacle {
	position:absolute;
	display:inline;
	width:129px;
	height:102px;
}

span.invisible {
	position:absolute;
	left:-5000px;
	top:-5000px;
	text-indent:-5000px;
}


/* ------------------------ */
/* classes génériques       */

.enligne {
	display:inline;	
}



/* ------------------------ */
/* POP UP CSS TEXTE				*/

a.bulle {
     position:relative;
     color:#396a86;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     text-align:center;
     font-size:11px;
	 border:none;
	 padding:0;
		margin:0; 
	font-size:0;
   }
   
a.bulle:hover {
  background-color:transparent;
  z-index: 50;
  border:none;
}
   
a.bulle span {
 display: none;
 border:none;
}
   
a.bulle:hover span {
  display: block;
  position: absolute;
  top: -200px;
  left: 20px;
  font-family:arial, verdana, sans-serif;
  text-align:justify;
  font-size:12px;
  font-weight:normal;
  width:534px;;
  height:372px;
  /*background: white;*/
  padding: 5px;
  border:none;
  /*background-image:url(../images/fondpopup.jpg);*/
  /*border: 1px solid #62c0f4;
  border-left: 10px solid #62c0f4;*/
}



/*-----------------------------*/
/* POP UP BIO EQUIPE */ 

/*.thumbnail_qui{
 position: relative;
}*/

.thumbnail_qui span{ /*CSS for enlarged image*/
visibility: hidden;
display:none;
}

.thumbnail_qui:hover span{ /*CSS for enlarged image*/
 position: absolute;
visibility: visible;
display:block;
top: -20px;
left: 160px; 
z-index:50;

}