/*!
Theme Name: bigmood
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bigmood
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bigmood is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


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

:root {
	--vert: #0F2B31;
	--orange: #BE461F;
	--gris: #A5B6B0;
	--coral: #E8BEB1;
	--blanc: #FAFAFA;
}

* {
	margin:0;
	padding:0;
} 
*, *:before, *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {
	font-size: 62.5%;
	height: 100%;
}

body {
	width: 100%;
	min-height: 100%;
	font-family: 'barlow', sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--vert);
	background-color: #FFF;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}

img{
	border-style:none;
}
ul {
	list-style-type:none;
}
a {
	color: var(--coral);
	text-decoration:none;
	outline:none;
	display: block;
}
a:hover {
	color: var(--blanc);
}
br {
	letter-spacing: normal;
}
iframe {
	border: none;
}
fieldset {
	border: none;
}
.text-br {
	display:inline-block;
}
span.br:before {
    content: '\A';
    white-space: pre;
}

h2 {
    font-size: 4.0rem;
    font-weight: 400;
    text-align: center;
}


.landing {
	width: 100%;
	height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.landing .logo {
	width: 100%;
	height: 80px;
	background: url('images/logo_bigmood.svg') no-repeat center;
}


/*--------------------------------------------------------------
> MAIN MENU
--------------------------------------------------------------*/
.navigation__checkbox {
    display: none;
}
.navigation__button {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 20px;
    right: 20px;
    text-align: center;
    background: url('images/icon_menu.svg') no-repeat center;
	background-size: 80%;
    border-radius: 50%;
    z-index: 300;
    cursor: pointer;
	transition-delay: 0.7s;
}

.navigation .logo {
    width: 200px;
    height: 60px;
	mask-image: url(images/logo_bigmood.svg);
	mask-size: 150px;
	mask-position: left top;
	mask-repeat: no-repeat;
	background-color: var(--blanc);
	position: fixed;
	left: 20px;
	top: 20px;opacity: 0;
    visibility: hidden;
    z-index: 200;
    transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.navigation__background {
    width: 3rem;
    height: 3rem;
    position: fixed;
    top: 2rem;
    right: 2rem;
    border-radius: 46%;
    background-color: transparent;
    background-size: cover;
    background-position: center;
    z-index: 100;
    transition: all 800ms cubic-bezier(0.86, 0, 0.07, 1);
	transition-delay: 0.3s;
}

@media screen and (min-width: 768px) {
    .navigation__background {
        width: 6rem;
        height: 6rem;
        top: 4.5rem;
        right: 4.5rem;
    }
}

.navigation__nav {
    width: 0;
    height: 100vh;
	position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 200;
    transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.navigation__list {
    /*@include center;*/
    width: 100%;
    text-align: center;
    list-style: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.navigation__list > li {
    margin: 1rem;
}

.navigation__list > li > a:link,
.navigation__list > li > a:visited {
    font-size: 2.4rem;
	font-weight: 300;
    color: var(--coral);
    text-transform: lowercase;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem;
    transition: all .2s;
}

@media(min-width: 768px) {
    .navigation__list > li > a:link,
    .navigation__list > li > a:visited {
        font-size: 3.8rem;
    }
}

.navigation__list > li > a:hover,
.navigation__list > li.current-menu-item > a {
	color: var(--blanc);
    transform: scale(1.1);
}

.navigation__checkbox:checked~.navigation__background {
	background-color: var(--orange);
    transform: scale(100);
	transition-delay: 0s;
}

.navigation__checkbox:checked~.navigation__nav {
    width: 100%;
    visibility: visible;
    opacity: 1;
}
.navigation__checkbox:checked ~ .navigation__button {
    background-image: url('images/icon_close.svg');
	background-size: 70%;
}
.navigation__checkbox:checked ~ .logo {
    visibility: visible;
    opacity: 1;
}

/*--------------------------------------------------------------
> GLOBAL
--------------------------------------------------------------*/
.wrapper {
	width: 100%;
	overflow-x: hidden;
}
main {
}
#snap {
	height: 100vh;
	overflow: auto;
	scroll-snap-type: y mandatory;
	scroll-snap-stop: always;
	scroll-behavior: auto;
}
#snap section {
	width: 100%;
	height: 100dvh;
	scroll-snap-align: start;
}
#snap section.height-auto {
	height: auto;
}

.video-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}
video {
	filter: drop-shadow(0px 0px rgba(0,0,0,0));
	outline: none;
	border: none;
}
.text-wrap {
    max-width: 1000px;
	padding: 0 15px;
}

