/*-----ATTRIBUTS GENERAUX----*/
/*-----page----*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'IBM Plex Mono', Arial, monospace;
    font-weight: 300;
    font-size: 16px;
	color: #1d1d1d;
	border-top: solid 3px #1d1d1d;
	background-color: #f7f7f7;
	cursor: url(../images/cursor.cur) 23 23, url(../images/cursor.png) 23 23, url(../images/cursor.svg) 23 23, auto;
}

/*-----fin page----*/

/*-----titres----*/
h1, h2, h3, h4, h5 {
	font-family: 'IBM Plex Sans Condensed', Arial, sans-serif;
	font-weight: 800;
	position: relative;
	padding-left: 60px;
}
@media (max-width: 520px) {
	h1, h2, h3, h4, h5 {
		padding-left: 5px;
	}
}
/*-----fin titres----*/

/*-----liste----*/
ul, li {
	list-style-type: none;
}
/*-----fin liste----*/

/*-----curseur hover----*/
.cursorHover{
cursor: url(../images/cursor_menu.cur) 20 20, url(../images/cursor_menu.png) 20 20, url(../images/cursor_menu.svg) 20 20, auto;
}
/*-----fin curseur hover----*/

/*-----typo Bauhaus----*/
.xant {
	font-family: 'xants', Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2em;
}

/*-----fin typo Bauhaus----*/

/*-----lien----*/
a {
	color: #1d1d1d;
	text-decoration: none;
}
a:hover {
	color: #1d1d1d;
}

a:hover{
	cursor: url(../images/cursor_menu.cur) 20 20, url(../images/cursor_menu.png) 20 20, url(../images/cursor_menu.svg) 20 20, auto;
}
/*-----fin lien----*/

/*-----boutons----*/
.connexion>a {
	display: inline-block;
	padding: 20px 75px;
	margin-top: 100px;
	border: 1px solid #1d1d1d;
	transition: all .3s ease-in-out;
}

.connexion>a:hover {
	background-color: #82ffae;
}

/*-----fin boutons----*/

/*-----encadrés-----*/
.stripes {
	background-color: #1d1d1d;
	background-image: repeating-linear-gradient(45deg, #1d1d1d, transparent 5px, rgb(243, 243, 243) 5px, rgb(243, 243, 243) 13px);
	padding: 5px;
	margin: 0 auto;
}

.pb-3-5 {
	padding-bottom: 1.25rem !important;
  }

/*-----fin encadrés-----*/

.borderBottom {
	border-bottom: solid 1px #1d1d1d;
    padding: 20px 0;
    margin: 0 10px;
}

.borderBottomBold {
	border-bottom: solid 3px #1d1d1d;
    padding: 20px 0;
    margin: 0 10px;
}
/*-----FIN ATTRIBUTS GENERAUX----*/

/*-----HEADER-----*/
header {
	width: 10%;
	z-index: 99;
	position: fixed;
    top: 0;
}
/*-----FIN HEADER-----*/

/*-----MENU----*/
nav label svg {
	height: 50px;
	width: 50px;
}

nav label svg path {
	fill: #1d1d1d;
}

#menu>ul:checked .menu_content {
	transform: translate(0, 0);
}

.menu_toggle:checked~.menu_content {
	transform: translate(100%, 0);
}

/*-----Sweep To Right-----*/
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 20px;
	left: 0;
	right: -10px;
	bottom: 10px;
	background-color: #82ffae;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

#menu {
	z-index: 99;
}

.menu_content {
	width: 500px;
	padding-top: 20vh;
	padding-bottom: 25vh;
	background-color: #f7f7f7;
	border-right: solid 1px #1d1d1d;
	font-family: 'Roboto', Arial, sans-serif;
	transition: all .2s ease-in-out;
}

.menu_toggle-label {
	height: 50px;
	width: 50px;
	cursor: url(../images/cursor_menu.cur) 20 20, url(../images/cursor_menu.png) 20 20, url(../images/cursor_menu.svg) 20 20, auto;
	left: 0;
	top: 0;
}

.menu_toggle-label svg {
	position: relative;
	transition: all 0.3s ease-in-out;
	z-index: 2;
	left: 3.1vw;
	top: 15px;
}

.menu_toggle-label svg:nth-of-type(2) {
	display: none
}

.menu_toggle {
	opacity: 0;
}

.menu_toggle:checked~.menu_toggle-label {
	width: 100vw;
	height: 100vh;
	background-color: #82ffae;
	opacity: .6;
}

.menu_toggle:checked~.menu_toggle-label svg:nth-of-type(1) {
	transform: scale(0);
}

.menu_toggle:checked~.menu_toggle-label svg:nth-of-type(2) {
	left: 380px;
	transform: scale(1);
	transition: all 0.15s ease-in-out;
	transition-delay: 0.925s;
}

.menu_toggle:checked~.menu_content .menu-item {
	transform: translateX(0);
	transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.menu_toggle:checked~.menu_content .menu-item:nth-of-type(1) {
	transition-delay: 0.225s, 0.875s;
}

.menu_toggle:checked~.menu_content .menu-item:nth-of-type(2) {
	transition-delay: 0.275s, 0.875s;
}

.menu_toggle:checked~.menu_content .menu-item:nth-of-type(3) {
	transition-delay: 0.325s, 0.875s;
}

.menu_toggle:checked~.menu_content .menu-item:nth-of-type(4) {
	transition-delay: 0.375s, 0.875s;
}

.menu_toggle:checked~.menu_content .menu-item:nth-of-type(5) {
	transition-delay: 0.425s, 0.875s;
}

.menu_content .menu-item>a {
	color: #1d1d1d;
	font-size: 4em;
	font-weight: 900;
	padding-left: 20px;
	line-height: 1.2;
}

.menu-item {
	transform: translateX(-100%);
}

/*-----fin Sweep To Right-----*/
/*-----FIN MENU ----*/

/*--------LOGO------*/
#divTop {
	padding: 20px 0 40px 0;
	transition: all .5s ease-out;
}

