html, body
{
	background:#ffffff;
	color:#1a1a1a;
	margin:0;
	padding:0;
	text-align:left;
	font-family: 'IBM Plex Sans', Arial, sans-serif;
	font-size:16px;
	line-height:18px;
	min-height:100%;
	height:100%;
	white-space:normal;
	text-rendering: geometricprecision;
}

::selection {    background: #1a1a1a; color:#fff;    }

* {
	box-sizing:border-box;
}

a, input, textarea, button
{
    outline:medium none;
	text-decoration:none;
	resize:none;
	color:inherit;
    font-family: 'IBM Plex Sans';
}
a {
	cursor:pointer;
}

a.classic {
	color:#1a1a1a;
	border-bottom:solid 1px transparent;
	transition:all 0.3s ease 0s;
}
a.classic:hover {
	border-bottom:solid 1px #1a1a1a;
}


strong {
	font-weight:700;
}

/* scrool icon */

.cont_mouse {
	bottom: 0;
    display: block;
    left: 50%;
    margin: 0 auto;
    position: fixed;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
    width: auto;
    z-index: 99999;
	transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
	
	#mouse_icon {
		border: 1px solid #000;
		border-radius: 16px;
		float: left;
		height: 40px;
		width: 24px;
		cursor: pointer;
	}
		#mouse_scroll {
			background: #000 none repeat scroll 0 0;
			border-radius: 10px;
			height: 10px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 4px;
			width: 4px;		
		}
		
		.godown {
			bottom:-100px;
		}

/* Structure */

.menu_wrapper {
    position: fixed;
    width: 100%;
    z-index: 1;
    background: #fff;
    left: 0;
}

.mainWrapper {
	margin:0 auto;
}

@media screen and (max-width:1280px) {
	.mainWrapper {
		padding:0 10px;
	}
	.menu {
		padding:0 10px;
	}
}
@media screen and (max-width:1200px) {
	.mainWrapper {
		max-width:1140px;
	}	
}
@media screen and (max-width:1024px) {
	.mainWrapper {
		max-width:980px;
	}	
}

/* Menu */
.menu {
    margin: 45px auto;
    min-height: 60px;
    opacity: 1;
    transition: all 0.3s ease 0s;
    max-width: 1260px;
}

.logoMenu {
    width: 40%;
    display: inline-block;
    padding-top: 15px;
    vertical-align: top;
    margin-right: 7%;
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.logoMenu a img {
	width:100%;
}
.buttons {
	width:53%; 
	display:inline-block;
	padding-top: 15px;
}

.menu_sepa {
    display: inline-block;
    margin-right: 15px;
}

.stretched {
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
}

.stretched .menu {
	margin:7px auto;
	min-height:30px;
}
.stretched .logoMenu, .stretched .buttons {
	padding-top: 5px;
}
.stretched .logoMenu {
	width:20%;
	margin-right:27%;
	line-height: 0;
}

a.bt_menu_v
{
    display:inline-block;
    margin:0 10px 0 0;
	position:relative;
	transition:all 0.2s cubic-bezier(.4,0,.2,1) 0s;
}

a.bt_menu_v::before {
    background: rgba(0,0,0,1) none repeat scroll 0 0;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center 0;
    transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 100%;
}
a.bt_menu_v:hover::before {
    transform: scaleX(1);
    transform-origin: left center 0;
}
a.menu_v_sel::before {
    background: rgba(0,0,0,1) none repeat scroll 0 0;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(1);
    transform-origin: right center 0;
    transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 100%;
}

.buttonsRight {
	/* display:inline-block; */
	float:right;
}
a#lang {
	/* display:inline-block; */
	margin-left: 3px;
}
	
a.rs {
	display:inline-block;
	height:20px;
	text-align:center;
	margin-right: 0;
	vertical-align: middle;
	margin: 0 3px;
}

/* HOME CAT */
.cat_wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0;
}

.cat {
	width:33.33333333%;
	min-height:50vh;
	background-color: #fff;
	position:relative;
	mix-blend-mode: luminosity;
	transition:all 0.6s cubic-bezier(.4,0,.2,1) 0s;
	opacity:0;
	transform:scale(.9);
}
.loaded .cat {
	opacity:1;
	transform:scale(1);
}
.cat:hover {
	mix-blend-mode: normal;
}
.catImage {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 15px);
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.catTitle {
	display:block;
	position:absolute;
	color:#fff;
	top:40%;
	left:0;
	font-size:3em;
	font-weight:bold;
	width:calc(100% - 15px);
	text-align:center;
	mix-blend-mode:normal;
}

