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



@font-face{
	font-family: 'cream';
	src:url(cream.ttf)
}

@font-face{
	font-family: 'nunito';
	src:url(nunito.ttf)}

@font-face{
	font-family: 'paint';
	src:url(paint.ttf)}

@font-face{
	font-family: 'sharpe';
	src:url(sharpe.ttf)}

@font-face{
	font-family: 'guyon';
	src:url(guyon.otf)}

@font-face{
	font-family: 'nexalight';
	src:url(nexalight.ttf)}

@font-face{
	font-family: 'over';
	src:url(over.ttf)}

@font-face{
	font-family: 'klear';
	src:url(klear.otf)}

@font-face{
	font-family: 'title';
	src:url(modern.otf)}

@font-face{
	font-family: 'quattro';
	src:url(wan.ttf)}

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

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

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

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


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

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

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

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


@keyframes fadeout {
					from{
					opacity: 1;
				}
				to{
					opacity: 0;
				}
				}
@keyframes fadein {
					from{
					opacity: 0;
				}
				to{
					opacity: 1;
				}
				}
.fadeout{
				animation: fadeout 1s linear 1 forwards;
	
			}

/*--------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */
/*------------------------------------------- HTML -------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */



html{
	
	width: 100%;
	height: 100%;
	
	max-width: 1600px;

	display: flex;
	flex-flow: row wrap;
	/*
	align-content: center;
	align-items: center;
	justify-content: center;
	*/
	padding: 0px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	scroll-behavior: smooth;
	
	background-color: black;
}
html::-webkits-scrollbar{display:none;}

body{ 
	width: 100%;
	height: 100%;
	border-radius: 10px;
	
	overflow: scroll;
	
	padding: 0;
	margin:0;
	position: relative;
	
	margin: auto;
	position: sticky;
	top: 0;
	overflow: scroll;
	
	

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




/*--------------------------------------------------------------------------------------------------- */
/*----------------------------------- General Settings ---------------------------------------------- */
/*--------------------------------------------------------------------------------------------------- */


	.none{display:none}

.inactive{opacity: 0.3; transition: 1s;}
.inactive:hover{opacity: 0.7}
.full{width: 100%;}



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


		/*-------------- Index Logo ----------------- */

		.index_hero_text{
			text-align: center;
			padding: 0;
			margin: 0;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%)}

		/*-------- Index Video Background ------------ */

		.ParallaxVideo{height: 100vh;}

			.ParallaxVideo video{ 
				min-height: 100vh;
				min-width: 100%;
				position: fixed;
				top:0;
				z-index: -999;
}









		/* ------- Down Arrow -------- */

					.downarrow{
					width: 30px;
					position: absolute;
					right: 50%;
					bottom: 20px;
				}

					.downarrow_black{
						width: 30px;
						position: absolute;
						right: 50%;
						bottom: 20px;
						filter: invert();
					}















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



header{
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
		justify-content: flex-end;
	
		width: 100%;
		height: 100px;
		z-index: 5000;
	
		position: fixed;
		top: 0;
		right: 0;
	
	transition: 1s;
	
	}

.header_work_section{
		position: relative;
		justify-content: flex-end;
		margin: 0;
		padding: 0;
		height: 30vh;
		background-color: transparent;
		
	}

	.header_work{
		/*
		position: sticky;
		*/
		position: relative;
		justify-content: flex-end;
		margin: 0;
		padding: 0;
		height: 70px;
		background-color: transparent;
		
	}
	.header_socialmedias{
		display: flex;
		flex-flow: row wrap;
		align-content: center;
		align-items: center;
		justify-content: center;
		width: auto;
		text-align: center;
		transition: 2s;
		margin-left: 30px;
		left: 0;
		float: left;
		position: absolute;
	}  
	.header_works{
	display: flex;
		flex-direction: row;
		align-items: center;
		align-content: center;
		justify-content: flex-end;
		width: 100%;
		height: 100px;
		z-index: 1500;
}


	.header_studiomaclav_logo{
		width: auto;
		letter-spacing: 2px;
			
		z-index: 5000;
		position: absolute;
		left: 40px;
		top: 0px;
		
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		text-align: center;
		
		height: 40vh;
		
			
}
	.header_studiomaclav_logo img{
		height: 30vh;
		margin-top: 50px;
		
}
	.header_studiomaclav_logo h2{
			font-family: 'guyon';
			text-transform: uppercase;
			padding: 0;
			margin: 0;
		/*
			margin-top: -5px;
		*/
			font-size: 20px;
			letter-spacing: 3px;
			font-weight: 800;
			color: antiquewhite;
		margin-left: 10px;
		padding-top: 20px;
			}
	.header_studiomaclav_logo p{
			font-family: 'guyon';
			text-transform: uppercase;
			padding: 0;
			margin: 0;
		/*
			margin-top: -5px;
		*/
			font-size: 20px;
			letter-spacing: 3px;
			font-weight: 800;
			color: antiquewhite;
		margin-left: 10px;
		padding-top: 20px;
		}
	.header_studiomaclav_logo a{
			text-decoration: none;
			color: black;
		}
	.header_studiomaclav_logo_flex{
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			
		cursor: pointer;
			
}
	.header_studiomaclav_logo_flex img{margin-right: 10px; margin-left: 0px;}

	.header_studiomaclav_logo2{
		width: auto;
		letter-spacing: 2px;
			
		z-index: 5000;
		position: absolute;
		left: 40px;
		top: 30px;
		
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		text-align: center;
		
		width: 250px;
		
		opacity:0;
		
			
}
	.header_studiomaclav_logo2 img{
		width: 100%;
		margin-top: 0px;
		
}

	.header_studiomaclav_logo3{
		width: auto;
			
		z-index: 5000;
		position: absolute;
		left: 50px;
		top: 0px;
		
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		text-align: center;
		align-items: center;
		align-content: center;
		
		height: 100px;
		
		text-decoration: none;
		color: inherit;
			
}
	.header_studiomaclav_logo3 img{
		height: 60px;
}
	.header_studiomaclav_logo3 p{
			font-family: 'guyon';
			text-transform: uppercase;
			padding: 0;
			margin: 0;
		/*
			margin-top: -5px;
		*/
			font-size: 14px;
			letter-spacing: 2px;
			font-weight: 800;
			color: antiquewhite;
		margin-left: 20px;
		}
	
	.header_studiomaclav_logo4{
		width: auto;
			
		z-index: 5000;
		position: absolute;
		left: 40px;
		top: 0px;
		
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		text-align: center;
		align-items: center;
		align-content: center;
		
		height: 30vh;
		
		text-decoration: none;
		color: inherit;
		
			
}
	.header_studiomaclav_logo4 img{
		height: 100%;
		padding-top: 20px;
}
	.header_studiomaclav_logo4 p{
			font-family: 'guyon';
			text-transform: uppercase;
			padding: 0;
			margin: 0;
		/*
			margin-top: -5px;
		*/
			font-size: 14px;
			letter-spacing: 2px;
			font-weight: 800;
			color: antiquewhite;
		margin-left: 20px;
		}


@media only screen and (max-width: 600px){
	.header_studiomaclav_logo p{}
	.header_studiomaclav_logo{
		width: 200px;
		left: 30px;}
}
@media only screen and (max-width: 350px){
	.header_studiomaclav_logo h2{display: none;}
}


















/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------- Navigation Bar -------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------- */

	.burger_menu{
		width: 35px;
		
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
		justify-content: center;
		
		margin-right: 50px;
		z-index: 7000;
		cursor: pointer;
		transition: 1s;
		
}
	.burger_menu img{
		width: 100%;
		margin: 0;
		padding: 0;
}


/*
	nav{
	
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 0px;
		
		background-color: black;
		width: 100vw;
		height: 100vh;
		margin: 0;
		color: white;
		z-index: 6000;
		
		transition: 2s;	
		
		display: none;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		text-align: center;
		
		background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/designstudio_background6.JPG);
		background-size: cover;
		background-position: center;
		
}
	nav::-webkit-scrollbar {
			display: none;
		}
	
	nav ul{
	margin: 0;
	padding: 0;}

	nav ul li{
				list-style: none;
				font-family: 'nexa';
				font-size: 50px;
				margin: 0;
				text-transform: uppercase;
				letter-spacing: 3px;
				text-decoration: none;
				
			
			cursor: pointer;
		
}
	nav ul li a{
		color: antiquewhite;
		text-decoration: none;
		transition: 0.5s;
				}
	nav ul li a:hover{
		color: sandybrown;
}

	label{
				z-index: 4000;
				padding: 0;
				margin: 0;
				transition: 1s;
				display: block;
				cursor: pointer;}
	.wheel{
				margin: 0;
				padding: 0;
				width: 35px;
				height: 35px;
}

	#toggle:checked + .navbar{display: flex;}


	.flip {transform: rotate(-135deg); transform-origin: center; }

	*/


		



nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    color: white;
    z-index: 6000;

    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    text-align: center;

    background-color: rgba(0,0,0,0.8);
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/designstudio_background6.JPG);
    background-size: cover;
    background-position: center;

    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

/* Quand le menu est ouvert */
nav.open {
    opacity: 1;
    pointer-events: all;
}

/* Scrollbar invisible */
nav::-webkit-scrollbar { display: none; }

nav ul {
    margin: 0;
    padding: 0;
}

nav ul li {
    list-style: none;
    font-family: 'nexa';
    font-size: 50px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    cursor: pointer;
}

nav ul li a {
    color: antiquewhite;
    text-decoration: none;
    transition: 0.5s;
}

nav ul li a:hover {
    color: sandybrown;
}

.flip {
    transform: rotate(-135deg);
    transform-origin: center;
}




















#section_menu{
	width: 0%;
	height: 100vh;
	background-color: wheat;
	position: fixed;
	z-index: 3000;
	right: 0;
	
}

.section_menu_on{
	width: 90%;
	background-color: saddlebrown;;
	height: 100vh;
	
}





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



main{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
	
}
main::-webkit-scrollbar {
    display: none;
}

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

.main_index{
		height: 100vh;
		display: flex;
		flex-flow: row wrap;
}
	
	.index_intro{
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
					justify-content: center;
					text-align: center;
					width: 100%;
					z-index: 1000;
				}
	.index_intro img{width: 200px;}
	.index_intro h1{
					width: auto;
					font-family: "guyon";
					font-size: 8vw;
					color: antiquewhite;
					text-transform: uppercase;
					letter-spacing: 3px;
					margin: 0;
				}
	.index_intro p{
					font-family: "nunito";
					font-size: 16px;
					text-transform: uppercase;
					color: white;
					letter-spacing: 4px;
					margin: 0;
		
		width: 90%;
		margin: auto;
		text-align: center;
				}

	#index_jlucmaclav{
				width: 50%;
				height: 100vh;
				background-color: black;
				position: relative;
}
	#index_jlucmaclav video{
				  width: 100%;
				  height: 100%;
				  position: absolute;
				  object-fit: cover;
				  z-index: 0;
			}
	#index_jlucmaclav h2{
					font-family: "paint";
					color: white;
					text-transform: uppercase;
					letter-spacing: 2px;
					font-size: 12vw;
					/*--
					border: 1px solid white;
					border-radius: 5px;
					--*/
					position: absolute;
					bottom: 20vh;
					left: 50%;
					transform: translate(-50%, 0%);
					
					padding: 2px 4px ;
					margin: 0;
					
				}

	#index_page{
				width: 100%;
				height: 100vh;
				position: relative;
				
				
			}
	#index_page video{
				  width: 100%;
				  height: 100%;
				  position: absolute;
				  object-fit: cover;
				  z-index: 0;
			}
	#index_page h2{
					font-family: "arista";
					color: white;
					text-transform: uppercase;
					letter-spacing: 8px;
					font-size: 6vw;
					text-align: center;
					/*--
					border: 1px solid white;
					border-radius: 5px;
					*/
					position: absolute;
					bottom: 20vh;
					left: 50%;
					transform: translate(-50%, 0%);
					
					padding: 2px 4px ;
					margin: 0;
				}

#index_logo1{display: none;}

@media only screen and (max-width: 600px){
	.index_intro img{width: 150px; margin-bottom: 20px;}
	.index_intro h1{font-size: 8vw; margin-bottom: 20px;}
	.index_intro p{font-size: 14px;}
}











/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*------------------------------------- WORK STRUCTURE------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------- */




.work_main{
	width: 100vw;
	height: auto;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
	
	position: relative;
	
	display: flex;
	flex-flow: row wrap;
	
}
.work_main::-webkit-scrollbar{
	display: none;
}


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

	.work_title{
						width: auto;
						position: absolute;
						left: 0;
						height: 100%;
						text-align: center;		
						z-index: 1000;
						display: flex;
						flex-flow: row wrap;
						align-items: center;
						padding: 0;
						margin: 0;
						
		color: white;
		
					
		}
	.work_title a{text-decoration: none; color: inherit;}
	.work_title h1{
			width: auto;
			font-family: 'nunito';
			text-transform: uppercase;
			color: antiquewhite;
		
			text-align: center;
			letter-spacing: 3px;
			font-size: 16px;
							/*
							color: salmon;
							text-shadow: aqua 2px 3px, yellow -2px 4px;
							*/
			margin: 0;
			padding: 0;
			margin-left: 40px;
			margin-right: 20px;
							
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			}
	.work_title h1 a{text-decoration: none; color: inherit;}
	.work_title p{
							width: auto;
							font-family: 'guyon';
							text-transform: uppercase;
							text-align: center;
							letter-spacing: 3px;
							font-size: 20px;
							color: antiquewhite;
							/*--
							text-shadow: aqua 2px 3px, yellow -2px 4px;
							--*/
							margin: 0;
							padding: 0;
							margin-left: 30px;
							margin-right: 20px;
							
							display: flex;
							flex-flow: row wrap;
							align-items: center;
								}
	.work_title p a{text-decoration: none; color: inherit;}

	.work_mainmenu {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		
		font-family: "cream";
		font-size: 4vw;
		color: white;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 2px;
		
		list-style: none;
		
		padding: 0;
		
}
	.work_mainmenu li{
		cursor: pointer;
		opacity: 0.4;
		transition: 0.5s;
}
	.work_mainmenu li:hover{opacity: 1}




	.work_submenu{
			height: auto;
			position: absolute;
			bottom: 80px;
			left: 40px;
			
			z-index: 100;
}
	.work_submenu ul {
			display: flex;
			flex-flow: column wrap;
			justify-content: flex-end;
			
			list-style: none;
			padding: 0;
			margin-left: 0px;
			margin-bottom: 0px;
			margin-right: 0;
			text-align: left;
						}
	.work_submenu ul li {
			margin: 0;
			margin-right: 30px;
			
			font-family: 'nunito';
			text-transform: uppercase;
			font-size: 14px;
			color: antiquewhite;
			letter-spacing: 2px;
								
			cursor: pointer;
		padding: 1px;
								
		}
	.work_submenu ul li a {
								text-decoration: none;
								font-size: 14px;
								color: inherit;
		}
	.work_submenu ul li a:hover {
								border-top: 1px solid white;
								border-bottom: 1px solid white;
		}
	.work_submenu_active{
			text-decoration: underline;
}

	
.work_text{
	padding: 0;
	margin: 0;
	
	font-family: "nunito";
	font-size: 16px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 2px;
	
	
	
}


	@media only screen and (max-width: 43rem){
				
			.work_submenu ul {display: none;}
						
			.work_title h1 {
				margin-left: 30px;
				visibility: hidden;
		}
						
					}




.work_album{
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row wrap;
	
}
	.work_album_unit{
	width: 50%;
	margin: 0;
	padding: 0;
}
	.work_album_unit img{margin: 0; padding: 0; display: block;}
	.work_album_unit100{
	width: 100%;
	margin: 0;
	padding: 0;
}
	.work_album_unit100 img{margin: 0; padding: 0; display: block;}


