.split {
	border:0.01em #d4d4cc solid;
	margin-top:35px;
	margin-left:170px;
	margin-right:25px;
}

.utilitaire{
	float:right;
	margin-right:50px;
	margin-top:0px;
}

table.calendrier { /* le TABLE */
	font: normal .90em arial, verdana, sans-serif;
	background-color: #ffffff;
	background-image:url(/images/fond_jours.jpg);
	background-repeat:repeat-x;
	border-right: solid #ececec 1px; 
	border-bottom: solid #ececec 1px; 
	border-left: solid #ececec 1px; 
	clear: left;
	width:800px;
}

* html body div table.calendrier { /* le TABLE */
	font: normal .90em arial, verdana, sans-serif;
	background-color: #ffffff;
	background-image:url(/images/fond_jours.jpg);
	background-repeat:repeat-x;
	border-right: solid #ececec 1px; 
	border-bottom: solid #ececec 1px; 
	border-left: solid #ececec 1px; 
	clear: left;
	width:795px;
}
th.cal_jrsSem { /* TH Lundi à Dimanche */
	background-color: #cbe1ec;
	height: 18px;
	padding: 7px;
	vertical-align: top;
	text-align: left;
	color: #606968;
	font-weight: normal;
	font-family: verdana, arial;
	font-size: 1.2em;
}
td.cal_jour { /* Une cellule du calendrier */
	background-color: #ececec;
	background-image:url(/images/calendrier_normal.jpg);
}
td.cal_jourSelect { /* Cellule du calendrier actif */
	background-color: #cae0eb;
	background-image:url(/images/calendrier_actif.jpg);
}
td.cal_jour, td.cal_jourSelect {
	width: 150px;
	height: 100px;
	padding-left:2px;
	padding-top:5px;
	vertical-align: top;
	
}

td.cal_jour:hover { /* Remplace le fond de couleur d'une cellule au passage de la souris */
	background-color: #ececec;
	background-image:url(/images/calendrier_actif.jpg);
}
td.cal_jour:hover span.cal_clipCadre img, td.cal_jourSelect:hover span.cal_clipCadre img{ /* Cadre sur rollover */
	display: block;
}
td.cal_jour a, td.cal_jourSelect a { /* Lien dans une cellule du calendrier */
  color: #e12809;
  text-decoration: none;
}
td.cal_jour a:hover, td.cal_jourSelect a:hover { /* Hover du lien dans une cellule du calendrier */
  color: #e12809;
  text-decoration: underline;
}
td.cal_jourVide { /* Jour du mois vide */
	background-image:url(/images/calendrier_vide.jpg);
}
div.cal_jourNum { /* Nombre de la date des jours (1-31) */
	font: normal 1.5em arial, verdana, sans-serif;
	color: #e12809;
	font-weight: bold;
	float: right;
	margin-right:-2px;
}
* html body div.cal_jourNum { /* Nombre de la date des jours (1-31) */
	font: normal 1.5em arial, verdana, sans-serif;
	color: #e12809;
	font-weight: bold;
	margin-right:2px;
	margin-left:15px;
	float: right;
}
div.cal_jourNumSelect { /* La journée sélectionnée (ex.: 13 du mois) */
	font: normal 1.5em arial, verdana, sans-serif;
	color: #4c4c4c;
	font-weight: bold;
	float: right;
}
div.cal_annee { /* Année du clip */
	color: #4c4c4c;
	font-weight: bold;
}
td.cal_jour img, td.cal_jourSelect img {
	border-bottom: 2px solid #909090;
	border-right: 2px solid #909090;
}
span.cal_clipCadre img{ /* Cadre sur rollover */
	position:absolute; 
	z-index: 2;
	display: none;
	border: 0;
}
/* -DEBUT- icones à gauche de la date ********** ********** ********** ********** */
div.cal_audio{
  background: transparent url(/images/radio_icon.gif) no-repeat 0px 3px;
}
div.cal_tele{
  background: transparent url(/images/tv_icon.gif) no-repeat 0px 3px;
}
div.cal_audio, div.cal_tele {
  padding: 3px 0 3px 15px;
}
/* -FIN- icones à gauche de la date ********** ********** ********** ********** */
div.cal_bas {
	width: 798px;
	height: 44px;
	line-height: 3.5em;
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;
	background: url(/images/cal_bas_shd.jpg) no-repeat;
	background-color: #ffffff;
	border: 1px solid #ececec;
	border-top: 0px;
	text-align: right;
	vertical-align: middle;
}

* html body div div.cal_bas {
	width: 793px;
	height: 44px;
	line-height: 3.5em;
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;
	background: url(/images/cal_bas_shd.jpg) no-repeat;
	background-color: #ffffff;
	border: 1px solid #ececec;
	border-top: 0px;
	text-align: right;
	vertical-align: middle;
}

div.cal_bas img {
	border: none;
}

#monthscontainer {
	margin-top: 25px;
	padding: 0px;
	margin-left:11px;
	float: left;
	width:800px;
}

* html body div#monthscontainer {
	margin-top: 25px;
	padding: 0px;
	margin-left:5px;
	float: left;
	width:795px;
}

#monthscontainer ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#monthscontainer ul li { 
	float: left; 
	background-color: #e4e4da;
}


#monthscontainer ul li a {
	text-decoration: none;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 33px;
	width: 64px;
	padding: 0px;
}

#monthscontainer ul li a {
	border-right: 1px solid #d1d1c9;
}

#monthscontainer ul li a.mois1 { background: url(/images/en/janv_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois2 { background: url(/images/en/fevr_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois3 { background: url(/images/en/mars_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois4 { background: url(/images/en/avr_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois5 { background: url(/images/en/mai_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois6 { background: url(/images/en/juin_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois7 { background: url(/images/en/juil_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois8 { background: url(/images/en/aout_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois9 { background: url(/images/en/sep_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois10 { background: url(/images/en/oct_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois11 { background: url(/images/en/nov_norm.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois12 { background: url(/images/en/dec_norm.gif) no-repeat bottom left; }

#monthscontainer ul li a span { display: none; }

#monthscontainer ul li a.mois1:hover, #monthscontainer ul li a.mois1_actif { background: url(/images/en/janv_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois2:hover, #monthscontainer ul li a.mois2_actif { background: url(/images/en/fevr_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois3:hover, #monthscontainer ul li a.mois3_actif { background: url(/images/en/mars_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois4:hover, #monthscontainer ul li a.mois4_actif { background: url(/images/en/avr_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois5:hover, #monthscontainer ul li a.mois5_actif { background: url(/images/en/mai_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois6:hover, #monthscontainer ul li a.mois6_actif { background: url(/images/en/juin_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois7:hover, #monthscontainer ul li a.mois7_actif { background: url(/images/en/juil_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois8:hover, #monthscontainer ul li a.mois8_actif { background: url(/images/en/aout_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois9:hover, #monthscontainer ul li a.mois9_actif { background: url(/images/en/sep_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois10:hover, #monthscontainer ul li a.mois10_actif { background: url(/images/en/oct_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois11:hover, #monthscontainer ul li a.mois11_actif { background: url(/images/en/nov_over.gif) no-repeat bottom left; }
#monthscontainer ul li a.mois12:hover, #monthscontainer ul li a.mois12_actif { background: url(/images/en/dec_over.gif) no-repeat bottom left; }

.utilitaire{
	float:right;
	margin-right:50px;
	margin-top:-35px;
}