/* PROJETS LISTE */
.wrapperProjets {
	/*! border-top: 1px solid rgba(0,0,0,0.4); */
	padding: 45px 0 145px;
	margin: 0 auto;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
	max-width:1260px;
}
.moreProjets {
	padding: 15px 0 145px;
}

.exactWrapper {
	width: calc(100% + 15px);
}
.padded {
	padding-top:45px;
}

.projet {
	display:inline-block;
	vertical-align:top;
	padding:0 15px 15px 0;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
	text-align: center;
}
a.projet {
	margin-bottom:50px;
	mix-blend-mode:normal;
}
a.projet:hover {
	mix-blend-mode:luminosity;
}
span.projet {
	margin-bottom:0;
	line-height: 0;
}

a.projet:hover span.line {
    transform: scaleX(1);
    transform-origin: left center 0;
    background: rgba(0,0,0,1);
}

.sleeping {
	opacity:0;
	height:90vh;
	/*margin-top:100px;*/
	transform:scale(0.9);
}
	.extra_small.projet.sleeping {
		min-width:25%;
	}
	.small.projet.sleeping {
		min-width:33.33333333%;
	}
	.medium.projet.sleeping {
		min-width:50%;
	}
	.big.projet.sleeping {
		min-width:66.66666666%;
	}
	.super_big.projet.sleeping {
		min-width:75%;
	}
	.ultra_big.projet.sleeping {
		min-width:100%;
	}
	
.awaken {
	opacity:1;
	height:auto;
	/*margin-top:0;*/
	transform:scale(1);
}
.extra_small {
	max-width:25%;
}
.small {
	max-width:33.33333333%;
}
.medium {
	max-width:50%;
}
.big {
	max-width:66.66666666%;
}
.super_big {
	max-width:75%;
}
.ultra_big {
	max-width:100%;
}
	img.projetPic {
		/*! max-height:100vh; */
		transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
		cursor: pointer;
		max-width: 100%;
	}
	img.zoomable {
		cursor: zoom-in;
	}
	span.line {
		background: rgba(0,0,0,0);
		height: 1px;
		margin: 5px 0 15px;
		display: block;
		width: calc(100% - 15px);
		transition: all 0.3s cubic-bezier(.4,0,.2,1) 0s;
		position: absolute;
		transform: scaleX(0);
		transform-origin: right center 0;
		transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	}
	span.projetTitle {
		display: block;
		font-weight: 700;
		margin: 5px 0 0;
		text-align: left;
		font-size: 16px;
		line-height: 25px;
	}
	span.projetSubTitle {
		font-weight:300;
		font-size:13px;
	}
	
.filters {
    padding-top: 170px;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    min-height: 190px;
}

	a.filter {
		margin-bottom: 10px;
		display: inline-block;
		opacity: 0.55;
		padding-left: 20px;
		transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
	}
	a.filter:hover {
		opacity:1;
	}
	a.filterClose {
		background: url(../imgs/closerFilter.png) no-repeat 0 3px;
		margin-left: 15px;
	}
		span.filterIcon {
			display:inline-block;
			vertical-align:top;
			width:11px;
			height:11px;
			background: url(../imgs/filters.png) no-repeat 0 5px;
			margin-right: 10px;
			transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
			transform-origin:50% 70%;
			margin-left: 10px;
		}
		span.filterIconOpen {
			transform:rotate(90deg);
		}
		span.filterIconReverse {
			transform:rotate(180deg);
		}
	
	span.filtersWrapper {
		overflow: hidden;
		display: inline-block;
		transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
		margin-left: 0;
		vertical-align:top;
		opacity:1;
	}
	span.filtersWrapperOpen {
		opacity:1;
		/*! margin-right: 15px; */
		padding: 0 24px 7px 0;
	}
	
a.displaySwitcher {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 16px;
    position: absolute;
    right: 0;
	opacity:0.55;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
}
	a.displaySwitcher:hover {
		opacity:1;
	}
	.mosaic {
		background:url('../imgs/display.png') no-repeat center center;
	}
	.thumbnails {
		background:url('../imgs/display2.png') no-repeat center center;
	}
	