@media only screen and (max-width: 980px){
	.work_album_unit{width: 95%;margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px;}
	.work_album_unit100{width: 95%;margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px;}
}





.work_album_wrapper{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.work_album_wrapper img{
	width: 50%;
}






































/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------------- PHOTO  -------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


.show{visibility: visible}
.hide{visibility: hidden;}




.work_album_intro{
	width: 100%;
	height: auto;
	display: flex;
	flex-flow: column wrap;
	
	
}



/*-- SECTION 1 : LANDING PAGE --*/
#work_photo_intro{
	
	width: 100%;
	height: 100%;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	position: relative;
	
	background-image: linear-gradient(rgba(21, 17, 8,0.2) 70%, rgba(21, 17, 8,1)), url("images/photo/photo_bg.jpg");
	background-size: cover;
	background-position: top center;
	
	overflow: hidden;
		
}

.work_photo_intro_studiomaclav{
	font-family: "guyon";
	font-size: 2vw;
	letter-spacing: 3px;
	color: antiquewhite;
	text-transform: uppercase;
	
	padding: 0;
	margin: 0;
	
	margin-top: 0px;
	margin-bottom: 0px;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
}
.work_photo_intro_studiomaclav_img{width: 25px; filter: invert(); margin-right: 10px}
.work_photo_intro h1{
	width: 100%;
	text-align: center;
	font-family: "guyon";
	text-transform: uppercase;
	color: wheat;
	font-size: 180px;
	margin: 0;
	padding: 0;
	line-height: 180px;
}
.work_photo_intro_studiomaclav_description{
	font-family: "guyon";
	font-size: 15px;
	letter-spacing: 3px;
	color: floralwhite;
	text-transform: uppercase;
	
	padding: 0;
	margin: 0;
	
	line-height: 0;
	
	margin-top: 0px;
	margin-bottom: 0px;}

.work_photo_intro_title{
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	
	/*
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_carnavalsansebastian/photo_sansebastian-2.jpg);
	background-position: center;
	background-size: cover;
	*/
	
	display: none;
	
}
.work_photo_intro_anchor{
	margin: 0;
	padding: 0;
	width: 100px;
	
	
}

.work_landing_logo{width: 100px;}
.work_photo_intro_title_word1{
	margin: 0;
	padding: 0;
	
	font-family: "over";
	font-size: 20px;
	color: antiquewhite;
	text-transform: capitalize;
	letter-spacing: 2px;
	
	
}
.work_photo_intro_title_word2{
	margin: 0;
	padding: 0;
	
	font-family: "over";
	font-size: 16px;
	color: antiquewhite;
	letter-spacing: 2px;
	
	opacity: 1;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	
	text-transform: uppercase;
	
	
}
.work_photo_intro_title_word3{
		margin: 0;
	padding: 0;
	
	font-family: "guyon";
	font-size: 16px;
	color: antiquewhite;
	text-transform: uppercase;
	
	margin-top: 0px;
	letter-spacing: 2px;
	opacity: 1;
	
}
.work_photo_intro_title_word4{
	margin: 0;
	padding: 0;
	
	font-family: "over";
	font-size: 16px;
	color: antiquewhite;
	text-transform: uppercase;
	letter-spacing: 2px;
	
	
}
.work_photo_intro_text{
	width: 50%;
	margin: 0;
	
	font-family: "nexalight";
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 8px;
	color: antiquewhite;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	
}

@media only screen and (max-width: 43rem){
	.work_photo_intro_title{display: block;}
	.work_photo_intro_title_word2{font-size: 14px;}
	.work_photo_intro_title_word3{font-size: 9vw;}
	
}





/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* ---------------------- PHOTO --------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/



/* -----------------SECTION : LANDING --------------------*/
#work_photo_intro_landing{
	
	width: 100%;
	min-height: 100%; 
	
	position: relative;
	
	background-image: linear-gradient(rgba(0, 0, 0,0.5) 70%, rgba(0, 0, 0, 1)), url("images/photo/photo_intro_bg.jpg");
	background-size: cover;
	background-position: center;
	
}

#work_left_banner{
	width: auto;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	
	margin: 0;
	margin-top: 150px;
	padding: 0;
	
	position: absolute;
	left: 30px;
	
}
#work_left_banner p{
	font-family: "nexa";
	font-size: 50px;
	writing-mode: vertical-lr;
 	text-orientation: upright;
	color: antiquewhite;
	
	margin: 0;
	padding: 0;
}

#work_central_section{
	width: 100%;
	height: 100vh;
	
	z-index: 100;
	
	margin: 0;
	padding: 0;
	
	opacity: 1;
	
	position: absolute;
	left: 0;
	top: 0;
	
	
	position: relative;
	
	display: flex;
	flex-flow: row wrap;
	
	justify-content: flex-start;
	align-items: flex-end;
	align-content: flex-end;
	
	
	
}
.work_central_section_submenu{
	position: absolute;
	margin-left: 50px;
	bottom: 50px;
	
	display: flex;
	flex-flow: column wrap;
}
.work_central_section_submenu h1{
	font-family: "nexa";
	font-size: 20px;
	color: floralwhite;
	margin-bottom: 10px;
	letter-spacing: 1px;
	writing-mode: vertical-lr;
 	text-orientation: upright;
}
.work_central_section_submenu p{
	font-family: "nexalight";
	font-size: 16px;
	color: floralwhite;
	margin-bottom: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.work_central_section_submenu ul{
	font-family: "nexa";
	font-size: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	
	color: floralwhite;
	
	margin: 0;
	padding: 0;	
}
.work_central_section_submenu ul li{
	transition: 1s;
	list-style: none;
	padding: 0;
	margin: 0;
}
.work_central_section_submenu ul li:hover{
	color: burlywood;
	margin-left: 10px;}
.work_central_section_submenu ul li a{
	text-decoration: none;
	color: inherit;
}

#work_right_banner{
	width: 10%;
	height: 100vh;
}

@media only screen and (max-width: 600px){
	#work_central_section{
}
	#work_central_section img{
		margin: 0; 
		padding: 0; 
		width: 100%; 
		bottom: 0px; 
	}
	
	#work_central_section p {
		font-size: 16px;
		letter-spacing: 2px;
		color: floralwhite;
		text-align: center;

		margin: 0;
		padding: 0;
		padding-top: 20px;
		display: none;
	}
	
	
	
}



/* SECTION : INTRO PHOTOS */
.work_photo_show_column{
	width: 32%;
	height: 100vh;
	border-radius: 5px;
}
.work_photo_show_column1{
	
	background-image: url("images/photo/photo_events/photo_bickert/bickert_bg2.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 100px;
}
.work_photo_show_column2{
	background-image: url("images/photo/photo_sports/photo_sports.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 50px;
}
.work_photo_show_column3{
	background-image: url("images/photo/photo_lifestyle/photo_marilyn/marilyn_bg2.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 70px;
}


@media only screen and (max-width: 600px){
	.work_photo_show_column{
		width: 90%;
		height: 30vh;
		border-radius: 5px;
	}
}


/*-------------- WORK PHOTO SLOGAN SECTION ---------*/

.work_intro_text{
	width: 95%;
	height: 50vh;
	margin-left: auto;
	margin-right: auto;
	
	
	display: flex;
	flex-flow: row wrap;
}
.work_intro_text_wrapper{
	width: 50%;
	margin-left: auto;
	margin-bottom: 30px;

}
.work_intro_text0{
	font-family: "nexalight";
	font-size: 25px;
	color: antiquewhite;
	margin: 0;
	padding: 0;
	
	margin-bottom: 0px;
	margin-left: 10%;
	
}
.work_intro_text1{
	font-family: "nexa";
	font-size: 20px;
	color: white;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	
}
.work_intro_text2{
	font-family: "nexa";
	font-size: 50px; 
	color: white;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.work_intro_text3{
	font-family: "nexa2";
	font-size: 20px;
	color: antiquewhite;
	margin: 0;
	padding: 0;
	
	text-align: right;
	
	text-transform: uppercase;
}
.work_intro_text4{
	width: 100%;
	font-family: "nexalight";
	letter-spacing: 0px;
	font-size: 16px;
	
	color: white;
	margin: 0;
	padding: 0;
	
	margin-bottom: 10px;
	text-align: right;
	
}

.work_intro_text5{
	font-family: "nexalight";
	letter-spacing: 1px;
	font-size: 20px;
	
	color: antiquewhite;
	margin: 0;
	padding: 0;
	
	margin-bottom: 20px;
	text-align: center;
}


#work_photo_intro_section{
	width: 100%;
	min-height: auto;
	
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	
	margin-bottom: 100px;
	
	display: none;
}
.work_photo_intro_wrap{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 100px;
	padding-bottom: 100px;

	text-align: center;
}

.work_photo_intro_logo{
	margin: 0;
	padding: 0;
	width: 250px;
	
}
.work_photo_intro_text2{
	width: 80%;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	
	font-family: "nexalight";
	color: antiquewhite;
	font-size: 18px;
	text-transform: none;
	letter-spacing: 1px;

	text-align: center;
	
}
.work_photo_intro_text3{
	margin: 0;
	padding: 0;
	
	font-family: "nexalight";
	font-size: 30px;
	letter-spacing: 1px;
	color: floralwhite;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	
	opacity: 1;
	
	margin-top: 50px;
	
}

.work_photo_intro_duo{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: row wrap;
	padding-top: 100px;
	align-items: center;	
}
.work_photo_intro_col_text{
	width: 50%;
	
}
.work_photo_intro_col_text1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-family: "nexalight";
	font-size: 30px;
	color: white;
	
	text-align: center;
}
.work_photo_intro_col_image{
	width: 50%;
}
.work_photo_intro_col_img1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}

@media only screen and (max-width: 800px){
	#work_intro_text{margin-top: 50vh; height: auto;}
	.work_intro_text_wrapper{
		width: 100%;
		margin-left: auto;
		margin-bottom: 50px;

	}
	.work_intro_text3{
		font-family: "nexa2";
		font-size: 40px;
		color: white;
		margin: 0;
		padding: 0;

		text-align: center;

		text-transform: uppercase;
	}
	.work_intro_text4{
		text-align: center;
		font-size: 20px;
	}
}

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




/*-------------- WORK PHOTO : PRESTATION SECTION : EVENTS ---------*/

#work_photo_prestations{
	width: 95%;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	
	padding-top: 50px;
	
}
.work_photo_prestation_frame{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.work_photo_prestation_frame2{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.work_photo_prestation_links{
	width: 49%;
	text-decoration: none;
	color: inherit;
	opacity: 0.9;
	
	position: relative;
}
.work_photo_prestation_links:hover{
	opacity: 1;
	transition: 0.2s;
}

.work_photo_prestation_box{
	width: 100%;
	min-height: 90vh;
	
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	
	
	border-radius: 10px;
	
	margin-bottom: 30px;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
}
#photo_events_bg{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/photo/photo_events/photo_intro_events_bg.jpg");
	background-position: center;
	background-size: cover;
}
#photo_lifestyle_bg{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/photo/photo_lifestyle/photo_marilyn/heidi-3.jpg");
	background-position: center;
	background-size: cover;
}
#photo_sports_bg{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("images/photo/photo_sports/photo_sports.jpg");
	background-position: center;
	background-size: cover;
}
#photo_archi_bg{
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/photo/photo_archi/photo_birchler/photo_birchler-1.jpg");
	background-position: top;
	background-size: cover;
}
#photo_entreprise_bg{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("images/photo/photo_entreprise/photo_future/photo_future-1.jpg");
	background-position: center;
	background-size: cover;
}
















/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*------------------------- WORK PRESTATION --------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/



.work_page_service_landing{
	width: 100%;
	height: 70vh;
	
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	
	
	
	position: relative;
	
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
}
.work_page_service_landing_text{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
	justify-content: center;
	text-align: center;
}
.work_page_service_landing_text h1{
	font-family: "nexa";
	font-size: 50px;
	color: floralwhite;
}
.work_page_service_landing_pretext{
	width: auto;
	margin: 0;
	align-content: 0;
	
	font-size: 20px;
	letter-spacing: 2px;
	font-family: "nexa";
	color: floralwhite;
	
	text-transform: uppercase;
	margin-bottom: 50px;
	
}

#work_page_service_landing_events{
	
	background-image: 
  linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 100%),
  url("images/photo/photo_events/photo_intro_events_bg.jpg");
background-position: center;
background-size: cover;
	
}
.work_photo_prestation_evenements_box_page{
	width: 100%;
	height: 50vh;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: flex-end;
	justify-content: flex-end;
	text-align: center;
}
#work_page_service_landing_lifestyle{
	background-image: 
  linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 100%), url("images/photo/photo_lifestyle/photo_marilyn/heidi-3.jpg");
	background-position: center;
	background-size: cover;
}
.work_photo_prestation_lifestyle_box_page{
	width: 100%;
	height: 50vh;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: flex-end;
	justify-content: flex-end;
	text-align: center;
}
#work_page_service_landing_sport{
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 100%), url("images/photo/photo_sports/photo_sports.jpg");
	background-position: center;
	background-size: cover;
}
.work_photo_prestation_sports_box_page{
	width: 100%;
	height: 80vh;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
}
#work_page_service_landing_archi{
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 100%), url("images/photo/photo_archi/photo_birchler/photo_birchler-2.jpg");
	background-position: center;
	background-size: cover;
}
.work_photo_prestation_archi_box_page{
	width: 100%;
	height: 80vh;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;

	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
}
#work_photo_prestation_entreprise_page{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea-4.jpg");
	background-position: center;
	background-size: cover;	
}
.work_photo_prestation_entreprise_box_page{
	width: 100%;
	height: 80vh;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	
	
}

@media only screen and (max-width: 800px){
	.work_photo_prestation_links{
		width: 100%;
		text-decoration: none;
		color: inherit;
		opacity: 0.9;
	}
	
	.work_page_service_landing_text h1{
		font-family: "nexa";
		font-size: 40px;
		color: floralwhite;
	}
	.work_page_service_landing_pretext{
		width: auto;
		margin: 0;
		align-content: 0;

		font-size: 10px;
		letter-spacing: 2px;
		font-family: "nexa";
		color: floralwhite;

		text-transform: uppercase;
		margin-bottom: 50px;

	}
}

@media only screen and (max-width: 600px){
	.work_photo_prestation_page{
		width: 100%;
		height: 100%;
		min-height: 110vh;

		margin: 0;
		padding: 0;
		margin-right: auto;
		margin-left: auto;



		position: relative;

	}
	
	#work_photo_prestation_evenements_page{
	
	background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url("images/photo/photo_events/photo_walkabout/photo_walkabout_bg.jpg");
	background-position: center;
	background-size: cover;
	
}
}

.work_photo_prestations_box_logo{
	width: 200px;
	margin: 0;
	margin-bottom: 40px;
}
.work_photo_prestation_box_word1 {
	width: 100%;
	font-family: "nexa";
	color:#CDE7BE;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 3px;

	text-align: center;
	padding: 0;
	margin: 0;
	
	line-height: 1;
	
}
.work_photo_prestation_box_word2 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-family: "nexa";
	
	padding: 0;
	margin: 0;
	
	color: antiquewhite;
	font-size: 40px;
	
	text-transform: uppercase;
	letter-spacing: 3px;

	text-align: center;
	
	line-height: 1;

}
.work_photo_prestation_box_word3 {
	width: 100%;
	font-family: "nexa";
	
	padding: 0;
	margin: 0;
	
	color: #CE8147;
	font-size: 2vw;
	
	text-transform: uppercase;
	letter-spacing: 3px;

	text-align: center;
	
	line-height: 1;
}



