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

.bandeContainer_rubrique h5 { margin:0; padding:0; font-family:'bigshoulders', Arial, Helvetica, sans-serif; font-size:1.4vw; }

.bandeAnnuaire_rubriqueTitle { width:100%; max-width:1400px; margin:20px auto; display:block; }
.bandeAnnuaire { width:100%; max-width:1400px; margin:0 auto; display:flex; }
	.bandeAnnuaire h3 { margin:0; padding:0; }

.bandeSup_menu_filter { width:100%; }
	.filtresBox { width:100%; display:flex; flex-wrap:nowrap; align-items:middle; font-size:1.1vw; }
		.filtersBox_div { display:block; padding-right:2%; }
			.filtersBox_div:last-child { padding-right:0; }
			.filtersBox_div a:link, .filtersBox_div a:visited { color:#FFFFFF; }
			.filtersBox_div a:hover, .filterBox_div a:active { color:#FF0000; }

.bandeLeft { width:70%; }
	.videoTop { width:100%; }
		.videoBoxFirst { width:98%; border:#999999 1px solid; border-radius:4px; margin:10px 1%; padding:20px; display:flex; font-size:1.1vw; }
			.videoBoxFirst_pict { width:40%; font-size:0 }
			.videoBoxFirst_text { width:60%; padding-left:2%; display:flex; flex-direction:column; }
			.videoBoxFirst_title { width:100%; padding:0 0 10px 0; border-bottom:#000 1px solid; display:flex; align-items:center; }
				.videoBoxFirst_title h4 { margin:0; padding:0; font-size:1.4vw; }
				.videoBoxFirst_title a:link, .videoBoxFirst_title a:visited { color:#000000; }
				.videoBoxFirst_title a:hover, .videoBoxFirst_title a:active { color:#FF0000; }
			.videoBoxFirst_intro { width:100%; padding:10px 0; text-align:justify; }
				.videoBoxFirst_intro a:link, .videoBoxFirst_intro a:visited { color:#000000; }
				.videoBoxFirst_intro a:hover, .videoBoxFirst_intro a:active { color:#FF0000; }
	.videoBottom { width:100%; display:flex; flex-wrap:wrap; }
		.videoBox { width:31.3333%; margin:10px 1%; border:#999999 1px solid; border-radius:4px; padding:10px; position:relative; display:flex; flex-direction:column; overflow:hidden; }
			.videoBox_pict { width:100%; font-size:0; }
			.videoBox_title { width:100%; min-height:115px; padding:10px 0; border-bottom:#000 1px solid; display:flex; align-items:center; }
				.videoBox_title h4 { margin:0; padding:0; font-size:1.4vw; }
				.videoBox_title a:link, .videoBox_title a:visited { color:#000000; }
				.videoBox_title a:hover, .videoBox_title a:active { color:#FF0000; }
			.videoBox_labels { width:100%; padding:10px 0; display:flex; flex-direction:column; border-bottom:#000 1px solid; font-size:1vw; }
				.videoBox_labels div span { padding-right:1vw; }
				.videoBox_labels a:link, .videoBox_labels a:visited { color:#FF0000; }
				.videoBox_labels a:hover, .videoBox_labels a:active { color:#000000; }
			.videoBox_intro { width:100%; padding:10px 0; margin-bottom:40px; text-align:justify; }
				.videoBox_intro a:link, .videoBox_intro a:visited { color:#000000; }
				.videoBox_intro a:hover, .videoBox_intro a:active { color:#FF0000; }
			.videoBox_link { width:100%; padding:10px 0; background-color:#F00; color:#FFF; text-align:center; position:absolute; bottom:0; left:0; }
				.videoBox_link a:link, .videoBox_link a:visited { color:#FFFFFF; }
				.videoBox_link a:hover, .videoBox_link a:active { color:#000000; }

	.videoDetails { width:100%; margin:10px; padding:0 20px; border:#999999 1px solid; border-radius:6px; display:flex; flex-direction:column; position:relative; }
		.videoDetails_btnClose { position:absolute; right:10px; top:10px; }
			.videoDetails_btnClose a:link, .videoDetails_btnClose a:visited { color:#FF0000; }
			.videoDetails_btnClose a:hover, .videoDetails_btnClose a:active { color:#000000; }
		.videoDetails_line { width:100%; padding:10px 0; border-bottom:#999999 1px solid; }
			.videoDetails_line h2, .videoDetails_line h3 { margin:0; padding:0; }
			.videoDetails_line:last-child { border-bottom:none; }
			.videoDetails_line p:last-child { padding-bottom:0; margin-bottom:0; }
		.videoDetails_labels { width:100%; padding:10px 0; border-bottom:#999999 1px solid; display:flex; align-items:center; font-size:1.1vw; }
			.videoDetails_labels div { padding:0 10px; }
			.videoDetails_labels div img { max-width:35px; height:auto; }
			.videoDetails_labels a:link, .videoDetails_labels a:visited { color:#FF0000; }
			.videoDetails_labels a:hover, .videoDetails_labels a:active { color:#000000; }
		.videoDetails_iframe { width:100%; padding:20px 0; text-align:center; }

.bandeRight { width:30%; padding:1%; display:flex; flex-direction:column; }
.top10box { width:100%; display:flex; flex-wrap:wrap; flex-direction:column; padding:1vw 0; }
	.top10box_line { margin:0 0 0.5vw 0; padding:0 1vw 0.5vw 1vw; border-bottom:#333333 1px dotted; font-size:1vw; }
		.top10box_line a:link, .top10box_line a:visited { color:#3399CC; }
		.top10box_line a:hover, .top10box_line a:active { color:#000000; }


@media only screen and (max-width:1200px) {
	/* 
		Font-size : 
			Textes 2.4vw; 
	*/
	.bandeAnnuaire { font-size:2.4vw; }
	.bandeContainer_full_box { width:48%; }
	.labels { font-size:1.6vw; }
	
	.videoBox { width:100%; font-size:4.6vw; }
}

@media only screen and (max-width:900px) {
	.bandeLeft { width:100%; }
		.videoBoxFirst { flex-direction:column; font-size:4.6vw; }
			.videoBoxFirst_pict { width:100%; }
				.videoBoxFirst_title h4, .videoBox_title h4 { font-size:5.6vw; }
				.videoBoxFirst_text { width:100%; padding-left:0; }
				.videoBox_title { min-height:1%; }
				.videoBox_labels { font-size:4vw; }
		.videoDetails { width:98%; margin:10px 1%; }
			.videoDetails_labels { font-size:2.2vw; }
			.videoDetails_labels div img { max-width:25px; height:auto; }
			.videoDetails_line p { font-size:4vw; }
	
	.bandeRight { display:none; }
}

@media only screen and (max-width:600px) {
	.videoBoxFirst_title h4 { font-size:6.5vw; padding-top:2vw; }
	.videoBoxFirst_intro { font-size:6vw; }
	.videoBox_intro { font-size:6vw; }
	.videoDetails_btnClose { font-size:6vw; }
	.videoDetails_line h2 { font-size:6.5vw; }
	.videoDetails_line h3 { font-size:6vw; text-align:justify; }
	.videoDetails_line p { font-size:5.5vw; text-align:justify; }
	.videoDetails_labels { font-size:6vw; }
	.videoBox_labels div { padding:2vw 0; font-size:6vw; }
	.videoBox_labels div span { padding:0 4vw 0 2vw; }
	.videoDetails_iframe {padding:2vw 0; }

}