@CHARSET "ISO-8859-1";


/*  Zone agenda
------------------------------------------------- */


#tableauAgenda {
    width: 645px;
    padding: 0 0 22px 0;
    margin: 0;
    /*background: url(../img_v1/agendaBottom_evenementiel.gif) bottom left no-repeat;*/
    background: url(../img_v1/agendaBottom.gif) bottom left no-repeat;
}


.headerAgenda {
    position: relative;
    height: 40px;
    width: 645px;
    padding: 25px 0 0 25px;
    margin: 0;
    /*background: url(../img_v1/agendaTop_evenementiel.gif) 0 0 no-repeat;*/
    background: url(../img_v1/agendaTop.gif) 0 0 no-repeat;
}

.headerAgenda h2 {
    text-align: center;
    padding: 4px 0 0 0;
}

.headerAgenda a {
    position: absolute;
    top: 28px;
    left: 41px;
    color: #DD85B5;
    line-height: 17px;
    width: 76px;
    text-decoration: none;
    font-size: .9em;
}
.headerAgenda a:hover { text-decoration: underline; }

.headerAgenda a.suivante {
    top: 28px;
    right: 61px;
    left: auto;
    padding-right: 16px;
    text-align: right;
    background: url(../img_v1/agendaBigArrowRight.gif) top right no-repeat;
}

.headerAgenda a.precedente {
    padding-left: 16px;
    background: url(../img_v1/agendaBigArrowLeft.gif) 0 0 no-repeat;
}



.tableAgenda {
    position: relative;
    /*width: 645px;*/
    padding: 0 25px;
    margin: 0;
    width: auto;
    /*background: url(../img_v1/agendaCenter_evenementiel.gif) 0 0 repeat-y;*/
    background: url(../img_v1/agendaCenter.gif) 0 0 repeat-y;
}


/*  Détails du tableau
------------------------------------------------- */


.tableAgenda table {
    width: auto;
    border-collapse: collapse;
}


.heure {
    width: 34px;
    height: 44px;
}

th.heure {
    padding: 0;
    margin: 0;
    vertical-align: top;
}

th.heure p {
    color: #666;
    font-size: .8em;
    padding: 4px 0 0 0;
    margin: 0;
}


.jour {
    width: 89px;
    margin: 0 0 0 0;
    padding: 0;
    /*border-spacing: 7px;*/
    border-right: 7px solid #fff;
}

th.jour {
    background: url(../img_v1/agendaTitleCell.png) bottom left no-repeat;
    padding: 0;
    color: #666;
    font-size: .9em;
}

th.jour p {
    display: block;
    width: auto;
    overflow: hidden;
    padding: 10px 0 10px 10px;
}

td.jour {
    background: url(../img_v1/agendaSep.gif) 0 9px repeat-x;
    height: 44px;
}

th.jour strong {
    color: #DD85B5;
    font-size: 1.6em;
    font-weight: bold;
}

th.jour em {
    font-weight: normal;
    font-style: normal;
}






/*  Zone ronde du cours
    (placé en absolu au dessus du tableau)
------------------------------------------------- */


/*   Règle générale  */

.cours {
    position: absolute;
    top: 0;
    left: 0;
    width: 87px;
    padding: 8px 0 0 0;
}

.cours .piedBulle,
.cours {
    background: url(../img_v1/agendaCoursBulle.gif) 0 0 no-repeat;
}


.cours .piedBulle {
    display: block;
    clear: both;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 0 0 8px 0;
    background-position: bottom left;
}

.cours td {
    font-size: .8em;
    color: #510202;
}

.cours td img {
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -20px;
}

.cours td a {
    position: relative;
    z-index: 2;
    /*display: block;
    width: auto;
    padding: 0 10px 0 0;
    margin: 0;*/
    /*padding: 0 5px 0 29px;
    overflow: hidden;*/
    font-size: 1em;
    color: #510202;
	/*top: 50%;
	margin-top: -20px;*/
    text-decoration: none;
    text-align: left;
}


.cours table {
    width: 100%;
}
.cours table td {
    vertical-align: center;
    padding: 0 5px 0 31px;
}



/*   Règle pour un cours complet  */
.complet .piedBulle,
.complet {
    background: url(../img_v1/agendaCoursBulleComplet.gif) 0 0 no-repeat;
}
.complet .piedBulle { background-position: bottom left; }
.complet td a {
    display: block;
    overflow: hidden;
    clear: both;
    width: auto;
    padding-left: 5px;
    text-align: center;
}

.complet table td {
    vertical-align: center;
    padding: 0 4px 0 3px;
    text-align: center;
    background: pink;
}



/*   Règle pour les évènements particuliers  */

.evenementiel {
    padding: 8px 0 0 0;
    margin: 0;
}

.evenementiel .piedBulle,
.evenementiel {
    text-align: center;
    background: url(../img_v1/agendaCoursBulleEvenement.gif) 0 0 no-repeat;
}

.evenementiel .piedBulle {
    /*display: block;
    overflow: hidden;*/
    text-align: center;
    /*padding: 0;
    margin: 0;*/
    background-position: bottom left;
}

.evenementiel table {
    width: 100%;
}

.evenementiel table td {
    vertical-align: center;
    padding: 0 3px 0 3px;
    text-align: center;
}

.evenementiel td a {
    display: block;
    overflow: hidden;
    clear: both;
    width: auto;
    font-size: 0.9em;
    color: #fff;
    text-align: center;
    /*padding: 0 4px 0 4px;*/
}










/*   position verticales, horizontales et hauteur des bulles  */
.lundi    { left: 58px; }
.mardi    { left: 152px; }
.mercredi { left: 246px; }
.jeudi    { left: 340px; }
.vendredi { left: 434px; }
.samedi   { left: 528px; }

.debut-09h00,
.debut-9h00 { top: 75px; }
.debut-09h30,
.debut-9h30 { top: 97px; }
.debut-10h00 { top: 119px; }
.debut-10h30 { top: 141px; }
.debut-11h00 { top: 163px; }
.debut-11h30 { top: 185px; }
.debut-11h45 { top: 196px; }
.debut-12h00 { top: 207px; }
.debut-12h30 { top: 229px; }
.debut-13h00 { top: 251px; }
.debut-13h30 { top: 273px; }
.debut-14h00 { top: 295px; }
.debut-14h30 { top: 317px; }
.debut-15h00 { top: 339px; }
.debut-15h30 { top: 361px; }
.debut-16h00 { top: 383px; }
.debut-16h30 { top: 405px; }
.debut-17h00 { top: 427px; }
.debut-17h30 { top: 449px; }
.debut-18h00 { top: 471px; }
.debut-18h30 { top: 493px; }
.debut-19h00 { top: 515px; }
.debut-19h30 { top: 537px; }
.debut-20h00 { top: 449px; }


.duree-0h45 td { height: 20px; }
.duree-1h00 td { height: 28px; }
.duree-1h30 td { height: 51px; }
.duree-2h00 td { height: 72px; }
.duree-2h30 td { height: 94px; }
.duree-3h00 td { height: 116px; }
.duree-3h30 td { height: 138px; }
.duree-4h00 td { height: 160px; }
.duree-7h00 td { height: 338px; }








/*  Légende
------------------------------------------------- */

.legende {
    padding: 8px 0 16px 0;
}


.legende ul {

}


.legende li img,
.legende li p,
.legende li {
    float: left;
    width: auto;
    clear: none;
    color: #666;
}

.legende li img {

}

.legende li p {
    font-size: .9em;
    padding: 5px 2px 0 0;
    text-decoration: underline;
}