/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2025
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2025
BlankSlate is distributed under the terms of the GNU GPL

Robin
*/



/* html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap} */








html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	box-sizing: border-box;
}
body {
	line-height: 0;
	color: #000429;
	font-style: sans-serif;
	/* background: url('../images/background.png') no-repeat; */
	background-position: top center;
	background-size: contain;
	letter-spacing: 2px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;
	z-index: 30;
	width: 100%;
	/* background: white; */
	padding: 15px 30px 10px 30px;
}

header .logo {
	width: 600px;
}

header .logo img {
	width: 100%;
}

header .link_rs {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 25px;
}

header .link_rs .menu {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 20px;
	margin: 0 5px 0 0;
	cursor: pointer;
}

header .link_rs .menu .menu_line {
	width: 60px;
	height: 3px;
	background: #000;
	transition: all ease-in-out .2s;
}

header .link_rs .menu.open {
	justify-content: center;
}

header .link_rs .menu.open .menu_line {
	width: 30px;
	transition: all ease-in-out .2s;
}

header .link_rs .menu.open .menu_line.line_top {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); */
	transform: rotate(45deg);
	transition: all ease-in-out .2s;
}

header .link_rs .menu.open .menu_line.line_middle {
	opacity: 0;
	transition: all ease-in-out .2s;
}

header .link_rs .menu.open .menu_line.line_bottom {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); */
	transform: rotate(-45deg);
	transition: all ease-in-out .2s;
	margin: -5px 0 0 0;
}

header .link_rs .rs ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

header .link_rs .rs ul li {
	width: 24px;
	height: 24px;
	border-radius: 5px;
	background: #000;
	margin: 0 6px;
}

header .link_rs .rs ul li img {
	width: 12px;
	margin: 6px 0 0 6px;
}