#logo, #logoNameHome, #logoName {
	width: 7%;
	left: 23px;
	position: fixed;
	animation: upAndDown 2.5s linear infinite;
	-webkit-animation: upAndDown 2.5s linear infinite;
}

@-webkit-keyframes upAndDown {
	0% {
		top: 75px;
	}
	50% {
		top: 80px;
	}
	100% {
		top: 75px;
	}
}
@keyframes upAndDown {
	0% {
		top: 75px;
	}
	50% {
		top: 80px;
	}
	100% {
		top: 75px;
	}
}

#logoNameHome {
	display: none;
}

/*-----FIN LOGO ----*/

/*-----CONTENT HOME-----*/
#content_home, #content_aPropos, #content_contact, #content_mentions, #content_manifeste, #content_projets, .content_pagesProjet, #navProjets, #content_pageProjets {
	width: 90%;
	border-left: solid 3px #1d1d1d;
	margin: 0 0 0 auto;
}

/*-----présentation-----*/
#presentation {
	width: 100%;
	border-bottom: solid 3px #1d1d1d;
	display: flex;
}

#whatIdo {
	top: 10%;
	padding: 0;
}

#whatIdo>span:nth-child(1) {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 100;
    font-size: 0.9em;
    letter-spacing: 1px;
}

#whatIdo_1 {
	font-size: 1.6em;
	left: -15%;
}

#whatIdo_1::before {
	display: block;
    content: "";
    width: 233px;
    height: 1px;
    background: #1d1d1d;
    margin: 5px 0 15px 28%;
}

#whatIdo_2 {
	font-size: 0.8em;
	font-weight: 100;
	left: 155px;
    top: -60px;
}

#whatIdo_2>span {
	font-family: 'Almarai', Arial, sans-serif;
    font-weight: 700;
    font-size: 2.5em;
    color: transparent;
    -webkit-text-stroke: 1px #1d1d1d;
}

#knowMore {
	height: 270px;
	border-left: solid 1px #1d1d1d;
	margin: 10px 0;
}

#knowMore span {
	font-family: 'IBM Plex Sans Condensed', Arial, sans-serif;
}

/*-----fin présentation-----*/

/*-------intro-------*/
main {
	padding: 30px 30px 50px 30px!important;
	text-align: left;
	border-bottom: solid 3px #1d1d1d;
}

main h2 {
	font-size: 3.5em;
}

main h2:before {
		content: "";
		position: absolute;
		width: 60%;
		z-index: -1;
		top: 41px;
		left: 0;
		bottom: -6px;
		background: #82ffae;
}

main>p>a {
	font-weight: 500;
}

/*-------fin intro-------*/

/*-----projets-----*/
#content_projets {
    display: grid;
    grid-template-rows: repeat(5, 300px);
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas:
		"sixteen sixteen sixteen sixteen fifteen fifteen fifteen fifteen fourteen fourteen fourteen fourteen"
		"thirteen thirteen thirteen twelve twelve twelve twelve eleven eleven eleven eleven eleven"
		"ten ten ten ten ten nine nine nine eight eight eight eight"
		"seven seven seven seven sixth sixth sixth fifth fifth fifth fifth fifth"
		"fourth fourth fourth third third third second second second first first first";
	gap: 1px;
	background: #1d1d1d;
}

#content_projets a {
	position: relative;
	overflow: hidden;
}

.projetsGreenFilter {
	background-color: #82ffae;
    height: 100%;
}

#content_projets img {
	object-fit: cover;
    width: 100%;
    height: 100%;
	opacity: 0.3;
	filter: grayscale(1);
	transition: all 1s ease-out;
}

#content_projets img:hover {
	opacity: 1;
	transform: scale(1.1);
	cursor: url(../images/cursor_menu.cur) 20 20, url(../images/cursor_menu.png) 20 20, url(../images/cursor_menu.svg) 20 20, auto;
}

#content_projets #first {
    grid-area: first;
}
#content_projets #second {
    grid-area: second;
}
#content_projets #third {
    grid-area: third;
}
#content_projets #fourth {
    grid-area: fourth;
}
#content_projets #fifth {
    grid-area: fifth;
}
#content_projets #sixth {
    grid-area: sixth;
}
#content_projets #seven {
    grid-area: seven;
}
#content_projets #eight {
    grid-area: eight;
}
#content_projets #nine {
    grid-area: nine;
}
#content_projets #ten {
    grid-area: ten;
}
#content_projets #eleven {
    grid-area: eleven;
}
#content_projets #twelve {
    grid-area: twelve;
}
#content_projets #thirteen {
    grid-area: thirteen;
}
#content_projets #fourteen {
    grid-area: fourteen;
}
#content_projets #fifteen {
    grid-area: fifteen;
}
#content_projets #sixteen {
    grid-area: sixteen;
}
/*-----fin projets-----*/

/*-----responsive-----*/
@media (max-width: 991px) {
	body {
		border: none
	}
	#content_home, #content_aPropos, #content_contact, #content_mentions, #content_manifeste, #content_projets, .content_pagesProjet, #navProjets, #content_pageProjets {
		width: 100%;
		border: none;
	}
	#presentation {
	display: grid;
	}
	#knowMore {
		height: auto;
		border: none;
	}
	.connexion>a {
		margin: 30px 0 80px 0;
	}
	header {
		width: 100%;
		top: 0;
		position: absolute;
	}
	#divTop {
		padding: 0
	}
	#logo {
		display: none;
	}
	#logoNameHome, #logoName {
		display: inline-block;
		width: 150px;
		left: 0;
		position: relative;
	}
	#content_home {
		margin-top: 230px;
	}
	#whatIdo>span:nth-child(1) {
		display: none;
	}
	main h2 {
		font-size: 3em;
	}
}
@media (max-width: 767px) {
	#logoNameHome, #logoName {
		width: 23%;
	}
	.menu_content .menu-item>a {
		font-size: 3.5em;
	}
	#content_home {
		margin-top: 35%;
	}
	#whatIdo_1 {
		left: auto;
	}
	#whatIdo_2 {
		left: auto;
		top: -20px;
	}
	#content_projets {
		grid-template-rows: repeat(15, 500px);
		grid-template-columns: 1fr;
		grid-template-areas:
			"sixteen" 
			"fifteen" 
			"fourteen"
			"thirteen"
			"twelve"
			"eleven"
			"ten"
			"nine"
			"eight"
			"seven"
			"sixth"
			"fifth"
			"fourth"
			"third"
			"second"
			"first"
	}
	#content_projets img {
		opacity: 1;
		filter: grayscale(0);
	}
}
@media (max-width: 720px) {
	main h2:before {
		width: 100%;
		top: 35px;
}
}
@media (max-width: 520px) {
	#logoNameHome, #logoName {
		width: 35%;
	}
	.menu_content {
		padding-top: 13vh;
	}
	#content_home {
		margin-top: 55%;
	}
	#content_projets {
		grid-template-rows: repeat(12, 300px);
	}
}
/*-----fin responsive-----*/
/*-----FIN CONTENT HOME-----*/