/* Projet détail */
.projetTop {
	margin: 0 auto;
	padding: 170px 0 0;
	opacity: 0;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
	max-width: 1260px;
}
.loaded .projetTop {
	opacity:1;
	border-top: solid 1px rgba(0,0,0,0.55);
}
	div.projetTitle {
		display:inline-block;
		width:33%;
		vertical-align: top;
		margin-right: 7%;
	}
	.projetDetails {
		display: inline-block;
		width: 60%;
		line-height: 22px;
		padding-top: 15px;
		margin-right: 7%;
	}
	div.projetTech {
		display: inline-block;
		width: 32%;
		vertical-align: top;
		margin-right: 0;
	}
	span.avail {
		display: block;
		opacity: 0.55;
		margin: 0 0 20px;
	}
	.projetTxt {
		overflow:hidden;
		margin-top:1em;
	}
	a.read {
		display:block;
		opacity:0.55;
		transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
		line-height:16px;
		margin: 15px 0 0;
	}
	a.read:hover {
		opacity: 1;
	}
	
h1, h2 {
	margin:0;
}

h1.title {
	margin:0 0 10px;
	font-weight:700;
	font-size:28px;
	line-height: 28px;
	display:inline-block;
	/*! border-top: 1px solid rgba(0,0,0,0.4); */
	padding-top: 15px;
}
h2.subTitle {
    font-size: 18px;
}
h2.section {
    font-size: 16px;
    font-weight: 300;
    border-top: 1px solid rgba(0,0,0,0.4);
}

/* Ariane */
.ariane {
	margin:0 0 30px 0;
	border-bottom: solid 1px rgba(0,0,0,0.4);
	padding: 0 0 10px;
}
	.ariane_home {
		vertical-align: top;
	}
		.ariane_home  img {
			height:18px;
		}
	.sp_ariane {
		color:#484848;
		margin-right: 12px;
	}

.tag {
	opacity:0.55;
	margin: 0 12px 0 0;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
	font-size: 14px;
}
.tag:hover {
	opacity:1;
}
.tag_selected {
	opacity:1;
}
.tag_all {
	margin:0;
	opacity:0.55;
	float:right;
}

/* Glr */
.glr {
	position:fixed;
	width:100%;
	height:100%;
	top:-200%;
	left:0;
	background:#fff;
	transition:top 0s linear 0s, opacity 0.6s cubic-bezier(.4,0,.2,1) 0s;
	opacity:0;
}
.glrVisible {
	top:0;
	opacity:1;
}
	.viewerGlr {
		position:absolute;
		width: calc(100% - 220px);
		height:100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		border:10px #fff solid;
		cursor: zoom-out;
	}
	.thumbs {
		position:absolute;
		width:220px;
		height:100%;
		overflow-y: auto;
		right: -220px;
		line-height:0;
		border-top:10px #fff solid;
		border-bottom: 10px #fff solid;
		text-align: left;
		transition:right 0.3s cubic-bezier(.4,0,.2,1) 0.3s;
	}
	.glrVisible > .thumbs {
		right:0;
	}
		img.thumb {
			cursor:pointer;
			width:140px;
			margin:0 0 10px 0;
			transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
		}
		img.selThumb {
			border:solid 1px rgba(255, 0, 0, 0.4);
		}
		img.thumb:hover {
			opacity: 0.8;
		}
		a.glrCloser {
			position:absolute;
			right:-220px;
			top:10px;
			display:block;
			font-size: 20px;
			background: #fff;
			width:20px;
			height:20px;
			transition:right 0.3s cubic-bezier(.4,0,.2,1) 0.35s;
			background: url('../imgs/closerGlr.png') no-repeat center center;
		}
		.glrVisible > a.glrCloser {
			right:40px;
		}

	
/* Others Projects */
.othersProjects {
    margin: 100px auto 0;
    max-width: 1260px;
}
	a.other {
		display:inline-block;
		padding-top:15px;
		border-top:solid 1px rgba(0,0,0,0.4);
		vertical-align: top;
	}
	a.projPrev, a.projNext {
		width:25%;
	}
	a.projAll {
		width:40%;
	}
	a.marg {
		margin-right:5%;
	}
	.otherTitle {
		display:inline-block;
		width:50%;
		margin-right:5%;
		vertical-align: top;
		line-height: 20px;
	}
	
	.other img {
		width:45%;
	}
	
/* Enquire & Share */
.countries {
	padding: 8px 10px;
	border: solid 1px #ccc;
	color: #888;
	margin-bottom: 30px;
}

