/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Author: Phenix Web
Author URI: https://phenixweb.com
Version: 1.0.0
Template: generatepress
Text Domain: generatepress-child
*/

/* ROOT :
  	--noir: #000000;
  	--blanc: #ffffff;
  	--mauve-fonce: #300051;
  	--mauve: #5C2D91;
  	--vert-fonce: #004713;
  	--vert: #0DB14B;
	--vert-pale: #6CC071;
*/

/* CUSTOM FONTS (Adobe Fonts) */
@import "https://use.typekit.net/lls1isn.css";

/* 
New Frank Thin :
font-family: "new-frank", sans-serif;
font-weight: 100;
font-style: normal; 

New Frank Regular :
font-family: "new-frank", sans-serif;
font-weight: 400;
font-style: normal;

New Frank Bold :
font-family: "new-frank", sans-serif;
font-weight: 700;
font-style: normal;
*/

h1, h2, h3, h4, h5, p, a {
	font-family: "new-frank", sans-serif;
}

/* TYPOGRAPHIE */
h1 {
	font-size: 44px;
	line-height: 50px;
	font-weight: normal;
}
h2 {
	font-size: 44px;
	line-height: 50px;
	font-weight: normal;
}
h3 {
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: normal;
}
h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
}
p {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}
a {
	font-size: 24px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}

/* -------------------------------------------------*/

/* Général */
#wpadminbar {
	display: none;
}
html, body {
	overflow-x:hidden;
}
.site {
	padding:0px!important;
	min-width:100%!important;
}
img { 
    max-width: 100%; 
}
.separate-containers .site-main {
	margin: 0px;
}
.site-content {
	justify-content: end;
}
.site-content #primary.content-area-full {
	/* min-width: 100%; */
	width: calc(100% - 108px) !important;
}
.section-padding {
	margin-bottom: 0px;
	padding: 100px!important;
}
.site-main>* {
	margin-bottom: 0px;
}

/* PADDING */
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }
.pad40 { padding: 40px; }
.pad50 { padding: 50px; }
.pad60 { padding: 60px; }
.pad80 { padding: 80px; }
.pad120 { padding: 120px; }

.padT10 { padding-top: 10px; }
.padT20 { padding-top: 20px; }
.padT30 { padding-top: 30px; }
.padT40 { padding-top: 40px; }
.padT50 { padding-top: 50px; }
.padT60 { padding-top: 60px; }
.padT80 { padding-top: 80px; }

.padB10 { padding-bottom: 10px; }
.padB20 { padding-bottom: 20px; }
.padB30 { padding-bottom: 30px; }
.padB40 { padding-bottom: 40px; }
.padB50 { padding-bottom: 50px; }
.padB60 { padding-bottom: 60px; }
.padB80 { padding-bottom: 80px; }

.padL10 { padding-left: 10px; }
.padL20 { padding-left: 20px; }
.padL30 { padding-left: 30px; }
.padL40 { padding-left: 40px; }
.padL50 { padding-left: 50px; }
.padL60 { padding-left: 60px; }
.padL80 { padding-left: 80px; }

.padR10 { padding-right: 10px; }
.padR20 { padding-right: 20px; }
.padR30 { padding-right: 30px; }
.padR40 { padding-right: 40px; }
.padR50 { padding-right: 50px; }
.padR60 { padding-right: 60px; }
.padR80 { padding-right: 80px; }

.noPad { padding: 0px; }
.noPadT { padding-top: 0px; }
.noMPadB { padding-bottom: 0px; }
.noPadR { padding-right: 0px; }
.noPadL { padding-left: 0px; }

/* MARGIN */
.marg10 { margin: 10px; }
.marg20 { margin: 20px; }
.marg30 { margin: 30px; }
.marg40 { margin: 40px; }
.marg50 { margin: 50px; }
.marg60 { margin: 60px; }
.marg80 { margin: 80px; }

