body{
  font-family: "Trebuchet MS";
  font-size: 12px;
}
a{
  text-decoration: none;
}
h1,h2,h3{
  padding: 0;
  margin: 0;
}
h1{
  margin-bottom: 14px;
}
h2{
  float: left;
  width: auto;
}
img{
  border: none;
}

/**Classes Généralistes**/
.both{
  clear: both;
}
.style7 a{
  color: #ffffff;
}

/**Body "Public"**/
body.public{
  background-color: #792255;
  margin: 0;
  text-align: center;
  font-family: "Trebuchet MS";
  font-size: 12px;
  padding: 0;
}

/**Conteneur**/
div#container{
  width: 683px;
  background-color: #C082A9;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
}

/**En-tete Calendrier**/
a.mois_prev{
  display: block;
  float: left;
  font-size: 12px;
  margin: 20px 0 0 0;
}
a.mois_next{
  display: block;
  float: left;
  font-size: 12px;
  margin: 20px 0 0 0;
}
span.class_encours{
  display: block;
  float: left;
}
/**Tableau Calendrier**/
table.calendrier{
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
  table.calendrier th{
    width: 90px;
    background-color: #FFFFFF;
  }
  table.calendrier td{
    width: 100px;
    height: 100px;
    background-color: #FFFFFF;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
  }
  table.calendrier td.empty{
    background-color: #C082A9;
  }
  table.calendrier td.hover{
    background-color: #EFB3DA;
  }
  table.calendrier td.today{
    background-color: #EFB3DA;
  }
  td.jour01{
    background-image: url('../images/01.jpg');
  }
  td.jour02{
    background-image: url('../images/02.jpg');
  }
  td.jour03{
    background-image: url('../images/03.jpg');
  }
  td.jour04{
    background-image: url('../images/04.jpg');
  }
  td.jour05{
    background-image: url('../images/05.jpg');
  }
  td.jour06{
    background-image: url('../images/06.jpg');
  }
  td.jour07{
    background-image: url('../images/07.jpg');
  }
  td.jour08{
    background-image: url('../images/08.jpg');
  }
  td.jour09{
    background-image: url('../images/09.jpg');
  }
  td.jour10{
    background-image: url('../images/10.jpg');
  }
  td.jour11{
    background-image: url('../images/11.jpg');
  }
  td.jour12{
    background-image: url('../images/12.jpg');
  }
  td.jour13{
    background-image: url('../images/13.jpg');
  }
  td.jour14{
    background-image: url('../images/14.jpg');
  }
  td.jour15{
    background-image: url('../images/15.jpg');
  }
  td.jour16{
    background-image: url('../images/16.jpg');
  }
  td.jour17{
    background-image: url('../images/17.jpg');
  }
  td.jour18{
    background-image: url('../images/18.jpg');
  }
  td.jour19{
    background-image: url('../images/19.jpg');
  }
  td.jour20{
    background-image: url('../images/20.jpg');
  }
  td.jour21{
    background-image: url('../images/21.jpg');
  }
  td.jour22{
    background-image: url('../images/22.jpg');
  }
  td.jour23{
    background-image: url('../images/23.jpg');
  }
  td.jour24{
    background-image: url('../images/24.jpg');
  }
  td.jour25{
    background-image: url('../images/25.jpg');
  }
  td.jour26{
    background-image: url('../images/26.jpg');
  }
  td.jour27{
    background-image: url('../images/27.jpg');
  }
  td.jour28{
    background-image: url('../images/28.jpg');
  }
  td.jour29{
    background-image: url('../images/29.jpg');
  }
  td.jour30{
    background-image: url('../images/30.jpg');
  }
  td.jour31{
    background-image: url('../images/31.jpg');
  }
  td.jour01_hover{
    background-image: url('../images/01_hover.jpg');
  }
  td.jour02_hover{
    background-image: url('../images/02_hover.jpg');
  }
  td.jour03_hover{
    background-image: url('../images/03_hover.jpg');
  }
  td.jour04_hover{
    background-image: url('../images/04_hover.jpg');
  }
  td.jour05_hover{
    background-image: url('../images/05_hover.jpg');
  }
  td.jour06_hover{
    background-image: url('../images/06_hover.jpg');
  }
  td.jour07_hover{
    background-image: url('../images/07_hover.jpg');
  }
  td.jour08_hover{
    background-image: url('../images/08_hover.jpg');
  }
  td.jour09_hover{
    background-image: url('../images/09_hover.jpg');
  }
  td.jour10_hover{
    background-image: url('../images/10_hover.jpg');
  }
  td.jour11_hover{
    background-image: url('../images/11_hover.jpg');
  }
  td.jour12_hover{
    background-image: url('../images/12_hover.jpg');
  }
  td.jour13_hover{
    background-image: url('../images/13_hover.jpg');
  }
  td.jour14_hover{
    background-image: url('../images/14_hover.jpg');
  }
  td.jour15_hover{
    background-image: url('../images/15_hover.jpg');
  }
  td.jour16_hover{
    background-image: url('../images/16_hover.jpg');
  }
  td.jour17_hover{
    background-image: url('../images/17_hover.jpg');
  }
  td.jour18_hover{
    background-image: url('../images/18_hover.jpg');
  }
  td.jour19_hover{
    background-image: url('../images/19_hover.jpg');
  }
  td.jour20_hover{
    background-image: url('../images/20_hover.jpg');
  }
  td.jour21_hover{
    background-image: url('../images/21_hover.jpg');
  }
  td.jour22_hover{
    background-image: url('../images/22_hover.jpg');
  }
  td.jour23_hover{
    background-image: url('../images/23_hover.jpg');
  }
  td.jour24_hover{
    background-image: url('../images/24_hover.jpg');
  }
  td.jour25_hover{
    background-image: url('../images/25_hover.jpg');
  }
  td.jour26_hover{
    background-image: url('../images/26_hover.jpg');
  }
  td.jour27_hover{
    background-image: url('../images/27_hover.jpg');
  }
  td.jour28_hover{
    background-image: url('../images/28_hover.jpg');
  }
  td.jour29_hover{
    background-image: url('../images/29_hover.jpg');
  }
  td.jour30_hover{
    background-image: url('../images/30_hover.jpg');
  }
  td.jour31_hover{
    background-image: url('../images/31_hover.jpg');
  }
  table.calendrier span.number{
    display: block;
    border-width: 1px;
    border-color: #9F8B98;
    border-bottom-style: solid;
    margin: 0 0 0 0;
  }
  table.calendrier span.content{
    display: block;
    margin-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
  }
  table.calendrier span.contenu_jour{
    display: block;
    margin: 5px 0 0 0;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
  }

/**Boîte détails journée calendrier**/
div.bulle{
  text-align: left;
  background-color: #FFFFFF;
  border-color: #792255;
  border-width: 1px;
  border-style: solid;
  padding: 5px 5px 5px 5px;
}
  span.evenement_titre{
    display: block;
    width: 100%;
    margin-bottom: 5px;
    border-bottom-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-size: 14px;
  }
  span.evenement_visuel{
    display: block;
    width: 160px;
    float: left;
    text-align: center;
  }
  span.evenement_description{
    display: block;
    float: left;   
  }