/*-----CONTENT A PROPOS-----*/
#content_aPropos, #content_contact, #content_mentions, #content_manifeste {
	text-align: start;
	padding-top: 30px;
}

#content_aPropos h1, #content_aPropos h2, #content_mentions h1, #content_mentions h2, #content_mentions h3, #content_contact h1 {
    font-size: 3.5em;
}

#content_aPropos h1:before, #content_aPropos h2:before, #content_contact h1:before, #content_mentions h1:before, #content_mentions h2:before, #content_mentions h3:before {
	content: "";
	position: absolute;
	width: 60%;
	z-index: -1;
	top: 41px;
	left: 0;
	bottom: -6px;
	background: #82ffae;
}

#content_aPropos p {
	border-bottom: solid 1px #1d1d1d;
    padding-bottom: 50px;
}

#content_aPropos article:last-child p {
	border: none;
}

/*-----contact-----*/
#content_contact {
	border-top: solid 3px #1d1d1d;
}

#content_contact div:nth-child(1) {
	padding-top: 20px;
    padding-bottom: 30px;
}

#content_contact p, #content_contact a {
	font-size: 0.8em;
    letter-spacing: 0.2em;
    font-weight: 800;
}

#content_contact .contact {
	margin-right: 20%;
	margin-left: 10%;
}

#content_contact #networks {
	border-left: solid 1px #1d1d1d;
	padding-left: 7%;
    padding-top: 100px;
}

#networks img {
	width: 60px;
    padding: 10px;
	border: 0;
	transition: all .3s ease-in-out;
}
.networksLogoHover {
	display: none;
	transition: all .3s ease-in-out;
}

#networks a:hover .networksLogoHover {
	display: inline-block;
}

#networks a:hover .networksLogo {
	display: none;
}
/*-----fin contact-----*/

/*-----responsive-----*/
@media (max-width: 991px) {
	#content_aPropos, #content_mentions, #content_manifeste, #content_pageProjets, .content_pagesProjet {
		margin-top: 40%;
	}
	#content_contact {
		height: auto;
	}
	#content_contact #networks {
		border: none;
		padding: 0;
		text-align: center;
		margin-bottom: 55px;
	}
	#content_contact a {
		display: inline-block !important;
		padding: 0 !important;
	}
}
@media (max-width: 767px) {
	#content_aPropos, #content_mentions, #content_manifeste {
		margin-top: 45%;
	}
	#content_aPropos article {
		padding: 20px;
	}
	#content_contact div:nth-child(1) {
		padding: 10% 5% 0 5%;
	}
	#content_contact a {
		padding: 0 !important;
	}
	#content_contact .contact {
		margin-right: 10%;
	}
}

@media (max-width: 720px) {
#content_aPropos h1:before, #content_aPropos h2:before, #content_contact h1:before, #content_mentions h1:before, #content_mentions h2:before, #content_mentions h3:before {
	width: 100%;
	}
}

@media (max-width: 520px) {
	#content_aPropos, #content_mentions, #content_manifeste {
		margin-top: 70%;
	}
}
/*-----FIN CONTENT A PROPOS-----*/

/*-----CONTENT MENTIONS-----*/
#content_mentions article:last-child{
margin-bottom: 50px;
}
/*-----FIN CONTENT MENTIONS-----*/

/*-----CONTENT MANIFESTE-----*/
#content_manifeste div, #content_manifeste a {
    font-family: 'IBM Plex Sans Condensed', Arial, sans-serif;
    font-size: 5em;
    font-weight: 800;
	line-height: 5rem;
    padding-bottom: 25px;
}

#content_manifeste a {
	margin-bottom: 25px;
	transition: all ease-in-out 0.3s;
	font-size: 1em;
}

#content_manifeste a:hover {
	color: #82ffae;
	transition: all ease-in-out 0.3s;
}

#content_manifeste .lineThrough{
	text-decoration: line-through;
}

#content_manifeste #green {
	color: #82ffae;
}

#content_manifeste #thin {
font-weight: 100;
}

@media (max-width: 767px) {
#content_manifeste div, #content_manifeste a {
    font-size: 3rem;
    line-height: 50px;
}
}
/*-----FIN CONTENT MANIFESTE-----*/

/*-----CONTENT PAGE PROJETS-----*/
#projets {
	padding: 0;
	align-items: center;
	margin: 0;
}

#projets li {
	min-height: 125px;
}

.borderBottom:nth-last-of-type(1) {
	border-bottom: none;
}

.projetsHover/*, .projetsHover_ma, .projetsHover_cpv, .projetsHover_mda, .projetsHover_lm, .projetsHover_ch*/ {
	font-family: 'Almarai', Arial, sans-serif;
	font-weight: 900;
	font-size: 5.5em;
	line-height: 5rem;
	margin: 0 auto;
	color: transparent;
	-webkit-text-stroke: 1.1px #1d1d1d;
	transition: all ease-in-out 0.2s;
	position: relative;
}

