/* CSS Document */
/* Mise en forme de l'écriture */
.Ctext_b { font-family: verdana, arial, helvetica, sans-serif; font-size: 12pt; color: #ffffff; font-weight: bold; text-align: center; }
.Ptext_b { font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal; text-align: center; }
.GPtext_b { font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal; text-align: left; }
.DPtext_b { font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal; text-align: right; }
.Titre_v { font-family: verdana, arial, helvetica, sans-serif; font-size: 13pt; color: #00ff00; font-weight: bold; text-align: center; }
.Btext_b { font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #ffffff; font-weight: bold; text-align: center; }
.Gtext_b { font-family: verdana, arial, helvetica, sans-serif; font-size: 12pt; color: #ffffff; font-weight: bold; text-align: justify; }
.DPtext_b { font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal; text-align: right; margin-right: 1em; }
.Text_n { font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight: normal; text-align: center; }
.Texte_n { font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #000000; font-weight: normal; text-align: justify; }
.Jtext_n_b{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#ffffff; text-align: justify; text-indent: 3em; }
.Jtext{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#ffffff; text-align: justify;}
.Btext { font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #ffffff; font-weight: bold; text-align: justify; }
.Tptext_b { font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; color: #ffffff; font-weight: normal; text-align: center; }

/*--------------------------------------------------------------------------------------*/
/* Mise en forme de la page */
body { background-color: #000000; text-align: center; color: #ffffff; margin-left: 5%;  /*margin-right: 5%;*/ }
a {text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; color: #6fff6f; }
a:hover {text-decoration: none; font-family: verdana, arial, helvetica, sans-serif; color: #6f6fff; }
a img {border: 0; }
hr {visibility: hidden; clear: both; }

/*--------------------------------------------------------------------------------------*/
/* Conteneur le plus grand pour la page */
.conteneur {  text-align: center; position: absolute; top: 60px; left: 80px; width: 905px; height: 525px; overflow: auto;
			 border-bottom: 3px solid #666666; border-left: 3px solid #666666;
}
/*différentes zones de la page*/
.zone1 { position:absolute; top: 100px; left: 40px; width: 860px; height: 135px; border-bottom: 3px solid #666666; text-align: center; }
.zone1 img { width: 30px; vertical-align: middle;}
.zone3 { position:absolute; top: 40px; left: 760px; width: 122px; height: 180px; text-align: center; }
.zone3 img { width: 120px; vertical-align: middle;}
.zone2 { position:absolute; top: 260px; left: 40px; width: 860px;/* border-top: 3px solid #666666; */text-align: center;}
.zone2 img { width: 30px; vertical-align: middle;}
.zone5 { position: absolute; top: 260px; left: 190px; width: 560px; text-align: center; background-color: #FFFFFF;}
.zone4 { position:absolute; top: 140px; left: 755px; width: 122px; height: 180px; text-align: left; }
.zone4 img { width: 120px; vertical-align: middle;}
.zone6 { position:absolute; top: 100px; left: 40px; width: 860px; height: 120px; text-align: center; }
.zone6 img { width: 30px; vertical-align: middle;}
.zone7 { position:absolute; top: 484px; left: 40px; width: 860px;/* border-top: 3px solid #666666; */text-align: center;}
.phot { position:absolute; top: 230px; left: 20px; width: 880px; text-align: center;}
.phot p { margin-top: 6px; }
.phot img {width: 100px;}
.bas {position: absolute; bottom: 5px; left: 10px; text-align: left; font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; color: #ffffff; font-weight: normal;}
.validation {position: absolute; bottom: 5px; right: 10px; text-align: left; font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; color: #ffffff; font-weight: normal;}
.decal {position: relative; top: 10px; left: 40px; width: 800px;}
/*-----------------------------------------------------------------------------------------*/
/* Zone pour le texte défilant pour annoncer les concerts */
.textdefil {
  top: 0;
  left: 80px;
  width: 900px;
  position: absolute;
  z-index: 2;
  text-align: center;
}
.textdefil object {
	width: 550px;
	height: 30px;
}

/*-----------------------------------------------------------------------------------------*/
/* zone du menu fixe (permet à la page longue de défiler dessous), menu seulement en position absolue sous IE */
.menufixe { 
  position: absolute;
  top: 60px;
  left: 2px;
  width: 70px;
  z-index: 15;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  line-height: 1.5em;
}
/* zone du menu fixe (permet à la page longue de défiler dessous) pour Firefox */
html>body .menufixe {
  position: fixed;
  top: 60px;
  left: 2px; 
  width: 70px;
  z-index: 15;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  line-height: 1.5em;
}
/* Liens du menu fixe */
.menufixe a { font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	color: #ffffff;
	width: 90px;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
	padding-right: 0.8em;
	border-top: #ffffff 1px solid;
	padding-left: 0.8em; 
	background: #006600; 
	padding-bottom: 0.4em; 
	padding-top: 0.4em; 
	border-bottom: #ffffff 1px solid;
}
html>body .menufixe a {width: 70px;}
.menufixe a:visited {	
}
.menufixe a:hover {
	font-family: Arial, Helvetica, sans-serif; border-bottom-color: #00cc00; border-top-color: #00cc00; text-decoration: none; color: #00cc00;
}
.menufixe a img { position: relative; vertical-align: middle; border: 0; height:70px ; width: 70px; }
/* couleur spécifique dans le menu pour la page en cours */
.selection a {border-bottom-color: #990000; border-top-color: #990000; color: #990000; font-style:italic;}
.selection a:hover {border-bottom-color: #990000; border-top-color: #990000; color: #990000; }

.menufixe a span {display: none; }

/*-----------------------------------------------------------------------------------------------*/
/* Contenu à plusieurs zones flottantes*/
.contenu { /*background-color: #0000FF;*/
  z-index: 1;
  float: left;
  width: 445px;
  margin-top: 1em;
  text-align: center;
}
.contenu2 { /*background-color: #0000FF;*/
  z-index: 1;
  float: left;
  width: 880px;
  margin-top: 1em;
  text-align: center;
}
/*----------------------------------------------------------------------------------------------*/
/* Contenu flottant */
.zone_video {
	float: right;
	z-index: 1;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 205px;
	text-align: center;
}
/*-----------------------------------------------------------------------------------------------*/
/* zone du compteur pour IE */
.compteur {position: absolute; top: 0px; left: 2px; height: 1.1em; width: 90px; z-index: 20; font-size: 9pt; text-align: center;
font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	color: #ffffff;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-right: 0.8em;
	border-top: #ffffff 1px solid;
	padding-left: 0.8em; 
	background: #006600; 
	padding-bottom: 0.4em; 
	padding-top: 0.4em; 
	border-bottom: #ffffff 1px solid;}
/*-----------------------------------------------------------------------------------------------*/
/* zone du compteur pour Firefox */
html>body .compteur {width: 70px;}
/*-----------------------------------------------------------------------------------------------*/
/* pour les blocs invisibles qui se voient quand on passe sur le lien avec la souris */
/* on définit d'abord la classe qui contiendra l'image découpée en différents liens : thumb*/
.thumb {
  position: relative; 
  top: 0;
  left: 0;
  text-align: center;
  }
/*.thumb a:hover {background-color: #FFFFFF;} /*cette ligne est absolument nécessaire pour que cela fonctionne sous IE*/
/* Apparemment, elle n'est plus nécessaire sous IE8

/* on définit ensuite la classe "grand" qui sera ce qu'on voit lorsqu'on survole un lien de l'image découpée*/
/* cette classe sera cachée tant que l'on est en dehors du lien */
.thumb a .grand {
  visibility: hidden;
  display: none;
  }	
/* quand on survole le lien, la classe grand est montrée. Ici, la position est absolue, mais on peut mettre ce qu'on veut */  
.thumb a:hover .grand {
  display: block;
  margin-top: 10px;
  position: absolute;
  top: 258px;
  left: 5px;
  visibility: visible;
  width: 185%; 
  height: 150px;
  z-index: 10;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal; 
  }
.thumb a:hover .grand img{ vertical-align:middle; margin-right: 2em;
}  
/* pour un affichage correct avec les navigateurs respectueux des normes (donc pas IE !!!)*/
html>body .thumb a:hover .grand { 
  left: 50px;
  }
  
  
/* cette classe sera cachée tant que l'on est en dehors du lien */
.thumb a .grand2 {
  visibility: hidden;
  display: none;
  }	
/* quand on survole le lien, la classe grand2 est montrée. Ici, la position est absolue, mais on peut mettre ce qu'on veut */  
.thumb a:hover .grand2 {
  display: block;
  margin-top: 10px;
  position: absolute;
  top: 300px;
  left: 140px;
  visibility: visible;
  width: 100%; 
  height: 100px;
  z-index: 11;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal; 
  }  
.thumb a:hover .grand2 span{ font-weight: bold;
}

/* La même chose, mais pour l'affichage à gauche en survol dans la plan de scène du groupe */
.thumb a .survol_g {
  visibility: hidden;
  display: none;
  }	
/* pour Internet Explorer */
.thumb a:hover .survol_g {
  display: block;
  margin-top: 10px;
  position: absolute;
  top: 25px;
  left: -180px;
  visibility: visible;
  width: 170px; 
  height: 300px;
  z-index: 10;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal; 
  }  
/*pour Firefox */
html>body .thumb a:hover .survol_g {
  display: block;
  margin-top: 10px;
  position: absolute;
  top: 25px;
  left: 20px;
  visibility: visible;
  width: 170px; 
  height: 300px;
  z-index: 10;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal; 
  }  
.thumb a:hover .survol_g span{ font-weight: bold;
}

/*affichage à droite */  
.thumb a .survol_d {
  visibility: hidden;
  display: none;
  }	
.thumb a:hover .survol_d {
  display: block;
  margin-top: 10px;
  position: absolute;
  top: 25px;
  right: 20px;
  visibility: visible;
  width: 170px; 
  height: 300px;
  z-index: 10;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt; color: #ffffff; font-weight: normal; 
  }  
.thumb a:hover .survol_d span{ font-weight: bold;
}