@charset "UTF-8";

/* CSS Document */



@font-face{
	font-family: "london";
	src: url(london.ttf);
}


@font-face{
	font-family: "bebas";
	src: url(bebas.otf);
}

@font-face{
	font-family: "inprimis";
	src: url(inprimis.ttf);
}

@font-face{
	font-family: "proxima";
	src: url(proxima.otf);
}

@font-face{
	font-family: "gonjuring";
	src: url(gonjuring.ttf);
}

@font-face{
	font-family: "montserrat";
	src: url(montserrat.ttf);
}

@font-face{
	font-family: "montserrat_light";
	src: url(montserrat_light.ttf);
}

@font-face{
	font-family: "lora";
	src: url(lora.ttf);
}

@font-face{
	font-family: "magilio";
	src: url(magilio.otf);
}

@font-face{
	font-family: "cold";
	src: url(cold.otf);
}

@font-face{
	font-family: "magnifika";
	src: url(magnifika.otf);
}

@font-face{
	font-family: "asikue";
	src: url(asikue.otf);
}

@font-face{
	font-family: "gladolia";
	src: url(gladolia.otf);
}

@font-face{
	font-family: "morgian";
	src: url(Morgian.otf);
}

html{
	width: 100%;
	max-width: 1366px;
	height: 100vh;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	scroll-behavior: smooth;
}

html {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

body{
	width: 100%;
	min-height: 100vh;
	padding: 0;
	margin:0;
	position: relative;
	
	/*--
		display: flex;
		flex-flow: column wrap;
	--*/
}

body::-webkit-scrollbar {
    display: none;
}

.home{
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/image.jpg);
	background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/image.jpg);
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/image.jpg);
	background-size: cover;
	background-position: center 65%;
	
	background-attachment: fixed;
	
}


.invert{filter: invert();}

.middleandcenter{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.link{color: white;	}

.show{display: block;}

.hide{display: none;}
	

.text{
	font-family: 'inprimis';
	font-size: 12px;
}

.textitalic{
	font-family: 'inprimis';
	font-size: 12px;
	font-style: italic;
}

.underline{text-decoration: underline;}

.uppercase{
	text-transform: uppercase;
}

.flex{
	display: flex;
	flex-wrap: wrap;
}


.chat{color: coral;}

.none{display: none;}

.desaturate{filter: saturate(0);}

.desaturatehoversaturate{filter: saturate(0);transition: 1s;}
.desaturatehoversaturate:hover{
	filter: saturate(100%);
}


img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}



.add{
	margin-top: 50px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
}

#photo_1{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: coral;
}



#panier{
	position: absolute;
	top: 50%;
	width: 90%;
	background-color: burlywood;
}

#panier_ul{
	
	background-color: red;
}

#premierephoto{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: black;
	color: white;
}

.more{
	width: 30px;
	filter: invert();
}



.fishthis{
	width: 50px;
	height: 50px;
	cursor: pointer;
	
	background:none;
	border : none;
}

.fishthis img{
	width: 100%;
}


.fishthat{
	width: 50px;
	height: 50px;
	cursor: pointer;
	
	background:none;
	border : none;
	
	position: absolute;
	left: 30px;
	bottom: 20px;
}

.fishthat img{
	width: 100%;
}


.fishit{
	width: 50px;
	height: 50px;
	cursor: pointer;
	
	background:none;
	border : none;
	
	position: absolute;
	left: 70px;
	bottom: 20px;
}

.fishit img{
	width: 100%;
}


.fish_reference{
	width: 150px;
	height: 200px;
}

#fish_photo1{
	background-size: cover;
	background-position: center;
	width: 150px;
}


.panier_photo{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-color: black;
	color: white;
}




#yolo{
	background-image: url(images/freesurf/fs_2022_04_13_web/fs_2022_04_13_1.jpg);
	background-size: cover;
	background-position: center;
}

.panier_photo_preview{
	width: 50px;
	height: 50px;
	background-color: black;
}

.scotch{
	position: absolute;
	z-index: 2000;
	width: 250px;
	top: 16%;
}




/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- HEADER ------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


header{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content:center;
	width: 100%;
	transition: 1s;
	
	
}

	.header_index{
		position: sticky;
		z-index: 1000;
		top: 0;
		font-family: "morgian";
		font-size: 20px;
		transition: 1s;
		
	}
	
	.header_index_logo{
		/*
		height: 50%;
		*/
		margin: 0;
		padding: 0;
		
		transition: 1s;
		z-index: 2000;
		display: none;
		
	}

	.header_transparent{
		height: 100px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: -50%;
		right: 50%;
		margin-top: 10px;
		transition: 1s;
		z-index: 1500;
	}

	.header_logo{
		height: 80px;
		margin: 0;
		padding: 0;
		
		transition: 1s;
		z-index: 2000;
	}

	.header_banner{
		background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/image.jpg);
		background-size: cover;
		background-position: center 65%;
		position: sticky;
		z-index: 1000;
		height: 110px;
		font-family: 'morgian';
		color: wheat;
		font-size: 20px;
		top: 0;
		
		
	}

	.header_banner2{
		background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/menu_background_scalesgreen.png);
		background-size: cover;
		background-position: center ;
		position: sticky;
		z-index: 1000;
		height: 80px;
		font-family: 'morgian';
		color: wheat;
		font-size: 20px;
		top: 0;
		
		box-shadow: 0px 1px 10px black;
		
	}
	.header_logo2{
		height: 120px;
		margin: 0;
		padding: 0;
		
		transition: 1s;
		z-index: 2000;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -20%);
		
		filter: drop-shadow(0px 1px 4px black);
	}

	.header_banner3{
		background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/image.jpg);
		background-size: cover;
		background-position: center 65%;
		position: fixed;
		z-index: 1000;
		width: 20%;
		height: 100vh;
		font-family: 'morgian';
		color: wheat;
		font-size: 20px;
		top: 0;
		
		
	}

	.header_banner_index{
		position: fixed;
		z-index: 1000;
		height: 100px;
		font-family: 'morgian';
		color: wheat;
		font-size: 20px;
		top: 0;
	}

	.header_banner_empty{
		height: 100px;
		font-family: 'morgian';
		color: wheat;
		font-size: 20px;
		top: 0;
		
		position: sticky;
		z-index: 1000;
	}


	.header_logo_home{
		width: 180px;
		margin: 0;
		padding: 0;
		
		transition: 1s;
		z-index: 2000;
		position: absolute;
		top: 50%;
		left: 50px;
		transform: translate(0, -50%);
	}

	.header_pseudo{
	width: 20%;
	height: 100vh;
	position: fixed;
	margin: 0;
	padding: 0;
		
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
		justify-content: center;
}
	.header_pseudo_img{
		width: 80%;
		text-align: center;
		margin-left: auto; 
		margin-right: auto;}
	.header_pseudo_img img{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin: 0; padding:0;}
	.header_pseudo h1{
	font-family: "gonjuring";
		color: white;
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 8px;
		cursor: pointer;
}

			.header_banner h1{
				margin: 0;
				padding: 0;
				color: white;
	}

		.header_socialmedias{
		position: absolute;
		left: 30px;
	}
		.header_socialmedias2{
			position: absolute;
			bottom: 20px;
	}

			.header_socialmedias img{
			width: 20px;
			filter: invert();
			margin-right: 10px;
		}
			.header_socialmedias2 img{
			width: 20px;
			filter: invert();
			margin-right: 10px;
		}

	.header_cart{
		position: absolute;
		left: 30px;
	}

		.header_cart img{
			width: 40px;
			filter: invert();
			cursor: pointer;
}


	@media only screen and (max-width: 600px){
		.header_index_logo{
			height: 140px;}
		#facebook{display: none}
		#mail{display: none}
		.header_socialmedias img{width:35px}
		#instagram{width: 30px;}
	}


/*----------------------------------------------------------------------*/
/*------------------------------- NAV ----------------------------------*/
/*----------------------------------------------------------------------*/

	
	.wheelmenu{
		z-index: 3100;
		margin: 0;
		padding: 0;
		margin-right: 30px;
		cursor: pointer;
		position: absolute;
		right: 0;
		transition: 1s;
		
		
		}

		.wheelmenu img{
			margin: 0;
			padding: 0;
		}

		.nav{
			position: absolute;
			top: 0;
			right: 0;
			width: 100vw;
			height: 100vh;
			
			z-index: 3000;
			/*
			background-color: coral;
			*/
			background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(images/modalbackground1.jpg);
			background-position: center;
			background-size: cover;
			
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			align-content: center;
			justify-content: center;
			
			display: none;
			
			}

			nav ul {
				display: flex;
				flex-flow: column wrap;
				justify-content: center;
				text-align: center;
				margin: 0;
				padding: 0;
				
				height: 80vh;
				justify-content: space-around;
			}

			nav ul li {
			  list-style: none;
				margin: 0;
			  padding: 0;
			  font-family: "morgian";
				letter-spacing: 2px;
				text-shadow: 1px 1px 1px gray;
			}

			nav ul li a {
			  text-decoration: none;
			  text-styling: none;
			  font-size: 45px;
			  font-weight: 800;
			  color: antiquewhite;
			}

			nav ul li a:hover {
			  border-bottom: 5px solid antiquewhite;
			  transition: 0.2s all;
				border-radius: 10%;
			}

.surfclub{font-size: 35px;padding: 0; margin: 0;}

		.container{
			width: 100%;
			height: 100vh;
			top:0;
			transition: 1s;
			z-index: 1900;
			
			position: absolute;
			left: 0;
			
		}



		#toggle{display: none;}




		.btn{
			/*
			position: absolute;
			top: 0;
			right: 0;	
			*/
			align-self: flex-end;
			
			width: 45px;
			padding: 20px;
			z-index: 2100;
			/*
		  display: flex;
		  justify-content: space-evenly;
		  align-items: center;
		  flex-direction: column;
		  cursor: pointer;
			z-index: 2000;
			*/

		}

		.close-btn {
		  top: 0;
		  right: 0;
		  height: 50px;
		  width: 50px;
		  padding: 20px;
		  position: absolute;
		  display: flex;
		  justify-content: space-evenly;
		  align-items: center;
		  flex-direction: column;
		  cursor: pointer;
		}
		
		.remove {
		  height: 20px;
		  width: 20px;
		  padding: 20px;
		  cursor: pointer;
			filter: invert();
		}
		.remove img{
			width: 100%;
		}


		.flip { transform: rotate(-180deg);}

		.visibility_none{
	visibility: hidden;
}

		.blackandwhite{filter: saturate(0);}

		/* ------------------- Menu styling --------------- */

		





		.open-menu{
			  width: 100%;
			  height: 100vh;
			  background: coral;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  transition: 5s all;
				z-index: 100;
		}

			.open-menu ul {
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  flex-direction: column;
				
				margin: 0;
				padding: 0;
			}

			.open-menu ul li {
			  list-style: none;
			  padding: 6px;
				font-family: "morgian";
			}

			.open-menu ul li a {
			  text-decoration: none;
			  text-styling: none;
			  font-size: 50px;
			  font-weight: 800;
			  color: white;
			}

			.open-menu ul li a:hover {
			  border-bottom: 5px solid white;
			  transition: 0.2s all;
			}


	@media only screen and (max-width: 600px){
	
	.menu {height: 100vh;}
	
	.open-menu ul li {
	  list-style: none;
	  padding: 20px;
		
	}
	
	.open-menu ul li a {
	  text-decoration: none;
	  text-styling: none;
	  font-size: 20px;
	  font-weight: 800;
	  color: white;
	}
	
		
		nav ul li a {
			  text-decoration: none;
			  text-styling: none;
			  font-size: 35px;
			  font-weight: 800;
			  color: wheat;
			}
}





	
.cart{
	width: 50%;
	height: 100%;
	background-image: url(images/menu_background3.png);
	background-size: cover;
	background-position: center;
	z-index: 2000;
	
	position: fixed;
	left: 0;
	top: 0;
	
	display: none;
}

.cart_close{
	width: 35px;
	filter: invert();
	position: absolute;
	top: 20px;
	left: 30px;
	cursor: pointer;
	
}

.cart_list{
	width: 300px;
	height: 300px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}

.cart_list thead{
	color: wheat;
	font-family: "proxima";
	font-size: 20px;
}



#panier_pechedujour_icon{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 40px;
	z-index: 1000;
	cursor: pointer;
}
#panier_pechedujour_icon img{
	width: 100%;
	filter: invert();
}

#panier_pechedujour{
	position: absolute;
	left: 100px;
	top: 40px;
	display: none;
	z-index: 1000;
	background-image: url(images/modalbackground3.jpg);
	background-size: cover;
	
	display: block;
	justify-content: center;
	text-align: center;
	
	width: 300px;
	height: 80%;
	
	color: wheat;
	border-radius: 10px;
}
.panier_pechedujour_img{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
.panier_pechedujour_close{
	width: 20px;
	position: absolute;
	top: 20px;
	right: 20px;
	filter: invert();
}
.app-body{
	background-color: black;
	margin-top: 30px;
	width: 90%;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: column wrap;
	overflow: hidden;
	overflow: scroll;
}
.openpopup{
	position: absolute;
	bottom: 40px;
	width: 150px;
	line-height: 30px;
	border: 1px solid wheat;
	left: 50%;
	transform: translate(-50%, 0);
	
}
.list{
	list-style: none;
	padding: 0px;
	margin: 0;
}
.list li{padding: 3px;}

/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- MAIN --------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


main{
	width: 100%;
	height: 100%;
	
	
}

	.main_title{
			background-color: black;
			color: white;
			justify-content: center;
			text-align: center;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			position: fixed;
			top: 100px;
			width: auto;
			height: 20px;
			right: 50%;
			transform: translate(50%,0);
			border-radius: 20px;
			
			z-index: 1000;
			
		}

		.main_title h1{
				padding: 0;
				padding-left: 10px;
				padding-right: 10px;
				margin: 0;
				font-family: "proxima";
				text-transform: uppercase;
				font-weight: 100;
				font-size: 12px;
				text-align: center;
				
				
				letter-spacing: 3px;
			}
	




	
	.freesurf_album{
		
		transition: 1s;
		
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: calc(100vh - 130px);
		overflow: hidden;
		overflow: scroll;
		
		border-radius: 10px;

		display: flex;
		flex-flow: row wrap;
		
	}
	.freesurf_album::-webkit-scrollbar {
    display: none;
}

	.freesurf_album_shooting{
		transition: 1s;
		width: 100%;
		height: auto;
		display: flex;
		flex-flow: row wrap;
	}
	.freesurf_album_shooting::-webkit-scrollbar {
    display: none;
}

		.freesurf_room{		
			background-image: url(images/freesurf/fs_2022_04_10_web/fs_2022_04_10_1_.jpg);
			background-size: cover;
			background-position: center;
			
			width: 20%;
			height: 100%;
			transition: 1s;
			
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: center;
			text-align: center;
			
			position: sticky;
			
			top: 0;
			z-index: 250;
		}
		.freesurf_room_dark{		
			background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(images/freesurf2.jpg);
			background-size: cover;
			background-position: center;
			
			width: 20%;
			height: 100%;
			transition: 1s;
			
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: center;
			text-align: center;
			
			position: relative;
			position: sticky;
			
			top: 0;
			z-index: 150;
			
			box-shadow: 1px 1px 3px black;
		}
		.shootings_room_dark{		
			background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(images/freesurf.JPG);
			background-size: cover;
			background-position: 40%;
			
			width: 20%;
			height: 100%;
			transition: 1s;
			
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: center;
			text-align: center;
			
			position: sticky;
			
			top: 0;
			z-index: 200;
			
			box-shadow: 1px 1px 3px black;
		}
		.surfschools_room_dark{		
			background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(images/surfschools/ss_2022_11_01_web/ss_2022_11_01_1_.jpg);
			background-size: cover;
			background-position: 40%;
			
			width: 20%;
			height: 100%;
			transition: 1s;
			
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: center;
			text-align: center;
			
			position: sticky;
			
			top: 0;
			z-index: 200;
			
			box-shadow: 1px 1px 3px black;
		}
		.shop_room_dark{		
			background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(images/modalbackground4.jpg);
			background-size: cover;
			background-position: 40%;
			
			width: 20%;
			height: 100%;
			transition: 1s;
			
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: center;
			text-align: center;
			
			position: relative;
			position: sticky;
			
			top: 0;
			z-index: 150;
			
			box-shadow: 1px 1px 3px black;
		}
		.leboncadeau_room_dark{		
			background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(images/hooked.jpg);
			background-size: cover;
			background-position: 95%;
			
			width: 20%;
			height: 100%;
			transition: 1s;
			
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: center;
			text-align: center;
			
			position: relative;
			position: sticky;
			
			top: 0;
			z-index: 150;
			
			box-shadow: 1px 1px 3px black;
		}	

			.freesurf_room_categorie{
				background-image: url(images/freesurf/fs_2022_04_10_web/fs_2022_04_10_1_.jpg);
				background-size: cover;
				background-position: center;
				
				width: 100%; 
				height: 30%;
				
				display: flex;
				flex-flow: row wrap;
				align-items: center;
				
				text-decoration: none;
			}
			.freesurf_room_shooting{
				background-size: cover;
				background-position: center;
				
				width: 100%;
				height: 70%;
				
				display: flex;
				flex-flow: row wrap;
				align-items: center;
}

			.freesurf_room_text{
				width: 100%;
				font-family: "morgian";
				text-transform: uppercase;
				letter-spacing: 4px;
				font-size: 4vw;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
			
	}
			.freesurf_room_text a{
				text-decoration: none;
				color: inherit;
	}

			.freesurf_room_text2{
				font-family: "proxima";
				text-transform: uppercase;
				letter-spacing: 3px;
				font-size: 12px;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
				width: 95%;
				margin-left: auto;
				margin-right: auto;
			
	}
			.freesurf_room_text2 a{
				text-decoration: none;
				color: inherit;
	}

			.freesurf_room_text5{
				width: 90%;
				font-family: "proxima";
				text-transform: uppercase;
				letter-spacing: 2px;
				font-size: 7px;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
				
				position: absolute;
				bottom: 20px;
			
	}

			.freesurf_room_text6{
				width: 90%;
				font-family: "proxima";
				text-transform: uppercase;
				letter-spacing: 2px;
				font-size: 7px;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
				
			
	}
 
			.shootings_room_text{
				width: 100%;
				font-family: "morgian";
				text-transform: uppercase;
				letter-spacing: 4px;
				font-size: 3vw;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
			
	}
			.shootings_room_text a{
				text-decoration: none;
				color: inherit;
	}

			.surfschools_room_text{
				width: 100%;
				font-family: "morgian";
				text-transform: capitalize;
				letter-spacing: 4px;
				font-size: 4vw;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
			
	}
			.surfschools_room_text a{
				text-decoration: none;
				color: inherit;
	}


.shootings_title{font-family: "morgian"; color: white; letter-spacing: 2px;}

			.freesurf_room_text_date{
				width: 100%;
				font-family: "morgian";
				text-transform: uppercase;
				letter-spacing: 4px;
				font-size: 30px;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
			
	}
			.freesurf_room_text_date a{
				text-decoration: none;
				color: inherit;
	}

			.shooting_room_name{
				width: 100%;
				font-family: "morgian";
				text-transform: uppercase;
				letter-spacing: 4px;
				font-size: 20px;
				color: white;
				padding: 0;
				margin: 0;
				margin-top: 10px;

				text-align: center;
			
	}

			.freesurf_room_text_day{
				width: 100%;
				font-family: "morgian";
				text-transform: uppercase;
				letter-spacing: 4px;
				font-size: 26px;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
			
	}
			.freesurf_room_text_day a{
				text-decoration: none;
				color: inherit;
	}


			.freesurf_room_text3{
				width: 100%;
				font-family: "morgian";
				text-transform: uppercase;
				letter-spacing: 4px;
				font-size: 20px;
				color: white;
				padding: 0;
				margin: 0;
				margin-bottom: 10px;

				text-align: center;
			
	}
			.freesurf_room_text4{
				width: 100%;
				font-family: "morgian";
				text-transform: uppercase;
				letter-spacing: 4px;
				font-size: 20px;
				color: white;
				padding: 0;
				margin: 0;
				text-align: center;
				position: absolute;
				top: 20px;
				transition: 1s;
			
	}
			.freesurf_room_text4:hover{font-size: 22px;}
			.freesurf_room_text4 a{text-decoration: none; color: inherit;}
			
			.freesurf_room_month{
				height: 40px;
				width: 80%;
				padding: 0;
				margin: 0;

				font-family: "proxima";
				text-transform: uppercase;
				color: white;
				letter-spacing: 1px;
				font-size: 18px;

				border: 2px solid white;

				display: flex;
				flex-flow: row wrap;
				align-items: center;
				justify-content: center;
				
				background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3));

				padding: 5px;
				
				position: absolute;
				top: 20px;
				
			}
			.freesurf_room_day{
				width: 90%;
				position: absolute;
				bottom: 20px;
}
			
			.freesurf_room_back {
				transition: 1s;
				margin-top: 10px;
				width: 120px;
				filter: invert();
				cursor: pointer;
				
				position: absolute;
				bottom: 20px;
				
				margin: 0;
				padding: 0;
				
				filter: invert() drop-shadow(2px 1px 2px black);
			}
			.freesurf_room_back:hover{
				width: 125px;
			}

			.background_darkness{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
}



