/* CSS Document */
/* --------------------------------------------------------------------------------------------- Filtrer */
	#main #left #contenu #filtre {
		display:inline;
		float:left;
		width:80%;
		background:#dae2ed;
		padding:10px 5%;
		margin:0 5% 15px 5%
	 }
	 #main #left #contenu #filtre select {width:250px}
/* --------------------------------------------------------------------------------------------- Evenements */
	#main #left #contenu #evenements {

	}
	#main #left #contenu #evenements li {
		float:left;
		width:100%;
		border-bottom:1px dashed #ccc;
		padding:10px 0 15px 0
	}
	#main #left #contenu #evenements li span.thematique {
		float:right;
		background:#dae2ed;
		padding:2px 5px
	}
	#main #left #contenu #evenements li h3 {
		clear:none;
		margin-bottom:2px
	}
	#main #left #contenu #evenements span.date_ville {
		display:block;
		float:left;
		width:100%;
		font-style:italic;
		color:#999;
		margin:0 0 5px 0
	}
	#main #left #contenu #evenements img {
		float:left;
		border:1px solid #0e3b7e;
		margin:0 10px 0 0
	}
	#main #left #contenu #evenements p {
		text-align:justify;
		line-height:1.5em;
		margin:0 0 3px 0
	}
	#main #left #contenu #evenements a.savoir_plus {
		color:#ff7800;
		text-decoration:underline
	}
	#main #left #contenu #evenements a.savoir_plus:hover {text-decoration:none}
/* --------------------------------------------------------------------------------------------- Calendrier */
	#main #right #calendrier {
		float:left;
		width:170px;
		border:1px solid #0e3b7e;
		background:#fff;
		padding:8px 4px 0 4px;
		margin:0 0 20px 0
	}
/* ------------------------------------------------------------------------ Navigation mois par mois */
	#main #right #calendrier #navigation_mois {
		float:left;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 0 8px 0
	}
	#main #right #calendrier #navigation_mois li {
		display:block;
		float:left;
		width:15%
	}
	#main #right #calendrier #navigation_mois li a {color:#666}
	#main #right #calendrier #navigation_mois li a:hover {text-decoration:underline}
	#main #right #calendrier #navigation_mois #mois_courant {width:69%}
/* ------------------------------------------------------------------------ Tableau */
	#main #right #calendrier table {
		float:left;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;
		text-align:center
	}
/* ---------------------------------------------------- Jours de la semaine */
	#main #right #calendrier table tr th {
		color:#666;
		background:#dae2ed;
		padding:3px 0
	}
/* ---------------------------------------------------- Cellule de tableau */
	#main #right #calendrier table tr td {padding:3px 0}
	#main #right #calendrier table tr td a {
		color:#0e3b7e;
		font-weight:bold;
		text-decoration:underline
	}
/* -------------------------------- */
	#main #right #calendrier table tr td a.jour_evenement, #main #right #calendrier table tr td a.jour_selectionne {
		display:block;
		width:18px;
		color:#fff;
		padding:1px 0;
		text-decoration:none
	}
/* -------------------------------- Jour événement */
	#main #right #calendrier table tr td a.jour_evenement {background:#0e3b7e}
/* -------------------------------- Jour sélectionné */
	#main #right #calendrier table tr td a.jour_selectionne {background:#ff7800}
/* -------------------------------- Jour événement et sélectionné */
	#main #right #calendrier table tr td a.jour_evenement.jour_selectionne {
		width:16px;
		border:1px solid #0e3b7e;
		padding:0
	}
/* -------------------------------- Etat au survol */
	#main #right #calendrier table tr td a:hover {text-decoration:overline}