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


.menuRubriqueRWD { display:none; }

.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, .bandeAnnuaire p { margin:0; padding:0; }

	.bandeAnnuaire_left { width:68%; margin-right:2%; padding:1%; }

		.bandeAnnuaire_leftBottom { width:100%; display:flex; flex-wrap:wrap; }
			.leftBottom_box { width:23%; margin:1%; padding:25px; display:flex; flex-direction:column; position: relative; padding:25px; border:#DDDDDD 1px solid; border-radius:4px; }
				.leftBottom_box a:link, .leftBottom_box a:visited { color:#000000; }
				.leftBottom_box a:hover, .leftBottom_box a:active { color:#FF0000; }
				.leftBottom_box_pict { width:100%; font-size:0; }
				.leftBottom_box_text { width:100%; padding:25px 0; display:flex; flex-direction:column; }
					.boxText_link { width:100%; position:absolute; bottom:0; left:0; padding:5px 0; text-align:center; background-color:#FF0000; }
						.boxText_link a:link, .boxText_link a:visited { color:#FFFFFF; }
						.boxText_link a:hover, .boxText_link a:active { color:#000000; }

		.bandeAnnuaire_leftTop { width:100%; display:flex; }
			.boxPict { width:50%; font-size:0; padding:25px; border-radius:4px; border:#999 1px solid; }
			.boxText { width:46%; margin-left:4%; display:flex; flex-direction:column; }
				.boxText a:link, .boxText a:visited { color:#000000; }
				.boxText a:hover, .boxText a:active { color:#FF0000; }
				.boxText_line { width:100%; padding:10px 0; border-bottom:#000 1px solid; }
					.boxText_line:last-child { border-bottom:none; }
					.labels { width:100%; display:flex; font-size:0.8vw; align-items:center; }
						.labels div { margin-right:10px; }
							.labels div img { max-width:20px; height:auto; }
						.labels a:link, .labels a:visited { color:#FF0000; }
						.labels a:hover, .labels a:active { color:#000000; }
				.boxText_topLink { display:none; }
			
			.webBox { width:100%; display:flex; flex-direction:column; }
				.webBox_pict { width:100%; font-size:0; padding:25px; border:#000000 1px solid; border-radius:4px; }
				.webBox_text { width:100%; padding:0 25px; }
					.webBox_line { width:100%; border-bottom:#000000 1px solid; padding:20px; display:flex; align-items:center; position:relative; }
					.btnClose { width:30px; position:absolute; right:10px; }
						.btnClose a:link, .btnClose a:visited { color:#FF0000; }
						.btnClose a:hover, .btnClose a:active { color:#000000; }
						.webBox_line:last-child { border-bottom:none; }	
						.webBox_line_text { display:flex; flex-direction:column; }
							.webBox_line_text div { width:100%;; text-align:justify; }
								.webBox_line_text div p { margin:10px 0px; padding:10px 0; }
		
	.bandeAnnuaire_right { width:30%; }

.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; }

@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; }
}

@media only screen and (max-width:900px) {
	/* 
		Font-size : 
			Textes 2vw; 
			Rubrique H4 : 4.8vw
	*/
	
	.bandeSup_menu_content { font-size:2vw; }
	.bandeAnnuaire_right { display:none; }
	.bandeAnnuaire_left { width:100%; }
		.leftBottom_box { width:31%; }
		.boxPict { width:50%; }
		.boxText { width:48%; margin-left:2%; }
	.bandeContainer_rubrique h4 { font-size:4.8vw; }
}

@media only screen and (max-width:600px) {
	.menuRubriqueRWD { display:flex; flex-direction:column; width:100%; font-size:4.8vw; }
		.menuRubriqueRWD ul { margin:0; padding:0 2vw; list-style-type:none; }
			.menuRubriqueRWD ul li { padding:2vw; border-bottom:#FFFFFF 1px dotted; }
			.menuRubriqueRWD a:link, .menuRubriqueRWD a:visited { color:#FFFFFF; font-size:8vw; }
			.menuRubriqueRWD a:hover, .menuRubriqueRWD a:active { color:#3399CC; font-size:8vw; }

	.bandeAnnuaire_full { width:94%; margin:0 auto; }
	.bandeAnnuaire { flex-direction:column; }
		.bandeAnnuaire_left { width:94%; margin-right:auto; margin-left:auto; }
			.bandeAnnuaire_leftTop { flex-direction:column; font-size:6vw; }
			.leftBottom_box { width:94%; margin:1% auto; font-size:6vw; }
				.boxPict { width:100%; margin-right:0%; } 
				.boxText { width:100%; padding:0 20px; }
					.boxText_line p { text-align:justify; }
				.boxText_topLink { width:100%; display:block; padding:5px 0px;background-color:#FF0000; text-align:center; }
					.boxText_topLink a:link, .boxText_topLink a:visited { color:#FFFFFF; }
					.boxText_topLink a:hover, .boxText_topLink a:active { color:#000000; }

		.bandeAnnuaire_right { width:96%;  }

		.webBox_text { display:flex; flex-direction:column; }
		.webBox_line { flex-direction:column; }
			.webBox_line h3 { font-size:6vw; }
			.btnClose a { font-size:6vw; }
			.labels { width:100%; font-size:5.5vw; display:flex; flex-wrap:wrap; }
			.webBox_line_text div p { font-size:5.5vw; margin:0; padding:0; }
		
		.pageApage { width:94%; margin:2vw auto; font-size:4.5vw; }
}