.projetsHover::before/*, .projetsHover_ma::before, .projetsHover_cpv::before, .projetsHover_mda::before, .projetsHover_lm::before, .projetsHover_ch::before*/ {
	content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    background-color: #82ffae;
    width: 100%;/*
}

.projetsHover::before, .projetsHover_cpv::before, .projetsHover_lm::before, .projetsHover_ch::before {*/
    top: 55px;
    bottom: -10px;
}

/*.projetsHover_ma::before, .projetsHover_mda::before {
    top: 50px;
    bottom: 5px;
}*/

.prestation {
	font-family: 'IBM Plex Sans Condensed';
    text-transform: uppercase;
    font-size: 12px;
	writing-mode: tb-rl;
	display: flex;
	margin-left: 20px;
	padding-left: 20px;
    border-left: solid 1px #1d1d1d;
	min-width: 84px;
}

.prestation div:nth-child(1) {
	font-weight: 200;
}

.prestation div:nth-child(2), .prestation div:nth-child(3), .prestation div:nth-child(4) {
	font-size: 10px;
	font-weight: 800;
}

/*-----responsive-----*/
/*
@media screen and (min-width: 929px) and (max-width: 1738px) {
.projetsHover_ch::before {
    top: 122px;
    bottom: -3px;
}
}
@media (max-width: 1485px) {
.projetsHover_ma::before {
    top: 122px;
    bottom: -3px;
}
}
@media screen and (min-width: 819px) and (max-width: 1359px){
.projetsHover_mda::before {
    top: 122px;
    bottom: -3px;
}
}
@media (max-width: 1141px) {
.projetsHover_lm::before {
	top: 122px;
	bottom: -3px;
}
}
@media (max-width: 995px) {
.projetsHover_cpv::before {
    top: 122px;
    bottom: -3px;
}
}
@media (max-width: 928px) {
.projetsHover_ch::before {
    top: 202px;
	bottom: -3px;
}
}
@media (max-width: 818px) {
.projetsHover_mda::before {
    top: 202px;
	bottom: -3px;
}
}*/
@media (max-width: 991px) {
.projetsHover/*, .projetsHover_ma, .projetsHover_cpv, .projetsHover_mda, .projetsHover_lm, .projetsHover_ch*/ {
	color: #1d1d1d;
	font-size: 5em;
	}
}
@media (max-width: 767px) {
	#content_pageProjets, .content_pagesProjet {
		margin-top: 50%;
	}
	#projets li {
		min-height: auto;
		flex-direction: column;
		align-items: initial;
	}
	.projetsHover/*, .projetsHover_ma, .projetsHover_cpv, .projetsHover_mda, .projetsHover_lm, .projetsHover_ch*/ {
		font-size: 3em;
		line-height: 50px;
	}
	.prestation {
		writing-mode: initial;
		margin-top: 10px;
		padding: 0;
		border: none;
		position: relative;
	}
	.prestation::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 10px;
		background-color: #82ffae;
		width: 60%;
	}
	.projetsHover::before/*, .projetsHover_ma::before, .projetsHover_cpv::before, .projetsHover_mda::before, .projetsHover_lm::before, .projetsHover_ch::before*/ {
		display: none;
	}
}
@media (max-width: 520px) {
	#content_pageProjets, .content_pagesProjet {
		margin-top: 80%;
	}
}
/*-----fin responsive-----*/
/*-----FIN CONTENT PAGE PROJETS-----*/

/*-----CONTENT PAGES PROJET-----*/
.content_pagesProjet {
    display: grid;
	gap: 1px;
	background: #1d1d1d;
}

#content_description h1, #content_description h2 {
	font-size: 11px;
    padding: 0;
	margin: 0;
}

#content_description p, #content_description span {
	font-size: 14px;
	margin-bottom: 0.5rem;
}

#content_description a {
	font-weight: 500;
	transition: all .3s ease-in-out;
}

#content_description a:hover {
	color: #82ffae;
}

#content_description #website_location {
	font-family: 'IBM Plex Sans Condensed', Arial, sans-serif;
	text-decoration: underline;
}

#content_Vegalette {
	grid-template-rows: 350px auto auto 350px;
}

#content_manufactureAndragogique {
	grid-template-rows: 350px 350px auto auto 350px;
}

#content_conterPourVous, #content_chTullins, #content_humandcoach, #content_physioski, #content_medievalesAndilly, #content_StLaurent, #content_eclateDeLire, #content_facadesSoleil, #content_edisaxe {
	grid-template-rows: 350px auto;
}

#content_corneille, #content_jagerlagers {
	grid-template-rows: 350px auto 420px auto;
}

#content_lambertMenuiserie {
	grid-template-rows: 350px auto auto auto 350px;
}

#content_hippopotamus, #content_michtology {
	grid-template-rows: 350px 390px auto;
}

#content_edisaxe, #content_facadesSoleil, #content_eclateDeLire, #content_StLaurent, #content_Vegalette, #content_humandcoach, #content_hippopotamus, #content_physioski, #content_michtology, #content_conterPourVous, #content_lambertMenuiserie, #content_jagerlagers, #content_corneille, #content_manufactureAndragogique, #content_medievalesAndilly, #content_chTullins {
    grid-template-columns: repeat(12, 1fr);
}

#content_Vegalette {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
        "second second second third third third third fourth fourth fourth fourth fourth"
		"fifth fifth fifth fifth sixth sixth sixth sixth seven seven seven seven"
		"eight eight eight eight eight nine nine nine nine nine nine nine";
}

#content_manufactureAndragogique {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
		"second second second second second third third third third fourth fourth fourth"
		"fifth fifth fifth fifth fifth fifth sixth sixth sixth sixth sixth sixth"
		"seven seven seven seven seven seven eight eight eight eight eight eight"
		"nine nine nine nine ten ten ten ten eleven eleven eleven eleven";
}

#content_humandcoach {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
        "second second second second second second third third third third third third"
		"fourth fourth fourth fifth fifth fifth fifth sixth sixth sixth sixth sixth"
		"seven seven seven seven seven seven eight eight eight eight eight eight";
}