.boxed_wrapper {
	margin-top:30px;
}

.boxed {
	display:inline-block;
	padding:5px 12px;
	margin:0 5px 5px 0;
	text-align:center;
	border:1px solid #1a1a1a;
	background:#fff;
	line-height:normal;
	opacity:0.55;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
}
.boxed:hover {
	background:#f0f0f0;
    opacity: 1;
}
	
	.shareWrapper {
		height:0;
		overflow:hidden;
		line-height: 21px;
		/*! column-count: 2; */
		transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
		/*! margin-top: 15px; */
	}
	.shareWrapperOpen {
		height:125px;
	}
	
	a.share {
		display:inline-block;
		opacity:0.55;
		transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
		border: solid 1px #a0a0a0;
		padding: 8px 18px;
		margin: 0 10px 10px;
	}
	a.share:hover {
		opacity:1;
		background-color: #f0f0f0;
	}
	a.sharePic {
		padding-left:38px;
	}
		.facebook {
			background:url('../imgs/share/facebook.png') no-repeat 10px center;
		}
		.twitter {
			background:url('../imgs/share/twitter.png') no-repeat 10px center;
		}
		.reddit {
			background:url('../imgs/share/reddit.png') no-repeat 10px center;
		}
		.pinterest {
			background:url('../imgs/share/pinterest.png') no-repeat 10px center;
		}
		.print {
			background:url('../imgs/share/print.png') no-repeat 10px center;
		}
		.email {
			background:url('../imgs/share/email.png') no-repeat 10px center;
		}
		
div.screen {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.1);
	z-index:10;
}
	div.screen_quit {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		cursor:crosshair;
	}
div.screen_private {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:10;
	pointer-events:none;
}
	div.screen_in_private {
		position:absolute;
		top:100px;
		left:0;
		width:100%;
		height:100vh;
		pointer-events:all;
	}
	div.screen_content {
		background:#fff;
		max-width:900px;
		box-shadow:#717171 10px 10px 100px;
		opacity:0;
		transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
		padding: 50px 40px;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate(-50%, -40%);
		max-height: 92%;
		pointer-events: all;
	}
	.max_sized {
		height:100%;
	}
	div.screen_content_ready {
		opacity:1;
		transform: translate(-50%, -50%);
		overflow: auto;		
	}
	.screen_title {
		margin: 0 0 30px;
		display: inline-block;
		border-bottom: solid 2px #1a1a1a;
		padding-bottom: 20px;
		color: #1a1a1a;
	}
	img.pdf_png {
		max-width:100%;
		margin-bottom: 15px;
	}
	
.blurry {
	transition:all 0.6s ease-in-out 0s;
	filter:blur(10px);
	opacity:.5;
}
		
/* Bio */
.wrapperRegular {
	padding:170px 0 0;
	line-height:24px;
	opacity: 0;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
	max-width: 1260px;
	margin: 0 auto;
}
.loaded .wrapperRegular {
	opacity: 1;
}

.bioTexte {
	width: 60%;
	display: inline-block;
	margin: 0 5% 0 0;
	vertical-align: top;
	/*! border-top:1px solid rgba(0,0,0,0.4); */
	padding-top:15px;
}
	.bioTexte img {
		width:100%;
		margin:0 0 30px;
	}
.bioRight {
	display: inline-block;
	width: 35%;
}
	.bioAwards, .bioCollections {
		/*! border-top:1px solid rgba(0,0,0,0.4); */
		padding-top:15px;
		margin:0 0 45px;
	}
		.regularTitle {
			font-weight:700;
			margin:0 0 15px;
		}
		
/* Contact */
.contactLeft {
    display: inline-block;
    width: 35%;
	margin:0 5% 0 0;
	border-top:1px solid rgba(0,0,0,0.4);
	padding:15px 0 0;
    vertical-align: top;
}
.contactRight {
	display: inline-block;
    width: 60%;
	border-top:1px solid rgba(0,0,0,0.4);
	padding:15px 0 0;
}
.contact__field {
    background:url("../imgs/field.png") repeat scroll 0 0 / 5px 37px rgba(0, 0, 0, 0);
    border:medium none;
    color:#1a1a1a;
    display:block;
	font-size:16px;
	line-height:37px;
    height:37px;
    margin:0 0 30px;
    opacity:0.6;
    padding:0 0 0 10px;
    transition:opacity 0.35s ease 0s;
    width:100%;
}

