@charset "utf-8";
/* CSS Document */

.calendrierBox { width:100%; margin:0 auto; display:flex; flex-wrap:wrap; }
	.calendrierBox h2 { margin:0; padding:0; }
	.calendrier_moisBox { width:100%; text-align:center; background-color:#CCCCCC; border-bottom:#FA0008 3px solid; padding:1vw; display:flex; flex-wrap:wrap; align-items:center; }
		.calendrier_moisBox_title{ width:80%; }
		.calendrier_moisBox_btn { width:10%; text-transform:uppercase; }
		a.mois:link, a.mois:visited { color:#FA0008; }
		a.mois:hover, a.mois:active { color:#000000; }
	.calendrier_dayBox { width:13.2857%; margin:0.5%; padding:0.5vw 0; display:flex; align-items: center; justify-content:center; }
	.calendrier_dayBox_selected { width:13.2857%; margin:0.5%; padding:0.5vw 0; display:flex; align-items: center; justify-content:center; background-color:#CCCCCC; border-bottom:#FA0008 3px solid; }
	
.events { width:100%; display:flex; flex-wrap:wrap; }
	.event_title { width:100%; background-color:#CCCCCC; border-bottom:#FA0008 3px solid; }
	.event_box { width:100%; margin:1vw 0; display:flex; flex-wrap:wrap; background:#F7F7F7; border-top:#000000 1px solid; }
	.event_box_pict { width:20%; font-size:0; }
	.event_box_details { width:80%; text-align:left; padding:1vw; }
		.event_box_details_title { width:100%; }
		.event_box_details_line { width:100%; display:flex; flex-wrap:wrap; align-items:center; padding:0.5vw 0; border-bottom:#000000 1px solid; }
			.event_box_details_line:last-child { border:none; }
			.event_box_details_line p { margin:0; padding:0; }
			.event_box_details_line_picto { width:5%; }
			.event_box_details_line_label { width:25%; }
			.event_box_details_line_text { width:70%; }
				.event_box_details_line_text span { color:#FA0008; font-weight:bold; }
	.event_box_btn { width:100%; background:#333333; color:#FFFFFF; padding:1vw 0; border-bottom:#FA0008 3px solid; }
		.event_box_btn a:link, .event_box_btn a:visited { color:#FFFFFF; }
		.event_box_btn a:hover, .event_box_btn a:active { color:#FA0008; }
		.event_box_btn a i { padding-right:1vw; }
		
@media only screen and (max-width: 640px) {
	.event_box_pict, .event_box_details { width:100%; }
		.event_box_details_line { font-size:1.25em; padding-bottom:1em; margin-bottom:1em; }
			.event_box_details_line_picto { width:35%; text-align:right; padding-right:0.5em;  }
			.event_box_details_line_label { width:65%; text-align:left; padding-left:0.5em; }
			.event_box_details_line_text { width:100%; text-align:center; }
	
}