#content_conterPourVous {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
		"second second second second second third third third fourth fourth fourth fourth"
		"fifth fifth fifth fifth fifth fifth sixth sixth sixth sixth sixth sixth"
		"seven seven seven seven seven seven eight eight eight eight eight eight"
		"nine nine nine nine nine nine ten ten ten ten ten ten";
}

#content_lambertMenuiserie {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
		"second second second second third third third third third fourth fourth fourth"
		"fifth fifth fifth fifth fifth fifth sixth sixth sixth sixth sixth sixth"
		"seven seven seven seven seven seven eight eight eight eight eight eight"
		"nine nine nine nine nine ten ten ten ten ten ten ten";
}

#content_corneille {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
		"second second second second second second third third third third third third"
		"fourth fourth fourth fourth fourth fourth fifth fifth fifth fifth fifth fifth"
		"sixth sixth sixth sixth sixth sixth seven seven seven seven seven seven"
		"eight eight eight eight eight eight nine nine nine nine nine nine"
		"ten ten ten ten ten ten eleven eleven eleven eleven eleven eleven";
}

#content_hippopotamus {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
        "second second second second second third third third third third third third"
		"fourth fourth fourth fourth fourth fourth fifth fifth fifth fifth fifth fifth"
		"sixth sixth sixth sixth sixth sixth seven seven seven seven seven seven";
}

#content_jagerlagers {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
        "second second second second second second third third third third third third"
		"fourth fourth fourth fourth fourth fourth fourth fifth fifth fifth fifth fifth"
		"sixth sixth sixth sixth sixth sixth seven seven seven seven seven seven"
		"eight eight eight eight eight eight nine nine nine nine nine nine";
}

#content_michtology {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
		"second second second second second third third third third third third third"
		"fourth fourth fourth fourth fifth fifth fifth sixth sixth sixth sixth sixth"
		"seven seven seven seven seven seven eight eight eight eight eight eight";
}

#content_medievalesAndilly, #content_StLaurent {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
		"second second second second second second third third third third third third"
		"fourth fourth fourth fourth fourth fifth fifth fifth fifth fifth fifth fifth";
}

#content_chTullins, #content_physioski, #content_eclateDeLire, #content_facadesSoleil {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
		"second second second second second second third third third third third third"
		"fourth fourth fourth fourth fourth fourth fifth fifth fifth fifth fifth fifth";
}

#content_eclateDeLire {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
		"second second second second second second third third third third third third"
		"fourth fourth fourth fourth fourth fourth fourth fifth fifth fifth fifth fifth";
}

#content_edisaxe {
    grid-template-areas:
		"content_description content_description content_description content_description content_description first first first first first first first"
		"second second second second second second third third third third third third"
		"fourth fourth fourth fourth fourth fourth fifth fifth fifth fifth fifth fifth"
		" sixth sixth sixth sixth sixth sixth seven seven seven seven seven seven";
}

#content_edisaxe a, #content_facadesSoleil a, #content_eclateDeLire a, #content_StLaurent a, #content_Vegalette a, #content_manufactureAndragogique a, #content_humandcoach a, #content_conterPourVous a, #content_lambertMenuiserie a, #content_corneille a, #content_hippopotamus a, #content_jagerlagers a, #content_physioski a, #content_michtology a, #content_medievalesAndilly a, #content_chTullins a {
	position: relative;
	overflow: hidden;
	background: #f7f7f7;
}

#content_edisaxe img, #content_facadesSoleil img, #content_eclateDeLire img, #content_StLaurent img, #content_Vegalette img, #content_manufactureAndragogique img, #content_humandcoach img, #content_conterPourVous img, #content_lambertMenuiserie img, #content_corneille img, #content_hippopotamus img, #content_jagerlagers img, #content_physioski img, #content_michtology img, #content_medievalesAndilly img, #content_chTullins img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#content_edisaxe img:hover, #content_facadesSoleil img:hover, #content_eclateDeLire img:hover, #content_StLaurent img:hover, #content_Vegalette img:hover, #content_manufactureAndragogique img:hover, #content_humandcoach img:hover, #content_conterPourVous img:hover, #content_lambertMenuiserie img:hover, #content_corneille img:hover, #content_hippopotamus img:hover, #content_jagerlagersimg:hover, #content_physioski img:hover, #content_michtology img:hover, #content_medievalesAndilly img:hover, #content_chTullins img:hover {
	cursor: url(../images/cursor_menu.cur) 20 20, url(../images/cursor_menu.png) 20 20, url(../images/cursor_menu.svg) 20 20, auto;
}

#content_edisaxe #content_description, #content_facadesSoleil #content_description, #content_eclateDeLire #content_description, #content_StLaurent #content_description, #content_Vegalette #content_description, #content_manufactureAndragogique #content_description, #content_humandcoach #content_description, #content_conterPourVous #content_description, #content_lambertMenuiserie #content_description, #content_corneille #content_description, #content_hippopotamus #content_description, #content_jagerlagers #content_description, #content_physioski #content_description, #content_michtology #content_description, #content_medievalesAndilly #content_description, #content_chTullins #content_description {
    grid-area: content_description;
	background-color: #f7f7f7;
	padding: 10px;
}

#content_edisaxe #content_description a img, #content_facadesSoleil #content_description a img, #content_eclateDeLire #content_description a img, #content_StLaurent #content_description a img, #content_Vegalette #content_description a img, #content_manufactureAndragogique #content_description a img, #content_humandcoach #content_description a img, #content_conterPourVous #content_description a img, #content_lambertMenuiserie #content_description a img, #content_corneille #content_description a img, #content_hippopotamus #content_description a img, #content_jagerlagers #content_description a img, #content_physioski #content_description a img, #content_michtology #content_description a img, #content_medievalesAndilly #content_description a img, #content_chTullins #content_description a img {
	width: 10px;
}