.margT10 { margin-top: 10px; }
.margT20 { margin-top: 20px; }
.margT30 { margin-top: 30px; }
.margT40 { margin-top: 40px; }
.margT50 { margin-top: 50px; }
.margT60 { margin-top: 60px; }
.margT80 { margin-top: 80px; }

.margB4 { margin-bottom: 4px; }
.margB10 { margin-bottom: 10px; }
.margB20 { margin-bottom: 20px; }
.margB30 { margin-bottom: 30px; }
.margB40 { margin-bottom: 40px; }
.margB50 { margin-bottom: 50px; }
.margB60 { margin-bottom: 60px; }
.margB80 { margin-bottom: 80px; }

.margL10 { margin-left: 10px; }
.margL20 { margin-left: 20px; }
.margL30 { margin-left: 30px; }
.margL40 { margin-left: 40px; }
.margL50 { margin-left: 50px; }
.margL60 { margin-left: 60px; }
.margL80 { margin-left: 80px; }

.margR10 { margin-right: 10px; }
.margR20 { margin-right: 20px; }
.margR30 { margin-right: 30px; }
.margR40 { margin-right: 40px; }
.margR50 { margin-right: 50px; }
.margR60 { margin-right: 60px; }
.margR80 { margin-right: 80px; }

.noMarg { margin: 0px!important; }
.noMargT { margin-top: 0px!important; }
.noMargB { margin-bottom: 0px!important; }
.noMargR { margin-right: 0px!important; }
.noMargL { margin-left: 0px!important; }

/* DISPLAY */
.block { display: block; }
.inline-block { display: inline-block; }
.flex { display: flex; }
.hidden { display: none!important; }
.visibility-hidden { visibility: hidden; }
.fullwidth { width: 100%;}

/* FLEX */
.flex { display: flex; }
.flex-col-rev{ flex-direction: column-reverse; }
.flex-row-rev{ flex-direction: row-reverse; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: flex-end; }
.justify-space-between { justify-content: space-between; }
.wrap { flex-wrap: wrap; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }
.align-content-center { align-content: center; }
.align-self-center { align-self: center; }
.row-reverse { flex-flow: row-reverse; }
.col-gap-20 { column-gap:20px; }
.col-gap-40 { column-gap:40px; }
.col-gap-60 { column-gap:60px; }

/* BORDER RADIUS */
.radius10 { border-radius: 10px; }
.radius20 { border-radius: 20px; }
.radius30 { border-radius: 30px; }

/* OPACITY */
.opacity-10 { opacity: 0.1;}
.opacity-20 { opacity: 0.2;}
.opacity-30 { opacity: 0.3;}
.opacity-40 { opacity: 0.4;}
.opacity-50 { opacity: 0.5;}
.opacity-60 { opacity: 0.6;}
.opacity-70 { opacity: 0.7;}
.opacity-80 { opacity: 0.8;}
.opacity-90 { opacity: 0.9;}

/* SHADOW */
.box-shadow { box-shadow: 0px 3px 6px rgba(0,0,0,0.2) }

/* FLOATS & CLEAR */
.float-right { float: right;}
.float-left { float: left;}
.clear { clear: both; }

