/* CSS Document
-- Orange : #FE6A00
-- Bleu : #0066CC
-- Rouge : #E43312
-- Jaune : #FEDC00
-- Vert : #336633
*/

.bandeau { padding-bottom:3vw; }
	.imgCredits { bottom:4vw; }
	.bandeauTitle { width:50%; margin:0 auto; background-color:#EFEFEF; position:absolute; bottom:0; left:0; right:0; padding:2vw; font-size:1vw; text-align:center; }

.content { width:100%; position:relative; padding-top:3vw; display:flex; flex-wrap:wrap; }
	.agenda { width:65%; margin:0 auto; }
	.calendrier { width:100%; margin:0 auto; padding:1vw; display:flex; flex-wrap:wrap; align-items:center; }
		.calendrierMois { width:100%; margin:0.5% 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-content:center; }
			.calendrierMois_box { display:flex; flex-wrap:wrap; padding:0.5vw 1vw; align-content:center; }
				.calendrierMois_box h2 { display:block; width:100%; margin:0; padding:0; text-align:center; }
				.calendrierMois_box a:link, .calendrierMois_box a:visited { color:#FE6A00; }
				.calendrierMois_box a:hover, .calendrierMois_box a:active { color:#000000; }
		.calendrierJourAlpha { width:13.2858%; margin:0.5%; padding:0.5vw 1vw; background-color:#FE6A00; text-align:center; }
		.calendrierJour, .calendrierJourBlank, .calendrierJour_selected, .calendrierJourCR { width:13.2858%; margin:0.5%; padding:0.5vw 1vw; background-color:#CCCCCC; text-align:center; }
		.calendrierJour_selected { background-color:#FEDC00; }
		.calendrierJourCR { background-color:#000000; }
			.calendrierJourCR a:link, .calendrierJourCR a:visited { color:#FE6A00; }
			.calendrierJourCR a:hover, .calendrierJourCR a:active { color:#FEDC00; }
			a.daySelected:link, a.daySelected:visited { color:#FEDC00; }
		.calendrierJourBlank { background-color:#FFFFFF; }

	.typeButton { width:100%; margin:0 auto; padding:1vw; display:flex; flex-wrap:wrap; justify-content:space-between; }
		a.rubLink:link, a.rubLink:visited { padding:0.5vw 1vw; background-color:#FE6A00; color:#FFFFFF; border:#FE6A00 1px solid; border-radius:0.5vw; line-height:3vw; }
		a.rubLink:hover, a.rubLink:active { background-color:#FFFFFF; color:#000000; }

	.eventsDetails_trier { width:100%; display:flex; flex-wrap:wrap; background-color:#000000; color:#FFFFFF; padding:1em; }
		.eventsDetails_trier_txt { width:30%; }
		.eventsDetails_trier_btn { width:70%; display:flex; flex-wrap:wrap; padding:0 1em; align-items:center; justify-content:space-between; }

	.events { width:100%; display:flex; flex-wrap:wrap; padding:2em; justify-content:space-between; }
		.eventsMenu { width:25%; padding-right:1em; }
			.eventsMenu_line, .eventsMenu_lineSelected { width:100%; color:#FFFFFF; padding:0.5em 1em; border-bottom:#FFFFFF 2px solid;  }
			.eventsMenu_line { background-color:#FE6A00; }
			.eventsMenu_lineSelected { background-color:#000000; }
				.eventsMenu_line:hover { background-color:#000000; }
				.eventsMenu_line a:hover, .eventsMenu_line a:active, .eventsMenu_lineSelected a:hover, .eventsMenu_lineSelected a:active { color:#FEDC00; }

			.eventsSubMenu { width:100%; display:flex; flex-wrap:wrap; padding:0.5em 1em; background-color:#FE6A00; color:#FFFFFF; }
				.eventsSubMenu_title { width:100%; }
				.eventsSubMenu_line { width:100%; display:flex; flex-wrap:wrap; padding:0.5em 0 0.5em 0.5em; align-items:center; font-size:0.85em; }
					.eventsSubMenu_lineSelected { width:100%; display:flex; flex-wrap:wrap; padding:0.5em 0 0.5em 0.5em; align-items:center; font-size:0.85em; background-color:#000000; }
					.eventsSubMenu_line_img { width:15%; font-size:0; }
					.eventsSubMenu_line_label { padding-left:0.5em; }
					.eventsSubMenu_line:hover { background-color:#000000; }
					a.submenu:link, a.submenu:visited { color:#FFFFFF; }
					a.submenu:hover, a.submenu:active { color:#FFFFFF; }

		.eventsDetails { width:73%; }
			.eventsDetails h2, .eventsDetails h3 { margin:0; padding:0; font-size:1em; font-weight:normal; }
			.eventsDetails i { padding:0 0.25em; }
			.eventsDetails a:link, .eventsDetails a:visited { color:#FE6A00; }
			.eventsDetails a:hover, .eventsDetails a:active { color:#FEDC00; }
			.eventsDetails_title { width:100%; display:flex; flex-wrap:wrap; background-color:#FE6A00; padding:0.5em 1em; justify-content:space-between; align-items:center; }
				a.closeBTN:link, a.closeBTN:visited { color:#FFFFFF; }
				.acloseBTN:hover, a.closeBTN:active { color:#FEDC00; }
				.eventsDetails_box { width:100%; display:flex; flex-wrap:wrap; margin-top:1em; background-color:#F1F1F1; border-bottom:#000000 2px solid; }
					.eventsDetails_box_title { width:100%; background-color:#000000; color:#FFFFFF; padding:0.25em 0.5em; }
					.eventsDetails_box_domaines { width:100%; display:flex; flex-wrap:wrap; padding:0.25em 0.5em; font-size:2rem; justify-content:space-around; }
						.eventsDetails_box_domaines div { max-width:15%; font-size:0; }
					.eventsDetails_box_infos { width:100%; display:flex; flex-wrap:wrap; padding:1em; }
						.eventsDetails_box_infos span { padding:0 1em; }
						.eventsDetails_box_infos_es { width:50%; display:flex; flex-wrap:wrap; align-items:center; }
						.eventsDetails_box_infos_lic { width:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:right; }


			.eventsDetails_content { width:100%; display:flex; flex-wrap:wrap; background-color:#F1F1F1; padding:0 1em; justify-content:space-between; }
				.eventsDetails_content_line { width:100%; display:flex; flex-wrap:wrap; align-items:center; padding:0.5em 0; }
					.eventsDetails_content_line_picto { width:5%; }
					.eventsDetails_content_line_label { width:25%; }
					.eventsDetails_content_line_txt { width:70%; }
					.eventsDetails_content_line_iframe { width:50%; height:100%; display:flex; flex-wrap:wrap; background-color:#000000; color:#FFFFFF; align-items:center; justify-content:center; }
					.eventsDetails_content_line_adresse { width:50%; display:flex; flex-wrap:wrap; padding-left:1em; }


@media only screen and (max-width:1200px) {

}

@media only screen and (max-width:800px) {

}

@media only screen and (max-width:600px) {
  .bandeau { padding-bottom:140px; }
  	.imgCredits { display:none; }
  	.bandeauTitle { width:100%; font-size:4vw; }
  		.bandeauTitle i { width:100%; text-align:center; font-size:10vw; }
	
	.agenda, .typeButton, .events { width:100%;  }
	
	.events { padding:1em 0.25em; }
		.eventsMenu, .eventsDetails { width:100%; padding:0; }
		.eventsDetails { margin:1em 0; }
			.eventsDetails_trier_txt, .eventsDetails_trier_btn { width:100%; }
				.eventsDetails_trier_btn div { width:100%; text-align:center; padding:0.5em 0; }
					.eventsDetails_trier_btn div i { padding:0 1em; }
			.eventsDetails_box_title { text-align:center; }
				.eventsDetails_box_title span { width:100%; display:flex; justify-content:center; }
			.eventsDetails_box_domaines { padding:0.5em 0; }
				.eventsDetails_box_domaines div { max-width:50%; }
			.eventsDetails_box_infos { padding:0; }
				.eventsDetails_box_infos_es, .eventsDetails_box_infos_lic { width:100%; justify-content:center; padding:0.25em 0; }
				.eventsDetails_box_infos_es span, .eventsDetails_box_infos_lic span { width:100%; display:flex; flex-wrap:wrap; order:1; justify-content:center; }
		.eventsDetails_title div { width:100%; text-align:center; padding:0.25em 0; }
		.eventsDetails_content { padding:0 0.25em; }
			.eventsDetails_content_line_picto, .eventsDetails_content_line_label, .eventsDetails_content_line_txt, .eventsDetails_content_line_iframe, .eventsDetails_content_line_adresse { width:100%; text-align:center; }
			.eventsDetails_content_line_iframe { height:auto; }
			.eventsDetails_content_line_adresse { padding:1em 0; justify-content:center; }
}