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

.filterBox { width:98%; margin: 0 2% 0 0; }
	.actifFilter { width:100%; margin-bottom:1vw; text-align:left; display:flex; flex-wrap:wrap; align-items:center; }
		.actifFilter_box { display:flex; flex-wrap:wrap; background-color:#CCCCCC; border-bottom:#FA0008 5px solid; text-align:center; padding:0.25vw 0.5vw; align-items:center; }
			.actifFilter_box div { padding: 0 0.5vw; }
				.actifFilter_box div:first-child { font-size:0; }
				.actifFilter_box div img { max-height:40px; width:auto; }
				a.filterDEL { font-size:2vw; }
					a.filterDEL:link, a.filterDEL:visited { color:#FA0008; }
					a.filterDEL:hover, a.filterDEL:active { color:#000000; }

.collapsibleFilter {
	background-color:#313336;
	color:#FFFFFF;
	cursor:pointer;
	padding:1vw;
	width: 100%;
	border: none;
	text-align: left;
	outline:none;
	border-bottom:#FA0008 5px solid;
	position:relative;
	display:flex;
	align-items:center;
}
	.collapsibleFilter h2 { margin:0; padding:0; font-size:1.2vw; font-family:'raleway', Arial, Time, Helvetica, sans-serif; }
		.collapsibleFilter h2 i { padding-right:2vw; }

.activeFilter, .collapsibleFilter:hover { background-color: #555; }

.collapsibleFilter:after {
	content:"\25BC"; /* '\002B'; down */
	color:#FFFFFF;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	position:absolute;
	right:1vw;
	font-size:1.2vw;
}

.activeFilter:after { content: "\25B2"; /* "\2212"; UP */ }

.contentFilter { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f1f1f1; }
	.contentBox { width:100%; padding:2vw; display:flex; flex-wrap:wrap; text-align:left; }
		.contentBox_title { width:100%; }
			.contentBox_title h3 { margin:0; padding:0; }

.wordCloud { display:flex; flex-wrap:wrap; }
	.word { padding:10px 20px; background-color:#FFFFFF; margin:0.5vw; text-align:center; display:flex; flex-wrap:wrap; align-items:center; border-bottom:#FA0008 3px solid; }
		.word a:link, .word a:visited { color:#000000; }
		.word a:hover, .word a:active { color:#FA0008; }
		
		.word_pict { max-height:40px; padding-right:1vw; }
			.word_pict img { max-height:40px; width:auto; }
	.wordCloud>* { flex: 1 1 auto; }

@media only screen and (max-width: 900px) {
	.actifFilter, .collapsibleFilter h2, .word { font-size:2.4vw; }
	.collapsibleFilter:after { font-size:2.6vw; }
	a.filterDEL { font-size:2.5vw; }
}

@media only screen and (max-width:600px) {
		.actifFilter_box { width:100%; padding:1vw 2vw; justify-content:center; }
			.actifFilter_box div { padding:0 4vw; }
			a.filterDEL { font-size:6vw; }
		.actifFilter, .collapsibleFilter h2, .word { font-size:4.2vw; }
		.word { margin:1.5vw; width:100%; }
		.collapsibleFilter:after { font-size:4.6vw; }
		
}