/* Styles du calendrier des activités
 */
#calendrier #contenu_calendrier noscript {
	text-align:left;
	font-weight:normal;
}

#calendrier #contenu_calendrier noscript ul {
	padding-top:10px;
}

#calendrier{
	padding:0;
	cursor:default;
	background:url(../images/calendrier/haut_calendrier.gif) 0 0 no-repeat;
	margin:0 auto 20px;
	width:245px;
}


#calendrier #haut_calendrier{
	display:none;
}



#calendrier #bas_calendrier{
	background:url(../images/calendrier/fond_bas_calendrier.gif)  repeat-x bottom left;
	height:23px;
}

#calendrier #bas_calendrier #bas_gauche_calendrier{
	background:url(../images/calendrier/fond_bas_gauche_calendrier.gif) left bottom no-repeat;
	height:23px;
	width:88px;
	float:left;
}

#calendrier #bas_calendrier #bas_droit_calendrier{
	background:url(../images/calendrier/fond_bas_droite_calendrier.gif) right bottom no-repeat;
	height:23px;
	width:87px;
	float:right;
}


#calendrier p.titre_calendrier{
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:1.09em;
width:100%;
text-align:center;
border-bottom:1px solid #dde2e6; float:left;
margin-bottom:1.6em;
}

#calendrier p.titre_calendrier span{ display:block; float:left; width:221px; padding-bottom:4px;}

#calendrier p.titre_calendrier a{ float:left; margin-top:2px;}

/* #typeEvenement n'est pas utilisé dans cette version du calendrier */
#typeEvenement a{ margin-left:-1px; clear:both; color:#333; font-size:0.91em; overflow:hidden; padding-left:5px; padding-right:15px; padding-top:3px; background:url(../images/cal-menu-deroulant.gif) left top no-repeat; height:14px; width:226px; display:block;}
#typeEvenement a:hover{color:#333; text-decoration:none; background-image:url(../images/cal-menu-deroulant-ov.gif)}
#typeEvenement a span{ display:block; overflow:hidden;}
#typeEvenement a span span{ display:block; width:1000px;}


#calendrier select{ width:100%; margin:0px 0 1.3em; }

ul#listeTypeEvenements{ display:none;
background:#F9FAFC none repeat scroll 0%;
border:1px solid #DDE2E6;
display:none;
left:0pt;
padding:8px 0pt;
position:absolute;
top:0pt;
z-index:1000;
width:244px;
}
ul#listeTypeEvenements li{ margin:0; padding:0; background:none;}
ul#listeTypeEvenements li.actif a {
color:#8E8E8E;
}
ul#listeTypeEvenements li a {
	display:block;
	font-size:0.91em;
	padding:2px 7px;
}


ul#listeTypeEvenements a:hover{ background-color:#fa0a51; text-decoration:none; color:#FFF;}
ul#listeTypeEvenements li.actif a:hover{ background-color:#fa0a51; text-decoration:none; color:#FFF;}

#calendrier table.calendrier{
clear:both;
	border:1px solid #d6d0bb;
	width:100%;
	border-collapse:collapse;
	font-size:11px;
	color:#333300;
	text-align:center;
	background-color:#FFFFFF;
	width:245px;
	margin-bottom:0.3em;
}

#calendrier table.calendrier th{
		border:1px solid #caced1;
		text-transform:uppercase;
		text-align:center;
		padding:5px 0 7px;
		background:#eff2f3 url(../images/bg-CalendrierJour.gif) repeat-x left bottom;
		color:#676767;
		width:14.29%;
}

#calendrier table.calendrier td{
		border: 1px solid #caced1;
		text-align:left;
		padding:3px 0 10px 4px;
		color:#676767;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.91em;
		width:14.29%;
}

#calendrier table.calendrier td a{
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;

}

#calendrier table.calendrier td.aujourdhui{
	font-weight:bold;
}