#work_photo_prestation_photo{
	width: 90vw;
	height: 150vh;	
	margin: auto;
	
	border-radius: 20px;
	
	margin-top: 50px;
	margin-bottom: 50px;
	
	background-image: url("images/photo/photo_events/photo_carnavalsansebastian/photo_sansebastian-2.jpg");
	background-position: top;
	background-size: cover;
	
	overflow: hidden;
	position: relative;
}
#work_photo_prestation_photo::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0; /* Start fully transparent */
  pointer-events: none;
}




.work_page_service_intro{
	width: 80%;
	margin: auto;
	height: 30vh;;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	
	padding-top: 20px;
	padding-bottom: 50px;
}
.work_page_service_intro_text1{
	font-family: "nexalight";
	font-size: 18px;
	margin-bottom: 30px;
	letter-spacing: 1px;
	
	color: floralwhite;
	text-align: center;
	
}
.work_page_service_intro_text{
	font-family: "nexalight";
	color: white;
	font-size: 16px;
	text-align: left;
	margin-bottom: 30px;
	letter-spacing: 1px;
	
	color: floralwhite;
}
.work_page_service_intro img{
	width: 30px;
	margin-left: auto;
	margin-right: auto;
	filter: invert();
	margin-bottom: 30px;
}



.work_page_service_image{
	width: 100%;
}
.work_page_service_image img{
	width: 100%;
}
.introphoto{
	opacity: 0;
}

.work_page_service_section{
	width: 80%;
	margin: auto;
	height: auto;
	min-height: 50vh;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	align-content: center;
	
	padding-top: 50px;
	padding-bottom: 50px;
}
.work_page_service_section p{
	font-family: "nexalight";
	color: white;
	font-size: 18px;
	text-align: left;
	margin-bottom: 30px;
	letter-spacing: 1px;
	
	color: floralwhite;
	
	text-align: center;
	justify-content: center;
	
	opacity: 0;
}






.work_photo_prestation_duo{
	width: 90%;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
	
	
	
}
.work_photo_prestation_duo_page{
	width: 90%;
	margin: auto;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	
	padding-bottom: 100px;
	padding-top: 100px;
	
	
}
.work_photo_prestation_duo_col{
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	
	display: flex;
	flex-flow: column wrap;
	
	
}
.work_photo_prestation_duo_col_title{
	width: 90%;
	margin: auto;
	
	font-family: "nexalight";
	color: white;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
	
	text-align: center;
	
	padding-top: 10px;
}
.work_photo_prestation_duo_col_description{
	font-family: "nautica";
	color: white;
	font-size: 18px;
	text-align: left;
	margin-bottom: 30px;
	letter-spacing: 1px;
}
.work_photo_prestation_duo_col_description_sub{
	font-family: "nexa2";
	color: antiquewhite;
	font-size: 20px;
	margin: 0;
	
	text-transform: uppercase;
	letter-spacing: 1px;
	
}
.work_photo_prestation_duo_col_description_sub2{
	width: 95%;
	font-family: "nexa2";
	color: antiquewhite;
	font-size: 25px;
	margin: 0;
	
	text-transform: uppercase;
	letter-spacing: 1px;
	
	text-align: right;
	
	margin-bottom: 20px;
	
}
.work_photo_prestation_duo_col_description_ul{
	width: auto;
	display: flex;
	flex-flow: column wrap;
	padding: 0;
	margin: 0;
	font-family: "nexalight";
	font-size: 18px;
	color: white;
	letter-spacing: 1px;
	
}
.work_photo_prestation_duo_col_description_ul li{width: auto; margin: 0; padding: 0; list-style: none; color: white;}
.work_photo_prestation_duo_col_img{width: 100%; margin-left: auto; margin-right: auto;}
.work_photo_prestation_duo_col_logo{
	width: 180px;
	height: 130px;
	margin: auto;
    overflow: hidden; /* Masque les parties de l'image en excès */
    position: relative; /* Nécessaire pour un bon comportement des enfants */
}
.work_photo_prestation_duo_col img{
	max-width: 100%; /* L'image occupe toute la largeur du conteneur */
	max-height: 90vh;
    height: auto; /* Maintient les proportions */
	
	margin: auto;
    position: relative; /* Permet de contrôler la position si nécessaire */
	
	border-radius: 10px;
}
.maclav_word{
	font-family: "guyon";
	color: antiquewhite;
	font-size: 25px
}


@media only screen and (max-width: 800px){
	.work_photo_prestation_box_word1 {font-size: 16px; }
	.work_photo_prestation_box_word2 {font-size: 30px;}
	.work_photo_prestation_duo_page{
		flex-flow: column wrap;
		padding-bottom: 100px;
		text-align: center;
		padding-top:80px;

	}
	.work_photo_prestation_duo_col{
		width: 90%;
		text-align: center;
		padding-top: 100px;

	}
	.work_photo_prestation_duo_col_logo{
		width: 180px;
		height: 130px;
		margin: auto;
		overflow: hidden; /* Masque les parties de l'image en excès */
		position: relative; /* Nécessaire pour un bon comportement des enfants */
	}
	
	.work_photo_prestation_duo_col_title{
		padding-top: 10px;
		padding-bottom: 50px;
	}
	.work_photo_prestation_duo_col_description{
		font-family: "nexalight";
		color: white;
		font-size: 18px;
		text-align: center;
	}
	.work_photo_prestation_duo_col_description_ul{
		width: auto;
		display: flex;
		flex-flow: column wrap;
		padding: 0;
		margin: 0;
		font-family: "nexalight";
		font-size: 18px;
		color: white;
	}
	
	.work_photo_prestation_duo_col_description_sub{
		font-family: "nexa2";
		color: antiquewhite;
		font-size: 30px;
		margin: 0;

		text-transform: uppercase;
		letter-spacing: 1px;

	}
	.work_photo_prestation_duo_col_description_sub2{
		width: 95%;
		font-family: "nexa2";
		color: antiquewhite;
		font-size: 25px;
		margin: 0;

		text-transform: uppercase;
		letter-spacing: 1px;

		text-align: center;

		margin-bottom: 20px;

	}
	
}












/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* ---------------------- DESIGN -------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/



/* -----------------SECTION : LANDING --------------------*/
#work_design_intro_landing{
	
	width: 100%;
	min-height: 100%;
	
	position: relative;
	
	background-image: linear-gradient(rgba(0, 0, 0,0.5) 70%, rgba(0, 0, 0, 1)), url("images/design/webdesign/web_mockup.png");
	background-size: cover;
	background-position: center;
	
	
		
}

#work_design_prestation_entreprise_page{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea-4.jpg");
	background-position: center;
	background-size: cover;	
}
.work_photo_prestation_entreprise_box_page{
	width: 100%;
	height: 80vh;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	
	
}

@media only screen and (max-width: 600px){
	#work_design_intro_landing{
		background-image: linear-gradient(rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0,1)), url("images/design/webdesign/web_mockup.png");

	}
}


/* ------------- SECTION : INTRO PHOTOS ------------------*/
.work_design_show_column{
	width: 32%;
	height: 100vh;
	border-radius: 5px;
}
.work_design_show_column1{
	
	background-image: url("images/design/graphicdesign/logo_claire1.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 100px;
}
.work_design_show_column2{
	background-image: url("images/design/webdesign/design_tizianacavaliereweb.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 50px;
}
.work_design_show_column3{
	background-image: url("images/design/graphicdesign/logo_dylan2.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 70px;
}

@media only screen and (max-width: 600px){
	.work_design_show_column{
		width: 90%;
		height: 30vh;
		border-radius: 5px;
	}
}


/* ------------- SECTION : INTRO TEXT ------------------*/
#work_design_prestations_categories{
	width: calc(100% - 60px);
	
	margin: auto;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	
	overflow: hidden;
	padding-top: 100px;
	margin-bottom: 100px;
	
	position: relative;
	
	justify-content: space-between;
}

.work_design_prestations_categories_title{
	width: 100%;
	margin-bottom: 200px;
	text-align: center;
	
	position: relative;
	
	display: flex; 
	flex-flow: row wrap;
	justify-content: center;
	
	margin-left: auto;
	
	
}
.work_photo_prestations_categories_title img{
	width: 200px;
}
.work_design_prestations_categories_word1 {
	width: 100%;
	font-family: "guyon";
	color:#CDE7BE;
	font-size: 3vw;
	text-transform: uppercase;
	letter-spacing: 3px;

	text-align: center;
	padding: 0;
	margin: 0;
	
	line-height: 1;
	
}
.work_design_prestations_categories_word2 {
	width: 100%;
	font-family: "guyon";
	
	padding: 0;
	margin: 0;
	
	color: antiquewhite;
	font-size: 6vw;
	
	text-transform: uppercase;
	letter-spacing: 3px;

	text-align: center;
	
	line-height: 1;

}
.work_design_prestations_categories_word3 {
	width: 100%;
	font-family: "guyon";
	
	padding: 0;
	margin: 0;
	
	color: #CE8147;
	font-size: 3vw;
	
	text-transform: uppercase;
	letter-spacing: 3px;

	text-align: center;
	
	line-height: 1;
}

.work_design_presentation_text{
	width: 80%;
	margin: 0;
	padding: 0;
	
	font-family: "nexalight";
	text-transform: none;
	font-size: 20px;
	letter-spacing: 1px;
	color: floralwhite;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	
}



/* ------------- SECTION : CATEGORIES ------------------*/
#design_graphique_bg{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/design/graphicdesign/logo_claire0.jpg");
	background-position: center;
	background-size: cover;
}
#design_web_bg{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/design/webdesign/design_tizianacavaliereweb.jpg");
	background-position: center;
	background-size: cover;
}
#design_directionartistique_bg{
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("images/photo/photo_bg4.jpg");
	background-position: center;
	background-size: cover;
}


#work_design_intro_landing{
	width: 100%;
	height: 100vh;
	
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/design/graphicdesign/logo_claire0.jpg");
	background-position: center;
	background-size: cover;
	
	position: relative;
	
}

#work_page_service_landing_designgraphique{
	
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 100%), url("images/design/graphicdesign/logo_claire0.jpg");
	background-position: center;
	background-size: cover;
	
}
.work_design_prestation_graphicdesign_box_page{
	width: 100%;
	height: 50vh;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: flex-end;
	justify-content: flex-end;
	text-align: center;
}

#work_page_service_landing_designweb{
	
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 100%), url("images/design/webdesign/design_tizianacavaliereweb.jpg");
	background-position: center;
	background-size: cover;
	
}

#work_design_prestation_graphicdesign{
	width: 90vw;
	height: 150vh;	
	margin: auto;
	
	border-radius: 20px;
	
	margin-top: 50px;
	margin-bottom: 50px;
	
	background-image: url("images/design/graphicdesign/logo_claire1.jpg");
	background-position: top;
	background-size: cover;
	
	overflow: hidden;
	position: relative;
}
#work_design_prestation_graphicdesign::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0; /* Start fully transparent */
  pointer-events: none;
}

#work_design_prestation_webdesign{
	width: 90vw;
	height: 150vh;	
	margin: auto;
	
	border-radius: 20px;
	
	margin-top: 50px;
	margin-bottom: 50px;
	
	background-image: url("images/design/webdesign/design_fish.png");
	background-position: top;
	background-size: cover;
	
	overflow: hidden;
	position: relative;
}
#work_design_prestation_webdesign::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0; /* Start fully transparent */
  pointer-events: none;
}


@media only screen and (max-width: 600px){
	.work_design_prestation_page{
		width: 100%;
		height: 100%;
		min-height: 110vh;

		margin: 0;
		padding: 0;
		margin-right: auto;
		margin-left: auto;



		position: relative;

	}
	#work_design_prestation_graphicdesign_page{
	
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8)), url("images/design/graphicdesign/logo_claire0.jpg");
	background-position: center;
	background-size: cover;
	
}
}












/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* ---------------------- EDITION -------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/



/* -----------------SECTION : LANDING --------------------*/
#work_edition_intro_landing{
	
	width: 100%;
	min-height: 100%;
	
	position: relative;
	
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0,1)), url("images/edition/mags.jpg");
	background-size: cover;
	background-position: center;
	
	
		
}












/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* ---------------------- STUDIO --------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/
/* -------------------------------------------------------*/



/* -----------------SECTION : LANDING --------------------*/
#work_studio_intro_landing{
	
	width: 100%;
	height: 100vh;
	
	position: relative;
	
	background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0,1)), url("images/studio_bg.jpg");
	background-size: cover;
	background-position: center;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	
		
}











#design_graphicdesign_gallery_1{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/graphicdesign/ill_supay3.jpg");
	background-size: cover;
	background-position: center;
}
#design_graphicdesign_gallery_2{
	width: 100%;
	aspect-ratio: 1/1;
	background-image: url("images/design/graphicdesign/logo_claire2.jpg");
	background-size: cover;
	background-position: center;
}
#design_graphicdesign_gallery_3{
	width: 100%;
	aspect-ratio: 1/1;
	background-image: url("images/design/graphicdesign/logo_dylan1.jpg");
	background-size: cover;
	background-position: center;
}
#design_graphicdesign_gallery_4{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/graphicdesign/logo_zes3.png");
	background-size: cover;
	background-position: center;
}
#design_graphicdesign_gallery_5{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/graphicdesign/logo_mk0.jpg");
	background-size: cover;
	background-position: center;
}
#design_graphicdesign_gallery_6{
	width: 100%;
	aspect-ratio: 1/1;
	background-image: url("images/design/graphicdesign/logo.png");
	background-size: cover;
	background-position: center;
}




.work_photo_prestation_duo_col_description_contact{
	font-family: "nexalight";
	color: white;
	font-size: 14px;
	text-align: right;
}




.events_bg{
	background-image: url("images/photo/photo_bg1.jpg");
	background-position: center;
	background-size: cover;
	
	height: 100%;
}



.carousel-container {
    width: 90vw;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.carousel-track {
    display: inline;
}
.carousel-item {
    width: 300px;
    height: 200px;
    background-color: lightcoral;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: white;
    border-right: 2px solid white;
}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-200px * 5));
    }
}









.work_landing_submenu_active{
			text-decoration: underline;
}
.work_landing_submenu_speciallink{
	font-size: 10px;
	padding: 0;
	margin: 0;
	font-family: "nexalight"
}

/* SECTION : SUBMENU*/

#work_landing_submenu{
	width: auto;
	height: auto;
	z-index: 100;
	margin-right: 120px;
	
	display: none;
}
#work_landing_submenu ul {
	
	list-style: none;
	padding: 0;
	text-align: right;
	opacity: 1;
						}
#work_landing_submenu ul li {
			margin: 0;
			margin-right: 0px;
			
			font-family: 'nexa';
			text-transform: uppercase;
			font-size: 40px;
			color: antiquewhite;
			letter-spacing: 2px;
								
			cursor: pointer;
		padding: 1px;
								
		}
#work_landing_submenu ul li a {
								text-decoration: none;
								color: inherit;
		}
#work_landing_submenu ul li a:hover{color: wheat; transition: 1s; margin-right: 10px;}