.hey {
  	width : 70%;
  	background-color: rgba(0,0,0,0.3);
  	margin : 10px auto;
	font-family: "proxima";
	letter-spacing: 1px;
	font-size: 12px;
	color: white;
	border: 1px solid white;
	transition: 1s;
}
.sess {
  width:100%;
  height:50px;
  overflow: scroll;
  text-align: center;
  transition: height .4s ease;
	
	list-style: none;
	padding: 0;
	margin: 0;

	scroll-snap-type: y mandatory;
}
.sess li {
	padding : 10px;
	border-top: 1px solid white;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.freesurf_room_roulette {
	margin-top: 20px;
  	display: flex;
  	overflow: auto;
  	outline: 1px solid white;
  	flex: none;
	width : 70%;
  	background-color: rgba(0,0,0,0.3);
	font-family: "proxima";
	color: white;
}
.freesurf_room_roulette > div {
	
	text-transform: uppercase;
  	text-align: center;
 	scroll-snap-align: center;
  	flex: none;
	border-bottom: 1px solid white;
}
.freesurf_room_roulette.y {
  width: 70%;
  height: 80px;
  flex-flow: column nowrap;
}
.y.mandatory-scroll-snapping {
  scroll-snap-type: y mandatory;
}
.y.freesurf_room_roulette > div {
  	line-height: 50px;
  	font-size: 14px;
  	width: 90%;
	margin-left: auto;
	margin-right: auto;
  	height: 50px;
	letter-spacing: 1px;
}



.freesurf_room_roulette2{
	width: 80%;
	height: 50px;
	border: 1px solid white;
	background-color: transparent;
	background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2));
	
	font-family: "proxima";
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 2px;
	
	margin-top: 10px;
	
	
}




		.freesurf_showroom{
			width: 80%;
			height: auto;
			transition: 1s;
			positio: relative;
			background-color: black;
			
			z-index: 100;
			
		}
		.shootings_showroom{
			width: 80%;
			height: auto;
			transition: 1s;
			positio: relative;
			
		}
		.leboncadeau{
			width: 80%;
			height: auto;
			transition: 1s;
			positio: relative;
			background-color: white;
			
			z-index: 100;
			
			background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/boncadeau_bg2.JPG);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top right;
			background-attachment: fixed;
		
		display: block;
}

		.freesurf_session_date{
			width: 100%;
			height: 50px;
			background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
			
			display: flex;
			flex-flow: row;
			align-items: center;
			justify-content: center;
		}

			.freesurf_session_date p{
				font-family: "morgian";
				font-size: 20px;
				color: white;
			}
		
		.freesurf_showroom_darkness{
			background-color: black;
			background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
		}


	@media only screen and (max-width: 1000px){
		
		.freesurf_album{
			display: flex;
			
		}
		.freesurf_room{width: 100%; height: 80px; opacity: 1; background-position: top -50px left;box-shadow: 1px 1px 7px black;}
		.freesurf_room_dark{width: 100%; height: 80px ;opacity: 1; background-position: top -80px left;box-shadow: 1px 1px 7px black;}
		.freesurf_room_text{
				width: auto;
				font-family: "morgian";
				text-transform: uppercase;
				letter-spacing: 4px;
				font-size: 40px;
				color: white;
				padding: 0;
				margin: 0;

	}
		.freesurf_room_text_date{
				width: auto;
				font-family: "morgian";
				text-transform: uppercase;
				letter-spacing: 4px;
				font-size: 25px;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
			
			
	}
		.freesurf_room_background{
			background-size: 170%;
			background-position: 0% 20%;
		}
		.freesurf_room_categorie{display: none;}
		.freesurf_room_shooting{height: 100%;}
		.freesurf_room_month{width: auto;}
		.freesurf_room_day{
				width: auto;
				position: static;
}
		.freesurf_room_back{
			left: 20px;
			width: 80px;
			flex-flow: row wrap;
			align-items: center;
		}
		.freesurf_room_back:hover{
				width: 85px;
			}
		.freesurf_room_text4{
				width: auto;
				top: 0px;
				margin-top: 10px;
			font-size: 18px;
	}
		.freesurf_room_text5{display: none;}
		.freesurf_showroom{width: 100%; padding-top: 0px; }
		
		.shootings_room_dark{width: 100%; height: 80px ;opacity: 1; background-position: top -80px left;box-shadow: 1px 1px 7px black;}
		.shootings_showroom{width: 100%;}
		.shootings_room_text{
				font-size: 25px;
			
	}
		.shooting_room_name{margin: 0;}
		
		.surfschools_room_dark{width: 100%; height: 80px ;opacity: 1; background-position: top -80px left;box-shadow: 1px 1px 7px black; }
		
		
		.shop_room_dark{width: 100%; height: 80px ;opacity: 1;box-shadow: 1px 1px 7px black; background-position: 0% -180px}
		.shop_showroom{width: 100%;}
		.shop_room_text{font-size: 25px;}
		
		.leboncadeau{width: 100%; padding-top: 0px; }
		.leboncadeau_room_dark{width: 100%; height: 80px ;opacity: 1; background-position: top -80px left;box-shadow: 1px 1px 7px black;}
		
	}

	@media only screen and (max-width: 600px){
	
		.freesurf_album{width: 100%; }
		.freesurf_room_text{font-size: 30px;}
		.freesurf_room{width: 95%; height: 80px; margin-left: auto; margin-right: auto; border-radius: 10px 10px 0px 0px;  background-position: top -50px left; }
		.freesurf_room_dark{width: 95%; height: 80px; margin-left: auto; margin-right: auto; border-radius: 10px 10px 0px 0px;  background-position: top -50px left; }
		.freesurf_showroom{width: 95%; margin-left: auto; margin-right: auto; border-radius: 10px; }
		.shootings_room_dark{width: 95%; height: 80px; margin-left: auto; margin-right: auto; border-radius: 10px 10px 0px 0px;  background-position: top -50px left; }
		.shootings_showroom{width: 95%; margin-left: auto; margin-right: auto; border-radius: 10px; }
		
		.surfschools_room_dark{width: 95%; height: 80px; margin-left: auto; margin-right: auto; border-radius: 10px 10px 0px 0px;  background-position: top -50px left; }
		
		.shop_room_dark{width: 95%; height: 80px; margin-left: auto; margin-right: auto; border-radius: 10px 10px 0px 0px;  }
		.shop_showroom{width: 95%; margin-left: auto; margin-right: auto; border-radius: 10px; }
		
		.freesurf_room_dark{width: 95%; height: 80px; margin-left: auto; margin-right: auto; border-radius: 10px 10px 0px 0px;  background-position: top -50px left; }
		
		.leboncadeau{width: 95%; margin-left: auto; margin-right: auto; border-radius: 10px; }
		.leboncadeau_room_dark{width: 95%; height: 80px; margin-left: auto; margin-right: auto; border-radius: 10px 10px 0px 0px;  background-position: top -50px left; }
		
}





	.main_surfsess{
		width: 100%;
		height: 100%;

		transition: 1s;

		overflow: hidden;
		overflow: scroll;

	}

	.main_surfsess_intro{	
		width: 20%;
		height: 100vh;

		display: flex;
		flex-flow: column wrap;
		align-content: center;
		align-items: center;
		justify-content: center;
		
		position: sticky;
		float: left;
		top: 0;
		overflow: hidden;

	}

		.main_surfsess_intro_text{
			width: 100%;
			font-family: "gonjuring";
			text-transform: uppercase;
			letter-spacing: 6px;
			font-size: 5vw;
			color: white;
			padding: 0;
			margin: 0;
			
			text-align: center;
			
	}

		.main_surfsess_intro_text2{
			font-family: "morgian";
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 40px;
			color: white;
			padding: 0;
			margin: 0;
			
			text-align: center;
			
	}

		.main_surfsess_intro_back{
			font-family: "gonjuring";
			text-transform: uppercase;
			letter-spacing: 3px;
			font-size: 20px;
			color: white;
			padding: 0;
			margin: 0;
			
			text-align: center;
			text-shadow: 1px 1px 1px black;
			
			text-decoration: none;
			margin-left: auto;
			margin-right: auto;
			justify-content: center;
			
			
	}

		.main_surfsess_intro img{
			margin-top: 30px;
			width: 80px;
			filter: invert();
		}

		.avril2022{
			background-image: url(images/freesurf/fs_2022_04_10_web/fs_2022_04_10_1_.jpg);
			background-size: cover;
			background-position: center;
		}



	.main_surfsess_content {
		display: flex;
		flex-wrap: wrap;
	
		width: 100%;
		height: auto;
		
		overflow: hidden;
		overflow: scroll;
		
		margin-left: auto;
		
	}

	.main_surfsess_showroom{
		overflow: scroll;
		height: 100%;

		transition: 1s;

		position: relative;
	}

	.main_surfsess_showroom_close{
		position: absolute;
		top: 100px;
		right: 20px;
		width: 50px;
		z-index: 1000;
	}




/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------- ALBUMS STRUCTURE ---------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------- ALBUM : Content ----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


	#content {
	  display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		
	}

		#content img{ 
			/*
			width: 90%;
			*/
			height: auto;
			padding: 0;
			margin: 0;
		}


		.content_box{
			height: 250px;
			flex-grow: 1;
			flex-shrink: 0;
			flex-basis: 33.3333%;
			flex-basis: 300px;
			display: flex;
			flex-flow: column;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			opacity: 1;
			color: white;
			text-decoration: none;
			
			background-size: cover; 
			background-position: center; 
			position: relative;
			
			z-index: 3000;
	}
		

		.content_box2{
			height: 250px;
			flex-grow: 1;
			flex-shrink: 0;
			flex-basis: 1;
			flex-basis: 400px;
			display: flex;
			flex-flow: column;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			opacity: 1;
			color: white;
			text-decoration: none;
			
			background-size: cover; 
			background-position: center; 
			position: relative;
			
			transition: 1s;
			
	}
		.content_box2:hover{opacity: 1;}
		.content_box2_img{
			filter:invert();
			width: 100px;
		}

		.content_box3{
			height: 250px;
			flex-grow: 1;
			flex-shrink: 0;
			flex-basis: 1;
			flex-basis: 400px;
			display: flex;
			flex-flow: column;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			opacity: 1;
			color: white;
			text-decoration: none;
			
			background-size: cover; 
			background-position: center; 
			position: relative;
			
			transition: 1s;
			
	}
		.content_box3_img{
			filter:invert();
			width: 100px;
		}



		.box_album{
			
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			align-content: center;
			line-height: 25px;
			
			position: absolute;
			bottom: 0px;
			
			
	}
 
		.box_album3{
			
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			text-align: center;
			/*
			position: absolute;
			bottom: 20px;
			width: 100%;
			height: 100%;
			*/
			width: 100%;
			height: 100%;
			background-image: url(images/watermark_newlogo2.png);
			background-size: cover;
			background-position: center;
			
			position: relative;
	}

		.box_album_text{
			width: 70%;
			position: absolute;
			bottom: 20px;
			left: 50%;
			transform: translate(-50%, 0);
			
			/*
			border: 1px solid black;
			padding: 2px;
			*/
}


		.box_album_date{
				font-family: 'proxima';
				font-size: 14px;
				letter-spacing: 2px;
				margin: 0;
				padding: 0;
				text-align: center;
				color: #282828;
				text-transform: uppercase;
	}
		.box_album_date a{text-decoration: none;color: inherit;}

		.box_album_date2{
				font-family: 'morgian';
				font-size: 35px;
				letter-spacing: 2px;
				margin: 0;
				padding: 0;
				text-align: center;
				color: white;
				text-transform: uppercase;
	}
		.box_album_date2 a{text-decoration: none;color: inherit;}

		.box_album_date3{
				font-family: 'morgian';
				font-size: 25px;
				letter-spacing: 2px;
				margin: 0;
				padding: 0;
				text-align: center;
				color: white;
				text-transform: uppercase;
	}
		.box_album_date3 a{text-decoration: none;color: inherit;}

		.box_album_date4{
				font-family: 'morgian';
				font-size: 30px;
				letter-spacing: 2px;
				margin: 0;
				padding: 0;
				text-align: center;
				color: white;
				text-transform: capitalize;
	}
		.box_album_date4 a{text-decoration: none;color: inherit;}


	.box_album4{
			width: 90%;
			height: 90%;
			
			position: relative;
		
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			align-content: center;
			justify-content: center;
	
			text-align: center;
		
			padding: 0px;
		background-image: url(images/watermark_newlogo6_album.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		
		
	}
	.box_album4 img{width: 70px;filter: invert();margin-left: auto;margin-right: auto; z-index: 1; }

	.box_album4_background{
		width: 100%;
		height: 100%;
		position: absolute;
		background: black;
		opacity: 0.3;
		z-index: 0;
		border-radius: 5px;
	}

	.box_album_weekday{
		width: 100%;
		font-family: "proxima";
		color: white;
		font-size: 10px;
		letter-spacing: 3px;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		/*
		position: absolute;
		top: 20px;
		right: 20px;
		text-align: right;
		*/
		text-align: center;

		margin-bottom: 5px;
		text-shadow: 0.1px 1px 2px black;
	}
	.box_album_weekday_small{
		width: 100%;
		font-family: "proxima";
		color: white;
		font-size: 10px;
		letter-spacing: 3px;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		/*
		position: absolute;
		top: 20px;
		right: 20px;
		text-align: right;
		*/
		text-align: center;

		margin-bottom: 5px;
	}

	.box_album_day{
		width: 100%;
		font-family: "proxima";
		color: white;
		font-size: 20px;
		letter-spacing: 2px;
		text-transform: uppercase;
		padding: 0px;
		margin: 5px;
		
		text-align: center;
		
		margin-left: auto;
		margin-right: auto;
		
		z-index: 1;
		/*
		position: absolute;
		top: 20px;
		left: 20px;
		
		
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		
		text-shadow: 1px 1px 7px black;
		
		background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)) white;
		color: black;
		mix-blend-mode: screen;
		*/
		
	}


	.box_album_day2{
		width: auto;
		font-family: "proxima";
		color: white;
		font-size: 30px;
		letter-spacing: 2px;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		/*
		position: absolute;
		top: 20px;
		left: 20px;
		*/

		text-align: center;
		
		margin-left: auto;
		margin-right: auto;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
	}
	.box_album_day_small{
		width: auto;
		font-family: "morgian";
		color: white;
		font-size: 30px;
		letter-spacing: 2px;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		/*
		position: absolute;
		top: 20px;
		left: 20px;
		*/

		text-align: center;
		
		margin-left: auto;
		margin-right: auto;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		
	}

	.box_album_spot{
		width: 100%;
		font-family: 'proxima';
		font-size: 9px;
		margin: 0;
		padding: 0;
		text-align: center;
		color: white;	
		text-transform: uppercase;
		letter-spacing: 3px;
		/*
		position: absolute;
		bottom: 20px;
		text-shadow: 0.1px 1px 2px black;
		*/		
		margin-top: 5px;
		
		z-index: 1;
		
	}



	.box_album_logo{
			width: 100%;
			height: 100%;

			background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2));

			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: center;
			transition: 1s;
	}
	.box_album_logo:hover{background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)); }

	.box_album_logo img{
		width: 50%;
		filter: invert();
		transition: 1s;
	}
	.box_album_logo img:hover{width: 51%;}

	.box_album_logo a{text-decoration: none;}


	.box_album5{
			width: 100%;
			height: 100%;
			/*--
			background-image: url(images/watermark_newlogo2.png);
			background-size: cover;
			background-position: center;
			position: relative;
			--*/
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: center;
	}
	.box_album5 img{
		width: 200px;
		filter: invert();
		transition: 1s;
	}
	.box_album5 img:hover{width: 205px;}
	.box_album5 a{
		text-decoration: none;
	}

	.box_album_date{
	font-family: "proxima";
	color: white;
	font-size: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 10px;
	margin: 0;
	border: 2px solid white;
}
	.box_album_section{
	font-family: "proxima";
	color: black;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	
	position: absolute;
	top: 20px;
	right: 20px;
	
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
}

	.watermark_bubbles{
	position: absolute;
	height: 100%;
}


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

		.box_album_date3{
			display: none
	}
		
		.box_album5{flex-flow: row wrap;justify-content: space-around;}
		.box_album5 img{display: none;}

		.box_album4{padding: 0px;}
		
	}

	@media only screen and (max-width: 700px){
		.content_box2{
			flex-basis: 100%;
			
	}
}





				.section_tag{
					width: 250px;
					height: 30px;
						background-color: white;
					color: antiquewhite;
					letter-spacing: 2px;
					z-index: 500;
					text-align: center;
					font-family: 'inprimis';
					text-transform: uppercase;
					font-size: 12px;
					border-radius: 0px 0px 60px 60px;
					position: absolute;
					top: 140px;
					left: 50%;
					transform: translate(-50%);
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: center;
				}
					.section_tag p {
						margin: 0;
						padding: 0;
					}
					.section_tag a{
					text-decoration: none;
					font-family: "inprimis";
					font-size: 12px;
					padding: 0;
					margin: 0;

						color: black;
				}

				.section_tag_large{
					width: 300px;
					height: 30px;
					background-color: black;
					color: white;
					letter-spacing: 2px;
					z-index: 500;
					text-align: center;
					font-family: 'morgian';
					font-size: 15px;
					line-height: 0px;
					border-radius: 0px 0px 60px 60px;
					position: absolute;
					top: 100%;
					left: 50%;
					transform: translate(-50%);
				}
					.section_tag_large a{
					text-decoration: none;
					color: white;
				}

				.section_tag2{
					width: 250px;
					height: 30px;
					background-color: antiquewhite;
					color: black;
					letter-spacing: 2px;
					z-index: 500;
					text-align: center;
					font-family: 'inprimis';
					text-transform: uppercase;
					font-size: 14px;
					border-radius: 0px 0px 60px 60px;
					position: absolute;
					top: 140px;
					left: 50%;
					transform: translate(-50%);
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: center;
				}
					.section_tag2 a{
					text-decoration: none;
					color: antiquewhite;
					color: black;
					font-family: 'inprimis';
					text-transform: uppercase;
					font-size: 14px;
				}


				.section_tag_shooting{
					width: 250px;
					height: 40px;
					background-color: black;
					color: antiquewhite;
					letter-spacing: 2px;
					z-index: 500;
					text-align: center;
					font-family: 'morgian';
					font-size: 16px;
					border-radius: 0px 0px 20px 20px;
					position: absolute;
					top: 140px;
					left: 50%;
					transform: translate(-50%);
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
				}
					.section_tag_shooting p {
					margin: 0;
					padding: 0;
				}
					.section_tag_shooting a{
					text-decoration: none;
					color: antiquewhite;
					padding: 0;
					margin: 0;
				}



	.banner_instagram{
	height: 60px;
	background-color: black;
}

	.instagram_alert {
		height: 300px;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 33.3333%;
		flex-basis: 300px;
		display: flex;
		flex-wrap: wrap;
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
		background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(images/freesurf.JPG);
		background-size: cover; 
		background-position: center; 
		opacity: 0.7;
		color: white;
		text-decoration: none;
		
		position: relative;
		cursor: default;
		
		display: none
}	

		.comingsoon{
			width: 70%;
			padding: 0;
			margin: 0;
				
		}

		.box_album2{
			width: 100%;
			margin: 0;
			padding: 0;
			position: absolute;
			bottom: 10px;
			
	}

			.box_album_scotch{
			width: 100%;
			height: 100px;
			background-image: url(images/scotch.png);
			background-size: 100%;
			background-position: center;
			background-repeat: no-repeat;
			
			position: relative;
			
			display: flex;
			flex-direction: row;
			align-items:center;
			align-content: center;
			line-height: 25px;
				
				opacity: 0.8;
		}

	
		@media only screen and (max-width: 600px){
			.comingsoon{
			width: 50%;
			padding: 0;
			margin: 0;
				
		}
		}



/*-------------------------------------------------------------------------*/
/*------------------------------- Album Day -------------------------------*/
/*-------------------------------------------------------------------------*/

	.container_photos {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		flex-basis: 1;
		
		/* new */
		text-align: center;	
	}

		.container_photos > .col {padding: 5px 5px;}

		.col {float: left; width: 250px;}


	.content {
	  display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		flex: 1;
		flex-basis: 300px;
		
		/* new */
		margin: 7px;
	}

		.content_photo{
			width: 100%;
			height: 100%;
			opacity: 0.7;
			padding: 0;
			margin: 0;
			
		}

		.content_photo:hover{
			opacity: 0.9;
		}
	
	.content2 {
	  	display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		flex: 1;
		flex-basis: 250px;
		
		/* new */

		padding: 0px 0px 4px 4px;
		
		position: relative;
		
	}

		.content_photo2{
			width: 100%;
			height: 100%;
			opacity: 1;
			padding: 0;
			margin: 0;
			
			border-radius: 7px;
		}

		.content_photo2:hover{
			opacity: 0.9;
		}

		.content_photo2_panier{
			width: 50px;
			height: 100%;
			opacity: 1;
			padding: 0;
			margin: 0;
			
			border-radius: 7px;
		}



@media only screen and (max-width: 800px){
	.content2 {
	  	
		padding: 4px 4px 4px 4px;
		
	}
}


/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--------------------------------- ALBUM : LIGHTBOX ----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/*--------------------------------- Lightbox : modal ----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
	
.modal {
  display: none;
  position: fixed;
  z-index: 2000;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
	margin: 0;
	background-image: url(images/modal_background_scales.png);
	background-size: cover;
	background-position: center;
}

.modal2 {
  display: none;
	position: absolute;
	top: 0;
	left: 0;
	
  z-index: 5000;
  padding: 0;
	
  width: 100%;
  height: 100%;
  overflow: auto;
	
	background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.8)), url(images/shootingsprive.JPG);
	background-size: cover;
	background-position: center;
	box-shadow: 1px 3px 4px black;
}

.modal3 {
  display: none;
	position: absolute;
	top: 0;
	left: 0;
	
  z-index: 5000;
  padding: 0;
	
  width: 100%;
  height: 100%;
  overflow: auto;
	
	background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.8)), url(images/modalbackground4.JPG);
	background-size: cover;
	background-position: center;
	box-shadow: 1px 3px 4px black;
}

.modal-content {
	  position: relative;
	  display: flex;
	  flex-direction: row;
		align-items: center;
		align-content: center;
	  justify-content: space-evenly;
	  margin: 0;
	  padding: 0 0 0 0;
	  width: 100%;
	  height: 100vh;
	overflow: hidden;
}

		

		#modal_slider{
			display: flex;
			flex-direction: row;
			align-items: center;
			align-content: center;
			width: 50%;
			height: 95%;
			position: relative;
			flex-wrap: wrap;
			justify-content: center;
			text-align: center;
			overflow: hidden;
									
		}

			.modal_title{
				font-family: "morgian";
				font-size: 30px;
				color: wheat;
				letter-spacing: 2px;
				position: absolute;
				top: -100px;
				left: 50%;
				transform: translate(-50%, 0);
				width: 100%;

			}

			.slide {	
				
				width: 100%;
				height: auto;
					/*
					display: flex;
					flex-direction: row;
					align-items: center;
						align-content: center;
					position: relative;
						flex-wrap: wrap;
						justify-content: center;
						text-align: center;
					*/
					
			}

				.slide_overlay{
					width: 95%;
					height: 0%;
					padding-top: 63.35% ; 
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}

				.slide_content{
							width: 100%;
							height: auto;
							position: relative;
					
		}

				.slide_content2{
					width: 100%;
					display: flex;
					flex-flow: row wrap;
					
		}

				.slide_photo{
					width: 95%;
					margin-left: auto;
					margin-right: auto;
					-webkit-touch-callout: none;    /* prevent callout to copy image, etc when tap to hold */
    				-webkit-user-select: none; 		/* prevent copy paste, to allow, change 'none' to 'text' */
					
					border-radius: 10px;
					box-shadow: 1px 5px 15px black;
					
					
					 }

				.slide_reference{
							position: absolute;
							bottom: 20px;
							right: 30px;
							padding: 0;
							margin: 0;
							width: 50px;
							height: 50px;
							border-radius: 50%;
							display: flex;
							align-content: center;
							align-items: center;
							justify-content: center;
							background-color: coral;
							background-image: url(images/Logo.png);
							color: white;
							border: 1px solid wheat;
							font-family: "proxima";
							letter-spacing: 1px;

						}
	
				.slide_reference_shop{
							
							padding: 0;
							margin: 5px;
							width: auto;
							display: flex;
							align-content: center;
							align-items: center;
							justify-content: center;
							color: white;
							font-family: "proxima";
							letter-spacing: 2px;
							text-transform: uppercase;

						}
				.slide_reference_shop2{
							
							padding: 0;
							margin: 5px;
							width: auto;
							display: flex;
							align-content: center;
							align-items: center;
							justify-content: center;
							color: white;
							font-family: "proxima";
							letter-spacing: 1px;
							
							font-size: 10px;
						}
				.slide_reference_shop3{
							
							padding: 0;
							margin: 5px;
							margin-bottom: 20px;
							width: auto;
							display: flex;
							align-content: center;
							align-items: center;
							justify-content: center;
							color: white;
							font-family: "proxima";
							letter-spacing: 1px;
							
							font-size: 10px;
						}
				.slide_reference_shop4{
							margin-top: 10px;
							padding: 0;
							margin: 5px;
							margin-bottom: 20px;
							width: auto;
							display: flex;
							align-content: center;
							align-items: center;
							justify-content: center;
							color: white;
							font-family: "proxima";
							letter-spacing: 2px;
							text-transform: uppercase;
							font-size: 8px;
						}

		@media only screen and (max-width: 800px){
			
			
			.modal-content{
				height: auto;
				justify-content: center;
			}
			
				#modal_slider{
				width: 100%;
				height: auto;
				margin-top: 90px;
			}

			
}




		.image-slide {
			width: 100%;
		}

		.modal-preview {
			width: 100%;
		}

		.dots {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}

		img.preview, img.modal-preview {
		  opacity: 0.6;
		}

		img.active,
		.preview:hover,
		.modal-preview:hover {
		  opacity: 1;
		}

		img.hover-shadow {
		  transition: 0.3s;
		}

		.hover-shadow:hover {
		  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		} 

		.close {
		  color: white;
		  position: absolute;
		  top: 10px;
		  right: 25px;
		  font-size: 35px;
		  font-weight: bold;
			z-index: 2100;
		}

		.close:hover,
		.close:focus {
		  color: #999;
		  text-decoration: none;
		  cursor: pointer;
		}

		.previous{
			background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3));
			left: 0;}
		.previous,
		.next {
		  cursor: pointer;
		  position: absolute;
		  top: 50%;
			transform: translate(0, -50%);
		  width: auto;
		  padding: 16px;
		  color: white;
		  font-weight: bold;
		  font-size: 20px;
		  transition: 0.6s ease;
		  border-radius: 0 3px 3px 0;
		  user-select: none;
		  -webkit-user-select: none;
		}

		.next {
			background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3));
		  right: 0;
		  border-radius: 3px 0 0 3px;
		}

		.previous:hover,
		.next:hover {
		  background-color: rgba(0, 0, 0, 0.8);
		}

		@media only screen and (max-width: 800px){
			.previous{visibility: hidden}
			.next{visibility: hidden}
}