h1 {
	font-size: 4.5rem;
	font-weight: 400;
	text-align: center;
	margin-bottom: 30px;
}
p {
	font-family: 'new-hero', sans-serif;
    font-weight: 300;
	text-align: center;
}

/*--------------------------------------------------------------
> ACCUEIL
--------------------------------------------------------------*/
section#video .video-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
section#video .video-wrap video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
     object-fit: cover;
	opacity: 0;
	transition: opacity 0.8s;
	transition-delay: 0.3s;
}
.is-loaded section#video .video-wrap video {
	opacity: 1;
}

section#introduction {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
section#introduction .video-wrap {
	max-width: 480px;
	height: auto;
	aspect-ratio: 1 / 1;
	padding-bottom: 50px;
}
section#introduction .video-wrap video {
	width: 100%;
}
section#introduction p {
	font-size: 2.2rem;
	color: var(--orange);
}

/*--------------------------------------------------------------
> PRESTATIONS
--------------------------------------------------------------*/
#prestations {
	min-height: 400vh;
	position: relative;
}
#prestations .prestations-wrap {
    width: 100%;
    height: 100vh;
    overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 0;
	position: sticky;
	top: 0;
	left: 0;
}
#prestations .prestations-wrap .content {
	height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    padding: 0 15px;
}
#prestations .prestations-wrap .content .presta-img {
	width: 100%;
    height: calc(100vh - 372px);
    max-height: 600px;
    background: no-repeat center center;
    background-size: contain;
}
#prestations .prestations-wrap .content .presta-text {
	width: calc(100% - 245px);
    max-width: 800px;
	display: flex;
    align-items: center;
	padding-left: 10px;
}
#prestations .prestations-wrap .content .presta-text p {
	font-size: min(2.0vw, 2.2rem);
	color: var(--orange);
	text-align: left;
}

#prestations .prestation-contents {
	position: absolute;
	top: 0;
} 
#prestations .prestation-contents .prestations {
	width: 0;
	height: 80vh;
	display: block;
	overflow: hidden;
	opacity: 0;
}
#prestations .prestation-contents .prestations:last-child {
	height: 150vh;
}

ul.presta-menu {
	width: 225px;
	height: 160px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
	gap: 8px;
	padding-right: 30px;
	border-right: 1px solid var(--vert); 
}
ul.presta-menu > li {
	font-size: min(2.6vw, 2.8rem);
	color: var(--gris);
	cursor: pointer;
}
ul.presta-menu > li.active {
	color: var(--orange);
}





/*--------------------------------------------------------------
> RÉALISATIONS
--------------------------------------------------------------*/
main#portfolio #gallery {
	width: 100%;
	height: 100% !important;
	max-width: 1200px;
	margin: 0 auto;
}
main#portfolio  #gallery .lg-content {
	height: fit-content;
    position: relative;
}
main#portfolio  #gallery .lg-content > img {
	width: 100%;
	display: block;
}
main#portfolio .infos-overlay,
.lg-container .infos-overlay {
	width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 30px;
}

main#portfolio .infos-overlay h4,
.lg-container .infos-overlay h4 {
	width: 40%;
	height: 30%;
	max-height: 150px;
	color: transparent;
    background: no-repeat center center;
    background-size: auto 100%;
	margin: 0;
}

main#portfolio .infos-overlay p,
.lg-container .infos-overlay p {
	width: 40%;
	font-size: 1.4rem;
    line-height: 1.5;
	color: var(--vert);
	white-space: normal;
}
/* version V */
main#portfolio #gallery[data-version="ver_v"] .infos-overlay, 
.lg-container[data-version="ver_v"] .infos-overlay {
	justify-content: flex-start;
	align-items: center;
	padding-top: 50px;
}
main#portfolio #gallery[data-version="ver_v"] .infos-overlay h4,
.lg-container[data-version="ver_v"] .infos-overlay h4 {
	width: 100%;
}
main#portfolio #gallery[data-version="ver_v"] .infos-overlay p, 
.lg-container[data-version="ver_v"] .infos-overlay p {
	width: 100%;
	max-width: 400px;
}
/* version SP */
main#portfolio #gallery[data-version="ver_sp"] .infos-overlay, 
.lg-container[data-version="ver_sp"] .infos-overlay {
	justify-content: flex-start;
	align-items: center;
	padding: 20px 0 0;
}
main#portfolio #gallery[data-version="ver_sp"] .infos-overlay h4, 
.lg-container[data-version="ver_sp"] .infos-overlay h4 {
	width: 100%;
	height: 20%;
}
main#portfolio #gallery[data-version="ver_sp"] .infos-overlay p, 
.lg-container[data-version="ver_sp"] .infos-overlay p {
	width: 100%;
	max-width: 400px;
	padding: 0 20px;
}
main#portfolio #gallery[data-version="ver_sp"] .infos-overlay p br, 
.lg-container[data-version="ver_sp"] .infos-overlay p br {
	display: none;
}