.contact__field::placeholder {
    color:#666;
    opacity:1;
}
.objet_exp {
	font-size:16px;
}

.contact__field:focus
{
	opacity:1;
}

textarea.contact__field {
    height:236px;
    overflow:hidden;
}

.empty
{
	background-color:rgba(255,0,0,0.1);
	opacity:0.8;
}

/* gallery images & FS */
	#Fullscreen {
		height: 100%;
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #363636;
		width: 100%;
		z-index: 3;
	}
	.wrapper_fs {
		position: absolute;
		width: calc(100% - 80px);
		left: 0;
		top: 0;
		text-align: center;
		height: 100%;
		right: 0;
		bottom: 0;
		background: url("../imgs/loader.svg") no-repeat center center;
	}
		.wrapper_fs_xs {
			width: calc(100% - 380px);
		}
		.fs_image {
			vertical-align: middle;
			max-width: 100%;
			max-height: 100%;
			width: auto !important;
			height: auto !important;
			margin: auto;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			position: absolute;
			background: #fff;
		}
	.lgd_fs {
		position: absolute;
		right: -380px;
		width: 300px;
		padding: 40px 20px;
		color: #fff;
		overflow: hidden;
		height: 100%;
		border-left: solid 1px rgba(255,255,255,0.5);
	}
		.lgd_fs_xl {
			right: 80px;
		}		
		.lgd_fs {
			transition:all 0.3s ease 0s;
		}
		img.fs_image {
			transition:none;
		}
	.tech_fs {
		position: absolute;
		right: 0;
		top: 0;
		width: 80px;
		height: 100%;
		color: #fff;
		border-left: solid 1px rgba(255,255,255,0.5);
		background: #1a1919;
		display: flex;
		flex-direction: column;
	}
	/* ------------------------------------------------------------------------------------------------------------------------------------------------------- */
		.tech_tool {
			display: block;
			width: 100%;
			height: 60px;		
			border-bottom: solid 1px rgba(255,255,255,0.5);
		}
		
		a.tech_tool {
			cursor: pointer;
		}
		a.tech_tool::after {
			font: 900 1rem/60px 'Material Icons Outlined' !important;
			display: inline-block;
			width: 100%;
			text-align: center;
			vertical-align: middle;
		}
			a.close::after {
				content: 'close';
			}
			a.next::after {
				content: 'arrow_forward_ios';
			}
			a.prev::after {
				content: 'arrow_back_ios';
			}
			a.lgd::after {
				content: 'info';
			}

		.count {
			font: 700 1rem/55px 'ibm-plex-sans', sans-serif;
			text-align: center;
		}
/*	!!END!! gallery images */


/* Presse */

.presseBox {
	padding:26px 0 45px;
	border-top: 1px solid rgba(0,0,0,0.4);
}
.presse {
    display: inline-block;
    width: 16%;
    /*! border-top: 1px solid rgba(0,0,0,0.4); */
    padding: 15px 5px 0 0;
    margin-right:5%;
	margin-bottom:30px;
    vertical-align: top;
}
	.presse img {
		width:100%;
		transition: all 0.3s ease 0s;
		will-change: opacity;
	}
	
.noMarg {
	margin-right:0;
}
.infosPresse {
	display:block;
	/*! margin:15px 0 0; */
}
	.mag {
		font-weight:700;
		/*! border-top: 1px solid rgba(0,0,0,0.4); */
		display: inline-block;
		/*! padding: 5px 0 0; */
	}
	.article {
		display: inline-block;
		padding: 5px 0 0;
	}
	.ko {
		font-size:12px;
		padding-top: 5px;
		display: block;
		/*! font-weight: 700; */
	}
	
.yearsWrapper {
	margin:0;
	/* height:0; */
	opacity:0;
	position:fixed;
	top:-1000px;
	transition:all 0.3s ease 0s;
}
.yearsWrapperOpen {
	margin:10px 0;
	height:auto;
	opacity:1;
	position:static;
}

.moreWrapper {
	margin:0;
	border-top:1px solid rgba(0,0,0,0.4);
	text-align:center;
	padding: 15px 0;
}
	a.morePress {
		display:inline-block;
		font-weight:700;
	}
	
.pressCount {
	float:right;
	/* display: inline-block; */
}

.presse	span.line {
	margin:10px auto 5px;
}
	
/* News */

