/* CSS spécifique pour l'affichage des événements */

label, input, button, select, textarea {
    font-size: 13px;
	color: #666666;
}

input[type="radio"], input[type="checkbox"] {
	margin: 3px 0 0;
}

.calendar .span3 {
	background-color: #EEEEEE;
}

/* Gestion des filtres */

    /* Datepicker */
.calendar .datepick-month td .datepick-sel {
    background-color: #B90000;
    color: #FFFFFF;
}  

.calendar .datepick-month td .datepick-today {
    background: none;
    color: #666666;
}

.calendar a.datepick-cmd-clear {
    color: #666666;
    font-size: 12px;
}
    
	/* Boutons */
	
.calendar #menu_level3 .container_btn {
	text-align: left;
	padding: 0 10px;
}
	
.calendar #menu_level3 .today,
.calendar #menu_level3 .period span,
.calendar #menu_level3 .period ul,
.calendar #menu_level3 .datepicker_btn {
	color: #FFFFFF;
	font-family: georgia;
	font-size: 16px;
	font-style: italic;
	background-color: #666666;
	padding: 10px 59px 10px 20px;
	line-height: 24px;
	margin: 12px 30px 0 0;
	cursor: pointer;
	float: left;
}

.calendar #menu_level3 .btn_filtre ul {
	float: none;
    list-style-type: none;
    margin: 63px 0 0;
    padding: 10px 25px 10px 20px;
    position: relative;
    z-index: 100000;
    display: none;
}

.calendar #menu_level3 .btn_filtre ul li {
	padding: 0 0 20px;

}

.calendar #menu_level3 .btn_filtre ul li.last {
	padding: 0;
}

.calendar #menu_level3 .today {
	padding: 10px 18px;
}

.calendar #menu_level3 #btn-today.active {
    border: 1px solid #FFFFFF;
    padding: 9px 17px;
}

.calendar #menu_level3 .period {
	float: left;
    margin: 0 30px 0 0;
	width: 164px;
}

.calendar #menu_level3 .period span {
	background: url("../images/icon_filtre_arrow.png") no-repeat scroll 125px 15px #666666;
    margin: 12px 0 0;
    padding-right: 100px;
	width: 44px;
}

.calendar #menu_level3 .datepicker_btn {
	background: url("../images/icon_filtre_cal.png") no-repeat scroll 145px 15px #666666;
}

.calendar #menu_level3 .container_search {
	display: inline-block;
    float: right;
}

.calendar #menu_level3 .cal_search,
.calendar #menu_level3 .button_search {
	color: #717171;
	border: medium none;
    border-radius: 0 0 0 0;
	box-shadow: none;
    height: 37px;
    margin: -2px 0 0;
    padding: 1px 0 0 20px;
    vertical-align: middle;
	width: 180px;
}

.calendar #menu_level3 .button_search{
	background: url("../images/loupe_recherche.png") no-repeat scroll 4px 7px #FFFFFF;
    padding: 0 40px 38px 0;
    width: 25px;
}

.calendar #content_main { margin-top: 30px; }

.calendar #content_main .titre_filtre {
	color: #FFFFFF;
	font-family: georgia;
	font-size: 12px;
	font-style: italic;
	height: 65px;
	line-height: 30px;
	padding: 0 10px;
	background-color: #999999;
	text-align: right;
	cursor: pointer;
}

.calendar #content_main .titre_filtre a {
    color: #FFFFFF;
    font-style: normal;
    text-decoration: none;
}

.calendar #content_main .titre_filtre a:hover {
    text-decoration: underline;
}

.calendar #content_main .accordion {
    margin-bottom: 0;
}

.calendar #content_main .accordion-group {
    border-top: medium none;
	border-right: medium none;
	border-bottom: 1px solid #FFFFFF;
	border-left: medium none;
    border-radius: 0 0 0 0;
    margin: 0 12px;
}

.calendar #content_main #accordion4 .accordion-group {
	border:medium none;
}

.calendar #content_main .accordion-heading .accordion-toggle {
    padding: 20px 0;
}

.calendar #content_main .accordion-heading {
	background: url("../images/arrow_accordion_heading_close.png") no-repeat scroll right 26px transparent;
}

.calendar #content_main .open .accordion-heading {
	background: url("../images/arrow_accordion_heading_open.png") no-repeat scroll right 26px transparent;
}

.calendar #content_main .accordion-inner {
    border-top: medium none;
    padding: 0 0 10px;
}

.calendar #content_main .accordion-heading a {
	font-size: 14px;
	color: #696969;
	font-weight: bold;
	text-decoration: none;
}

.calendar #container_agenda .box {
	padding: 0;
}

.calendar .content_agenda {
	border-bottom: 1px solid #C1C1C1;
	margin: 0 20px 15px 0;
    padding: 0 0 10px;
}

.content_agenda {
	border-bottom: 1px solid #C1C1C1;
	margin: 0 0 15px 0;
	padding: 0 0 10px;
}