main#portfolio .article-wrap .content {
	width: 50%;
	max-width: 960px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


/*--------------------------------------------------------------
> RÉALISATIONS ARCHIVE
--------------------------------------------------------------*/
#realisations {
	padding: 50px 0 0;
}
.post-type-archive-realisations #realisations {
	padding: 50px 30px;
}
#realisations .fp-tableCell {
	height: auto !important;
    overflow: scroll;
	padding-top: 50px;
	justify-content: flex-start;
	-ms-overflow-style: none;
    scrollbar-width: none;
}
#realisations .fp-tableCell::-webkit-scrollbar {
    display: none;
}
#realisations .fp-scrollable {
	width: 100%;
	-ms-overflow-style: none;
    scrollbar-width: none;
}
#realisations .fp-scrollable::-webkit-scrollbar {
    display: none;
}
#realisations h2 {
	margin-bottom: 15px;
}
.contents-wrap.realisations {
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin: 0 auto;
	padding: 0 30px;
}
.sp .contents-wrap.realisations {
	padding: 0;
}
.contents-wrap.realisations .item-wrap {
	width: calc((100% - 60px) / 3);
	height: auto;
	aspect-ratio: 1 / 1.56;
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}
.contents-wrap.realisations .item-wrap .item-infos {
	width: 100%;
	height: 100%;
	background-color: rgba(190,70,31, 0.8);
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding-top: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
.contents-wrap.realisations .item-wrap:hover .item-infos {
	visibility: visible;
	opacity: 1;
}
.contents-wrap.realisations .item-wrap .item-infos h2 {
	width: 100%;
	height: 120px;
}
.contents-wrap.realisations .item-wrap .item-infos h2 img {
    width: auto;
    height: 100%;
    filter: invert(84%) sepia(100%) saturate(0%) hue-rotate(74deg) brightness(108%) contrast(107%);
}
.contents-wrap.realisations .item-wrap .item-infos h3 {
	font-size: min(1.5vw, 2.0rem);
	font-weight: 500;
	color: var(--blanc);
	text-align: center;
	margin-bottom: 5px;
}
.contents-wrap.realisations .item-wrap .item-infos h3 span {
    font-weight: 300;
	margin: 0 5px;
}
.contents-wrap.realisations .item-wrap .item-infos p {
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--blanc);
}
.contents-wrap.realisations .item-wrap .arrow {
	width: 40px;
	height: 40px;
	background: url(images/icon_arrow2.svg) no-repeat center center;
	background-size: contain;
	margin-top: 40px;
}

#realisations .references {
	width: 100%;
	max-width: 1200px;
	padding: 80px 15px 50px;
	margin: 0 auto;
}
.sp #realisations .references {
	padding: 80px 0 50px;
}
#realisations .references h2 {
	color: var(--orange);
}
#realisations .references .logo-wrap {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	gap: 0px 60px;
}
#realisations .references .logo-wrap img {
	width: auto;
	height: 150px;
	filter: invert(72%) sepia(0%) saturate(100%) hue-rotate(150deg) brightness(110%) contrast(86%);
}

#references {
	width: 100%;
	max-width: 1200px;
	padding: 80px 15px 50px;
	margin: 0 auto;
}
.sp #references {
	padding: 80px 0 50px;
}
#references h2 {
	color: var(--orange);
}
#references .logo-wrap {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	gap: 0px 60px;
}
#references .logo-wrap img {
	width: auto;
	height: 150px;
	filter: invert(72%) sepia(0%) saturate(100%) hue-rotate(150deg) brightness(110%) contrast(86%);
}

/*--------------------------------------------------------------
> lightgarelly CSS
--------------------------------------------------------------*/
.lg-backdrop,
.lg-outer .lg-thumb-outer {
	background-color: rgba(15, 43, 49, 1) !important;
}
.lg-outer .lg-thumb-item.active, 
.lg-outer .lg-thumb-item:hover {
	border-color: var(--orange) !important;
}
.lg-next, .lg-prev {
    border: 1px solid #999 !important;
    border-radius: 8px !important;
}
.lg-toolbar .lg-icon {
    width: 30px !important;
    height: 30px !important;
    font-size: 20px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
	background-color: rgba(0, 0, 0, 0.1) !important;
    margin-right: 15px !important;
    margin-top: 15px !important;
    padding: 0 !important;
}
.lg-counter {
    color: rgba(255, 255, 255, 0.7) !important;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) !important;
    font-size: 1.2rem !important;
}
.lg-next, 
.lg-prev {
	color: rgba(255, 255, 255, 0.7) !important;
	background-color: rgba(0, 0, 0, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
}


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

#contact {
	width: 100%;
	height: auto;
	padding: 0 15px;
}
.sp #contact {
	padding: 0;
}

