/* REGLES DE POSITIONNEMENT DES COURS SUR LA GRILLE */

.zone_grille a.info, .zone_grille_we a.info {
	display: block;
	margin: 0;
	padding: 0;
	width: 82px;
	text-align: center;
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	font-weight: bold;
}

.zone_grille a:link, .zone_grille_we a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; TEXT-DECORATION: none }
.zone_grille a:visited, .zone_grille_we a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; TEXT-DECORATION: none }
.zone_grille a:active, .zone_grille_we a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; TEXT-DECORATION: none }
.zone_grille a:hover, .zone_grille_we a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; TEXT-DECORATION: underline }

/* spécification du décalage en fonction du jour */

.lundi, .mardi, .mercredi, .jeudi, .vendredi, .samedi, .dimanche {
	position: absolute;
	margin: 0;
	padding: 0;
}

.lundi {
	left: 0px;
}

.mardi {
	left: 86px;
}

.mercredi {
	left: 172px;
}

.jeudi {
	left: 258px;
}

.vendredi {
	left: 344px;
}

.samedi {
	left: 430px;
}

.dimanche {
	left: 516px;
}

/* spécification du décalage verticale en fonction de l'heure du cours */

.heure0800 {
	top: 0px;
}

.heure0815 {
	top: 6px;
}

.heure0830 {
	top: 12px;
}

.heure0845 {
	top: 18px;
}

.heure0900 {
	top: 24px;
}

.heure0915 {
	top: 30px;
}

.heure0930 {
	top: 36px;
}

.heure0945 {
	top: 42px;
}

.heure1000 {
	top: 48px;
}

.heure1015 {
	top: 54px;
}

.heure1030 {
	top: 60px;
}

.heure1045 {
	top: 66px;
}

.heure1100 {
	top: 72px;
}

.heure1115 {
	top: 78px;
}

.heure1130 {
	top: 84px;
}

.heure1145 {
	top: 90px;
}

.heure1200 {
	top: 96px;
}

.heure1215 {
	top: 102px;
}

.heure1230 {
	top: 108px;
}

.heure1245 {
	top: 114px;
}

.heure1300 {
	top: 120px;
}

.heure1315 {
	top: 126px;
}

.heure1330 {
	top: 132px;
}

.heure1345 {
	top: 138px;
}

.heure1400 {
	top: 144px;
}

.heure1415 {
	top: 150px;
}

.heure1430 {
	top: 156px;
}

.heure1445 {
	top: 162px;
}

.heure1500 {
	top: 168px;
}

.heure1515 {
	top: 174px;
}

.heure1530 {
	top: 180px;
}

.heure1545 {
	top: 186px;
}

.heure1600 {
	top: 192px;
}

.heure1615 {
	top: 198px;
}

.heure1630 {
	top: 204px;
}

.heure1645 {
	top: 210px;
}

.heure1700 {
	top: 216px;
}

.heure1715 {
	top: 222px;
}

.heure1730 {
	top: 228px;
}

.heure1745 {
	top: 234px;
}

.heure1800 {
	top: 240px;
}

.heure1815 {
	top: 246px;
}

.heure1830 {
	top: 252px;
}

.heure1845 {
	top: 258px;
}

.heure1900 {
	top: 264px;
}

.heure1915 {
	top: 270px;
}

.heure1930 {
	top: 276px;
}

.heure1945 {
	top: 282px;
}

.heure2000 {
	top: 288px;
}

.heure2015 {
	top: 294px;
}

.heure2030 {
	top: 300px;
}

.heure2045 {
	top: 306px;
}

.heure2100 {
	top: 312px;
}

.heure2115 {
	top: 318px;
}

.heure2130 {
	top: 324px;
}

.heure2145 {
	top: 330px;
}

.heure2200 {
	top: 336px;
}

.heure2215 {
	top: 342px;
}

.heure2230 {
	top: 348px;
}

/* spécification de la hauteur du cours en fonction de sa durée */

.duree0030 {
	height: 11px;
}

.duree0045 {
	height: 17px;
}

.duree0100 {
	height: 23px;
}

.duree0115 {
	height: 29px;
}

.duree0130 {
	height: 35px;
}

.duree0145 {
	height: 41px;
}

.duree0200 {
	height: 47px;
}

.duree0215 {
	height: 53px;
}

.duree0230 {
	height: 59px;
}

.duree0245 {
	height: 65px;
}

.duree0300 {
	height: 71px;
}

.duree0315 {
	height: 77px;
}

.duree0330 {
	height: 83px;
}

.duree0345 {
	height: 89px;
}

.duree0400 {
	height: 95px;
}

.duree0415 {
	height: 101px;
}

.duree0430 {
	height: 107px;
}

.duree0445 {
	height: 113px;
}

.duree0500 {
	height: 119px;
}

.duree0530 {
	height: 131px;
}

.duree0600 {
	height: 143px;
}

.duree0630 {
	height: 155px;
}

.duree0700 {
	height: 167px;
}

.duree0730 {
	height: 179px;
}

.duree0800 {
	height: 191px;
}

/* Définition des codes couleurs en fonction de la discipline */

.formation {
	background-color: #ffffff;
	color: #000000;
}

.hip_hop {
	background-color: #CD0001;
	color: #ffffff;
}

.jazz {
	background-color: #8F6281;
	color: #ffffff;
}

.capoeira {
	background-color: #B6408E;
	color: #ffffff;
}

.claquettes {
	background-color: #A56C59;
	color: #ffffff;
}

.ragga_jam {
	background-color: #FFE999;
	color: #000000;
}

.afro_cubain {
	background-color: #FEA30C;
	color: #ffffff;
}

.salsa_cubaine {
	background-color: #FEA30C;
	color: #ffffff;
}

.africain {
	background-color: #A3A775;
	color: #000000;
}

.tango_argentin {
	background-color: #AFA7BF;
	color: #ffffff;
}

.oriental {
	background-color: #D5A156;
	color: #000000;
}

.flamenco {
	background-color: #731E21;
	color: #ffffff;
}

.rock {
	background-color: #BF9FA0;
	color: #000000;
}

.latin_jam {
	background-color: #FEA30C;
	color: #ffffff;
}

.contenporain {
	background-color: #999999;
	color: #ffffff;
}

.danse_de_salon {
	background-color: #D3BC90;
	color: #000000;
}

.eveil {
	background-color: #EEA8CD;
	color: #000000;
}

.initiation {
	background-color: #E84B90;
	color: #ffffff;
}

.stretshing {
	background-color: #333366;
	color: #ffffff;
}

/* REGLES D'AFFICHAGE DES INFOS BULLES PERSONNALISEES */

a.info {
	z-index: 40;
}

a.info:hover {
  text-decoration: none;
  background-color: #CD0002;
  z-index: 120;
}

a.info span.info_bulle {
	display: none;
}

a.info:hover span.info_bulle {
  display: inline;
  position: absolute; 
  top:1.5em;
  left:1em;
  z-index: 124;
  background: #ffffff;
  color: #000000;
  border:2px solid #CD0001;
  width: 100px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding-bottom: 4px;
}

span.info_bulle span.cours {
  display: block;
  width: 100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-top: 4px;
}
span.info_bulle span.tranche_horaire {
  display: block;
  width: 100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  padding-top: 2px;
}

span.info_bulle span.nom_prof {
  display: block;
  width: 100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding-top: 5px;
}