.content_agenda:hover {
	cursor: pointer;
}
.content_agenda.simple:hover { cursor: default; }

#content_main .content_agenda .box {
	padding: 0;
	margin: 0;
}

.content_agenda .illus_partage {
	float: left;
	width: 130px;
	margin: 0 20px 0 0;
}

#content_main .content_agenda .illus_partage a { text-decoration: none; }

.content_agenda .illus_partage .illus {
	display: inline-block;
    position: relative;
	margin: 0 0 5px 0;
}

.content_agenda .illus_partage .illus img {
	border: 1px solid #C1C1C1;
}

.content_agenda .illus_partage .illus:after {
	background-image: url("../images/btn_img_cal.png");
	background-repeat: no-repeat;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.simple .illus_partage .illus:after {
	background-image: none;
}

.content_agenda:hover .illus_partage .illus:after{
	background-image: url("../images/btn_img_cal_hover.png");
}

.simple:hover .illus_partage .illus:after{
	background-image: none;
}

.content_agenda .illus_partage .ical {
	float: right;
	position: relative;
	display: none;
}

#content_main .content_agenda .illus_partage .ical img {
	vertical-align: top;
	margin: 5px 0 0 0;
}

.content_agenda .detail_content {
	float: right;
    margin: -4px 0 0;
    width: 530px;
}

.content_agenda .categorie {
	color: #B90000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.content_agenda .titre {
	text-transform: uppercase;
}

#content_main .content_agenda .titre,
#content_main .content_agenda .titre a,
.content_agenda .soustitre {
	color:#535353;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
}

.content_agenda .soustitre {
	margin: 0 0 10px 0;
}

.content_agenda p {
	font-size: 13px;
	margin-bottom: 5px;
}

.content_agenda span.voir_plus,
.content_agenda span.voir_plus_fermer{
	color: #B90000;
	font-family: georgia;
	font-size: 12px;
	font-style: italic;
	float: right;
	width: 100%;
	text-align: right;
	margin: -22px 0 0 0;
}

#content_main .content_agenda:hover .detail_content p.titre a,
#content_main .content_agenda:hover .detail_content p.soustitre {
	text-decoration: underline;
}

#content_main .simple:hover .detail_content p.titre a,
#content_main .simple:hover .detail_content p.soustitre,
#content_main .simple:hover .detail_content p {
	text-decoration: none;
	cursor: default;
}

.simple:hover .voir_plus,
.simple:hover .voir_plus_fermer {
	text-decoration: underline;
}

.content_agenda .date_lieu {
	float: left;
	width: 100%;
}

.content_agenda .lieu {
	font-family: georgia;
	font-size: 14px;
	font-style: italic;
	color: #535353;
	margin: 0;
	width: 50%;
	float: left;
}

.content_agenda .public_horaires {
	float: right;
	text-align: right;
	max-width: 50%;
}

.content_agenda .public {
	display: inline-block;
}

.content_agenda .date,
.content_agenda .public,
.content_agenda .horaires{
	font-size: 12px;
	color: #535353;
	font-weight: bold;
	margin: 0;
}

.content_agenda .detail_simple {
	/*display: none;*/
}

.content_agenda .detail_simple p.achat {
	width: 500px;
}

.calendar .more_result {
	font-size: 16px;
	font-family: georgia;
	font-style: italic;
	color: #696969;
	text-align: center;
	cursor: pointer;
}

/* Image d'illustration */
.illust {
	float: left;
	margin: 0 20px 20px 0;
}

#back_parent + h2 + .content_agenda {
	border-bottom: none;
	margin: 0 0 0;
    padding: 0 0 0;
	
}

.illust + .content_detail_cal .soustitre,
.illust + .content_detail_cal .lieu {
    margin: 0 0 10px 0;
}

#back_parent + h2 + .content_agenda:hover {
	cursor: default;
}

.illust + .content_detail_cal:hover .titre,
.illust + .content_detail_cal:hover .soustitre,
#back_parent + h2 + .content_agenda:hover p {
	text-decoration: none;
}

/* Bouton de partage dans une page de détail */
.content_detail_partage {
	text-align: right;
}
.content_detail_partage p {
	color: #535353;
	font-size: 14px;
	font-family: georgia;
	font-style: italic;
	margin-bottom: 10px;
}
.content_detail_partage a:last-child {
	margin: 0;
}

/* Styles spécifiques en fonction de la page d'entrée */

	/* Expositions et événements */
body#b_293 .categorie {
    color: #0099CC;
}

@media (max-width: 767px) {
	.content_agenda .detail_content {
		float: none;
		margin: 0;
		width: auto;
	}
	.content_agenda .detail_simple p.achat {
		width: 100%;
	}
	
	.content_agenda .illus_partage {
		margin: 20px 20px 0 0;
	}
	
	.voir_plus, 
	.voir_plus_fermer { display: none; }
}