#contact h2 {
	color: var(--orange);
	margin-bottom: 30px;
}
#contact .contact-wrap {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 50px 0 80px;
}
#contact .contact-wrap p {
	margin-bottom: 15px;
}
#contact .contact-wrap a {
	font-family: 'new-hero', sans-serif;
	font-size: 2.2rem;
    font-weight: 300;
	color: var(--vert);
	line-height: 1.8em;
}
.sp #contact .contact-wrap a {
    font-size: 2.0rem;
}
#contact .contact-wrap .sns {
	margin-top: 20px;
}
#contact .contact-wrap .sns a {
	width: 40px;
    height: 40px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: var(--gris);
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    display: inline-block;
}
.sp #contact .contact-wrap .sns a {
	width: 30px;
    height: 30px;
}
#contact .sns a.ld {
    mask-image: url(images/icon_linkedln.svg);
}
#contact .sns a.ig {
    mask-image: url(images/icon_insta.svg);
}

/*--------------------------------------------------------------
> FOOTER
--------------------------------------------------------------*/
footer {
    width: 100%;
	height: 50%;
	max-height: 500px;
	background-color: var(--orange);
    position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding-top: 50px;
}
footer .logo {
	width: 300px;
    height: 90px;
	mask-image: url(images/logo_bigmood.svg);
    mask-size: 300px 90px;
    mask-position: left top;
    mask-repeat: no-repeat;
    background-color: var(--blanc);
}
.sp footer .logo {
    width: 200px;
    height: 50px;
	mask-size: 200px 50px;
}
.footer-menu {
    display: flex;
    padding: 60px 0;
}
.footer-menu > li,
.footer-menu > a {
	padding: 0 30px;
}
.sp .footer-menu > li, 
.sp .footer-menu > a {
    font-size: 1.4rem;
    padding: 0 20px;
}
.footer-menu li:not(:last-child),
.footer-menu > a:not(:last-child) {
	border-right: 1px solid var(--coral);
}
.footer-menu li a {
	text-transform: uppercase;
}
.wpconsent-banner-button.wpconsent-cancel-all,
.wpconsent-banner-button.wpconsent-accept-all {
	width: 100px !important;
	height: 26px !important;
    font-family: 'barlow', sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    padding: 5px 10px !important;
}

/*--------------------------------------------------------------
> Mentions légales
--------------------------------------------------------------*/
main#post-911 {
	width: 100%;
    max-width: 1000px;
    padding: 50px 15px;
    margin: 0 auto;
}
main#post-911 h1 {
	font-size: 2.6rem;
    font-weight: 500;
    text-transform: uppercase;
	color: var(--orange);
}
main#post-911 h2 {
	font-size: 1.8rem;
    font-weight: 500;
    border-bottom: 1px solid var(--orange);
    display: table;
    margin: 20px auto 10px;
	padding-bottom: 3px;
}
main#post-911 p {
	font-size: 1.4rem;
	text-align: left;
}
main#post-911 a {
	display: initial;
}
main#post-911 a:hover {
	color: var(--orange);
}


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

}


@media screen and (max-width: 820px) {
	h1 {
		font-size: clamp(3.0rem, 4vw, 4.5rem);
	}
	h2 {
		font-size: clamp(3.0rem, 4vw, 4.5rem);
	}
	section#introduction .video-wrap {
		max-width: 360px;
	}
	section#introduction p {
		font-size: clamp(1.6rem, 2.6vw, 2.8rem);
		padding: 0 30px;
	}
	.contents-wrap.realisations .item-wrap {
		width: calc((100% - 30px) / 2);
	}
	.contents-wrap.realisations .item-wrap .item-infos h3 {
		font-size: min(2vw, 2.0rem);
	}
}