/*-- SECTION 2 : SLOGAN --*/
.work_photo_slogan{
	width: 100%;
	height: auto;
	
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	
	justify-content: center;
	
	margin-bottom: 200px;
}
.work_photo_slogan2{
	width: 100%;
	min-height: 100%;
	height: auto;
	
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	
	justify-content: center;
	
	margin-bottom: 200px;
	background-color: antiquewhite;
}
.work_photo_slogan_img{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.work_photo_slogan_text{
	width: 80%;
	margin: 0;
	padding: 0;
	
	font-family: "nexalight";
	text-transform: none;
	font-size: 36px;
	letter-spacing: 2px;
	color: floralwhite;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	
}




.work_design_slogan{
	width: 100%;
	height: auto;
	
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	
	justify-content: center;
	
	margin-bottom: 200px;
	
}
.work_design_slogan_img{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.work_design_slogan_text{
	width: 80%;
	margin: 0;
	padding: 0;
	
	font-family: "nexalight";
	text-transform: none;
	font-size: 30px;
	letter-spacing: 2px;
	color: floralwhite;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	
}
.work_design_slogan_text2{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	
	font-family: "nexalight";
	color: antiquewhite;
	font-size: 14px;
	text-transform: none;
	letter-spacing: 1px;
	
	padding: 0;

	text-align: center;
	
}


.work_edition_presentation_text{
	width: 80%;
	margin: 0;
	padding: 0;
	
	font-family: "nexalight";
	text-transform: none;
	font-size: 20px;
	letter-spacing: 1px;
	color: floralwhite;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 0px;
	
}

/*-- SECTION 3 : INTRO PHOTOS --*/
#work_photo_intro2{
	width: 100%;
	height: auto;
	min-height: 100vh;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	
	position: relative;
	
	overflow: hidden;
	
	padding-top: 00px;
}
.work_photo_intro2_column{
	width: 24%;
	height: 100vh;
	border-radius: 5px;
}
.work_photo_intro2_column1{
	
	background-image: url(images/photo/photo_events/photo_bickert/photo_bickert-4.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 100px;
}
.work_photo_intro2_column2{
	background-image: url(images/photo/photo_sports/photo_sports.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 50px;
}
.work_photo_intro2_column3{
	background-image: url("images/photo/photo_events/photo_fetedelamusique/photo_fetedelamusique-6.jpg");
	background-size: cover;
	background-position: center;
	margin-top: 70px;
}
.work_photo_intro2_column4{
	background-image: url(images/photo/photo_events/photo_carnavalsansebastian/photo_sansebastian-4.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 100px;
	/*
	filter: grayscale(100%);
	*/
}

@media only screen and (max-width: 43rem){
	.work_photo_slogan_text{
	font-size: 30px;
		width: 90%;
}
	.work_photo_intro2_column{
		width: 95%;
		height: 70vh;
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
		border-radius: 5px;
}
	.work_design_slogan{margin-top: 200px}
}

/*-- SECTION 4 : PRESENTATION --*/
#work_photo_presentation{
	width: 90%;
	height: auto;
	height: 150vh;
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	
	position: relative;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	
	text-align: center;
	
	margin-bottom: 100px;
	
}
.work_photo_presentation_text{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
	font-family: "nexalight";
	color: antiquewhite;
	font-size: 16px;
	text-transform: none;
	letter-spacing: 2px;

	text-align: center;
}

.work_photo_prestations_wrapper{
	width: 100%;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	
	text-align: center;
}
.work_photo_prestations_categories{
	width: 90%;
	
	margin: auto;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	overflow: hidden;
	padding-top: 100px;
	margin-bottom: 200px;
	
	position: relative;
}
.work_photo_prestations_categories_title{
	width: 100%;
	margin-bottom: 50px;
	text-align: center;
	
	position: relative;
	
	display: flex; 
	flex-flow: row wrap;
	justify-content: center;
	
	margin-left: auto;
	
	
}
.work_photo_prestations_categories_word1 {
	width: 100%;
	font-family: "guyon";
	color:#CDE7BE;
	font-size: 3vw;
	text-transform: uppercase;
	letter-spacing: 3px;

	text-align: center;
	padding: 0;
	margin: 0;
	
	line-height: 1;
	
}
.work_photo_prestations_categories_word2 {
	width: 100%;
	font-family: "guyon";
	
	padding: 0;
	margin: 0;
	
	color: antiquewhite;
	font-size: 6vw;
	
	text-transform: uppercase;
	letter-spacing: 3px;

	text-align: center;
	
	line-height: 1;

}
.work_photo_prestations_categories_word3 {
	width: 100%;
	font-family: "guyon";
	
	padding: 0;
	margin: 0;
	
	color: #CE8147;
	font-size: 3vw;
	
	text-transform: uppercase;
	letter-spacing: 3px;

	text-align: center;
	
	line-height: 1;
}


.work_studio_prestations_categories_title{
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	
	position: relative;
	
	display: flex; 
	flex-flow: row wrap;
	justify-content: center;
	
	margin-left: auto;
	
	
}










.work_photo_prestation_img{width: 200px; margin-bottom: 50px;}



@media only screen and (max-width: 980px){
	
	.work_photo_prestations_categories_word1 {
		font-size: 7vw;
		margin:0;
		padding: 0;
		line-height: 1;
}
	.work_photo_prestations_categories_word2 {
		font-size: 8vw;
		margin:0;
		padding: 0;
		line-height: 1;
	}
	.work_photo_prestations_categories_word3 {
		font-size: 5vw;
		margin:0;
		padding: 0;
		line-height: 1;
	}
}

/*-- PHOTO EVENTS -- */
#work_photo_events{
	width: 100%;
	height: auto;
	display: flex;
	flex-flow: row wrap;
	background-image: url("images/photo/photo_events/photo_carnavalsansebastian/photo_sansebastian-3.jpg");
	background-position: center;
	background-size: cover;
	
}
.work_photo_events_image{
	width: 50%;
	height: 300px;
	
	
	
}
.work_photo_events_info{width: 50%}
.work_photo_events_info h3{
	font-family: "nexa";
	font-size: 150px;
	/*
	writing-mode: vertical-lr;
 	text-orientation: upright;
	*/
	color: wheat;
	padding: 0;
	margin: 0;
	margin-left: 30px;
}



.work_photo_prestations_categories_wrapper{
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-end;
	position: relative;	
	
	border-radius: 5px;
	min-height: 80vh;
	
	margin-bottom: 50px;
	
	overflow: hidden;
	
	position: relative;
}
.work_photo_prestations_categories_wrapper a{text-decoration: none; color: inherit;}


.evenements{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/photo/photo_events/photo_bickert/photo_bickert-2.jpg);
	background-position: center;
	background-size: cover;
}
.architecture{
	background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/photo/photo_archi/photo_qbidart/photo_qbidart-2.jpg);
	background-position: center;
	background-size: cover;
}
.entreprise{
	background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/photo/photo_entreprise/photo_adc/photo_adc-7.JPG);
	background-position: center;
	background-size: cover;
	
	position: relative;
}
.lifestyle{
	background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/photo/photo_lifestyle/photo_marilyn/marilyn_bg2.jpg);
	background-position: center;
	background-size: cover;
}
.sports{
	background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/photo/photo_sports/photo_sports.JPG);
	background-position: center;
	background-size: cover;
	
	position: relative;
}
.oeuvresdart{
	background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/photo/photo_art/photo_art.JPG);
	background-position: center;
	background-size: cover;
	
	position: relative;
}


.work_photo_prestations_categories_textbox{
	width: 70%;
	height: auto;
	margin-left: 50px;
	margin-right: auto;
	
	display: flex;
	flex-flow: column wrap;
	 margin-bottom: 20px;
}
.work_photo_prestations_categories_textbox h3{
	
	font-family: "guyon";
	color: antiquewhite;
	font-size: 34px;
	text-transform: uppercase;

	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	letter-spacing: 3px;
	
}
.work_photo_prestations_categories_textbox_subtitle{
	width: 90%;
	margin: auto;
	
	font-family: "nexalight";
	font-size: 20px;
	text-transform: none;
	
	color: white;
	letter-spacing: 1px;
	
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
} 
.work_photo_prestations_categories_textbox_text {
	
	
	font-family: "nexalight";
	letter-spacing: 1px;
	font-size: 12px;
	color: floralwhite;
	
}
.work_photo_prestations_categories_textbox_text2{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	
	font-family: "nexalight";
	letter-spacing: 1px;
	font-size: 14px;
	color: antiquewhite;
	
	text-transform: uppercase;
	
	margin: 0;
	padding: 0;
	
	
	transition: 0.5s;
	cursor: pointer;
}
.work_photo_prestations_categories_textbox_text2:hover{color: sandybrown}

.work_photo_prestations_categories_textbox_realisations{
	display: flex;
	flex-flow: row wrap;
	
	margin-left: 50px;
	margin-bottom: 50px;
	
}
.work_photo_prestations_categories_textbox_realisations img{
	width: 150px;
	height: auto;
	margin-right: 10px;
	cursor: pointer;
	border-radius: 5px;
}

@media only screen and (max-width: 43rem){

	.work_photo_prestations_categories_wrapper{
		padding-top: 100px;
		padding-bottom: 100px;
}
	.work_photo_prestations_categories_textbox{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
	.work_photo_prestations_categories_textbox_realisations{
	flex-flow: column wrap;
	justify-content: center;
	width: 90%;
	margin-left: auto;
		margin-right: auto;
	margin-bottom: 50px;
}
	.work_photo_prestations_categories_textbox_realisations img{
		width: 100%;
		margin-bottom: 20px;
	}
}


/*-- SECTION 6 : CONTACT --*/
#work_photo_contact{
	width: 100%;
	
	height: auto;
	
	position: relative;
	
	display: flex;
	flex-flow: column wrap;
	align-content: center;
	
	
	text-align: center;
	
	overflow: hidden;
	padding-top: 100px;
}
#work_photo_contact2{
	width: 100%;
	min-height: 100%;
	height: auto;
	
	position: relative;
	
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-content: center;
	
	text-align: center;
	
}
.work_photo_contact_word1{
	margin: 0;
	padding: 0;
	
	font-family: "guyon";
	font-size: 50px;
	color: antiquewhite;
	text-transform: lowercase;
	
	margin-right: 30px;
	
	opacity: 0.9;
	
}
.work_photo_contact_word2{
	margin: 0;
	padding: 0;
	
	font-family: "guyon";
	font-size:80px;
	color: sandybrown;
	text-transform: lowercase;
	
	margin-top: -55px;
	opacity: 0.7;
	
}
.work_photo_contact_word3{
	margin: 0;
	padding: 0;
	
	font-family: "guyon";
	font-size: 50px;
	color: aliceblue;
	text-transform: lowercase;
	
	margin-top: -45px;
	margin-right: -65px;	
	
	opacity: 0.8;
	
	position: relative;
	
}
.work_photo_contact_text{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
	font-family: "nexalight";
	color: floralwhite;
	font-size: 22px;
	text-transform: none;
	letter-spacing: 1px;

	text-align: center;
	margin-top: 150px;
	margin-bottom: 150px;
}




.work_photo_contact_card{
	width: 95%;
	min-height: 80vh;
	margin-left: auto;
	margin-right: auto;
	
	border-radius: 10px;
	
	background-image:  url(images/photo_aurasidusmare-1.jpg);
	background-position: center;
	background-size: cover;
	
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	
	position: relative;
	
	margin-bottom: 50px;
}

#contact_page{
	width: 100vw;
	height: 100vh;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	
}

.work_photo_contact_card2{
	width: 95vw;
	min-height: 95vh;
	margin-left: auto;
	margin-right: auto;
	
	border-radius: 10px;
	
	background-image:  url(images/photo_aurasidusmare-1.jpg);
	background-position: center;
	background-size: cover;
	
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	
	position: relative;
	
}

.work_photo_contact_logo{
	width: 50%;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
}
.work_photo_contact_logo_img{width: 100px; margin-bottom: 20px;}
.work_photo_contact_logo_txt{
	font-family: "guyon";
	font-size: 30px;
	color: antiquewhite;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.work_contact_form{
	width: 50%;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	text-align: center;
}
form{
	width: 90%;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	border-radius: 10px;
	
	
}
form p{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	
	font-family: "nexa2";
	font-size: 16px;
	letter-spacing: 1px;
	color: antiquewhite;
	
	text-transform: uppercase;
	
}
form input{
	width: 90%;
	border: none;
	border-radius: 5px;
	
}
form textarea{
	width: 90%;
	border: none;
	border-radius: 5px;
}
form button{
	margin-top: 30px;
	margin-bottom: 30px;
	
	font-family: 'nexa2';
	font-size: 18px;
	color: sandybrown;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 10px;
	
	background-color: antiquewhite;
	
	border: none;
	border-radius: 2px;
	
	cursor: pointer;
}

@media only screen and (max-width: 43rem){
	.work_photo_contact_card{
	padding-top: 50px;
	flex-flow: column wrap;
}
	.work_photo_contact_card2{
	padding-top: 50px;
	flex-flow: column wrap;
}
	.work_photo_contact_logo{
		width: 50%;
		margin-bottom: 50px;
}
	.work_contact_form{width: 100%; margin: auto; text-align: center; }
	form{
	width: 100%;
	
}
	
	.work_photo_contact_logo_img{width: 200px; margin-bottom: 20px; margin-top: 50px;}
	.work_photo_contact_logo_txt{white-space: nowrap}
}



.messageenvoye{
	width: 100%;
	height: 100%;
	min-height: 100vh;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}
.messageenvoye p{
	color: antiquewhite;
	font-family: "guyon";
	font-size: 20px;
}





/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------- ALBUM STRUCTURE  ---------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


.main_albumphoto{
	width: 95%;
	height: 80vh;
	

	
	display: flex;
	flex-flow: row wrap;
	align-content: flex-end;
	align-items: flex-end;
}
.main_albumphoto_txt{
	margin-left: 50px;
	margin-bottom: 50px;
}
.main_albumphoto_txt h2{
	font-family: "guyon";
	font-size: 25px;
	color: antiquewhite;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	
}
.main_albumphoto_txt h3{
	font-family: "guyon";
	font-size: 20px;
	color: sandybrown;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0;
	padding-right: 0;
}
.main_albumphoto_txt p{
	font-family: "nexalight";
	font-size: 16px;
	color: antiquewhite;
	margin: 0;
	padding: 0;
}

.main_album{
	display: flex;
	flex-flow: row wrap;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	
	margin-bottom: 100px;
}
.main_album_unit{
	width: 50%;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.main_album_unit img{width: 100%;}
.main_album_unit100{
	width: 100%;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.main_album_unit100 img{width: 100%;}

@media only screen and (max-width: 43rem){
	.main_album_unit{width: 100%;}
}



.photo_alexiaetvincent_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/photo/photo_events/photo_bickert/bickert_bg.jpg");
	background-size: cover;
	background-position: center;
}
.photo_fetedelamusique_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_fetedelamusique.JPG);
	background-size: cover;
	background-position: top;
}
.photo_carnavalsanseb_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_carnavalsansebastian/photo_sansebastian-2.jpg);
	background-size: cover;
	background-position: top;
}
.photo_sudouest_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_sudouest/photo_sudouest-1.jpg);
	background-size: cover;
	background-position: top;
}
.photo_fouleedufestayre_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_fouleedufestayre/photo_fouleedufestayre-15.jpg);
	background-size: cover;
	background-position: top;
}
.photo_sauvetage20230812_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_sauvetage20230812/photo_sauvetage20230812-4.jpg);
	background-size: cover;
	background-position: top;
}



.photo_rachael_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_rachael/photo_rachael-1.jpg);
	background-size: cover;
	background-position: top;
}
.photo_edendjill_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_edendjill/photo_edendjill-1.jpg);
	background-size: cover;
	background-position: top;
}
.photo_aurore_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_aurore/photo_aurore-1.jpg);
	background-size: cover;
	background-position: top;
}

.photo_maider_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_maider/photo_maider-6.jpg);
	background-size: cover;
	background-position: top;
}
.photo_baptiste_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_baptiste/photo_baptiste-6.jpg);
	background-size: cover;
	background-position: bottom;
}
.photo_sinoe_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_sinoe/photo_sinoe-6.jpg);
	background-size: cover;
	background-position: top;
}

.photo_qbidart_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_qbidart/photo_qbidart.jpg);
	background-size: cover;
	background-position: bottom;
}
.photo_airbnb_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_airbnb/photo_airbnb-1.jpg);
	background-size: cover;
	background-position: bottom;
}

.photo_adc_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_adc/photo_adc-7.jpg);
	background-size: cover;
	background-position: bottom;
}
.photo_errandonea_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_errandoneamassouria/photo_errandoneamassouria-7.jpg);
	background-size: cover;
	background-position: bottom;
}




