#content_edisaxe #content_description a span, #content_facadesSoleil #content_description a span, #content_eclateDeLire #content_description a span, #content_StLaurent #content_description a span, #content_Vegalette #content_description a span, #content_manufactureAndragogique #content_description a span, #content_humandcoach #content_description a span, #content_conterPourVous #content_description a span, #content_lambertMenuiserie #content_description a span, #content_corneille #content_description a span, #content_hippopotamus #content_description a span, #content_jagerlagers #content_description a span, #content_physioski #content_description a span, #content_michtology #content_description a span, #content_medievalesAndilly #content_description a span, #content_chTullins #content_description a span {
	font-family: 'Roboto';
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
	margin: 0;
	transition: all .3s ease-in-out;
}

#content_edisaxe #content_description a span:hover, #content_facadesSoleil #content_description a span:hover, #content_eclateDeLire #content_description a span:hover, #content_StLaurent #content_description a span:hover, #content_Vegalette #content_description a span:hover, #content_manufactureAndragogique #content_description a span:hover, #content_humandcoach #content_description a span:hover, #content_conterPourVous #content_description a span:hover, #content_lambertMenuiserie #content_description a span:hover, #content_corneille #content_description a span:hover, #content_hippopotamus #content_description a span:hover, #content_jagerlagers #content_description a span:hover, #content_physioski #content_description a span:hover, #content_michtology #content_description a span:hover, #content_medievalesAndilly #content_description a span:hover, #content_chTullins #content_description a span:hover {
	color: #82ffae;
}

#content_edisaxe #first, #content_facadesSoleil #first, #content_eclateDeLire #first, #content_StLaurent #first, #content_Vegalette #first, #content_manufactureAndragogique #first, #content_humandcoach #first, #content_conterPourVous #first, #content_lambertMenuiserie #first, #content_corneille #first, #content_hippopotamus #first, #content_jagerlagers #first, #content_physioski #first, #content_michtology #first, #content_medievalesAndilly #first, #content_chTullins #first {
    grid-area: first;
	filter: grayscale(1);
}

#content_edisaxe #first img, #content_facadesSoleil #first img, #content_eclateDeLire #first img, #content_StLaurent #first img, #content_Vegalette #first img, #content_manufactureAndragogique #first img, #content_humandcoach #first img, #content_conterPourVous #first img, #content_lambertMenuiserie #first img, #content_corneille #first img, #content_corneille #fourth img, #content_corneille #fifth img, #content_corneille #sixth img, #content_hippopotamus #first img,  #content_jagerlagers #first img, #content_physioski #first img, #content_michtology #first img, #content_medievalesAndilly #first img, #content_chTullins #first img {
	cursor: url(../images/cursor.cur) 23 23, url(../images/cursor.png) 23 23, url(../images/cursor.svg) 23 23, auto !important;
}

#content_edisaxe #second, #content_facadesSoleil #second, #content_eclateDeLire #second, #content_StLaurent #second, #content_Vegalette #second, #content_manufactureAndragogique #second, #content_humandcoach #second, #content_conterPourVous #second, #content_lambertMenuiserie #second, #content_corneille #second, #content_hippopotamus #second, #content_jagerlagers #second, #content_physioski #second, #content_michtology #second, #content_medievalesAndilly #second, #content_chTullins #second {
    grid-area: second;
}

#content_edisaxe #third, #content_facadesSoleil #third, #content_eclateDeLire #third, #content_StLaurent #third, #content_Vegalette #third, #content_manufactureAndragogique #third, #content_humandcoach #third, #content_conterPourVous #third, #content_lambertMenuiserie #third, #content_corneille #third, #content_hippopotamus #third, #content_jagerlagers #third, #content_physioski #third, #content_michtology #third, #content_medievalesAndilly #third, #content_chTullins #third {
    grid-area: third;
}

#content_edisaxe #fourth, #content_facadesSoleil #fourth, #content_eclateDeLire #fourth, #content_StLaurent #fourth, #content_Vegalette #fourth, #content_manufactureAndragogique #fourth, #content_humandcoach #fourth, #content_conterPourVous #fourth, #content_lambertMenuiserie #fourth, #content_corneille #fourth, #content_hippopotamus #fourth, #content_jagerlagers #fourth, #content_physioski #fourth, #content_michtology #fourth, #content_medievalesAndilly #fourth, #content_chTullins #fourth {
    grid-area: fourth;
}

#content_edisaxe #fifth, #content_facadesSoleil #fifth, #content_eclateDeLire #fifth, #content_StLaurent #fifth, #content_Vegalette #fifth, #content_manufactureAndragogique #fifth, #content_humandcoach #fifth, #content_conterPourVous #fifth, #content_lambertMenuiserie #fifth, #content_corneille #fifth, #content_hippopotamus #fifth, #content_jagerlagers #fifth, #content_physioski #fifth, #content_michtology #fifth, #content_medievalesAndilly #fifth, #content_chTullins #fifth {
    grid-area: fifth;
}

#content_edisaxe #sixth, #content_Vegalette #sixth, #content_manufactureAndragogique #sixth, #content_humandcoach #sixth, #content_conterPourVous #sixth, #content_lambertMenuiserie #sixth, #content_corneille #sixth, #content_hippopotamus #sixth, #content_jagerlagers #sixth, #content_michtology #sixth {
    grid-area: sixth;
}

#content_edisaxe #seven, #content_Vegalette #seven, #content_manufactureAndragogique #seven, #content_humandcoach #seven, #content_conterPourVous #seven, #content_lambertMenuiserie #seven, #content_corneille #seven, #content_hippopotamus #seven, #content_jagerlagers #seven, #content_michtology #seven {
    grid-area: seven;
}

#content_Vegalette #eight, #content_manufactureAndragogique #eight, #content_humandcoach #eight, #content_conterPourVous #eight, #content_lambertMenuiserie #eight, #content_corneille #eight, #content_jagerlagers #eight, #content_michtology #eight {
    grid-area: eight;
}

