div.centre {
    position:absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
    margin-left: -150px; /* Cette valeur doit être la moitié négative de la valeur du width */
    margin-top: -150px; /* Cette valeur doit être la moitié négative de la valeur du height */
}
table {
border:3px solid #6495ed;
border-collapse:collapse;
width:90%;
margin:auto;
}

thead {
	border:1px solid #6495ed;
}

tbody {
  overflow:auto;
  border:1px solid #6495ed;
}

th {
	font-family:monospace;
	border:1px dotted #6495ed;
	padding:5px;
	background-color:#EFF6FF;
}

td {
	font-family:sans-serif;
	font-size:80%;
	border:1px solid #6495ed;
	padding:2px;
	text-align:left;
	height:32px;
	style="color:#FFF;"
}

.col_name{

}

.AM {
   overflow-x: hidden;
   float:left;
   width:50%;
   font-size: 10px;
   vertical-align: Top;
   text-align:center;
}
.PM {
   overflow-x: hidden;
   font-size: 10px;
   vertical-align: bottom;
   text-align:center;
}
.DAY {
   overflow-x: hidden;
   font-size: 10px;
   text-align:center;
}
.JF {
   overflow-x: hidden;
   font-size: 10px;
   text-align:center;
}

#circle {
    width: 12px;
    background: red;
    border-radius: 50%;
	margin: auto;
    }

.imgHeure{
	width: 12px;
	height: 12px;
}

#################################
#    GESTION DES INFOS BULLE    #
#################################

/* Pour eviter les espaces inutiles */
.infobulle {
    margin:0px;
}
 
/* Corrige bogue IE6 et inferieur */
.infobulle:hover {
  border : 0;
}
 
/* Au passage de la souris, on affiche */
.infobulle:hover .infobulleContent {
    display: block;
}
 
/* Style par defaut, quand il ne s'est encore rien passe */
.infobulleContent {
    display: none;
    position: absolute;
    padding:2px;
	width:390px;
}
/* Style par defaut, quand il ne s'est encore rien passe pour  entete date*/
.Entetedate {
    position: absolute;
	width:140px;
	height:10px;
	text-align:center;
}
 
/* On cache l'infobulle quand on passe dessus (qu'on sort du div parent quoi  )*/
.infobulleContent:hover {
    visibility: hidden;
}
 
/* Style de l'infobulle */
.warning {
    background-color: #EFF6FF;
    border: 2px solid #6495ed;
    color: #000000;
	font-size: 12px;
	#text-align:left;
	padding:15px;
}