body .menu_develop {
	position: relative;
	z-index: 25;
	width: 100dvW;
	height: 100dvh;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

body .menu_develop ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

body .menu_develop ul li {
	font: 55px/60px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	margin: 5px auto;
	cursor: pointer;
	display: block;
	transition: all ease-in-out .2s;
}

body .menu_develop ul:hover li {
	opacity: 1;
	transition: all ease-in-out .2s;
}

body .menu_develop ul:hover li:not(:hover) {
	opacity: .4;
	transition: all ease-in-out .2s;
}

body .test {
	position: fixed;
	top: 420px;
	/* padding: 420px 0 0 0; */
	width: 100%;
	z-index: 10;
	overflow: hidden;
}
body .content_all {
	overflow-y: scroll;
	height: 100dvh;
}

body .test_2 {
	height: calc(100dvh);
	width: 100%;
	background-position: center center;
	background-size: cover;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

.test_3 {
	height: calc(100dvh + 155px);
}

body .title_section {
	position: sticky;
	z-index: 5;
	width: 100%;
	height: 30px;
	background: red;
	background: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 30px;
	cursor: pointer;

}

body .title_section h2 {
	font: 15px/24px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 10px 0 0;
}

body .title_section .line_title{
	width: calc(100% - 80px);
	height: 2px;
	background: black;
}


body .title_section_retour h2 {
	font: 15px/24px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 10px 0 0;
}

body .title_section_retour .line_title{
	width: calc(100% - 80px);
	height: 2px;
	background: black;
}





body .title_section_retour {
	position: relative;
	z-index: 5;
	width: 100%;
	height: 30px;
	background: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	cursor: pointer;
	margin: 0 0 30px 0;

}

body .title_section_retour h2 {
	font: 15px/24px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0 10px 0 0;
}

body .title_section_retour .line_title{
	width: calc(100% - 65px);
	height: 2px;
	background: black;
}



body .title_projets {
	bottom: 140px;
	top: 0px;
}

/* body .title_philosophie {
	bottom: 140px;
	top: 30px;
} */

body .title_agence {
	bottom: 110px;
	top: 30px;
}

body .title_contact {
	bottom: 80px;
	top: 60px;
}

body .page_section {
	width: 100%;
	position: relative;
	z-index: 4;
	background: white;
	min-height: calc(100dvh - 80px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

body .page_section .page_content_section {
	width: 924px;
	margin: 0 auto;
	min-height: calc(100dvh - 80px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 30px 0 0 0;
}

body .page_section.page_one_project_section {
	justify-content: flex-start !important;
}

body .page_section.page_projets_section {
	justify-content: flex-start !important;
	min-height: calc(100dvh - 180px);
	overflow-y: scroll;
}

body .page_projets_section .page_content_section {
	justify-content: flex-start;
}

body .page_projets_section .page_content_section h3 {
	margin: 40px auto;
	font: 20px/22px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
}

body .page_projets_section .page_content_section .favorite_projet {
	min-height: auto;
	margin: 0 0 40px 0;
}



body .page_projets_section .page_content_section .favorite_projet ul {
	width: 100%;
	display: grid;
	grid-template-columns: 32% 32% 32%;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 auto;
}


body .page_projets_section .page_content_section .favorite_projet ul li {
		margin: 0 0 40px 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		cursor: pointer;
	}

	body .page_projets_section .page_content_section .favorite_projet ul li div {
		width: 100%;
	}

	body .page_projets_section .page_content_section .favorite_projet ul li img {
		width: 100%;
		height: auto;
		aspect-ratio: 360 / 460;
		object-fit: cover;
	}





/* body .page_projets_section .page_content_section .favorite_projet ul {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;
	margin: 30px auto 0;
} */

body .page_projets_section .page_content_section .favorite_projet ul a {
	text-decoration: none;
	color: #000;
}

/* body .page_projets_section .page_content_section .favorite_projet ul li {
	margin: 0 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}

body .page_projets_section .page_content_section .favorite_projet ul li img {
	width: 360px;
	height: 460px;
	object-fit: cover;
} */

body .page_projets_section .page_content_section .favorite_projet ul li h4 {
	margin: 20px 0 5px 0;
	font: 17px/20px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
}

body .page_projets_section .page_content_section .favorite_projet ul li p {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}

body .page_projets_section .page_content_section .all_projects {
	width: 100%;
	min-height: auto;
	margin: 0 0 60px 0;
}

body .page_projets_section .page_content_section .all_projects .title_keywords {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	border-top: 2px solid #000;
}

body .page_projets_section .page_content_section .all_projects .title_keywords a {
	text-decoration: none !important;
	color: #000;
}

body .page_projets_section .page_content_section .all_projects .title_keywords a h5 {
	width: 100%;
	text-align: center;
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 2px solid #000;
	cursor: pointer;
}

body .page_projets_section .page_content_section .all_projects .title_keywords table {
	width: 100%;
	margin: 20px 0 80px 0;
}

body .page_projets_section .page_content_section .all_projects .title_keywords .table_left,
body .page_projets_section .page_content_section .all_projects .title_keywords .table_right {
	width: 45%;
}

body .page_projets_section .page_content_section .all_projects .title_keywords table tr {
	width: 100%;
	border-top: 2px solid #000;
	/* border-bottom: 2px solid #000; */
	padding: 2px 0;
}

body .page_projets_section .page_content_section .all_projects .title_keywords table thead tr:first-child {
	border-top: 0px solid #000;
}

body .page_projets_section .page_content_section .all_projects .title_keywords table tr td {
	font: 15px/18px "neulis-sans", sans-serif;		
	font-weight: 400;
	font-style: normal;
	padding: 10px 0;
	width: 33%;
	text-align: center;
	vertical-align: middle;
}

body .page_projets_section .page_content_section .all_projects .keyword_section ul {
	margin: 60px 0 0 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

body .page_projets_section .page_content_section .all_projects .keyword_section ul a {
	text-decoration: none;
	color: #000;
}

body .page_projets_section .page_content_section .all_projects .keyword_section ul a li {
	margin: 0 25px;
	font: 14px/17px "neulis-sans", sans-serif;		
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	cursor: pointer;
}

body .page_agence_section .page_content_section .page_content_section_follow {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}



body .page_agence_section .page_content_section .banner_philosophie_image {
	width: 924px;
	margin: 60px auto 0;
}

body .page_agence_section .page_content_section .banner_philosophie_image img {
	width: 100%;
}

body .page_agence_section .page_content_section p {
		font: 12px/14px "neulis-sans", sans-serif;
		font-weight: 400;
		font-style: normal;
	}





body .page_agence_section .page_content_section .page_content_section_follow.reverse {
	flex-direction: row-reverse;
}

body .page_agence_section .page_content_section .page_content_section_follow {
	margin: 20px 0 0 0;
	height: 100%;
}

body .page_agence_section .page_content_section .page_content_section_follow .page_content_section_follow_left {
	width: 455px;
	height: 100%;
}

body .page_agence_section .page_content_section .page_content_section_follow .page_content_section_follow_left img {
	width: 100%;
}

.legend_photo {
	display: flex;
	flex-direction: row;
	max-width: 924px;
	justify-content: space-between;
	align-items: flex-start;
	margin: 30px auto 0;
}

body .page_agence_section .page_content_section .page_content_section_follow_right {
	width: calc(33% - 5px);	
}

body .page_agence_section .page_content_section h5 {
	font: 17px/20px "neulis-sans", sans-serif;
	font-weight: 500;
	font-style: normal;
}

body .page_agence_section .page_content_section p {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: italic;
}

body .page_agence_section .page_content_section p i {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: italic;
}

body .page_agence_section .page_content_section h3 {
	margin: 80px auto;
	font: 17px/20px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	cursor: pointer;
}

body .page_section.page_contact_section{
	min-height: calc(100dvh - 80px);
}


body .page_section.page_contact_section ul {
	margin: -120px 0 0 0;
}

body .page_contact_section ul li {
	text-align: center;
	font: 17px/20px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
}

body .page_contact_section ul li.special_list_style {
	font: 17px/20px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 10px 0;
}

body .page_contact_section ul li.space_list_style {
	margin: 5px 0 20px;
}

body .page_contact_section ul li:first-child {
	width: 250px;
	font: 20px/24px "neulis-sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 0 auto 20px 25px;
	text-align: center;
}

body .page_contact_section ul li img {
	width: 100%;
}

body .page_contact_section ul li a {
	text-decoration: none;
	color: #000;
	text-align: center;
}

.scroll_indication {
	position: fixed;
	z-index: 20;
	bottom: 240px;
	left: 5px;
	/* left: 20px; */
	/* width: 100px; */
	width: 60px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	transition: all ease-in-out .2s;
}

.scroll_indication.hide_temp {
	opacity: 0;
	transition: all ease-in-out .2s;
}

.scroll_indication p {
	transform: rotate(-90deg);
	text-transform: uppercase;
	font: 16px/40px "neulis-sans", sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-style: normal;
	margin: 0 0 0 -32px;
}

.scroll_indication .scroll_indication_little_bar {
	background: #000;
	width: 100%;
	height: 2px;
	margin: 35px 0 0 0;
}

.scroll_indication .scroll_indication_big_bar {
	background: #000;
	width: 100%;
	height: 5px;
	margin: 3px 0 0 0;
}

@media screen and (max-width: 690px) {
	.scroll_indication {
		position: fixed;
		left: 5px;
		transition: all ease-in-out .2s;
	}

	.scroll_indication .scroll_indication_little_bar {
		height: 0;
		width: 0;
	}

	.scroll_indication .scroll_indication_big_bar {
		height: 0;
		width: 0;
	}

	body .title_projets {
		bottom: 130px;
	}

	body .title_agence {
		bottom: 100px;
	}

	body .title_contact {
		bottom: 70px;
	}
}


body .page_projets_section h3 {
	margin: 40px auto;
	font: 20px/22px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
}
body .page_projets_section .all_projects_page {
	width: 100%;
}

body .page_projets_section .all_projects_page .title_keywords {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	border-top: 2px solid #000;
}
body .page_projets_section .all_projects_page .title_keywords h5 {
	width: 100%;
	text-align: center;
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 2px solid #000;
}
body .page_projets_section .all_projects_page .title_keywords table {
	width: 100%;
	margin: 20px 0 80px 0;
}
body .page_projets_section .all_projects_page .title_keywords table tr {
	width: 100%;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 2px 0;
	cursor: pointer;
	transition: all ease-in-out .2s;
}
body .page_projets_section .all_projects_page .title_keywords table thead tr:first-child {
	border-top: 0px solid #000;
	cursor: default;
}
body .page_projets_section .all_projects_page .title_keywords table thead tr:first-child td {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 800;
	font-style: normal;
}
body .page_projets_section .all_projects_page .title_keywords table tr td {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	font-style: normal;
	padding: 10px 0;
	max-width: 33%;
	text-align: left;
	vertical-align: middle;
	margin: 0 20px;
}
body .page_projets_section .all_projects_page .title_keywords table tr:hover {
	background: #000;
	color: #fff;
	transition: all ease-in-out .2s;
}

body .page_projets_section .all_projects_page .title_keywords table thead tr:first-child:hover {
	background: #fff;
	color: #000;
	transition: all ease-in-out .2s;
}



.test.for_all_projects {
	top: 80px !important;
}

.content_all_projects {
	max-width: 100%;
	margin: 0 auto; 
	height: calc(100dvh - 80px);
	overflow-y: scroll;
	background: #fff;
}

.content_all_projects .page_projets_section {
	max-width: 1200px;
	margin: 0 auto; 
	
}



.content_one_project {
	max-width: 100%;
	margin: 0 auto; 
	background: #fff;
	height: calc(100dvh - 80px);
	overflow-y: scroll;
} 

.page_one_project_section {
	width: 924px !important;
    margin-left: calc((100vw - 924px) / 2) !important;
    margin-right: auto !important;
    position: relative;
    padding: 50px 0 0 0;
}




.content_one_project .page_one_project_section h3 {
	font: 25px/30px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	mix-blend-mode: difference;
	color: #fff;
}

.content_one_project .page_one_project_section .specification_project ul {
	margin: 0 0 80px 0;
}

.content_one_project .page_one_project_section .specification_project ul li {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}


.content_one_project .page_one_project_section .chosen_project .main_image_chosen_project {
	margin: 0 auto;
	max-width: 924px;
}

.content_one_project .page_one_project_section .chosen_project .main_image_chosen_project img.vertical {
	margin: 0 auto 80px;
	max-width: 600px;
}

.content_one_project .page_one_project_section .chosen_project .main_image_chosen_project img {
	width: 100%;
	margin: 0 0 30px 0;
}

.content_one_project .page_one_project_section .chosen_project .main_image_chosen_project img.vertical {
	margin: 0 auto 80px;
	max-width: 600px;
}

.content_one_project .page_one_project_section .chosen_project .description_chosen_project {
	width: 100%;
	margin: 0 0 140px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_left,
.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_right {
	width: 48%;
}

.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_left ul li {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 2px 0;
}

.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_left ul li span {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_right p,
.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_right div {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_right p {
	margin: 0 0 20px 0;
}

.nav_project {
    position: fixed !important;
    bottom: 0 !important;
    width: 924px !important;
    background: white !important;
    z-index: 15 !important;
    padding: 15px 0 30px 0 !important;
    left: calc((100vw - 924px) / 2) !important;
    transform: none !important;
    margin: 0 !important;
	border-top: 2px solid #000;
}

/* .nav_project {
    position: fixed !important;
    bottom: 0 !important;
    width: 924px !important;
    background: white !important;
    z-index: 15 !important;
    padding: 15px 0 30px 0 !important;
    left: 50%;
    transform: translate(0,-50%);
    margin: 0 !important;
	border-top: 2px solid #000;
} */

.nav_project ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font: 18px/20px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 2px;
	width: 100%;
}

.nav_project ul a {
	text-decoration: none;
	color: #000;
}

.nav_project ul li {
	cursor: pointer;
	width: 33%;
}

.nav_project ul li.nav_left {
	text-align: left;
}
.nav_project ul li.nav_middle {
	text-align: center;
}
.nav_project ul li.nav_right {
	text-align: right;
}








.content_team {
	max-width: 100%;
	margin: 0 auto; 
	background: #fff;
	height: calc(100dvh - 80px);
	overflow-y: scroll;
} 

.page_team_section {
	max-width: 924px;
	margin: 20px auto 0; 
	/* height: calc(100dvh - 180px);
	overflow-y: scroll; */
}




.content_team .page_team_section h3 {
	margin: 80px 0 10px 0;
	font: 17px/20px "neulis-sans", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
}

.content_team .page_team_section ul {
	display: grid;
	grid-template-columns: 22% 22% 22% 22%;
	justify-content: space-between;
	align-items: baseline;
	width: 1200px;
	margin: 60px auto 80px;
}

.content_team .page_team_section ul li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin: 0 0 40px 0;
}

.content_team .page_team_section ul li .profil_picture {
	width: 100%;
}

.content_team .page_team_section ul li .profil_picture img {
	width: 100%;
}


.content_team .page_team_section ul li h4 {
	font: 17px/20px "neulis-sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin: 20px 0 0 0;
	text-align-last: left;
}

.content_team .page_team_section ul li p {
	font: 15px/18px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: italic;
	text-align-last: left;
}

.content_team .page_team_section ul li p.type {
	font: 14px / 17px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	margin: 5px auto 10px;
}

.content_team .page_team_section ul li p.date {
	font: 12px / 15px "neulis-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	margin: 5px auto 10px;
}



.animation_intro {
	position: absolute;
	top: 0;
	left: 0;
	width: 100dvw;
	height: 100dvh;
	z-index: 50;
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: fadeInOut 0.2s ease-in-out forwards;
}

.animation_intro .logo_animation {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.animation_intro .logo_animation svg {
	width: 100%;
}

.st0 {
	opacity: 0;
	animation: fadeInUp 0.1s ease forwards;
}
.st0:nth-child(1) { animation-delay: 300ms; }
.st0:nth-child(2) { animation-delay: 600ms; }
.st0:nth-child(3) { animation-delay: 900ms; }
.st0:nth-child(4) { animation-delay: 1200ms; }
.st0:nth-child(5) { animation-delay: 1500ms; }
.st0:nth-child(6) { animation-delay: 1800ms; }
.st0:nth-child(7) { animation-delay: 2100ms; }
.st0:nth-child(8) { animation-delay: 2400ms; }

@keyframes fadeInUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.logo_animation {
	width: 100%;
	animation: Slide 0.4s ease-in-out forwards;
}

.logo_animation { animation-delay: 2700ms; }

@keyframes Slide {
	to {
		width: 650px;
		top: 75px;
		left: 330px;
	}
}


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

	@keyframes Slide {
	to {
		width: 163px;
		top: 31px;
		left: 105px;
	}
}

}


.animation_intro { animation-delay: 3200ms; }

@keyframes fadeInOut {
	to {
		opacity: 0;
	}
}


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

	.content_all_projects .page_projets_section {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}

	body .page_projets_section .all_projects_page .title_keywords table tr td {
		padding: 10px 20px;
		margin: 0;
	}


	.page_team_section {
		max-width: 100%;
		padding: 0 20px;
	}

	.content_team .page_team_section ul {
		width: 100%;
	}
}

@media screen and (max-width:960px) {
	.content_team .page_team_section ul {
		width: 100%;
		grid-template-columns:  30% 30% 30%;
	}
}

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

	header .logo {
		width: 150px;
	}

	 body .page_projets_section .all_projects_page .title_keywords table tr {
		display: flex;
		flex-direction: column;
		border: none;
		border-bottom: 1px solid #000;
		padding: 20px 0;
	} 

	 body .page_projets_section .all_projects_page .title_keywords table thead tr:first-child {
		display: none;
	} 

	 body .page_projets_section .all_projects_page .title_keywords table tr:nth-child(2) {
		border-top: 0px solid #000;
	} 

	body .page_projets_section .all_projects_page .title_keywords table tr td {
		width: 100%;
		max-width: 100%;
		 display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: baseline;
		align-self: baseline;
		border: none; 
		padding: 10px 5px;
	}

	 body .page_projets_section .all_projects_page .title_keywords table tr td span {
		min-width: 150px;
		margin: 0 10px 0 0;
		display: inline-block;
		font: 15px / 18px "neulis-sans", sans-serif;
		font-weight: 800;
		font-style: normal;
	} 

	.content_team .page_team_section ul {
		width: 100%;
		grid-template-columns:  45% 45%;
	}

	header .link_rs .menu .menu_line {
		width: 40px;
	}

	header .link_rs .rs ul li {
		width: 23px;
		height: 23px;
	}

	header .link_rs .rs ul li img {
		margin: 5px 0 0 5px;
	}
}


@media screen and (max-width:950px) {
	body .page_section .page_content_section {
		width: 100%;
		padding: 80px 20px;
	}



	body .page_agence_section .page_content_section .page_content_section_follow {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}



	body .page_agence_section .page_content_section  .banner_philosophie_image {
		width: 100%;
	}




	body .page_agence_section .page_content_section .page_content_section_follow.reverse {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	body .page_agence_section .page_content_section .page_content_section_follow .page_content_section_follow_right {
		height: auto;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 20px auto 40px;
		padding: 0;
	}

	body .page_agence_section .page_content_section .page_content_section_follow .page_content_section_follow_left {
		width: auto;
		max-width: 455px;
		height: 100%;
	}






	body .page_section.page_projets_section {
		width: 100%;
	}

	body .page_projets_section .page_content_section .favorite_projet {
		width: 100%;
		min-height: auto;
		margin: 0 0 20px 0;
	}
	
	body .page_projets_section .page_content_section .favorite_projet ul {
		width: 100%;
		display: grid;
		grid-template-columns: 45% 45%;
		justify-content: space-between;
		align-items: baseline;
		margin: 0 auto;
	}

	body .page_projets_section .page_content_section .favorite_projet ul li {
		margin: 0 0 20px 0;
	}

	body .page_projets_section .page_content_section .favorite_projet ul li div {
		width: 100%;
	}

	body .page_projets_section .page_content_section .favorite_projet ul li img {
		width: 100%;
		height: auto;
		aspect-ratio: 360 / 460;
		object-fit: cover;
	}


	body .page_projets_section .page_content_section .all_projects {
		width: 100%;
		min-height: auto;
		margin: 0;
	}

	body .page_projets_section .page_content_section .all_projects .keyword_section ul {
		display: grid;
		align-items: center;
		justify-content: baseline;
		grid-template-columns: 33% 33% 33%;
		justify-content: center;
	}

	body .page_projets_section .page_content_section .all_projects .keyword_section ul a li {
		margin: 0 0 10px 0;
		text-align: center;
	}

	

	/* .nav_project {
		position: fixed;
		z-index: 30;
		width: 100%;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
		border-top: 2px solid #000;
		background: #fff;
		padding: 10px 20px 40px;
	} */

	.nav_project {
    	position: fixed !important;
		bottom: 0 !important;
		width: 100% !important;
		background: white !important;
		z-index: 15 !important;
		padding: 10px 20px 40px !important;
		left: calc((100vw - 100%) / 2) !important;
		transform: none !important;
		margin: 0 !important;
		border-top: 2px solid #000;
	}



	.page_one_project_section {
		width: 100% !important;
		margin: 0 !important;
		position: relative !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		margin-left: 0 !important;
		padding: 50px 20px 0 !important;
	}





	.legend_photo {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		margin: 10px 0 0 0;
		width: 100%;
	}

	body .page_agence_section .page_content_section .page_content_section_follow_right {
		width: 100%;
		margin: 5px 0;
	}
}


@media screen and (max-width:515px) {
	body .page_projets_section .page_content_section .all_projects .keyword_section ul {
		grid-template-columns: 30% 30% 30%;
	}
	body .page_projets_section .page_content_section .all_projects .keyword_section ul a li {
		font: 2vw/17px "neulis-sans", sans-serif;
	}
}

@media screen and (max-width: 660px){
	.content_one_project .page_one_project_section .chosen_project .description_chosen_project {
		width: 100%;
		margin: 0 0 140px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_left,
	.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_right {
		width: 100%;
	}
	.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_right {
		margin: 60px 0 0 0;
	}
}


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

	header {
		padding: 15px 15px 10px 30px;
	}


	body .title_section {
		height: 20px;
		padding: 0 20px;
	}
	body .title_section .line_title {
		width: calc(100% - 65px);
	}

	.title_section_retour {
		height: 20px;
		padding: 0 20px;
	}
	.title_section_retour .line_title {
		width: calc(100% - 65px);
	}

	body .title_projets {
		bottom: 110px;
		top: 0px;
	}

	body .title_agence {
		bottom: 90px;
		top: 20px;
	}

	body .title_contact {
		bottom: 70px;
		top: 40px;
	}





	body .page_section.page_contact_section {
		min-height: calc(100dvh - 60px);
	}

	body .page_section.page_contact_section ul {
		margin: -120px 0 0 0;
	}





	.test.for_all_projects {
		top: 70px !important;
	}

	body .page_section {
		min-height: calc(100dvh - 480px);
	}

	body .title_section h2 {
		font: 12px/20px "neulis-sans", sans-serif;
		font-weight: 600;
		font-style: normal;
		margin: 0 5px 0 0;
	}


	body .title_section_retour h2 {
		font: 12px/20px "neulis-sans", sans-serif;
		font-weight: 600;
		font-style: normal;
		margin: 0 5px 0 0;
	}

	body .page_projets_section .page_content_section h3 {
		margin: 20px auto 30px;
		font: 16px/18px "neulis-sans", sans-serif;
		font-weight: 600;
	}

	body .page_projets_section .page_content_section h3:first-child {
		margin: 0px auto 30px;
		font: 16px/18px "neulis-sans", sans-serif;
		font-weight: 600;
	}

	body .page_section .page_content_section {
		min-height: calc(100dvh - 480px);
		width: 100%;
		padding: 0px 20px 40px;
		margin: 20px 0 0 0;
	}

	body .page_projets_section .page_content_section .favorite_projet {
		width: 100%;
		min-height: auto;
		margin: 0 0 20px 0;
	}

	body .page_projets_section .page_content_section .favorite_projet ul li h4 {
		margin: 10px 0 5px 0;
		font: 15px/18px "neulis-sans", sans-serif;
		font-weight: 600;
		font-style: normal;
	}

	body .page_projets_section .page_content_section .favorite_projet ul li p {
		font: 10px/14px "neulis-sans", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	body .page_projets_section .page_content_section .all_projects .keyword_section ul {
		margin: 20px 0 0 0;
	}

	body .page_agence_section .page_content_section .page_content_section_follow {
		margin: 10px auto 20px;
	}
	



	body .page_agence_section .page_content_section .banner_philosophie_image {
		margin: 30px auto 0;
	}

	body .page_agence_section .page_content_section p {
		font: 12px/14px "neulis-sans", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	body .page_agence_section .page_content_section .page_content_section_follow .page_content_section_follow_right h5 {
		font: 14px/16px "neulis-sans", sans-serif;
		font-weight: 500;
		font-style: normal;
	}

	body .page_agence_section .page_content_section .page_content_section_follow .page_content_section_follow_right p i {
		font: 12px/14px "neulis-sans", sans-serif;
		font-weight: 400;
		font-style: italic;
	}

	body .page_agence_section .page_content_section .page_content_section_follow .page_content_section_follow_right p {
		font: 12px/14px "neulis-sans", sans-serif;
		font-weight: 400;
	}

	body .page_agence_section .page_content_section .page_content_section_follow .page_content_section_follow_right {
		margin: 10px auto 20px;
	}

	body .page_agence_section .page_content_section h3 {
		margin: 30px auto 0px;
		font: 15px/18px "neulis-sans", sans-serif;
		font-weight: 600;
		font-style: normal;
	}

	body .page_agence_section .page_content_section h3:first-child {
		margin: 10px auto;
		font: 15px/18px "neulis-sans", sans-serif;
		font-weight: 600;
		font-style: normal;
	}





	body .page_contact_section ul li.special_list_style {
		font: 14px/16px "neulis-sans", sans-serif;
		font-weight: 400;
		font-style: normal;
		margin: 5px 0;
	}

	body .page_contact_section ul li {
		text-align: center;
		font: 14px/16px "neulis-sans", sans-serif;
		font-weight: 400;
		font-style: normal;
	}





	.page_one_project_section {
		padding: 20px;
	}

	.content_one_project .page_one_project_section .specification_project ul {
		margin: 0 0 20px 0;
	}

	.content_one_project .page_one_project_section .chosen_project .main_image_chosen_project img {
		margin: 0 0 20px 0;
	}

	.content_one_project .page_one_project_section .chosen_project .description_chosen_project {
		margin: 0 0 140px;
	}

	.content_one_project .page_one_project_section .chosen_project .main_image_chosen_project.vertical {
		margin: 0 auto 10px;
	}

	.content_one_project .page_one_project_section .chosen_project .description_chosen_project .description_chosen_project_right {
		margin: 15px 0 0 0;
	}

	.nav_project ul {
		font: 12px/20px "neulis-sans", sans-serif;
		font-weight: 600;
		font-style: normal;
		letter-spacing: 2px;
	}










	.content_team {
		height: calc(100dvh - 70px);
	}


	.content_team .page_team_section h3 {
		margin: 20px 0 10px 0;
	}

	.content_team .page_team_section ul {
		margin: 20px auto 0;
	}

	.content_team .page_team_section ul li h4 {
		margin: 10px 0 0 0;
		font: 12px/17px "neulis-sans", sans-serif;
		font-weight: 500;
		font-style: normal;
	}

	.content_team .page_team_section ul li p.type {
		font: 10px/15px "neulis-sans", sans-serif;
		font-weight: 400;
		margin: 0;
	}

	.content_team .page_team_section ul li p {
		font: 10px/15px "neulis-sans", sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align: left;
		margin: 0;
	}









	body .menu_develop ul li {
		font: 35px/40px "neulis-sans", sans-serif;
		font-weight: 600;
		font-style: normal;
		text-transform: uppercase;
		margin: 5px auto;
		cursor: pointer;
		display: block;
		transition: all ease-in-out .2s;
	}





	body .page_projets_section .all_projects_page .title_keywords {
		margin: 30px 0 0 0;
	}




	body .page_projets_section .all_projects_page .title_keywords table tr {
		padding: 10px 0;
	}



	body .page_projets_section .all_projects_page .title_keywords table tr td:first-child {
		font: 12px/14px "neulis-sans", sans-serif;		
		font-weight: 400;
		font-style: italic;
		padding: 0px 5px;
	}

	body .page_projets_section .all_projects_page .title_keywords table tr td:nth-child(4) {
		font: 20px/22px "neulis-sans", sans-serif;		
		font-weight: 600;
		font-style: normal;
		padding: 2px 5px;
	}

	body .page_projets_section .all_projects_page .title_keywords table tr td:nth-child(5) {
		font: 14px/14px "neulis-sans", sans-serif;		
		font-weight: 400;
		font-style: normal;
		padding: 0px 5px;
	}


	body .page_agence_section .page_content_section h5 {
		font: 12px/17px "neulis-sans", sans-serif;
		font-weight: 500;
		font-style: normal;
	}

	body .page_agence_section .page_content_section p {
		font: 10px/15px "neulis-sans", sans-serif;
		font-weight: 400;
		font-style: italic;
	}

	body .page_agence_section .page_content_section p i {
		font: 10px/15px "neulis-sans", sans-serif;
		font-weight: 400;
		font-style: italic;
	}


	
}