#content_Vegalette #nine, #content_manufactureAndragogique #nine, #content_conterPourVous #nine, #content_lambertMenuiserie #nine, #content_corneille #nine, #content_jagerlagers #nine {
    grid-area: nine;
}

#content_manufactureAndragogique #ten, #content_conterPourVous #ten, #content_lambertMenuiserie #ten, #content_corneille #ten {
    grid-area: ten;
}

#content_manufactureAndragogique #eleven, #content_corneille #eleven {
    grid-area: eleven;
}
/*
#content_ {
	cursor: url(../images/cursor.cur) 23 23, url(../images/cursor.png) 23 23, url(../images/cursor.svg) 23 23, auto;
}*/

#content_edisaxe #first, #content_facadesSoleil #first, #content_eclateDeLire #first, #content_StLaurent #first, #content_conterPourVous #first, #content_corneille #first, #content_hippopotamus #first, #content_jagerlagers #first, #content_physioski #first, #content_michtology #first, #content_medievalesAndilly #first, #content_chTullins #first {
    mix-blend-mode: plus-lighter;
}

#content_corneille #fourth, #content_corneille #fifth {
	background-color: #f7f7f7;
}

#content_conterPourVous #fourth, #content_lambertMenuiserie #fourth, #content_lambertMenuiserie #ten, #content_jagerlagers #third, #content_jagerlagers #fourth {
	filter: brightness(0.97);
}

#content_corneille #fourth img, #content_corneille #fifth img {
	object-fit: contain;
}

/*-----lightbox-----*/
/*body.lightboxOverlay {
	overflow: hidden;
}*/
  
.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #1d1d1d;
	opacity: 0.5;
	display: none;
	cursor: url(../images/cursor_menu.cur) 20 20, url(../images/cursor_menu.png) 20 20, url(../images/cursor_menu.svg) 20 20, auto;
}
  
.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
	outline: none;
	cursor: url(../images/cursor_menu.cur) 20 20, url(../images/cursor_menu.png) 20 20, url(../images/cursor_menu.svg) 20 20, auto;
}
  
.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	max-height: none;
}
  
.lightbox a img {
	border: none;
}
  
.lb-outerContainer {
	position: relative;
	zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-color: #f7f7f7;
}
  
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
  
.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
  
.lb-cancel {
	display: block;
    width: 70px;
    height: 50px;
    margin: 23px auto 0 auto;
	background: url(../images/loading.svg) no-repeat;
}
  
.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
  
.lb-container > .nav {
	left: 0;
}
  
.lb-nav a {
	outline: none;
}
  
.lb-prev, .lb-next {
	height: 100%;
	display: block;
}
  
.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(../images/prev.png) left 48% no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
  
.lb-nav a.lb-prev:hover {
	opacity: 1;
}
  
.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(../images/next.png) right 48% no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
  
.lb-nav a.lb-next:hover {
	opacity: 1;
}
  
.lb-dataContainer {
	display: none !important;
}
/*-----fin lightbox-----*/

#navProjets {
	border-top: solid 2px #1d1d1d;
	padding-left: 3rem;
	padding-right: 3rem;
	font-size: 14px;
}

#navProjets img {
	width: 10px;
}

#navProjets span {
	font-family: 'Roboto';
	transition: all .3s ease-in-out;
}

#navProjets span:hover {
	color: #82ffae;
}

/*-----ANIMATION PAGE EDL-----*/
.animation-container {
	background-color: #f7f7f7;
}

.letters {
	font-family: 'Bodoni Moda', Times, 'Times New Roman', serif;
	font-size: 100px;
}

#e-letter {
	top: 15%;
	left: 13%;
	animation: e-letter 28s linear infinite;
	rotate: -30deg;
}
@keyframes e-letter {
	0%{
	  transform: rotate(0deg)
				 translate(50px)
				 rotate(360deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(50px)
				 rotate(-360deg);
	}
}

#c-letter {
	top: 8%;
	left: 40%;
	animation: e-letter 20s linear infinite;
	rotate: -160deg;
}
@keyframes c-letter {
	0%{
	  transform: rotate(0deg)
				 translate(50px)
				 rotate(360deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(50px)
				 rotate(-360deg);
	}
}

#l-letter {
	top: 18%;
	right: 18%;
	animation: l-letter 14s linear infinite;
	rotate: -200deg;
}
@keyframes l-letter {
	0%{
	  transform: rotate(0deg)
				 translate(50px)
				 rotate(-360deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(50px)
				 rotate(-360deg);
	}
}

#a-letter {
	top: 47%;
	left: 24%;
	animation: a-letter 24s linear infinite;
	rotate: -170deg;
}
@keyframes a-letter {
	0%{
	  transform: rotate(0deg)
				 translate(50px)
				 rotate(0deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(50px)
				 rotate(-360deg);
	}
}

#t-letter {
	top: 45%;
	right: 37%;
	animation: t-letter 28s linear infinite;
	rotate: -70deg;
}
@keyframes t-letter {
	0%{
	  transform: rotate(0deg)
				 translate(50px)
				 rotate(360deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(50px)
				 rotate(-360deg);
	}
}

#square {
	width: 110px;
	height: 110px;
	background-color: #ffffff;
	border-radius: 8%;
	top: 30%;
	left: 35%;
	animation: square 20s linear infinite;
	rotate: 25deg;
}
@keyframes square {
	0%{
	  transform: rotate(0deg)
				 translate(50px)
				 rotate(0deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(50px)
				 rotate(-360deg);
	}
}

#rectangle {
	width: 160px;
	height: 19px;
	background-color: #ff5c87;
	border-radius: 12px;
	top: 65%;
	right: 30%;
	animation: rectangle 9s linear infinite;
	rotate: -45deg;
}
@keyframes rectangle {
	0%{
	  transform: rotate(0deg)
				 translate(10px)
				 rotate(0deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(10px)
				 rotate(-360deg);
	}
}

#circle {
	width: 120px;
	height: 120px;
	background-color: #e83f3f;
	border-radius: 50%;
	top: 40%;
	right: 10%;
	animation: circle 10s linear infinite;
}
@keyframes circle {
	0%{
	  transform: rotate(0deg)
				 translate(30px)
				 rotate(0deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(30px)
				 rotate(-360deg);
	}
}

#circular {
	width: 190px;
	height: 190px;
	border: solid 8px #75d4ea;
	border-radius: 50%;
	top: 28%;
	left: 20%;
	animation: circular 14s linear infinite;
	cursor: pointer;
	overflow: hidden;
}
@keyframes circular {
	0%{
	  transform: rotate(0deg)
				 translate(90px)
				 rotate(0deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(90px)
				 rotate(-360deg);
	}
}

#trio {
	top: 29%;
	left: 62%;
	animation: trio 12s linear infinite;
}
@keyframes trio {
	0%{
	  transform: rotate(0deg)
				 translate(60px)
				 rotate(0deg);
	}
	100%{
	  transform: rotate(360deg)
				 translate(60px)
				 rotate(360deg);
	}
}

