/********************************************************************************************** Calendrier des Cours */
div#cours_content{
width:auto;
height:auto;
clear:both;
}
div#cours{
width:239px;
height:260px;
margin:10px 4px 0px 4px;
float:left;
}
#cours .top {
background:#FFF url(../images/cadre_tp_h.jpg) top no-repeat;
height:auto;
padding:3px 5px  2px 5px;
border-bottom:1px solid gray;
}
#cours .top h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#900;
line-height:110%;
padding:2px;
}
#cours .center {
background: url(../images/cadre_tp_c.jpg) top repeat-y;
padding:3px 5px  2px 5px;
vertical-align:middle;
height:auto;
}
#cours .bottom {
background: url(../images/cadre_tp_b.jpg) bottom no-repeat;
position:relative;
}
#cours .bottom a{
font-weight:bold;
margin-left:120px;
background-color:white;
text-decoration:none;
color:#E50000;
border:1px solid #CCC;
padding:0px 30px 10px 5px;
background-image:url(../images/horloge.gif);
background-position:right;
background-repeat:no-repeat;
}
#cours .bottom a:hover{
background-color:#EEE;
background-image:url(../images/calendrier.gif);
background-position:right;
background-repeat:no-repeat;
}
.barre {
margin:4px 0 0 0;
border-bottom:1px dotted gray;
}
.barre2 {
background-color:gray;
margin:0;
border-bottom:1px solid gray;
}
.niveau, .niveau1, .niveau2, .niveau3, .niveau4 {
background-color:#FAFAFA;
padding:4px;
font-size:11px;
}
.niveau {border-right:10px solid gray}
.niveau1 {border-right:10px solid #3C0}
.niveau2 {border-right:10px solid #FF0}
.niveau3 {border-right:10px solid #F60}
.niveau4 {border-right:10px solid #C00}
.materiel {
background-color:#FAFAFA;
padding:2px 4px;
font-size:11px;
line-height:110%
}
.center p {
vertical-align:middle;}
/********************************************************************************************** Type de cours */
div.type {
margin:24px 0 4px 0;
border-bottom:1px solid gray;
padding:0px 5px 6px 5px;
text-align:left;
}
div.type a {
text-decoration:none;
background-color:#eee;
padding:2px 10px 4px 10px;
border-top:1px solid gray;
border-right:1px solid gray;
border-left:1px solid gray;
margin:0 2px -2px 0;
vertical-align:bottom;
}
*html div.type a  {padding:2px 10px 3px 10px;}
div.type a:hover {
background-color:white;
padding-bottom:3px;
border-bottom:2px solid white;
}
div.type a.selected {
background-color:white;
padding-bottom:3px;
border-bottom:2px solid white;
}