/*-------------------------------------------------------------------------------------------*/
/*-------------------------------- Lightbox : Inside ----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	.short-animate {
	  -webkit-transition:.5s ease-in-out;
	  -moz-transition:.5s ease-in-out;
	  -ms-transition:.5s ease-in-out;
	  -o-transition:.5s ease-in-out;
	  transition:.5s ease-in-out;
	}

	.long-animate {
	  -webkit-transition: .5s .5s ease-in-out;
	  -moz-transition: .5s .5s ease-in-out;
	  -ms-transition: .5s .5s ease-in-out;
	  -o-transition:.5s .5s ease-in-out;
	  transition:.5s .5s ease-in-out;
	}


	.lightbox {
		  position:fixed;
		  top:100%;
		  bottom:100%;
		  left:0;
		  right:0;
		  background:rgba(0,0,0,.9);
		  z-index:1500;
		  opacity:0;
		}

		.box{
			position: relative;
			width: 100%;
			height: 100vh;
		}

		.reference{
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			font-family: 'morgian'; 
			font-size: 16px; 
			letter-spacing: 2px;
			margin: 0;
			margin-top: 10px;
			padding: 0;
			color: #F0DF91;
			width: 100%;
}		
		.refphoto{
			height: 40px;
			width: 40px;
			margin-left: 10px;
			text-align: center;
			font-size: 20px;
			color: white;
			border: 1px solid #F0DF91 ;
			border-radius: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
						}

			.refphoto p{
				text-align: center;
				width: 100%;}

			.color_pack1{color: #79CBE0;}
			.color_pack3{color: #F0DF91;}
			.color_pack5{color: #FA8072;}

/*-------------------------------------------------------------------------------------------*/
/*-------------------------------- Lightbox : Info ------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

		.lightbox_menu{
			width: auto;
			height: auto;
			display: block;
			z-index: 1504;
			text-align: center;
			color: white;
			margin: 0;
			padding: 0;
			
			
	}

			.lightbox_intro{
				display: flex;
				flex-flow: column wrap;
				align-items: center;
				justify-content: center;
				width: 90%;
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: auto;
				margin-right: auto;
			}
			.lightbox_intro2{
				display: flex;
				flex-flow: row wrap;
				align-items: center;
				justify-content: center;
				width: 90%;
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: auto;
				margin-right: auto;
				/*--
				background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));
				padding: 5px;
				border-radius: 20px;
				--*/
			}

				.lightbox_logo{
					width: 100px;
					filter: invert();
					
					margin: 0;
					padding: 0;
					margin-left: auto;
					margin-right: auto;
					/*
					height: 80px;
					background-color: coral;
					border-radius: 50%;
					border: 1px solid #1B242B;
					display: flex;
					flex-flow: row wrap;
					align-items: center;
					justify-content: center;
					*/
						}
				.lightbox_logo2{
					width: auto;
					filter: invert();
					
					margin: 0;
					padding: 0;
					margin-left: 0;
					margin-right: auto;
					
					align-self: flex-start;
					/*
					height: 80px;
					background-color: coral;
					border-radius: 50%;
					border: 1px solid #1B242B;
					display: flex;
					flex-flow: row wrap;
					align-items: center;
					justify-content: center;
					*/
						}

					.lightbox_logo img{
						width: 100%;
						margin: 0;
						padding: 0;

							}
					.lightbox_logo2 img{
						width: 80px;
						margin: 0;
						padding: 0;

							}

					.lightbox_logo h4{
						font-family: 'morgian';
						color: wheat;
						font-size: 15px;
						letter-spacing: 2px;
						margin: 0;
						padding: 0;
						margin-bottom: 0px;

						}

				.lightbox_surfsession{
					margin-top: 10px;
					width: auto;
}
				.lightbox_surfsession2{
					margin-top: 0px;
					width: calc(100% - 80px);
					justify-content: flex-end;
					text-align: right;
}
	
					.lightbox_surfsession p{
						font-family: "morgian";
						color: wheat;
						margin: 0;
						padding: 0;
						letter-spacing: 2px;
						font-size: 20px;
					}
					.pechedujour{
						font-family: 'morgian';
						color: white;
						font-size: 14px;
						letter-spacing: 1px;
						margin: 0;
						padding: 0;
						margin-bottom: 0px;
						
						text-transform: uppercase;

						}
					.lightbox_surfsession2 img{
						width: 120px;
						filter: invert();
						margin: 0;
						padding: 0;
						margin-bottom: 5px;
						transform:  rotate(-180deg);
					}
					.freesurf_date{
						font-family: "proxima";
						color: wheat;
						margin: 0;
						padding: 0;
						letter-spacing: 2px;
						font-size: 14px;
						
						text-transform: uppercase;
					}

				.pack_arrows{
					display: flex;
					flex-flow: row wrap;
					justify-content: space-around;
					width: 95%;
					margin-left: auto;
					margin-right: auto;
					cursor: pointer;
					margin-bottom: 20px;
				}
					#button-right{
						align-self: flex-end;
						float: right;
						right: 0;
}

				.lightbox_shop{
					margin-top: 0px;
					width: auto;
}
				.lightbox_shop p{
						font-family: "morgian";
						color: white;
						margin: 0;
						padding: 0;
						letter-spacing: 2px;
						font-size: 20px;
					}

			/*------------ LIGHTBOX - Reglement Carte Bancaire --------------*/

			.lightbox_packs{
				width: 95%;
				
				margin: 0px;
				padding: 0;
				text-align: center;
				justify-content: center;
				position: relative;
				
					margin-left: auto;
					margin-right: auto;
				
					background-color: #1B242B;
					border-radius: 10px;
					box-shadow: 1px 5px 15px black;
				
				padding: 5px;
				
				background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.5)), url(images/modalbackground4.jpg);
				background-size: cover;
				background-position: center;
				
				}

				.lightbox_packs h5{
					font-family: 'morgian';
					color: wheat;
					font-size: 20px;
					letter-spacing: 2px;
					margin: 0;
					padding: 0;
					margin-top: 20px;
					margin-bottom: 20px;
					
					}

				.pack_order{
					display: flex;
					flex-wrap: wrap;
					margin-left: auto;
					margin-right: auto;
					text-align: center;
					max-width: 400px;
					height: auto;
					background-color: none;
					margin-top: 0px;
					border-radius: 10px;
					position: relative;
					
					margin-top: 0px;
				}

					.order_choice{
							width: 100%;
						
							margin-left: auto;
							margin-right: auto;
							overflow: scroll;
						
							display: flex;
							text-align: center;
							justify-content: center;
							align-items: center;
								margin-bottom: 10px;
						}
					.order_choice2{
							width: 100%;
						
							margin-left: auto;
							overflow-x: scroll;
						
							display: flex;
							align-items: center;
								margin-bottom: 10px;
						}
					.order_choice2::-webkit-scrollbar {
    display: none;
}

						.pack_title{
							width: 100%;
							font-family: "proxima";
							font-size: 10px;
							letter-spacing: 2px;
							text-align: center;
							justify-content: center;
							color: wheat;
							text-transform: uppercase;
							margin-bottom: 20px;
}

						.pack_unit{
							display: block;
							width: auto;
							height: auto;
							border: none;
							cursor: pointer;
							padding: 0;
							margin-left: 10px;
							margin-right: 10px;
							
						}

							#pack_unit_pack1{width: 50px;transition: 1s; display: block;}
							#pack_unit_pack1_active{
														width: 80px;
														transition: 1s; 
														display: none;
														-webkit-filter: drop-shadow(0.5px 0.5px 0px wheat); 
														filter: drop-shadow(0.5px 0px 0px wheat);}

							#pack_unit_pack2{width: 50px;transition: 1s; display: block;}
							#pack_unit_pack2_active{
														width: 80px;
														transition: 1s; 
														display: none;
														-webkit-filter: drop-shadow(0.5px 0.5px 0px wheat); 
														filter: drop-shadow(0.5px 0px 0px wheat);}
							
							#pack_unit_pack3{width: 50px;transition: 1s; display: none; }
							#pack_unit_pack3_active{	width: 80px;
														transition: 1s; 
														display: block; 
														-webkit-filter: drop-shadow(0.5px 0.5px 0px #1B242B); 
														filter: drop-shadow(0.5px 0px 0px #1B242B);}

							#pack_unit_pack4{width: 50px;transition: 1s; display: block;}
							#pack_unit_pack4_active{
														width: 80px;
														transition: 1s; 
														display: none;
														-webkit-filter: drop-shadow(0.5px 0.5px 0px #1B242B); 
														filter: drop-shadow(0.5px 0px 0px #1B242B);}
							
							#pack_unit_pack5{width: 50px;transition: 1s; display: block;}
							#pack_unit_pack5_active{
														width: 80px;
														transition: 1s; 
														display: none;
														-webkit-filter: drop-shadow(0.5px 0.5px 0px #1B242B); 
														filter: drop-shadow(0.5px 0px 0px #1B242B);}




							#pack_unit_pack6{width: 50px;transition: 1s; display: block;}
							#pack_unit_pack6_active{
														width: 80px;
														transition: 1s; 
														display: none;
														-webkit-filter: drop-shadow(0.5px 0.5px 0px wheat); 
														filter: drop-shadow(0.5px 0px 0px wheat);}

							#pack_unit_pack7{width: 50px;transition: 1s; display: block;}
							#pack_unit_pack7_active{
														width: 80px;
														transition: 1s; 
														display: none;
														-webkit-filter: drop-shadow(0.5px 0.5px 0px wheat); 
														filter: drop-shadow(0.5px 0px 0px wheat);}
							
							#pack_unit_pack8{width: 50px;transition: 1s; display: block; }
							#pack_unit_pack8_active{	width: 80px;
														transition: 1s; 
														display: none; 
														-webkit-filter: drop-shadow(0.5px 0.5px 0px #1B242B); 
														filter: drop-shadow(0.5px 0px 0px #1B242B);}

							#pack_unit_pack9{width: 50px;transition: 1s; display: block;}
							#pack_unit_pack9_active{
														width: 80px;
														transition: 1s; 
														display: none;
														-webkit-filter: drop-shadow(0.5px 0.5px 0px #1B242B); 
														filter: drop-shadow(0.5px 0px 0px #1B242B);}
							
							#pack_unit_pack10{width: 50px;transition: 1s; display: block;}
							#pack_unit_pack10_active{
														width: 80px;
														transition: 1s; 
														display: none;
														-webkit-filter: drop-shadow(0.5px 0.5px 0px #1B242B); 
														filter: drop-shadow(0.5px 0px 0px #1B242B);}











						.pack_unit h6{
							font-family: 'morgian';
							color: white;
							font-size: 25px;
							justify-content: center;
							margin: 0;
							padding: 0;
						}
						.pack_unit p{
							border-radius: 20px;
							font-family: 'morgian';
							color: white;
							font-size: 16px;
							justify-content: center;
							margin: 0;
							padding: 0;
						}
			




					/*--------------- ORDER FORM - PACK 1--------------*/

						.order_form_pack1{
							display: none;
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: wheat;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack1 form{
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple1{
									display: flex;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack1 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;}

								.order_form_pack1 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									
										background-color: coral;
										color: white;
										font-family: "proxima";
										text-transform: uppercase;
										letter-spacing: 1px;
										border: 1px solid wheat;
											}

		
								.order_form_pack_couplechoice1{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: wheat;
										margin-bottom: 20px;
						}

									.order_pack1{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack1 p{color: #79CBE0 }

										.order_pack_select1{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack1 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												color: black;
												font-family: "proxima";
												font-size: 16px;
												text-align: center;
												background-color: #79CBE0;
														}

											#pack1_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											
								#order_form_checkout_pack1{
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

									#order_form_checkout_pack1 p{text-align: center;}

									.order_form_pack1_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
												}





					/*--------------- ORDER FORM - PACK 2--------------*/

						.order_form_pack2{
							display: none;
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack2 form{
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple2{
									display: flex;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack2 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;}

								.order_form_pack2 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									
										background-color: coral;
										color: white;
										font-family: "proxima";
										text-transform: uppercase;
										letter-spacing: 1px;
										border: 1px solid wheat;
											}

		
								.order_form_pack_couplechoice2{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: #D2C37F;
										margin-bottom: 20px;
						}

									.order_pack2{
											display: flex;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack2 p{color: wheat }

										.order_pack_select2{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack2 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: #D2C37F;
												color: black;
												font-family: "proxima";
												font-size: 16px;
													text-align: center;
														}

											#pack2_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack2_photo2{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											
								#order_form_checkout_pack2{
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

									#order_form_checkout_pack2 p{text-align: right;}

									.order_form_pack2_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
												}






					/*--------------- ORDER FORM : PACK 3 --------------*/

						.order_form_pack3{
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack3 form{
								
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple3{
									display: flex;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack3 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;
								}

								.order_form_pack3 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									background-color: coral;
									color: white;
									font-family: "proxima";
									text-transform: uppercase;
									letter-spacing: 1px;
									border: 1px solid wheat; 
											}

								.order_form_pack3_session {
									text-align: right;
									color: #D2C37F;
}

								.order_form_pack_couplechoice3{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: #D2C37F;
										margin-bottom: 20px;
						}

									.order_pack3{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack3 p{color: wheat }

										.order_pack_select3{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack3 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: #D2C37F;
												color: black;
												font-family: "proxima";
												font-size: 16px;
													text-align: center;
														}

											#pack3_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack3_photo2{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack3_photo3{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}


								#order_form_checkout_pack3{
									display: flex;				
									flex-flow: row wrap;
									justify-content: center;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									
									margin-top: 20px;
								}

									#order_form_checkout_pack3 p{text-align: center;margin: 0;padding: 0;}

									.order_form_pack3_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
												}





					/*--------------- ORDER FORM : PACK 4 --------------*/

						.order_form_pack4{
							display: none;
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack4 form{
								
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple4{
									display: flex;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack4 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;
								}

								.order_form_pack4 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									background-color: coral;
									color: white;
									font-family: "proxima";
									text-transform: uppercase;
									letter-spacing: 1px;
									border: 1px solid wheat; 
											}

								.order_form_pack4_session {
									text-align: right;
									color: #D2C37F;
}

								.order_form_pack_couplechoice4{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: #D2C37F;
										margin-bottom: 20px;
						}

									.order_pack4{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack4 p{color: wheat }

										.order_pack_select4{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack4 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: #D2C37F;
												color: black;
												font-family: "proxima";
												font-size: 16px;
													text-align: center;
														}

											#pack4_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack4_photo2{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack4_photo3{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack4_photo4{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}


								#order_form_checkout_pack4{
									display: flex;				
									flex-flow: row wrap;
									justify-content: center;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									
									margin-top: 20px;
								}

									#order_form_checkout_pack4 p{text-align: center;margin: 0;padding: 0;}

									.order_form_pack4_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
}




					/*--------------- ORDER FORM : PACK 5 --------------*/

						.order_form_pack5{
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
							display: none;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack5 form{
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple5{
									display: flex;
									flex-flow: row wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack5 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;}

								.order_form_pack5 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									
									background-color: coral;
									color: white;
									font-family: "proxima";
									text-transform: uppercase;
									letter-spacing: 1px;
									border: 1px solid wheat; 
											}

								.order_form_pack_couplechoice5{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: wheat;
										margin-bottom: 20px;
						}

									.order_pack5{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack5 p{color: white }

										.order_pack_select5{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack5 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												color: black;
												font-family: "proxima";
												font-size: 16px;
												text-align: center;
												background-color: wheat;
														}

											#pack5_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 3px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack5_photo2{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack5_photo3{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack5_photo4{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack5_photo5{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}

								#order_form_checkout_pack5{
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

									#order_form_checkout_pack5 p{text-align: right;}

									.order_form_pack5_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
												}



					/*--------------- ORDER FORM : PACK 6 --------------*/

						.order_form_pack6{
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
							display: none;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack6 form{
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple6{
									display: flex;
									flex-flow: row wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack6 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;}

								.order_form_pack6 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									
									background-color: coral;
									color: white;
									font-family: "proxima";
									text-transform: uppercase;
									letter-spacing: 1px;
									border: 1px solid wheat; 
											}

								.order_form_pack_couplechoice6{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: wheat;
										margin-bottom: 20px;
						}

									.order_pack6{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack6 p{color: white }

										.order_pack_select6{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack6 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												color: black;
												font-family: "proxima";
												font-size: 16px;
												text-align: center;
												background-color: wheat;
														}

											#pack6_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 3px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack6_photo2{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack6_photo3{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack6_photo4{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack6_photo5{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack6_photo6{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}								

								#order_form_checkout_pack6{
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

									#order_form_checkout_pack6 p{text-align: right;}

									.order_form_pack6_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
												}


				
					/*--------------- ORDER FORM : PACK 7 --------------*/

						.order_form_pack7{
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
							display: none;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack7 form{
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple7{
									display: flex;
									flex-flow: row wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack7 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;}

								.order_form_pack7 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									
									background-color: coral;
									color: white;
									font-family: "proxima";
									text-transform: uppercase;
									letter-spacing: 1px;
									border: 1px solid wheat; 
											}

								.order_form_pack_couplechoice7{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: wheat;
										margin-bottom: 20px;
						}

									.order_pack7{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack7 p{color: white }

										.order_pack_select7{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack7 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												color: black;
												font-family: "proxima";
												font-size: 16px;
												text-align: center;
												background-color: wheat;
														}

											#pack7_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 3px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack7_photo2{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack7_photo3{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack7_photo4{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack7_photo5{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack7_photo6{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	
											#pack7_photo7{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	

								#order_form_checkout_pack7{
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

									#order_form_checkout_pack7 p{text-align: right;}

									.order_form_pack7_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
												}





					/*--------------- ORDER FORM : PACK 8 --------------*/

						.order_form_pack8{
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
							display: none;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack8 form{
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple8{
									display: flex;
									flex-flow: row wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack8 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;}

								.order_form_pack8 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									
									background-color: coral;
									color: white;
									font-family: "proxima";
									text-transform: uppercase;
									letter-spacing: 1px;
									border: 1px solid wheat; 
											}

								.order_form_pack_couplechoice8{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: wheat;
										margin-bottom: 20px;
						}

									.order_pack8{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack8 p{color: white }

										.order_pack_select8{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack8 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												color: black;
												font-family: "proxima";
												font-size: 16px;
												text-align: center;
												background-color: wheat;
														}

											#pack8_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 3px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack8_photo2{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack8_photo3{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack8_photo4{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack8_photo5{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack8_photo6{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	
											#pack8_photo7{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	
											#pack8_photo8{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	

								#order_form_checkout_pack8{
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

									#order_form_checkout_pack8 p{text-align: right;}

									.order_form_pack8_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
												}



					/*--------------- ORDER FORM : PACK 9 --------------*/

						.order_form_pack9{
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
							display: none;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack9 form{
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple9{
									display: flex;
									flex-flow: row wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack9 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;}

								.order_form_pack9 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									
									background-color: coral;
									color: white;
									font-family: "proxima";
									text-transform: uppercase;
									letter-spacing: 1px;
									border: 1px solid wheat; 
											}

								.order_form_pack_couplechoice9{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: wheat;
										margin-bottom: 20px;
						}

									.order_pack9{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack9 p{color: white }

										.order_pack_select9{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack9 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												color: black;
												font-family: "proxima";
												font-size: 16px;
												text-align: center;
												background-color: wheat;
														}

											#pack9_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 3px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack9_photo2{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack9_photo3{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack9_photo4{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack9_photo5{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack9_photo6{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	
											#pack9_photo7{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	
											#pack9_photo8{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	
											#pack9_photo9{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	

								#order_form_checkout_pack9{
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

									#order_form_checkout_pack9 p{text-align: right;}

									.order_form_pack9_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
												}


					/*--------------- ORDER FORM : PACK 10 --------------*/

						.order_form_pack10{
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
							display: none;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_pack10 form{
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple10{
									display: flex;
									flex-flow: row wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_pack10 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;}

								.order_form_pack10 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									
									background-color: coral;
									color: white;
									font-family: "proxima";
									text-transform: uppercase;
									letter-spacing: 1px;
									border: 1px solid wheat; 
											}

								.order_form_pack_couplechoice10{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: wheat;
										margin-bottom: 20px;
						}

									.order_pack10{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack10 p{color: white }

										.order_pack_select10{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack10 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												color: black;
												font-family: "proxima";
												font-size: 16px;
												text-align: center;
												background-color: wheat;
														}

											#pack10_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 3px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack10_photo2{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack10_photo3{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack10_photo4{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack10_photo5{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack10_photo6{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	
											#pack10_photo7{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	
											#pack10_photo8{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}	
											#pack10_photo9{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											#pack10_photo10{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 35px;
												height: 35px;
												margin: 2px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}

								#order_form_checkout_pack10{
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

									#order_form_checkout_pack10 p{text-align: right;}

									.order_form_pack10_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
												}













					

			/*----------------------------------------------------------------------*/

					

					.order_form_checkout_detail{
						width: 50%;
						text-align: center;
						
						display: flex;
						flex-flow: row wrap;
						align-items: center;
						justify-content: center;
						
						font-family: "proxima";
						font-size: 12px;
}

						.order_form_checkout_detail p{
							margin: 0;
							margin-bottom: 0px;
							font-size: 22px;
							color: white;
							
							font-family: "morgian";
							letter-spacing: 0px;
						}

						.order_form_checkout_detail_commande{
							font-size: 12px;
							color: gray;
						}


					

						.order_form_checkout_payment {
							width: 50%;
							margin-left: auto;
							margin: auto;
							display: flex;
							flex-wrap: wrap;
							justify-content: center;
						}

							.order_form_checkout_payment button{margin-right: auto;margin-left: auto;}

							.order_form_checkout_payment_card {height: 15px; margin: 0; padding: 0; margin-left: 10px;}

							.order_form_checkout_payment_cards {width: 150px;margin-top: 5px;}

	
						
					.order_form_checkout_notice{
						width: 100%;
						margin-top: 30px;
						display: flex;
						flex-wrap: wrap;
						justify-content: center;
						text-align: center;
						margin-bottom: 20px;
}

						.order_form_checkout_notice_text{
							font-size: 10px;
							letter-spacing: 1px;
							text-transform: uppercase;
							width: 100%;
							text-align: center;
							justify-content: center;
							color: wheat;
							
	}

						.order_form_checkout_notice_num{
							font-family: "morgian";
							letter-spacing: 1px;
							font-size: 25px;
							color: coral;
							margin: 0;
						}



						
						


					/*--- Order Payment --- */
					
						.order_payment{
							width: 50%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: white;
							margin-right: auto;
							margin-left: auto;
										}







			.lightbox_tarif_moyen{
				color: white;
				font-family: "inprimis";
				text-transform: uppercase;
				font-size: 14px;
				padding: 0;
				margin: 0;
				margin-bottom: 20px;
				}

			.lightbox_tarif_moyen2{
				color: white;
				font-family: "inprimis";
				font-size: 14px;
				margin-top: 30px;
				}
				
				

				.white{color: white;}
				.wheat{color: wheat;}

				.phonenumber{
				font-family: 'morgian';
				font-size: 25px;
				color: wheat;
				}

				.copy{cursor: pointer}
	
			.lightbox_tarif_text{
	font-family: 'inprimis';
	font-size: 12px;}

			.smalltexte{font-family: 'inprimis'; font-size: 10px; color: white;}



	
	.lightbox_photo_overlay{
		width: 50%;
		height: 100%;
		background-color: black;
		opacity: 0.2;
	}

	.lightbox_photo_overlay2{
		width: 50%;
		height: 100%;
		opacity: 0.2;
	}














	@media only screen and (max-width: 800px){
		
		
		.modal-content {
			  position: relative;
			  display: flex;
			  flex-direction: column;
			  margin: 0;
			  padding: 0 0 0 0;
			  width: 100%;
				height: auto;
		}

			
			.image-slide {
				height: 50vh;
				width: auto;
				top:0;
			}
		
		
			.lightbox_menu{
			width: 80%;
			display: block;
			z-index: 1504;
			text-align: center;
			color: white;
			margin: 0px;
			padding: 0;
				margin-top: 50px;
				margin-bottom: 100px;
	}
		
			.order_form_checkout_detail{
						width: 100%;
						margin-bottom: 20px;
						margin-top: 30px;
}
		
				.order_form_checkout_detail p{
					font-size: 30px;
				}
		
			.order_form_checkout_payment {
							width: 100%;
						margin-bottom: 20px;
						}
			
}


	@media only screen and (max-width: 600px){
		
		.lightbox_menu{width: 100%;}
		
			
		
}










	#lightbox-controls {
	  position:fixed;
	  height:70px;
	  width:70px;
	  top:-50%;
	  right:0;
	  z-index:1502;
	  background:rgba(0,0,0,.1);
	}

	#close-lightbox {
	  display:block;
	  position:absolute;
	  overflow:hidden;
	  height:50px;
	  width:50px;
	  text-indent:-5000px;
	  right:10px;
	  top:-10;
	  -webkit-transform:rotate(45deg);
	  -moz-transform:rotate(45deg);
	  -ms-transform:rotate(45deg);
	  -o-transform:rotate(45deg);
	  transform:rotate(45deg);
	}

	#close-lightbox:before {
		content:'';
	  display:block;
	  position:absolute;
	  height:0px;
	  width:3px;
	  left:24px;
	  top:0;
	  background:white;
	  border-radius:2px;
	  -webkit-transition: .5s .5s ease-in-out;
	  -moz-transition: .5s .5s ease-in-out;
	  -ms-transition: .5s .5s ease-in-out;
	  -o-transition:.5s .5s ease-in-out;
	  transition:.5s .5s ease-in-out;
	}

	#close-lightbox:after {
		content:'';
	  display:block;
	  position:absolute;
	  width:0px;
	  height:3px;
	  top:24px;
	  left:0;
	  background:white;
	  border-radius:2px;
	  -webkit-transition: .5s 1s ease-in-out;
	  -moz-transition: .5s 1s ease-in-out;
	  -ms-transition: .5s 1s ease-in-out;
	  -o-transition:.5s 1s ease-in-out;
	  transition:.5s 1s ease-in-out;
	}

	.lightbox:target {
	  top:0%;
	  bottom:0%;
	  opacity:1;
	}

	.lightbox:target img {
	  max-width:100%;
	  max-height:100%;
	}

	.lightbox:target ~ #lightbox-controls {
	  top:0px;
	}

	.lightbox:target ~ #lightbox-controls #close-lightbox:after {
	  width:50px;
	}

	.lightbox:target ~ #lightbox-controls #close-lightbox:before {
	  height:50px;
	}

	@-webkit-keyframes wiggle {
		0% {
		  -webkit-transform:rotate(2deg);
	  }
	  20% {-webkit-transform:rotate(-2deg);}
	  40% {-webkit-transform:rotate(2deg);}
	  60% {-webkit-transform:rotate(-2deg);}
	  80% {-webkit-transform:rotate(2deg);}
		100% {-webkit-transform:rotate(-2deg);}
	}
	

/*-------------------------------------------------------------------------*/
/*-------------------------- Lightbox text --------------------------------*/
/*-------------------------------------------------------------------------*/





/*-------------------------------------------------------------------------*/
/*------------------------- Lightbox PACKS --------------------------------*/
/*-------------------------------------------------------------------------*/














/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- FOOTER ------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	footer{
			margin: 0;
			padding: 0;
			background-color: black;
			text-align: center;
			height: 90px;
			position: relative;
				flex-shrink: 0;
		}


		.contact{
			width: 100%;
			font-family: "inprimis";
			margin: 0;
			color: white;
			padding: 0;
		}

		.contact a{
			letter-spacing: 1px;
			text-decoration: underline;
			color: white;
			padding: 0;
		}


		.socialmedia{
			display: flex;
			justify-content: center;
			width: 100%;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			margin: 0;
		}

		.socialmedia img{
			width: 30px;
			height: 30px;
			margin-left: 10px;margin-right: 10px;
			padding: 0;}












































/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- INDEX -------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/



	.index_background{
		background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/image.JPG");
		background-position: center 65%;
		background-repeat: no-repeat;
		background-size: cover;

		width: 100vw;
		height: 100vh;
		
		
		margin: 0;
		padding: 0;
		position: relative;
		
		overflow: hidden;
		
	}

		.backgroundvideo_container{
				width: 100%;
				height: 100vh;
				position: relative;
			
			}

		 	video {
				width: 100%;
				  height: 100%;
				  position: absolute;
				  object-fit: cover;
				  z-index: 0;
}
	

		.index_logo{
			text-align: center;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			transition: 1s;
			margin: 0;
			padding: 0;
			width: 100%;
		}

		.index_logo_image{
				margin: 0;
				padding: 0;
				width: 40%;
				transition: 1s;}

		.index_logo p{
			font-family: 'inprimis';
			text-transform: uppercase;
			color: wheat;
			letter-spacing: 3px;
			font-size: 16px;
			padding-top: 5px;
		}

		.downarrow{
			position: absolute;
			right: 50%;
			transform: translate(50%, 0);
			bottom: 20px;
		}



	@media only screen and (max-width: 1000px){
	.index_logo_image{
				height: auto;
				width: 50%;}
}

	@media only screen and (max-width: 600px){
			
		.index_background{
			background-position: 75% ;
		
	}	
		.index_logo_image{
				height: auto;
				width: 70%;}
		
		
			.downarrow{display: none;}
			
}




/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--------------------------- CATEGORIES -------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

#categories{
	height: 100vh;
	margin: 0;
	top: 0;	
	display: flex;
	transition: 1s;
	position: relative;
	
	font-family: "morgian";
	text-transform: uppercase;
	
	color: white;
	font-size: 25px;
	text-align: center;
	transition: 1s;
	background-color: black;
}


	#categories a{
		color: white;
		text-decoration: none;}

		.categories_title{
			width: 90%;
			padding: 0;
			margin: 0;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			transition: 1s;
	}
		.categories_title:hover{
			font-size: 1.3em;	
	}

		.surfrentals{
			background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("images/surfrentals/surfrentals_image.JPG");
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
			height: 100%;
			width: 33.333%;
			transition: 2s;
		} 

		.freesurf{
			background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("images/freesurf2.jpg");
			background-position: center 50%;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
			height: 100%;
			width: 33.333%;
			transition: 1s;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			justify-content: center;
			opacity: 0.9;
			transition: 1s;
		} 
		.freesurf:hover{
			opacity: 1;
			
		} 
		.freesurf_title h3{
			width: 100%;
			letter-spacing: 2px;
			padding: 0;
			margin: 0;
		}

		.categories_duo{
			height: 100%;
			width: 33.333%;
			transition: 1s;
			display: flex;
			flex-flow: column wrap;
			align-items: center;
			justify-content: center;
		}

			.surfteam{
				background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("images/surfteam.jpg");
				background-position: center 50%;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				height: 50%;
				width: 100%;
				transition: 1s;
				display: flex;
				flex-flow: row wrap;
				align-items: center;
				justify-content: center;
				opacity: 0.9;
				transition: 1s;
			} 
			.surfteam h3{
				width: 100%;
				letter-spacing: 2px;
				padding: 0;
				margin: 0;
			}

			.shootings{
				background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("images/freesurf.JPG");
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: relative;
				height: 100%;
				width: 33.333%;
				transition: 1s;
				display: flex;
				flex-flow: row wrap;
				align-items: center;
				justify-content: center;
				opacity: 0.9;
			transition: 1s;
			} 
			.shootings:hover{
				opacity: 1;

			} 
			.shootings_title h3{
				width: 100%;
				letter-spacing: 2px;
				padding: 0;
				margin: 0;
			}

		.gpsc{
			background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("images/gpsc/gpsc.JPG");
			background-position: 40%;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
			height: 50%;
			width: 100%;
			transition: 1s;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			justify-content: center;
			opacity: 0.9;
			transition: 1s;
		} 
		.gpsc:hover{opacity: 1;

					} 
		.gpsc_title h3{
			width: 100%;
			letter-spacing: 2px;
			padding: 0;
			margin: 0;
		}


	@media only screen and (max-width: 700px){
	
	#categories{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		height: auto;
		}
		
		.categories_title{width: 100%;}
	
	.surfrentals{
			height: 33.333%;
			width: 100%;
		} 

	.freesurf{
			height: 30vh;
			width: 100%;
			background-position: 50% 50%;
		} 

	.shootings{
			height: 30vh;
			width: 100%;
		} 
	
	.categories_duo{
			height: 100%;
			width: 100%;
		}
		
	.surfteam{
			height: 30vh;
			width: 100%;
		} 
		
	.gpsc{
			height: 30vh;
			width: 100%;
		} 
		
	

		
}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*------------------------- SHOOTING PRIVES ----------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

	#categorie_shootingsprives{
		background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("images/shootings.JPG");
		background-position: 30%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		height: 100vh;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
		justify-content: center;
	} 
	
	.categorie_shootings{
		padding: 0;
		margin: 0;
		color: wheat;
		width: 500px;
		text-align: center;
		
}

	.categorie_shootings h3{
		margin: 0;
		padding: 0;
		font-family: 'morgian';
		font-size: 40px;
		
}

	.categorie_shootings h3 a{
		text-transform: uppercase;
		text-decoration: none;
		color: white;}

	.categorie_shootings a{
		text-transform: uppercase;
		text-decoration: none;}

	.categorie_shootings p{
		font-family: 'proxima';
		font-size: 12px;
		letter-spacing: 1px;
	}

	.categorie_shootings_contact {
		font-family: "morgian";
		font-size: 20px;
		color: wheat;
}

	@media only screen and (max-width: 600px){
		.categorie_shootings{
			position: absolute;
			top: 50%;
			right: 0;
			left: 0;
			transform: translate(0%, 0%);
			transition: 1s;
			text-align: center;
			color: wheat;
			width: 100%;
}
		.categorie_shootings h3{
		margin: 0;
		padding: 0;
		font-family: 'morgian';
		font-size: 40px;
		
}

		.categorie_shootings p{
		font-family: 'proxima';
		font-size: 12px;
		letter-spacing: 1px;
	}
	
}



/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*------------------------------- SHOP ---------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

	#categorie_shop{
		background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("images/modalbackground4.JPG");
		background-position: 30%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		height: 100vh;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
		justify-content: center;
	} 
	
	.categorie_shop{
		padding: 0;
		margin: 0;
		color: wheat;
		width: 500px;
		text-align: center;
		
}

	.categorie_shop h3{
		margin: 0;
		padding: 0;
		font-family: 'morgian';
		font-size: 40px;
		
}

	.categorie_shop h3 a{
		text-transform: uppercase;
		text-decoration: none;
		color: white;}

	.categorie_shop a{
		text-transform: uppercase;
		text-decoration: none;}

	.categorie_shop p{
		font-family: "proxima";
				text-transform: uppercase;
				letter-spacing: 3px;
				font-size: 9px;
				color: white;
				padding: 0;
				margin: 0;

				text-align: center;
				width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.categorie_shop {
		font-family: "morgian";
		font-size: 20px;
		color: wheat;
}

	@media only screen and (max-width: 600px){
		.categorie_shop{
			position: absolute;
			top: 50%;
			right: 0;
			left: 0;
			transform: translate(0%, 0%);
			transition: 1s;
			text-align: center;
			color: wheat;
			width: 100%;
}
		.categorie_shop h3{
		margin: 0;
		padding: 0;
		font-family: 'morgian';
		font-size: 40px;
		
}

		.categorie_shop p{
		font-family: 'proxima';
		font-size: 12px;
		letter-spacing: 1px;
	}
	
}


/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------- TARIFS ---------------------------------*/
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

#tarifs{
	width: 100%;
	min-height: calc(100vh - 140px);
	height: 100%;
	background-color: black;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

	.tarifs_wrapper{
		margin-top: 150px;
		text-align: center;
		display: flex;
		justify-content: space-around;
		width: 100%;
}

		.tarifs_wrapper_page{
			height: auto;
			margin-top: 70px;
			text-align: center;
			display: flex;
			justify-content: space-around;
			width: 100%;
	}


		.tarifs_box1{
			width: 300px;
			height: auto;
			margin: 0;
			padding: 0;
		}

			.tarifs_box1 h4{
				font-family: 'morgian';
				color: antiquewhite;
				font-size: 30px;
				padding: 0;
				margin: 0;
	}

			.shootingsprives_section{color: antiquewhite;}

			.tarifs_box1 p{
				font-family: "inprimis";
				color: #998A69;
				font-size: 12px;
				padding: 0;
				margin-bottom: 30px;
			} 

				.tarifs_pack1{
					font-family: "morgian";
					letter-spacing: 1px;
					color: #79CBE0;
					font-size: 14px;
				}
				.tarifs_pack3{
					font-family: "morgian";
					letter-spacing: 1px;
					color: wheat;
					font-size: 14px;
				}
				.tarifs_pack5{
					font-family: "morgian";
					letter-spacing: 1px;
					color: salmon;
					font-size: 14px;
				}

	
			.tarifs_box1 table{
				margin-bottom: 30px;
				justify-content: center;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
}

			table, td {
			width: 300px;
			text-align: center;
			font-family: 'inprimis';
			font-size: 12px;
			color: white;
			padding: 0;
			margin: 0;
			border-collapse: collapse; 
			border-spacing: 0;
				
		}

			thead {

			font-size: 15px;
				text-align: center;
				color: salmon;
		}







	.section {
	  border-top: 1em solid transparent;
	}

	.shootingsprives{
		margin: 0;
		padding: 0;
		margin-bottom: 30px;
		color: wheat;

	}

.shootingsprives_section{
	text-align: center;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0;
	margin: 0;
	justify-content: center;
}

.shootingsprives_notice{
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #998A69;
}

	.shootingstarifs{
		font-family: 'morgian';
		font-size: 20px;
		color: darksalmon;
		text-align: center;
		padding: 0;
		margin: 0;
	}


	td{line-height: 20px;}

	th{
		text-transform: uppercase;	
		line-height: 0px; 
		padding: 0;
		margin: 0;}




	#tarifs_page{
		width: 100%;
		height: 100%;
		background-color: black;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		
		
		min-height: 100vh;
		z-index: 1000;
}

	#tarifs_page2{
	width: 95%;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
		border-radius: 10px;
	height: auto;
	background-color: black;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

	.tarifs_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top: 120px;
	display: none;
}

	.tarifs_container h5{
			font-family: 'morgian';
			color: antiquewhite;
			font-size: 30px;
			margin: 0;
			padding: 0;
		}

	.tarifs_container_takeaway{
		width: 100%;
		text-align: center;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}

			.tarifs_container_takeaway img{
				width: 100px;
			}

	.cgv{
		background-color: black;
		width: 100%;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.cgv p{
		width: 100%;
		color: white;
		font-family: "proxima";
		font-size: 12px;
		text-align: center;

	}
	.cgv_trigger{
	text-decoration: underline;
	cursor: pointer;
}
	.cgv_fishandshots{
		display: none;
	}

	.cgv2{
		margin-top: 10px;
		width: 90%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	.cgv2 p{
		width: auto;
		color: white;
		font-family: "proxima";
		font-size: 8px;
		text-align: center;
		opacity: 0.8;

	}
	.cgv2_checked{width: 10px; height: 10px; filter: invert(); margin-right: 5px;}
	.cgv_trigger2{
	text-decoration: underline;
	cursor: pointer;
}
	.cgv_trigger2_close{
		width: 20px;
		height: 30px;
		color: white;
		text-align: right;
		float: right;
		margin-right: 20px;
		cursor: pointer;
}
	.cgv_trigger2_close img{width: 100%; filter: invert();margin-right: 20px;}
	.cgv_fishandshots2{
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 1;
		z-index: 100;
		overflow: scroll;
		font-size: 8px;
		text-transform: capitalize;
		letter-spacing: 0px;
		border-radius: 10px;
		position: absolute;
		top: 0px;
		left: 0;
		
		display: none;
		
	}
	.cgv_fishandshots2 p{margin-top: 30px;}

	@media only screen and (max-width: 768px){
	
	.tarifs_wrapper{
		display: flex;
		flex-wrap: wrap;
}
	
	.tarifs_wrapper_page{
		margin-top: 70px;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		background-color: black;
}
}

	@media only screen and (max-width: 600px){
	
	#tarifs{
	height: auto;
	
}
	
	.tarifs_wrapper{
		display: flex;
		flex-wrap: wrap;
}
	
	.tarifs_box1{
		margin-bottom: 100px;
		
		
}
	
	
	
}

































































































































































































































	













.figure{
	background-size: cover;
	position: relative;
	width: 100%;
	flex-basis: 1;
	min-height: 250px;
}

.figure a{
	width: 100%;
	height: 100%;
}

.figure_date{
	width: 100%;
	height: 100%;
	
}





.figure_info{
			width: 100%;
			height: 100%;
			font-family: 'proxima';
			font-size: 12px;
			margin: 0;
			padding: 0;
			text-align: center;
			color: white;
			text-transform: uppercase;
			letter-spacing: 3px;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
			
}
.figure_info_day{
	font-family: 'proxima';
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}
.figure_info_spot{
	font-family: 'proxima';
	font-size: 10px;
	letter-spacing: 4px;
	margin: 0;
	padding: 0;
}
figure a{text-decoration: none;}























/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------------- FREESURF -----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


/* -- AVRIL 2023 -- */

.fs_2023_05{
			background-image: url(images/freesurf/fs_2023_05_01_web/fs_2023_05_01_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2023_05_18 {background-image:  url(images/freesurf/fs_2023_05_18_web/fs_2023_05_18_1_.jpg); }
		.fs_2023_05_17 {background-image:  url(images/freesurf/fs_2023_05_17_web/fs_2023_05_17_1_.jpg); }
		.fs_2023_05_16 {background-image:  url(images/freesurf/fs_2023_05_16_web/fs_2023_05_16_1_.jpg); }
		.fs_2023_05_14 {background-image:  url(images/freesurf/fs_2023_05_14_web/fs_2023_05_14_1_.jpg); }
		.fs_2023_05_08 {background-image:  url(images/freesurf/fs_2023_05_08_web/fs_2023_05_08_1_.jpg); }
		.fs_2023_05_07 {background-image:  url(images/freesurf/fs_2023_05_07_web/fs_2023_05_07_1_.jpg); }
		.fs_2023_05_05 {background-image:  url(images/freesurf/fs_2023_05_05_web/fs_2023_05_05_1_.jpg); }
		.fs_2023_05_04 {background-image:  url(images/freesurf/fs_2023_05_04_web/fs_2023_05_04_1_.jpg); }
		.fs_2023_05_01 {background-image:  url(images/freesurf/fs_2023_05_01_web/fs_2023_05_01_1_.jpg); }


/* -- AVRIL 2023 -- */

.fs_2023_04{
			background-image: url(images/freesurf/fs_2023_04_03_web/fs_2023_04_03_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2023_04_27 {background-image:  url(images/freesurf/fs_2023_04_27_web/fs_2023_04_27_1_.jpg); }
		.fs_2023_04_26 {background-image:  url(images/freesurf/fs_2023_04_26_web/fs_2023_04_26_1_.jpg); }
		.fs_2023_04_24 {background-image:  url(images/freesurf/fs_2023_04_24_web/fs_2023_04_24_1_.jpg); }
		.fs_2023_04_21 {background-image:  url(images/freesurf/fs_2023_04_21_web/fs_2023_04_21_1_.jpg); }
		.fs_2023_04_19 {background-image:  url(images/freesurf/fs_2023_04_19_web/fs_2023_04_19_1_.jpg); }
		.fs_2023_04_16 {background-image:  url(images/freesurf/fs_2023_04_16_web/fs_2023_04_16_1_.jpg); }
		.fs_2023_04_11 {background-image:  url(images/freesurf/fs_2023_04_11_web/fs_2023_04_11_1_.jpg); }
		.fs_2023_04_07 {background-image:  url(images/freesurf/fs_2023_04_07_web/fs_2023_04_07_1_.jpg); }
		.fs_2023_04_06 {background-image:  url(images/freesurf/fs_2023_04_06_web/fs_2023_04_06_1_.jpg); }
		.fs_2023_04_05 {background-image:  url(images/freesurf/fs_2023_04_05_web/fs_2023_04_05_1_.jpg); }
		.fs_2023_04_03 {background-image:  url(images/freesurf/fs_2023_04_03_web/fs_2023_04_03_1_.jpg); }




/* -- MARS 2023 -- */

.fs_2023_03{
			background-image: url(images/freesurf/fs_2023_03_01_web/fs_2023_03_01_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2023_03_29 {background-image:  url(images/freesurf/fs_2023_03_29_web/fs_2023_03_29_1_.jpg); }
		.fs_2023_03_28 {background-image:  url(images/freesurf/fs_2023_03_28_web/fs_2023_03_28_1_.jpg); }
		.fs_2023_03_23 {background-image:  url(images/freesurf/fs_2023_03_23_web/fs_2023_03_23_1_.jpg); }
		.fs_2023_03_22 {background-image:  url(images/freesurf/fs_2023_03_22_web/fs_2023_03_22_1_.jpg); }
		.fs_2023_03_20 {background-image:  url(images/freesurf/fs_2023_03_20_web/fs_2023_03_20_1_.jpg); }
		.fs_2023_03_17 {background-image:  url(images/freesurf/fs_2023_03_17_web/fs_2023_03_17_1_.jpg); }
		.fs_2023_03_09 {background-image:  url(images/freesurf/fs_2023_03_09_web/fs_2023_03_09_1_.jpg); }
		.fs_2023_03_08 {background-image:  url(images/freesurf/fs_2023_03_08_web/fs_2023_03_08_1_.jpg); }
		.fs_2023_03_05 {background-image:  url(images/freesurf/fs_2023_03_05_web/fs_2023_03_05_1_.jpg); }
		.fs_2023_03_04 {background-image:  url(images/freesurf/fs_2023_03_04_web/fs_2023_03_04_1_.jpg); }
		.fs_2023_03_01 {background-image:  url(images/freesurf/fs_2023_03_01_web/fs_2023_03_01_1_.jpg); }




/* -- FEVRIER 2023 -- */

.fs_2023_02{
			background-image: url(images/freesurf/fs_2023_02_02_web/fs_2023_02_02_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2023_02_25 {background-image:  url(images/freesurf/fs_2023_02_25_web/fs_2023_02_25_1_.jpg); }
		.fs_2023_02_24 {background-image:  url(images/freesurf/fs_2023_02_24_web/fs_2023_02_24_1_.jpg); }
		.fs_2023_02_22 {background-image:  url(images/freesurf/fs_2023_02_22_web/fs_2023_02_22_1_.jpg); }
		.fs_2023_02_19 {background-image:  url(images/freesurf/fs_2023_02_19_web/fs_2023_02_19_1_.jpg); }
		.fs_2023_02_16 {background-image:  url(images/freesurf/fs_2023_02_16_web/fs_2023_02_16_1_.jpg); }
		.fs_2023_02_15 {background-image:  url(images/freesurf/fs_2023_02_15_web/fs_2023_02_15_1_.jpg); }
		.fs_2023_02_13 {background-image:  url(images/freesurf/fs_2023_02_13_web/fs_2023_02_13_1_.jpg); }
		.fs_2023_02_11 {background-image:  url(images/freesurf/fs_2023_02_11_web/fs_2023_02_11_1_.jpg); }
		.fs_2023_02_10 {background-image:  url(images/freesurf/fs_2023_02_10_web/fs_2023_02_10_1_.jpg); }
		.fs_2023_02_09 {background-image:  url(images/freesurf/fs_2023_02_09_web/fs_2023_02_09_1_.jpg); }
		.fs_2023_02_06 {background-image:  url(images/freesurf/fs_2023_02_06_web/fs_2023_02_06_1_.jpg); }
		.fs_2023_02_05 {background-image:  url(images/freesurf/fs_2023_02_05_web/fs_2023_02_05_1_.jpg); }
		.fs_2023_02_03 {background-image:  url(images/freesurf/fs_2023_02_03_web/fs_2023_02_03_1_.jpg); }
		.fs_2023_02_02 {background-image:  url(images/freesurf/fs_2023_02_02_web/fs_2023_02_02_1_.jpg); }
		.fs_2023_02_01 {background-image:  url(images/freesurf/fs_2023_02_01_web/fs_2023_02_01_1_.jpg); }

/* -- JANVIER 2023 -- */

.fs_2023_01{
			background-image: url(images/freesurf/fs_2023_01_02_web/fs_2023_01_02_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2023_01_30 {background-image:  url(images/freesurf/fs_2023_01_30_web/fs_2023_01_30_1_.jpg); }
		.fs_2023_01_27 {background-image:  url(images/freesurf/fs_2023_01_27_web/fs_2023_01_27_1_.jpg); }
		.fs_2023_01_26 {background-image:  url(images/freesurf/fs_2023_01_26_web/fs_2023_01_26_1_.jpg); }
		.fs_2023_01_25 {background-image:  url(images/freesurf/fs_2023_01_25_web/fs_2023_01_25_1_.jpg); }
		.fs_2023_01_23 {background-image:  url(images/freesurf/fs_2023_01_23_web/fs_2023_01_23_1_.jpg); }
		.fs_2023_01_22 {background-image:  url(images/freesurf/fs_2023_01_22_web/fs_2023_01_22_1_.jpg); }
		.fs_2023_01_21 {background-image:  url(images/freesurf/fs_2023_01_21_web/fs_2023_01_21_1_.jpg); }
		.fs_2023_01_07 {background-image:  url(images/freesurf/fs_2023_01_07_web/fs_2023_01_07_1_.jpg); }
		.fs_2023_01_06 {background-image:  url(images/freesurf/fs_2023_01_06_web/fs_2023_01_06_1_.jpg); }
		.fs_2023_01_05 {background-image:  url(images/freesurf/fs_2023_01_05_web/fs_2023_01_05_1_.jpg); }
		.fs_2023_01_04 {background-image:  url(images/freesurf/fs_2023_01_04_web/fs_2023_01_04_1_.jpg); }
		.fs_2023_01_03 {background-image:  url(images/freesurf/fs_2023_01_03_web/fs_2023_01_03_1_.jpg); }
		.fs_2023_01_02 {background-image:  url(images/freesurf/fs_2023_01_02_web/fs_2023_01_02_1_.jpg); }




/* -- DECEMBRE 2022 -- */

.fs_2022_12{
			background-image: url(images/freesurf/fs_2022_12_14_web/fs_2022_12_14_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2022_12_28 {background-image:  url(images/freesurf/fs_2022_12_28_web/fs_2022_12_28_1_.jpg); }
		.fs_2022_12_27 {background-image:  url(images/freesurf/fs_2022_12_27_web/fs_2022_12_27_1_.jpg); }
		.fs_2022_12_26 {background-image:  url(images/freesurf/fs_2022_12_26_web/fs_2022_12_26_1_.jpg); }
		.fs_2022_12_24 {background-image:  url(images/freesurf/fs_2022_12_24_web/fs_2022_12_24_1_.jpg); }
		.fs_2022_12_21 {background-image:  url(images/freesurf/fs_2022_12_21_web/fs_2022_12_21_1_.jpg); }
		.fs_2022_12_20 {background-image:  url(images/freesurf/fs_2022_12_20_web/fs_2022_12_20_1_.jpg); }
		.fs_2022_12_19 {background-image:  url(images/freesurf/fs_2022_12_19_web/fs_2022_12_19_1_.jpg); }
		.fs_2022_12_15 {background-image:  url(images/freesurf/fs_2022_12_15_web/fs_2022_12_15_1_.jpg); }
		.fs_2022_12_14 {background-image:  url(images/freesurf/fs_2022_12_14_web/fs_2022_12_14_1_.jpg); }
		.fs_2022_12_13 {background-image:  url(images/freesurf/fs_2022_12_13_web/fs_2022_12_13_1_.jpg); }
		.fs_2022_12_05 {background-image:  url(images/freesurf/fs_2022_12_05_web/fs_2022_12_05_1_.jpg); }
		.fs_2022_12_04 {background-image:  url(images/freesurf/fs_2022_12_04_web/fs_2022_12_04_1_.jpg); }
		.fs_2022_12_01 {background-image:  url(images/freesurf/fs_2022_12_01_web/fs_2022_12_01_1_.jpg); }


/* -- NOVEMBRE 2022 -- */

	.fs_2022_11{
			background-image: url(images/freesurf/fs_2022_11_13_web/fs_2022_11_13_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2022_11_30 {background-image:  url(images/freesurf/fs_2022_11_30_web/fs_2022_11_30_1_.jpg); }
		.fs_2022_11_27 {background-image:  url(images/freesurf/fs_2022_11_27_web/fs_2022_11_27_1_.jpg); }
		.fs_2022_11_15 {background-image:  url(images/freesurf/fs_2022_11_15_web/fs_2022_11_15_1_.jpg); }
		.fs_2022_11_13 {background-image:  url(images/freesurf/fs_2022_11_13_web/fs_2022_11_13_1_.jpg); }
		.fs_2022_11_12 {background-image:  url(images/freesurf/fs_2022_11_12_web/fs_2022_11_12_1_.jpg); }
		.fs_2022_11_11 {background-image:  url(images/freesurf/fs_2022_11_11_web/fs_2022_11_11_1_.jpg); }
		.fs_2022_11_10 {background-image:  url(images/freesurf/fs_2022_11_10_web/fs_2022_11_10_1_.jpg); }
		.fs_2022_11_06 {background-image:  url(images/freesurf/fs_2022_11_06_web/fs_2022_11_06_1_.jpg); }
		.fs_2022_11_01 {background-image:  url(images/freesurf/fs_2022_11_01_web/fs_2022_11_01_1_.jpg); }


/* -- OCTOBRE 2022 -- */

	.fs_2022_10{
			background-image: url(images/freesurf/fs_2022_10_03_web/fs_2022_10_03_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2022_10_27 {background-image:  url(images/freesurf/fs_2022_10_27_web/fs_2022_10_27_1_.jpg); }
		.fs_2022_10_26 {background-image:  url(images/freesurf/fs_2022_10_26_web/fs_2022_10_26_1_.jpg); }
		.fs_2022_10_25 {background-image:  url(images/freesurf/fs_2022_10_25_web/fs_2022_10_25_1_.jpg); }
		.fs_2022_10_24 {background-image:  url(images/freesurf/fs_2022_10_24_web/fs_2022_10_24_1_.jpg); }
		.fs_2022_10_23 {background-image:  url(images/freesurf/fs_2022_10_23_web/fs_2022_10_23_1_.jpg); }
		.fs_2022_10_22 {background-image:  url(images/freesurf/fs_2022_10_22_web/fs_2022_10_22_1_.jpg); }
		.fs_2022_10_21 {background-image:  url(images/freesurf/fs_2022_10_21_web/fs_2022_10_21_1_.jpg); }
		.fs_2022_10_20 {background-image:  url(images/freesurf/fs_2022_10_20_web/fs_2022_10_20_1_.jpg); }
		.fs_2022_10_19 {background-image:  url(images/freesurf/fs_2022_10_19_web/fs_2022_10_19_1_.jpg); }
		.fs_2022_10_18 {background-image:  url(images/freesurf/fs_2022_10_18_web/fs_2022_10_18_1_.jpg); }
		.fs_2022_10_17 {background-image:  url(images/freesurf/fs_2022_10_17_web/fs_2022_10_17_1_.jpg); }
		.fs_2022_10_15 {background-image:  url(images/freesurf/fs_2022_10_15_web/fs_2022_10_15_1_.jpg); }
		.fs_2022_10_13 {background-image:  url(images/freesurf/fs_2022_10_13_web/fs_2022_10_13_1_.jpg); }
		.fs_2022_10_12 {background-image:  url(images/freesurf/fs_2022_10_12_web/fs_2022_10_12_1_.jpg); }
		.fs_2022_10_11 {background-image:  url(images/freesurf/fs_2022_10_11_web/fs_2022_10_11_1_.jpg); }
		.fs_2022_10_09 {background-image:  url(images/freesurf/fs_2022_10_09_web/fs_2022_10_09_1_.jpg); }
		.fs_2022_10_05 {background-image:  url(images/freesurf/fs_2022_10_05_web/fs_2022_10_05_1_.jpg); }
		.fs_2022_10_03 {background-image:  url(images/freesurf/fs_2022_10_03_web/fs_2022_10_03_1_.jpg); }
		.fs_2022_10_02 {background-image:  url(images/freesurf/fs_2022_10_02_web/fs_2022_10_02_1_.jpg); }


/* -- SEPTEMBRE 2022 -- */

	.fs_2022_09{
			background-image: url(images/freesurf/fs_2022_09_04_web/fs_2022_09_04_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2022_09_26 {background-image:  url(images/freesurf/fs_2022_09_26_web/fs_2022_09_26_1_.jpg); }
		.fs_2022_09_23 {background-image:  url(images/freesurf/fs_2022_09_23_web/fs_2022_09_23_1_.jpg); }
		.fs_2022_09_22 {background-image:  url(images/freesurf/fs_2022_09_22_web/fs_2022_09_22_1_.jpg); }
		.fs_2022_09_18 {background-image:  url(images/freesurf/fs_2022_09_18_web/fs_2022_09_18_1_.jpg); }
		.fs_2022_09_17 {background-image:  url(images/freesurf/fs_2022_09_17_web/fs_2022_09_17_1_.jpg); }
		.fs_2022_09_15 {background-image:  url(images/freesurf/fs_2022_09_15_web/fs_2022_09_15_1_.jpg); }
		.fs_2022_09_14 {background-image:  url(images/freesurf/fs_2022_09_14_web/fs_2022_09_14_1_.jpg); }
		.fs_2022_09_13 {background-image:  url(images/freesurf/fs_2022_09_13_web/fs_2022_09_13_1_.jpg); }
		.fs_2022_09_12 {background-image:  url(images/freesurf/fs_2022_09_12_web/fs_2022_09_12_1_.jpg); }
		.fs_2022_09_11 {background-image:  url(images/freesurf/fs_2022_09_11_web/fs_2022_09_11_1_.jpg); }
		.fs_2022_09_10 {background-image:  url(images/freesurf/fs_2022_09_10_web/fs_2022_09_10_1_.jpg); }
		.fs_2022_09_08 {background-image:  url(images/freesurf/fs_2022_09_08_web/fs_2022_09_08_1_.jpg); }
		.fs_2022_09_07 {background-image:  url(images/freesurf/fs_2022_09_07_web/fs_2022_09_07_1_.jpg); }
		.fs_2022_09_06 {background-image:  url(images/freesurf/fs_2022_09_06_web/fs_2022_09_06_1_.jpg); }
		.fs_2022_09_05 {background-image:  url(images/freesurf/fs_2022_09_05_web/fs_2022_09_05_1_.jpg); }
		.fs_2022_09_04 {background-image:  url(images/freesurf/fs_2022_09_04_web/fs_2022_09_04_1_.jpg); }


/* -- AOUT 2022 -- */

	.fs_2022_08{
			background-image: url(images/freesurf/fs_2022_08_04_web/fs_2022_08_04_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2022_08_31 {background-image:  url(images/freesurf/fs_2022_08_31_web/fs_2022_08_31_1_.jpg); }
		.fs_2022_08_30 {background-image:  url(images/freesurf/fs_2022_08_30_web/fs_2022_08_30_1_.jpg); }
		.fs_2022_08_28 {background-image:  url(images/freesurf/fs_2022_08_28_web/fs_2022_08_28_1_.jpg); }
		.fs_2022_08_27 {background-image:  url(images/freesurf/fs_2022_08_27_web/fs_2022_08_27_1_.jpg); }
		.fs_2022_08_26 {background-image:  url(images/freesurf/fs_2022_08_26_web/fs_2022_08_26_1_.jpg); }
		.fs_2022_08_25 {background-image:  url(images/freesurf/fs_2022_08_25_web/fs_2022_08_25_1_.jpg); }
		.fs_2022_08_24 {background-image:  url(images/freesurf/fs_2022_08_24_web/fs_2022_08_24_1_.jpg); }
		.fs_2022_08_23 {background-image:  url(images/freesurf/fs_2022_08_23_web/fs_2022_08_23_1_.jpg); }
		.fs_2022_08_21 {background-image:  url(images/freesurf/fs_2022_08_21_web/fs_2022_08_21_1_.jpg); }
		.fs_2022_08_20 {background-image:  url(images/freesurf/fs_2022_08_20_web/fs_2022_08_20_1_.jpg); }
		.fs_2022_08_19 {background-image:  url(images/freesurf/fs_2022_08_19_web/fs_2022_08_19_1_.jpg); }
		.fs_2022_08_17 {background-image:  url(images/freesurf/fs_2022_08_17_web/fs_2022_08_17_1_.jpg); }
		.fs_2022_08_16 {background-image:  url(images/freesurf/fs_2022_08_16_web/fs_2022_08_16_1_.jpg); }
		.fs_2022_08_15 {background-image:  url(images/freesurf/fs_2022_08_15_web/fs_2022_08_15_1_.jpg); }
		.fs_2022_08_14 {background-image:  url(images/freesurf/fs_2022_08_14_web/fs_2022_08_14_1_.jpg); }
		.fs_2022_08_13 {background-image:  url(images/freesurf/fs_2022_08_13_web/fs_2022_08_13_1_.jpg); }
		.fs_2022_08_12 {background-image:  url(images/freesurf/fs_2022_08_12_web/fs_2022_08_12_1_.jpg); }
		.fs_2022_08_11 {background-image:  url(images/freesurf/fs_2022_08_11_web/fs_2022_08_11_1_.jpg); }
		.fs_2022_08_10 {background-image:  url(images/freesurf/fs_2022_08_10_web/fs_2022_08_10_1_.jpg); }
		.fs_2022_08_09 {background-image:  url(images/freesurf/fs_2022_08_09_web/fs_2022_08_09_1_.jpg); }
		.fs_2022_08_08 {background-image:  url(images/freesurf/fs_2022_08_08_web/fs_2022_08_08_1_.jpg); }
		.fs_2022_08_05 {background-image:  url(images/freesurf/fs_2022_08_05_web/fs_2022_08_05_1_.jpg); }
		.fs_2022_08_04 {background-image:  url(images/freesurf/fs_2022_08_04_web/fs_2022_08_04_1_.jpg); }



/* -- JUILLET 2022 -- */

	.fs_2022_07{
			background-image: url(images/freesurf/fs_2022_07_01_web/fs_2022_07_01_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2022_07_28 {background-image:  url(images/freesurf/fs_2022_07_28_web/fs_2022_07_28_1_.jpg); }
		.fs_2022_07_27 {background-image:  url(images/freesurf/fs_2022_07_27_web/fs_2022_07_27_1_.jpg); }
		.fs_2022_07_26 {background-image:  url(images/freesurf/fs_2022_07_26_web/fs_2022_07_26_1_.jpg); }
		.fs_2022_07_25 {background-image:  url(images/freesurf/fs_2022_07_25_web/fs_2022_07_25_1_.jpg); }
		.fs_2022_07_24 {background-image:  url(images/freesurf/fs_2022_07_24_web/fs_2022_07_24_1_.jpg); }
		.fs_2022_07_23 {background-image:  url(images/freesurf/fs_2022_07_23_web/fs_2022_07_23_1_.jpg); }
		.fs_2022_07_21 {background-image:  url(images/freesurf/fs_2022_07_21_web/fs_2022_07_21_1_.jpg); }
		.fs_2022_07_20 {background-image:  url(images/freesurf/fs_2022_07_20_web/fs_2022_07_20_1_.jpg); }
		.fs_2022_07_19 {background-image:  url(images/freesurf/fs_2022_07_19_web/fs_2022_07_19_1_.jpg); }
		.fs_2022_07_15 {background-image:  url(images/freesurf/fs_2022_07_15_web/fs_2022_07_15_1_.jpg); }
		.fs_2022_07_14 {background-image:  url(images/freesurf/fs_2022_07_14_web/fs_2022_07_14_1_.jpg); }
		.fs_2022_07_13 {background-image:  url(images/freesurf/fs_2022_07_13_web/fs_2022_07_13_1_.jpg); }
		.fs_2022_07_12 {background-image:  url(images/freesurf/fs_2022_07_12_web/fs_2022_07_12_1_.jpg); }
		.fs_2022_07_07 {background-image:  url(images/freesurf/fs_2022_07_07_web/fs_2022_07_07_1_.jpg); }
		.fs_2022_07_06 {background-image:  url(images/freesurf/fs_2022_07_06_web/fs_2022_07_06_1_.jpg); }
		.fs_2022_07_05 {background-image:  url(images/freesurf/fs_2022_07_05_web/fs_2022_07_05_1_.jpg); }
		.fs_2022_07_02 {background-image:  url(images/freesurf/fs_2022_07_02_web/fs_2022_07_02_1_.jpg); }
		.fs_2022_07_01 {background-image:  url(images/freesurf/fs_2022_07_01_web/fs_2022_07_01_1_.jpg); }


/* -- JUIN 2022 -- */

	.fs_2022_06{
			background-image: url(images/freesurf/fs_2022_06_07_web/fs_2022_06_07_1_.png);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2022_06_29 {background-image:  url(images/freesurf/fs_2022_06_29_web/fs_2022_06_29_1_.jpg); }
		.fs_2022_06_28 {background-image:  url(images/freesurf/fs_2022_06_28_web/fs_2022_06_28_1_.jpg); }
		.fs_2022_06_26 {background-image:  url(images/freesurf/fs_2022_06_26_web/fs_2022_06_26_1_.jpg); }
		.fs_2022_06_24 {background-image:  url(images/freesurf/fs_2022_06_24_web/fs_2022_06_24_1_.jpg); }
		.fs_2022_06_19 {background-image:  url(images/freesurf/fs_2022_06_19_web/fs_2022_06_19_1_.jpg); }
		.fs_2022_06_18 {background-image:  url(images/freesurf/fs_2022_06_18_web/fs_2022_06_18_1_.jpg); }
		.fs_2022_06_17 {background-image:  url(images/freesurf/fs_2022_06_17_web/fs_2022_06_17_1_.jpg); }
		.fs_2022_06_16 {background-image:  url(images/freesurf/fs_2022_06_16_web/fs_2022_06_16_1_.jpg); }
		.fs_2022_06_15 {background-image:  url(images/freesurf/fs_2022_06_15_web/fs_2022_06_15_1_.jpg); }
		.fs_2022_06_14 {background-image:  url(images/freesurf/fs_2022_06_14_web/fs_2022_06_14_1_.jpg); }
		.fs_2022_06_13 {background-image:  url(images/freesurf/fs_2022_06_13_web/fs_2022_06_13_1_.jpg); }
		.fs_2022_06_12 {background-image:  url(images/freesurf/fs_2022_06_12_web/fs_2022_06_12_1_.jpg); }
		.fs_2022_06_09 {background-image:  url(images/freesurf/fs_2022_06_09_web/fs_2022_06_09_1_.jpg); }
		.fs_2022_06_07 {background-image:  url(images/freesurf/fs_2022_06_07_web/fs_2022_06_07_1_.png); }
		

/* -- MAI 2022 -- */

	.fs_2022_05{
			background-image: url(images/freesurf/fs_2022_05_15_web/fs_2022_05_15_1_.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

		.fs_2022_05_30 {background-image:  url(images/freesurf/fs_2022_05_30_web/fs_2022_05_30_1_.jpg); }
		.fs_2022_05_29 {background-image:  url(images/freesurf/fs_2022_05_29_web/fs_2022_05_29_1_.jpg); }
		.fs_2022_05_28 {background-image:  url(images/freesurf/fs_2022_05_28_web/fs_2022_05_28_1_.jpg); }		
		.fs_2022_05_27 {background-image:  url(images/freesurf/fs_2022_05_27_web/fs_2022_05_27_1_.jpg); }
		.fs_2022_05_26 {background-image:  url(images/freesurf/fs_2022_05_26_web/fs_2022_05_26_1_.jpg); }
		.fs_2022_05_25 {background-image:  url(images/freesurf/fs_2022_05_25_web/fs_2022_05_25_1_.jpg); }
		.fs_2022_05_22 {background-image:  url(images/freesurf/fs_2022_05_22_web/fs_2022_05_22_1_.jpg); }
		.fs_2022_05_21 {background-image:  url(images/freesurf/fs_2022_05_21_web/fs_2022_05_21_1_.jpg); }
		.fs_2022_05_19 {background-image:  url(images/freesurf/fs_2022_05_19_web/fs_2022_05_19_1_.jpg); }
		.fs_2022_05_18 {background-image:  url(images/freesurf/fs_2022_05_18_web/fs_2022_05_18_1_.jpg); }
		.fs_2022_05_17 {background-image:  url(images/freesurf/fs_2022_05_17_web/fs_2022_05_17_1_.jpg); }
		.fs_2022_05_16 {background-image:  url(images/freesurf/fs_2022_05_16_web/fs_2022_05_16_1_.jpg); }
		.fs_2022_05_15 {background-image:  url(images/freesurf/fs_2022_05_15_web/fs_2022_05_15_1_.jpg); }
		.fs_2022_05_12 {background-image:  url(images/freesurf/fs_2022_05_12_web/fs_2022_05_12_1_.jpg); }
		.fs_2022_05_11 {background-image:  url(images/freesurf/fs_2022_05_11_web/fs_2022_05_11_1_.jpg); }

/* -- AVRIL 2022 -- */

	.fs_2022_04{
		background-image: url(images/freesurf/fs_2022_04_24_web/fs_2022_04_24_1_.jpg);
		background-size: cover;
		background-position: center;
			
		}

		.fs_2022_04_26 {background-image: url(images/freesurf/fs_2022_04_26_web/fs_2022_04_26_1_.jpg); }
		.fs_2022_04_25 {background-image: url(images/freesurf/fs_2022_04_25_web/fs_2022_04_25_1_.jpg); }
		.fs_2022_04_24 {background-image: url(images/freesurf/fs_2022_04_24_web/fs_2022_04_24_1_.jpg);}
		.fs_2022_04_22 {background-image: url(images/freesurf/fs_2022_04_22_web/fs_2022_04_22_1_.jpg); }
		.fs_2022_04_18 {background-image: url(images/freesurf/fs_2022_04_18_web/fs_2022_04_18_1.jpg); }
		.fs_2022_04_13 {background-image: url(images/freesurf/fs_2022_04_13_web/fs_2022_04_13_1_.jpg); }
		.fs_2022_04_12 {background-image: url(images/freesurf/fs_2022_04_12_web/fs_2022_04_12_1_.jpg); }
		.fs_2022_04_10 {background-image: url(images/freesurf/fs_2022_04_10_web/fs_2022_04_10_1_.jpg); }
	

/* -- MARS 2022 ---------------------------------------------------------------------------------- */

	.fs_2022_03{
		background-image: url(images/freesurf/fs_2022_03_25_web/fs_2022_03_25_1_.jpg);
		background-size: cover;
		background-position: center;
			
		}

	.fs_2022_03_25 {background-image: url(images/freesurf/fs_2022_03_25_web/fs_2022_03_25_1_.jpg); }
	.fs_2022_03_24 {background-image: url(images/freesurf/fs_2022_03_24_web/fs_2022_03_24_1_.jpg); }
	.fs_2022_03_23 {background-image: url(images/freesurf/fs_2022_03_23_web/fs_2022_03_23_1_.jpg); }
	.fs_2022_03_22 {background-image: url(images/freesurf/fs_2022_03_22_web/fs_2022_03_22_1_.jpg);}
	.fs_2022_03_21 {background-image: url(images/freesurf/fs_2022_03_21_web/fs_2022_03_21_1_.jpg);}
	.fs_2022_03_19 {background-image: url(images/freesurf/fs_2022_03_19_web/fs_2022_03_19_1_.jpg);}
	.fs_2022_03_15 {background-image: url(images/freesurf/fs_2022_03_15_web/fs_2022_03_15_1_.jpg); }
	.fs_2022_03_14 {background-image: url(images/freesurf/fs_2022_03_14_web/fs_2022_03_14_1_.jpg); }
	.fs_2022_03_12 {background-image: url(images/freesurf/fs_2022_03_12_web/fs_2022_03_12_1_.jpg);}
	.fs_2022_03_11 {background-image: url(images/freesurf/fs_2022_03_11_web/fs_2022_03_11_1_.jpg);}
	.fs_2022_03_10 {background-image: url(images/freesurf/fs_2022_03_10_web/fs_2022_03_10_1_.jpg);}
	.fs_2022_03_09 {background-image: url(images/freesurf/fs_2022_03_09_web/fs_2022_03_09_1_.jpg);}
	.fs_2022_03_06 {background-image: url(images/freesurf/fs_2022_03_06_web/fs_2022_03_06_1_.jpg);}
	
/* -- FEVRIER 2022 -- */
	
	.fs_2022_02{
			background-image: url(images/freesurf/fs_2022_02_27_web/fs_2022_02_27_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	.fs_2022_02_27 {background-image:  url(images/freesurf/fs_2022_02_27_web/fs_2022_02_27_1_.jpg);}
	.fs_2022_02_26 {background-image:  url(images/freesurf/fs_2022_02_26_web/fs_2022_02_26_1_.jpg);}
	.fs_2022_02_13 {background-image:  url(images/freesurf/fs_2022_02_13_web/fs_2022_02_13_1_.jpg);}	
	.fs_2022_02_08 {background-image:  url(images/freesurf/fs_2022_02_08_web/fs_2022_02_08_1_.jpg);}
	.fs_2022_02_06 {background-image:  url(images/freesurf/fs_2022_02_06_web/fs_2022_02_06_1_.jpg);}
	.fs_2022_02_05 {background-image:  url(images/freesurf/fs_2022_02_05_web/fs_2022_02_05_1_.jpg);}
	.fs_2022_02_03 {background-image:  url(images/freesurf/fs_2022_02_03_web/fs_2022_02_03_1_.jpg);}
	.fs_2022_02_02 {background-image:  url(images/freesurf/fs_2022_02_02_web/fs_2022_02_02_1_.jpg);}
	.fs_2022_02_01 {background-image:  url(images/freesurf/fs_2022_02_01_web/fs_2022_02_01_1_.jpg);}

/* -- JANVIER 2022 -- */

	.fs_2022_01{
			background-image: url(images/freesurf/fs_2022_01_20_web/fs_2022_01_20_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	.fs_2022_01_26 {background-image:  url(images/freesurf/fs_2022_01_26_web/fs_2022_01_26_1_.jpg);}
	.fs_2022_01_25 {background-image:  url(images/freesurf/fs_2022_01_25_web/fs_2022_01_25_1_.jpg);}
	.fs_2022_01_24 {background-image:  url(images/freesurf/fs_2022_01_24_web/fs_2022_01_24_1_.jpg);}
	.fs_2022_01_22 {background-image:  url(images/freesurf/fs_2022_01_22_web/fs_2022_01_22_1_.jpg);}
	.fs_2022_01_21 {background-image:  url(images/freesurf/fs_2022_01_21_web/fs_2022_01_21_1_.jpg);}
	.fs_2022_01_20 {background-image:  url(images/freesurf/fs_2022_01_20_web/fs_2022_01_20_1_.jpg);}
	.fs_2022_01_18 {background-image:  url(images/freesurf/fs_2022_01_18_web/fs_2022_01_18_1_.jpg);}
	.fs_2022_01_16 {background-image:  url(images/freesurf/fs_2022_01_16_web/fs_2022_01_16_1_.jpg);}
	.fs_2022_01_14 {background-image:  url(images/freesurf/fs_2022_01_14_web/fs_2022_01_14_1_.jpg);}
	.fs_2022_01_13 {background-image:  url(images/freesurf/fs_2022_01_13_web/fs_2022_01_13_1_.jpg);}
	.fs_2022_01_06 {background-image:  url(images/freesurf/fs_2022_01_06_web/fs_2022_01_06_1_.jpg);}
	.fs_2022_01_05 {background-image:  url(images/freesurf/fs_2022_01_05_web/fs_2022_01_05_1_.jpg);}
	.fs_2022_01_04 {background-image:  url(images/freesurf/fs_2022_01_04_web/fs_2022_01_04_1_.jpg);}
	.fs_2022_01_03 {background-image:  url(images/freesurf/fs_2022_01_03_web/fs_2022_01_03_1_.jpg);}
	.fs_2022_01_02 {background-image:  url(images/freesurf/fs_2022_01_02_web/fs_2022_01_02_1_.jpg);}

/* -- DECEMBRE 2021 -- */

	.fs_2021_12{
			background-image: url(images/freesurf/fs_2021_12_30_web/fs_2021_12_30_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	.fs_2021_12_30 {background-image:  url(images/freesurf/fs_2021_12_30_web/fs_2021_12_30_1_.jpg);}
	.fs_2021_12_29 {background-image:  url(images/freesurf/fs_2021_12_29_web/fs_2021_12_29_1_.jpg);}
	.fs_2021_12_26 {background-image:  url(images/freesurf/fs_2021_12_26_web/fs_2021_12_26_1_.jpg);}
	.fs_2021_12_23 {background-image:  url(images/freesurf/fs_2021_12_23_web/fs_2021_12_23_1_.jpg);}
	.fs_2021_12_20 {background-image:  url(images/freesurf/fs_2021_12_20_web/fs_2021_12_20_1_.jpg);}
	.fs_2021_12_17 {background-image:  url(images/freesurf/fs_2021_12_17_web/fs_2021_12_17_1_.jpg);}
	.fs_2021_12_16 {background-image:  url(images/freesurf/fs_2021_12_16_web/fs_2021_12_16_1_.jpg);}
	.fs_2021_12_14 {background-image:  url(images/freesurf/fs_2021_12_14_web/fs_2021_12_14_1_.jpg);}

/* -- NOVEMBRE 2021 -- */

	.fs_2021_11{
			background-image: url(images/freesurf/fs_2021_11_06_web/fs_2021_11_06_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	.fs_2021_11_19 {background-image:  url(images/freesurf/fs_2021_11_19_web/fs_2021_11_19_1_.jpg);}
	.fs_2021_11_18 {background-image:  url(images/freesurf/fs_2021_11_18_web/fs_2021_11_18_1_.jpg);}
	.fs_2021_11_11 {background-image:  url(images/freesurf/fs_2021_11_11_web/fs_2021_11_11_1_.jpg);}
	.fs_2021_11_06 {background-image:  url(images/freesurf/fs_2021_11_06_web/fs_2021_11_06_1_.jpg);}

/* -- OCTOBRE 2021 -- */

	.fs_2021_10{
			background-image: url(images/freesurf/fs_2021_10_19_web/fs_2021_10_19_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	.fs_2021_10_28 {background-image:  url(images/freesurf/fs_2021_10_28_web/fs_2021_10_28_1_.jpg);}
	.fs_2021_10_27 {background-image:  url(images/freesurf/fs_2021_10_27_web/fs_2021_10_27_1_.jpg);}
	.fs_2021_10_26 {background-image:  url(images/freesurf/fs_2021_10_26_web/fs_2021_10_26_1_.jpg);}
	.fs_2021_10_25 {background-image:  url(images/freesurf/fs_2021_10_25_web/fs_2021_10_25_1_.jpg);}
	.fs_2021_10_20 {background-image:  url(images/freesurf/fs_2021_10_20_web/fs_2021_10_20_1_.jpg);}
	.fs_2021_10_19 {background-image:  url(images/freesurf/fs_2021_10_19_web/fs_2021_10_19_1_.jpg);}
	.fs_2021_10_12 {background-image:  url(images/freesurf/fs_2021_10_12_web/fs_2021_10_12_1_.jpg);}
	.fs_2021_10_11 {background-image:  url(images/freesurf/fs_2021_10_11_web/fs_2021_10_11_1_.jpg);}
	.fs_2021_10_09 {background-image:  url(images/freesurf/fs_2021_10_09_web/fs_2021_10_09_1_.jpg);}
	.fs_2021_10_08 {background-image:  url(images/freesurf/fs_2021_10_08_web/fs_2021_10_08_1_.jpg);}
	.fs_2021_10_07 {background-image:  url(images/freesurf/fs_2021_10_07_web/fs_2021_10_07_1_.jpg);}
	.fs_2021_10_06 {background-image:  url(images/freesurf/fs_2021_10_06_web/fs_2021_10_06_1_.jpg);}
	.fs_2021_10_04 {background-image:  url(images/freesurf/fs_2021_10_04_web/fs_2021_10_04_1_.jpg);}
	.fs_2021_10_02 {background-image:  url(images/freesurf/fs_2021_10_02_web/fs_2021_10_02_1_.jpg);}




/* -- SEPTEMBRE 2021 -- */

	.fs_2021_09{
			background-image: url(images/freesurf/fs_2021_09_30_web/fs_2021_09_30_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	.fs_2021_09_30 {background-image:  url(images/freesurf/fs_2021_09_30_web/fs_2021_09_30_1_.jpg);}
	.fs_2021_09_28 {background-image:  url(images/freesurf/fs_2021_09_28_web/fs_2021_09_28_1_.jpg);}
	.fs_2021_09_26 {background-image:  url(images/freesurf/fs_2021_09_26_web/fs_2021_09_26_1_.jpg);}
	.fs_2021_09_25 {background-image:  url(images/freesurf/fs_2021_09_25_web/fs_2021_09_25_1_.jpg);}
	.fs_2021_09_22 {background-image:  url(images/freesurf/fs_2021_09_22_web/fs_2021_09_22_1_.jpg);}
	.fs_2021_09_21 {background-image:  url(images/freesurf/fs_2021_09_21_web/fs_2021_09_21_1_.jpg);}
	.fs_2021_09_17 {background-image:  url(images/freesurf/fs_2021_09_17_web/fs_2021_09_17_1_.jpg);}
	.fs_2021_09_16 {background-image:  url(images/freesurf/fs_2021_09_16_web/fs_2021_09_16_1_.jpg);}
	.fs_2021_09_15 {background-image:  url(images/freesurf/fs_2021_09_15_web/fs_2021_09_15_1_.jpg);}
	.fs_2021_09_14 {background-image:  url(images/freesurf/fs_2021_09_14_web/fs_2021_09_14_1_.jpg);}
	.fs_2021_09_13 {background-image:  url(images/freesurf/fs_2021_09_13_web/fs_2021_09_13_1_.jpg);}
	.fs_2021_09_12 {background-image:  url(images/freesurf/fs_2021_09_12_web/fs_2021_09_12_1_.jpg);}
	.fs_2021_09_10 {background-image:  url(images/freesurf/fs_2021_09_10_web/fs_2021_09_10_1_.jpg);}



/*---------------------------------------------------*/
/*------------------ AOUT 2021 ----------------------*/
/*---------------------------------------------------*/
	
	.fs_2021_08{
			background-image: url(images/freesurf/fs_2021_08_20_web/fs_2021_08_20_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	.fs_2021_08_20 {background-image:  url(images/freesurf/fs_2021_08_20_web/fs_2021_08_20_1_.jpg);}
	.fs_2021_08_19 {background-image:  url(images/freesurf/fs_2021_08_19_web/fs_2021_08_19_1_.jpg);}
	.fs_2021_08_15 {background-image:  url(images/freesurf/fs_2021_08_15_web/fs_2021_08_15_1_.jpg);}
	.fs_2021_08_14 {background-image:  url(images/freesurf/fs_2021_08_14_web/fs_2021_08_14_1_.jpg);}
	.fs_2021_08_11 {background-image:  url(images/freesurf/fs_2021_08_11_web/fs_2021_08_11_1_.jpg);}
	.fs_2021_08_08 {background-image:  url(images/freesurf/fs_2021_08_08_web/fs_2021_08_08_1_.jpg);}
	.fs_2021_08_05 {background-image:  url(images/freesurf/fs_2021_08_05_web/fs_2021_08_05_1_.jpg);}
	.fs_2021_08_02 {background-image:  url(images/freesurf/fs_2021_08_02_web/fs_2021_08_02_1_.jpg);}



/*---------------------------------------------------*/
/*------------------ JUILLET 2021 -------------------*/
/*---------------------------------------------------*/

	.fs_2021_07{
			background-image: url(images/freesurf/fs_2021_07_30_web/fs_2021_07_30_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	.fs_2021_07_30 {background-image:  url(images/freesurf/fs_2021_07_30_web/fs_2021_07_30_1_.jpg);}
	.fs_2021_07_26 {background-image:  url(images/freesurf/fs_2021_07_26_web/fs_2021_07_26_1_.jpg);}
	.fs_2021_07_17 {background-image:  url(images/freesurf/fs_2021_07_17_web/fs_2021_07_17_1_.jpg);}
	.fs_2021_07_14 {background-image:  url(images/freesurf/fs_2021_07_14_web/fs_2021_07_14_1_.jpg);}
	.fs_2021_07_09 {background-image:  url(images/freesurf/fs_2021_07_09_web/fs_2021_07_09_1_.jpg);}
	.fs_2021_07_08 {background-image:  url(images/freesurf/fs_2021_07_08_web/fs_2021_07_08_1_.jpg);}
	.fs_2021_07_06 {background-image:  url(images/freesurf/fs_2021_07_06_web/fs_2021_07_06_1_.jpg);}
	.fs_2021_07_05 {background-image:  url(images/freesurf/fs_2021_07_05_web/fs_2021_07_05_1_.jpg);}



	/*----------- 20 JUIN 2021 -------------------*/

	.fs_2021_06{
			background-image: url(images/freesurf/fs_2021_06_30_web/fs_2021_06_30_1_.JPG);
			background-size: cover;
			background-position: center;
			
		}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
/*-------------------------------------- 2020 --------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

	.fs_2020_09_14 {background-image:  url(images/freesurf/fs_2020_09_14_web/fs_2020_09_14_1_.jpg);}
	.fs_2020_09_13 {
		height: 300px;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 33.3333%;
		flex-basis: 300px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		background-image:  url(images/freesurf/fs_2020_09_13_web/fs_2020_09_13_3_.JPG); 
		background-size: cover; 
		background-position: center; 
		opacity: 0.7;
		color: white;
		text-decoration: none;
}	
	.fs_2020_08_27 {background-image:  url(images/freesurf/fs_2020_08_27_web/fs_2020_08_27_1_.jpg);}








































































/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--------------------------------- GRANDE PLAGE SURF CLUB ----------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	.gpsc_album{
		
		transition: 1s;
		
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: calc(100vh - 130px);
		overflow: hidden;
		overflow: scroll;
		
		border-radius: 10px;

		display: flex;
		flex-flow: row wrap;
		
	}
	.gpsc_album::-webkit-scrollbar{display: none;}

		.gpsc_room{
		width: 20%;
		height: 100%;
		background-color: black;
		background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url(images/gpsc_0035.JPG);
		background-position: 35%;
		background-size: cover;
		filter: grayscale();
			display: flex;
			flex-flow: row wrap;
			align-content: center;
			align-items: center;
		justify-content: center;
		position: relative;
		position: sticky;
		top: 0;
			
			text-align: center;
}
		.gpsc_room_intro{
			width: 100%;
			text-align: center;
			justify-content: center;
}
		.gpsc_room_intro h4{
		font-family: "morgian";
		text-transform: uppercase;
		letter-spacing: 5px;
		font-size: 25px;
		padding: 0;
		margin: 0;
		color: white;
		opacity: 0.8;
		
}
		.gpsc_room a{text-decoration: none; color: inherit}

		#selectionbar { 
		margin: 0;
		padding: 0;
		text-align: center;
		justify-content: center;
		
	}							
		.gpsc_room_intro img{
		width: 100px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
		
.link{font-family: gonjuring; font-size: 12px; letter-spacing: 3px;}

	/*
	#selectionbar p{
		font-family: "gonjuring";
		text-transform: uppercase;
		letter-spacing: 4px;
		font-size: 25px;
		padding: 0;
		margin: 0;
		color: white;
		opacity: 0.5;
		
}
	*/
	.selectionbar_surfclub{
		font-family: "morgian";
		text-transform: uppercase;
		letter-spacing: 4px;
		font-size: 20px;
		padding: 0;
		margin: 0;
		color: white;
		opacity: 0.8;
		
}
	.selectionbar_website a{
		font-family: "proxima";
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 10px;
		padding: 0;
		margin: 0;
		color: white;
		opacity: 0.5;
		text-decoration: none;
}
	#gpsc_surfers{
		width: auto;
		margin: 0;
		display: flex;
		font-family: "proxima";
		color: white;
		font-size: 14px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		background-color: dimgray;
		height: 25px;
		border: 1px white;
		border-radius: 150px;
		
	}
	


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

			#selectionbar h4{font-size: 30px;}
			
			#selectionbar p{font-size: 25px;}
			
		}


	
	#dynaflex { 
		width: 80%;
  display: flex;
  font-size: 0;
  flex-flow: row wrap;
  margin: 0 auto;
	justify-content: space-around;
		flex-basis: 1;
		
		background-color: black;
}

.dynaflex_albums{
	width: 50%;
	height: 250px;
	position: relative; 
	background-position: center; 
	background-image: cover; 
}

.dynaflex_albums p{
	position: absolute; 
	top: 50%; 
	left: 50%;
	transform: translate(-50%, -50%);
	
	font-family: "gonjuring"; 
	color: white; 
	font-size: 20px; 
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.dynaflex_albums a{text-decoration: none; color: inherit}

#gpsc_album{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/gpsc/gpsc_0001.jpg)}

#gpsc_album_photos{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/gpsc/gpsc.jpg)}

#gpsc_2023_03_31{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/gpsc/gpsc_2023_03_31_web/gpsc_2023_03_31_14.jpg)}
#gpsc_2023_03_18{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/gpsc/gpsc_2023_03_18_web/gpsc_2023_03_18_1.jpg)}
#gpsc_2022_10_15{background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/shootings/sp_2022_10_15_gpsc/sp_2022_10_15_1_.jpg)}



	#dynaflex figure { 
		margin: 0; 
		
		transition: .5s;
		cursor: pointer;
		flex: 1;
		flex-basis: 250px;
		padding: 3px;
}
	#dynaflex figure.on-grass {
	  flex: 1;
	  min-width: 300px;
	}
	#dynaflex figure.diminish { 
	  min-width: 0; flex: 0; 
	}
	#dynaflex figure img { 
  width: 100%; height: auto; border-radius: 10px;
}

	@media only screen and (max-width: 1000px){
		.gpsc_album{
			display: block;
			justify-content: center;
			width: 100%;
	}
		.gpsc_room{width: 100%; height: 150px; position: sticky; display: block; margin-left: auto; margin-right: auto;}
		#selectionbar { 
			width: 100%;
			height: 150px;
			background-position: center;
			background-size: cover;
			flex-flow: column wrap;
			margin-top: 10px;
		}
		.gpsc_room_intro img{
		width: 50px;
		margin-bottom: 10px;
			margin-top: 10px;
	}
		.gpsc_room_intro h4{
		font-family: "morgian";
		text-transform: uppercase;
		letter-spacing: 5px;
		font-size: 22px;
		padding: 0;
		margin: 0;
		color: white;
		opacity: 0.8;
		
}
		#dynaflex { 
		width: 95%;
			margin-left: auto; margin-right: auto;
	}
		.selectionbar_website{display: none;}
		.selectionbar_surfclub{font-size: 12px;}
	
 }
	@media only screen and (max-width: 600px){
		.gpsc_room{width: 95%; height: 80px; margin-left: auto; margin-right: auto; border-radius: 10px 10px 0px 0px;  background-position: center; }
}

	.opacitylow{opacity: 0.3;}


.reference_gpsc{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	height: 100%;
}


.gpsc_0100_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0100.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0098_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0098.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0097_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0097.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0096_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0096.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0095_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0095.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0095_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0095.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0094_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0094.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0093_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0093.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0092_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0092.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0091_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0091.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0090_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0090.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}

.gpsc_0089_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0089.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0088_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0088.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0087_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0087.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0086_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0086.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0085_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0085.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0085_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0085.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0084_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0084.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0083_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0083.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0082_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0082.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0081_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0081.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0080_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0080.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}

.gpsc_0079_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0079.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0078_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0078.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0077_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0077.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0076_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0076.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0075_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0075.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0075_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0075.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0074_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0074.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0073_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0073.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0072_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0072.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0071_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0071.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0070_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0070.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}

.gpsc_0069_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0069.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0068_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0068.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0067_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0067.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0066_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0066.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0065_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0065.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0064_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0064.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0063_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0063.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0062_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0062.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0061_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0061.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0060_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0060.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
	
.gpsc_0059_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0059.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0058_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0058.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0057_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0057.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0056_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0056.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0055_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0055.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0054_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0054.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0053_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0053.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0052_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0052.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0051_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0051.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0050_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0050.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}

.gpsc_0049_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0049.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0048_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0048.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0047_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0047.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0046_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0046.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0045_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0045.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0044_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0044.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0043_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0043.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0042_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0042.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0041_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0041.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0040_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0040.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}

.gpsc_0039_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0039.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0038_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0038.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0037_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0037.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0036_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0036.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0035_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0035.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0034_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0034.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0033_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0033.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0032_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0032.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0031_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0031.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0030_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0030.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}

.gpsc_0029_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0029.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0028_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0028.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0027_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0027.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0026_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0026.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0025_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0025.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0024_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0024.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0023_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0023.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0022_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0022.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0021_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0021.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0020_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0020.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}

.gpsc_0019_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0019.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0018_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0018.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0017_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0017.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0016_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0016.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0015_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0015.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0014_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0014.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0013_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0013.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0012_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0012.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0011_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0011.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0010_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0010.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}

.gpsc_0009_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0009.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0008_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0008.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0007_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0007.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0006_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0006.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0005_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0005.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0004_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0004.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0003_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0003.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0002_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0002.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}
.gpsc_0001_show {
		height: auto;
		background-image: url(images/gpsc/gpsc_0001.jpg);
		background-size: 95%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0;
		padding: 0;
		min-height: 80vh;
}

































.blank {
	height: 0;
}

/* colors by clrs.cc*/

.flex-grid-item:nth-child(2)  {background-image: url(images/freesurf_2020_09_14_02.JPG); background-size: cover; background-position: center; opacity: 0.7;}
.flex-grid-item:nth-child(3)  {background-color: #7FDBFF;}
.flex-grid-item:nth-child(4)  {background-color: #39CCCC;}
.flex-grid-item:nth-child(5)  {background-color: #3D9970; color: white;}
.flex-grid-item:nth-child(6)  {background-color: #2ECC40;}
.flex-grid-item:nth-child(7)  {background-color: #01FF70;}
.flex-grid-item:nth-child(8)  {background-color: #FFDC00;}
.flex-grid-item:nth-child(9)  {background-color: #FF851B;}
.flex-grid-item:nth-child(10) {background-color: #FF4136; color: white;}
.flex-grid-item:nth-child(11) {background-color: #85144b; color: white;}
.flex-grid-item:nth-child(12) {background-color: #F012BE; color: white;}
.flex-grid-item:nth-child(13) {background-color: #B10DC9; color: white;}
.flex-grid-item:nth-child(14) {background-color: #111; color: white;}
.flex-grid-item:nth-child(15) {background-color: #aaa;}
.flex-grid-item:nth-child(16) {background-color: #ddd;}


















































































/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------- SHOOTINGS PRIVES ---------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	#categorie_shootings{
		background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/shootings/sp_2020_08_16_sandra/sp_2020_08_16_1_.JPG");
		background-position: 30%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		height: 100vh;
		width: 100%;
	} 

		#categorie_shootings h1{
		font-family: "morgian";
		color: white;
		font-size: 50px;
		
	}

		#categorie_shootings p{
		font-family: "inprimis";
		font-size: 14px;
		letter-spacing: 1px;
		color: wheat;
	}


	.categorie_shootings_landing{
		
		text-align: center;
}	




	#shootingsprive_page{
		background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("images/shootings_bg.JPG");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		height: 80vh;
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
	} 

	.shootingsprive_page_landing{
		width: 100%;
		text-align: center;
}

		.shootingsprive_page_landing h1{
		font-family: "morgian";
		color: white;
		font-size: 50px;
		padding: 0;
			margin: 0;
	}

		.shootingsprive_page_landing p{
			max-width: auto;
			margin-left: auto;
			margin-right: auto;
		font-family: "morgian";
		font-size: 20px;
		letter-spacing: 1px;
		color: wheat;
			padding: 0;
			margin: 0;
	}

			.shootingsprive_page_landing p a{
			text-transform: uppercase;
				color: white;
				text-decoration: none;
				font-family: "morgian";
				font-size: 25px;
	}



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

			.shootingsprive_page_landing{
				width: 100%;
				text-align: center;
		}


			}

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

			#shootingsprive_page{align-items: center;}
			
			.shootingsprive_page_landing{
				margin-bottom: 100px;
			}
			
			.shootingsprive_page_landing h1{font-size: 40px;}

		}



	#shootings_tarifs{
		background-color: black;
		position: relative;
		height: 100vh;
		width: 100%;
		transition: 1s;
		display: flex;
		flex-wrap: wrap;
		display: none;
	} 

	.shootings_photo{
		width: 50%;
		height: 100%;
		position: relative;
	}

		.shootings_photo img{
			border: 10px solid white;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%)}


	.shootings_tarifs{
		background-color: black;
		position: relative;
		height: 100vh;
		width: 50%;
		transition: 1s;
		
	}

		.shootings_text{
				width: 100%;
				text-align: center;
}

			.shootings_text h2{
			font-family: 'morgian';
			font-size: 30px;
			letter-spacing: 1px;
			color: wheat;
}

			.shootings_text p{
				font-family: 'inprimis';
				letter-spacing: 1px;
				font-size: 13px;
				color: white;
	}	

			.shootings_rdv{margin-top: 50px;}

			.shootings_rdv_numero{font-family: 'morgian'; font-size: 30px; color: wheat;} 

			.fullwidth{
				width: 300px;
				text-align: center;
				margin-left: auto;
				margin-right: auto;}

	#shootings{
	width: 100%;
	height: auto;
	
}


	@media only screen and (max-width: 600px){
	
	#categorie_shootings{
		background-position: center;
		
	} 
	
	#shootings_tarifs{
		min-height: 100vh;
		height: auto;
		display: flex;
	} 
	
	.shootings_photo{
		width: 100%;
		height: 50vh;
		position: relative;
		text-align: center;
		margin-top: 140px;
		display: block;
	}
	
	.shootings_photo img{
			border: 10px solid white;
			position: static;
			top: 0%;
			left: 0%;
			transform: translate(-0%, -0%);
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			display: block;

				}
			
	
	.shootings_tarifs{
		background-color: black;
		position: relative;
		height: 100vh;
		width: 100%;
		transition: 1s;
	}
}






	/*------------------------------- ALBUMS -------------------------------------*/


.shootings_intro{
	width: 100%;
	height: 70vh;
	background-position: center;
	background-size: cover;
	filter: saturate(0) contrast(50%);
	position: relative;
}
.shootings_intro_text{
	position: absolute;
	right: 50%;
	bottom: 20%;
	transform: translate(50%, 0%);
	font-family: "inprimis";
	color: antiquewhite;
	text-align: center;
	margin: 0;
	padding: 0;
}
.shootings_intro_text h4{
	margin: 0;
	padding: 0;
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 100;
}
.shootings_intro p{
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	
	
}
.shootings_place{
	font-family: "gonjuring";
		text-transform: uppercase;
		letter-spacing: 10px;
		font-size: 30px;
		padding: 0;
		margin: 0;
		color: black;
		opacity: 0.5;
}
.shootings_date{
	font-family: "gonjuring";
		text-transform: uppercase;
		letter-spacing: 5px;
		font-size: 20px;
		padding: 0;
		margin: 0;
		color: black;
		opacity: 0.5;
}









































	/*----------------------------- 2023 - AVRIL ---------------------------------*/

	.ss_2023_05_05{
			background-image: url(images/surfschools/ss_2023_05_05_web/ss_2023_05_05_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	.ss_2023_05_04{
			background-image: url(images/surfschools/ss_2023_05_04_web/ss_2023_05_04_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	/*----------------------------- 2023 - AVRIL ---------------------------------*/
	
	.sp_2023_04_24{
			background-image: url(images/shootings/sp_2023_04_24_web/sp_2023_04_24_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	.sp_2023_04_11{
			background-image: url(images/shootings/sp_2023_04_11_web/sp_2023_04_11_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	.sp_2023_04_10{
			background-image: url(images/shootings/sp_2023_04_10_web/sp_2023_04_10_43.jpg);
			background-size: cover;
			background-position: center;
			
		}
	.sp_2023_04_09{
			background-image: url(images/shootings/sp_2023_04_09_web/sp_2023_04_09_1.jpg);
			background-size: cover;
			background-position: center;
			
		}
	.sp_2023_04_08{
			background-image: url(images/shootings/sp_2023_04_08_web/sp_2023_04_08_1.jpg);
			background-size: cover;
			background-position: center;
			
		}


	/*---- 26/10/2022 - SUNSHING SURF SCHOOL -----*/
	.sp_2022_11_01{
			background-image: url(images/shootings/sp_2022_11_01_web/sp_2022_11_01_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	/*---- 26/10/2022 - MOUSSA -----*/
	.sp_2022_10_24{
			background-image: url(images/shootings/sp_2022_10_24_web/sp_2022_10_24_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	/*---- 26/10/2022 - NATALIA -----*/
	.sp_2022_10_21{
			background-image: url(images/shootings/sp_2022_10_21_natalia/sp_2022_10_21_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	/*---- 26/10/2022 - GPSC COMPETITION 2022 -----*/
	.sp_2022_10_26{
			background-image: url(images/shootings/sp_2022_10_26_web/sp_2022_10_26_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}

	/*---- 29/06/2022 - GPSC COMPETITION 2022 -----*/
	.sp_2022_10_15_gpsc{
			background-image: url(images/shootings/sp_2022_10_15_gpsc/sp_2022_10_15_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}


	/*---- 29/06/2022 - ADELINE -----*/
	.sp_2022_10_15{
			background-image: url(images/shootings/sp_2022_10_15_adeline/sp_2022_10_15_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}


	/*---- 29/06/2022 - EVGENIA -----*/
	.sp_2022_09_17{
			background-image: url(images/shootings/sp_2022_09_17_web/sp_2022_09_17_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}


	/*---- 29/06/2022 - DELFINA -----*/
	.sp_2022_06_29{
			background-image: url(images/shootings/sp_2022_06_29_web/sp_2022_06_29_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 18/06/2022 - RACHAEL -----*/
	.sp_2022_06_18{
			background-image: url(images/shootings/sp_2022_06_18_web/sp_2022_06_18_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 19/06/2022 - CEDRIC -----*/
	.sp_2022_06_19{
			background-image: url(images/shootings/sp_2022_06_19_web/sp_2022_06_19_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 30/05/2022 - MARGAUX ET ANGELE  -----*/
	.sp_2022_05_30{
			background-image: url(images/shootings/sp_2022_05_30_web/sp_2022_05_30_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 30/05/2022 - CLEMENT ET LOUIS  -----*/
	.sp_2022_05_26{
			background-image: url(images/shootings/sp_2022_05_26_web/sp_2022_05_26_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 19/05/2022 - MELIK  -----*/
	.sp_2022_05_19{
			background-image: url(images/shootings/sp_2022_05_19_web/sp_2022_05_19_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 25/03/2022 - LUCAS  -----*/
	.sp_2022_03_25{
			background-image: url(images/shootings/sp_2022_03_25_web/sp_2022_03_25_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 25/02/2022 - ECURIE FANTAGARO  -----*/
	.sp_2022_02_11{
			background-image: url(images/shootings/sp_2022_02_11_web/sp_2022_02_11_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 07/02/2022 - SINOE CRONIER  -----*/
	.sp_2022_02_07{
			background-image: url(images/shootings/sp_2022_02_07_web/sp_2022_02_07_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 07/02/2022 - SAUVETAGE COTIER  -----*/
	.sp_2022_01_26{
			background-image: url(images/shootings/sp_2022_01_26_web/sp_2022_01_26_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 26/07/2021 - DAVID ET ABIGAIL  -----*/
	.sp_2021_07_26{
			background-image: url(images/shootings/sp_2021_07_26_web/sp_2021_07_26_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 17/07/2021 - VINCENT DUCAMIN  -----*/
	.sp_2021_07_17{
			background-image: url(images/shootings/sp_2021_07_17_web/sp_2021_07_17_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 17/09/2020 - BAPTISTE DARRIEUSSECQ  -----*/
	.sp_2020_09_17{
			background-image: url(images/shootings/sp_2020_09_17_web/sp_2020_09_17_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	/*---- 20/08/2020 - EDEN ET DJILL  -----*/
	.sp_2020_08_20{
			background-image: url(images/shootings/sp_2020_08_20_web/sp_2020_08_20_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}


















/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*------------------------------------- SURF SCHOOLS ----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/




	/*---- 2023 AVRIL -----*/
	.ss_2023_04_24{
			background-image: url(images/surfschools/ss_2023_04_24_web/ss_2023_04_24_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	.ss_2023_04_19{
			background-image: url(images/surfschools/ss_2023_04_19_web/ss_2023_04_19_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
	.ss_2023_04_11{
			background-image: url(images/surfschools/sp_2023_04_11_web/sp_2023_04_11_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}



	.ss_2022_11_01{
			background-image: url(images/surfschools/sp_2022_11_01_web/sp_2022_11_01_1_.jpg);
			background-size: cover;
			background-position: center;
			
		}
































/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*------------------------------------- PAGE MERCI ------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	.merci{
	display: flex;
	flex-flow: column wrap;
	width:400px;
		margin-left: auto;
		margin-right: auto;
	text-align: center;
	justify-content: center;
		color: white;
	
}

.fish_grilled{ 
	padding: 0;
	margin: 0;
	width:  300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.fishcolor{
	color: coral;
}
.fishcolor2{
	color: #a2cb3d;
}

.merci h1{
	font-family: 'morgian';
	font-size: 60px;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
	
	
}


.merci_shaka{
	width: 200px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10%;
}

.merci h2{
	font-family: 'morgian';
	text-align: center;
	width: 100%;
	margin: 0;
	letter-spacing: 2px;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
}
.merci h2 img{width: 35px; padding: 0; margin: 0; margin-left: 10px;}

.merci p{
	font-family: 'proxima';
	font-size: 15px;
	letter-spacing: 1px;
}

.produit_photo{
	width: 95%;
}













	
	































/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------------- CONTACT ------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	.contact_room{
			background-color: black;
			width: 100%;
			height: calc(100vh - 280px);}


				/*--- Contact Form --- */

				.contact_form{
						width: 400px;
						height: auto;
						text-align: center;
						font-family: 'proxima';
						text-transform: uppercase;
						color: wheat;
						margin-right: auto;
						margin-left: auto;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}

					form{
							width: 100%;
							margin: 0px;
							padding: 0;
							
							}

						.tarifs_form_couple{
							display: flex;
							flex-direction: row;
							align-items: center;
							padding: 0;
							margin: 0;
							margin-bottom: 10px;
						}

							.tarifs_form_couple p{
							text-transform: uppercase;
							width: 100px;
							margin: 0;
							padding: 0;
}
	
						.tarifs_form_loner {
							text-transform: uppercase;
							width: 100%;
							padding: 0;
							margin: 0;
						}

				.form_group{
				width: 100%;
				text-align: center;
				margin-right: auto;
				margin-left: auto;
				padding: 0;
				margin: 0;
				}

					#name {
						display: block; 
						border: none; 
						border-radius: 5px;
						justify-content: center;
						width: 100%;
						padding: 0;
						margin: 0;
						height: 15px;
						}

					#email {
						display: block;
						border-radius: 5px;
						border: none;
						width: 100%;
						padding: 0;
						margin: 0;
						height: 15px;
}

					#message{
							width: 100%;
							display: block;
							border-radius: 5px; 
							border: none;
							padding: 0;
							margin: 0;
}

					#button{
						font-family: 'proxima';
						font-size: 12px;
						text-transform: uppercase;
						padding: 0;
						margin: 0;
						border-radius: 5px;
						width: 100px;
						height: auto;
						border: none; 
						color: black; 
						background-color: antiquewhite;
						cursor: pointer;
}













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

		
			.contactinfo{display:none;}

			.contactform{width: 100%;}
			
			.contact_form{
				width: 90%;
			}
			
	}


.messagesent{
	text-align: center;
	
}

.messagesent h4{
	font-family: 'morgian';
	font-size: 25px;
	color: wheat;
	letter-spacing: 2px;

}

.messagesent p{
	font-family: 'inprimis';
	font-size: 14px;
	color: white;
}






























/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*------------------------------------ LE BON CADEAU ----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	.logo_leboncadeau{
		position: fixed;
		right: 20px;
		bottom: 100px;
		cursor: pointer;
		z-index: 1000;
		display: none;
	}	
			
		.leboncadeau_background{
			background-image: url(images/newspaper2_leboncadeau.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: right;
			z-index: 0;
			opacity: 0.4;
}

		.leboncadeau_intro{
			width: 100%;
			height: auto;
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			text-align: center;
			margin-bottom: 100px;
		}

			.leboncadeau_intro_wrap{
				text-align: center;
				justify-content: center;
				padding-top: 50px;
				height: auto;
				width: 90%;}

				.leboncadeau_image{
					width: 70%;
					border-radius: 20px;
				}

				.leboncadeau_intro_wrap p{
					width: 100%;
					font-family: 'morgian';
					letter-spacing: 2px;
					font-size: 20px;
					color: white;
					margin-top: 30px;
					margin-bottom: 20px;
				}
	
				.leboncadeau_detail{
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: center;
				}

					.leboncadeau_detail p{
						width: 90%;
						margin-left: auto;
						margin-right: auto;
						font-family: "inprimis";
						font-size: 14px;
						color: black;
						letter-spacing: 0.3px;
						padding: 0;
						margin: 0;
					}

					.leboncadeau_detail img {
						padding: 0;
						margin: 0;
						width: 15px;}
			

		@media only screen and (max-width: 800px){
	
			.leboncadeau_background{
				height: 50vh;

	}
			
			.leboncadeau_image{
					width: 90%;
					border-radius: 20px;
				}

			.leboncadeau_intro{
				width: 90%;
			margin-left: auto;
			margin-right: auto;
				margin-bottom: 100px;
			}
	
			.leboncadeau_intro_wrap{
				text-align: center;
				justify-content: center;
				padding-top: 100px;
				height: auto;
				width: 100%;}
	
	
}

		/*----------------------------------------------------------------------------*/
		/*----------------------- LE BON CADEAU : Bons -------------------------------*/
		/*----------------------------------------------------------------------------*/

		.leboncadeau_bons{
			background-color: black;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			margin: 0;
			padding-top: 50px;
			padding-bottom: 50px;
		}

			.leboncadeau_bons_img{
				width: 80%;
				padding: 10px;
				border-radius: 25px;
			}	

			.leboncadeau_bon_detail{
				font-family: "proxima";
				text-align: center;
				width: 50%;
}
			.leboncadeau_bon_detail_title{
				font-family: "montserrat";
				letter-spacing: 2px;
				font-size: 16px;
				text-transform: uppercase;
				padding: 0;
				margin: 10px;
				color: white;
			}
			.barre{text-decoration:line-through; color: gray}

			.leboncadeau_bon_detail_text{color: white; font-size: 14px;}

			.leboncadeau_bon_detail ul{color: wheat; letter-spacing: 1px; display: flex; flex-direction: column; font-size: 12px;padding: 0;}

				.leboncadeau_bon_detail ul li{ list-style: none; padding: 3px; }


			.leboncadeau_bons_conditions{
				margin-top: 30px;
				font-family: "proxima";
				text-align: center;
				color: white;
				width: 100%;
				letter-spacing: 1px;
			}
			.leboncadeau_bons_conditions ul{
				color: white; 
				letter-spacing: 1px; 
				display: flex; 
				flex-flow: column wrap;
				justify-content: center;
				font-size: 10px;
				padding: 0;}

			.leboncadeau_bons_conditions ul li{ list-style: none; padding: 3px; }



			@media only screen and (max-width: 800px){
				
				.leboncadeau_bons{
					width: 100%;
					display: block;
					text-align: center;
				}
	
				.leboncadeau_bon_detail{
				margin-left: auto;
				margin-right: auto;
				font-family: "inprimis";
				text-align: center;
				width: 90%;
				margin-bottom: 50px;
}
	
}

		/*----------------------------------------------------------------------------*/
		/*---------------------- LE BON CADEAU : Paychek -----------------------------*/
		/*----------------------------------------------------------------------------*/	

			.boncadeau_paycheck{
				padding: 0;
				margin: 0;
				margin-left: auto;
				margin-right: auto;
				color: white;
				width: 100%;
				background-color: #121010;
				text-align: center;
				justify-content: center;
				padding-top: 50px;
				padding-bottom: 50px;
			}

				.boncadeau_paycheck_summary{
					text-align: center;
					width: 100%;
					margin-left: auto;
					margin-right: auto;
					justify-content: center;
					padding: 0;
					margin: 0;
					padding-bottom: 30px;
					background-color: #121010;
				}

					.boncadeau_paycheck_summary{
						width: 100%;
						margin-left: auto;
						margin-right: auto;
						font-family: "morgian";
						letter-spacing: 1px;
						font-size: 25px;
						text-align: center;
	}
					.boncadeau_paycheck_summary_title{
						font-family: "montserrat";
						text-transform: uppercase;
						letter-spacing: 2px;
						font-size: 20px;
						padding-top: 30px;
						padding-bottom: 30px;
						margin: 0;
					}
					.boncadeau_paycheck_summary_text{
						font-family: "proxima";
						font-size: 12px;
						padding: 0;
						margin: 0;
						margin-bottom: 30px;
						width: 100%;
}
					.boncadeau_paycheck_summary_text2{
						font-family: "proxima";
						font-size: 14px;
						padding: 0;
						margin: 0;
						margin-bottom: 30px;
						width: 100%;
}
					.boncadeau_paycheck_summary h6{
						width: 100%;
						font-family: "inprimis";
						font-size: 15px;
						padding-bottom: 10px;
						margin: 0;
						text-align: center;
	}
					.boncadeau_paycheck_summary img{
					width: 250px;
						border-radius: 10px;
						
				}

						.bon1{
							opacity: 0.7;
							cursor: pointer; }

						.bon1:hover{
							opacity: 1;
						}

						.bon2{
							opacity: 0.7;
							cursor: pointer; }

						.bon2:hover{
							opacity: 1;
						}
	
						.boncadeau_active{opacity: 1;}
						
				/*-- Bon Cadeau Payout 1 --*/

				.boncadeau_paycheck_payout{
					width: 100%;
					background-color: #121010;
					display: block;
					margin-left: auto;
					margin-right: auto;
					justify-content: center;
					text-align: center;
					padding-bottom: 50px;
				}
				.boncadeau_paycheck_payout h6{
						width: 100%;
						font-family: "inprimis";
						font-size: 15px;
						padding-top: 10px;
						padding-bottom: 10px;
						margin: 0;
						text-align: center;
	}
				.boncadeau_paycheck_payout p {
						font-family: "inprimis";
}
				.boncadeau_paycheck_payout form{
						color:white;
						margin-left: auto;
						margin-right: auto;
						width: 50%;
					}
				
				.boncadeau_paycheck_form{
									display: flex;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: white;
						}

						.boncadeau_paycheck_form p{
							font-family: "inprimis";
							font-size: 14px;
							text-align: left;
							width: auto;
							margin: 0;
							margin-right: 0px;}

						.boncadeau_paycheck_form input { 
										border: 1px solid black; 
										border-radius: 5px;
										width: 150px;
											}
					
					.boncadeau_paycheck_order{display: none;}


					#boncadeau_paycheck_checkout1{
									width: 100%;
									display: flex;
									flex-flow: row wrap;
									justify-content: center;
									text-align: center;
									margin: 0;
									margin-top: 20px;
								}
					#boncadeau_paycheck_checkout1 p{
						font-family: "proxima";
						font-size: 14px;
						letter-spacing: 1px;
						text-align: center;}

					.boncadeau_paycheck_checkout_details{
						width: 50%;
						display: flex;
						flex-flow: column wrap;
						justify-content: center;
						align-items: center;
					}
					.boncadeau_paycheck_checkout{
									width: 100%;
									display: flex;
									flex-wrap: wrap;
									justify-content: center;
									text-align: center;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}
					.boncadeau_paycheck_checkout p{text-align: center;}
					.boncadeau_form_checkout_payment{width: 50%;}

				/*-- Bon Cadeau Payout 1 --*/

				.boncadeau_paycheck_payout2{
					width: 90%;
					background-color: #121010;
					display: block;
					margin-left: auto;
					margin-right: auto;
					justify-content: center;
					text-align: center;
					display: none;
				}

					.boncadeau_paycheck_payout2 h6{
						width: 100%;
						font-family: "inprimis";
						font-size: 15px;
						padding-top: 10px;
						padding-bottom: 10px;
						margin: 0;
						text-align: center;
	}

					.boncadeau_paycheck_payout2 form{
						margin-left: auto;
						margin-right: auto;
						width: 50%;
					}

					.boncadeau_paycheck_form2{
									display: flex;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: white;
						}

						.boncadeau_paycheck_form2 p{
							font-family: "inprimis";
							font-size: 14px;
							text-align: left;
							width: auto;
							margin: 0;
							margin-right: 0px;}

						.boncadeau_paycheck_form2 input { 
										border: 1px solid black; 
										border-radius: 5px;
										width: 150px;
											}
					
					.boncadeau_paycheck_order2{
						display: none;
						}

					#boncadeau_paycheck_checkout2{
									width: 100%;
									display: flex;
									flex-flow: row wrap;
									justify-content: center;
									text-align: center;
									font-family: "proxima";
									font-size: 12px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

						#boncadeau_paycheck_checkout2 p{
							font-family: "proxima";
							font-size: 14px;
							letter-spacing: 1px;
							text-align: center;
							text-align: right;}



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

					.boncadeau_paycheck{

								display: block;
								width: 100%;
								padding-bottom: 100px;
							}

					.boncadeau_paycheck_summary{
									text-align: center;
									width: 95%;
									justify-content: center;
								}
					
					.boncadeau_paycheck_payout{width: 95%;}
					.boncadeau_paycheck_payout2{width: 95%;}
					
				}





			.leboncadeau_container{
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				text-align: center;
				justify-content: center;
				padding-bottom: 100px;
				background-color: black;
				}

				.leboncadeau_container_title{
					padding: 0;
					margin: 0;
					width: 60%;
					color: antiquewhite;
}

					.leboncadeau_container_title h4{
						font-family: "morgian";
						font-size: 30px;
						margin: 0;
						padding-right: 0;
					}

				.leboncadeau_container_text{
					padding: 0;
					margin: 0;
					width: 60%;
					color: white;
}

					.leboncadeau_container_text p{
						font-family: "inprimis";
						font-size: 14px;
					}









































/*-------------------------------------------------------------------------*/
/*------------------------------- GPSC FLEXBOX -------------------------------*/
/*-------------------------------------------------------------------------*/

	#gpsc_container_photos {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		flex-basis: 1;
	}

		#gpsc_container_photos > .col {
	  padding: 5px 5px;
	}

			.col {
	  float: left;
	  width: 250px;
	}

		.gpsc_content {
		  display: flex;
			flex-wrap: wrap;
			width: 100%;
			height: auto;
			flex: 1;
			flex-basis: 300px;
		}

			.gpsc_content_photo{
				width: 100%;
				height: 100%;
				opacity: 0.7;
				padding: 0;
				margin: 0;

			}

			.gpsc_content_photo:hover{
				opacity: 0.9;
			}


		.gpsc_content figure{
	width: 100%;
	padding: 0;
	margin: 0;
}







#dynaflex2 { 
		width: 100%;
	 	 display: flex;
	  	font-size: 0;
	  	flex-flow: row wrap;
		justify-content: space-around;
		flex-basis: 1;
	
}

	#dynaflex2 figure { 
		margin: 0; 
		opacity: 0.8;
		
		transition: .5s;
		cursor: pointer;
		flex: 1;
		flex-basis: 250px;
		min-height: 200px;
}
	#dynaflex2 figure.on-grass {
	  flex: 1;
	  min-width: 300px;
	}
	#dynaflex2 figure.diminish { 
	  min-width: 0; flex: 0; 
	}
	#dynaflex2 figure img { 
  	width: 100%; height: auto; 
}

	#selectionbar2 { 
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		justify-content: center;
		margin-top: 20px;
		
		margin-bottom: 20px;
			display: flex;
			flex-flow: column wrap;
			align-content: center;
			align-items: center;
		position: relative;
		
	}

	
.dyna_separator{
	width: 100%;
	height: 200px;
	background-color: black;
}



#add-to-list{
	z-index: 1000;
	cursor: pointer;
}

.add-button{
	width: 200px;
	height: 35px;
	background-color: wheat;
	border-radius: 20px;
	color: gray;
	cursor: pointer;
}











.datelist {
  display: flex;
  overflow: auto;
  outline: 1px dashed lightgray;
  flex: none;
}












.surfteam_soon{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/surfteam.JPG);
	background-size: cover;
	background-position: top center;
	position: relative;
	justify-content: center;
	text-align: center;
}

.surfteam_soon_title{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.surfteam_soon_title h1{
	width: 100%;
	font-family: "morgian";
	letter-spacing: 2px;
	font-size: 50px;
	color: white;
}

.surfteam_soon_title p{
	font-family: "morgian";
	font-size: 20px;
	letter-spacing: 3px;
	color: white;
}

@media only screen and (max-width: 800px){
	.surfteam_soon{width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;}
}

















.shop_section{
	text-decoration: none; color: white;
	
	width: 100%;
	display: flex;
	flex-flow: row wrap;
}

.shop_originalphotos{
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/modalbackground4.jpg);
	background-position: center;
	background-size: cover;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.shop_originalphotos:hover{background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(images/modalbackground4.jpg);}
.shop_originalphotos p{
	font-family: "morgian";
	font-size: 30px;
	letter-spacing: 1px;
	color: white;
}


.shop_boncadeau{
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/boncadeau_bg2.jpg);
	background-position: right;
	background-size: cover;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
}
.shop_boncadeau img{border-radius: 20px;}
.shop_boncadeau:hover{background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(images/boncadeau_bg2.jpg);}
.shop_boncadeau p{
	font-family: "morgian";
	font-size: 30px;
	letter-spacing: 1px;
	color: white;
}

.shop_album{
		
		transition: 1s;
		
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: calc(100vh - 130px);
		overflow: hidden;
		overflow: scroll;
		
		border-radius: 10px;

		display: flex;
		flex-flow: row wrap;
		
	}
.shop_album::-webkit-scrollbar{display: none;}

@media only screen and (max-width: 700px){
	.shop_album{
		display: flex;
		flex-flow: column wrap;
	}
	.shop_section{width: 100%; height: 50%; }
}




.shop_room{
	background-color: black;
	width: 100%;
	height: 100%;
}

	.sh_blackchrist{
			background-image: url(images/shop/blackchrist.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}
	.sh_urbandevil{
			background-image: url(images/shop/urbandevil.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}
	.sh_initiation{
			background-image: url(images/shop/initiation.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}
	.sh_jellyanchor{
			background-image: url(images/shop/jellyanchor.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}
	.sh_sandyshadow{
			background-image: url(images/shop/sandyshadow.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}
	.sh_jumpinjeff{
			background-image: url(images/shop/jumpinjeff.jpg);
			background-size: cover;
			background-position: center;
			transition: 1s;
			
		}

.shop_box{
	position: relative;
	justify-content: center;
	text-align: center;
	cursor: pointer;
}
.shop_box_title{
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "proxima";
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 20px;
	color: black;	
}

.shop_close{
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	z-index: 1000;
}

.shop_content{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
}
.shop_image{
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	
}
.shop_image img{width: 90%; margin-left: auto; margin-right: auto; border-radius: 10px;	}
.shop_menu{
	width: 50%; 
	height: 100%;
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-items: center;
	justify-content: center;

}

.shop_photo{
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	text-align: center;
	font-family: "proxima";
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	text-align: center;
	margin: 20px;
}

#shop_photo{
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	text-align: center;
	font-family: "proxima";
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}

#shop_format{
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	text-align: center;
}


#big{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	
}
#big2{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	
}
#big3{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	
}
#big4{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	
}
#big5{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	
}
#big6{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	
}
#big7{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	
}
#big8{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	
}
#big9{
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	
}

#big img{
	margin-left: auto; 
	margin-right: auto;}
#big2 img{
	margin-left: auto; 
	margin-right: auto;}
#big3 img{
	margin-left: auto; 
	margin-right: auto;}
#big4 img{
	margin-left: auto; 
	margin-right: auto;}
#big5 img{
	margin-left: auto; 
	margin-right: auto;}
#big6 img{
	margin-left: auto; 
	margin-right: auto;}
#big7 img{
	margin-left: auto; 
	margin-right: auto;}
#big8 img{
	margin-left: auto; 
	margin-right: auto;}
#big9 img{
	margin-left: auto; 
	margin-right: auto;}


#small{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	cursor: pointer;
}
#small2{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	cursor: pointer;
}
#small3{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	cursor: pointer;
}
#small4{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	cursor: pointer;
}
#small5{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	cursor: pointer;
}
#small6{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	cursor: pointer;
}
#small7{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	cursor: pointer;
}
#small8{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	cursor: pointer;
}
#small9{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	cursor: pointer;
}
#small{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#small img{
	width: 80px;
	margin: 0;
	padding: 5px;
}
#small2 img{
	width: 80px;
	margin: 0;
	padding: 5px;
}
#small3 img{
	width: 80px;
	margin: 0;
	padding: 5px;
}
#small4 img{
	width: 80px;
	margin: 0;
	padding: 5px;
}
#small5 img{
	width: 80px;
	margin: 0;
	padding: 5px;
}
#small6 img{
	width: 80px;
	margin: 0;
	padding: 5px;
}
#small7 img{
	width: 80px;
	margin: 0;
	padding: 5px;
}
#small8 img{
	width: 80px;
	margin: 0;
	padding: 5px;
}
#small9 img{
	width: 80px;
	margin: 0;
	padding: 5px;
}

		
/*--------------- SHOP FORM --------------*/

						.order_form_shop1{
							display: block;
							width: 90%;
							height: auto;
							text-align: center;
							font-family: 'proxima';
							text-transform: uppercase;
							color: wheat;
							margin-right: auto;
							margin-left: auto;
							margin-top: 0px;
										}

							/*--------------- Order Payment Form --------------*/

							.order_form_shop1 form{
								font-family: "proxima";
								font-size: 12px;
								letter-spacing: 1px;
								width: 100%;
								margin: 0px;
								margin-top: 10px;
								padding: 0;}

								.order_form_pack_couple1{
									display: flex;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: 35px;
									color: wheat;
						}

								.order_form_shop1 p{
									text-align: center;
									width: auto;
									margin: 0;
									margin-right: 0px;}

								.order_form_shop1 input { 
										border: none; 
										border-radius: 5px;
										width: 200px;
									
										background-color: coral;
										color: white;
										font-family: "proxima";
										text-transform: uppercase;
										letter-spacing: 1px;
										border: 1px solid wheat;
											}

		
								.order_form_pack_couplechoice1{
									display: flex;
									flex-flow: column wrap;
									align-items: center;
									align-content: center;
									justify-content: space-between;
									padding: 0;
									margin: 0;
									height: auto;
									margin-top: 10px;
									color: wheat;
										margin-bottom: 20px;
						}

									.order_pack1{
											display: block;
											align-items: center;
											align-content: center;
											justify-content: space-around;
											padding: 0;
											margin: 0;
											height: auto;
											background-color: none;
											border-radius: 10px;
								}

										.order_pack1 p{color: #79CBE0 }

										.order_pack_select1{
												margin: 0;
												padding: 0;
												text-align: center;
											}

											.order_pack1 select { 
												border: none; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												color: black;
												font-family: "proxima";
												font-size: 16px;
												text-align: center;
												background-color: #79CBE0;
														}

											#pack1_photo1{
												border: 1px solid wheat; 
												border-radius: 100%;
												width: 40px;
												height: 40px;
												margin: 5px;
												background-color: coral;
												color: white;
												font-family: "proxima";
												font-size: 14px;
												text-align: center;
}
											
								#order_form_checkout_pack1{
									display: flex;
									flex-wrap: wrap;
									justify-content: flex-end;
									text-align: center;
									font-family: "proxima";
									font-size: 14px;
									letter-spacing: 1px;
									margin: 0;
									margin-top: 20px;
								}

									#order_form_checkout_pack1 p{text-align: center;}

									.order_form_pack1_button{
											display: flex;
											align-items: center;
											justify-content: center;
											margin-left: auto;
											margin-right: auto;
											width: 150px;
											height: 30px;
											background-color: black;
											color: white;
											letter-spacing: 1px;
											border: 1px solid wheat; 
											border-radius: 10px;
											cursor: pointer;
											text-transform: uppercase;
										
												}



	



















	#jlucmaclav{
		height: 100%;
		min-height: calc(100vh - 90px);
		width: 100%;
		background-color: black;
		
		background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.8)), url(images/background_wave.jpg);
		background-position: center;
		background-size: cover;
		text-align: center;
		
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
		
	}

		.jlucmaclav_photo a{
			text-decoration: none;
		}

		.jlucmaclav_photo{
			width: 30%;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 100px;
		}

			.jlucmaclav_photo img{
				width: 100%;
				margin-top: 100px;
			}


			.jluc_title{
				font-family: "morgian";
				color: antiquewhite;
				font-size: 40px;
				letter-spacing: 2px;
				margin: 15px;
			}

		.jluc_link{
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			text-decoration: none;
			font-family: "proxima";
			color: antiquewhite;
			font-size: 12px;
			letter-spacing: 4px;
			text-transform: uppercase;
		}

		.jluc_link a{
			font-family: "morgian";
			font-size: 20px;
			letter-spacing: 2px;
			color: antiquewhite;
			text-decoration: none;
		}


	@media only screen and (max-width: 800px){
		
		.jlucmaclav_photo{
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}
		
}





































.hr {
	width: 60%;
	text-align: center;
	justify-content: center;
    display:block;
    height:1px;
    border:0;   	
    border-top:1px solid #eeeeee; /* YOUR COLOR HERE */
    margin:1em 0;
	margin-left: auto;
	margin-right: auto;
    padding:0;
}

.mail_boncadeau_intro{
	width: 100%;
	height: auto;
	min-height: 100vh;
	background-image: url(images/hooked.jpg);
	background-size: 150%;
	background-position: center left;
	filter: saturate(0%);
	display: block;
	text-align: center;
	
	position: relative;
}
.mail_boncadeau_intro2{
	width: 100%;
	height: 100vh;
	background-image: url(images/hooked.jpg);
	background-size: 150%;
	background-position: center left;
	filter: saturate(0%);
	display: block;
	text-align: center;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	position: relative;
}

.mail_boncadeau_intro_logo{
	width: 180px;
	filter: invert();
	margin-top: 30px;
	
}

.mail_boncadeau_intro ul{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	
	font-family: "proxima";
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
}
.mail_boncadeau_intro ul li{list-style: none; color: white; padding: 5px; }
.mail_boncadeau_intro ul li a{color: white;text-decoration: none;}

.mail_boncadeau_intro_text{
	margin-top: 50px;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
}
.mail_boncadeau_intro_text p{
	display: inline-block;
}
.mail_boncadeau_intro_text1{
	font-family: "proxima"; 
	font-size: 25px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 7px;
	margin: 0;
	padding: 5px;
}
.mail_boncadeau_intro_text2{	
	font-family: "montserrat"; 
	font-size: 6vw;
	text-transform: uppercase;
	background-color: white;
	color: black;
	letter-spacing: 4px;
	margin: 0;
	padding: 5px;
}
.mail_boncadeau_intro_text3{	
	font-family: "montserrat"; 
	font-size: 6vw;
	text-transform: uppercase;
	color: white;
	letter-spacing: 4px;
	margin: 0;
	padding: 5px;
}
.mail_boncadeau_intro_text4{
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translate(-50%, 0%);
	
	font-family: "proxima"; 
	font-size: 14px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 7px;
	margin: 0;
	padding: 5px;
}
.mail_boncadeau_intro_text4 a{text-decoration: none; color: inherit}


.mail_boncadeau_part1{
	width: 100%;
	height: auto;
	min-height: auto;
	background-color: black;
	
	display: flex;
	flex-flow: column wrap;
	text-align: center;
	
	position: relative;
	
	padding-bottom: 50px;
}
.mail_boncadeau_part1_wrapper{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.mail_boncadeau_part1_gift{
	margin-top: 100px;
	width: 100px;
	filter: invert();
	
}
.mail_boncadeau_part1_text1{
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	
	font-family: georgia;
	color: white;
	font-size: 20px;
	letter-spacing: 1px;
	padding: 0;
}
.mail_boncadeau_part1_text2{
	font-weight: 100;
	font-family: "proxima"; 
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 7px;
	margin: 0;
	padding: 5px;
	margin-bottom: 30px;
}
.mail_boncadeau_part1_text2_offrevalable{
	font-weight: 100;
	font-family: georgia; 
	font-size: 15px;
	color: sandybrown;
	letter-spacing: 3px;
	margin: 0;
	padding: 5px;
	margin-bottom: 30px;
}
.mail_boncadeau_part1_text3{
	font-weight: 100;
	font-family: "proxima"; 
	font-size: 14px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 4px;
	margin: 0;
	margin-bottom: 10px;
}

.mail_boncadeau_bons{
	margin-top: 50px;
	margin-bottom: 50px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	display: inline-block;
}
.mail_boncadeau_bons img{
	width:400px;
	height: auto;
	border-radius: 10px;
	margin: 10px;
}

.mail_boncadeau_button{
	margin-top: 50px;
	margin-bottom: 100px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	color: black;
	background-color: white;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	cursor: pointer;
}
.mail_boncadeau_button p{
	font-family: "montserrat";
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 20px;
	padding: 0;
	margin: 0;
}
.mail_boncadeau_button p a{text-decoration: none;color:inherit;}
.nodecoration{text-decoration: none;}


.mail_boncadeau_part2{
	width: 100%;
	min-height: 300px;
	background-color: white;
	
	display: flex;
	flex-flow: column ;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
}
.mail_boncadeau_part2_text1{
	font-family: georgia;
	font-size: 20px;
	color: black;
	text-transform: none;
	letter-spacing: 1px;
}
.mail_boncadeau_part2_text2{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: "proxima";
	font-size: 14px;
	color: black;
	text-transform: none;
	letter-spacing: 1px;
}
.mail_boncadeau_part2_text3{
	margin-top: 20px;
	font-family: georgia;
	font-size: 20px;
	color: black;
	text-transform: none;
	letter-spacing: 1px;
}

.mail_boncadeau_part3{
	width: 100%;
	height: auto;
	background-color: black;
	
	display: block;
	text-align: center;
	
	position: relative;
	padding-top: 70px;
	padding-bottom: 70px;
	
	text-align: center;
}
.mail_boncadeau_part3_logo{
	width: 150px;
}
.mail_boncadeau_part3_socialmedias{
	margin-top: 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.mail_boncadeau_part3_socialmedias img{
	width: 30px;
	filter: invert();
	padding: 10px;
}


.mail_boncadeau_part3_info{
	display: block;
}
.mail_boncadeau_part3_text{
	font-family: "proxima";
	font-size: 14px;
	color: white;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
}
.mail_boncadeau_part3_text2{
	font-family: "proxima";
	font-size: 12px;
	color: white;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
}
.mail_boncadeau_part3_text2 a{
	text-decoration:underline; 
	color: white;}


@media only screen and (max-width: 800px){
	.mail_boncadeau_intro{background-size: cover; height: auto;}
	.mail_boncadeau_intro2{background-size: cover;}
	.mail_boncadeau_intro_text2{font-size: 10vw;}
	.mail_boncadeau_intro_text3{font-size: 10vw;}
	
	.mail_boncadeau_part1_wrapper{width: 90%;}
	.mail_boncadeau_part3_info{width: 90%;margin-left: auto; margin-right: auto;}
}