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

@font-face {
	/* Origin : fontsquirrel.com */
    font-family: 'advent';
    src: url('fonts/advent.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	/* Origin : fonts.google.com */
    font-family: 'raleway';
    src: url('fonts/raleway.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}

@font-face {
	/* Origin : fonts.google.com */
    font-family: 'fugazone';
    src: url('fonts/fugazone.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}

@font-face {
	/* Origin : fonts.google.com */
    font-family: 'bigshoulders';
    src: url('fonts/bigshoulders.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}


* { box-sizing: border-box; }
img { width:100%; height:auto; }
a { text-decoration:none; }

/*
html { height:100%; background:url(../../img/pages/background-2023.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body { min-height:100%; position:relative; margin:0; padding:0 0 160px 0; font-size:1.5em; color:#FFFFFF; font-family: 'caviardreams', Arial, Helvetica, Times, sans-serif; }
*/

html { height:100%; }

body, html { font-size:1.2vw; font-family: 'advent',Arial, Times, Helvetica, sans-serif; height:100%; }
body { min-height:100%; position:relative; margin:0; padding:0; background:#FFFFFF; color:#000000; vertical-align:top; max-width:100%; }

.sidenav { display:none; }
.bandeMenuRWD { display:none; }

.bandeSup { width:100%; background-color:#000; color:#FFF; padding-bottom:0; }
	.bandeSup_logo { width:100%; max-width:1400px; margin:0 auto; padding:2% 1% 1% 1%; display:flex; align-items:end; }
		.bandeSup_logo_pict { max-width:355px; }
		.bandeSup_logo_txt { margin-left:4%; }
			.bandeSup_logo_txt h1 { margin-bottom:0; padding-bottom:0; }
			.bandeSup_logo_txt h2 { margin-top:0; padding-top:0; }
	.bandeSup_menu { width:100%; max-width:1400px; margin:0 auto; padding:0 1% 1% 1% ; display:flex; align-items:end; }
		.bandeSup_menu_content { width:90%; }
			.bandeSup_menu_content ul { width:100%; display:block; margin:0; padding:0; }
				.bandeSup_menu_content ul li { display:inline-block; padding: 0 1%; }
					.bandeSup_menu_content ul li:first-child { padding-left:0; }
					.bandeSup_menu_content ul li:last-child { padding-right:0; }
						.bandeSup_menu_content ul li a:link, .bandeSup_menu ul li a:visited { color:#FFFFFF; }
						.bandeSup_menu_content ul li a:hover, .bandeSup_menu ul li a:active { color:#FF0000; }
		.bandeSup_menu_reseaux { width:10%; display:flex; align-items:end; position:relative; }
			.bandeSup_menu_reseaux_container { width:100%; position:absolute; bottom:0; right:0; display:flex; }
				.bandeSup_menu_reseaux_container div { width:33.3333%; text-align:right; font-size:0; }
					.bandeSup_menu_reseaux_container div img { max-width:32px; height:auto; }

.bande { width:100%; }
	.bandeContainer { width:100%; max-width:1400px; margin:0.5% auto; padding:0 1%; display:flex; align-items:center; }
		.bandeContainer_rubrique { width:100%; margin:0; background-color:#F7F7F7; background-image:linear-gradient(to bottom, #FBFBFB, #F1F1F1); background-repeat:repeat-x; text-align:left; padding:0.5% 2%; border-left:#333333 4px solid;  border-top:#FF0000 4px solid; color:#000000; }
			.linkRubrique { width:100%; background-image:linear-gradient(to bottom, #FBFBFB, #F1F1F1); color:#FFFFFF; padding:10px; border-right:#333333 4px solid; border-bottom:#FF0000 4px solid; text-align:right; z-index:1; }
				.linkRubrique a:link, .linkRubrique a:visited { color:#FF0000; }
				.linkRubrique a:hover, .linkRubrique a:active { color:#000000; }
		.bandeContainer_rubrique h4 { margin:0; padding:0; font-family:'bigshoulders', Arial, Helvetica, sans-serif; font-size:1.8vw; }
		.bandeContainer_article01 { width:100%; margin:1% 0 0.5% 0; padding:10px; border:#000000 1px solid; }
		.bandeContainer_article02 { width:19%; margin:1%; }
			.bandeContainer_article02:first-child { margin-left:0; }
			.bandeContainer_article02:last-child { margin-right:0; }
		.bandeEventIndexContainer { width:100%; display:flex; flex-wrap:nowrap; }
			.bandeEventIndexContainer_flyer { width:75%; display:flex; }
			.bandeEventIndexContainer_club { width:23%; margin:1% 0% 1% 2%; display:flex; flex-direction:column; }
				.bandeEventIndexContianer_club_title { width:100%; background-color:#333; color:#FFFFFF; padding:2%; border-top:#FF0000 2px solid; }
				.bandeEventIndexContainer_club_post { width:100%; padding:2%; font-size:75%; border:#FFF 1px solid; }
				.bandeEventIndexContainer_club_post:hover { border:#333 1px solid; }
					.bandeEventIndexContainer_club_post a { color:#FF0000; }

.bandePiedPage { width:100%; background-color:#000; color:#FFFFFF; }
	.bandePiedPage_container { width:100%; max-width:1400px; margin:0 auto; padding:1%; display:flex; font-size:0.75vw; align-items:end; }
		.bandePiedPage_container_left { width:50%; }
		.bandePiedPage_container_right { width:50%; text-align:right; }
			.bandePiedPage_container_right span { margin-bottom:20px; }
			.bandePiedPage_container_right span img { max-width:20px; height:auto; }
	.bandePiedPage a:link, .bandePiedPage a:visited { color:#FFFFFF; }
	.bandePiedPage a:hover, .bandePiedPage a:active { color:#FF0000; }


/* TEMP BLOCAGE PHOTOS 01.03.2025 */
.bandeContainerTemp { width:100%; max-width:1400px; margin:0.5% auto; padding:0 1%; display:flex; flex-wrap:wrap; justify-content:space-around; }
.blocagePhotoTemp { width:19%; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; background-color:#CCCCCC; padding:1em; }
	.blocagePhotoTemp:hover { background-color:#3399CC; }
	.blocagePhotoTemp a:link, .blocagePhotoTemp a:visited { color:#000000; }



/* ------------------------  Page à page ------------------------*/
footer { position:absolute; bottom:0; width:100%; }

.pageApage { width:98%; margin:1vw auto; padding:1vw 0; display:flex; flex-wrap:wrap; border:#CCCCCC 1px solid; border-radius:8px; }
	.pageApage10p { width:10%; text-align:center; }
	.pageApage80p { width:80%; text-align:center; }
		.pageApage10p a:link, .pageApage10p a:visited { color:#FF0000; }
		.pageApage10p a:hover, .pageApage10p a:active { color:#3399CC; }
	
.filterBoxRWD { display:none; }

@media only screen and (max-width: 900px) {
	.bandeSup_menu_content { font-size:2vw; }

	.bandeContainer { flex-wrap:wrap; align-items:flex-start; }
		.bandeContainer_article02 { width:48%; }
		.bandeContainer_article02:first-child { margin-left:1%; }
		.bandeContainer_article02:last-child { margin-right:1%; }
	.bandeContainer_rubrique h4 { font-size:2.4vw; }
	
	.bandeEventIndexContainer_flyer { flex-wrap:wrap; }
	
	.bandePiedPage_container { font-size:2vw; }
}


@media only screen and (max-width: 600px) {
	body { font-size:3vw; }
	
	.bandeSup { padding-bottom:2vw; }
	.bandeSup_logo { width:94%; display:block; }
		.bandeSup_logo_pict { width:50%; margin:0 auto; }
		.bandeSup_logo_txt { width:100%; text-align:center; }
	.bandeSup_menu { display:none; }
	
	.bandeMenuRWD { width:100%; display:block; background-color:#000; color:#FFF; }
		.bandeMenuRWD div { width:92%; padding:2% 4% 4% 4%; font-size:15vw; } 
		.bandeMenuRWD span { cursor:pointer; }
	.sidenav { width:0; height: 100%; display:block; position: fixed; z-index:99; top: 0; left: 0; background-color:#111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; text-align:center; opacity:0.95; }
		.sidenav img { max-width:40px; height:auto; }
		.sidenav a { padding: 8px 0; text-decoration: none; font-size: 25px; 	color:#FFFFFF; display: block; transition: 0.3s; }
		.sidenav a:hover{ color:#F1F1F1; } 
		.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }
		.sidenav ul { margin:0; padding:0; list-style-type:none; }
			.sidenav ul li a { padding:2px 0; font-size:22px; }

	.filterBoxRWD { width:96%; margin:0 auto; display:flex; flex-wrap:wrap; flex-direction:column; padding:1vw 2vw; font-size:6vw; border:#3399CC 1px solid; border-radius:8px; }
		.filterLine { width:100%; display:flex; flex-wrap:wrap; padding:1vw 2vw; }
			.filterLine_text { width:85%; }
			.filterLine_close { width:15%; }
				.filterLine_close a:link, .filterLine_close a:visited { color:#FF0000; }
				.filterLine_close a:hover, .filterLine_close a:active { color:#FFFFFF; }
	
	.bandeContainer { width:100%; margin:0.5% auto; padding:0 1%; display:block; }
	.bandeContainer_rubrique h4 { font-size:7vw; }
	
	.bandeContainer_article02 { width:100%; margin:5% auto; }
		.bandeContainer_article02:first-child { margin-left:auto; }
		
	.bandeEventIndexContainer { width:100%; display:flex; flex-wrap:nowrap; flex-direction:column; }
		.bandeEventIndexContainer_flyer { width:100%; display:block; }
		.bandeEventIndexContainer_club { width:100%; margin-left:0; }
			.bandeEventIndexContianer_club_title { font-size:6vw; }
			.bandeEventIndexContainer_club_post { font-size:4.8vw;  }

	/* TEMP BLOCAGE PHOTOS 01.03.2025 */
	.blocagePhotoTemp { width:100%; margin:1em; padding:2em; font-size:4.8vw; }

	/* ------------------------  Page à page ------------------------*/
	.pageApage { font-size:6vw; }

	.bandePiedPage_container { font-size:4vw; flex-wrap:wrap; }
		.bandePiedPage_container_left { width:100%; text-align:center; padding:4% 0; }
		.bandePiedPage_container_right { width:100%; text-align:center; padding:4% 0; }
}