.newsWrapper {
	padding: 26px 0 0;
	border-top: 1px solid rgba(0,0,0,0.4);	
	margin-top: 70px;
}

.news {
	display:inline-block;
	width:50%;
	padding-right:15px;
	vertical-align:top;
	margin-bottom: 50px;
	transition: all 0.3s ease 0s;
}
a.news:hover span.line {
    width: 100%;
}
.news_pic {
	width:100%;
	line-height:0;
}
	img.orig {
		width:100%;
		transition:all 0.3s ease 0s;
		will-change: opacity;
	}
	img.orig:hover {
		opacity: 0.8;
	}
.news_infos {
	text-align:center;
}
	.news_date {
		display: block;
		font-weight: 700;
	}
	.titre_inv {
		display: block;
		padding: 5px 0 0;
	}
	
.viewerGlrNews {
	width:75%;
}
.thumbsNews {
	right:-25%;
	width:25%;
	padding: 20px 20px 20px 0;
}

/* Footer */

.footer {
    border-top: 2px solid rgba(0,0,0,0.8);
    margin: 100px auto;
    padding-top: 15px;
	max-width:1260px;
    font-size: 12px;
}

/* Video */
.video_wrapper {
	position:relative;
	padding:150px 0 0;
	width:100%;
	margin-bottom: 40px;
	opacity:0;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
	max-width: 1260px;
	margin: 0 auto;
	cursor:pointer;
}
.loaded .video_wrapper {
	opacity:1;
}
.video_wrapper_projet {
	padding: 0 0 0 0;
	margin: 0 0 50px 0;
}
video {
	width:100%;
	cursor: pointer;
}
a.video_mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.video_play {
	position:absolute;
	width:calc(100% - 15px);
	height:calc(100% - 15px);
	top:0;
	left:0;
	background:rgba(0,0,0,0.15);
	margin:0 15px 15px 0;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
}
.video_play:hover {
	background:rgba(0,0,0,0);
}
.video_play::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: 'play_circle_outline';
    color: #fff;
    font: 80px/60px 'Material Icons Outlined' !important;
    margin-left: -40px;
    margin-top: -40px;
	transition:all 0.3s cubic-bezier(.4,0,.2,1) 0s;
}
.video_play:hover::before {
	transform:scale(1.05);
}

.pop {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 0;
    top: 0;
}

.more_cat {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: solid 1px rgba(0,0,0);
    border-radius: 7px;
    line-height: 10px;
    text-align: center;
    opacity: 0.55;
    transition: all 0.3s cubic-bezier(.4,0,.2,1) 0s;
}

.inv {
    display: none;
}

/* Adresses */
.adress {
	font-size:21px;
	line-height:26px;
	display:inline-block;
	width:50%;
	text-align:center;
	margin-top: 50px;
}
	.leftpad {
		padding-left:16%;
	}
	.rightpad {
		padding-right:16%;
	}
a.appointment {
	display:inline-block;
	font-size:14px;
	margin: 14px 0 0;
}

.mask {
	display:none;
}

/* JOBS */
#jobs_form {
    background: #f9f9f9;
	padding: 20px 20px;
}
.job__stage {
	margin:0 0 50px;
}
.job__left {
    display: inline-block;
    width: 33%;
    padding: 0 20px 0 0;
    font-family: 'OpenSans-Light', Arial, sans-serif;
    font-size: 0.8em;
}
	.job__left span.title {
		font:20px/22px "TheanoDidot-Regular",serif;
		display: block;
		padding: 0 0 10px;
	}
	
.job__right {
    display: inline-block;
    width: 60%;
    vertical-align: top;
    padding: 0 0 0 20px;
}

	.job__field {
		display: block;
		padding: 5px 10px;
		width: 100%;
		margin: 0 0 10px;
		font-size: 1.0em;
		font-family: 'OpenSans-Light', Arial, sans-serif;
		border: solid 1px #ccc;
	}
	.job__small {
		width: 100%;
		margin: 0 10px 10px 0;
	}
	textarea.job__field {
		font-family: 'OpenSans-Light', Arial, sans-serif;
	}
	.job__label {
		display:block;
		font-family: 'OpenSans-Light', Arial, sans-serif;
		margin:15px 0;
		padding: 5px 10px 10px;
		background: #fff;
		border: solid 1px #ccc;
	}
		.job__label span.tit {
			display:block;
			padding:0 0 5px;
		}
	.job__radio {
		cursor:pointer;
		margin:10px 0 0 30px;
	}
	.job__for {
		cursor:pointer;
	}
	
	.btn-off, .btn-off:hover {
		background:#b9b9b9;
		border-color: #b9b9b9;
	}
	.job__answer {
		text-align:center;
		padding:60px 20px;
		font:20px/24px "TheanoDidot-Regular",serif;
	}
	#files {
		color:#4cae4c;
	}
	
	.footer_article {
		float: right;
		margin-left: 10px;
	}
	