/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------------- DESIGN  -------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#work_catchywords{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	padding-top: 120px;
	
	position: relative;
}
.work_catchywords_logo{width: 250px;}
.work_catchywords_logo img{width: 100%;}
.work_catchywords_wrap{
	width: 300px;
	height: 400px;
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
}
.work_catchyword1{
	font-family: "guyon";
	font-size: 60px;
	color: goldenrod;
	position: absolute;
	margin-left: 0px;
	padding-bottom: 100px;
	
	
}
.work_catchyword2{
	font-family: "guyon";
	font-size: 80px;
	color: salmon;
	
}
.work_catchyword3{
	font-family: "guyon";
	font-size: 90px;
	color: #BE9D5C;
	position: absolute;
	padding-top: 120px;
	margin-left: 40px;
}
.work_catchyword4{
	font-family: "guyon";
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: lightyellow;
	position: absolute;
	padding-top: 220px;
	margin-left: -60px;
}




.work_catchywords_logo_photo{width: 250px; 
	position: absolute;
	margin-bottom: 150px;
	margin-right: 250px;
}
.work_catchywords_logo_photo img{width: 100%; opacity: 0.8}
.work_catchywords_wrap_photo{
	width: 300px;
	height: 400px;
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	
	margin-left: 150px;
	
}


#work_catchywords_small{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	margin-bottom: 0;
	bottom: 20px;
	right: 20px;
	
	position: absolute;
	transform: translate(0%, -50%);
	
	display: none;
}
.work_catchywords_logo_small{width: 250px;}
.work_catchywords_logo_small img{width: 100%; margin-left: 50px;}
.work_catchywords_wrap_small{
	width: 300px;
	height: 400px;
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	
	position: absolute;
	right: 0;
	top: 0;
}
.work_catchyword1_small{
	font-family: "guyon";
	font-size: 60px;
	color: goldenrod;
	position: absolute;
	margin-left: 0px;
	padding-bottom: 100px;
	
	
}
.work_catchyword2_small{
	font-family: "guyon";
	font-size: 80px;
	color: salmon;
	margin-left: 50px;
}
.work_catchyword3_small{
	font-family: "guyon";
	font-size: 90px;
	color: lightgoldenrodyellow;
	position: absolute;
	padding-top: 120px;
	margin-left: 0px;
}

@media only screen and (max-width: 43rem){
	#work_catchywords{display: none;}
	.work_photo_slogan_text{margin-top: 200px;}
	#work_catchywords_small{display: flex;
}
}












/*-- SECTION 1 : LANDING PAGE --*/
#work_design_intro{
	
	width: 100%;
	height: 100vh;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	position: relative;
	
	background-image: linear-gradient(rgba(0, 0, 0,0.2) 70%, rgba(0, 0, 0,1)), url("images/design/graphicdesign/logo_claire0.jpg");
	background-size: cover;
	background-position: top center;
	
	overflow: hidden;
		
}
.work_design_intro_title{
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	
	position: absolute;
	right: 50px;
	
	/*
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(images/photo_carnavalsansebastian/photo_sansebastian-2.jpg);
	background-position: center;
	background-size: cover;
	*/
	
}
.work_design_intro_anchor{
	margin: 0;
	padding: 0;
	width: 100px;
	
	
}
.work_design_intro_title_word1{
	margin: 0;
	padding: 0;
	
	font-family: "guyon";
	font-size: 20px;
	color: antiquewhite;
	letter-spacing: 2px;
	
	text-transform: uppercase;
	
}
.work_design_intro_title_word2{
	margin: 0;
	padding: 0;
	
	font-family: "over";
	font-size: 20px;
	color: antiquewhite;
	text-transform: lowercase;
	letter-spacing: 2px;
	
	opacity: 1;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	
	text-transform: uppercase;
	
	
}
.work_design_intro_title_word3{
		margin: 0;
	padding: 0;
	
	font-family: "over";
	font-size: 20px;
	color: lightskyblue;
	text-transform: uppercase;
	
	margin-top: 0px;
	opacity: 1;
	
	letter-spacing: 2px;
	
}
.work_design_intro_text{
	width: 50%;
	margin: 0;
	
	font-family: "nexalight";
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 8px;
	color: antiquewhite;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	
}

@media only screen and (max-width: 43rem){
	#work_design_intro{background-image: linear-gradient(rgba(0, 0, 0,0.2) , rgba(0, 0, 0, 0.9)), url("images/design/graphicdesign/logo_claire0.jpg");
		
}
}

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


/*-- SECTION 2 : INTRO PHOTOS --*/

/*-- SECTION 3 : INTRO PHOTOS --*/
#work_design_intro2{
	width: 100%;
	height: auto;
	min-height: 100vh;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	
	position: relative;
	
	overflow: hidden;
}
.work_design_intro2_column{
	width: 49%;
	height: auto;
	border-radius: 5px;
}
.work_design_intro2_column1{}
.work_design_intro2_column1_row1{
	background-image: url("images/design/graphicdesign/logo_claire1.jpg");
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 100vh;
	
	margin-bottom: 10px;
}
.work_design_intro2_column1_row2{
	background-image: url(images/design/graphicdesign/logo_lar1.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 50vh;
}

.work_design_intro2_column2{margin-top: 50px;}
.work_design_intro2_column2_row1{
	background-image: url(images/design/webdesign/design_tizianacavaliereweb.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 50vh;
	margin-bottom: 10px;
}
.work_design_intro2_column2_row2{
	background-image: url("images/design/webdesign/web_mockup.png");
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 100vh;
}

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


/*-- SECTION 3 : INTRO PHOTOS --*/
.work_edition_intro2_column{
	width: 49%;
	height: auto;
	border-radius: 5px;
}
.work_edition_intro2_column1{}
.work_edition_intro2_column1_row1{
	background-image: url("images/edition/filter.JPG");
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 100vh;
	
	margin-bottom: 10px;
}
.work_edition_intro2_column1_row2{
	background-image: url("images/edition/computer.jpg");
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 50vh;
}

.work_edition_intro2_column2{margin-top: 50px;}
.work_edition_intro2_column2_row1{
	background-image: url("images/edition/photo_design_bg.jpg");
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 50vh;
	margin-bottom: 10px;
}
.work_edition_intro2_column2_row2{
	background-image: url("images/edition/ebook.jpg");
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 100vh;
}






.graphicdesign{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/graphicdesign/logo_zes2.png);
	background-position: center;
	background-size: cover;
}
.logo{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/logo_zes2.png);
	background-position: center;
	background-size: cover;
}
.webdesign{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url("images/design/webdesign/design_tizianacavaliereweb.jpg");
	background-position: center;
	background-size: cover;
}
.illustration{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/illustration_bg.jpg);
	background-position: center;
	background-size: cover;
}
.catalogue{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/catalogue.jpg);
	background-position: center;
	background-size: cover;
}
.cartedevisite{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/logo_dylan1.jpg);
	background-position: center;
	background-size: cover;
}
.cartedevoeux{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/ill_errandonea1.png);
	background-position: center;
	background-size: cover;
}
.affichea3{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/design_claretiano0.png);
	background-position: center;
	background-size: cover;
}


.design_fishandshots_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/design_fish0.png);
	background-position: center;
	background-size: cover;
}
.design_tiziana_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/design_tizianacavaliereweb.jpg);
	background-position: center;
	background-size: cover;
}
.design_errandonea_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/errandonea1.png);
	background-position: center;
	background-size: cover;
}

















.right_lane{
	width: 0%;
	height: 100vh;
	background-color: wheat;
	position: fixed;
	right: 0;
	top: 0;
	transition: 1s;
}
.right_lane_show{
	width: 20%;
}
.right_lane_hide{
	width: 0%;
}
.right_lane_filter{
	filter: invert(100%);
}


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

footer{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	position: fixed;
	bottom: 0;
	height: 80px;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: flex-end;
	padding: 0;
	
	
	
	z-index: 1000;
	
	width: 10%;
	height: 100vh;
	right: 0;
	
}




.footer{
	display: none;
	z-index: 1500;}
.footer_invert{
	filter: invert();
}

.footer_block{
	width: 100%;
	height: 100vh;
	background-color: black;
	
	color: aliceblue;
	font-family: "nunito";
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.footer_info{
	width: 70%;
	height: 100%;
	margin-left: auto;
	
	text-align: center;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	
}
.footer_title{
	font-family: "cream";
	font-size: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	
	padding: 0;
	margin: 5px;
}
.footer_text{
	font-family: "nunito";
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	
	padding: 0;
	margin: 0;
}

.socialmedia_buttons{
	padding: 19px;
	top: 50%;
	vertical-align: middle;}



.footer_shortroom_socialmedia_buttons img{
		cursor: pointer;
		margin: 0;
		padding: 0px;
		margin-left: 20px;
		justify-content: center;
	height: 20px;
	width: 20px;
	
}
.footer_shortroom_socialmedia_buttons2{
		cursor: pointer;
		margin: 0;
		padding: 0px;
		margin-left: 0px;
		justify-content: center;
	
}
.footer_shortroom_socialmedia_buttons2 img{
	margin: 15px;
	margin-top: 0;
	margin-bottom: 0;
	height: 20px;
}

.main_socialmedias{
	margin-bottom: 40px;
	z-index: 1000;
	cursor: pointer;
	transition: 1s;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	
}
.main_socialmedias img{
	
	height: 20px;
	margin-top: 15px;
}
.main_socialmedias2{
	position: static;
	right: 0px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
}
.main_socialmedias2 img{
	
	height: 15px;
	margin-right: 20px;
	
}

@media only screen and (max-width: 43rem){
	.main_socialmedias{display: none;}
	
}



































































.down_arrow{
	width: 25px;
	bottom: 0px;

}

			/* ------- Down Arrow -------- */

			.downarrow{
			width: 30px;
			position: absolute;
			right: 50%;
			transform: translateX(50%);
			bottom: 20px;
		}

			.downarrow_black{
				width: 30px;
				position: absolute;
				right: 50%;
				transform: translateX(50%);
				bottom: 20px;
				filter: invert();
			}

			
			.black{color: black}

			.invert {
					filter: invert();
}

			.difference{mix-blend-mode: difference;}


			@media only screen and (max-width: 600px){
	
	.downarrow{
			display: none;
		}
	
}


































/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*------------------------------ LIGHTBOX STRUCTURE -----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/



	.content{
				width: 250px;
				min-height: 250px;
				aspect-ratio: 1 / 1 ;
				margin: 10px;
				margin-left: auto;
				margin-right: auto;
				display: flex;
				flex-flow: column wrap;
				align-items: center;
				justify-content: center;

				flex-basis: 1;

				cursor: pointer;
		text-decoration: none;
		
		position: relative;
			}
	.content h5{
				font-family: "cream";
				text-align: center;
				color: white;
				padding: 0;
				margin: 0;
			}
	.content p{
		width: 95%;
		font-family: "cream";
		letter-spacing: 3px;
		font-size: 26px;
		text-transform: uppercase;
		text-align: center;
		color: white;
		padding: 0;
		margin: 0;
					}
	.content_details {
		width: 95%;
		font-family: "proxima";
		letter-spacing: 2px;
		font-size: 10px;
		text-transform: uppercase;
				text-align: center;
				color: white;
				padding: 0;
				margin: 0;
		
		position: absolute;
		bottom: 20px;
					}
	.content_detail{
		font-family: "proxima";
		text-transform: none;
		font-size: 12px;
	}
	.content_detail2{
		font-family: "proxima";
		font-size: 12px;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.content2{
				width: 250px;
				min-height: 250px;
				aspect-ratio: 1 / 1 ;
				margin: 10px;
				margin-left: auto;
				margin-right: auto;
				display: flex;
				flex-flow: column wrap;
				align-items: center;
				justify-content: center;

				flex-basis: 1;

				cursor: pointer;
		text-decoration: none;
		
		position: relative;
			}


	@media only screen and (max-width: 43rem){
		.content{
			width: 100%;
			min-height: auto;
			aspect-ratio: 3/2 ;
		}
	}



	.modal2 {
	  display: none;
		position: fixed;
		top: 0;
		left: 0;

	  z-index: 5000;
	  padding: 0;

	  width: 100%;
	  height: 100%;
	  overflow: auto;

		background-size: cover;
		background-position: center;
		box-shadow: 1px 3px 4px black;
		
		background-color: black;
	}
	.modal2::-webkits-scrollbar{display:none;}

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

		position: fixed;
		top: 0;
	}
	.modal-content::-webkits-scrollbar{display:none;}

	#modal_slider{
				display: flex;
				flex-direction: row;
				align-items: center;
				align-content: center;
				width: 	100%;
				height: calc(100vh - 140px);
				position: relative;
				flex-wrap: wrap;
				justify-content: center;
				text-align: center;
				overflow: hidden;
				
		background-color: black;
			}
	#modal_slider::-webkits-scrollbar{display:none;}

	.slide {	

					width: 80%;
					height: 100%;
						/*
						display: flex;
						flex-direction: row;
						align-items: center;
							align-content: center;
						position: relative;
							flex-wrap: wrap;
							justify-content: center;
							text-align: center;
						*/
					overflow: hidden;
					background-color: black;
				}
	.slide::-webkits-scrollbar{display:none;}

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

		display: flex;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
		justify-content: center;

		overflow: scroll;

			}
	.slide_content::-webkits-scrollbar{display:none;}

	.slide_photo{
						width: 100%;
						height: auto;
						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' */

						margin-top: 10px;
						margin-bottom: 10px;

						display: flex;
						flex-flow: row wrap;
						align-items: center;
						justify-content: center;
		
		overflow: hidden;

						 }
	.slide_photo::-webkits-scrollbar{display:none;}
	.slide_photo img{
		width: 100%;
		height: auto;
	}
	

	.slide_photo2{
						width: 90%;
						height: 100%;
						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' */

						margin-top: 10px;
						margin-bottom: 10px;

						display: flex;
						flex-flow: row wrap;
						align-items: center;
						justify-content: center;

						 }
	.slide_photo2 img{
		max-width: 100%;
		max-height: 500px;
		border-radius: 10px;
	}


@media only screen and (max-width: 43rem){
	.slide{overflow: scroll;}
	
	.slide_content{
		width: 100%;
		min-height: 100%;
		position: relative;

		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		align-content:  flex-start;
		justify-content:  flex-start;

		overflow: scroll;

			}
	
	.lightbox_menu{
		width: 100%;
		height: auto;
	}
	.lightbox_menu_details{
		width: 80%;
	}
}




.pointer{
	cursor: pointer;
}
.previous{
	position: absolute;
	left: 20px;
	cursor: pointer;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	width: 40px;
	height: 40px;
}
.previous img{
	width: 20px;
	filter: invert();
}
.next{
	position: absolute;
	right: 20px;
	cursor: pointer;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5));
	width: 40px;
	height: 40px;
}
.next img{
	width: 20px;
	filter: invert();
}

.close{
	position: absolute;
	right: 30px;
	top: 40px;
	z-index: 6000;
	
	
}
















/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------------- STUDIO -------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*-- SECTION 1 : LANDING PAGE --*/
#work_studio_intro{
	
	width: 100%;
	height: 100vh;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	position: relative;
	
	background-image: linear-gradient(rgba(0, 0, 0,0.2) 70%, rgba(0, 0, 0,1)), url(images/contact_background.jpg);
	background-size: cover;
	background-position: top center;
	
	overflow: hidden;
		
}

.work_studio_intro_column{
	width: 100%;
	min-height: 100vh;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	align-items: center;
	align-content: center;
}
.work_studio_intro_column_pic1{
	width: 40%;
	margin: auto;
	background-image: url(images/jl_about.JPG);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	height: 100vh;
	
	margin-bottom: 10px;
}