/* Backgrounds */
.opportunites,
.investisseurs,
.contact {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ICONES */
.icone {
	width: auto;
	height: 40px;
}

/* HEADER */
header {
    position: fixed !important;
    width: 108px;
    height: 100vh;
    background-color: var(--mauve-fonce) !important;
    z-index: 100;
}
.inside-header {
    padding: 35px 40px;
	height: 100%;
}
.main-navigation {
	height: 100%;
}
.main-navigation .inside-navigation {
	display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.main-navigation .logo-menu {
	flex: 6;
}
.main-navigation .menu-complet {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	flex: 4;
}
.main-navigation .menu-bottom {
	flex: 1;
}
.main-navigation .bouton-menu {
	font-size: 24px;
	color: var(--blanc);
	cursor: pointer;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
.main-navigation .bouton-menu:hover {
	color: var(--vert);
}
.main-navigation .bouton-fermer {
	font-size: 24px;
	color: var(--blanc);
	margin-bottom: 20px;
	cursor: pointer;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
.main-navigation .bouton-fermer:hover {
	color: var(--vert);
}
.main-navigation .bouton-appel {
	font-size: 24px;
	color: var(--vert);
	cursor: pointer;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
.main-navigation .bouton-appel:hover {
	color: var(--blanc);
}
.main-navigation .bouton-menu-contact {
	color: var(--vert);
	font-size: 24px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    transition: color .1s ease-in-out,background-color .1s ease-in-out;
	margin-bottom: 20px;
}
.main-navigation .bouton-menu-contact:hover {
	color: var(--blanc);
    transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
.main-navigation .bouton-appel:hover {
	color: var(--blanc);
}
.main-navigation .menu-media-sociaux {
	display: flex;
	column-gap: 10px;
}
.main-navigation .menu-media-sociaux a {
	font-size: 15px;
	color: var(--blanc);
	cursor: pointer;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
.main-navigation .menu-media-sociaux a:hover {
	color: var(--vert);
}
.main-navigation, .main-navigation ul ul {
	background-color: transparent;
}
.main-navigation .main-nav ul li {
	margin-bottom: 20px;
}
.main-navigation .main-nav ul li a {
	background-color: transparent;
	color: var(--blanc);
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	padding: 0px;
}
.main-navigation .main-nav ul li > a:hover {
	background-color: transparent !important;
	color: var(--vert) !important;
}
.main-navigation .main-nav .header-logo {
	display: none;
}
.main-navigation .main-nav .btn-contact a {
	color: var(--vert);
	font-size: 24px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
.main-navigation .main-nav .btn-contact a:hover {
	color: var(--blanc) !important;
}
.main-navigation .menu-ouvert li.media-sociaux  {
	display: inline-block; 
	margin-bottom: 0px;
	margin-right: 20px;
}
.main-navigation .menu-ouvert li.media-sociaux i  {
	font-size: 15px;
}
.main-navigation .menu-ouvert li.media-sociaux i:hover  {
	color: var(--vert);
}

/* SECTION - Promesse */
.promesse {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
	display: flex;
	flex-direction: row;
	align-items: end;
}
.promesse img {
	margin-bottom: -100px;
}
.promesse .col-gauche {
	flex: 1;
	text-align: end;
	color: var(--blanc);
}
.promesse .col-gauche a {
	color: var(--vert);
}
.promesse .col-gauche a:hover {
	color: var(--blanc);
}
.promesse .col-droite {
	flex: 1;
}
.promesse .col-droite p {
	font-size: 20px;
	line-height: 34px;
	color: var(--blanc);
	margin-bottom: 0px;
}
.promesse .btn-contact-mobile {
	display: none;
}

/* SECTION - entreprise */
.entreprise {
	background-color: var(--vert-fonce);
	background-image: url('./images/bg/entreprise_bg.png');
	background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}
.entreprise .entreprise-top {
	display: flex;
	column-gap: 100px;
}
.entreprise .entreprise-top h2 {
	color: var(--blanc);
}
.entreprise .entreprise-top h3 {
	color: var(--vert-pale);
}
.entreprise .entreprise-top p {
	color: var(--blanc);
	font-size: 20px;
	line-height: 30px;
}
.entreprise .entreprise-top .col-gauche {
	flex: 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.entreprise .entreprise-top .entreprise-image {
	flex: 1;
	height: 100%;
	width: auto;
}
.entreprise .entreprise-bottom {
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.entreprise .entreprise-bottom a {
	color: var(--vert);
	text-align: end;
}
.entreprise .entreprise-bottom a:hover {
	color: var(--blanc);
}
.entreprise .entreprise-bottom .valeurs {
	display: flex;
	column-gap: 70px;
}
.entreprise .entreprise-bottom .valeur {
	display: flex;
	column-gap: 25px;
    align-items: center;
}
.entreprise .entreprise-bottom .valeur h3 {
	margin-bottom: 0px;
	color: var(--blanc);
}

/* SECTION - Expertise */
.expertise {
	background-image: url('./images/bg/expertise_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}
.expertise {
    display: flex;
    column-gap: 90px;
	align-items: flex-start;
}
.expertise .col-gauche {
	flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
}
.expertise .col-gauche h2 {
	color: var(--blanc);
}
.expertise .col-gauche h3 {
	color: var(--mauve);
}
.expertise .col-gauche p {
	color: var(--blanc);
}
.expertise .col-gauche a {
	color: var(--mauve);
}
.expertise .col-gauche a:hover {
	color: var(--blanc);
}
.expertise .logo-vertical {
    min-height: 325px;
}
.expertise .avantages {
    flex: 1;
	display: flex;
    flex-direction: column;
	row-gap: 30px;
}
.expertise .avantages .avantage {
	display: flex;
    flex-direction: row;
	column-gap: 25px;
}
.expertise .avantages .avantage h3 {
	color: var(--mauve-fonce);
	margin-bottom: 10px;
}
.expertise .avantages .avantage p {
	color: var(--blanc);
	margin-bottom: 0px;
}
.expertise .btn-contact-mobile {
	display: none;
}

/* SECTION - Equipe */
.equipe .equipe-top {
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom: 20px;
}
.equipe .equipe-top h2 {
	color: var(--mauve-fonce);
}
.equipe .equipe-top h3 {
	color: var(--mauve);
}
.equipe .equipe-top a {
	color: var(--mauve);
	text-align: end;
	margin-bottom: 20px;
}
.equipe .equipe-top a:hover {
	color: var(--vert);
}
.equipe .membres {
	display: flex;
    column-gap: 70px;
	flex-wrap: wrap;
}
.equipe .membres .membre {
	flex: 1;
	display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.equipe .membres .membre .photo-membre {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	aspect-ratio: 1/1;
	min-height: 300px;
}
.equipe .membres .membre h3 {
	margin-bottom: 0px;
	color: var(--mauve-fonce);
}
.equipe .membres .membre h4 {
	margin-bottom: 0px;
	color: var(--vert);
}
.equipe .membres .membre p {
	font-weight: 100;
}
.equipe .bouton-lire-plus,
.equipe .bouton-lire-moins {
	text-transform: uppercase;
	color: var(--vert);
	font-weight: 400 !important;
	transition: color .1s ease-in-out,background-color .1s ease-in-out;
}
.equipe .bouton-lire-plus:hover,
.equipe .bouton-lire-moins:hover {
	color: var(--mauve);
	cursor: pointer;
}

/* SECTION - Opportunites */
.opportunites {
	background-color: var(--mauve-fonce);
	background-image: url('./images/bg/opportunites_bg.png');
	background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
}
.opportunites .slider-projets .inside-slider {
	display: flex;
	column-gap: 70px;
}
.opportunites .projet-informations {
	text-align: end;
	align-items: end;
	display: flex;
	flex-direction: column;
	flex: 0 0 32.5%;
	position: relative;
}
.opportunites .projet-informations i {
	font-size: 20px;
}
.opportunites .projet-informations h2 {
	color: var(--vert);
	margin-bottom: 10px;
}
.opportunites .projet-informations h3 {
	color: var(--blanc);
}
.opportunites .projet-informations p {
	margin-bottom: 0px;
}
.opportunites .projet-informations .coordonnees {
    color: var(--vert);
    padding: 20px 0px;
    border-bottom: 1px solid var(--mauve);
    display: flex;
    column-gap: 25px;
    width: 100%;
    justify-content: end;
}
.opportunites .projet-informations .coordonnees p {
    font-size: 18px;
	line-height: 22px;
}
.opportunites .projet-informations .adresse {
    color: var(--vert);
    padding: 20px 0px;
    border-bottom: 1px solid var(--mauve);
    display: flex;
    column-gap: 25px;
    width: 100%;
    justify-content: end;
}
.opportunites .projet-informations .adresse p {
    font-size: 18px;
	line-height: 22px;
}
.opportunites .projet-informations .grandeur {
    color: var(--vert);
    padding-top: 20px;
	margin-bottom: 30px;
    display: flex;
    column-gap: 25px;
    width: 100%;
    justify-content: end;
}
.opportunites .projet-informations .grandeur p {
    font-size: 27px;
	line-height: 26px;
}
.opportunites .projet-informations .description {
    color: var(--blanc);
}
.opportunites .carrousel-contenu {
    max-height: 800px;
    width: 60%;
    position: relative;
}
.opportunites .bouton-carrousel {
	display: flex;
    justify-content: space-between;
	margin-bottom: 20px;
}
.opportunites .bouton-carrousel.mobile {
	display: none;
}
.opportunites .bouton-carrousel p {
	color: var(--vert);
	margin-bottom: 0px;
}
.opportunites .bouton-carrousel a {
	color: var(--blanc);
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	text-transform: none;
	display: flex;
    column-gap: 10px;
}
.opportunites .bouton-carrousel a:hover {
	color: var(--vert);
	cursor: pointer;
}
.opportunites .bouton-carrousel i {
	font-size: 20px;
}
.opportunites .slider-galerie .slick-list.draggable {
    height: 100% !important;
}
.opportunites .slider-galerie .slick-list.draggable .slick-track {
    height: 100% !important;
}
.opportunites .slider-galerie .slick-dots {
    bottom: 50px;
}
.opportunites .slider-galerie .slick-dots li button:before {
    font-size: 10px !important;
    opacity: 1 !important;
    color: white;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}
.opportunites .slider-galerie .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: var(--vert) !important;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}
.opportunites .slider-galerie .image-projet {
	object-fit: cover;
    object-position: center;
    display: block !important;
	width: 100%;
	max-height: 800px;
	min-height: 800px;
}

/* SECTION - Investisseurs */
.investisseurs {
	background-image: url('./images/bg/investisseurs_bg.jpg');
	background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 100vh;
}
.investisseurs {
	display: flex;
	column-gap: 70px;
}
.investisseurs .col-gauche {
	flex: 1;
	text-align: end;
}
.investisseurs .col-gauche h2 {
	color: var(--mauve-fonce);
}
.investisseurs .col-gauche h3 {
	color: var(--blanc);
}
.investisseurs .col-gauche a {
	color: var(--blanc);
}
.investisseurs .col-gauche a:hover {
	color: var(--mauve);
}
.investisseurs .col-droite {
	flex: 2;
}
.investisseurs .col-droite .intro-etape p {
	font-size: 20px;
	line-height: 30px;
	color: var(--blanc);
}
.investisseurs .col-droite .etapes {
	display: flex;
    flex-wrap: wrap;
    column-gap: 4%;
	row-gap: 30px;
}
.investisseurs .col-droite .etapes .etape {
	flex: 0 0 48%;
	display: flex;
	column-gap: 20px;
}
.investisseurs .col-droite .etapes .etape h3 {
	color: var(--mauve-fonce);
	margin-bottom: 10px;
}
.investisseurs .col-droite .etapes .etape p {
	color: var(--blanc);
	margin-bottom: 0px;
}
.investisseurs .btn-contact-mobile {
	display: none;
}

/* SECTION - Contact */
.contact {
	background-color: var(--vert);
	background-image: url('./images/bg/contact_bg_50poucent.png');
	background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact h2 {
	color: var(--blanc);
}
.contact h3 {
	color: var(--mauve);
}
.contact h4 {
	color: var(--blanc);
}
.contact p {
	color: var(--blanc);
}
.contact {
	display: flex;
	row-gap: 70px;
	flex-direction: column;
}
.contact .contact-top {
	display: flex;
	column-gap: 70px;
}
.contact .col-gauche {
	flex: 3;
}
.contact .col-gauche p {
	font-size: 20px;
	line-height: 30px;
}
.contact .col-droite {
	flex: 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact .col-droite .adresse,
.contact .col-droite .telephone {
	color: var(--mauve-fonce);
	font-size: 18px;
	line-height: 24px;
}
.contact .col-droite .employes {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	margin-bottom: 20px;
}
.contact .col-droite .employes p {
	margin-bottom: 0px;
}
.contact .col-droite .employes .employe-nom {
	font-weight: bold;
}
.contact .col-droite .medias {
	display: flex;
	column-gap: 10px;
}
.contact .col-droite .medias a:has(i) {
	font-size: 15px;
	color: var(--vert-fonce);
	display: flex;
	flex-direction: column;
	padding: 15px;
	background-color: var(--blanc);
	width: 40px;
	height: 40px;
	justify-content: center;
    align-items: center;
}

/* Contact Form */
.contact .wpcf7 .ligne-un p,
.contact .wpcf7 .ligne-deux p {
	display: flex;
	column-gap: 15px;
	margin-bottom: 15px;
}
.contact .wpcf7 .ligne-trois p {
	margin-bottom: 15px;
}
.contact .wpcf7 .ligne-un p label,
.contact .wpcf7 .ligne-deux p label {
	flex: 1;
}
.contact .wpcf7 input[type="text"],
.contact .wpcf7 input[type="email"],
.contact .wpcf7 input[type="tel"],
.contact .wpcf7 select {
	width: 100%;
	height: 40px;
	font-family: "new-frank", sans-serif;
    background-color: rgba(225, 255, 255, 0.5);
    color: var(--vert-fonce);
    border: 0px;
}
.contact .wpcf7 textarea {
	width: 100%;
	font-family: "new-frank", sans-serif;
    background-color: rgba(225, 255, 255, 0.5);
    color: var(--vert-fonce);
    border: 0px;
}
.contact .wpcf7 p:has(input[type="submit"]) {
	display: flex;
	flex-direction: row-reverse;
	justify-content: end;
	column-gap: 20px;
	margin-bottom: 20px;
}
.contact .wpcf7 input[type="submit"] {
	font-family: "new-frank", sans-serif;
    background-color: transparent;
    color: var(--blanc);
    border: 0px;
	font-size: 24px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 0px;
}
.contact .wpcf7 input[type="submit"]:hover {
    color: var(--mauve);
}
.contact .wpcf7 br {
	display: none;
}

/* Footer */
.footer p {
	color: var(--vert-fonce);
	margin-bottom: 0px;
}
.footer a {
	color: var(--vert-fonce);
	font-weight: normal;
	text-transform: none;
	font-size: 16px;
	line-height: 24px;
}
.footer a:hover {
	color: var(--blanc);
}

/* --- RESPONSIVE --- */

/* Large Screen Res */
@media screen and (min-width: 1600px) {
	.investisseurs{
		background-position: center center;
	}
}
/* 4K = 3840 x 2160 */
@media (min-width: 2561px) and (max-width: 3840px) {
	h1 {
		font-size: 70px;
		line-height: 80px;
	}
	h2 {
		font-size: 60px;
		line-height: 70px;
	}
	h3 {
		font-size: 40px;
		line-height: 48px;
	}
	h4 {
		font-size: 36px;
		line-height: 48px;
	}
	p {
		font-size: 22px;
		line-height: 28px;
	}
	a {
		font-size: 30px;
		line-height: 28px;
	}
	.promesse .col-droite p {
		font-size: 25px;
		line-height: 40px;
	}
	.entreprise .entreprise-top p {
		font-size: 25px;
		line-height: 40px;
	}
	.expertise .logo-vertical {
		height: 500px;
	}
	.opportunites .projet-informations .coordonnees p {
		font-size: 25px;
		line-height: 40px;
	}
	.opportunites .projet-informations .grandeur p {
		font-size: 30px;
		line-height: 32px;
	}
	.opportunites .bouton-carrousel a {
		font-size: 22px;
		line-height: 28px;
	}
	.investisseurs  .col-droite .intro-etape p {
		font-size: 25px;
		line-height: 40px;
	}
	.contact .col-gauche p {
		font-size: 25px;
		line-height: 40px;
	}
	.contact .col-droite .adresse, .contact .col-droite .telephone {
		font-size: 25px;
		line-height: 40px;
	}
}

/* 2K = 2560 X 1440 */
@media (min-width: 1921px) and (max-width: 2560px) {
}

/* Mobile */
@media screen and (max-width: 1480px) {
	.equipe .membres {
		column-gap: 40px;
	}
}

@media screen and (max-width: 1270px) {
	.entreprise .entreprise-top {
		column-gap: 40px;
	}
	.entreprise .entreprise-bottom {
		flex-direction: column;
		row-gap: 40px;
	}
	.entreprise .entreprise-bottom a {
		text-align: start;
		display: flex;
		width: 100%;

	}
	.opportunites .projet-informations {
		flex: 1;
	}
	.investisseurs  .col-droite .etapes {
		flex-direction: column;
	} 

}

@media screen and (max-width: 1024px) {
	.promesse {
		background-position: bottom center;
		height: calc(100vh - 90px);
	}
	.entreprise {
		background-size: cover;
		background-position: top left;
	}
	.entreprise .entreprise-top {
		column-gap: 0px;
		flex-direction: column-reverse;
		row-gap: 40px;
	}
	.entreprise .entreprise-bottom {
		align-items: flex-start;
	}
	.expertise {
		min-height: 1300px;
		flex-direction: column;
	}
	.expertise .logo-vertical {
		display: none;
	}
	.expertise .col-gauche {
		align-items: flex-start;
		text-align: start;
		flex: none;
	}
	.expertise .col-gauche a {
		display: none;
	}
	.expertise .col-droite {
		display: flex;
		flex-direction: column;
		row-gap: 20px;
		flex: none;
	}
	.expertise .btn-contact-mobile {
		display: block;
		color: var(--mauve);
	}
	.expertise .btn-contact-mobile:hover {
		color: var(--blanc);
	}
	.equipe .equipe-top {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.equipe .equipe-top a {
		text-align: start;
	}
	.equipe .membres {
		flex-direction: column;
	}
	.equipe .membres .membre .photo-membre {
		height: 325px;
	}
	.opportunites {
		background-size: cover;
	}
	.opportunites .slider-projets .inside-slider {
		flex-direction: column;
		row-gap: 40px;
	}
	.opportunites .bouton-carrousel.mobile {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
		width: 100%;
	}
	.opportunites .bouton-carrousel.desktop {
		display: none;
	}
	.opportunites .carrousel-contenu {
		width: 100%;
	}
	.opportunites .projet-informations {
		text-align: start;
		align-items: start;
	}
	.opportunites .projet-informations .coordonnees {
		justify-content: start;
		flex-direction: row-reverse;
	}
	.opportunites .projet-informations .adresse {
		justify-content: start;
		flex-direction: row-reverse;
	}
	.opportunites .projet-informations .grandeur {
		justify-content: start;
		flex-direction: row-reverse;
	}
	.opportunites .projet-informations .description {
		text-align: start;
	}
	.investisseurs {
		min-height: 1400px;
		flex-direction: column;
		row-gap: 20px;
	}
	.investisseurs .col-gauche {
		text-align: start;
		flex: none;
	}
	.investisseurs .col-gauche a {
		display: none;
	}
	.investisseurs .col-droite {
		display: flex;
		flex-direction: column;
		row-gap: 20px;
		flex: none;
	}
	.investisseurs .btn-contact-mobile {
		display: block;
		color: var(--blanc);
	}
	.investisseurs .btn-contact-mobile:hover {
		color: var(--mauve);
	}
	.contact .contact-top  {
		flex-direction: column;
	}
}

@media screen and (max-width: 960px) {
	header {
		width: 100%;
		height: 90px;
	}
	.inside-header {
		padding: 20px;
	}
	.nav-float-right #site-navigation {
		width: 100%;
	}
	.main-navigation .inside-navigation {
		flex-direction: row;
		flex-wrap: nowrap;
		width: 100%;
		align-items: center;
	}
	.main-navigation .logo-menu {
		flex: none;
	}
	.main-navigation .menu-complet {
		flex: none;
	}
	.main-navigation .menu-complet i {
		position: absolute;
		right: 50px;
		top: 15px;
	}
	.main-navigation .menu-bottom {
		flex: none;
		text-align: end;
		display: flex;
		flex-direction: column;
		align-items: end;
	}
	.main-navigation .inside-navigation .logo-vertical {
		display: none;
	}
	.main-navigation .inside-navigation>a {
		content: "";
		display: block;
		width: 53px;
		height: 50px;
		background-image: url('./images/svg/logo_icone.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
		display: block;
		text-align: center;
	}
	.site-content {
		padding-top: 90px;
	}
	.site-content #primary.content-area-full {
		width: 100% !important;
	}
	.section-padding {
		padding: 40px !important;
	}
	.promesse img {
		margin-bottom: -40px;
	}
	.entreprise .entreprise-top .entreprise-image {
		width: 50%;
		margin: auto;
	}
	.contact {
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 820px) {
	.investisseurs {
		row-gap: 20px;
	}
}

@media screen and (max-width: 768px) {
	.promesse {
		flex-direction: column;
		justify-content: end;
		text-align: start;
		row-gap: 20px;
	}
	.promesse .col-gauche {
		flex: none;
		text-align: start;
	}
	.promesse img {
		display: none;
	}
	.promesse a {
		display: none;
	}
	.promesse .col-droite {
		display: flex;
		flex-direction: column;
		row-gap: 20px;
		flex: none;
	}
	.promesse .btn-contact-mobile {
		display: block;
		color: var(--vert);
	}
	.promesse .btn-contact-mobile:hover {
		color: var(--blanc);
	}
	.contact {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 600px) { 
	.promesse {
		min-height: 600px;
	}
	.entreprise .entreprise-top .entreprise-image {
		width: 100%;
	}
	.entreprise .entreprise-bottom .valeurs {
		flex-direction: column;
		row-gap: 20px;
	}
	.expertise {
		min-height: 1400px;
	}
	.opportunites .carrousel-contenu {
		max-height: 600px;
	}
	.opportunites .slider-galerie .image-projet {
		max-height: 600px;
		min-height: 600px;
	}
	.investisseurs {
		min-height: 1600px;
	}
	.contact .wpcf7 .ligne-un p, .contact .wpcf7 .ligne-deux p {
		flex-direction: column;
		row-gap: 15px;
	}
}
@media screen and (max-width: 500px) {
	.expertise {
		min-height: 1600px;
	}
}

@media screen and (max-width: 425px) {
	.promesse {
		min-height: 100vh;
	}
	.expertise {
		min-height: 1800px;
	}
	.investisseurs {
		min-height: 1800px;
	}
}

@media screen and (max-width: 400px) {
	.section-padding {
		padding: 20px !important;
	} 
	.entreprise .entreprise-top {
		row-gap: 20px;
		margin-bottom: 20px;
	}
	.entreprise .entreprise-bottom {
		row-gap: 40px;
	}
	.expertise {
		min-height: 1650px;
	}
	.opportunites .carrousel-contenu {
		max-height: 400px;
	}
	.opportunites .slider-galerie .image-projet {
		max-height: 400px;
		min-height: 400px;
	}
	.investisseurs .col-droite .etapes {
		row-gap: 15px;
	}
}