/* WHY */
.why_art {
	min-height:75vh;
}

.why_left {
    width: 50%;
    margin: 50px 0 0 0;
	display:inline-block;
	vertical-align:middle;
}
.why_right {
    width: 50%;
    margin: 50px 0 0 -3%;
	display:inline-block;
	vertical-align:middle;
}
	.why_right img {
		width:100%;
	}
	
.quote_sp {
	display:block;
	opacity:0;
	transition:all 1s ease 0s;
	transform:translateY(0);
	filter:blur(10px);
}
.quote_sp.vis {
	opacity:1;
	transform:translateY(0);
	filter:blur(0);
}

img.why {
	opacity:0;
	transition:all 0.6s ease 0s;
}
img.why.vis {
	opacity:1;
	width: 100%;
}

blockquote {
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 21px;
	line-height: 1.4em;
	text-rendering: optimizeLegibility;
	/* font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-fon-smoothing: grayscale; */
	font-variant: small-caps;
}

/* blockquote p:first-of-type:before { */
	/* content: '\201c'; */
	/* position: absolute; */
	/* left: -.5em; */
	/* top: -.5em; */
	/* font-size:2em; */
/* } */

/* blockquote p:last-of-type:after { */
	/* content: '\201d'; */
	/* position: absolute; */
	/* font-size:2em; */
	/* top: -.25em; */
/* } */

blockquote p {
	margin:0;
	padding:0;
}