#calendrier table.calendrier td.activite_passee{
	color:#FFFFFF;
	font-weight:bold;
	background:#d7ecfc url(../images/bg-CalendrierJourActif.gif) repeat-y left top;
}

#calendrier table.calendrier td.activite_prochaine{
	color:#FFFFFF;
	font-weight:bold;
	background:#d7ecfc url(../images/bg-CalendrierJourActif.gif) repeat-y left top;
}

#calendrier table.calendrier td.activite_prochaine.actif{
	color:#FFF;
	background:#0289ee url(../images/bg-CalendrierJourActiviteAc.gif) repeat-y left top;
}
#calendrier table.calendrier td.activite_prochaine.actif a{
	color:#FFF;
}




/* Liste des jours fériés (sous le calendrier) */
#calendrier dl.joursferies{ margin:0 0 0 5px;}
#calendrier dl.joursferies dt{ padding-left:15px; color:#333; margin:0;}
#calendrier dl.joursferies dt.premier{ background:url(../images/asterix.gif) left 70% no-repeat;}
#calendrier dl.joursferies dd{ padding-left:15px; font-size:0.91em; font-weight:normal; margin:0 0 0.5em;}





/* Infobulle */
#calendrier td.aujourdhui a, #calendrier td.activite_passee a {
	
	color:#333300;
}
#calendrier table.calendrier td.activite_prochaine a {
	
		color:#006DBF;
}

#calendrier td.aujourdhui a:hover, #calendrier td.activite_prochaine a:hover, #calendrier td.activite_passee a:hover {
	position:relative;
	text-decoration:none; 
	background:none;
}
#calendrier td.aujourdhui a:hover, #calendrier td.activite_passee a:hover {
	
	text-decoration:none;
}
#calendrier td.aujourdhui.activite_prochaine a:hover {
	color:#ffffff;
	text-decoration:none;
}


#calendrier td a span{
	display:none;
	cursor:default;
}

#calendrier td a:hover span{
	display:block;
	position:absolute;
	z-index:1500;
	bottom:12px;
	left:-17px;
	width:175px;
	text-align:left;
	font-weight:normal;
	font-size:11px;
	padding:0;
	text-decoration:none;
}

#calendrier td a:hover span {
background:url(../images/bgCalendrierBottom.gif) bottom left no-repeat;
	color:#333;
}


#calendrier td a:hover span strong.bulle{
display:block;


	margin:0 0 22px;
	padding:5px 5px 0;
	list-style:none;
	background:url(../images/bgCalendrierTop.gif) left top no-repeat;
}

* html #calendrier td a:hover span strong.bulle{height:1px;}

#calendrier td.aujourdhui a:hover span strong.bulle strong.item, #calendrier td.activite_prochaine a:hover span strong.bulle strong.item {
	display:block;

font-weight:normal;
	margin:3px 3px 3px 4px;
	padding:0 0 0 9px;
	background:url(../images/puce-contenu-principal.gif) 0 0.5em no-repeat;
}

#calendrier td.activite_passee a:hover span strong.bulle strong.item {
display:block;
font-weight:normal;	
	margin:3px 3px 3px 4px;
	padding:0 0 0 9px;
	background:url(../images/puce-contenu-principal.gif) 0 0.5em no-repeat;
}






/**************** CALENDRIER MOO TOOLS DATE PICKER Dans les outils **************/

input.DatePicker{
	display: block;
	background: #fff url(../images/icon-calendrier.gif) no-repeat top right;
	cursor: pointer;
}
.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background: #fff url(../images/cal_bas.gif) no-repeat bottom;
	position: absolute;
	width: 220px;
	top: 24px;
	top: 0px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal table td {
	background-color:transparent;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	color: #fff;
	background: #ff2b58;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{

	background: url(../images/hautcal.gif) no-repeat top #f6f7f7;
}
.dp_cal td.dp_roll{
	color: #fff;
	background: #ff2b58;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #006DBF;
}
form table.type3 div.dp_container div.dp_cal select {
	width:45%;
}