.work_studio_presentation_text{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	
	font-family: "guyon";
	color: floralwhite;
	font-size: 30px;
	text-transform: none;
	letter-spacing: 1px;

	text-align: center;
	padding: 0;
	margin: auto;
	
	
}
.work_studio_presentation_text2{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
	font-family: "nexalight";
	color: sandybrown;
	font-size: 16px;
	text-transform: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	
	letter-spacing: 2px;

	text-align: center;
}
.work_studio_presentation_text3{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
	font-family: "nexalight";
	color: floralwhite;
	font-size: 16px;
	text-transform: none;
	letter-spacing: 1px;

	text-align: center;
	margin-top: 30px;
}

.jlucmaclav{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/art_studio_background3.jpg);
	background-position: center;
	background-size: cover;
}
.fishandshots{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/hooked.JPG);
	background-position: center;
	background-size: cover;
}
.galerielospatas{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/work_lospatas_mu3.JPG);
	background-position: center;
	background-size: cover;
}
.larrrt{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/design/graphicdesign/logo_lar1.jpg);
	background-position: center;
	background-size: cover;
}



@media only screen and (max-width: 800px){
	
	.work_studio_intro_column{
		width: 100%;
		min-height: auto;

		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		text-align: center;
		align-items: center;
		align-content: center;
	}
	
	.work_studio_intro_column_pic1{
		width: 90%;
		height: 90vh;
		margin: auto;
		background-image: url(images/jl_about.JPG);
		background-size: cover;
		background-position: center;
		border-radius: 10px;

		margin-bottom: 30px;
	}

	.work_studio_presentation_text{
		width: 90%;
		margin-left: auto;
		margin-right: auto;

		font-family: "guyon";
		color: floralwhite;
		font-size: 30px;
		text-transform: none;
		letter-spacing: 1px;

		text-align: center;
		padding: 0;
		margin: auto;


	}
}









/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--------------------------------------- EDITION -------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*-- SECTION 1 : LANDING PAGE --*/
#work_edition_intro{
	
	width: 100%;
	height: 100vh;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	position: relative;
	
	background-image: linear-gradient(rgba(0, 0, 0,0.2) 70%, rgba(0, 0, 0,1)), url("images/edition/photo_design_bg.jpg");
	background-size: cover;
	background-position: top center;
	
	overflow: hidden;
		
}

#work_edition_intro2{
	width: 100%;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	
	position: relative;
	
}
.work_edition_intro_row{
	width: 98%;
	min-height: auto;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.work_edition_intro_pic1{
	width: 30%;
	height: 100%;
	background-image: url("images/filter.JPG");
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	opacity: 0;
	aspect-ratio: 1/1;
}
.work_edition_intro_pic2{
	width: 30%;
	height: 100%;
	background-image: url(images/ebook.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	aspect-ratio: 1/1;
	opacity: 0;
}
.work_edition_intro_pic3{
	width: 30%;
	height: 100%;
	background-image: url("images/edition.jpeg");
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	aspect-ratio: 1/1;
	opacity: 0;
}

/*-- SECTION 4 : PRESENTATION --*/
.work_edition_presentation{
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	
	position: relative;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	
	text-align: center;
	
	overflow: hidden;
	
	margin-bottom: 100px;
}
.work_edition_presentation_text{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
	font-family: "nexalight";
	color: floralwhite;
	font-size: 24px;
	text-transform: none;
	letter-spacing: 1px;

	text-align: center;
	margin-top: 200px;
}


.traduction{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/edition/traductions.jpg);
	background-position: center;
	background-size: cover;
}
.editiongraphique{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/catalogue.jpg);
	background-position: center;
	background-size: cover;
}
.editionvideo{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5) 50%), url(images/photo_maider1.jpg);
	background-position: center;
	background-size: cover;
}






/*-- SECTION 6 : CONTACT --*/
#work_contact{
	width: 100%;
	
	height: auto;
	
	position: relative;
	
	display: flex;
	flex-flow: row wrap;
	
	padding-top: 70px;
	
	text-align: center;
	
	overflow: hidden;
}
















.popup{
	width: 100%;
	height: 100%;
	background-color: black;
	
	position: fixed;
	top: 0;
	left: 0;
	
	z-index: 6000;
	
	display: none;
}
.popup_wrapper{
	width: 100%;
	height: 100%;
	
	display: flex;
	flex-flow: column wrap;
	
	text-align: center;
	justify-content: center;
	
}
.popup_wrapper_img{
	max-width: 90%;
	max-height: 90%;
	
	margin-left: auto;
	margin-right: auto;
	
}
.close{
	position: absolute;
	top: 30px;
	right: 30px;
	
	width: 30px;
	height: 30px;
	
	cursor: pointer;
}

#clairelarge{
	display: none;
	
}
#dylanlarge{
	display: none;
	
}
#errandonealarge{
	display: none;
	
}










.uppercase{text-transform: uppercase}




.work_design_row{
	width:100%;
	height: auto;
	display: flex;
	flex-flow: row wrap;
	

}




#graphicdesign{
	position: sticky;
	top: 0;
}
#webdesign{
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/design/webdesign/design_tizianacavaliereweb.jpg");
	background-image: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/design/webdesign/design_tizianacavaliereweb.jpg");
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/design/webdesign/design_tizianacavaliereweb.jpg");
	background-position: center;
	background-size: cover;
	
	margin-top: 30px;
}




.work_photo_prestations_categories2{
	width: calc(100% - 60px);
	
	margin: auto;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	overflow: hidden;
	padding-top: 100px;
	margin-bottom: 200px;
	
	position: relative;
	
	justify-content: space-between;
}
.work_photo_prestations_categories3{
	width: calc(100% - 60px);
	
	margin: auto;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	
	overflow: hidden;
	padding-top: 100px;
	margin-bottom: 200px;
	
	position: relative;
	
	justify-content: space-between;
}

.work_photo_column{
	width: 50%;
	height: auto;
	display: none;
}
.work_box_categorie{
	width: 95%;
	height: 80vh;
	
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	position: relative;	
	
	text-decoration: none; color: inherit;
	
	border-radius: 5px;
	margin-bottom: 20px;
}
.work_box_categorie_textbox{
	width: 70%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
	
	display: flex;
	flex-flow: column wrap;
}
.work_box_categorie_textbox h3{
	
	font-family: "nexa";
	color: antiquewhite;
	font-size: 34px;
	text-transform: uppercase;

	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	letter-spacing: 3px;
	
	
}
.work_box_categorie_textbox p{
	
	margin: auto;
	
	font-family: "nexalight";
	font-size: 10px;
	text-transform: uppercase;
	
	color: white;
	letter-spacing: 1.5px;
	
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

.work_box_categorie_textbox2{
	width: 100%;
	aspect-ratio: 16/9;
	border-radius: 10px;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.work_box_categorie_textbox2 h3{
	
	font-family: "guyon";
	color: antiquewhite;
	font-size: 34px;
	text-transform: uppercase;

	margin: 0;
	padding: 0;
	letter-spacing: 3px;
	
	width: 90%;
	
}
.work_box_categorie_textbox2 p{
	
	margin: auto;
	
	font-family: "nexalight";
	font-size: 10px;
	text-transform: uppercase;
	
	color: white;
	letter-spacing: 1.5px;
	
	margin: 0;
	padding: 0;
	
	width: 90%;
	margin: auto;
}

.work_box_categorie_textbox2_intro{
	
	font-family: "nexalight";
	font-size: 18px;
	
	color: white;
	letter-spacing: 1px;
	
	width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
}
.work_box_categorie_textbox2_words{
	
	font-family: "guyon";
	font-size: 18px;
	color: lightsalmon;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	text-align: center;
	margin-top: 20px;
}
.work_box_categorie_textbox2_text{
	
	font-family: "nexalight";
	font-size: 14px;
	
	color: white;
	letter-spacing: 1px;
	
	width: 100%;
	margin: auto;
	text-align: center;
	padding-top: 20px;
}
.work_box_categorie_textbox2_ul{
	
	font-family: "guyon";
	font-size: 20px;
	text-transform: uppercase;
	
	color: white;
	letter-spacing: 1px;
	text-align: center;
	
	list-style: none;
	
}
.work_box_categorie_textbox2_ul li{ 
	
	display: flex; 
	flex-flow: row wrap; 
	align-items: center; 
	align-content: center; 
	justify-content: center;
	margin-bottom: 10px;}
.work_box_categorie_textbox2_ul li img{
	width: 30px; 
	margin-right: 20px;
	margin-left: 20px;
}


/*-- DESIGN SERVICES --*/

.work_graphicdesign_box{
	width: 95%;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	 align-items: center;
	align-content: center;
	
	margin-bottom: 30px;
}

.work_graphicdesign_box1 {
	width: 49%; 
	aspect-ratio: 1/1;
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/design/graphicdesign/logo.png"); 
	background-position: center;
	background-size: cover;
	border-radius: 10px;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	position: sticky;
	top: 0;
}
.work_graphicdesign_box h3{
	font-family: "guyon";
	text-transform: uppercase;
	color: antiquewhite;
	letter-spacing: 3px;
	font-size: 40px;
	padding: 0;
	margin: 0;
}

.work_edition_box1 {
	width: 49%; 
	aspect-ratio: 4/3;
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/edition/translation.jpg"); 
	background-position: center;
	background-size: cover;
	border-radius: 10px;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	position: sticky;
	top: 0;
}
.work_edition_box h3{
	font-family: "guyon";
	text-transform: uppercase;
	color: antiquewhite;
	letter-spacing: 3px;
	font-size: 40px;
	padding: 0;
	margin: 0;
}
.work_edition_box ul{
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	
	 width: 100%;
	font-family: "nunito";
	font-size: 20px;
	
	color: white;
	letter-spacing: 1px;
	
	padding: 0;
	margin: 0;
	
	
}

.work_design_box2 {width: 49%;}
.work_design_box2 ul{
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	
	 width: 100%;
	font-family: "nunito";
	font-size: 20px;
	
	color: white;
	letter-spacing: 1px;
	
	padding: 0;
	margin: 0;
	
	
}
.work_design_box2 ul li{ 
	font-weight: 100;
	list-style: none;
}

@media only screen and (max-width: 43rem){
	.work_graphicdesign_box1{width: 100%;}
	.work_design_box2{ width: 100%; margin: auto; margin-top: 20px;}
	.work_design_box2 ul li{text-align: center; justify-content: center;margin: auto;}
}

.work_design_box3 {width: 49%;}
.work_design_box3 ul{
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	
	 width: 100%;
	font-family: "nunito";
	font-size: 20px;
	
	color: white;
	letter-spacing: 1px;
	
	padding: 0; margin: 0;
	
	
}
.work_design_box3 ul li{ 
	margin-right: 30px;
	font-weight: 100;
	list-style: none;
	text-align: right;
}

.work_graphicdesign_box3 {
	width: 70%;
	margin: auto;
	display: flex;
	flex-flow:  column wrap;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	
}
.work_graphicdesign_box3 p {
	font-family: "nunito";
	color: antiquewhite;
	font-size: 20px;
	font-weight: 100;
}

.work_webdesign_box1 {
	width: 49%; 
	aspect-ratio: 1/1;
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/design/webdesign/design_patas0.png"); 
	background-position: center;
	background-size: cover;
	border-radius: 10px;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	position: sticky;
	top: 0;
	
	order: 999;
}
.work_webdesign_box1 h3{
	font-family: "guyon";
	text-transform: uppercase;
	color: antiquewhite;
	letter-spacing: 3px;
	font-size: 40px;
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 43rem){
	.work_webdesign_box1 {
		width: 100%;
		order: 0;}
	.work_design_box3{ width: 100%; margin: auto; margin-top: 20px; padding: 0;}
	.work_design_box3 ul li{text-align: center; justify-content: center;margin: auto; }
}

.work_box_categorie2{
	width: 49%;
	height: 80vh;
	
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	position: relative;	
	
	text-decoration: none; color: inherit;
	
	border-radius: 5px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 980px){
		.work_box_categorie_textbox h3{
	font-size: 30px;
}
	}
@media only screen and (max-width: 43rem){
	.work_photo_column{
	width: 100%;
	height: auto;
		justify-content: center;
}
	.work_box_categorie{
	width: 100%;
}
	}


.work_photo_prestations_categories_wrapper2{
	width: 49%;
	height: 100%;
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-end;
	position: relative;	
	
	border-radius: 5px;
	min-height: 80vh;
	
	
	margin-bottom: 50px;
	
	overflow: hidden;
	
	position: relative;
}
.work_photo_prestations_categories_wrapper2 a{text-decoration: none; color: inherit;}


/*-- Presentation --*/
#work_presentation_wrap{
	width: 100%;
	height: auto;
	
	
}
.work_presentation{
	width: 100%;
	height: 70vh;
	
	margin-left: auto;
	margin-right: auto;
	
	
	
	display: flex;
	flex-flow: column wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-end
	
	
}
.work_presentation_logo{
	width: 180px; 
	margin: 0; 
	padding: 0; 
	
	position: absolute;
	top: -100px;
	right: 150px;
	opacity: 0.4;
	
}
.work_presentation_text{
	margin: 0;
	padding: 0;
	margin-bottom: 100px;
	margin-left: 10%;
	
	position: relative;
}
.work_presentation_text h1{
	font-family: "guyon";
	color: antiquewhite;
	text-transform: uppercase;
	font-size: 40px;
	letter-spacing: 2px;
	line-height: 1;
	
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	
}
.work_presentation_text p{
	color: aliceblue;
	font-family: "nexalight";
	letter-spacing: 1.5px;
	font-size: 16px;
	
	padding: 0;
	margin: 0;
	margin-bottom: 50px;
	
}
.work_presentation_text_word {
	font-size: 18px;
	color: darksalmon;
	margin: 0;
	padding: 0;
	margin-left: 30px;
}

.work_presentation2{
	width: 80%;
	height: auto;
	
	
	margin: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	
	
}
.work_presentation2_title{
	color: wheat;
	font-family: "nexa2";
	letter-spacing: 1.5px;
	font-size: 20px;
	
	padding: 0;
	margin: 0;
	margin-bottom: 0px;
	
	text-transform: uppercase;
	
}
.work_presentation2_subtitle{
	color: aliceblue;
	font-family: "nexa2";
	letter-spacing: 1.5px;
	font-size: 25px;
	
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	
	text-transform: uppercase;
	
}
.work_presentation2_text{
	color: aliceblue;
	font-family: "nexalight";
	letter-spacing: 1px;
	font-size: 20px;
	
	padding: 0;
	margin: 0;
	margin-bottom: 50px;
	
}


#photo_presentation_event_bg{
	background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)), url("images/photo/photo_events/photo_fetedelamusique/photo_fetedelamusique-5.jpg");
	background-size: cover;
	background-position: center;
}
#photo_presentation_lifestyle_bg{
	background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)), url("images/photo/photo_lifestyle/photo_marilyn/heidi.jpg");
	background-size: cover;
	background-position: center;
}
.work_presentation_logo_lifestyle{
	width: 180px; 
	margin: 0; 
	padding: 0; 
	
	position: absolute;
	top: -100px;
	right: 0px;
	opacity: 0.4;
	
}
#photo_presentation_sport_bg{
	background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)), url("images/photo/photo_sports/photo_sports.JPG");
	background-size: cover;
	background-position: top;
}
#photo_presentation_architecture_bg{
	background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)), url("images/photo/photo_archi/photo_qbidart/photo_qbidart-1.jpg");
	background-size: cover;
	background-position: center;
}
.work_presentation_logo_architecture{
	width: 180px; 
	margin: 0; 
	padding: 0; 
	
	position: absolute;
	top: -100px;
	left: 100px;
	opacity: 0.4;
	
}
#photo_presentation_entrepise_bg{
	background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)), url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea-4.jpg");
	background-size: cover;
	background-position: center;
}
.work_presentation_logo_entreprise{
	width: 180px; 
	margin: 0; 
	padding: 0; 
	
	position: absolute;
	top: -100px;
	left: 100px;
	opacity: 0.4;
	
}

