/* FEUILLE DE STYLE POUR L'AGENDA */

.mois {float: left; padding: 5px 0;text-align: center; font-size: 1.2em; font-weight: bold; height:3000px; border-left: 1px dashed #CCC;}
.m_28 {width: 139px; float: left; padding: 5px 0;text-align: center; font-size: 1.2em; font-weight: bold; height:500px; border-left: 1px dashed #CCC;}
.m_30 {width: 149px; float: left;  padding: 5px 0;text-align: center; font-size: 1.2em; font-weight: bold; height:500px; border-left: 1px dashed #CCC;}
.m_31 {width: 154px; float: left; padding: 5px 0;text-align: center; font-size: 1.2em; font-weight: bold; height:500px; border-left: 1px dashed #CCC;}

.clear {clear: both}
.expo_agenda {padding: 5px; background-color: #FFFFFF; margin-top: 10px; position: relative; min-height:50px;  z-index: 1; height: 100px;}
.expo_agenda p {padding-left:15px;}
.expo_agenda  img {
	float: left;
}

#content .right-column .expo_agenda  .event {
	float : left;
	margin-left: 3px;
	margin-top: 10px;
	font-family: "Times New Roman", Georgia, Serif;
}

.expo_agenda .type-of-event {
	font-size: 11px;
	color : #543A1D;
	font-style : italic;
	margin-bottom : 2px;
}

#content .right-column .expo_agenda  .event h3{
	font-size: 14px;
	font-style : italic;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom : 2px;
}

#content .right-column .expo_agenda  .event h4 {
	font-weight : normal;
	margin-bottom: 3px;
}

.expo_agenda .date {
	font-family : arial,Helvetica,sans-serif;
	text-transform: uppercase;
}

#next_agenda, #prev_agenda {font-size: 14px; font-height: bold; cursor: pointer}


#calendar_agenda #mois { width:1445px; position: absolute; height: 145px;}

#expo_all { z-index:58; }
#cette_semaine { color: #CE8C1A; font-size: .92em; text-align: center; position: absolute; height: 400px; margin-top: 20px; width: 85px; top: 0; }
#cette_semaine .bloc_orange { height: 15000px; margin-top: 10px; width: 22px; background: #CE8C1A; margin: auto; }

#calendar_agenda a {text-decoration:none; color: #543A1D;;}
#calendar_agenda a:hover, #calendar_agenda h3:hover, #calendar_agenda h4:hover {color:#CE8C1A;}

.scroll-pane {
	position:absolute;
	float:left;
	width: 200px;
	height:8px;
	background: #F00;
	padding: 0;
}

#global { width: 650px; overflow:hidden; position: relative; margin: 0; cursor:move;}

/*************************************/
/* AGENDA */

#affiche_mois .mois_annee {
    float: left;
    width: 250px;
    margin-right: 20px;
}

#affiche_mois .mois_annee .semaine {
	color: #543A1D;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: Times New Roman;
}

#affiche_mois .mois_annee .mois, #affiche_mois .mois_annee .annee {
    color: #44403B;
    float: left;
    margin-right: 5px;
	font-size: 1.2em;
}

#affiche_mois .mois_annee .mois {
	border-left: 0;
    font-size: 1.2em;
    font-weight: bold;
    height: auto;
    padding: 0;
    text-align: left;	
}

#affiche_mois .prec {
    background: url("../images/down-arrow-collection-left.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 10px;
    margin-right: 6px;
    margin-top: 5px;
    width: 9px;
}

#affiche_mois .barre {
    background: url("../images/agenda_barre.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    margin-top: 2px;
    width: 2px;
}

#affiche_mois .suiv {
    background: url("../images/down-arrow-collection-right.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 10px;
    margin-left: 5px;
    margin-top: 5px;
    width: 9px;
}

#filtre {
    color: #232220;
    margin: 5px 0 10px;
}

#filtre select {
    margin: 10px 15px 5px 5px;
}

#agenda {
	width: 100%;
}
#agenda thead {
	font-weight: bold;
}

#agenda .title {
    border-bottom: 1px solid #7E7E7E;
    border-top: 1px solid #7E7E7E;
}

#agenda #date {
    width: 85px;
}

#agenda td,
#agenda td a {
    color: #000000;
    font-size: 1em;
    padding: 8px 0px;
}

#agenda tbody tr.odd td {
	background-color: #F1F0EF;
}
#agenda tbody tr.even td {
	background-color: #FCFCFC;
}