@media screen and (max-width:768px) {
	
	.mainWrapper {
		padding:0;
	}
	
	.cont_mouse {
		display:none;
	}
		
	.menu_wrapper {
		width: calc(100%);
		/*! text-align: center; */
	}

	.footer {
		font-size: 10px;
		margin: 0 0 20px;
		line-height: 14px;
	}
		
	/* Structure */
	.wrapperProjets {
		padding-top:20px;
	}
	
	.projetDetails {
		margin-right:0;
	}

	.cat_wrapper {
		display:block;
		margin:0 0 20px;
	}

	.cat {
		width: 33.33333333%;
		margin: 0 0 10px 0 !important;
		min-height: 25vh;
	}

	.catTitle {
		font-size:17px;
	}

	.ariane {
		display:none;
	}

	.video_wrapper {
		margin:0 0 0 -100px;
		padding:170px 0 0;
		width: calc(100% + 114px);
	}


	/* PROJETS LISTE */
	.mainWrapper {
		max-width: 100%;
		margin: 0 10px;
	}

	.padded_180 {
		padding-top:20px;
	}
	.padded_15 {
		padding-top:15px;
	}

	.logoMenu {
		width: 75%;
		margin:0;
	}
	.stretched .logoMenu {
		margin: 0;
	}
	.buttons {
		width: 100%;
		border-top: none;
		/*! display: flex; */
		justify-content: space-between;
	}
	a.bt_menu_v {
		/*! margin: 0 5px 0 0; */
		font-size: 13px;
		letter-spacing: -0.05em;
	}

	.extra_small.projet.sleeping, .small.projet.sleeping, .medium.projet.sleeping, .big.projet.sleeping, .super_big.projet.sleeping, .ultra_big.projet.sleeping {
		min-width:100%;
	}
	.extra_small, .small, .medium, .big, .super_big, .ultra_big {
		max-width:100%;
	}

	/* Projet détail */
	.video_wrapper_projet {
		padding: 0 15px 0 0;
	}
		.video_play {
			position: absolute;
			width: calc(100% - 15px);
		}

	div.projetTitle {
		width:100%;
		margin-right:0;
	}
	.projetDetails {
		width:100%;
	}
	.tags {
		display:none;
	}
	a.other {
		margin-bottom: 15px;
	}
	a.projAll {
		width:100%;
	}
	a.marg {
		margin-right: 0;
	}
	a.projPrev, a.projNext {
		width: 100%;
	}
	div.projetTech {
		width:100%;
	}
	
	div.screen_content {
		padding:40px 15px;
		font-size:14px;
	}
	.screen_title {
		padding-bottom: 10px;
		font-size: 20px;
	}
		

	/* News */
	.news {
		width:100%;
	}

	/* Bio */
	.bioTexte, .bioRight {
		width: 100%;
		margin: 0 0 20px;
	}

	/* Presse */
	.presse {
		width:100%;
	}
		.tag {
			font-size:13px;
			display: inline-block;
		}
		a.displaySwitcher  {
			display:none;
		}

	/* Contact */
	.contactLeft, .contactRight {
		width:100%;
		margin:0 0 50px;
	}

		.tech_fs {
				top: auto;
				left: 0;
				bottom: 0;
				height: 60px;
				width: 100%;
				color: #fff;
				border-top: solid 1px rgba(255,255,255,0.5);
				display: flex;
				flex-direction: row;
			}
			.wrapper_fs {
				width: 100%;
				text-align: center;
				height: calc(100% - 60px);
			}
			.tech_tool {
				border-right: solid 1px rgba(255,255,255,0.5);
			}
			.tech_tool.close{order: 1;}
			.tech_tool.count{order: 2;}
			.tech_tool.next{order: 4;}
			.tech_tool.prev{order: 3;}
			.tech_tool.lgd{order: 5;}
			.lgd_fs {
				width: 100%;
				right: 100%;
				background: rgba(0,0,0,0.8);
			}
			.lgd_fs_xl {
				right: 0;
			}
			
		.adress, a.appointment {
			font-size: 14px;
			line-height: 19px;
		}
		.adress {
			margin:0 0 0;
		}
	.leftpad, .rightpad {
		padding:0;
	}
		
		.boxed_wrapper {
			text-align: center;
		}
			
		.boxed {
			padding: 4px 8px;
			font-size: 14px;
			margin: 5px;
		}
		
	a#lang {
		font-size:13px;
	}
	
	.mask {
		display:block;
		position:absolute;
		top:0;
		height:100%;
		width:15px;
		background:#fff;
	}
	.mask_left {
		left:85px;
	}
	.mask_right {
		right:0;
	}
	
	.why_left {
		width: 100%;
		margin: 50px 0 0 0;
		display:inline-block;
		vertical-align:middle;
		padding: 0 0 0 0;
	}
	.why_right {
		width: 100%;
		margin: 50px 0 0 0;
		display:inline-block;
		vertical-align:middle;
	}
	blockquote p:last-of-type::after {
		display:none;
	}
	blockquote {
		font-size:16px;
	}
	.ariane_vis {
		margin:50px 0 0;
		display:block;
	}
	
	.job__left {
		display: block;
		width: 100%;
		padding: 0;
		font-family: 'OpenSans-Light', Arial, sans-serif;
		font-size: 0.7em;
	}
		.job__left span.title {
			font:20px/22px "TheanoDidot-Regular",serif;
			display: block;
			padding: 0 0 10px;
		}
		
	.job__right {
		display: block;
		width: 100%;
		padding: 0 0 20px;
	}
	
}

.imgpicker {
	width:150px;
	float:left;
	margin-right:8px;
	line-height:0;
}
	.imgpicker img {
		width:100%;
		margin-bottom:8px;
		border:2px solid #fff;
		cursor:pointer !important;
		transition:all .3s ease-in-out 0s;
	}

	img.sel {
		border:2px solid #000;
	}

	#password-box {
		position: relative;
		height: 46px;
		padding: 0 46px;
		max-width: 300px;
		margin: 0 auto;
		border:solid 1px #ddd;
	  }

span.symb {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 16px;
    padding: 0 20px;
}

.lock {
	left: 0;
}
.lock::after {
    position: absolute;
    font: 100 24px / 44px 'Material Icons Outlined' !important;
    content: 'lock';
    left: 10px;
}

.enter {
	right: 0;
	padding: 15px 20px;
	cursor: pointer;
}
.enter::after {
    position: absolute;
    font: 100 24px / 44px 'Material Icons Outlined' !important;
    content: 'chevron_right';
    left: 10px;
}
  
#input-box {
	position: absolute;
	top: 0;
	right: 56px;
	bottom: 0;
	left: 46px;
}
  
#input-box input {
	width: 100%;
	height: 44px;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	padding: 0;
	margin: 0;
	border: 0;
}
  
#input-box input::placeholder {
	position: relative;
	color: #bababa;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
}