#design_presentation_webdesign_bg{
	background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)), url("images/design/webdesign/design_tizianacavaliereweb.jpg");
	background-size: cover;
	background-position: bottom;
}
#design_presentation_graphicdesign_bg{
	background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1)), url("images/design/graphicdesign/logo_claire0.jpg");
	background-size: cover;
	background-position: center;
}


/*-- Intro --*/
#work_intro_wrap{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
	min-height: 30vh;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	
}
.work_intro_wrap_txt1{
	width: 100%;
	
	color: floralwhite;
	font-size: 22px;
	letter-spacing: 1px;
	font-family: "nexalight";
	text-align: center;
	
	opacity: 0.3;
	
	padding-top: 100px;
	padding-bottom: 200px;
}
.work_intro_wrap_txt2{
	width: 80%;
	margin: auto;
	min-height: 50vh;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	align-itemt: center;
	justify-content: center;
	
	color: floralwhite;
	font-size: 20px;
	letter-spacing: 1px;
	font-family: "nexalight";
	text-align: center;

}

/*-- Section --*/
#work_section_photos{
	width: 95%;
	
	display: flex;
	flex-flow: column wrap;
	
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 50px;
	
	
}
.photo_evenements_section_photos_img1{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_events/photo_bickert/photo_bickert-9.jpg");
	background-position: center ;
	background-size: cover;
	
	
	margin-left: auto;
	
}
.photo_evenements_section_photos_img2{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_events/sandwichs.JPG");
	background-position: center;
	background-size: cover;
	
	margin-right: auto;
}
.photo_evenements_section_photos_img3{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_events/photo_fetedelamusique/photo_fetedelamusique-12.jpg");
	background-position: center;
	background-size: cover;
	
	margin-left: auto;
	margin-right: 0;
}

#work_section_webdesign{
	width: 95%;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	
	
	
}
.design_webdesign_section_photos_img1{
	width: 30%;
	height: 70vh;
	border-radius: 5px;
	
	background-image: url("images/design/webdesign/design_fish.png");
	background-position: center ;
	background-size: cover;
	
	
}
.design_webdesign_section_photos_img2{
	width: 30%;
	height: 70vh;
	border-radius: 5px;
	
	background-image: url("images/design/webdesign/design_tiz.png");
	background-position: center;
	background-size: cover;
	
}
.design_webdesign_section_photos_img3{
	width: 30%;
	height: 70vh;
	border-radius: 5px;
	
	background-image: url("images/design/webdesign/design_errando.png");
	background-position: center;
	background-size: cover;
	
	
}

#work_section_graphicdesign{
	width: 95%;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	
	
	
}
.design_graphicdesign_section_photos_img1{
	width: 30%;
	height: 70vh;
	border-radius: 5px;
	
	background-image: url("images/design/graphicdesign/logo_claire1.jpg");
	background-position: center ;
	background-size: cover;
	
	
}
.design_graphicdesign_section_photos_img2{
	width: 30%;
	height: 70vh;
	border-radius: 5px;
	
	background-image: url("images/design/graphicdesign/ill_supay3.jpg");
	background-position: center;
	background-size: cover;
	
}
.design_graphicdesign_section_photos_img3{
	width: 30%;
	height: 70vh;
	border-radius: 5px;
	
	background-image: url("images/design/graphicdesign/logo_dylan1.jpg");
	background-position: center;
	background-size: cover;
	
	
}


.photo_evenements_intro_photos_img1{
	
	background-image: url(images/photo/photo_events/photo_bickert/photo_bickert-10.jpg);
	background-size: cover;
	background-position: center;
}
.photo_evenements_intro_photos_img2{
	
	background-image: url(images/photo/photo_events/photo_fetedelamusique/photo_fetedelamusique-5.jpg);
	background-size: cover;
	background-position: center;
}

.photo_lifestyle_section_photos_img1{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_lifestyle/photo_edendjill/photo_edendjill-2.jpg");
	background-position: center ;
	background-size: cover;
	
	
	margin-left: auto;
	
}
.photo_lifestyle_section_photos_img2{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_lifestyle/fab.jpg");
	background-position: center -80px;
	background-size: cover;
	
	margin-right: auto;
}
.photo_lifestyle_section_photos_img3{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_lifestyle/photo_marilyn/marilyn_bg4.jpg");
	background-position: center -230px;
	background-size: cover;
	
	margin-left: auto;
}

.photo_sport_section_photos_img1{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_sports/photo_sinoe/photo_sinoe-3.jpg");
	background-position: center ;
	background-size: cover;
	
	
	margin-left: auto;
	
}
.photo_sport_section_photos_img2{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_sports/photo_fantagaro/photo_fantagaro-2.jpg");
	background-position: center;
	background-size: cover;
	
	margin-right: auto;
}
.photo_sport_section_photos_img3{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_sports/photo_openfrance/photo_open-2.jpg");
	background-position: center -60px ;
	background-size: cover;
	
	margin-left: auto;
}

.photo_archi_section_photos_img1{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_archi/photo_qbidart/photo_qbidart-2.jpg");
	background-position: center ;
	background-size: cover;
	
	
	margin-left: auto;
	
}
.photo_archi_section_photos_img2{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_archi/photo_birchler/photo_birchler-2.jpg");
	background-position: center;
	background-size: cover;
	
	margin-right: auto;
}
.photo_archi_section_photos_img3{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_archi/photo_airbnb/photo_airbnb-2.jpg");
	background-position: center;
	background-size: cover;
	
	margin-left: auto;
}

.photo_entreprise_section_photos_img1{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_entreprise/photo_future/photo_future-1.jpg");
	background-position: center ;
	background-size: cover;
	
	
	margin-left: auto;
	
}
.photo_entreprise_section_photos_img2{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_entreprise/photo_adc/photo_adc-1.jpg");
	background-position: center;
	background-size: cover;
	
	margin-right: auto;
}
.photo_entreprise_section_photos_img3{
	width: 70%;
	height: 250px;
	border-radius: 5px;
	margin-bottom: 30px;
	
	background-image: url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea.jpg");
	background-position: center;
	background-size: cover;
	
	margin-left: auto;
}


@media only screen and (max-width: 768px){
		.photo_lifestyle_section_photos_img2{
			background-position: center center;
	}
	}

/*-- Presentation --*/
#work_section_text{
	width: 40%;
	
	
	display: flex;
	flex-flow:  row wrap;
	
	position: absolute;
	bottom: 100px;
	margin-left: 50px;
	
}


.work_section_intro_pretext{
	width: 100%;
	color: floralwhite;
	font-size: 12px;
	letter-spacing: 5px;
	font-family: "nautica";
	
	line-height: 1;
	text-transform: uppercase;
	
}
.work_section_intro{
	flex: 1 1 0; /* Prend tout l'espace restant disponible */
}
.work_section_intro h1{
	width: auto;
	margin: 0;
	align-content: 0;
	font-family: "nexa";
	font-size: 70px;
	letter-spacing: 2px;
	color: floralwhite;
	
	text-transform: uppercase;
	line-height: 1;
	
}
.work_section_intro_text{
	width: 100%;
	color: floralwhite;
	font-size: 18px;
	letter-spacing: 1px;
	font-family: "nexalight";
	
	line-height: 1;
	
}




@media only screen and (max-width: 43rem){
	#work_section_text{
	width: 80%;
	
	display: flex;
	flex-flow:  row wrap;
	
	position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0 auto; /* centre horizontalement */
	
}
	.work_section_intro h1{
		font-size: 50px;
	}
	.work_section_intro p{
	width: 90%;
	color: floralwhite;
	font-size: 20px;
	letter-spacing: 1px;
	font-family: "nexalight";
	
}
}


/*-- Prestations --*/
#work_prestations{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	width: 90%;
	margin: auto;
	height: auto;
	
	padding-top: 20px;
	padding-bottom: 20px;
	
	margin-bottom: 100px;
	border-radius: 10px;
	
	
	
}
.work_prestations_logo{
	width: 50%;
	justify-content: center;
	text-align: center;
}
.work_prestations_logo img{width: 40vw; opacity: 0.5}

.work_prestations_cloud{
	width: 50%;
}
.work_prestations_cloud ul{
	width: 100%;
	color: darksalmon;
	font-family: "guyon";
	font-size: 50px;
	justify-content: center;
	text-align: center;
	padding: 0;
	margin: 0;
}
.work_prestations_cloud ul li{list-style: none; opacity: 0;}

.photo_prestations_event_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/photo/photo_events/photo_floetjp/photo_floetjp-11.JPG");
	background-position: center;
	background-size: cover;
}
.photo_prestations_lifestyle_bg{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/photo/photo_lifestyle/photo_marilyn/marilyn_bg.jpg");
	background-position: center;
	background-size: cover;
}

@media only screen and (max-width: 980px){
		#work_prestations{
			display: flex;
			flex-flow: column wrap;
			

		}
	}





/*-- Galerie --*/
.work_galerie{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	
}
.work_galerie_section{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	margin-bottom: 30px;
}
.work_galerie_section img{
	width: 40px;
	margin-right: 20px;}
.work_galerie_section h3{
	font-family: "nunito";
	font-weight: 100;
	color: antiquewhite;
	font-size: 40px;
	padding: 0;
	margin: 0;
}
.work_galerie_section p{
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	
	font-family: "nunito";
	text-transform: uppercase;
	color: antiquewhite;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 100;
}
.work_galerie_section a {
	font-family: "nunito";
	color: antiquewhite;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 100;
	text-decoration: none;color: antiquewhite; border-bottom: 1px solid antiquewhite;}

.work_galerie2{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	
	text-align: center;
	
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
.work_galerie2_box{
	flex-basis: 32%;
	aspect-ratio: 1/1;
	color: white;
	background-color: aliceblue;
	margin: auto;
}

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

.work_galerie_column{
	display: flex;
	flex-flow: column wrap;
	align-items: flex-start;
	align-content: flex-start;
	
	width: 32%;
	
	cursor: pointer;

}
.work_galerie_column_img{
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	
	border-radius: 10px;
	
	display: flex;
	flex-flow: row wrap;
	align-content: flex-end;
	align-items: flex-end;
	
	padding-bottom: 30px;
	
	aspect-ratio : 1/1;
}


.work_galerie_column_text1{
	width: 90%;
	margin: auto;
	font-family: "nexa2";
	font-size: 20px;
	color: white;
	text-transform: uppercase;
	
	cursor: pointer;
	transition: 1s;
	
	text-align: right;
	padding: 0;
	margin: 0;
	
}
.work_galerie_column_text2{
	width: 90%;
	margin: auto;
	font-family: "nunito";
	font-size: 10px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 2px;
	
	cursor: pointer;
	transition: 1s;
	
	text-align: right;
	padding: 0;
	margin: 0;
	
}

.work_galerie_column2{
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	
	width: 49%;
	

}
.work_galerie_column_img2{
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	
	border-radius: 10px;
	
}
.work_galerie_column_img2 img{
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	
	border-radius: 10px;
	
}
.work_galerie_column_img2 p{
	width: auto;
	font-family: "nunito";
	font-size: 24px;
	color: white;
	text-transform: uppercase;
	border: 1px solid white;
	padding: 3px;
	cursor: pointer;
	transition: 1s;
}
.work_galerie_details{font-size: 9px;}

.work_galerie_row{
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	
	border-radius: 10px;
	
	display: flex;
	flex-flow: row wrap;
	align-content: flex-end;
	align-items: flex-end;
	
	justify-content: space-around;
	
	padding-bottom: 30px;
	
	cursor: pointer;

}
.work_galerie_row_img{
	width: 32%;
	aspect-ratio : 3 / 4;
	margin-bottom: 10px;
	
	border-radius: 10px;
	
	display: flex;
	flex-flow: row wrap;
	align-content: flex-end;
	align-items: flex-end;
	
	padding-bottom: 30px;
}
.work_galerie_row_img img{
	width: 100%;
}


@media only screen and (max-width: 800px){
	.work_galerie{display: flex; flex-flow: column wrap;}
	.work_galerie_column{width: 100%;}
	.work_galerie_column_img{height: 300px;}
	
	.work_galerie_row{
		width: 90%;
		margin: auto;
		height: 100%;
		margin-bottom: 10px;

		border-radius: 10px;

		display: flex;
		flex-flow: column wrap;
		align-content: center;
		align-items: center;

		justify-content: space-around;

		padding-bottom: 30px;

		cursor: pointer;

	}
	.work_galerie_row_img{
		width: 100%;
		aspect-ratio : 3 / 4;
		margin-bottom: 10px;

		border-radius: 10px;

		display: flex;
		flex-flow: row wrap;
		align-content: flex-end;
		align-items: flex-end;

		padding-bottom: 30px;
	}
	
}






.work_clients{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	
	width: 80%;
	
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	
	padding-top: 100px;
	padding-bottom: 100px;
}

.work_clients_particulier{
	display: flex;
	flex-flow: row wrap;
	color: white;
	font-family: "nunito";
}
.work_clients_particulier ul{
	width: auto;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: space-around;
}
.work_clients_particulier li{list-style: none; margin: 0px;}

.work_clients_pro{width: 100%; padding-top: 0px;}
.work_clients_pro ul{
	width: auto;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: space-around;
}
.work_clients_pro li{list-style: none; width: 100px;margin-bottom: 0px;}
.work_clients_pro li img{width: 70px;}

@media only screen and (max-width: 800px){
	.work_clients{
		width: 95%;
	}
	.work_clients_pro li{list-style: none; width: 100px;margin-bottom: 50px;}
}

/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*------------------- PHOTO --------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/



/*------------------- EVENTS --------------------------*/


#gpsc_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/photo/photo_events/photo_gpsc2025/photo_gpsc2025_bg.jpg");
	background-size: cover;
	background-position: center;
}
.gpsc_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_events/photo_gpsc2025/photo_gpsc2025_bg.jpg");
	background-size: cover;
	background-position: center;
}
#gpsc{display: none;}

#wheelsandwaves_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/photo/photo_events/photo_wheelsandwaves2025/photo_wheelsandwaves_bg.jpg");
	background-size: cover;
	background-position: center;
}
.wheelsandwaves_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_events/photo_wheelsandwaves2025/photo_wheelsandwaves_bg.jpg");
	background-size: cover;
	background-position: center;
}
#wheelsandwaves{display: none;}

#hotdoggers_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/photo/photo_events/photo_hotdoggers2025/photo_hotdoggers2025_bg.jpg");
	background-size: cover;
	background-position: center;
}
.hotdoggers_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_events/photo_hotdoggers2025/photo_hotdoggers2025_bg.jpg");
	background-size: cover;
	background-position: center;
}
#hotdoggers{display: none;}

#walkabout_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/photo/photo_events/photo_walkabout/photo_walkabout_bg.jpg");
	background-size: cover;
	background-position: center;
}
.walkabout_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url("images/photo/photo_events/photo_walkabout/photo_walkabout_bg.jpg");
	background-size: cover;
	background-position: center;
}
#walkabout{display: none;}

#redbullocean24_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,.3)), url("images/photo/photo_events/photo_redbullocean24/photo_redbullocean24-1.jpg");
	background-size: cover;
	background-position: center;
}
#redbullocean24{display: none;}

#marider2024_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,.3)), url("images/photo/photo_events/photo_maider2024/photo_maider2024-3.jpg");
	background-size: cover;
	background-position: center;
}
#maider2024{display: none;}

#unamilonga_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,.3)), url("images/photo/photo_events/photo_tangosanti/studiomaclav-tangosanti-2.jpg");
	background-size: cover;
	background-position: center;
}
.unamilonga_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,.7)), url("images/photo/photo_events/photo_tangosanti/studiomaclav-tangosanti-2.jpg");
	background-size: cover;
	background-position: center;
}
#unamilonga{display: none;}