@media screen and (orientation: portrait) and (max-width: 1024px) {
	.prestations .content .presta-img {
		height: 50%;
	}
	.prestations .content .presta-text {
		height: 130px;
		align-items: flex-start;
		padding-top: 30px;
	}
	.prestations .content .presta-text p {
		max-width: 600px;
		font-size: clamp(1.6rem, 2.6vw, 2.8rem);
		text-align: center;
		padding: 0;
	}
	ul.presta-menu {
		width: 100%;
		align-items: center;
		padding-right: 0;
		padding-bottom: 30px;
		border-right: none;
		position: relative;
		justify-content: flex-end;
	}
	ul.presta-menu::after {
	  position: absolute;
	  content: "";
	  background-color: var(--vert);
	  width: 120px;
	  height: 1px;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(-50%);
	}
	ul.presta-menu > li {
    	font-size: clamp(2.0rem, 3.2vw, 2.8rem);
	}
	#snap .prestations-wrap .content {
		height: 100dvh
		flex-direction: column;
		justify-content: center;
        align-items: center;
		gap: 0;
	}
	#snap .prestations-wrap .content .presta-img {
		height: auto;
    	aspect-ratio: 1 / 0.625;
	}
	#snap .prestations-wrap .content .presta-text {
		width: 100%;
		height: 130px;
		align-items: flex-start;
		padding: 30px 0 0;
	}
	#snap .prestations-wrap .content .presta-text p {
		text-align: center;
	}
	#snap ul.presta-menu {
		height: 190px;
	}
	
	#realisations .references .logo-wrap img {
		height: 80px;
	}
	#realisations .references .logo-wrap {
		gap: 0px 30px;
	}
}	
@media screen and (max-width: 600px) {

	    
}

@media screen and (max-width: 480px) {
	.navigation__button {
		top: 10px;
		right: 10px;
	}
	
	section#introduction .video-wrap {
		max-width: 60vw;
        padding-bottom: 15px;
	}
	section#introduction p {
		padding: 0;
	}
	
	
	#realisations {
		padding: 0 15px;
	}
	.contents-wrap.realisations {
		gap: 15px;
	}
    .contents-wrap.realisations .item-wrap {
		width: 100%;
	}
	.contents-wrap.realisations .item-wrap .item-infos h3 {
		font-size: min(5vw, 2.0rem);
	}

	.prestations .content .presta-img,
	.sp .prestations-wrap .content .presta-img {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 0.625
	}
	
	

	.sp .prestations-wrap .content {
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 20px;
		padding: 0 15px;
	}
	.sp .prestations-wrap .content .presta-text {
		display: block;
	}
	.sp .prestations-wrap .content .presta-text p {
		font-size: clamp(1.6rem, 2.6vw, 2.8rem);
		text-align: center;
		padding: 0;
	}
	.sp .prestations-wrap .presta-menu {
		height: auto;
		display: flex !important;
		justify-content: flex-start;
		padding-bottom: 20px;
		transform: translateY(0);
	}
	
	.lg-outer .lg-content {
		top: 0 !important;
	}
	.lg-next {
		right: 5px !important;
	}
	.lg-prev {
		left: 5px !important;
	}
	
	#realisations .references .logo-wrap img {
		height: 70px;
	}
	#realisations .references .logo-wrap {
		gap: 0px 20px;
	}
	
}
@media screen and (orientation: landscape) {
	.sp section#introduction {
		height: auto;
		padding: 50px 0;
	}
	.sp section#introduction .video-wrap {
		max-width: 240px;
	}
	.sp .prestations-wrap {
		height: auto;
		padding-bottom: 50px;
	}
	.sp .prestations-wrap .content {
		height: auto;
		flex-wrap: wrap;
		flex-direction: unset;
	}
	.sp .prestations-wrap .content .presta-img {
		height: 300px;
	}
	.sp .prestations-wrap .content .presta-text {
		width: calc(70% - 20px);
		height: 160px;
	}
	.sp .prestations-wrap .content .presta-text p {
		text-align: left;
	}
	.sp .prestations-wrap .presta-menu {
		width: 30%;
		height: 160px;
	}
	
	.sp .contents-wrap.realisations {
		gap: 20px;
	}
	.sp .contents-wrap.realisations .item-wrap {
		width: calc((100% - 40px) / 3);
		height: calc((100vw - 100px) / 3 * 1.56);
	}
			
	.sp .contents-wrap.realisations .item-wrap .item-infos {
		padding-top: 0;
	}
	.sp .contents-wrap.realisations .item-wrap .item-infos h2 {
		height: 80px;
	}
	.sp .contents-wrap.realisations .item-wrap .arrow {
		width: 30px;
		height: 30px;
		margin-top: 30px;
	}
	
	.sp #realisations .references {
		height: 100vh;
		padding: 0;
		display: flex;
        flex-direction: column;
        justify-content: center;
	}
	.sp #realisations .references .logo-wrap img {
		height: 70px;
	}
	.sp #realisations .references .logo-wrap {
		gap: 0px 20px;
	}
	
	.sp section#contact {
		height: 100vh;
	}
	
}