.trio-rectangle {
	width: 60px;
	height: 19px;
	background-color: #f4d731;
	border-radius: 12px;
	margin: 25px 0;
}

/*-----responsive-----*/
@media (max-width: 1024px) {
	.letters {
		font-family: 'Bodoni Moda', Times, 'Times New Roman', serif;
		font-size: 70px;
	}
	#square {
		width: 80px;
		height: 80px;
	}
	#rectangle {
		width: 130px;
		height: 10px;
	}
	#circle {
		width: 90px;
		height: 90px;
	}
	#circular {
		width: 150px;
		height: 150px;
		border: solid 6px #75d4ea;
	}
	.trio-rectangle {
		width: 30px;
		height: 10px;
		margin: 15px 0;
	}
}

@media (max-width: 991px) {
	#content_edisaxe, #content_facadesSoleil, #content_eclateDeLire, #content_StLaurent, #content_Vegalette, #content_manufactureAndragogique, #content_humandcoach, #content_conterPourVous, #content_lambertMenuiserie, #content_corneille, #content_hippopotamus, #content_jagerlagers, #content_physioski, #content_michtology, #content_medievalesAndilly, #content_chTullins {
		border-top: solid 3px #1d1d1d;
	}
}

@media (max-width: 767px) {
	#content_Vegalette, #content_jagerlagers {
		grid-template-columns: 1fr;
		grid-template-areas:
			"content_description"
			"first"
			"second"
			"third"
			"fourth"
			"fifth"
			"sixth"
			"seven"
			"eight"
			"nine";
	}
	#content_manufactureAndragogique, #content_humandcoach, #content_corneille {
		grid-template-columns: 1fr;
		grid-template-areas:
			"content_description"
			"first"
			"second"
			"third"
			"fourth"
			"fifth"
			"sixth"
			"seven"
			"eight"
			"nine"
			"ten"
			"eleven";
	}
	#content_michtology, #content_edisaxe {
		grid-template-columns: 1fr;
		grid-template-areas:
			"content_description"
			"first"
			"second"
			"third"
			"fourth"
			"fifth"
			"sixth"
			"seven"
			"eight";
	}
	#content_conterPourVous, #content_lambertMenuiserie {
		grid-template-columns: 1fr;
		grid-template-areas:
			"content_description"
			"first"
			"second"
			"third"
			"fourth"
			"fifth"
			"sixth"
			"seven"
			"eight"
			"nine"
			"ten";
	}
	#content_hippopotamus {
		grid-template-columns: 1fr;
		grid-template-areas:
			"content_description"
			"first"
			"second"
			"third"
			"fourth"
			"fifth"
			"sixth"
			"seven";
	}
	#content_facadesSoleil, #content_eclateDeLire, #content_StLaurent, #content_physioski, #content_medievalesAndilly, #content_chTullins {
		grid-template-columns: 1fr;
		grid-template-areas:
			"content_description"
			"first"
			"second"
			"third"
			"fourth"
			"fifth";
	}

	#content_eclateDeLire {
		grid-template-rows: 280px 300px 350px auto;
	}

	#content_edisaxe, #content_facadesSoleil, #content_StLaurent, #content_Vegalette, #content_humandcoach, #content_hippopotamus, #content_physioski, #content_michtology, #content_conterPourVous, #content_lambertMenuiserie, #content_jagerlagers, #content_manufactureAndragogique, #content_medievalesAndilly, #content_chTullins {
		grid-template-rows: 280px 300px auto;
	}

	#content_corneille {
		grid-template-rows: 280px 300px auto auto 350px 350px 350px auto;
	}

	#content_eclateDeLire {
		grid-template-rows: 280px 300px 350px auto;
	}

	#navProjets {
		padding-left: 10px;
		padding-right: 10px;
		}
}

@media (max-width: 520px) {
	#content_edisaxe, #content_facadesSoleil, #content_StLaurent, #content_Vegalette, #content_humandcoach, #content_hippopotamus, #content_physioski, #content_michtology, #content_conterPourVous, #content_lambertMenuiserie, #content_jagerlagers, #content_manufactureAndragogique, #content_medievalesAndilly, #content_chTullins {
		grid-template-rows: 350px 300px auto;
	}

	#content_corneille {
		grid-template-rows: 350px 300px auto auto 200px 200px auto;
	}

	#content_eclateDeLire {
		grid-template-rows: 350px 300px 350px auto;
	}

	.lightboxOverlay, .lightbox {
		display: none !important;
	}
}
/*-----fin responsive-----*/
/*-----FIN CONTENT PAGES PROJET-----*/

/*--------FOOTER---------*/
footer {
	border-top: solid 3px #1d1d1d;
	padding-bottom: 10px;
}

footer span {
	font-size: 8px;
    font-weight: 500;
	transition: all .3s ease-in-out;
}

footer span a:hover {
    color: #82ffae;
}

/*--------responsive---------*/
@media (max-width: 767px) {
	footer span {
		font-size: 9px;
	}
}
/*--------fin responsive---------*/
/*--------FIN FOOTER---------*/