#openfrancebodysurf23_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,.3)), url("images/photo/photo_events/photo_openfrancebodysurf23/photo_openfrancebodysurf23-7.jpg");
	background-size: cover;
	background-position: center;
}
#openbodysurf23{display: none;}

#alexiaetvincent_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,.3)), url("images/photo/photo_events/photo_bickert/bickert_bg.jpg");
	background-size: cover;
	background-position: center;
}
	#alexiaetvincent{display: none;}

#carnavaldonostia_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,.3)), url("images/photo/photo_events/photo_carnavalsansebastian/photo_sansebastian-2.jpg");
	background-size: cover;
	background-position: center;
}
#carnavaldonostia{display: none;}

#carnavalsanseb_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,.3)), url("images/photo/photo_events/photo_carnavalsansebastian/photo_sansebastian-2.jpg");
	background-size: cover;
	background-position: center;
}
.carnavalsanseb_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,.7)), url("images/photo/photo_events/photo_carnavalsansebastian/photo_sansebastian-2.jpg");
	background-size: cover;
	background-position: center;
}
#carnavalsanseb{display: none;}

#fetedelamusique22_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,.3)), url("images/photo/photo_events/photo_fetedelamusique/photo_fetedelamusique-2.jpg");
	background-size: cover;
	background-position: center;
}
.fetedelamusique22_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,.7)), url("images/photo/photo_events/photo_fetedelamusique/photo_fetedelamusique-2.jpg");
	background-size: cover;
	background-position: center;
}
#fetedelamusique22{display: none;}

#floetjp_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,.3)), url("images/photo/photo_events/photo_floetjp/photo_floetjp_bg.jpg");
	background-size: cover;
	background-position: center;
}
.floetjp_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,.7)), url("images/photo/photo_events/photo_floetjp/photo_floetjp_bg.jpg");
	background-size: cover;
	background-position: center;
}
#floetjp{display: none;}





#photo_event_column3_events1{
	width: 100%;
	aspect-ratio: 1/1;
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,.5)),  url("images/photo/photo_events/photo_sudouest/photo_sudouest-1.jpg");
	background-size: cover;
	background-position: center;
}
	#sudouestrecit{display: none;}






/*------------------- LIFESTYLE --------------------------*/
/*- Photos portaits -*/
#nafarroa_bg{
	width: 100%;
	background-image: url("images/photo/photo_lifestyle/photo_nafarroa/photo_nafarroa-5.jpg");
	background-size: cover;
	background-position: center;
}
.nafarroa_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_lifestyle/photo_nafarroa/photo_nafarroa-5.jpg");
	background-size: cover;
	background-position: center;
}
#nafarroa{display: none}
#home_bg{
	width: 100%;
	background-image: url("images/photo/photo_lifestyle/photo_jeff/jeff.jpg");
	background-size: cover;
	background-position: center;
}
.home_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_lifestyle/photo_jeff/jeff.jpg");
	background-size: cover;
	background-position: center;
}
#home{display: none}
#justaclick_bg{
	width: 100%;
	background-image:  url("images/photo/photo_lifestyle/photo_jass/photo_jass-8.jpg");
	background-size: cover;
	background-position: center;
}
.justaclick_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_lifestyle/photo_jass/photo_jass-8.jpg");
	background-size: cover;
	background-position: center;
}
#justaclick{display: none}
#heidi_bg{
	width: 100%;
	background-image: url("images/photo/photo_lifestyle/photo_marilyn/marilyn_bg2.jpg");
	background-size: cover;
	background-position: center;
}
.summervibes_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_lifestyle/photo_marilyn/marilyn_bg2.jpg");
	background-size: cover;
	background-position: center;
}
#summervibes{display: none}
#beachday_bg{
	width: 100%;
	background-image: url("images/photo/photo_lifestyle/photo_edendjill/photo_edendjill-1.jpg");
	background-size: cover;
	background-position: center;
}
.beachday_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_lifestyle/photo_edendjill/photo_edendjill-1.jpg");
	background-size: cover;
	background-position: center;
}
#beachday{display: none}
#tylaya_bg{
	width: 100%;
	background-image: url("images/photo/photo_lifestyle/photo_tylaya/photo_tylaya-1.jpg");
	background-size: cover;
	background-position: center;
}
.tylaya_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_lifestyle/photo_tylaya/photo_tylaya-1.jpg");
	background-size: cover;
	background-position: center;
}
#tylaya{display: none}


/*------------------- SPORT --------------------------*/
/*- Photos portaits -*/
#sinoe_bg{
	width: 100%;
	background-image: url("images/photo/photo_sports/photo_sinoe/photo_sinoe-2.jpg");
	background-size: cover;
	background-position: center;
}
.sinoe_bg{
	width: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_sports/photo_sinoe/photo_sinoe-2.jpg");
	background-size: cover;
	background-position: center;
}
#sinoe{display: none}

#gpsccompet_bg{
	width: 100%;
	background-image: url("images/photo/photo_sports/photo_gpsc/photo_gpsc_bg.jpg");
	background-size: cover;
	background-position: center;
}
.gpsccompet_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_sports/photo_gpsc/photo_gpsc_bg.jpg");
	background-size: cover;
	background-position: center;
}
#gpsccompet{display: none}

#openbodysurf_bg{
	width: 100%;
	background-image: url("images/photo/photo_sports/photo_openfrance/photo_open-2.jpg");
	background-size: cover;
	background-position: center;
}
.openbodysurf_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_sports/photo_openfrance/photo_open-2.jpg");
	background-size: cover;
	background-position: center;
}
#openbodysurf{display: none}

#fantagaro_bg{
	width: 100%;
	background-image: url("images/photo/photo_sports/photo_fantagaro/fantagaro-1.jpg");
	background-size: cover;
	background-position: center;
}
.fantagaro_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_sports/photo_fantagaro/fantagaro-1.jpg");
	background-size: cover;
	background-position: center;
}
#fantagaro{display: none}

#opensurf_bg{
	width: 100%;
	background-image: url("images/photo/photo_sports/photo_championnatsfrance/photo_championnatsfrance-1.jpg");
	background-size: cover;
	background-position: center;
}
.opensurf_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_sports/photo_championnatsfrance/photo_championnatsfrance-1.jpg");
	background-size: cover;
	background-position: center;
}
#opensurf{display: none}

#baptiste_bg{
	width: 100%;
	background-image: url("images/photo/photo_sports/photo_baptiste/photo_baptiste-3.jpg");
	background-size: cover;
	background-position: center;
}
.baptiste_bg{
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/photo/photo_sports/photo_baptiste/photo_baptiste-3.jpg");
	background-size: cover;
	background-position: center;
}
#baptiste{display: none}



/*------------------- ARCHI --------------------------*/

/*- Photos CASTILLON FOURREAU -*/
#photo_archi_castillon1{
	background-image: url("images/photo/photo_archi/photo_birchler/photo_birchler_bg.jpg");
	background-size: cover;
	background-position: center;
}
#arcangues{display: none;}
#photo_archi_column1_castillon1{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_archi/photo_qbidart/photo_qbidart-0.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column1_castillon2{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_archi/photo_qbidart/photo_qbidart-1.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column2_castillon3{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_archi/photo_qbidart/photo_qbidart-7.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column2_castillon4{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_archi/photo_qbidart/photo_qbidart-10.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column3_castillon5{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_archi/photo_qbidart/photo_qbidart-11.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column3_castillon6{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_archi/photo_qbidart/photo_qbidart-2.JPG");
	background-size: cover;
	background-position: center;
}

/*- Photos CASTILLON FOURREAU -*/
#photo_archi_castillon2{
	background-image: url("images/photo/photo_archi/photo_qbidart/photo_qbidart_bg.jpg");
	background-size: cover;
	background-position: center;
}
#bidart{display: none;}

/*- Photos IMMOBILIER -*/
#photo_archi_airbnb{
	background-image: url("images/photo/photo_archi/photo_airbnb/photo_airbnb_bg.jpg");
	background-size: cover;
	background-position: center;
}

#biarritz{display: none;}
#photo_archi_column1_immobilier1{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_archi/photo_airbnb/photo_airbnb-1.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column1_immobilier2{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_archi/photo_airbnb/photo_airbnb-2.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column2_immobilier3{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_archi/photo_airbnb/photo_airbnb-3.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column2_immobilier4{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_archi/photo_airbnb/photo_airbnb-4.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column3_immobilier5{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_archi/photo_airbnb/photo_airbnb-5.jpg");
	background-size: cover;
	background-position: center;
}
#photo_archi_column3_immobilier6{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_archi/photo_airbnb/photo_airbnb-6.JPG");
	background-size: cover;
	background-position: center;
}





/*------------------- ENTREPRISE --------------------------*/

/*- Photos CASTILLON FOURREAU -*/
#futureseas_bg{
	background-image: url("images/photo/photo_entreprise/photo_future/photo_future_bg.jpg");
	background-size: cover;
	background-position: center;
}
#futureseas{display: none;}
#photo_entreprise_column1_future1{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_entreprise/photo_future/photo_future-1.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column1_future2{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_entreprise/photo_future/photo_future-2.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column2_future3{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_entreprise/photo_future/photo_future-4.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column2_future4{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_entreprise/photo_future/photo_future-3.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column3_future5{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_entreprise/photo_future/photo_future-5.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column3_future6{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_entreprise/photo_future/photo_future-6.JPG");
	background-size: cover;
	background-position: center;
}

/*- Photos ERRANDONEA -*/
#errandonea_bg{
	background-image: url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea.jpg");
	background-size: cover;
	background-position: center;
}
#errandonea{display: none;}
#photo_entreprise_column1_errandonea1{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column1_errandonea2{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea-2.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column2_errandonea3{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea-3.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column2_errandonea4{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea-4.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column3_errandonea5{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea-5.jpg");
	background-size: cover;
	background-position: center;
}
#photo_entreprise_column3_errandonea6{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/photo/photo_entreprise/photo_errandonea/photo_errandonea-6.jpg");
	background-size: cover;
	background-position: center;
}

/*- Photos ART DES COCKTAILS -*/
#adc_bg{
	background-image: url("images/photo/photo_entreprise/photo_adc/photo_adc-1.jpg");
	background-size: cover;
	background-position: center;
}


/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*------------------- DESIGN -------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/


/*- DESIGN : Web : Fish & Shots -*/
#design_web_column1_fish1{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/webdesign/design_fish.png");
	background-size: cover;
	background-position: center;
}
#design_web_column1_fish2{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/design/webdesign/design_fish3.png");
	background-size: cover;
	background-position: center;
}
#design_web_column2_fish3{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/design/webdesign/design_fish4.png");
	background-size: cover;
	background-position: center;
}
#design_web_column2_fish4{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/webdesign/design_fish2.png");
	background-size: cover;
	background-position: center;
}
#design_web_column3_fish5{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/webdesign/design_fish5.png");
	background-size: cover;
	background-position: center;
}
#design_web_column3_fish6{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/design/webdesign/design_fish6.png");
	background-size: cover;
	background-position: center;
}

#design_web_column1_tiz1{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/webdesign/design_tiz.png");
	background-size: cover;
	background-position: center;
}
#design_web_column1_tiz2{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/design/webdesign/design_tiz1.png");
	background-size: cover;
	background-position: center;
}
#design_web_column2_tiz3{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/design/webdesign/design_tiz3.png");
	background-size: cover;
	background-position: center;
}
#design_web_column2_tiz4{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/webdesign/design_tiz4.png");
	background-size: cover;
	background-position: center;
}
#design_web_column3_tiz5{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/webdesign/design_tizianacavaliereweb.jpg");
	background-size: cover;
	background-position: center;
}
#design_web_column3_tiz6{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/design/webdesign/design_tiz6.png");
	background-size: cover;
	background-position: center;
}

#design_web_column1_errando1{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/webdesign/design_errando.png");
	background-size: cover;
	background-position: center;
}
#design_web_column1_errando2{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/design/webdesign/errandonea1.png");
	background-size: cover;
	background-position: center;
}
#design_web_column2_errando3{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/design/webdesign/errandonea2.png");
	background-size: cover;
	background-position: center;
}
#design_web_column2_errando4{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/webdesign/errandonea6.png");
	background-size: cover;
	background-position: center;
}
#design_web_column3_errando5{
	width: 100%;
	aspect-ratio: 3/4;
	background-image: url("images/design/webdesign/errandonea5.png");
	background-size: cover;
	background-position: center;
}
#design_web_column3_errando6{
	width: 100%;
	aspect-ratio: 4/3;
	background-image: url("images/design/webdesign/errandonea4.png");
	background-size: cover;
	background-position: center;
}





#work_precontact{
	width: 90%;
	font-family: "guyon";
	font-size: 40px;
	text-align: center;
	color: darksalmon;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
















/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*------------------- POP UP GALLERY --------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#popupgallery{
	width: 100vw;
	height: 100vh;
	
	position: fixed;
	top: 0;
	left: 0;
	
	border-radius: 10px;
	margin: auto;
	background-color: black;
	z-index: 5000;
	overflow: scroll;
	
	display: none;
}
.popupgallery_close{
	position: fixed;
	right: 40px;
	top: 40px;
	cursor: pointer;
}
.popupgallery_close img{width: 100px; }
.popupgallery_logo{
	width: 150px;
	position: fixed;
	bottom: 50px;
	left: 80px;
}
.popupgallery_logo img{
	width: 100%;
}

.popup_album{
	width: 99%;
	margin: auto;
	margin-top: 2vh;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	
}
.popup_album_column{
	display: flex;
	flex-flow: column wrap;
	
	width: 49%;
	margin: auto;
	margin: 0;
}
.popup_album_column_presentation{
	width: 100%;
	height: 90vh;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: floralwhite;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.popup_album_column_presentation_title{
	font-family: "nexa2";
	font-size: 40px;
	line-height: 1;
	margin: 0;
	padding: 0;
}
.popup_album_column_presentation_text{
	font-family: "nexalight";
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1;
	margin: 0;
	padding: 0;
	
}
.popup_album_column img{width: 100%; border-radius: 10px; margin-bottom: 10px;}

@media only screen and (max-width: 43rem){
	.popup_album{flex-flow: column wrap;}
	.popup_album_column{width: 100%;}
	.popupgallery_logo{
	width: 100px;
	position: fixed;
	bottom: 50px;
	left: 50px;
}
}









.work_presentation_carnavalsanseb{
	min-height: 80vh;
	width: 95%;
	
	margin-left: 30px;
	margin-right: auto;
	margin-top: 80px;
	
	border-radius: 5px;
		
	background-image:linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(images/photo_bickert/photo_bickert-3.jpg);
	background-size: cover;
	background-position: top;
	
	text-align: center;
	
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-end;
	
}

.photo_evenements_shootings{
	background-color: black;
	min-height: 100vh;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	
	border-radius: 5px;
	overflow: hidden;
	
	display: flex;
	flex-flow: row wrap;
}
.photo_evenements_shootings_box50{
	width: 50%;
	height: 80vh;
	overflow: hidden;
}
.photo_evenements_shootings_box50 img{height: 100%; }
.photo_evenements_shootings_box{
	width: 25%;
	height: 80vh;
	overflow: hidden;
}
.photo_evenements_shootings_box img{height: 100%; transform: translate(-50%, 0);}




.work_intro_landing_logo{
	position: absolute;
	top: 10%;
	
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	text-align: center;
	
	width: 100%;
}
.work_intro_landing_logo img{
	width: 150px;
}















#mentions{
	width: 90%;
	color: white;
	font-family: "proxima";
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	
	letter-spacing: 1px;
}
#mentions ul{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
}
#mentions ul li{
	list-style: none;
}
#mentions a{
	color: inherit;
	text-decoration: none;
}