/* MENU MAINTENANCE 
1 - Initialisation -ligne 34
2 - Variables - ligne 44
3 - Menu Langues - ligne 53
4 - Vidéo background - ligne 75
4a - Footer Video - ligne 94
5 - Logo header - ligne 112
6 - Main Menu - ligne 122
7 - sous-Menu - ligne 179
8 - Flèche Down ecran accueil - ligne 210
9 - Horizontal Slide - ligne 256
10 - Menu animation - ligne 474
11 - Process page - ligne 502
12 - Menu FLECHE - ligne 554
13 - FOOTER ACCUEIL - ligne 873
14 - FOOTER 2 - ligne 937
15 - MUTLI-PAGES - ligne 969
16 - MANAGEMENT PAGE - ligne 976
17 - LET'S TALK FINANCE - ligne 1351
18 - BIOGRAPHY - ligne 1662
19 - Project Enable - ligne 1915
20 - WHO WE ARE - ligne 2267
21 - CORPORATE GOVERNANCE - ligne 2488
22 - OUR TEAM  - ligne 2816
23 - OUR TEAM - WORLD MAP - ligne 2898
24 - CONTACT - ligne 3312
25 - MEDIA QUERIES ligne 3513
26 - MENU BURGER - Ligne 7296
*/

/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Belleza&display=swap");

/* 1 - Initialization */
* {
  margin: 0;
  padding: 0;
  font-family: "Belleza", sans-serif;
  font-size: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

/* 2 - Variables */
html {
  --color-or: #ddc073;
  --color-blue: #213d4c;
  --color-white: #ffffff;
  --color-black: rgb(0, 0, 0);
  scrollbar-width: none;
}

/* 3 - MENU - Langues */
.langue {
  position: absolute;
  width: 230px;
  top: 0;
  right: 0;
  padding-top: 10px;
  z-index:100;
}
.langue a {
  color: var(--color-white);
  text-decoration: none;
  padding-right: 4px;
}
#active {
  color: var(--color-or);
}
header .icon {
  display: none;
  cursor: pointer;
}

/* 4 - VIDEO BACKGROUND */
header {
  height: 100vh;
  position: relative;
}
video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  bottom: 40px;
}
.entete {
  position: relative;
  background-color: rgba(33, 61, 76, 0.3);
  height: 160px;
  width: 100%;
}

/* 4a FOOTER VIDEO */ 

#footerVideo {
position:absolute;
bottom:0;
z-index:1000;
padding: 2px 0px; 
width: 100%; 
height: 50px; 
background-color: var(--color-blue); 
/* background-color: rgb(57, 89, 113); */
color: white; 
display: flex; 
flex-direction: row; 
align-items: center; 
justify-content: center;
}

/* 5 - Logo Header*/
#logo {
  position: relative;
  text-align: center;
}
img {
  height: auto;
  width: 180px;
}

/* 6 - Main MENU */
nav {
  width: 100%;
  height: 30px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-around;
  clear: both;
}
nav .menu li {
  position: relative;
  display: inline;
  list-style: none;
  width: 100%;
  height: 50px;
  z-index: 100;
}
nav .menu li a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  width: 75%;
  height: 50px;
  position: relative;
}
nav .menu li a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-or);
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
nav .menu li a:hover:after {
  width: 100%;
}

.point {
  padding-right: 14px;
  padding: 14px;
}

#nav1 {
  align-items: baseline;
  justify-content: space-around;
  z-index: 200;
 /* height: 105px;*/
}

/* 7 - SUB-MENU */
.sousmenu {
  display: none;
}
nav .menu li:hover .sousmenu {
  position: absolute;
  left: 0px;
  width: 250px;
  height: 0;
  display: block;
  text-align: left;
  padding: 5px;
}
nav ul .sousmenu a {
  display: block;
  padding-top: 4px;
  height: 23px;
  color:#213d4c;
  /* background-color: rgba(100, 145, 177, 0.3); */
}
header.home nav ul .sousmenu a {
  display: block;
  padding-top: 4px;
  height: 23px;
  color: white;
  background-color: initial
}
.responsive {
  display: inline-block;
}

/* 8 - Flèche down */
.containerArrows {
 bottom: 10; 
 z-index: 500;
}
.arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 90%;
	margin-left: -30px;
	bottom: -30px;
}
.arrows path {
	stroke: #2994D1;
	fill: transparent;
	stroke-width: 2px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}
@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}
@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}
.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}
.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}
.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}
/* 9 / ====== MAIN HORIZONTAL SLIDE ===== */
.outer-wrapper {
  width: 100vh;
  height: 100vw;
  transform: rotate(-90deg) translateX(-100vh);
  transform-origin: top left;
  overflow-x: auto; /*gestion débordement hauteur pour mobile :  hidden */
  position: absolute;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  white-space: nowrap;
  -webkit-transform: rotate(-90deg) translateX(-100vh);
  -moz-transform: rotate(-90deg) translateX(-100vh);
  -ms-transform: rotate(-90deg) translateX(-100vh);
  -o-transform: rotate(-90deg) translateX(-100vh);
}
/* Suppression barre de défilement. 
::-webkit-scrollbar {
  display: none;
}
*/
.wrapper {
  display: flex;
  flex-direction: row;
  width: 600vw;
  background-color: var(--color-blue);
  transform-origin: top left;
  -webkit-transform: rotate(90deg) translateY(-100vh);
  -moz-transform: rotate(90deg) translateY(-100vh);
  -ms-transform: rotate(90deg) translateY(-100vh);
  -o-transform: rotate(90deg) translateY(-100vh);
  transform: rotate(90deg) translateY(-100vh);
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.slide {
  width: 100vw; 
  height: 100vh;
  -webkit-overflow-scrolling: touch;
  letter-spacing: 2px; /* Pour le menu 2 */
}

.sticker {
  margin-top: 2%;
  margin-left: 6%;
  width: min(50vw, 200px);
}

.slide.two #htitre2,
.slide.three #htitre3,
.slide.six #htitre6 {
  margin-bottom: 10px;
}
.slide.one h2,
.slide.two h2,
.slide.three h2,
.slide.four h2,
.slide.five h2,
.slide.six h2 {
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
}

h2 {
  padding-bottom: 2%;
}

.h2-first {
  padding-bottom: 0%;
}

/* ========== HORIZONTAL SLIDE 2 ( ancien 1) ======== */
.one {
  background: url(./img/1DomaineOfActivity.jpg);
  background-size: 100% 100%;
}
.container {
  line-height: 200%;
  letter-spacing: 6px;
  margin-top: 2%;
  margin-left: 10%;
}
.container p {
  font-weight: bold;
}
.slide.one h2 {
  color: var(--color-or);
}

/* SLIDE - SECOND MENU */
.SecondMenu {
  background-color: rgba(33, 61, 76, 0.5);
}
.SecondMenu h2 {
  box-sizing: border-box;
  text-align: center;
  padding-top: 50px; /* 10px normalement sans footer */
  padding-bottom: 0 !important;
  color: var(--color-or) !important;
}

nav .menu li a {
  text-transform: none;
}
.one p {
  color: var(--color-white);
}

/* =========== HORIZONTAL SLIDE 4 (ancien 2)  ====== */
.two {
  background: url(./img/2DomaineOfActivity.jpg);
  background-size: 100% 100%;
}
.slide.two h2 {
  color: var(--color-blue);
}
/* Texts */

.container2 {
  line-height: 200%;
  margin-top: 3%;
  margin-left: 67%;
  letter-spacing: 6px;
}

#sticker4 {
  margin-left: 66%;
  margin-top: 10%;
  width: min(50vw, 200px);
}

/* HORIZONTAL SLIDE 5 (ancien 3) */
.three {
  background: url(./img/3DomaineOfActivity.jpg);
  background-size: 100% 100%;
}
.container3 {
  line-height: 200%;
  letter-spacing: 2px;
  margin-top: 2%;
  margin-left: 10%;
  letter-spacing: 6px;
}
.slide.three h2 {
  color: var(--color-or);
}
#paragraph3 p {
  color: var(--color-white);
}

/* HORIZONTAL SLIDE 6 (ancien 4) */
.four {
  background: url(./img/4DomaineOfActivity.jpg);
  background-size: 100% 100%;
}
.container4 {
  line-height: 200%;
  letter-spacing: 6px;
  margin-left: 10%;
  margin-top: 2%;
}
.four p {
  color: var(--color-black);
}
.slide.four h2 {
  color: var(--color-blue);
  padding-bottom: 20px;
}
.slide.four .bold {
  font-weight: bold;
}

/* HORIZONTAL SLIDE 3 ( ancien 5) */
.five {
  background: url(./img/5DomaineOfActivity.jpg);
  background-size: 100% 100%;
}

.container5 {
  line-height: 200%;
  letter-spacing: 6px;
  margin-left: 10%;
  margin-top: 2%;
}
.slide.five h2 {
  color: var(--color-or);
  padding-bottom: 20px;
}
.slide.five menu h2 {
  color: var(--color-or);
  text-align: center;
  padding-top: 16px;
}
#paragraph5 p {
  color: var(--color-white);
}

/* HORIZONTAL SLIDE 1 (ancien 6) */
.six {
  background: url(./img/6DomaineOfActivity.jpg);
  background-size: 100% 100%;
}
.container6 {
  line-height: 200%;
  letter-spacing: 6px;
  margin-left: 10%;
  margin-top: 2%;
}
.six p {
  color: var(--color-white);
}
.slide.six h2 {
  color: var(--color-or);
}

/* =========== 10 - MENU ANIMATION   ================ */

.menu1 {
  opacity: 0;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.two .SecondMenu,
.three .SecondMenu,
.four .SecondMenu,
.five .SecondMenu,
.six .SecondMenu {
  opacity: 0;
}
.two .SecondMenu:hover,
.three .SecondMenu:hover,
.four .SecondMenu:hover,
.five .SecondMenu:hover,
.six .SecondMenu:hover {
  opacity: 1;
}
.fade-in {
  opacity: 1;
}

/* ===========  11 - PROCESS PAGE  =========== */

header.process {
  background: url(./img/R-Escalier.jpg) no-repeat;
  background-size: cover;
  height: 600px;
  width: auto;
}
.process #nav1 {
  background-color: rgb(119, 164, 168);
  opacity: 0.7;
}
#header-text h1 {
  font-weight: bold;
  padding: 10px 0;
  font-size: 2.2rem;
  margin-left: 6%;
  color: var(--color-blue);
}
#processSticker {
  margin-top: 6%;
  margin-left: 6%;
  margin-bottom: 1%;
  width: min(50vw, 120px);
  opacity: 25%;
}

#header-text p {
  font-weight: bold;
  font-size: 2.2rem;
  margin-left: 6%;
  color: var(--color-blue);
}
#process-time {
  text-align: center;
  color: var(--color-white);
  font-weight: 800;
  padding: 50px 0 50px 15px;
  font-size: 3rem;
  background-color: var(--color-blue);
}
#process-separation {
  height: 20px;
  width: 100%;
  background-color: #c3c5c5;
}

#fleche1 {
  width: 100%;
  background-color: var(--color-blue);
}

/* =========== 12 - MENU ARROW ================ */

/* MENU - ARROW */

.fleche {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#fleche1 {
  background-size: 100%;
  background-color: var(--color-blue);
  min-height: 50vh;
}
.flecheH p,
.flecheB p {
  text-align: center;
  padding-top: 3px;
}

/* TOP */
.flecheH {
  float: left;
  padding-bottom: 2px;
}
/* BOTTOM */
.flecheB {
  clear: both;
  float: left;
  padding-top: 2px;
}

/* CONTENT TOP HOVER */
#flecheHA,
#flecheHB,
#flecheHC,
#flecheHD {
  min-width: 349px;
  min-height: 150px;
  pointer-events: auto;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg);
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

#flecheHA {
  background-color: #ffa650;
  margin-right: 2px;
}
#flecheHB {
  background-color: rgba(37, 153, 125, 0.6);
  margin-right: 2px;
}
#flecheHC {
  background-color: rgba(38, 149, 178, 0.6);
  margin-right: 2px;
}
#flecheHD {
  background-color: rgba(101, 229, 229, 0.6);
}
#flecheHA p,
#flecheHB p,
#flecheHC p,
#flecheHD p {
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
  font-size: 1.3em;
}
/*
#flecheHA:hover {
  background-color: #ffa650;
}*/
#textHover {
  display: none;
  background-color: #cfd3d3;
}
.processButton {
  display: flex;
  justify-content: center;
}

#textHover a,
#textHover2 a,
#textHover3 a {
  margin-bottom: 15px;
  padding: 5px 30px;
  width: 150px;
  border-radius: 5px;
  background-color: white;
  color: #213d4c;
  font-size: 1rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#flecheHB:hover {
  background-color: #25997d;
}
#textHover2 {
  display: none;
  background-color: #cfd3d3;
}
#textHover3 {
  display: none;
  background-color: #cfd3d3;
}
#flecheHC:hover {
  background-color: #2695b2;
}
#flecheHD:hover {
  background-color: #65e5e5;
}

#textHoverResp {
  display: none;
}
.textHoverResp2 {
  display: none;
}

/* CONTENT BOTTOM */
#flecheBA {
  background: linear-gradient(to right, #f4bc88, #5aae96);
  opacity: 0.8;
  margin-right: 2px;
}
#flecheBB {
  background: linear-gradient(to right, #2695b2, #65e5e5);
  opacity: 0.8;
}
#flecheBA,
#flecheBB {
  width: 700px;
  height: 158px;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#flecheBA p,
#flecheBB p {
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg);
}
.phase1,
.phase2 {
  padding-top: 5%;
  font-size: 2em;
}
.phase1-txt {
  color: black;
  font-size: 1.3em;
}
.phase2-txt {
  color: black;
  font-size: 1.3em;
}
.process section a {
  text-decoration: none;
  /* color: var(--color-white);*/
}

/* BOTTOM ARROW HOVER */
#flecheBA:hover {
  opacity: 1;
}
#flecheBB:hover {
  opacity: 1;
}
.fleche p {
  color: white;
}

/* EXPLANATIONS  */
.containerExplications {
  clear: both;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 30px;
}

.explication p {
  font-size: 2em;
}
.explication1 {
  color: white;
  float: left;
}
.explication1::before {
  content: "";
  position: absolute;
  border-left: 5px solid #ffa650;
  height: 55px;
}
.explication2 {
  color: #5aae96;
  float: left;
  padding-left: 250px;
  padding-right: 240px;
}
.explication2::before {
  content: "";
  position: absolute;
  border-left: 5px solid #25997d;
  height: 55px;
}
.explication3 {
  color: #2695b2;
  float: left;
  padding-right: 190px;
}
.explication3::before {
  content: "";
  position: absolute;
  border-left: 5px solid #2695b2;
  height: 55px;
}
.explication4 {
  color: #65e5e5;
  float: left;
  padding-right: 220px;
}
.explication4::before {
  content: "";
  position: absolute;
  border-left: 5px solid #65e5e5;
  height: 55px;
}
.explication5 {
  color: white;
  float: left;
}
.explication5::before {
  content: "";
  position: absolute;
  border-left: 5px solid white;
  height: 55px;
}
.containerExplications p {
  padding-left: 12px;
}
/*  FLECHE RESP */
#flecheBA_resp {
  display: none;
}
#flecheBB_resp {
  display: none;
}

.resp {
  display: none;
}
#text1,
#text2 {
  display: none;
}

#textHover h1 {
  padding: 15px;
  font-size: 1.7rem;
  text-transform: uppercase;
  color: rgba(255, 168, 6, 0.993);
  text-align: center;
}
#textHover p {
  font-size: 1.6rem;
  text-align: center;
}
#textHover2 h1 {
  padding: 15px;
  font-size: 1.7rem;
  text-transform: uppercase;
  color: rgba(38, 149, 178, 0.6);
  text-align: center;
}
#textHover2 p {
  font-size: 1.6rem;
  text-align: center;
}
#textHover3 h1 {
  padding: 15px;
  font-size: 1.7rem;
  text-transform: uppercase;
  color: rgba(37, 153, 125, 0.6);
  text-align: center;
}
#textHover3 p {
  font-size: 1.6rem;
  text-align: center;
}
#textHover2,
#textHover2_resp2 {
  display: none;
}
#processLigneBlanche {
  background-color: white;
  height: 10px;
}

/****** 13 - FOOTER ACCUEIL *******/

#footerSlide {
  position: absolute;
  bottom: -100vh;
  z-index: 2000;
  padding: 2px 0px;
    width: 100%;
    height: 50px;
    background-color: var(--color-blue);
    /* background-color: rgb(57, 89, 113); */
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#footer {
  position: fixed;
  padding: 2px;
  width: 100.9%;
  height: 50px;
  background: var(--color-blue);
  color: white;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#footer_container_1,  #footer_container_3 {
  display: flex;
  width: 20%;
  }

#footer_container_2 {
display: flex;
justify-content: center;
width: 60%;
}
#footer_container_3 {
  justify-content: flex-end;
}
#footer a {
  color: white;
  text-decoration: none;
}
#footer_button {
  height: 55%;
  width: auto;

  margin-right: 10%;
  border: none;
  padding: 2px 10px;

  background-color: black;
  color: var(--color-or) !important;

  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 14 -FOOTER 2 */

footer#footer2 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-blue);
  width: 100%;
  height: 60px;
}
#footer2_container_1, #footer2_container_3 {
  display: flex;
  width: 25%;
  }
  #footer2_container_2 {
    display: flex;
    width: 50%;
  justify-content: center;
  }
  #footer2_container_3 {
    justify-content: flex-end;

  }
footer#footer2 a {
  color: white;

  text-decoration: none;
}
* .lien-accueil:hover {
  color: var(--color-or);
}

/* 15 -  MULTI-PAGES */ 

header.management nav ul .sousmenu a,header.who nav ul .sousmenu a, header.process nav ul .sousmenu a, 
header.project nav ul .sousmenu a, header.team nav ul .sousmenu a, header.corporate nav ul .sousmenu a{
  font-weight: bolder;
}

/* ===========  16 - MANAGEMENT PAGE  =========== */

header.management {
  background: url(./img/HeaderProgramManagement.jpg) no-repeat;
  background-size: cover;
  height: 600px;
  width: auto;
  max-width: 100%;
}

#managementSticker {
  margin-top: 5%;
  margin-bottom: 0.2%;
  width: min(50vw, 120px);
  opacity: 25%;
}
#managementHeader-text {
  font-weight: bold;
  margin-left: 5%;
  padding: 10px;
  font-size: 2.2rem;
  color: var(--color-blue);
}
#managementHeader-text h1 {
  color: #2695b2;
  padding-top: 10px;
}

#programManagement {
  background-color: #eceae6;
}
#bandeBleue {
  height: 20px;
  background-color: #2695b2;
}
#bandeGrise {
  height: 20px;
  background-color: #eceae6;
}

#managementTitre {
  text-align: center;
  font-weight: bold;
  color: #2695b2;
  font-size: 1rem;
  padding-right: 15px;
  padding-left: 15px;
}
#managementTitre h1 {
  font-size: 3rem;
  font-weight: 800;
}
#managementTitre p {
  font-size: 1.5rem;
}
#master {
  background-color: #eceae6;
}
#masterPlan {
  background-color: #213d4c;
}
#ampoule img {
  height: 280px;
  width: auto;
}
#programMaster {
  font-size: 1.3rem;
}

#programMasterText {
  font-size: 1.6rem;
  padding-left: 5px;
}
#programMasterText p:nth-child(1),
#programMasterText p:nth-child(2),
#programMasterText p:nth-child(4),
#programMasterText p:nth-child(5),
#programMasterText p:nth-child(6) {
  margin-top: 10px;
}
#financial {
  background-color: #7b776b;
}

#masterPlan,
#financial {
  display: flex;
  justify-content: center;
  padding: 25px 0;
  color: white;
}
#deliveryBloc img {
  height: 250px;
  width: auto;
}

#postDelivery {
  display: flex;
  justify-content: center;
  padding: 25px 0;
  color: var(--color-black);
  background-color: var(--color-or);
}
#country,
#countryText,
#delivery,
#deliveryText {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 8px;
}
#countryText p {
  font-size: 1.6rem;
}
#countryText p:nth-child(1),
#countryText p:nth-child(2),
#countryText p:nth-child(4) {
  padding-top: 5px;
}
#delivery {
  display: flex;
  justify-content: center;
}
#deliveryTitre {
  margin-left: 50px;
}
#deliveryText {
  margin-top: 13px;
  padding-top: 50px;
  font-size: 1.6rem;
}
#inCountry,
#deliveryContent {
  display: flex;
  justify-content: center;
  padding-top: 35px;
  background-color: #eceae6;
}

#countryLocalisation,
#deliveryAcceptance {
  margin-right: -30px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 10px;
  padding: 15px 15px 15px 0;
  font-size: 1.3rem;
  font-weight: bold;
  border: black solid 1px;
  z-index: 2;
  width: 190px;
}
#countryLocalisation p,
#deliveryAcceptance p {
  z-index: 5;
  padding-right: 20px;
  color: #213d4c;
}
#carteImg img {
  height: 260px;
  width: auto;
}
#programMaster,
#financialManagement {
  margin-left: -35px;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  border: white solid 1px;
}
#postDeliveryTitre {
  display: flex;
  margin-left: -35px;
  padding-top: 15px;
  padding-left: 22px;
  padding-bottom: 15px;
  font-weight: bold;
  font-size: 1.3rem;
  width: 195px;
  color: var(--color-blue);
  margin-top: 75px;
  border: var(--color-blue) solid 1px;
}
#postDeliveryText {
  padding-top: 20px;
  font-size: 1.6rem;
  color: var(--color-blue);
}

#programMaster {
  font-weight: bold;
  padding: 20px 0 20px 40px;
  width: 200px;
}

#monnaie img {
  height: 250px;
  width: auto;
}
#financialManagement {
  color: #dec073;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 48px;
  padding: 15px 0 15px 35px;
  width: 200px;
}

#financialText :not(:nth-child(3)) {
  margin-top: 10px;
}
#financialText p {
  font-size: 1.6rem;
}
#postDeliveryText p:first-child {
  margin-top: 10px;
}
#ampoule,
#monnaie,
#bousole {
  margin: 45px 20px;
}

#endText p {
  text-align: center;
  color: #ccaa60;
  font-size: 1.6rem;
}

#managementTitre h1,
#ligneTitre2 {
  padding-bottom: 15px;
}

#bousole img {
  height: 240px;
  width: auto;
  border: solid 3px white;
}
#managementEndText {
  font-size: 1.7rem;
  text-align: center;
  color: #ccaa60;
}
.managementLigne {
  margin: 0 auto;
  text-align: center;
  border-top: 3px solid #e6e6e6;
  width: 55%;
  padding-bottom: 40px;
}

#programManagement::after {
  content: "";
  display: block;
  background-color: var(--color-blue);
  height: 30px;
  width: auto;
  transform-origin: right top;
  top: -10px;
  transform: skewY(-1deg);
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
}
#master::after {
  content: "";
  display: block;
  background-color: var(--color-blue);
  height: 30px;
  width: auto;
  transform-origin: left top;
  transform: skewY(-1deg);
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
}
#localisation:after {
  content: "";
  display: block;
  background-color: #eceae6;
  height: 115px;
  width: auto;
  transform-origin: top left;
  transform: skewY(3deg);
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  -o-transform: skewY(3deg);
}

#finance::after {
  content: "";
  display: block;
  background-color: #7b776b;
  height: 50px;
  width: auto;
  transform-origin: left top;
  transform: skewY(-1deg);
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
}
#post:before {
  content: "";
  display: block;
  background-color: #eceae6;
  height: 115px;
  width: auto;
  transform-origin: top left;
  transform: skewY(3deg);
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  -o-transform: skewY(3deg);
}
/* Animation */
.reveal {
  opacity: 0;
  transform: translateY(70px);
  -webkit-transform: translateY(70px);
  -moz-transform: translateY(70px);
  -ms-transform: translateY(70px);
  -o-transform: translateY(70px);
}

.reveal-visible {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  transition-delay: 0.1s;
}
@-moz-keyframes rotate {
  100% { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes rotate {
  100% { -webkit-transform: rotate(-360deg); }
}
@keyframes rotate {
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@-moz-keyframes rotate2 {
  100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes rotate2 {
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes rotate2 {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.tourne{
  -webkit-animation: rotate 10.5s linear infinite;
  -moz-animation: rotate 10.5s linear infinite;
  animation: rotate 10.5s linear infinite;
}
.tourne2{
  -webkit-animation: rotate2 10.5s linear infinite;
  -moz-animation: rotate2 10.5s linear infinite;
  animation: rotate2 10.5s linear infinite;
}

/* ===========  17 - LET'S TALK FINANCE =========== */

header.talkFinance {
  background: url(./img/headerLetsTalkFinance.jpg) no-repeat;
  background-size: cover;
  height: 600px;
  width: auto;
  max-width: 100%;
}
.talkFinance #nav1 {
  background-color: #a5b2b9;
  opacity: 0.7;
}
#talkFinanceSticker {
  margin-top: 5%;
  margin-left: -2%;
  width: min(50vw, 120px);
  opacity: 25%;
}
#talkFinanceHeader-text {
  font-weight: bold;
  margin-left: 7%;
  padding: 10px;
  font-size: 1.5rem;
  color: var(--color-blue);
}

#talkFinanceHeader-text p {
  padding-top: 1%;
  margin-left: -2%;
  font-size: 2.2rem;
}

#sectionTalkFinance1 {
 background-color: white;
  height: 65px;
  text-align: center;
  margin-top: 30px; 
  font-size:3rem; 
  font-weight: 800;
}
#sectionTalkFinance3 {
  background-color: #eceae6;
  height: 310px;

}
#sectionTalkFinance3  pre{
color: var(--color-blue);
font-size:3.7rem;
font-weight: bold; 
}

#sectionTalkFinance2:before {
  content: "";
  display: block;
  background-color: #eceae6;
  height: 115px;
  width: auto;
  transform-origin: top left;
  transform: skewY(2deg);
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
}
#container-talkFinance-txt {
display: flex;
justify-content: center;
text-align: center;
}
#talkFinance-txt {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight:bold;
  color: var(--color-blue);
  font-size: 2rem;
}
#talkFinance-txt p:first-of-type {
  padding-top: 40px;
}
#talkFinance-txt p:nth-child(3) {
  padding-top: 20px;
}
#talkFinance-txt p:nth-child(5) {
  padding-top: 20px;
}

/*  SECTION 2  - YOU NEED FUNDING */

#talkFinanceBarre-blanche {
  background-color: #ffffff;
  height: 23px;
}
#talkFinanceFunding {
height: 975px;
background-color:#224b55;
}

#talkFinanceLigneGrise {
height:20px;
background-color: #eceae6;
}

.containertalkFinanceFunding {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding:55px 200px 55px 200px;
}
#talkFinanceFundingTitre {
display: flex;
align-items: center;
height: 75px;
background-color: #ffffff;
color: #000;
font-weight: bold;
font-size: 2.4rem;
padding-left:30px;
margin-bottom: 10px;
text-align: left
}

#talkFinanceFundingTextNumero {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  height:260px;
  background-color:#224b55;
}
#talkFinanceFundingTextNumero2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  height:260px;
  background-color:#224b55;
}
#talkFinanceFundingTextNumero3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
  height:260px;
  background-color:#224b55;
}
#talkFinanceFundingcolonne1, #talkFinanceFundingcolonne2,#talkFinanceFundingcolonne3 {
  display: flex;
  width: 33%;
}

.financeColone1,#financeColone2,#financeColone3 {
  width: 33%;
}

#ligne1, #ligne2, #ligne3, #ligne4, #ligne5, #ligne6, #ligne7 {
  display: flex;
  height: 33%;
}
#ligne8 {
  height: 66%;
}
#case1, #case2,#case3{
  width:20%; 
  }
#case2 {
  margin-left: 50px;
}
#case4,#case5,#case6,#case7{
width:15%; 
}
#case1a, #case2a, #case3a, #case4a, #case5a, #case6a, #case7a {
  width: 80%;
}
#case1, #case2, #case3 {
  text-align: center;
  padding-top:33px
}
#case1 {
  text-align: center;
margin-left: -7px;
}
#case4, #case5, #case6, #case7 {
  padding-top:45px
}
#case5, #case7 {
  margin-left: 12%;
}
#texte-case1a, #texte-case2a, #texte-case3a {
  padding-top: 8.5%;
}
#texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
  padding-top: 12%;
}
#texte-case1a p, #texte-case2a p,  #texte-case3a p  {
  border-left: 3px #ffa650 solid;
  margin-left: 15px;
}
#texte-case4a p, #texte-case5a p, #texte-case6a p,  #texte-case7a p  {
  border-left: 3px #ffa650 solid;
  margin-left: 30px;
}

#case1a p{
  font-size: 1.5rem;
  color: #fff;
  padding-left: 35px;
}

#case2a p, #case3a p {
  font-size: 1.5rem;
  color: #fff;
  padding-left: 20px;
}
#case4a p, #case5a p, #case6a p, #case7a p {
  font-size: 1.5rem;
  color: #fff;
  padding-left: 35px;
}
#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height:110px;
width:auto;
}
.financeColone1 #case8 img {
  position: relative;
  margin-top: -212px;
  margin-left: 125px;
  width: 70%;
}
/*  SECTION 3 - AVAILABLE FUNDING */ 
#ligneOr{
  border-bottom:3px solid var(--color-or);
  }
#availableFundingTitre {
  display: flex;
  align-items: center;
  height: 75px;
  width: 100%;
  background-color: #eceae6;
  color: #000;
  font-weight: bold;
  font-size: 2.4rem;
  padding-left: 30px;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: left;
}
#availableFundingTextNumero {
  display: flex;
  flex-direction: row;
  height: 600px;
  width: 100%;
  background-color: #fff;
}
#availableColone2et3 {
  display: flex;
  width: 66%;
}
#availableColone1 {
width:33%;
}
#availableColone2 {
  display: flex;}
#availableColone2 {
    width: 50%;
}
#availableColone3{
  padding-left: 52px;
  width: 50%;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4,#avalaibleLigne5 {
  display: flex;
  height: 33%;
}
#avalaibleCase1 img, #avalaibleCase2 img,#avalaibleCase3 img,#avalaibleCase4 img, #avalaibleCase5 img{
  height:110px;
  width:auto;
  }
  
#availableCase1, #availableCase2, #availableCase3, #availableCase4, #availableCase5{
width:20%; height: 100%  
}
#availableCase1a, #availableCase2a , #availableCase3a, #availableCase4a, #availableCase5a {
  width: 80%;
}
#availableCase1a p, #availableCase2a p, #availableCase3a p, #availableCase4a p, #availableCase5a p {
  font-size: 1.5rem;
  color: black;
  padding-left: 40px;
}
#availableTexte-case1a p, #availableTexte-case2a p , #availableTexte-case3a p {
   margin-left: 20px;
   border-left: 3px solid #ffa650;
 }
 #availableTexte-case4a p, #availableTexte-case5a p  {
  margin-left: 20px;
  border-left: 3px solid #ffa650;
}

#availableColone2 #case8  img {
  position: relative;
  height:80%;
  width: 100%;
  right: -17px;
  top: 55px;
}
#avalaibleLigne5 {
 margin-top: 0px;
}
/* ==================  18 - BIOGRAPHY =======================*/

header.biography {
  background: url(./img/HeaderBiography.jpg) no-repeat;
  background-size: cover;
  height: 600px;
  width: auto;
  max-width: 100%;
  color: white;
}
.biography #nav1 {
  background-color:rgb(94,116,118);
  opacity: 0.7;
}
.biography nav ul .sousmenu a {
  color: white;
}
#biographyHeader-text {
    font-weight: bold;
    margin-left: 5%;
    padding: 10px;
    font-size: 2.2rem;
    color: white
}
#biographyHeader-text h1 {
  color: white;
  padding-top: 10px;
}
#biographySticker {
  margin-top: 5%;
  margin-bottom: 5px;
  width: min(50vw, 120px);
  opacity: 25%;
}
#biography_title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
}
#biography_title h1 {
font-size: 3rem;
color: var(--color-blue);
font-weight: 800;
}
/* chairman */
#chairman {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
  color: white;
  background-color: #213d4c;
  height: 530px;
}
#sectionChairman::after {
  content: "";
  display: block;
  background-color: var(--color-blue);
  height: 30px;
  width: auto;
  transform-origin: left top;
  transform: skewY(-1deg);
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
}
#chairmanBlock {
  padding-left: 80px;
  padding-right: 130px;
  width: auto;
}
#wheelOne img {
  margin-left: 7%;
  height: 370px;
  width: auto;
}
#chairmanTitre {
  display: flex;
  align-items: center;
  background-color: var(--color-or);
  height:70px;
  width: 620px
}
#chairmanTitre p {
  background-color: var(--color-or);
  color: var(--color-blue);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2rem;
  margin: 0 auto;
}
#chairmanText p {
  padding-top: 30px;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 4px;
  text-align: justify;
}
/* Chief Financial */
#chiefFinancial {
  display: flex;
  height: 500px;
}
#chiefFinancialBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#chiefFinancialTitle p {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:#32a2ba;
  color: white;
  height: 70px;
  width: 620px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2rem;
  margin-left: 130px;

}
#chiefFiancialText p {
  margin-left: 130px;
  padding-top: 30px;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 4px;
  color: var(--color-blue);
  text-align: justify;
}

#sectionChiefFinancial {
  background-color: white;
  display: flex;
  align-items: center;
  height: 530px;
}

#wheelTwoo {
  display: flex;
  align-items: center;
  padding-top: 15px;
}
#wheelTwoo img, #wheelFour img {
  margin-right: 125px;
  margin-left: 7%;
  height: 370px;
  width: auto;
}

/* Chief Operating */
#chiefOperating {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
  color: white;
  background-color: var(--color-or);
  height: 530px;
}
#sectionChiefOperating:before {
  content: "";
  display: block;
  background-color: var(--color-or);
  height: 80px;
  width: auto;
  transform-origin: top left;
  transform: skewY(2deg);
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
}

#chiefOperatingBlock {
  padding-left: 80px;
  padding-right: 130px;
  padding-bottom: 130px;
  width: auto;
}
#wheelthree img {
  margin-left: 20%;
  height: 370px;
  width: auto;
}
#chiefOperatingTitre {
  display: flex;
  align-items: center;
  background-color: var(--color-blue);
  height:70px;
  width: 620px;
  margin-left: 80px;
}
#chiefOperatingTitre p {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2rem;
  margin: 0 auto;
}
#chiefOperatingText p {
  color: var(--color-blue);
  padding-top: 30px;
  padding-left: 80px;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 4px;
  text-align: justify;
}
/* Director */

#director {
  display: flex;
  height: 530px;
}
#directorBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#directorTitle p {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:#7b776c;
  color: white;
  height: 70px;
  width: 620px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2rem;
  margin-left: 130px;

}
#directorText p {
  margin-left: 130px;
  padding-top: 30px;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 4px;
  color: var(--color-blue);
  text-align: justify;
}

#wheelFour {
  display: flex;
  align-items: center;
  padding-top: 15px;
}

/* =====  19 - PAGE Project Enable ===== */

header.project {
  background: url(./img/R-impossible.jpg) no-repeat;
  background-size: cover;
  height: 600px;
  width: auto;
}
.project #nav1 {
  background-color: #a5b2b9;
  opacity: 0.7;
}
#projectSticker {
  margin-top: 12%;
  margin-left: 10%;
  width: min(50vw, 190px);
}
#projectHeader-text {
  font-weight: bold;
  margin-left: 7%;
  padding: 10px;
  font-size: 1.5rem;
  color: var(--color-blue);
}
#projectHeader-text h1 {
  padding-top: 10px;
}
#projectHeader-text p {
  font-size: 2.4rem;
}

#enablingTitre {
  text-align: center;
  padding-top: 35px;
  font-weight: bold;
  color: #59ae97;
}

#enablingTitre h1 {
  font-size: 3rem;
  font-weight: 800;
  padding-bottom: 15px;
}
#enablingTitre p:nth-child(1) {
  padding-bottom: 15px;
}

#enablingTitre p {
  font-size: 1.5rem;
}

#bandeVerte {
  height: 20px;
  background-color: #59ae97;
}
#cible {
  margin: 45px 20px;
}
#cible img {
  height: auto;
  width: 250px;
}

#projectOperational {
  padding: 15px 0 15px 60px;
  margin-left: -35px;
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  border: white solid 1px;
  width: 300px;
}
#projectText {
  padding-left: 30px;
  font-size: 1.3rem;
}
#projectCooperation {
  margin-right: -20px;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.2rem;
  margin-top: 10px;
  color: var(--color-blue);
  border: var(--color-blue) solid 1px;
  z-index: 2;
  width: 210px;
  font-weight: bold;
}
#cooperation {
  display: flex;
  justify-content: center;
  padding-top: 35px;
  background-color: #eceae6;
}
#cooperationText {
  font-size: 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 20px;
}
#corporate {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 5px;
}
#schedule {
  display: flex;
  justify-content: center;
  padding: 25px 0;
  color: white;
  background-color: #7b776b;
}

#supply {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  color: var(--color-black);
  background-color: var(--color-or);
}

#puzzle img {
  height: 240px;
  width: auto;
}
#stylo {
  margin: 45px 20px;
}
#stylo img {
  margin-top: 20px;
  height: 250px;
  width: auto;
}
#styloText {
  font-size: 1.32rem;
  margin-top: 20px;
  padding-left: 20px;
  width: 500px
}

#projectStylo {
  color: #dec073;
  margin-top: 48px;
  padding: 15px 0;
  width: 270px;
  margin-left: -35px;
  padding-left: 55px;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  font-size: 1.15rem;
  border: white solid 1px;
  font-weight: bold;
}
#plan img {
  height: auto;
  width: 200px;
}

#planText {
  display: flex;
  align-items: flex-end;
  width:590px;
  margin-right:20px;
}
#planText p {
 text-align:end
}
#planIndustrial {
  color: var(--color-blue);
  margin-right: -15px;
  display: flex;
  padding: 15px 0;
  flex-direction: column;
  align-items: center;
  font-size: 1.2rem;
  border: var(--color-blue) solid 1px;
  z-index: 2;
  width: 200px;
}
#planTitre {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 5px;
  padding-top: 30px;
  font-size: 1.3rem;
}
.plan {
  display: flex;
  justify-content: center;
  padding: 80px 0;
  background-color: #eceae6;
}
#plan img {
  height: 220px;
  width: auto;
}
#plante {
  margin: 55px 20px;
}
#plante img {
  height: 260px;
  width: auto;
}
#planteTitre {
  font-weight: bold;
  display: flex;
  margin-left: -35px;
  padding: 15px 0 15px 45px;
  width: 220px;
  font-size: 1.2rem;
  color: var(--color-blue);
  margin-top: 75px;
  border: var(--color-blue) solid 1px;
  flex-direction: column;
  align-items: flex-start;
}
#supplyText {
  font-size: 1.3rem;
  color: var(--color-blue);
  padding: 15px 0 0 15px;
}

#negociating {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  background-color: #eceae6;
}
#negociatingTitre {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1.2rem;
  padding-right: 5px;
  padding-top: 50px;
}
#negociatingText {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1.3rem;
  padding-right: 20px;
}
#negociatingContrating {
  margin-right: -20px;
  padding: 15px 60px 15px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border: black solid 1px;
  z-index: 2;
  width: 350px;
  color: var(--color-blue);
}
#mainStylo img {
  padding-top: 30px;
  height: 250px;
  width: auto;
}

#programEnabling {
  background-color: #eceae6;
}

#programEnabling::after {
  content: "";
  display: block;
  background-color: #eceae6;
  height: 40px;
  width: auto;
  transform-origin: top left;
  transform: skewY(1deg);
  -webkit-transform: skewY(1deg);
  -moz-transform: skewY(1deg);
  -ms-transform: skewY(1deg);
  -o-transform: skewY(1deg);
}
#projectCoop::after {
  content: "";
  display: block;
  background-color: #eceae6;
  height: 110px;
  width: auto;
  transform-origin: top left;
  transform: skewY(3deg);
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  -o-transform: skewY(3deg);
}

#budget::after {
  content: "";
  display: block;
  background-color: #7b776b;
  height: 100px;
  width: auto;
  transform-origin: left top;
  transform: skewY(-3deg);
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
}

#planOblique::after {
  content: "";
  display: block;
  background-color: var(--color-or);
  height: 30px;
  width: auto;
  transform-origin: right top;
  transform: skewY(-1deg);
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
}
#supplyOblique::after {
  content: "";
  display: block;
  background-color: var(--color-or);
  height: 30px;
  width: auto;
  transform-origin: left top;
  transform: skewY(-1deg);
  -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
}

#ProjectEndText p {
  font-size: 1.7rem;
  text-align: center;
  color: #ccaa60;
}
#ProjectEndText p:nth-child(1) {
  padding-top: 40px;
}
#ProjectEndText p:nth-child(2) {
  padding-bottom: 15px;
}
.projectLigne {
  margin: 0 auto;
  text-align: center;
  border-top: 3px solid #e6e6e6;
  width: 55%;
  padding-bottom: 40px;
}

/* ===========  20 - PAGE WHO WE ARE   =========== */

header.who {
  background: url(./img/pontHeader.jpg) no-repeat;
  background-size: cover;
  height: 600px;
  width: auto;
}
header.who #nav1 {
 /*  height: 100px; */
  align-items: flex-start;
  background-color: #a5b2b9;
  opacity: 0.7;
}
#headerTextWho {
  font-weight: bold;
  padding: 10px;
  font-size: 1.5rem;
  color: white;
}
#stickerWho {
  margin-top: 5%;
  margin-left: 5%;
  width: min(50vw, 120px);
  opacity: 25%;
  margin-bottom: 1%;
}

.whoH1 {
  font-size: 2.2rem;
  text-shadow: 2px 0 0 black;
  padding-top: 12px;
  margin-left: 5%;
}
#headerTextWho p {
  font-size: 2.2rem;

  font-weight: bold;
  color: var(--color-blue);
  margin-left: 5%;
}
#whoBandeGrise {
  height: 15px;
  background-color: #bec2c2;
}

.whoOblique {
  display: flex;
  flex-direction: row;
}

#whoContainer1 {
  background-color: var(--color-blue);
  height: 40px;
  width: 100%;
}
#whoContainer2 {
  background-color: #68655d;
  height: 40px;
  width: 6%;
}
#whoContainer3 {
  background-color: white;
  height: 40px;
  width: 80%;
}

#whoContainer2::before {
  content: "";
  display: inline-block;
  border-right: solid 40px transparent;
  border-bottom: solid 40px var(--color-blue);
}
#whoContainer3::before {
  content: "";
  display: inline-block;
  border-right: solid 40px transparent;
  border-bottom: solid 40px #68655d;
}

.whoOne {
  display: flex;
  flex-direction: column;
  background-color: var(--color-blue);
  /*clip-path: polygon(0 0, 50% 0, 59% 100%, 0% 100%);*/
}
#chap1,
#chap2 {
  display: flex;
  flex-direction: row;
}

#chap2 {
  height: 310px;
}
#whoChap1 {
  width: 60%;
  height: 390px;
  padding-left: 6%;
  padding-right: 10%;
  font-size: 1rem;
}
#whoChap2 {
  background-color: var(--color-white);
  width: 40%;
  height: 392px;
  position: relative;
}
#whoTitre {
  font-size: 2.8rem;
  color: var(--color-or);
  padding-bottom: 15px;
}
#whoText {
  font-size: 1.2rem;
}
#whoText span {
  color: var(--color-or);
}
#whoText p:first-child {
  color: white;
}
#whoText p:nth-child(2) {
  text-transform: uppercase;
  color: var(--color-or);
  padding: 15px 0px 15px 0px;
  text-align: justify;
  width: 500px;
}
#whoText p:nth-child(3) {
  color: white;
  text-align: justify;
  width: 500px;
}
#whoText p:nth-child(5) {
  color: white;
  padding-bottom: 15px;
  justify-content: stretch;
  text-align: justify;
  width: 500px;
}

.whoTree {
  z-index: 500;
  padding: 140px 0 50px 0;
  text-align: center;
  background-color: #e6e6e6;
}
a#whoButton {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5rem;
  color: white;
  text-align: center;
  background-color: #ab842c;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 18px 50px;
}

.whoTwoo {
  display: flex;
}
#whoTwooChap1 {
  width: 60%;
  background-color: #e6e6e6;
}
#whoTwooChap2 {
  float: left;
  z-index: 5;
  width: 40%;
  background-color: white;
}
#whoText2 {
  color: black;
  padding-left: 10%;
  justify-content: stretch;
  text-align: justify;
  width: 590px;
  padding-top: 20px;
  font-size: 1.2rem;
}
#whoText2 span {
  font-weight: bold;
  color: var(--color-or);
}
#tetes {
  position: absolute;
  margin-left: -140px;
  z-index: 50;
}
#tetes img {
  height: 700px;
  width: auto;
}
#imageTetes {
  position: relative;
}
#textSurImage {
  clear: both;
  position: absolute;
  margin-top: -130px;
  opacity: 90%;
  z-index: 100;
  height: 80px;
  width: 100%;
  padding-top: 20px;
  text-align: center;
  color: var(--color-or);
  font-size: 1.75rem;
  text-transform: uppercase;
  background-color: var(--color-blue);
}
#whoLigneBlanche {
  background-color: white;
  height: 10px;
}

/*  ========== 21 - CORPORATE GOVERNANCE ============ */

.corporate #nav1 {
  background-color: var(--color-blue);
}
.corporate nav ul li .sousmenu a {
  color: white;
}
header.corporate {
  background: url(./img/headerCorporate\ governance.png) no-repeat;
  background-size: cover;
  height: 600px;
  width: auto;
}
header.corporate #logo {
  background-color: #213d4c !important;
  opacity: 1 !important;
}
#stickerCorporate {
  margin-top: 5.5%;
  margin-left: 5.5%;
  margin-bottom: 20px;
  height: 120px;
  width: 120px;

  opacity: 25%;
}
#headerTextCorporate p:nth-child(2) {
  /* color: #2177a5; */
  color: white;
  font-weight: bold;
  font-size: 2.2rem;
  margin-left: 5.5%;
}
#headerTextCorporate p:nth-child(3) {
  color: var(--color-blue);
  font-weight: bold;
  font-size: 2.3rem;
  margin-left: 7%;
}

#corporateH1 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
#corporateH1 p {
  color: var(--color-blue);
  font-weight: 800;
  font-size: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid var(--color-or);*/
  height: 60px;
  width : 100%
}
#ourValues {
  background-color: #e6e6e6;
}

#collateral {
  background-color: #e6e6e6;
}
#corporateCouleur {
  display: flex;
  flex-direction: row;
}
#corporateGrisBlanc {
  display: flex;
  flex-direction: column;
  height: 140px;
  min-width: 30%;
}
#corporateBlanc {
  height: 30px;
  background-color: white;
}
#corporateGris {
  height: 110px;
  background-color: #e6e6e6;
}
#corporateDore {
  height: 140px !important;
  min-width: 70%;
  background: var(--color-or);
  height: 180px;
  /* box-shadow: inset 0 0 20px white; */
}
#corporateImgTxt {
  display: flex;
  flex-direction: row;
  height: 320px;
  width: 100%;
  background-color: #e6e6e6;
}
#corporateImg {
  height: 100%;
  width: 50%;
  margin-top: -75px;
  padding-left: 16%;
}
#corporateImg img {
  height: auto;
  width: 420px;
  box-shadow: 6px 6px 12px rgb(92, 91, 91);
}
#corporateTxt {
  height: 100%;
  width: 50%;
  padding-right: 270px;
}

#corporateTxt p:nth-child(1) {
  display: flex;
  justify-content: center;
  z-index: 10;
  text-align: left;
  font-weight: bold;
  padding: 10px 0px 10px 17px;
  border: 1px solid var(--color-blue);
  width: 300px;
  margin-top: -100px;
  margin-left: 10px;
  color: var(--color-blue);
  font-size: 2.4rem;
}

#corporateTxt p:nth-child(2),
#corporateTxt p:nth-child(3),
#corporateTxt p:nth-child(4) {
  padding-top: 17px;
  text-align: justify;
}

#corporateTxt :not(:nth-child(1)) {
  text-align: left;
  font-weight: bold;
  margin-left: 30px;
  font-size: 1.2rem;
  color: var(--color-blue);
}
.bandeBlanche {
  background-color: white;
  height: 10px;
}

/* --- Our Key --- */
#ourKeyColor {
  display: flex;
  flex-direction: row;
}
#ourKeyBleue {
  background-color: var(--color-blue);
  height: 113px;
  width: 76%;
}
#ourKeyBlanc {
  background-color: white;
  height: 100px;
  width: 24%;
}
#ourKeyImgTxt {
  display: flex;
  flex-direction: row;
  background-color: white;
  height: 340px;
}
#ourKeyTxt {
  width: 50%;
  padding-left: 230px;
}
#ourKeyImg {
  height: auto;
  width: 50%;
  margin-top: -50px;
  padding-left: 125px;
}
#ourKeyImg img {
  height: auto;
  width: 350px;
  box-shadow: 6px 6px 12px rgb(92, 91, 91);
}

#ourKeyTxt p:nth-child(1) {
  display: flex;
  justify-content: center;
  z-index: 30;
  text-align: left;
  font-weight: bold;
  padding: 15px 0px 15px 17px;
  border: 1px solid var(--color-or);
  width: 300px;
  margin-top: -93px;
  margin-left: 10px;
  color: var(--color-white);
  font-size: 2rem;
}
#ourKeyTxt p:nth-child(2),
#ourKeyTxt p:nth-child(3),
#ourKeyTxt p:nth-child(4) {
  padding-top: 17px;
  text-align: justify;
}
#ourKeyTxt :not(:nth-child(1)) {
  text-align: left;
  font-weight: bold;
  margin-left: 30px;
  font-size: 1.2rem;
  color: var(--color-blue);
}

#svgHaut img {
  margin-top: -45px;
  margin-left: 70px;
  height: 100px;
  width: auto;
}
#svgBas img {
  margin-top: -60px;
  margin-left: 70px;
  height: 100px;
  width: auto;
}
#collateralSvgHaut img {
  margin-top: -45px;
  margin-left: 40px;
  height: 100px;
  width: auto;
}
#collateralSvgBas img {
  height: 100px;
  width: auto;
  margin-top: -110px;
  margin-left: 1110px;
}

/* -- COLLATERAL --- */

#collateral {
  background-color: #e6e6e6;
}
#collateralCouleur {
  display: flex;
  flex-direction: row;
}
#collateralBlancGris {
  display: flex;
  flex-direction: column;
  height: 140px;
  min-width: 11%;
}
#collateralBlanc {
  height: 30px;
  background-color: white;
}
#collateralGris {
  height: 110px;
  background-color: #e6e6e6;
}
#collateralGrisFonce {
  height: 112px;
  min-width: 89%;
  background-color: #79766f;
}
#collateralImgTxt {
  display: flex;
  flex-direction: row;
  height: 320px;
  width: 100%;
  background-color: #e6e6e6;
}
#collateralImg {
  height: 100%;
  width: 50%;
  margin-top: -75px;
  padding-left: 16%;
}
#collateralImg img {
  height: auto;
  width: 420px;
  box-shadow: 6px 6px 12px rgb(92, 91, 91);
}
#collateralTxt {
  height: 100%;
  width: 50%;
  padding-right: 200px;
}

#collateralTxt p:nth-child(1) {
  display: flex;
  justify-content: center;
  z-index: 10;
  text-align: left;
  font-weight: bold;
  padding: 10px 0px 10px 17px;
  border: 1px solid var(--color-or);
  width: 300px;
  margin-top: -125px;
  margin-left: -40px;
  color: var(--color-white);
  font-size: 2.4rem;
}

#collateralTxt p:nth-child(2),
#collateralTxt p:nth-child(3),
#collateralTxt p:nth-child(4) {
  padding-top: 17px;
  text-align: justify;
}

#collateralTxt :not(:nth-child(1)) {
  text-align: left;
  font-weight: bold;
  margin-left: -15px;
  font-size: 1.2rem;
  color: var(--color-blue);
}
#pointDore img,#pointDore2 img, #pointDore3 img  {
  padding-bottom: 2px;
  width: auto;
  height: 10px;
}
#pointDore3 {
  padding-top: 15px;
}

/*  ========== 22 - OUR TEAM - PAGE ============== */

header.team {
  background: url(./img/R_trackrecord4.jpg) no-repeat;
  background-size: cover;
  background-position: bottom;
  height: 600px;
  width: 100%;
}
header.team #nav1{
  opacity: 0.8;
}
#team {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  font-size: 3rem;
  font-weight: 800;
  background-color: var(--color-blue);
  color: var(--color-or);
}
#teamSticker {
  opacity: 90%;
  width: min(50vw, 110px);
}

#bandeau_gris {
  height: 10px;
  background-color: #83867f;
}
#teamspan1 span {
  font-size: 28px;
}
#teamspan2 span {
  font-size: 28px;
}
#team_text {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
#team_text p {
  text-align: center;
  color: var(--color-blue);
  font-weight: bold;
}
#separation_dore {
  margin: 0 auto;
  text-align: center;
  border-top: 3px solid #ddc073;
  width: 25%;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

/* 23 -  OUR TEAM - WORLD MAP */
.carte {
  padding-top: 50px;
  height: 100vh;
  max-width: 100%;
   margin-left: 15%;
}
svg {
 
  width: 100%;
  height: auto;
}

.land {
  fill: #cccccc;
  fill-opacity: 1;
  stroke: white;
  stroke-opacity: 1;
  stroke-width: 0.5;
}

/*   Couleur Pays */

/* PAYS NON-CONCERNE */
#AD,
#AF,
#AG,
#AI,
#AL,
#AM,
#AR,
#AS,
#AT,
#AU,
#AW,
#AX,
#AZ,
#BA,
#BD,
#BB,
#BF,
#BH,
#BI,
#BJ,
#BL,
#BO,
#BM,
#BQ,
#BS,
#BT,
#BV,
#BW,
#BZ,
#CC,
#CG,
#CI,
#CK,
#CR, 
#CU,
#CV,
#CW,
#CX,
#CY,
#CZ,
#DK,
#DM,
#DO,
#DZ,
#EE,
#EH,
#ER,
#ET,
#FI,
#FJ,
#FK,
#FM,
#FO,
#GA,
#GD,
#GG,
#GI,
#GL,
#GM,
#GN,
#GO,
#GP,
#GS,
#GT,
#GU,
#GW,
#GY,
#HK,
#HM,
#HN,
#HR,
#HT,
#HU,
#IE,
#IL,
#IM,
#IO,
#IR,
#IS,
#JE,
#JM,
#JO,
#JU,
#KE,
#KG,
#KH,
#KI,
#KM,
#KN,
#KP,
#KR,
#KW,
#KY,
#LA,
#LC,
#LI,
#LK,
#LR,
#LS,
#LU,
#LY,
#MC,
#MD,
#ME,
#MF,
#MG,
#MH,
#MK,
#ML,
#MM,
#MN,
#MO,
#MP,
#MQ,
#MS,
#MT,
#MU,
#MV,
#MW,
#MZ,
#NA,
#NC,
#NE,
#NF,
#NI,
#NO,
#NP,
#NR,
#NU,
#NZ,
#PF,
#PG,
#PK,
#PL,
#PM,
#PN,
#PR,
#PS,
#PW,
#PY,
#RE,
#RO,
#RS,
#RW,
#SB,
#SD,
#SE,
#SH,
#SI,
#SJ,
#SK,
#SL,
#SM,
#SN,
#SO,
#SR,
#SS,
#ST,
#SX,
#SY,
#SZ,
#TC,
#TF,
#TJ,
#TK,
#TL,
#TN,
#TO,
#TT,
#TV,
#TW,
#TZ,
#UG,
#UM-DQ,
#UM-FQ,
#UM-HQ,
#UM-JQ,
#UM-MQ,
#UM-WQ,
#UY,
#UZ,
#VA,
#VC,
#VG,
#VI,
#VU,
#WF,
#WS,
#YE,
#YT,
#ZM,
#ZW {
  fill: #d9d8d4;
}

/* COULEURS DES PAYS CLIQUABLE */ 
#CD,
#CM,
#OM,
#PE,
#PH,
#TM,
#TR,
#UA,
#VE,
#VN,
#ZA {
  fill: #83867f;
}
#DE,
#GF,
#IN,
#IT,
#MX {
  fill: #998d74;
}
#CO,
#FR {
  fill: #a39e8d;
}
#AO,
#BE,
#BR,
#CF,
#EC,
#ID,
#IN.land,
#IT,
#LT,
#MR,
#NG,
#PT,
#SG,
#TH {
  fill: #abb4a6;
}
#GH,
#US {
  fill: #aba897;
}
#BY,
#CN,
#GR,
#MA,
#XK {
  fill: #96967e;
}

#RU,
#SA {
  fill: #989484;
}

#CA {
  fill: #a1a495;
}
#BG,
#KZ
{
  fill: #878379;
}
#CH,
#GQ,
#PA,
#QA,
#TG {
  fill: #27242f;
}
#BN {
  fill:yellowgreen;
}
#ES,
#GB {
  fill: #868279;
}
#AE,
#CL,
#GE,
#IQ,
#JP,
#LV,
#MY,
#NL{
  fill: #503521;
}
#EG,
#TD {
  fill: #8b7051;
}
#SC {
  stroke: black;
}

/* Hover doré sur Pays Concerné */
#AE:hover,
#AO:hover,
#AQ:hover,
#BE:hover,
#BG:hover,
#BN:hover,
#BR:hover,
#BY:hover,
#CA:hover,
#CD:hover,
#CF:hover,
#CH:hover,
#CL:hover,
#CM:hover,
#CN:hover,
#CO:hover,
#DE:hover,
#DJ:hover,
#EC:hover,
#EG:hover,
#ES:hover,
#FR:hover,
#GB:hover,
#GE:hover,
#GF:hover,
#GH:hover,
#GQ:hover,
#GR:hover,
#ID:hover,
#IN:hover,
#IQ:hover,
#IT:hover,
#JP:hover,
#XK:hover,
#KZ:hover,
#LB:hover,
#LT:hover,
#LV:hover,
#MA:hover,
#MR:hover,
#MX:hover,
#MY:hover,
#NG:hover,
#NL:hover,
#OM:hover,
#PA:hover,
#PE:hover,
#PH:hover,
#PT:hover,
#QA:hover,
#RU:hover,
#SA:hover,
#SC:hover,
#SG:hover,
#SV:hover,
#TD:hover,
#TG:hover,
#TH:hover,
#TM:hover,
#TR:hover,
#UA:hover,
#US:hover,
#VE:hover,
#VN:hover,
#ZA:hover {
  fill: #ddc073;
}

a {
  cursor: pointer;
}
.col {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 5% 0;
}
.vertical {
  border-left: 1px solid black;
  height: 60px;
  display: inline-block;
}

.sticker p {
  text-align: center;
}

.un img,
.deux img,
.trois img,
.quatre img,
.cinq img {
  height: 32px;
  width: auto;
}

/* ================ 24 - CONTACT ======================*/
.contactPage {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
}
.contactWrap {
  background-color: #1e495a;
  padding: 4% 10%;
}
.contact_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 2%;
  border: 2px solid white;
  height: 85%;
}
.containerContact {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: white;
  padding: 5% 5%;
}
.containerContactInfos {
display: flex;
padding: 0 20px;
width: 100%;
flex-direction: column ;
}
.containerFormulaire {
width: 100%;
height: 100%;
}
.contactTitre {
  font-size: clamp(20px, 16px + 5vw, 30px);
  text-transform: uppercase;
}
.contactInfos {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.contactAdresse {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5%;
}
.contactDisclamer {
display: flex;
flex-direction: column;
align-items: center;
text-align: justify;
padding-top: 10%;
width:57%;
}
.formulaire {
display: flex;
align-content: center;
justify-content: center;

}
.contactForm {
display: flex;
align-items: center;
width:100%;
height: 100%;
padding: 10% 0%;
}
.contactPage .contact nav ul .sousmenu a {
  color: white !important;
}

.contactForm .form-input label {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 5px;
  color: #333333;
  display: block;
}

form.cnt-form {
  width: 80%;
  margin: 0 auto;
  padding: 15px 20px;
  border-radius: 10px;
  background-color: white;
  border: 2px solid white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
form.cnt-form h3 {
  font-size: 40px;
  line-height: 45px;
  color: #333333;
  margin-bottom: 25px;
  text-transform: capitalize;
  font-weight: bold;
}
.contactForm .form-input {
  margin-bottom: 15px;
}
.contactForm .form-inner-cnt label {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 5px;
  color: #333333;
  display: block;
}

.contactForm .form-input input[type="text"],
.contactForm .form-input input[type="email"],
.contactForm .form-input input[type="phone"],
.contactForm .form-inputtextarea {
  outline: none;
  width: 100%;
  font-size: 16px;
  line-height: 25px;
  padding: 12px 20px;
  margin-bottom: 15px;
  color: #333;
  padding: 12px 20px;
  font-family: inherit;
  text-align: left;
  /* -webkit-appearance: none; */
  background: rgba(255, 154, 66, 0.02);
  display: grid;
  grid-template-columns: 0.1fr 1fr;
  align-items: center;
  padding-left: 15px;
  border: 1px solid var(--color-blue);
  border-radius: 4px;
}

.contactForm .form-input textarea {
  height: 125px;
  width: 100%;
  resize: none;
  background: rgba(255, 154, 66, 0.02);
  display: grid;
  grid-template-columns: 0.1fr 1fr;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid var(--color-blue);
  border-radius: 3px;
}

.contactForm .form-input input[type="text"]:focus,
.contactForm .form-input input[type="email"]:focus,
.contactForm .form-input textarea:focus {
  border: 1px solid #fd5f00;
  background: #fff;
}
#contactButton {
  display: block;
  margin: 0 auto;
}
form.cnt-form .btn {
  text-decoration: none;
  border: none;
  cursor: pointer;
  padding: 12px 20px;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  background:#1e495a;
  display: inline-block;
  border-radius: 4px;
  transition: 0.3s ease;
  width: 155px;
}

form.cnt-form .btn:hover {
  background: var(--color-blue);
  transition: 0.3s ease;
}

.form-input.recaptcha {
  display: flex;
  justify-content: center;
}

#footerContact {
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-blue);
  width: 100%;
  height: 60px;
}
/* ================ MEDIA QUERIES ================*/


/* Ecran géant */
/* S'applique seulement aux écrans de largeur supérieure ou égale à 2570 pixels */
@media screen and (min-device-width: 2500px) {
  header.project {
    background-size: cover;
    height: 760px;
    width: auto;
    background-position-y: 55%;
}

/* Project Enabling */ 
#projectSticker {
  margin-top: 6%;
  margin-left: 10%;
}
#cooperation {
  display: flex;
  justify-content: center;
  padding-top: 215px;
  background-color: #eceae6;
}
/* */
#projectCoop::after {
height: 210px;
}
#budget::after {
height: 215px;
}
#budget::after {
height: 254px;
margin-top: -10px;
}
#schedule {
padding: 177px 0px 62px 0px;height: 650px;
}

}
/* ========== Mallorie 2560x1440px  ==============*/
@media (min-width: 1970px) /*and (min-height: 1440px)*/ {
  .outer-wrapper {
    width: auto;
  }
  .wrapper {
    overflow: visible;
  }
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 18%;
  }
  .entete {
    height: 175px;
  }
  nav {
    height: 10%;
  }
  .nav .menu li a {
    font-size: 2em;
  }
  nav ul .sousmenu a {
    display: initial;
  }
  .containerArrows {
    position:absolute;
    bottom: 120px;
    right: 120px;
    z-index: 500;
  }
  .container {
    font-size: 35px;
    line-height: 49px;
  }
  .container2 {
    font-size: 35px;
    line-height: 48px;
  }
  .container3 {
    font-size: 35px;
    line-height: 54px;
    letter-spacing: 4px;
  }
  .container4 {
    font-size: 35px;
    line-height: 55px;
  }
  .container5 {
    font-size: 35px;
    line-height: 50px;
  }
  .container6 {
    font-size: 35px;
    line-height: 61px;
  }

  #titreMenu1,
  #titreMenu2,
  #titreMenu3,
  #titreMenu4,
  #titreMenu5,
  #titreMenu6 {
    font-size: 2em;
    margin-top: 1%;
  }
  /* TEAM Track Record */
  #teamSticker {
    margin: 150px 0 0 150px;
  }
  .carte {
    height: 95vh;
  }
  .col {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 130px 0; 
  }
  /* WHO WE ARE */
  header.who {
    height: 760px;
  }
  #whoText p:nth-child(2), #whoText p:nth-child(3), #whoText p:nth-child(5) {
    color: white;
    padding-bottom: 15px;
    justify-content: stretch;
    text-align: justify;
    width: 750px;
}
#whoText, #whoText2 {
  font-size: 1.4rem;
}
#whoText2 {
  width: 900px;
  padding-top: 50px;
}
/* PROCESS */ 
header.process {
  height: 760px;
}
/* ========= PROJECT ENABLING =========== */
header.project {
  background-size: cover;
  height: 760px;
  width: auto;
  } 
  #projectSticker {
    margin-top: 11%;
    margin-left: 10%;
}
#enablingTitre p {
  font-size: 2rem;
}
#projectText,#cooperationText, #styloText,#planIndustrial, #planText, #supplyText, #negociatingText {
  padding-left: 30px;
  font-size: 2rem;
}
#projectOperational, #projectCooperation, #projectStylo, #planteTitre {
font-size: 2rem;
width: 465px;
}
#negociatingContrating {
  font-size: 2rem;
  width: 530px;
}

#negociatingTitre {
  font-size: 2rem;
  width: 565px;
  }
#cible img {
  height: auto;
  width: 315px;
}
.plan {
  padding: 120px 0;
}
#plan img {
  height: 250px;
  width: auto;
}
#planIndustrial {
  width: 455px;
}
#supply {
  padding: 120px 0;
}
#supplyOblique::after {
  height: 50px;
}
#negociating {
  display: flex;
  justify-content: center;
  padding: 160px 0;
  background-color: #eceae6;
}
#planOblique::after {
  height: 45px;
}
#ProjectEndText p {
  font-size: 2rem;
  text-align: center;
  color: #ccaa60;
}
  #cooperation {
    display: flex;
    justify-content: center;
    padding-top: 120px;
    background-color: #eceae6;
}
  /* ===== CORPORATE GOVERNANCE ====== */

  header.corporate {
  height: 760px;
  background-position-y: 60%;
  }
  #programEnabling::after {
    height: 95px;
  }
  .project #masterPlan {
    padding: 110px;
  }
  #projectCoop::after {
    height:135px
  }
  #projectCoop::after {
    height: 110px;
    transform: skewY(3deg);
    -webkit-transform: skewY(2deg);
    -moz-transform: skewY(2deg);
    -ms-transform: skewY(2deg);
    -o-transform: skewY(2deg);
}
  #budget::after {
    height: 140px;
  }
  #schedule {
    padding: 125px 0px 65px 0px;
  }
  #collateralSvgBas img {
    margin-left: 1465px;
}
  #collateralTxt {
  margin-left: -230px;
  }
  #collateralTxt :not(:nth-child(1)), #corporateTxt :not(:nth-child(1)), #ourKeyTxt :not(:nth-child(1)) {
    font-size: 1.6rem;
  }
  #ourKeyImg {
    padding-left: 190px;
}
/* ===== Program management ====== */
header.management {
  height: 760px;
}
#managementTitre p {
  font-size: 1.5rem;
}
#master::after {
  height: 85px;
  }
.process section#programManagement::after {
  height: 105px;
}
.process section#masterPlan {
  padding: 110px;
}
.process section#financial {
  padding: 50px 0;
}
#programMaster, #countryLocalisation, #financialManagement, #deliveryAcceptance, #postDeliveryTitre {
  font-weight: bold;
  width: 290px;
  font-size: 2rem;
}
#programMasterText, #deliveryText, #postDeliveryText, #managementEndText {
  font-size: 2rem;
}
#countryText p, #financialText p {
  font-size: 2rem;
}
#inCountry {
  padding-top: 80px;
}
#financial {
  padding-top: 155px;
}
#deliveryContent {
  padding: 120px 0px 60px 0px;
}
#postDelivery {
  padding: 170px 0;
}
#localisation:after {
  content: "";
  display: block;
  background-color: #eceae6;
  height: 100px;
  width: auto;
  transform-origin: top left;
  transform: skewY(3deg);
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
}

#finance::after {
height:135px;
}
#post::before {
  height:105px;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
}

/* BIOHGRAPHY */

header.biography {
  height: 760px;
}
#biography_title {
  height: 130px;
}

#biography_title h1 {
  font-size: 3rem;
}
#sectionChiefOperating:before {
height: 115px;
}
#sectionChairman::after {
height: 130px;
}
#directorText p {
margin-right: 130px;
}
#directorBlock {
  padding: 20px;
}
#chiefOperatingBlock {
  padding-left: 80px;
  padding-right: 130px;
  padding-bottom: 135px;
  width: auto;
}
/* =====  Lets Talk finance ==== */

header.talkFinance {
  background-size: cover;
  background-position: bottom;
  height: 760px;
  width: auto;
  } 
  #talkFinanceSticker {
    margin-top: 2%;
    margin-left: -2%;
    width: min(50vw, 200px);
    opacity: 25%;
}
  .talkFinance nav{
    height: 55px;
    }
  .talkFinance .langue {
  font-size: 103%;
  }
.financeColone1, #financeColone2, #financeColone3 {
    width: 33%;
}
#talkFinanceSticker {
  margin-top: 6%;
  margin-left: -2%;
  width: min(50vw, 120px);
  opacity: 25%;
}
#case1 {
  padding-left: 7px;
  width:10%;
}
#case1a {
  padding-left: 25px;
}
#case2 {
  margin-left: 100px;
}
#case5 {
  margin-left: 20%;
}
#case7 {
  margin-left: 20%;
}

#case1a p {
  padding-left: 41px;
}
#texte-case1a p {
  border-left: 3px #ffa650 solid;
  margin-left: 35px;
}
.containertalkFinanceFunding {
  padding: 55px 390px 55px 390px;
}

.financeColone1 #case8 img {
  position: relative;
  margin-top: -235px;
  margin-left: 150px;
}
#availableColone2 #case8 img {
  position: relative;
  height: 80%;
  width: 100%;
  right: -42px;
  top: 55px;
}

/* ===== Team - Track record====== */
header.team {
  background-size: cover;
  background-position-y: 70%;
  height: 760px;
  width: 100%;
}
#teamspan1 span {
  font-size: 38px;
}
#teamspan2 span {
  font-size: 38px;
}
#images {
  height: auto;
  width: 500px;
}
/* SOUS MENU */
header.home nav .menu li:hover .sousmenu {
  width: 400px;
  }
header.home nav ul .sousmenu a {
  height: 35px ;
}
nav .menu li:hover .sousmenu {
  width: 310px;
  display: flex;
  flex-direction: column;
}
#team_text {
  font-size: 200%;
}
#titre_team {
  font-size: 200%;
}
/* CONTACT*/
.contactDisclamer {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* text-align: justify; */
  padding-top: 10%;
  width: 43%;
}
/* FOOTER INDEX */
#footer2_container_2 a {
font-size: 150%;
}
}

/* MEDIA 1950 px  */

@media (max-width: 1950px) {

  .nav .menu li a {
    font-size: 18px;
  }
   /* FOOTER SLIDE */
   #footerSlide {
    height: 40px;
  }
  .SecondMenu {
    font-size: 0.9em;
  }
  .containerArrows {
    position:absolute;
    bottom: 120px;
    right: 120px;
    z-index: 500;
  }
  .container {
    margin-top: 2%;
    margin-left: 8%;
    line-height: 25px;
  }
  .container2 {
    margin-top: 1%;
    margin-left: 66%;
  }
  .container3 {
    margin-top: 2%;
    margin-left: 8%;
  }
  .container4 {
    margin-top: 2%;
    margin-left: 8%;
  }
  .container5 {
    margin-top: 2%;
    margin-left: 8%;
  }
  .container6 {
    margin-top: 2%;
    margin-left: 5%;
  }
  /* TEAM Track Record */
  #teamSticker {
    margin: 100px 0 22px 100px;
  }
  #team_text {
    font-size: 150%;
  }
  #titre_team {
    font-size: 150%;
  }
  .carte {
    height: 100vh;
  }
  /* Affichage cartouche Pays */
  #images {
    height: auto;
    width: 500px;
    z-index: 7000;
  }
/* =========   project Enabling =========== */

#programEnabling::after {
  height: 95px;
}
#master::after {
height: 105px;
}
#projectCoop::after {
  height:125px
}
#budget::after {
  height: 100px;
}
#schedule {
  padding: 70px 0;
}
/* =========   Corporate =========== */
header.corporate {
  background-position: bottom;
}
}

/* ===== 1792 px ========= */

@media (max-width: 1792px) {
.outer-wrapper {
  width: initial;
}
/* Finance*/ 
#case1a p {
  padding-left: 38px;
}
#case2a p, #case3a p {
  font-size: 1.5rem;
  color: #fff;
  padding-left: 36px;
}
#case4a p, #case6a p {
  font-size: 1.5rem;
  color: #fff;
  padding-left: 57px;
}
#case5a p {
  font-size: 1.5rem;
  color: #fff;
  padding-left: 50px;
}
#case7a p {
  font-size: 1.5rem;
  color: #fff;
  padding-left: 44px;
}
/* Track record */
.col {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 0 0;
}

/* Contact */ 
.contactDisclamer {
  width: 62%;
}
}

/*==== MacBook Pro 16"(1728px*1117px) ==== */

@media (max-width: 1728px) {
  .outer-wrapper {
    width: initial;
  }
  .langue {
    margin-right: 70px;
  }
  /* Process */
  #flecheBA,
  #flecheBB {
    display: none;
  }
  #flecheBA_resp,
  #flecheBB_resp {
    width: auto;
    height: 110px;
    -webkit-transform: skew(+0deg);
    -moz-transform: skew(+0deg);
    -ms-transform: skew(+0deg);
    -o-transform: skew(+0deg);
    transform: skew(+0deg);
    margin-top: 60px;
    float: none;
    display: block;
  }
  #flecheBA p,
  #flecheBB p {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    float: none;
  }
  #flecheHA,
  #flecheHB,
  #flecheHC,
  #flecheHD {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    float: none;
    -ms-transform: skew(0deg);
  }
  #flecheHA p,
  #flecheHB p,
  #flecheHC p,
  #flecheHD p {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    font-size: 2em;
  }

  #flecheHA,
  #flecheHC {
    margin-top: 25px;
  }
  #flecheBA_resp {
    background: linear-gradient(to right, #f4bc88, #5aae96);
    opacity: 0.6;
    margin-right: 2px;
    margin-top: 10px;
  }
  #flecheBB_resp {
    background: linear-gradient(to right, #2695b2, #65e5e5);
    opacity: 0.6;
  }
  #flecheBA_resp:hover,
  #flecheBB_resp:hover {
    opacity: 1;
  }

  span#fleche_resp1 {
    display: block;
    margin: 0 auto;
    opacity: 0.6;
    height: 0;
    width: 0;
    border-top: 20px solid #678375;
    border-right: 19px solid transparent;
    border-left: 21px solid transparent;
  }
  span#fleche_resp2 {
    display: block;
    margin: 0 auto;
    opacity: 0.6;
    height: 0;
    width: 0;
    border-top: 20px solid #358897;
    border-right: 19px solid transparent;
    border-left: 21px solid transparent;
  }

  .resp {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .resp p {
    font-size: 1.5em;
  }
  #text,
  .containerExplications {
    display: none;
  }
  #text1,
  #text2 {
    display: flex !important;
    justify-content: center;
    font-weight: bolder;
  }
  #textHoverResp,
  .textHoverResp2 {
    padding: 15px 0px;
    display: block;
    margin: 0 auto;
    width: 80%;
  }
  .processButton a {
    margin-bottom: 15px;
    padding: 5px 30px;

    border-radius: 5px;
    background-color: white;
    color: #213d4c;
    font-size: 1rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  #textHover {
    display: none !important;
  }
  #textHover2 {
    display: none !important;
  }
/* PROJECT  */ 
#cooperation {
  padding-top: 30px;
}
#schedule {
  padding: -18px 0;
}
#projectCoop::after {
  height: 105px;
}
#schedule {
  padding: 38px 0 0px 0;
}
#negociating {
  padding: 50px 0;
}
/*  Management */
#countryLocalisation, #deliveryAcceptance {
  padding: 15px 15px 15px 15px;
}
#programMasterText {
  font-size: 1.6rem;
  padding-left: 5px;
}
#countryText {
font-size: 1.6rem;
}  
#postDeliveryText {
  font-size: 1.6rem;
}
#deliveryText {
font-size: 1.6rem;
}
#financialText p {
font-size: 1.6rem;
}
  /* Corporate */ 
  #collateralImgTxt {
    display: flex;
    flex-direction: row;
    height: 358px;
    width: 100%;
    background-color: #e6e6e6;
}
#collateralTxt {
  padding-right: 260px;
  padding-left: 80px;
}
  /* Team track record */
  #teamSticker {
    margin: 60px 0 0 95px;
  }
  header.team {
    height: 600px;
    width: 100%;
    }
  /* WHO WE ARE*/
  #footer_button {
    margin-right: 10%;
  }
  /* LETS TALK FINANCE */
  #case2, #case5, #case7 {
    margin-left: 5%;
}

  #texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
    padding-left: 5px;
}

#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
  width: 82%;
}
#availableColone3 {
  padding-left: 50px;
  width: 50%;
}
#availableColone2 {
  width: 50%;
}

/* Contact */ 
.contactDisclamer {
  width: 64%;
}
}

/* ===== Microsoft SurfaceBook ===========*/

@media (max-width: 1500px) {
  .outer-wrapper {
    width: initial;
  }
  .langue {
  margin-right: 70px;
}
  /* FOOTER SLIDE */
  #footerSlide {
    height: 35px;
  }
 /* OUR PROCESS */
  #flecheBA,
  #flecheBB {
    display: none;
  }
  #flecheBA_resp,
  #flecheBB_resp {
    width: auto;
    height: 110px;
    -webkit-transform: skew(+0deg);
    -moz-transform: skew(+0deg);
    -ms-transform: skew(+0deg);
    -o-transform: skew(+0deg);
    transform: skew(+0deg);
    margin-top: 60px;
    float: none;
    display: block;
  }
  #flecheBA p,
  #flecheBB p {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    float: none;
  }
  #flecheHA,
  #flecheHB,
  #flecheHC,
  #flecheHD {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    float: none;
    -ms-transform: skew(0deg);
  }
  #flecheHA p,
  #flecheHB p,
  #flecheHC p,
  #flecheHD p {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
    font-size: 2em;
  }
  #flecheHA,
  #flecheHC {
    margin-top: 25px;
  }
  #flecheBA_resp {
    background: linear-gradient(to right, #f4bc88, #5aae96);
    opacity: 0.6;
    margin-right: 2px;
    margin-top: 10px;
  }
  #flecheBB_resp {
    background: linear-gradient(to right, #2695b2, #65e5e5);
    opacity: 0.6;
  }
  #flecheBA_resp:hover,
  #flecheBB_resp:hover {
    opacity: 1;
  }

  span#fleche_resp1 {
    display: block;
    margin: 0 auto;
    opacity: 0.6;
    height: 0;
    width: 0;
    border-top: 20px solid #678375;
    border-right: 19px solid transparent;
    border-left: 21px solid transparent;
  }
  span#fleche_resp2 {
    display: block;
    margin: 0 auto;
    opacity: 0.6;
    height: 0;
    width: 0;
    border-top: 20px solid #358897;
    border-right: 19px solid transparent;
    border-left: 21px solid transparent;
  }
  .resp {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .resp p {
    font-size: 1.5em;
  }
  #text,
  .containerExplications {
    display: none;
  }
  #text1,
  #text2 {
    display: flex !important;
    justify-content: center;
    font-weight: bolder;
  }
  #textHoverResp,
  .textHoverResp2 {
    padding: 15px 0px;
    display: block;
    margin: 0 auto;
    width: 80%;
  }
  .processButton a {
    margin-bottom: 15px;
    padding: 5px 30px;
    border-radius: 5px;
    background-color: white;
    color: #213d4c;
    font-size: 1rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  #textHover {
    display: none !important;
  }
  #textHover2 {
    display: none !important;
  }
  /* Team track record */
  #teamSticker {
    margin: 60px 0 0 95px;
  }
  header.team {
    height: 561px;
    width: 100%;
    }
.carte {
  height: 77vh;
}
.col {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 7% 0;
}
  /* WHO WE ARE*/
  #footer_button {
    margin-right: 10%;
  }
/* LETS TALK FINANCE */
header.talkFinance {
  height: 473px;
}
#cadreTalkFinance {
bottom:235px;
}
#texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
margin-left:15px;
}
#avalaibleFunding {
height:1090px ;
}
#avalaibleLigne2 {
display: flex;
height: 45%;
}

#availableColone2 #case8 img {
  position: relative;
  height: 50%;
  width: 100%;
  right: -10px;
  top: 175px;
}
#availableColone3 {
 padding-left: 0px;
 height: 57%;
}
#texte-case1a {
  margin-left: 22px;
}

#texte-case2a, #texte-case3a {
  margin-left: 14px;
}
#case1 img {
  margin-left: 7px;
}
#case2 {
  margin-left: -15px;
}
#case5, #case7 {
  margin-left: -10px;
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 55px 170px 55px 170px;
}
#talkFinanceFundingcolonne1, #talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  width: 33%;
}
#talkFinanceFundingTextNumero,#talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
  height: 315px;
}
#talkFinanceFunding {
  height: 1100px;
  background-color: #224b55;
}
#avalaibleLigne5 {
  margin-top: 90px;
}
/* BIOGRAPHY */ 
#chairmanTitre p, #chiefFinancialTitle p,#chiefOperatingTitre p, #directorTitle p  {
  font-size: 1.5rem;
}
/* PROJECT */ 
#projectCoop::after {
  height: 86px;
  margin-top: -50px;
}
#projectCoop::after {
  height: 99px;
  margin-top: -55px;
}
/* Corporate  */ 
#collateralSvgBas img {
  margin-left: 1065px;
}
/* Contact */ 
.contactDisclamer {
  width: 62%;
}
}
/*  ====== MacBook Client 1440*900 ========== */ 
@media (max-width: 1440px) {
.nav .menu li a {
  font-size: 17px;
}
/* Contact */ 
.contactDisclamer {
  width: 78%;
}
#talkFinance-txt {
  font-size: 1.8rem;
}
}
/* Ipad Pro 1366 x 1024 */

@media (max-width: 1390px) {

.outer-wrapper {
width: initial;
}
.nav .menu li a {
  font-size: 15px;
}
/* Who */ 
header.who {
  background: url(./img/pontHeader.jpg) no-repeat;
  background-size: cover;
  height: 580px;
  width: auto;
}
/* Process */ 
header.process {
  background: url(./img/R-Escalier.jpg) no-repeat;
  background-size: cover;
  height: 580px;
  width: auto;
}
#textHoverResp, .textHoverResp2 {
  padding: 14px 0px;
  display: block;
  margin: 0 auto;
  width: 100%;
}

/* PROJECT */ 
#projectCoop::after {
  height: 86px;
  margin-top: -50px;
}
#projectCoop::after {
  height: 99px;
  margin-top: -55px;
}

/* management */
header.management {
    background: url(./img/HeaderProgramManagement.jpg) no-repeat;
    background-size: cover;
    height: 580px;
    width: auto;
    max-width: 100%;
}
/* Corporate */ 
header.corporate {
  background: url(./img/headerCorporate\ governance.png) no-repeat;
  background-size: cover;
  background-position-x: 85%;
  height: 580px;
  width: auto;
}
#corporateH1 {
  height: 120px;
  width: 100%;
}
#collateralImgTxt {
  height: 420px;
}
#collateralSvgBas img {
  margin-left: 970px;
}
/* Biography */
header.biography {
  background: url(./img/HeaderBiography.jpg) no-repeat;
  background-size: cover;
  height: 580px;
  width: auto;
  max-width: 100%;
  color: white;
}
#chairman {
  height: 570px;
}
#sectionChiefFinancial {
  height: 570px;
}
#chiefOperating {
  height: 440px;
}
/* Let's talk finance */ 
header.talkFinance {
height:580px;
background-position-x: 80%;
}
#talkFinanceFunding {
    height: 1175px;
    background-color: #224b55;
}
#talkFinanceFundingTextNumero {
  height: 330px;
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 55px 120px 55px 120px;
}
#case2 {
  margin-left: -5px;
}
#case5, #case7 {
  margin-left: 0px;
}
#case1a, #case2a, #case3a, #case4a, #case5a, #case6a, #case7a {
  width: 82%;
}
.contactDisclamer {
  width: 83%;
}
}
/* ========== MacBook Air (1280px - 800px) ========== */
@media (max-width: 1280px) {
header.team {
height: 561px;
width: 100%;
}
.wrapper .nav .menu li a {
  font-size: 0.75rem;
}

.slide.one h2, .slide.two h2, .slide.three h2, .slide.four h2, .slide.five h2, .slide.six h2 {
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
}

  /* FOOTER SLIDE */
  #footerSlide {
    height: 32px;
  }
/* Les headers */
header.who, header.process, header.project,header.management, header.biography, header.team, header.corporate {
  height: 390px;
}
/* Who */

#stickerWho {
  width: min(50vw, 65px);
}
#headerTextWho p {
  font-size: 2rem;
}
/* Process */
#processSticker {
  width: min(50vw, 65px);
}
#header-text h1 {
  font-weight: bold;
  padding: 0px;
  font-size: 2rem;
}
/* Biography */
#director {
  height: 590px;
}
/* Project Enabling */ 
#projectSticker {
  margin-top: 9%;
  margin-left: 20%;
  width: min(50vw, 133px);
}
/* Management */ 
#managementSticker {
  width: min(50vw, 65px);
}
#managementHeader-text h1 {
  font-weight: bold;
  padding: 0px;
  font-size: 2rem;
}
/* =====  Lets Talk finance ==== */
/* LETS TALK FINANCE */
.bodyTalkFinance {
  width: 97%;
}
#talkFinanceSticker {
  width: min(50vw, 65px);
}
#talkFinanceHeader-text p {
  font-size: 2rem;
}
header.talkFinance {
  height: 390px;
}
#talkFinance-txt {
  font-size: 1.5rem;
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 55px 100px 55px 100px;
}
#talkFinanceFundingTextNumero {
  display: flex;
  flex-wrap:nowrap;
  justify-content: space-between;
  flex-direction: row;
  /* height: 260px; */
  background-color: #224b55;
}

#availableColone3 {
 padding-left: 0px;
}
#avalaibleFunding {
height:1080px ;
}
#avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
  display: flex;
  height: 40%;
}
#talkFinanceFunding {
height: 1115px;
background-color: #224b55;
}
#talkFinanceFundingTextNumero {
    height: 335px
}
#talkFinanceFundingTextNumero2 {
  height: 310px;
}
.financeColone1 #case8 img {
  position: relative;
  margin-top: -160px;
}
/* BIOGRAPHY */
#biographySticker {
  width: min(50vw, 65px);
}
#biographyHeader-text h1 {
font-style: 2rem;
}
#chairman, #sectionChiefFinancial  {
  height: 600px;
}
#chiefOperatingBlock {
  padding-bottom: 0px;
}
/* Track record*/ 
#teamSticker {
  opacity: 90%;
  width: min(50vw, 65px);
  margin: 70px 0 0 70px;
}
#header-text p {
  font-size: 2rem;
}
.col {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 8% 0;
}
.carte svg {
  margin-left: 0%;
}
/* Corporate*/
#stickerCorporate{
  height:initial;
  margin-top: 5%;
  margin-left: 5%;
  opacity: 25%;
  margin-bottom: 1%;
  width: min(50vw, 65px);
}
#headerTextCorporate p:nth-child(2) {
  font-size: 2rem;
}
#corporateImgTxt {
  height: 355px;
}
#collateralSvgBas img {
  margin-left: 910px;
}
#collateralTxt {
  padding-right: 150px;
  padding-left: 130px;
}
#corporateTxt {
  height: 100%;
  width: 50%;
  padding-right: 135px;
  padding-left: 50px;
}
#ourKeyTxt {
  padding-left: 150px;
}
#svgHaut img {
  margin-left: 35px;
}
.contactDisclamer {
  width: 89%;
}
}

/* ========== S23 max: 1080 (1080px - 2380px) ========== */

@media (max-width: 1090px) {
  nav {
    align-items: initial;
  }
  #logo {
    padding-top: 15px;
  }
  .wrapper .nav .menu li a {
    font-size: 2rem;
  }
 .bodyTalkFinance .nav .menu li a {
    font-size: 1rem;
  }
  .SecondMenu {
    font-size: 1.5em;
  }
  /* SLIDE */
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 43%;
  }
 .sticker {
  margin-top: 19%;
  margin-left: 6%;
  width: min(50vw, 200px);
}
#sticker4 {
  margin-top: 19%;
}
  /* text SLIDE */

  #text-titre1,
  #text-titre2,
  #text-titre3,
  #text-titre3,
  #text-titre4,
  #text-titre5,
  #text-titre6 {
    font-size: 2em;
  }
  .slide.one p,
  .slide.two p,
  .slide.three p,
  .slide.four p,
  .slide.five p,
  .slide.six p {
    font-size: 2em;
  }
  .slide.one h2,
  .slide.two h2,
  .slide.three h2,
  .slide.four h2,
  .slide.five h2,
  .slide.six h2 {
    font-size: 2em;
  }
  .container {
    line-height: 50px;
  }
  .container2 {
    line-height: 48px;
  }
  .container3 {
    line-height: 54px;
  }
  .container4 {
    line-height: 55px;
  }
  .container5 {
    margin-top: 2%;
    margin-left: 7%;
    line-height: 50px;
  }
  .container6 {
    line-height: 61px;
  }
  #footer_container_2, #footer_container_3 {
    font-size: 75%;
  }  

  /* Process */ 

  header.process {
    background-size: contain;
    background-position: bottom;
    height: 17vh;
    width: auto;
  }
  /* Team track record */

  .team .langue {
    top:4%;
    right: -75px;
  }
  header.team #logo {
    padding-top: 60px;
  }

  header.team {
    background-size: contain;
    background-position: bottom;
    height: 18vh;
    width: auto;
  }
  #header-text h1 {
    font-size:1.9rem;
  }
  #header-text p {
    font-size: 1.9rem;
  }

  #teamSticker {
    width: min(50vw, 100px);
    margin: 60px 0 0 70px;
  }
  .carte {
    height: 25vh;
  }
  .carte svg {
    margin-left: 10%;
  }
  .col .sticker p {
    font-size: 70%;
  }
/* WHO ARE */
.who #logo {
padding-top: 40px;
}
header.who {
height: 404px;
background-size: contain;
}
#stickerWho {
width:min(50vw, 55px);
margin-top: 1%;
}
#headerTextWho p {
font-size: 1.2rem;
}
#whoContainer1,
#whoContainer2,
#whoContainer3 {
height: 83px;
}
#whoContainer2 {
width: 8%;
}
#whoContainer2::before {
border-right: solid 80px transparent;
border-bottom: solid 80px var(--color-blue);
}
#whoContainer3::before {
border-right: solid 80px transparent;
border-bottom: solid 80px #68655d;
}
#whoText p:nth-child(2),
#whoText p:nth-child(3),
#whoText p:nth-child(4) {
width: 365px;
}
.whoH1 {
font-size: 1.2rem;
}
#whoTitre {
padding-bottom: 85px;
}
#whoContent {
margin-top: -70px;
}
#whoText2 {
width: 435px;
}
#whoChap1,
#whoChap2 {
height: 410px;
}
#chap2 {
height: 360px;
}
#whoTwooChap2 {
background-color: #e6e6e6;
}
#tetes img {
height: 550px;
}
.whoTree {
  padding-left: 450px;
}
  /* ===== Program management ===== */
  header.management {
    background-size: contain;
    height: 17vh;
    width: auto;
    background-position: bottom;
  }
  #deliveryText {
    font-size: 1.8rem;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 0px;
  }
  #deliveryBloc img {
    height: 240px;
    padding-right: 2px;
    width: auto;
}

  /* Corporate */

  header.corporate {
    background-size: contain;
    height: 18vh;
    width: auto;
    background-position: bottom;
  }
  .corporate #nav1 {
    background-color: var(--color-blue);
}
  #stickerCorporate {
    margin-left: 3%;
    height: 100px;
    width: 100px;
  }
  #headerTextCorporate p:nth-child(2) {
    padding-top: 25px;
    margin-left: 3%;
  }
  #headerTextCorporate p:nth-child(3) {
    margin-left: 3%;
  }
  #corporateImg img {
    margin-left: -110px;
  }
  #corporateTxt {
    padding-right: 45px;
  }
  #corporateTxt p:nth-child(1) {
    margin-left: -50px;
  }
  #ourKeyImg {
    padding-left: 100px;
  }
  #ourKeyTxt {
    padding-left: 25px;
  }
  #ourKeyTxt p:nth-child(1) {
    margin-left: 260px;
  }
  #collateralImg img {
    width: 320px;
}
  #collateralTxt {
    padding-right: 40px;
    padding-left: 60px;
  }
  #collateralTxt :not(:nth-child(1)) {
    margin-left: 10px;
  }
  #collateralTxt p:nth-child(1) {
    margin-left: -50px;
}
  #collateralSvgBas img {
    margin-left: 775px;
  }
  .corporateGovernance footer#footer2 p {
    margin-left: 10%;
    font-size: 1rem;
  }

  /* project */
  header.project {
    background-size: contain;
    height: 17vh;
    width: auto;
    background-position: bottom;
  }
  #projectHeader-text {
    margin-left: 1%;
  }

  #projectSticker {
    width: min(30vw, 100px);
    margin-top: 7%;
  }
  #projectHeader-text  {
   padding : 10px 30px
  }
  #projectHeader-text p {
    font-size: 2rem;
  }
  #schedule {
    padding: 60px 0;
}
/* Biography */
#biography_title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 230px;
}
#biography_title h1 {
  font-size: 6rem;
  color: var(--color-blue);
}
#wheelOne img {
 height: 230px;
}
#wheelTwoo img, #wheelFour img {
  margin-right: 125px;
  margin-left: 7%;
  height: 230px;
  width: auto;
}
#wheelthree img {
  margin-left: 20%;
  height: 230px;
  width: auto;
}
#chairman {
  height: 750px;
}
#chairmanTitre {
  display: flex;
  align-items: center;
  background-color: var(--color-or);
  height: 70px;
  width: 635px;
}
#sectionChiefFinancial {
  height: 700px;
}
#chiefFiancialText p {
  margin-left: 50px;
  padding-top: 30px;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 4px;
  color: var(--color-blue);
}
#chiefFinancialTitle p {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #32a2ba;
  color: white;
  height: 70px;
  width: 665px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2rem;
  margin-left: 50px;
}
#chiefOperating {
  height: 500px;
}
#director {
  height: 700px;
}
/* LETS TALK FINANCE */
#sectionTalkFinance3 {
  height: 260px;
  }
  #case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
  height: 55px;
  }
  #case1 img {
    margin-left: 18px;
}
  #talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 
  {
    flex-wrap: nowrap;
  }
  #talkFinanceFundingTitre, #availableFundingTitre  {
    font-size: 2rem;
}
  .financeColone1, #financeColone2, #financeColone3 {
  width: 168%;
  }
  .financeColone1 {
  margin-bottom: -135px;
  }
  #talkFinanceFundingTextNumero {
  height: 320px;
  }
  #talkFinanceFundingTextNumero2 {
  height: 230px;
  }
  #talkFinanceFundingTextNumero3 {
  height: 800px;
  }
  #texte-case3a {
  padding-top: 6.5%;
  }

  #case1a, #case2a, #case3a, #case4a, #case5a, #case6a, #case7a {
    width: 100%;
    padding-right: 15px;
  }
  #texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
    margin-left: -25px;
}
#case4a p, #case6a p {
  font-size: 1.5rem;
  color: #fff;
  padding-left: 35px;
}
#texte-case6a p {
  border-left: 3px #ffa650 solid;
  margin-left: 50px;
}
#texte-case7a {
  margin-left: 0px;
}
  #case4, #case6 {
  margin-left: 13px;
  }
  #case5, #case7 {
  margin-left: 13px;
  }
  .financeColone1 #case8 img {
    position: relative;
    margin-top: 0px;
    margin-left: 40px;
}
  /* ----------------- */
  
  #availableFundingTextNumero {
  display: flex;
  flex-direction: row;
  height: 550px;
  background-color: #fff;
  padding: 50px 50px 10px 0px;
  }
  #availableColone3 {
  width: 50%;
  }
  #availableColone2 {
  width: 50%;
  }
  #availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
  width: auto;
  }
  #avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
  height: 55px;
  }
  #ligneOr {
  border-bottom: 0px solid var(--color-or);
  }
  #avalaibleLigne1, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
  display: flex;
  height:34%;
  margin-top: 17px;
  margin-left: 10px;
  }
  #availableColone2 #case8 img {
    position: relative;
    height: 67%;
    width: 100%;
    right: -10px;
    top: 175px;
}
  #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
    height: 50%;
  }
  #availableCase1a p, #availableCase2a p, #availableCase3a p, #availableCase4a p {
    font-size: 1.3rem;
  }
  #talkFinanceLigneGrise {
    height: 20px;
    background-color: #eceae6;
    margin-top: 55px;
  }
  #availableFundingTitre {
  margin-top: 0px;
  }
  
  #availableCase5a p {
    width: 275px;
    font-size: 1.3rem;
  }
  #avalaibleLigne2 {
    padding: 37px 0px 0px 10px;
  }
  #avalaibleLigne5 {
    margin-top: 90px;
    margin-left: 0;
  }
  header.talkFinance {
    background-size: contain;
    background-position: bottom;
    height: 340px;
    } 
  .bodyTalkFinance {
    width:100%;
  }
  #talkFinanceSticker {
    margin-left: -2%;
    width: min(20vw, 75px);
    margin-top: 0%;
    } 
  .talkFinance #logo {
    padding-top: 50px;
  }
  header.talkFinance .nav1 {
  justify-content: flex-start;
  }
  header.talkFinance #nav1 {
    font-size: 100%;
  }

  .containertalkFinanceFunding {
    display: flex;
    flex-direction: column;
    padding: 0px;
  }
  
  #sectionTalkFinance1 {
    height: 45px;
    font-size: 40px;
  }
  #sectionTalkFinance2:before {
    height: 50px;
  }
  #talkFinanceFunding {
    height: 1000px;
  }
  #sectionTalkFinance3 pre {
    font-size: 2rem;
  }
  #talkFinance-txt {
    padding-top: 1%;
    font-size: 1.4rem;
  }
  #talkFinanceBarre-blanche {
    height: 0px;
  }
  .financeColone1 #case8 video {
    margin-top: 50px;
    margin-left: 15px; 
  }
  #availableColone1 {
    padding-left: 50px;
    width: 33%;
  }
  #availableColone2et3 {
    display: flex;
    width: 66%;
}
  #availableColone2 #case8 video {
    height: 50%;
    width: auto;
    top: 685px;
    right: -30px;
  }
  #availableColone3 {
    padding-left: 50px;
  }
  #avalaibleFunding {
    height: 960px;
  }
  #footer2_container_2 {
    width: 55%;
  }
  .contactDisclamer {
    width: 107%;
}
}

/* ===================== Ipad pro ============= */

@media (max-width: 1024px) {
  nav {
    align-items: initial;
  }
  .talkFinance #logo {
    padding-top: 14px;
  }
  .nav .menu li a {
    font-size: 1.2rem;
  }
  .SecondMenu {
    font-size: 1.5em;
  }
    /* FOOTER SLIDE */
    #footerSlide {
      height: 40px;
    }
  /* SLIDE */
  .wrapper {
    overflow: visible;
  }
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 43%;
  }

  .sticker {
    margin-top: 5%;
    margin-left: 6%;
    width: min(50vw, 200px);
}
#sticker4 {
  margin-top: 10%;
}
  /* text SLIDE */

  #text-titre1,
  #text-titre2,
  #text-titre3,
  #text-titre3,
  #text-titre4,
  #text-titre5,
  #text-titre6 {
    font-size: 2em;
  }
  .slide.one p,
  .slide.two p,
  .slide.three p,
  .slide.four p,
  .slide.five p,
  .slide.six p {
    font-size: 2em;
  }
  .slide.one h2,
  .slide.two h2,
  .slide.three h2,
  .slide.four h2,
  .slide.five h2,
  .slide.six h2 {
    font-size: 2em;
  }
  .container {
    line-height: 50px;
  }
  .container2 {
    line-height: 48px;
  }
  .container3 {
    line-height: 54px;
  }
  .container4 {
    line-height: 55px;
  }
  .container5 {
    margin-top: 2%;
    margin-left: 7%;
    line-height: 50px;
  }
  .container6 {
    line-height: 61px;
  }
  #footer_container_2, #footer_container_3 {
    font-size: 75%;
  }  

  /* Process */ 

  header.process {
    background-size: contain;
    background-position: bottom;
    height: 39vh;
    width: auto;
  }
  /* Team track record */

  .team .langue {
    top:4%;
    right: -75px;
  }
  header.team #logo {
    padding-top: 14px;
  }

  header.team {
    background-size: contain;
    background-position: bottom;
    height: 40vh;
    width: auto;
  }
  #header-text h1 {
    font-size:1.9rem;
  }
  #header-text p {
    margin-left: 7%;
    padding-top: 5px;
    font-size: 1.9rem;
  }

  #teamSticker {
    width: min(50vw, 65px);
    margin: 60px 0 0 70px;
  }
  .carte {
    height: 40vh;
  }
  .carte svg {
    margin-left: 10%;
  }
  .col .sticker p {
    font-size: 70%;
  }
  .carte svg {
    margin-left: 0%;
  }
/* WHO ARE */
.who #logo {
padding-top: 14px;
}
header.who {
  height: 39vh;
  background-size: contain;
  background-position: bottom;
}
#stickerWho {
  margin-top: 5%;
  margin-left: 5%;
  margin-bottom: 1%;
  opacity: 25%;
  width: min(50vw, 65px);
}
#headerTextWho p {
font-size: 1.9rem;
}
#whoContainer1,
#whoContainer2,
#whoContainer3 {
height: 81px;
}
#whoContainer2 {
width: 8%;
}
#whoContainer2::before {
border-right: solid 80px transparent;
border-bottom: solid 80px var(--color-blue);
}
#whoContainer3::before {
border-right: solid 80px transparent;
border-bottom: solid 80px #68655d;
}
#whoText p:nth-child(2),
#whoText p:nth-child(3),
#whoText p:nth-child(4),
#whoText p:nth-child(5)
{
width: 365px;
}

.whoH1 {
font-size: 1.2rem;
}
#whoTitre {
padding-bottom: 35px;
}
#whoContent {
margin-top: -70px;
}
#whoText2 {
width: 435px;
}
#whoChap1,
#whoChap2 {
height: 410px;
}
#chap2 {
height: 360px;
}
#whoTwooChap2 {
background-color: #e6e6e6;
}
#tetes img {
height: 550px;
}
  /* ===== Program management ===== */
  header.management {
    background-size: contain;
    height: 39vh;
    width: auto;
    background-position: bottom;
  }
  #deliveryText {
    font-size: 1.8rem;
  }
  #deliveryText {
    margin-top: 13px;
    padding-top: 5px;
    font-size: 1.6rem;
}
  #deliveryText p:nth-child(1) {
    padding-left: 330px;
  }

  /* Corporate */

  header.corporate {
    background-size: contain;
    height: 39vh;
    width: auto;
    background-position: bottom;
  }
  .corporate #nav1 {
    background-color: var(--color-blue);
}
  #stickerCorporate {
    margin-left: 3%;
    height: 100px;
    width: 100px;
  }
  #headerTextCorporate p:nth-child(2) {
    padding-top: 0px;
    margin-left: 6%;
  }
  #headerTextCorporate p:nth-child(3) {
    margin-left: 3%;
  }
  #corporateImg img {
    margin-left: -110px;
  }
  #corporateTxt {
    padding-right: 45px;
  }
  #corporateTxt p:nth-child(1) {
    margin-left: -100px;
  }
  #corporateTxt :not(:nth-child(1)) {
    margin-left: 20px;
}
  #ourKeyImg {
    padding-left: 100px;
  }
  #ourKeyTxt {
    padding-left: 25px;
  }
  #ourKeyTxt p:nth-child(1) {
    margin-left: 300px;
  }
  #collateralImg {
   padding-left: 13%;
}

  #collateralImgTxt {
    height: 400px;
}

  #collateralImg img {
    width: 360px;
}
  #collateralTxt {
    padding: 0px 60px 0px 40px;
  }
  #collateralTxt :not(:nth-child(1)) {
    margin-left: 40px;
  }
  #collateralSvgBas img {
    margin-left: 775px;
  }
  .corporateGovernance footer#footer2 p {
    margin-left: 10%;
    font-size: 1rem;
  }

#collateralTxt p:nth-child(1) {
  margin-left: -70px;
}

#deliveryBloc img {
  height: 240px;
  padding-right: 20px;
  width: auto;
}
  /* project */
  header.project {
    background-size: contain;
    height: 38vh;
    width: auto;
    background-position: bottom;
  }
  #projectHeader-text {
    margin-left: 1%;
  }
  #projectCoop::after {
    height: 99px;
    margin-top: -35px;
}
  #projectSticker {
    width: min(30vw, 100px);
    margin-top: 20%;
  }
  #projectHeader-text  {
   padding : 10px 30px
  }
  #projectHeader-text p {
    font-size: 2rem;
  }
  #schedule {
    padding: 6px 0 5px 0;
}
/* Biography */
header.biography {
  height: 455px;
}
#biography_title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
}
#biography_title h1 {
  font-size: 5rem;
  color: var(--color-blue);
}
#chairman {
  height: 750px;
}
#sectionChiefFinancial {
  height: 700px;
}
#chiefOperatingTitre {
margin-left: 0px;
}
#chiefOperatingText p {
padding-left: 0px;
}
#wheelOne img {
  margin-left: 20%;
}
#chiefFiancialText p {
  margin-left: 130px;}
#chiefFinancialTitle p {
  margin-left: 130px;
}
/* =====  Lets Talk finance ==== */
/* LETS TALK FINANCE */
header.talkFinance #nav1 {
  font-size: 1.2rem;
}
#talkFinanceSticker {
  width: min(50vw, 65px);
  margin-top: 5%;
}
header.talkFinance {
  height: 34vh;
}
#sectionTalkFinance1 {
  height: 60px;
  font-size: 3rem;
}
#talkFinance-txt {
  font-size: 130%;
}
#talkFinanceHeader-text p {
  font-size: 1.9rem;
}
#talkFinanceFundingTextNumero {
  display: flex;
  flex-wrap:nowrap;
  justify-content: space-between;
  flex-direction: row;
  /* height: 260px; */
  background-color: #224b55;
}
#availableColone2 {
  padding-left: 45px;
  width: 50%;
}
#availableFundingTextNumero {
  height: 725px;
  padding: 50px 50px 10px 10px;
}
#avalaibleLigne1, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
  height: 20%;
}
#availableColone3 {
  padding-left: 0px;
  height: 20%;
}
#availableColone2 #case8 img {
  position: relative;
  height: 40%;
  width: 100%;
  right: 10px;
  top: 235px;
}
#talkFinanceLigneGrise {
  margin-top: 0px;
}
#case1a p {
  padding-left: 25px;
}
#availableTexte-case4a p {
  margin-left: 10px;
}
#case4a p {
  padding-left: 35px;
}
#availableColone3 {
 padding-left: 0px;
}
#avalaibleFunding {
height:1050px ;
}
#avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
  display: flex;
  height: 40%;
}
#avalaibleLigne5 {
  margin-top: 115px;
  margin-left: 0;
}
#talkFinanceFunding {
height: 1115px;
background-color: #224b55;
}
#talkFinanceFundingTextNumero {
    height: 335px
}
#talkFinanceFundingTextNumero2 {
  height: 245px;
}
/* BIOGRAPHY */ 
#biographyHeader-text h1 {
  font-style: 1.9rem;
}
/* CORPORATE */
#stickerCorporate {
    height: initial;
  margin-top: 6%;
  margin-left: 6%;
  width: min(50vw, 65px);
}
/* CONTACT */
#contactTitreh3{
  font-size: 1.6rem;
}
.contactDisclamer {
  width: 100%;
  text-align: center;
}
}

/* ============== Surface Pro 7 =============== */

@media (max-width:912px) {

  .wrapper .nav .menu li a {
    font-size: 1.8rem;
  }

  /* ====== Project enabling ====== */

#projectSticker {
  width: min(30vw, 90px);
  margin-top: 19%;
}
#schedule {
  padding: 60px 0 0 0;
}
#budget::after {
  height: 53px;
}
#planText {
  width: 515px;
}
  /* ======who we are ========*/
header.who {
  background-size: contain;
  height: 36vh;
  width: auto;
  background-position: bottom;
}
#tetes img {
  height: 515px;
}
#whoText p:nth-child(2), #whoText p:nth-child(3), #whoText p:nth-child(4), #whoText p:nth-child(5) {
  width: 315px;
}
#whoChap1, #whoChap2 {
  height: 560px;
}
#stickerWho {
  width: min(50vw, 55px);
  margin-top: 8%;
}
#stickerWho {
  width: min(50vw, 65px);
  margin-top: 7%;
}
.whoH1 {
  font-size: 1.8rem;
}

#headerTextWho p {
  font-size: 1.9rem;
}
#whoContent {
  margin-top: -15px;
}
#chap2 {
  height: 200px;
}
#whoTwooChap1 {
    width: 99%;
    background-color: #e6e6e6;
}
#whoText2 {
  width: 85%;
}
#whoTwooChap2 {
  width: 1%;
}
.whoTree {
  z-index: 500;
  padding: 200px 0 50px 0;
  text-align: center;
  background-color: #e6e6e6;
}
/* ==== process ==== */
header.process {
  height: 36vh;
}
/* ==== project ==== */
header.project {
  height: 35vh;
}
#projectHeader-text p {
    font-size: 1.8rem;
}
/* === management === */
header.management {
  height: 36vh;
}

/* ==== Biography ==== */
header.biography {
  background-size: contain;
  height: 36vh;
  width: 100vw;
  background-position: bottom;
}
#chairmanBlock {
padding-right: 0px; 
padding-left: 40px;
}
#chairman {
  height: 800px;
}
#chairmanTitre {
  width: 420px;
}
#chairmanText p {
  width: 580px;
  padding-right: 85px;
}
#wheelOne img {
margin-left: 3%;
padding-left: 0%; 
height: 230px;
width:auto;
}
#wheelTwoo img {
  margin-right: 100px
}
#chiefOperatingBlock {
  padding-right: 100px;
}
#chiefFinancialTitle p {
  width: 420px;
}
#chiefFiancialText p {
  width: auto;
  margin-left: 65px;
}
#chiefOperating {
  padding-left: 0px;
  padding-right: 50px;
  height: 560px;
}
#chiefOperatingTitre {
  width: 420px;
}
#wheelTwoo img {
  margin-left: 5%;
}
#wheelFour img {
  margin-left: -35%;
}
#chiefFinancialTitle p {
margin-left: 65px;
}
#wheelthree img {
  margin-left: 15%;
}
#directorTitle p {
  width: 420px;
}
#directorText p {
  margin-left: 60px;
  width: 625px;
  padding-right: 100px;
}
#directorTitle p {
  margin-left: 60px;
}
#wheelFour img {
margin-right: 0px; 
}
/* === team === */
header.team {
  height: 36vh;
}
#teamSticker {
  width: min(50vw, 65px);
  margin: 52px 0 0 52px;
}
#header-text p {
  font-size: 1.6rem;
}
.carte svg {
  margin-left: 0%;
}
.col {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 3% 0;
}
/* === Corporate === */
header.corporate {
  height: 36vh;
}
#ourKeyImgTxt {
  height: 370px;
}
#headerTextCorporate p:nth-child(2) {
  font-size: 2rem;
}
#corporateImgTxt {
  height: 400px;
}
#collateralSvgBas img {
  margin-left: 680px;
}
#collateralImgTxt {
  height: 500px;
}
#collateralTxt {
  padding: 0px 60px 0px 90px;
}
#corporateTxt :not(:nth-child(1)) {
  margin-left: 50px;
}
#corporateTxt p:nth-child(1) {
  margin-left: -90px;
}
#collateralTxt p:nth-child(1) {
  margin-left: -90px;
}
#ourKeyTxt p:nth-child(1) {
  margin-left: 245px;
}
/* =====  Lets Talk finance ==== */
.bodyTalkFinance {
  width:100%;
}
.talkFinance #logo {
  padding-top: 15px;
}
.nav .menu li a {
  font-size: 1rem;
}
header.talkFinance .nav1 {
justify-content: flex-start;
}
header.talkFinance #nav1 {
  font-size: 100%;
}
header.talkFinance {
  height: 32vh;
}
#texte-case1a {
  margin-left: 5px;
}
#talkFinance-txt {
  padding-top: 1%;
  font-size: 1rem;
}
#talkFinanceFundingTextNumero {
  height: 380px;
}
#talkFinanceFunding {
  height: 1165px;
}
#sectionTalkFinance1 {
  font-size: 40px;
}
.financeColone1 #case8 video {
  margin-top: 25px;
  margin-left: 15px; 
}
#availableColone1 {
  width: 33%;
  padding-left: 0px;
}
#availableFundingTextNumero {
  height: 670px;
  padding: 5px 50px 5px 30px;
}

#availableColone2 #case8 video {
  height: 46%;
  width: auto;
  top: 685px;
}
#availableColone2 #case8 img {
  height: 34%;
  width: 100%;
  right: 10px;
}
#availableCase5a p {
  font-size: 1.3rem;
}

/* Contact */ 
#contactTitreh3 {
  font-size: 1.5rem;
}
#avalaibleLigne2{
    padding: 55px 0px 0px 10px;
}
#avalaibleLigne5 {
  margin-top: 145px;
}
#availableCase5a p {
  width: 250px;
  font-size: 1.3rem;
}
}

/* ==============Ipad Pro 10.5" =============== */
@media (max-width:834px) {

#nav1 {
  font-size: 90%;
}

.wrapper .nav .menu li a {
  font-size: 1.7rem;
}

/* Who we are */
header.who {
  height: 38vh;
}
#tetes img {
  height: 455px;
}
#whoChap1 {
  padding-left: 2%;
}
#stickerWho {
  margin-top: 3%;
}
#whoTwooChap1 {
  width: 100%;
}
#chap2 {
  height: 190px;
}
#whoText2 {
  width: 790px;
}
header.process {
  height: 38vh;
}
header.management {
  height: 38vh;
}
header.project {
  height: 38vh;
}
#projectHeader-text {
  padding: 50px 30px;
  margin-left: -1%;
}
/* Management */ 
#programMasterText {
  padding-left: 10px;
}
#deliveryText {
  font-size: 1.4rem;
}
#deliveryBloc img {
  height: 240px;
  padding-right: 20px;
  width: auto;
}
/* === Biograpgy === */
header.biography {
  height: 38vh;
}
.biography .nav .menu li a {
  font-size: 0.91rem;
}
#chairman {
  height: 970px;
}
#chairmanText p {
  width: 580px;
  padding-right: 170px;
}
#chairmanTitre {
  width: 405px;
}
#chairmanBlock{
  padding-left: 38px;
}
#wheelOne img {
  margin-left: 8%;
}
#wheelTwoo img {
  padding-left: 0;
  margin-left: 8%;
}
#wheelthree img {
  height: 235px;
}
#sectionChiefFinancial {
  height: 850px;
}
#chiefFinancialTitle p {
  width: 435px;
}
#sectionChiefOperating:before {
  height: 70px;
}
#chiefOperating {
  height: 675px;
}
#chiefOperatingTitre {
  margin-left: 0;
  width: 360px;
}
#chiefOperatingText p {
  padding-right: 5px;
}
#director {
  height: 850px;
}
#directorTitle p {
  margin-left: 100px;
  width: 425px;
}
#directorText p {
  margin-left: 100px;
  width: 530px;
  padding-right: 100px;
}
/* === Team === */
header.team {
  height: 38vh;
}
#header-text p {
  font-size: 1.5rem;
}
.carte svg {
  margin-left: 0%;
}
.col {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 7% 0;
}
/* === corporate === */
header.corporate {
  height: 38vh;
}
#corporateImgTxt {
  height: 400px;
}
#corporateImg img {
  width: 385px;
}
#corporateTxt {
  padding-right: 45px;
}
#svgBas img {
  margin-top: -45px;
}
#ourKeyTxt p:nth-child(1) {
  margin-left: 200px;
}
#ourKeyImg img {
  width: 285px;
}
#collateralImg img {
  width: 256px;
}
#corporateTxt :not(:nth-child(1)) {
  margin-left: 20px;
}
#collateralImgTxt {
  height: 440px;
}
#collateralTxt {
  padding: 0px 60px 0px 7px;
}
#collateralSvgBas img {
  margin-left: 620px;
}
/* =====  Lets Talk finance ==== */
.bodyTalkFinance {
  width:100%
}
.nav .menu li a {
  font-size: 1rem;
}
.talkFinance #logo {
  padding-top: 50px;
}
header.talkFinance .nav1 {
justify-content: flex-start;
}
header.talkFinance #nav1 {
  font-size: 100%;
}
header.talkFinance {
  height: 37vh;
}
#talkFinanceFundingTextNumero3 {
  height: 0px;
}
#talkFinanceFundingTextNumero {
  height: 410px;
}
#talkFinance-txt {
  padding-top: 1%;
  font-size: 1rem;
}
.financeColone1 {
  margin-bottom: 0px;
}
#availableColone1 {
  width: 33.33%;
}
#talkFinanceFunding {
  height: 1260px;
}
#availableColone2et3 {
  display: flex;
}
 #avalaibleLigne2, #avalaibleLigne5 {
  display: flex;
  height: 60%;
}
#avalaibleLigne2  {
  padding: 115px 0px 0px 10px;
}
#avalaibleFunding {
  height: 1160px;
}
#avalaibleLigne5 {
  margin-top: 190px;
}
#availableCase5a p {
 width:100%;
}
#availableColone2 #case8 img {
  height: 30%;
}
#availableColone2 #case8 img {
  top: 290px;
}
/* Track record*/ 
#titre_team {
  font-size: 100%;
}
#teamspan1 span {
  font-size: 20px;
}
#teamspan2 span {
  font-size: 20px;
}
/* Contact */
#contactTitreh3 {
  font-size: 1.4rem;
}
}

/* ==============Ipad air - Ipad Mini, Ipad Pro 9" =============== */
@media (max-width:820px) {
  body.process {
    width: 100%;
  }
  
  .nav .menu li a {
    font-size: 1rem;
  }
  #titreMenu1,
  #titreMenu2,
  #titreMenu3,
  #titreMenu4,
  #titreMenu5,
  #titreMenu6 {
    font-size: 1em;
  }
  .menu1 {
    font-size: 20px;
  }
  #logo {
    position: relative;
    padding-top: 20px;
  }
  .process.nav {
    justify-content: center;
    font-size: 16px;
    height: 95px;
  }
  .langue {
    width: 210px;
    right: 10px;
  }
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 43%;
  }
  .slide.one #text-titre1,
  .slide.two #text-titre2,
  .slide.three #text-titre3,
  .slide.four #text-titre4,
  .slide.five #text-titre5,
  .slide.six #text-titre6 {
    font-size: 25px;
  }
  #footer a {
    font-size: 0.95rem;
}
  .container {
    line-height: 45px;
  }

  .container6 {
    margin-left: 9%;
    margin-top: 4%;
    letter-spacing: 4px;
  }

/* === Process === */

header.process {
background-size: contain;
height:39vh;
background-position: bottom;
}
#processSticker {
width: min(50vw, 80px);
}
/* ===== Team track record ===== */
.team .langue {
top:2%;
right:-75px
}
header.team #logo {
padding-top: 20px;
}
header.team {
background-size: contain;
background-position: bottom;
height: 39vh;
width: auto;
}
#header-text h1 {
font-size:1.6rem;
}
#header-text p {
font-size: 1.4rem;
}
#teamSticker {
width: min(50vw, 80px);
margin: 50px 0 0 50px;
}
.carte {
height: 40vh;
}
.carte svg {
margin-left: 0%;
}

/* ====== Project enabling ====== */
header.project {
background-size: contain;
height: 39vh;
width: auto;
background-position: bottom;
}
#projectHeader-text {
margin-left: 1%;
}
#projectSticker {
width: min(30vw, 70px);
margin-top: 22%;
}
#projectHeader-text  {
padding : 10px 30px
}
#projectHeader-text p {
font-size: 1.6rem;
}
#cooperation {
  padding-top: 100px;
}
/* ===== WHO WE ARE ===== */
header.who nav {
height: 22px;
}
header.who {
background-size: contain;
background-position: bottom;
height: 39vh;
width: auto;
}
header.who #logo {
padding-top: 30px;
}
.who #logo {
padding-top: 40px;
}
#headerTextWho {
padding: 40px;
}
#chap1,
#chap2 {
flex-direction: column;
}
.whoOblique {
display: none;
}
#whoText p:nth-child(4),
#whoText p:nth-child(3),
#whoText p:nth-child(2) {
width: 200%;
}
.whoH1 {
font-size: 30px;
}
#headerTextWho p {
font-size: 25px;
}
#stickerWho {
width: 80px;
margin-top: 2%;
margin-left: 2%;
}
#whoChap1 {
height: 370px;
}
#whoChap2 {
height: 300px;
width: 100%;
}
#whoTwooChap1 {
padding-top: 90px;
width: 100%;
}
#whoText p:nth-child(2), #whoText p:nth-child(3), #whoText p:nth-child(4), #whoText p:nth-child(5) {
  width: 200%;
}
#chap2 {
  height: 380px;
}
#whoTwooChap2 {
display: none;
}
.whoTree {
padding-top: 355px;
}
#whoTree {
height: 50px;
margin-top: 145px;
padding-top: 255px;
}
#whoTitre {
padding-top: 10px;
font-size: 3rem;
}
#whoText {
padding-top: 5px;
font-size: 1.3rem;
}
#whoText2 {
width: 90%;
padding-top: 235px;
padding-left: 7%;
font-size: 1.3rem;
}
#tetes {
margin-left: 100px;
}
#tetes img {
height: 560px;
padding-left: 20px;
margin-top: 30px;
}
#textSurImage {
height: 50px;
font-size: 18px;
margin-top: -85px;
margin-left: 9px;
}
#whoButton {
font-size: 1rem;
}
footer#footer2  {
font-size: 0.9rem;
}
footer#footer2 p {
margin-left: 4%;
}
#footer_button {
margin-right: 25px;
width: 240px;
}
/* ===== Program management ===== */

header.management {
background-size: contain;
background-position: bottom;
height: 38vh;
width: auto;
}
#managementSticker {
margin-top: 4%;
width: min(50vw, 80px);
opacity: 25%;
}
#carteImg img {
padding-right: 10px;
}
#country,
#countryText,
#deliveryTitre,
#deliveryText {
padding-left: 10px;
}
#deliveryBloc img {
padding-right: 35px;
}
#deliveryText {
font-size: 1.8rem;
}
#deliveryText p {
padding-left: 0px;
}
#postDeliveryText {
padding-right: 5px;
}

/* ==== Corporate Governance =====*/

header.corporate {
  background-size: contain;
  background-position: bottom;
  height: 39vh;
  width: auto;
  }
  .corporate #nav1 {
    background-color: var(--color-blue);
}
#stickerCorporate {
  margin-top: 5%;
  margin-left: 5%;
  height: 80px;
  width: 80px;
}
#headerTextCorporate p:nth-child(2) , #headerTextCorporate p:nth-child(3){
font-size: 1.8rem;
margin-left: 5%;
}
#corporateImg img {
width: 320px;
margin-left: -80px;
}
#corporateTxt p:nth-child(1) {
margin-left: -105px;
}
#corporateTxt :not(:nth-child(1)) {
margin-left: 1px;
}
#collateralTxt p:nth-child(1) {
  margin-left: -65px;
}
#ourKeyTxt p:nth-child(1) {
  margin-left: 135px;
}
#ourKeyTxt p:nth-child(2), #ourKeyTxt p:nth-child(3), #ourKeyTxt p:nth-child(4) {
  padding-top: 17px;
  padding-right: 50px;
}
#svgBas img {
height: 50px;
}
#svgHaut img {
margin-top: -45px;
margin-left: 70px;
height: 50px;
width: auto;
}
#ourKeyImg img {
width: 320px;
}
#collateralImg img {
width: 290px;
margin-left: -30px;
}

#collateralSvgHaut img {
margin-top: -23px;
margin-left: 25px;
height: 50px;
}
#collateralSvgBas img {
height: 50px;
width: auto;
margin-top: -70px;
margin-left: 570px;
}
#corporateTxt {
padding-right: 65px;
}
#ourKeyTxt {
padding-left: 10px;
}
#ourKeyImg {
padding-left: 30px;
}
#collateralTxt {
  padding: 0px 60px 0px80px;
}
#collateralImgTxt {
  height: 440px;
}
/* =====  Lets Talk finance ==== */
.bodyTalkFinance {
  width:100%
}
#talkFinanceSticker {
  width: min(50vw, 78px);
  margin-top: 5%;
}
.talkFinance #logo {
  padding-top: 20px;
}
header.talkFinance #nav1 {
  font-size: 74%;
}
header.talkFinance {
  height: 35vh;
  width: auto;
}
#talkFinanceFunding {
  height: 1320px;
}
#sectionTalkFinance1 {
  font-size: 40px;
}
#talkFinanceFundingTextNumero {
  height: 470px;
}
#texte-case1a {
  margin-left: 9px;
}
.financeColone1 #case8 img {
  margin-top: 115px;
}

#availableColone2 {
  padding-left: 30px;
}

#sectionTalkFinance3 {
  width: 100%;
}
#avalaibleFunding {
  height: 1150px;
}
#avalaibleLigne2 {
  display: flex;
  height: 60%;
}
/* BIOGRAPHY */

header.biography {
background-size: contain;
background-position: bottom;
height: 38vh;
width: auto;
}
header.biography .nav#nav1 {
height: 23px;
opacity: 0px;
}
.langue {
top: 4%;
}
#biographySticker {
width: min(20vw, 80px);
}
#biographyHeader-text {
font-size: 1.2rem;
}  
#biography_title {
height: 65px;
}

#biography_title h1 {
font-size: 3rem;
}
/* -------------*/

#chairman {
height: 250px;
}
#chairmanText p {
font-size: 0.8rem;
font-weight:lighter; 
letter-spacing:normal; 
margin-left: -57px;
padding: 25px 25px 0 6px;
}

#chairmanBlock {
padding-left: 100px;
padding-right: 0px;
width: auto;
}

#chairmanTitre {
text-align: center;
width: 170px;
margin-left: -70px;
height: 25px;
}
#chairmanTitre p {
width: 180px;
font-weight: normal;
font-size: 0.7rem;
margin: 0 auto;
}
#wheelOne img {
padding-left: 7%;
height: 145px;

}
/*----------------------*/

#sectionChiefFinancial {
height: 260px;
}
#chiefFiancialText p {
margin-left: 55px;
padding-top: 30px;
font-size: 0.8rem;
font-weight: normal; 
letter-spacing: normal;
color: var(--color-blue);
}
#chiefFinancialTitle p {
margin-left: 30px;
font-size: 0.9rem;
font-weight: normal;
height: 25px;
width: 200px;
}
#wheelTwoo img {
padding-left: 01%;
height: 145px;
width: auto;
padding-right: 0px;
}
/*------------------------*/

#sectionChiefOperating:before {
height: 50px;
}
#chiefOperating {
height: 240px;
}
#chiefOperatingText p {
padding-top: 30px;
font-size: 0.8rem;
font-weight:lighter; 
letter-spacing:normal; 
margin-left: -150px;
}
#chiefOperatingBlock {
padding-left: 210px;
padding-right: 0px;
width: auto;
}
#chiefOperatingTitre {
text-align: center;
width: 170px;
margin-left: -170px;
height: 25px;
}
#chiefOperatingTitre p {
width: 180px;
font-weight: normal;
font-size: 0.7rem;
margin: 0 auto;
}
#wheelthree img {
padding-left: 7%;
height: 145px;
width: auto;
}
/* Director */

#director {
height: 260px;
}
#directorText p {
margin-left: 60px;
padding-right: 15px;
padding-top: 30px;
font-size: 0.8rem;
font-weight: normal; 
letter-spacing: normal;
color: var(--color-blue);
}
#directorTitle p {
margin-left: 35px;
font-size: 0.9rem;
font-weight: normal;
height: 25px;
width: 200px;
}
#wheelFour img {
padding-left: 01%;
height: 145px;
width: auto;
padding-right: 0px;
margin-left: 10%;
}
/* CONTACT */ 
#contactTitreh3 {
  font-size: 1.3rem;
}
}

/* ============ Ipad Mini ============*/
@media (max-width: 768px) {
  .nav .menu li a {
    font-size: 0.85rem;
  }
  
  .wrapper .nav .menu li a {
    font-size: 1.5rem;
  }
  #footer a {
    font-size: 0.9rem;
}
.sticker {
  margin-top: 2%;
}
/* === Who we are === */
header.who {
background-size: contain;
background-position: bottom;
height: 43vh;
width: auto;
}
#stickerWho {
width: min(50vw, 80px);
margin-left:6%;
margin-top: 2%;
}
#whoText {
padding-top: 20px;
}
#whoChap1 {
height: 380px;
}
#headerTextWho {
padding: 40px 0 0 0px;
}
/* === Our Process === */
header.process {
background-size: contain;
background-position: bottom;
height: 43vh;
width: auto;
}
#processSticker {
width: min(50vw, 80px);
}
#header-text h1 {
font-size: 1.4rem;
margin-left: 6%;
}
#header-text p {
font-size: 1.8rem;
margin-left: 6%;
}
#processSticker {
margin-left: 5%;
margin-top: 5%;
}
/* === Project Enabling === */
header.project {
  height: 45vh;
}
#projectHeader-text {
  padding: 10px 9px;
}
#projectCoop::after {
  margin-top: 2px;
}
#puzzle img {
  height: 208px;
  width: auto;
}
#planText {
  width: 354px;
}
#styloText {
  width: 420px;
}
/* ==== Management === */
header.management {
background-size: contain;
background-position: bottom;
height: 43vh;
width: auto;
}
#managementSticker {
margin-top: 5%;
width: min(50vw, 80px);
opacity: 25%;
}
#managementHeader-text h1 {
  font-size: 1.4rem;
}
#managementHeader-text {
  font-size: 1.4rem;
}
/* ==== Biography === */
header.biography {
background-size: contain;
background-position: bottom;
height: 42vh;
width: auto;
}
#chairmanText p {
  padding: 25px 60px 0 6px;
}
#biographySticker {
width: min(20vw, 80px);
}
#chiefFiancialText p {
  width: 515px;
  margin-left: 65px;
}
#chiefOperatingText p {
  margin-left: -160px;
}
#biographyHeader-text {
font-size: 1.4rem;
}
#wheelTwoo img {
  padding-left: 0;
  margin-left: 25px;  
  margin-right: 0;
}
/* ==== Team === */
header.team {
height: 44vh;
}
#teamSticker {
width: min(50vw, 80px);
margin: 40px 0 0 40px;
}
#header-text p {
  font-size: 1.4rem;
}
/* == Corporate === */ 
header.corporate {
background-size: contain;
background-position: bottom;
height: 43vh;
width: auto;
}
#stickerCorporate {
margin-left: 5%;
height: 80px;
width: 80px;
}
#headerTextCorporate p:nth-child(2) {
font-size: 1.4rem;
margin-left: 5%;
padding-top: 0%;
}
#corporateImgTxt {
  height: 420px;
}
#headerTextCorporate p:nth-child(3) {
font-size: 1.6rem;
margin-left: 5%;
}
#ourKeyTxt p:nth-child(1) {
  margin-left: 120px;
}
#collateralTxt p:nth-child(1) {
  margin-left: -50px;
}
#talkFinanceFunding {
  height: 1430px;
}
#collateralImgTxt {
  height: 500px;
}
#ourKeyTxt p:nth-child(2), #ourKeyTxt p:nth-child(3), #ourKeyTxt p:nth-child(4) {
  padding-top: 17px;
  padding-right: 35px;
}
#collateralSvgBas img {
  margin-left: 590px;
}
/* =====  Lets Talk finance ==== */
header.talkFinance {
  height: 39vh;
}
.bodyTalkFinance .nav .menu li a {
  font-size: 0.85rem;
}
#talkFinanceFundingTextNumero {
  height: 500px;
}
#talkFinanceHeader-text p {
  font-size: 1.4rem;
}
#avalaibleFunding {
  height: 1130px;
}
#sectionTalkFinance1 {
font-size: 35px;
}
.financeColone1 #case8 img {
  position: relative;
  margin-top: 60px;
  margin-left: 25px;
}
#texte-case4a {
  margin-left: -20px;
}
#texte-case6a {
  margin-left: -33px;
}

#availableColone2et3 {
  width: 85%;
}
#availableColone1 {
  width: 40%;
  padding-left: 0px;
}
#availableColone3 {
  width: 99%;
}
#availableTexte-case4a p {
  margin-left: 20px;
}
#availableCase5a p {
  width: 90%;
}
#availableColone2 #case8 img {
  height: 41%;
}
#availableFundingTextNumero {
  height: 365px;
  padding: 5px 0px 5px 30px;
}
#avalaibleLigne1 {
  margin-left: 20px;
}
#avalaibleLigne2 {
  margin-top: 120px ;
  margin-left: 20px;
  padding: 0px 0px 0px 0px;
}
#avalaibleLigne3 {
  margin-top: 65px ;
  margin-left: 20px;
}
#avalaibleLigne5 {
  margin-top: 165px;
  margin-left: 10px;
}
/* CONTACT */ 
.contactAdresse {
  text-align: center;
}
#contactTitreh3 {
  font-size: 1.2rem;
}

}

/* ================== MENU BURGER ================ */

@media (max-width: 767px) {
  nav ul .sousmenu a {
    display: block;
    background-color: initial;
  }
  nav {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  #nav1 {
    align-items: baseline;
    height: 0px;
  }

  .menuP {
    display: none;
  }
  header .icon {
    display: inline-block;
    padding-left: 15px;
  }
  #nav1.responsive ul.menu {
    display: flex;
    flex-direction: column;
    align-self: start;
    /* background-color: rgba(33, 61, 76, 0.3); */
  }
  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: 0px
  }
  #nav1.responsive ul.menu li a:first-child {
    margin-top: 5px;
    padding-top: 15px;
}
  #nav1.responsive ul.menu li:nth-child(2) {
    height: 150px;
  }
  #nav1.responsive ul.menu li:nth-child(3) {
    height: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
}
  #nav1.responsive ul.menu li:nth-child(4) {
    height: 120px;
  }
  #nav1.responsive .sousmenu {
    display: block;
  }
  #nav1.responsive .sousmenu a {
    height: 25px;
  }
  .nav .menu li {
    height: 85px;
    padding-top: 30px;
  }
  .nav .menu li a {
    text-align: left;
    padding-left:10px ;
  }

  header.team #logo {
    top: 0px;
  }
  header.team #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: 0px;
  }
  header.team #nav1 {
    opacity: 1;
}
.contact_container {
  flex-direction: column;
}
.arrows {
  display: none;
}
}

/* ================= Surface Duo ================= */

@media (max-width: 740px) {
  .wrapper .nav .menu li a {
    font-size: 0.9rem;
}
  .entete {
    height: 135px;
  }
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 43%;
  }
  .langue {
    left: 54%;
    top: 12%;
    transform: translate(-50%, -50%);
  }
  #logo {
    padding-top: 25px;
  }
  .bloc {
    width: 136%;
  }

  #footerVideo p {
    font-size: 0.8rem;
  }
  #footer a {
    font-size: 0.7rem;
}
  /* FOOTER SLIDE */
  #footerSlide {
    height: 25px;
    font-size: 0.8rem;
  }
  .container {
    margin-top: 2%;
    margin-left: 9%;
    line-height: 25px;
  }
  .container2 {
    margin-top: 2%;
    margin-left: 68%;
    line-height: 25px;
  }
  .container3 {
    line-height: 25px;
  }
  .container4 {
    margin-top: 2%;
    margin-left: 8%;
    line-height: 25px;
  }
  .container5 {
    margin-top: 2%;
    margin-left: 7%;
    line-height: 25px;
  }
  .container6 {
    margin-top: 2%;
    margin-left: 4%;
    line-height: 25px;
  }

  header.team #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -21px;
  }

  #titreMenu1,
  #titreMenu2,
  #titreMenu3,
  #titreMenu4,
  #titreMenu5,
  #titreMenu6 {
    font-size: 0.8em;
  }
  .nav .menu li a {
    font-size: 1rem;
    padding-left: 10px;
  }
  .slide.one #text-titre1,
  .slide.two #text-titre2,
  .slide.three #text-titre3,
  .slide.four #text-titre4,
  .slide.five #text-titre5,
  .slide.six #text-titre6 {
    font-size: 1em;
  }
  .slide.one h2,
  .slide.two h2,
  .slide.three h2,
  .slide.four h2,
  .slide.five h2,
  .slide.six h2 {
    font-size: 0.8em;
  }
  .slide.one p,
  .slide.two p,
  .slide.three p,
  .slide.four p,
  .slide.five p,
  .slide.six p {
    font-size: 0.8em;
  }
  #footer_container_2, #footer_container_3 {
    font-size: 75%;
  }  
  /* MENU RESPONSIVE */
  #nav1.responsive ul.menu.menuP li a {
    color: black;
    font-weight: bold;
  }
  #nav1.responsive ul.menu.menuP li {
    width: 60%;
    background-color: var(--color-or);
    z-index: 10;
  }
  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: 0px
  }
  header.who #nav1 {
    height: 0px;
    opacity: initial;
  }
  /* ===== PROCESS ======*/
  header.process {
    background-size: contain;
    background-position: bottom;
    height: 45vh;
    width: auto;
  }
  .process #nav1 {
    opacity: initial;
  }
  .process .langue {
    top: 1%;
    left: 55%;
  }
  #process-time {
    font-size: 2rem;
  }
  #processSticker {
    padding-top: 10px;
    width: 45px;
    margin-left: 4%;
  }
  #header-text h1 {
    margin-left: 4%;
}
#header-text p {
  margin-left: 4%;
}
  .process #logo {
    padding-top: 20px;
  }
  #textHoverResp, .textHoverResp2 {
    padding: 14px 45px;
}
.resp {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
  /* ====== TEAM ====== */
  .team .langue {
    top:3%
  }
  header.team #logo {
    padding-top: 25px;
  }
  #teamSticker {
    width: min(30vw, 30px);
    margin: 30px 0 0 28px;
    opacity: initial;
  }
  header.team {
    background-size: contain;
    background-position: bottom;
    height: 50vh;
    width: auto;
  }
  #header-text h1 {
    font-size:1.3rem;
  }
  #header-text p {
    font-size: 1rem;
  }
  .langue {
    left: 62%;
  }

  .carte {
    height: 45vh;
  }
  .carte svg {
    margin-left: 15%;
  }
  .carte svg {
    margin-left: 0%;
  }
  .col .sticker p {
    font-size: 60%;
  }
  /* ==== WHO WE ARE ===== */
  header.who #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: 16px;
  }
  header.who {
    background-size: contain;
    background-position: bottom;
    height: 46vh;
    width: auto;
  }
  header.who #logo {
    padding-top: 25px;
    top: -15px;
  }

  .who .langue {
    top: 4%;
    left: 53%;
  }

  .who #nav1 {
    margin-top: -15px;
    height: 0px;
  }
  #chap1,
  #chap2 {
    flex-direction: column;
  }
  .whoOblique {
    display: none;
  }
  #whoText p:nth-child(4),
  #whoText p:nth-child(3),
  #whoText p:nth-child(2) {
    width: 200%;
  }

  header.who {
    padding-top: 15px;
  }
  .whoH1 {
    font-size: 23px;
    margin-left: 1%;
  }
  #headerTextWho h1 {
    margin-left: 5%;
  }
  #headerTextWho p {
    font-size: 18px;
    margin-left: 5%;
  }
  #stickerWho {
    width: 50px;
    margin-left: 5%;
    margin-top: 0%;
  }

  #whoChap1 {
    height: 515px;
  }
  #whoContent {
    margin-top: -20px;
    padding: 0 10px 0 10px;
}

  #whoChap2 {
    height: 300px;
    width: 100%;
  }
  #whoTwooChap1 {
    padding-top: 90px;
    width: 100%;
  }
  #whoTwooChap2 {
    display: none;
  }
  .whoTree {
    padding-top: 500px;
  }
  #whoTree {
    height: 50px;
    margin-top: 145px;
  }
  #whoTitre {
    padding-top: 10px;
    font-size: 3rem;
  }
  #whoText {
    font-size: 1.3rem;
  }
  #whoText2 {
    width: 485px;
    padding-top: 220px;
  }
  #tetes {
    margin-left: 2px;
  }
  #tetes img {
    height: 560px;
    padding-left: 12px;
  }
  #textSurImage {
    height: 50px;
    font-size: 18px;
    margin-top: -65px;
    margin-left: 4px;
  }
  #whoButton {
    font-size: 1rem;
  }
  footer#footer2 a {
  font-size: 0.62rem;
}
  footer#footer2 p {
    margin-left: 4%;
  }
  #footer_button {
    margin-right: 25px;
    width: 240px;
  }
  /* ===== PROJECT ENABLING  ====== */
  /*-- menu entete --*/

  header.project {
    background-size: contain;
    height: 49vh;
    width: auto;
    background-position: bottom;
  }
  header.project nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  header.project #logo {
    padding-top: 25px;
    padding-right: 25px;
  }

  header.project .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
    padding-top: 0;
    left: 50%;
  }

  .project #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #enablingTitre {
    padding-left: 10px;
    width: 510px;
  }
  #enablingTitre h1 {
    font-size: 1.8rem;
  }
  #enablingTitre p {
    font-size: 0.8rem;
  }
  #programEnabling::after {
    height: 10px;
  }
  #projectSticker {
    width: min(30vw, 46px);
    margin-top: 18%;
  }
  #projectHeader-text {
    margin-left: 0%;
  }
  #projectHeader-text h1 {
    font-size: 80%;
  }
  #projectHeader-text p {
    font-size: 1rem;
  }
  #cible img,
  #puzzle img,
  #stylo img {
    width: 160px;
    height: auto;
  }
  #projectOperational {
    padding: 15px 0 15px 20px;
    width: 140px;
  }
  #projectText {
    padding-left: 0px;
    font-size: 0.8rem;
  }
  #master::after {
    height: 10px;
  }
  #projectCooperation {
    font-size: 0.8rem;
    padding: 5px 0;
    width: 115px;
  }
  #cooperationText {
    font-size: 88%;
    width: 310px;
    padding-right: 0px;
  }
  #projectCoop::after {
    height: 30px;
  }
  #projectStylo {
    width: 150px;
    padding-left: 27px;
  }
  #styloText {
    padding-left: 0;
    font-size: 1rem;
    width: 275px;
    padding-left: 0px;
  }
  #budget::after {
    height: 35px;
  }
  #plan img,
  #plante img {
    height: 160px;
  }
  #planIndustrial {
    width: 150px;
  }
  #planText {
    width: 235px;
    font-size: 70%;
    padding-right: 0px;
  }
  #planteTitre {
    width: 175px;
  }
  #supplyText {
    width: 240px;
    font-size: 0.8rem;
    margin-right: 15px;
    padding-left: 0px;
  }
  #schedule {
    padding: 40px 0;
  }
  #mainStylo img {
    height: 145px;
  }
  #negociatingContrating {
    width: 280px;
    padding: 15px 0px 15px 6px;
  }
  #negociatingTitre {
    text-align: center;
    padding-right: 0px;
    width: 300px;
  }
  #negociatingText {
    padding-right: 0px;
    font-size: 80%;
    margin-left: 35px;
  }
  #ProjectEndText p {
    font-size: 1.5rem;
  }
  /* ===== Program management ===== */

header.management {
background-size: contain;
height: 49vh;
width: auto;
background-position: bottom;
}
#managementTitre h1 {
font-size: 2rem;
font-weight: 800;
}
#managementTitre p {
  font-size: 1.2rem;
}
#programMasterText {
  font-size: 1rem;
  padding-left: 5px;
}
#carteImg img {
  height: 195px;
  width: auto;
}
#countryText p {
  font-size: 1.2rem;
}
  #managementSticker {
    margin-top: 1%;
    width: min(50vw, 55px);
}
#managementHeader-text {
  font-size: 1.4rem;
}
  .management img {
    padding-top: 15px;
  }
  #financialText p {
    font-size: 1.2rem;
}
  #programMasterText {
    margin-left: -275px;
    margin-top: 225px;
  }
  #countryText {
    margin-right: -290px;
    margin-top: 140px;
  }
  #countryText p:nth-child(1) {
    padding-left: 70px;
  }
  #financialText {
    margin-left: -320px;
    margin-top: 225px;
  }
  #deliveryText {
    margin-right: -290px;
    margin-top: 200px;
    font-size: 1.5rem;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 110px;
  }
  #postDeliveryText {
    font-size: 1.2rem;
  }
  #postDeliveryText {
    padding-right: 20px;
}
  #programMasterText {
    padding-left: 0px; 
}
#managementEndText {
  font-size: 1.1rem;
  text-align: center;
  color: #ccaa60;
}
/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 41vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}

#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinanceFundingTextNumero {
  height: 405px;
}
#talkFinance-txt {
  font-size: 0.8rem;
}
#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}
#sectionTalkFinance3 {
height: 260px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}
#case2 {
  margin-left: -23px;
}
#case3 {
  margin-left: -20px;
}
#case1a, #case2a, #case3a, #case4a, #case5a, #case6a, #case7a {
  width: 100%;
  padding-right: 35px;
}
#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#case1 img {
  margin-left: -4px;
}
#talkFinanceFunding {
height: 695px;}

.financeColone1, #financeColone2, #financeColone3 {
width: 110%;
}
.financeColone1 {
margin-bottom: -135px;
}
#talkFinanceFundingcolonne1 {
width: 100%;
}
.financeColone1 #case8 img {
  position: relative;
  width: 35%;
  display: block;
  margin: 0 auto;
}

#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 250px;
}
#talkFinanceFundingTextNumero3 {
height: 555px;
}
#case1, #case2, #case3 {
  text-align: center;
  padding-top: 21px;
}
#case1 {
  margin-left: 5px;
}
#cas2 {
  margin-left: -18px;
}
#case4, #case5, #case6, #case7 {
  padding-top: 30px;
}
#texte-case1a, #texte-case2a, #texte-case3a {
  padding-top: 5.5%;
}
#texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
  padding-top: 7%;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p, #texte-case6a p, #texte-case7a p{
font-size: 1rem;
}
#texte-case1a p {
margin-left: -8px;
}
#texte-case4a p {
  padding-left: 44px;
}
#texte-case1a {
  padding-left: 0px;
  margin-left: 27px;
}
#texte-case2a, #texte-case3a {
  padding-left: 0px;
  font-size: 80%;
}
#case2a p, #case3a p {
  padding-left: 20px;
}
#texte-case4a p {
  padding-left: 15px;
}
#case5a p {
  color: #fff;
  padding-left: 25px;
}
#case4, #case6 {
margin-left: 26px;
}
#case5, #case7 {
margin-left: 26px;
}
#availableColone2 #case8 img {
  height: 90%;
  width: 90%;
}
/* ----------------- */
#avalaibleFunding {
height: 1440px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 850px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: 80%;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}

#availableColone3 {
padding-top: 55px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
margin-top: 46px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p, #availableCase3a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
}
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: 140px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;}

#availableFundingTitre {
font-size: 2rem;
}
#texte-case4a {
margin-left: -8px;
}
#texte-case5a{
margin-left: -9px;
}
#texte-case6a{
margin-left: -28px;
}
#texte-case7a{
  margin-left: -10px;
  }
#availableColone1 {
width: 100%;
padding-left: 0px;
}

#availableColone2 #case8  {
display: flex;
align-items: center;
width: 100%;
}
#availableCase4a p, #availableCase5a p {
padding-left: 40px;
}
#availableColone2 #case8 img {
  top: 40px;
  left: 105px;
}

.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}

/* BIOGRAPHY */

header.biography {
  background-size: contain;
  height: 47vh;
  width: auto;
  background-position: bottom;
}
#biographySticker {
  width: min(20vw, 60px);
}

header.biography .nav#nav1 {
  height: 0px;
  opacity: initial;
  }
  .langue {
  top: 4%;
  left:54%
  }
  #biographyHeader-text {
  font-size: 1.2rem;
  }  
  
  #biography_title {
  height: 65px;
  }

  #biography_title h1 {
  font-size: 3rem;
  }
  /* -------------*/
  
  #chairman {
  height: auto;
  }
  #chairmanText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -70px;
  width: 450px;
  }
  
  #chairmanBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  
  #chairmanTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chairmanTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelOne img {
  padding-left: 7%;
  height: 60px;
  width:60px;
  }
  /*----------------------*/
  
  #sectionChiefFinancial {
    height: 400px;
}
  #chiefFiancialText p {
  margin-left: 55px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  width: 395px;
  }
  #chiefFinancialTitle p {
  margin-left: 55px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelTwoo img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  /*------------------------*/
  
  #sectionChiefOperating:before {
  height: 35px;
  }
  #chiefOperating {
  height: auto;
  }
  #chiefOperatingText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -55px;
  }
  #chiefOperatingBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  #chiefOperatingTitre {
  text-align: center;
  width: 170px;
  margin-left: -55px;
  height: 25px;
  }
  #chiefOperatingTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #chiefOperatingText p {
    padding-right: 15px;
}
  #wheelthree img {
  padding-left: 7%;
  height: 60px;
  width: auto;
  }
  /* Director */
  
  #director {
  height: 375px;
  }
  #directorText p {
  margin-left: 55px;
  padding-top: 30px;
  padding-right: 55px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  width: 420px;
  }
  #directorTitle p {
  margin-left: 55px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelFour img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  margin-left: -60%;
  }
  #wheelTwoo img {
    margin-left: 15px;
}
  /*====== Corporate Governance ======= */

  
header.corporate {
  background-size: contain;
  height: 52vh;
  width: auto;
  background-position: bottom;
}

  header.corporate .nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  #collateralSvgHaut,
  #collateralSvgBas,
  #svgHaut,
  #svgBas {
    display: none;
  }
  .corporate #logo {
    padding-top: 64px;
  }
  .corporate #nav1 {
    height: 0px;
  }

  #stickerCorporate {
    margin-top: 7%;
    margin-left: 4%;
    height: 60px;
    width: 60px;
  }
  #headerTextCorporate p:nth-child(2),
  #headerTextCorporate p:nth-child(3) {
    font-size: 1.2rem;
    margin-left: 4%;
  }
  #corporateH1 p {
    font-size: 1.6rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;;
    width: 100%;
  }
  #corporateImg {
    padding-left: 31%;
  }
  #corporateImg img {
    margin-top: -30px;
    width: 180px;
  }
  #corporateTxt :not(:nth-child(1)) {
    font-size: 1rem;
  }
  #ourKeyImg img {
    margin-top: -45px;
    margin-left: -75px;
    width: 180px;
  }
  #collateralImg img {
    margin-top: -30px;
    width: 180px;
  }
  #corporateImgTxt {
    height: 295px;
  }
  #corporateTxt {
    padding: 0 15px;
  }

  #corporateTxt p:nth-child(1) {
    width: 170px;
    margin-left: -30px;
    font-size: 1rem;
  }
  #corporateTxt p:nth-child(2) {
    width: 420px;
    margin-top: 65px;
    margin-left: -210px;
    padding-top: 35px;
  }
  #corporateTxt p:nth-child(3),
  #corporateTxt p:nth-child(4) {
    width: 420px;
    margin-left: -210px;
  }
  #ourKeyImg {
    padding-left: 225px;
  }
  #ourKeyTxt {
    width: 50%;
    padding-left: 300px;
  }
  #ourKeyImgTxt {
    margin-left: -250px;
    height: 380px;
  }
  #ourKeyTxt p:nth-child(1) {
    margin-left: 130px;
    font-size: 1rem;
    width: 170px;
  }
  #ourKeyTxt p:nth-child(2) {
    height: 100px;
    margin-top: 105px;
  }
  #ourKeyTxt p:nth-child(2),
  #ourKeyTxt p:nth-child(3),
  #ourKeyTxt p:nth-child(4) {
    width: 455px;
    font-size: 1rem;
    padding-right: 40px;
  }
  #collateralImg {
    padding-left: 23%;
  }
  #collateralImgTxt {
    height: 435px;
  }
  #collateralTxt {
    margin-right: 20px;
}
  #collateralTxt p:nth-child(1) {
    width: 170px;
    font-size: 1rem;
    margin-left: -35px;
  }

  #collateralTxt p:nth-child(2),
  #collateralTxt p:nth-child(3),
  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    width: 425px;
    font-size: 1rem;
    margin-left: -195px;
  }
  #collateralTxt p:nth-child(2) {
  height: 100px;
  margin-top: 135px;
  padding-top: 12px;
}
  #collateralTxt p:nth-child(3) {
    padding-top: 0px;
  }

  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    padding-top: 12px;
  }
  #footer2_container_3 a{
    font-size: 97%;
  }
  /* CONTACT */ 
  #contactTitreh3 {
    font-size: 1.5rem;
}
}
/* ======================= Iphone 12 PRO Max ==================== */

@media (max-width: 530px) {

/* MENU */ 
#nav1.responsive ul.menu.menuP li {
  width: 65%;
}
.nav .menu li a {
  font-size: 1rem;
  padding-left: 10px;
}
.wrapper .nav .menu li a {
  font-size: 0.9rem;
}
.one, .two, .three, .four, .five, .six {
  min-width: 55%;
}
#footerVideo p {
  font-size: 0.5rem;
}
#footer a {
  font-size: 0.5rem;
}
/* === Who we are === */
header.who {
background-size: contain;
height: 32.5vh;
background-position: bottom;
}
#stickerWho {
width: 45px;
margin-left: 2%;
margin-top: 0%;
}
#headerTextWho {
  padding: 5px 0 0 0px;
}
#headerTextWho h1, #headerTextWho p  {
margin-left: 2%;
}
#whoChap1 {
height: 595px;
}
#whoTitre {
width:250px;
}
#whoText {
width: 155px;
padding-left: 13px;
padding-right: 20px;
}
#tetes img {
height: 355px;
}
#whoText2 {
width: 325px;
padding-top: 30px;
}
#whoContent {
  margin-top: -20px;
}
#tetes img {
  height: 435px;
}
#whoText2 {
  width: 395px;
  padding-top: 100px;
}
#whoText p:nth-child(4), #whoText p:nth-child(3), #whoText p:nth-child(2), #whoText p:nth-child(5) {
  width: 287%;
}
footer#footer2 a {
  font-size: 0.48rem;
}
/* === Process === */
header.process {
background-size: contain;
height: 33vh;
background-position: bottom;
}
#processSticker {
padding-top: 0px;
width: 35px;
margin-left: 2%;
}
.resp {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
/* === Project enabling === */
header.project {
height: 34vh;
}
#projectHeader-text {
padding: 10px 0px;
}
#projectHeader-text p {
font-size: 0.9rem;
}
#projectSticker {
  margin-top: 16%;
}
#enablingTitre {
width:auto
}
#cooperationText {
  text-align: end;
font-size: 88%;
width: 165px;
padding-right: 0px;
}
#planteTitre {
  align-items: center;
  width: 175px;
  padding: 0;
}
#planText {
  width: 210px;
  font-size: 1rem;
  padding-right: 0px;
  font-weight: 100;
}
#supplyText {
  width: 240px;
  font-size: 01rem;
  margin-right: 15px;
  padding-left: 0px;
}
#negociatingText {
  font-size: 1rem;
}
#cible img, #stylo img {
width: 140px;
padding-left: 15px;
}
#puzzle img {
  padding-left: 5px;
}
#plan img, #plante img {
height: 140px;
}
#negociatingContrating {
margin-right: -15px;
align-items: center;
}
/* === Management === */
header.management {
background-size: contain;
height: 34vh;
background-position: bottom;
}
#managementTitre {
  padding-left: 0px;
}
#managementTitre p {
  font-size: 1.1rem;
}
#managementSticker {
  margin-top: 0%;
  width: min(50vw, 40px);
  opacity: 25%;
}
#managementHeader-text {
  font-size: 1rem;
}
#ampoule img {
  height: 200px;
  width: auto;
}
#programMasterText {
  margin-left: -225px;
  margin-top: 150px;
  padding: 0 40px;
  font-size: 1.2rem;
}
#carteImg img {
  height: 185px;
  width: auto;
}
#country, #countryText, #delivery, #deliveryText {
  display: flex;
  align-items: flex-start;
}
#countryText {
  margin-top: 135px;
}
#countryText p:nth-child(1) {
  padding-left: 0px;
}
#monnaie img {
    height: 165px;
}
#financialText {
  padding: 0 20px;
  margin-left: -195px;
  margin-top: 145px;
}
#delivery {
  position: 15px;
}
#deliveryBloc img {
  height: 180px;
}
#deliveryBloc img {
  padding-right: 25px;
}
.carte {
  height: 30vh;
  }
  #localisation:after { 
  height: 40px;
  }
  #managementEndText {
    font-size: 1.2rem;
  }

/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 31vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}

#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinance-txt {
  font-size: 0.7rem;
}
#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}

#sectionTalkFinance3 {
height: 260px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}

#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#case2 img, #case3 img {
  margin-left: 25px;
}
#case1 img {
  margin-left: 15px;
}
#talkFinanceFunding {
height: 680px;}

.financeColone1, #financeColone2, #financeColone3 {
width: 110%;
}
.financeColone1 {
margin-bottom: -135px;
}
#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 550px;
}
#talkFinanceFundingTextNumero2 {
height: 250px;
}
#talkFinanceFundingTextNumero3 {
height: 550px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p, #texte-case6a p, #texte-case7a p{
font-size: 1rem;
}
#texte-case1a p {
margin-left: -8px;
}
#texte-case1a {
  padding-left: 0px;
}
#texte-case2a, #texte-case3a {
  padding-left: 0px;
  font-size: 80%;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
.financeColone1 #case8 img {
  position: relative;
  width: 45%;
  display: block;
  margin: 0 auto;
}
/* ----------------- */
#avalaibleFunding {
height: 1595px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 1062px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
padding-right: 35px;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}
#availableColone3 {
padding-top: 55px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4 {
display: flex;
height:auto;
margin-top: 17px;
margin-left: 6px;
}
#avalaibleLigne5 {
margin-top: 40px;
}
#availableCase1a p, #availableCase2a p, #availableCase3a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
}
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: 180px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;}

#availableFundingTitre {
font-size: 1.5rem;
}
#texte-case4a{
margin-left: -12px;
}
#texte-case5a {
margin-left: -11px;
}
#texte-case7a {
margin-left: -10px;
}
#case4, #case6 {
margin-left: 26px;
}
#case5, #case7 {
margin-left: 26px;
}
#availableColone1 {
padding-left: 0px;
}
#availableColone2{
width:100%;
}
#availableColone2 #case8  {
display: flex;
width: 100%;
}
#availableColone2 #case8 img {
  top: 40px;
  left: 25px;
}
#case1a p, #case2a p, #case3a p, #case4a p, #case5a p {
  padding-left: 40px;
}
#availableCase4a p, #availableCase5a p {
padding-left: 45px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}

/* === Biography === */
header.biography {
background-size: contain;
height: 32vh;
width: auto;
background-position: bottom;
}
#chairmanText p {
  width: 325px;
}
#directorText p {
  width: 315px;
}
#biographySticker {
width: min(20vw, 60px);
}
#biographyHeader-text {
  font-size: 1rem;
}
#chiefFiancialText p {
  width: 280px;
}
#deliveryText {
  margin-right: -228px;
  margin-top: 100px;
  font-size: 1.2rem;
}
#deliveryText p:nth-child(1), #deliveryText p:nth-child(2) {
  padding-left: 1px;
  margin-left: 50px;
}
#post:before {
  height: 60px;
}
#bousole img {
  height: 140px;
}
/* ===Team === */
header.team {
height: 36vh;
}
#header-text p {
margin-left: 2%;
font-size: 0.81rem;
}
#teamSticker {
margin: 30px 0 0 11px;
}

/* === Corporate ==== */
header.corporate {
background-size: contain;
height: 36vh;
width: auto;
background-position: bottom;
}
#stickerCorporate {
margin-left: 2%;
height: 40px;
width: 40px;
}
#corporateTxt p:nth-child(1) {
margin-left: -10px;
}
#headerTextCorporate p:nth-child(2) {
  padding-top: 13px;
}
#headerTextCorporate p:nth-child(2), #headerTextCorporate p:nth-child(3) {
  font-size: 1rem;
  margin-left: 11%;
}
#headerTextCorporate p:nth-child(2), #headerTextCorporate p:nth-child(3) {
  margin-left: 2%;
}
#ourKeyTxt p:nth-child(2), #ourKeyTxt p:nth-child(3), #ourKeyTxt p:nth-child(4) {
  width: 411px;
}
#collateralTxt p:nth-child(2), #collateralTxt p:nth-child(3), #collateralTxt p:nth-child(4), #collateralTxt p:nth-child(5) {
  margin-left: -205px;
  width: 375px;
}
#corporateTxt p:nth-child(2),#corporateTxt p:nth-child(3), #corporateTxt p:nth-child(4) {
  width: 380px;
  margin-left: -190px;
}
#collateralTxt p:nth-child(3) {
  padding-top: 0px;
}

#corporateImgTxt {
  height: 285px;
  padding-right: 35px;
}
#collateralImg img {
  margin-left: -80px;
}
#collateralTxt p:nth-child(1) {
  margin-left: -50px;
}
#ourKeyImgTxt {
  height: 430px;
}
#ourKeyTxt {
  padding-left: 250px;
}
#ourKeyImg img {
  margin-left: -95px;
}
#ourKeyTxt p:nth-child(1) {
  position: relative;
  margin-left: 60px;
  font-size: 1rem;
  width: 170px;
  z-index: 2000;
}
#ourKeyTxt p:nth-child(2) {
  height: 60px;
  margin-top: 140px;
}
#collateralTxt {
  margin-right: 0;
  padding: 0px 60px 0px 20px;
}
/* CONTACT */
#contactTitreh3 {
  font-size: 1.5rem;
}
.contactAdresse, .contactDisclamer {
  font-size: 80%;
}
#footerContact {
font-size: 80%;
}
}

/* =======================   Iphone + ==================== */

@media (max-width: 414px) {
  #logo {
    padding-top: 35px;
  }
  .langue {
    left: 54%;
    top: 12%;
    transform: translate(-50%, -50%);
  }
  .wrapper .nav .menu li a {
    font-size: 0.9rem;
}
  /* FOOTER SLIDE */
  #footerSlide {
    height: 25px;
    font-size: 0.5rem;
  }
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
   min-width: 57%;
  }

  .container {
    margin-top: 2%;
    margin-left: 8%;
    line-height: 150%;
  }
  #footerVideo p {
    font-size: 0.5rem;
}
  .container2 {
    margin-top: 2%;
    margin-left: 67%;
  }
  .container3 {
    margin-top: 2%;
    margin-left: 7%;
  }
  .container4 {
    margin-left: 7%;
    margin-top: 2%;
  }
  .container5 {
    margin-top: 2%;
    margin-left: 8%;
  }
  .container6 {
    margin-top: 2%;
    margin-left: 5%;
  }
  #nav1.responsive ul.menu.menuP li a {
    color: black;
    font-weight: bold;
  }
  #nav1.responsive ul.menu.menuP li {
    width: 60%;
    background-color: var(--color-or);
  }
  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -5px;
  }
  #nav1.responsive ul.menu.menuP li {
    width: 70%;
}
.nav .menu li a {
  font-size: 1rem;
  padding-left: 10px;
}
  #footer_container_2, #footer_container_3 {
    font-size: 75%;
  }  
  /* ===== PROCESS ======*/
  header.process {
    background-size: contain;
    height: 40vh;
    width: auto;
    background-position: bottom;
  }
  .process #nav1 {
    opacity: initial;
  }
  .process .langue {
    top: 6%;
    left: 55%;
  }
  #process-time {
    font-size: 2rem;
  }
  #processSticker {
    padding-top: 1px;
    width: 40px;
  }
  .process #logo {
    padding-top: 40px;
  }
  /* === TEAM ====*/
  .team .langue {
    top:11%
  }
  header.team #logo {
    padding-top: 50px;
  }
  #teamSticker {
    width: min(30vw, 30px);
    margin: 10px 0 0 28px;
    opacity: initial;
  }
  header.team {
    background-size: contain;
    background-position: bottom;
    height: 47vh;
    width: auto;
  }
  #header-text h1 {
    font-size:0.9rem;
  }
  #header-text p {
    font-size: 0.8rem;
  }
  #footer {
    height: 55px;
  }
  #footer a {
    margin-left: 1%;
  }
  header.team #logo {
    padding-top: 59px;
  }
  .langue {
    left: 55%;
  }
  .carte {
    height: 40vh;
  }
  .carte svg {
    margin-left: 0%;
  }
  .col .sticker p {
    font-size: 60%;
  }
  /* WHO WE ARE  */

  header.who {
    background-size: contain;
    height: 40vh;
    width: auto;
    background-position: bottom;
  }
  #stickerWho {
    padding-top: 2px;
    width: 34px;
    margin-left: 2%;
  }
  #headerTextWho h1 {
    margin-left: 2%;
  }
  #headerTextWho p {
    font-size: 14px;
    margin-left: 2%;
  }
  #whoChap1 {
    height: 565px;
  }
  #chap1,
  #chap2 {
    flex-direction: column;
  }
  .whoOblique {
    display: none;
  }
  #whoText p:nth-child(4),
  #whoText p:nth-child(3),
  #whoText p:nth-child(2) {
    width: 220%;
  }
  #whoText p:nth-child(5) {
    width: 220%;
  }
   
  .whoH1 {
    font-size: 15px;
  }
  header.who #nav1 {
    height: 0px;
    opacity: initial;
  }
  #whoChap2 {
    height: 300px;
    width: 100%;
  }
  #whoTwooChap1 {
    padding-top: 90px;
    width: 100%;
  }
  #whoTwooChap2 {
    display: none;
  }
  .whoTree {
    padding-top: 290px;
    height: 50px;
    margin-top: 145px;
  }
  #whoTitre {
    padding-bottom: 30px;
    padding-top: 10px;
    font-size: 2rem;
    padding-left: 30px;
  }
  #whoText {
    width: 188px;
    padding-left: 15px;
}
  #whoText2 {
    width: 370px;
    padding-top: 75px;
  }
  #tetes {
    margin-left: 2px;
  }
  #tetes img {
    height: 402px;
    padding-left: 20px;
  }
  #textSurImage {
    height: 50px;
    font-size: 12px;
    margin-top: -65px;
  }
  #whoButton {
    font-size: 1rem;
  }
  footer#footer2 p {
    margin-left: 4%;
  }
  #footer_button {
    margin-right: 15px;
    width: 240px;
  }
  /* ===== PROJECT ENABLING  ====== */
  /*-- menu entete --*/

  header.project {
      background-size: contain;
      height: 43vh;
      width: auto;
      background-position: bottom;
  }
  header.project nav#nav1 {
    height: 0px;
    opacity: initial;
  }
  header.project #logo {
    padding-top: 35px;
    padding-right: 25px;
  }
  header.project .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
    padding-top: 0;
    left: 50%;
  }
  .project #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #enablingTitre {
  
    width: 390px;
  }
  #enablingTitre h1 {
    font-size: 2rem;
  }
  #enablingTitre p {
    font-size: 1.1rem;
  }
  #programEnabling::after {
    height: 10px;
  }
  #projectSticker {
    width: min(50vw, 50px);
    margin-top: 16%;
  }
  #projectHeader-text {
    margin-left: 0%;
  }
  #projectHeader-text h1 {
    font-size: 80%;
  }
  #projectHeader-text p {
    font-size: 0.8rem;
  }
  #cible img,
  #puzzle img,
  #stylo img {
    width: 100px;
    height: auto;
  }
  #projectOperational {
    padding: 15px 0 15px 20px;
    width: 140px;
  }
  #projectText {
    padding-left: 0px;
    padding-right: 20px;
    font-size: 1rem;
  }
  #master::after {
    height: 10px;
  }
  #projectCooperation {
    font-size: 0.8rem;
    padding: 5px 0;
    width: 115px;
  }
  #cooperationText {
    font-size: 1rem;
    width: 196px;
  }
  #projectCoop::after {
    height: 30px;
  }
  #schedule {
    padding: 70px 0;
  }
  #projectStylo {
    width: 150px;
    padding-left: 40px;
  }
  #styloText {
    padding-left: 0;
    font-size: 1rem;
    width: 265px;
  }
  #budget::after {
    height: 20px;
  }
  #plan img,
  #plante img {
    height: 100px;
  }
  #planIndustrial {
    width: 150px;
  }
  #planText {
    width: 210px;
    font-size:1rem;
  }
  #planteTitre {
    padding: 15px 0 15px 25px;
    width: 120px;
  }
  #supplyText {
    width: 255px;
    font-size: 1rem;
    margin-right: 15px;
  }
  #mainStylo img {
    height: 145px;
  }
  #negociatingContrating {
    width: 214px;
    padding: 15px 18px 15px 6px;
  }
  #negociatingTitre {
    text-align: center;
    padding-right: 0px;
    width: 230px;
  }
  #negociatingText {
    padding-right: 0px;
    font-size: 80%;
    margin-left: 35px;
  }
  #ProjectEndText p {
    font-size: 1.3rem;
  }

/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
.talkFinance #logo {
  padding-top: 45px;
}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 38vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}
#talkFinanceFundingTitre, #availableFundingTitre {
  font-size: 1.5rem;
}
#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinance-txt {
    font-size: 0.9rem;
    padding: 0 10px;
}

#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}
#sectionTalkFinance3 {
height: 260px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}

#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#talkFinanceFunding {
height: 695px;}

.financeColone1, #financeColone2, #financeColone3 {
width: 110%;
}

#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 270px;
}
#talkFinanceFundingTextNumero3 {
height: 545px;
}
#case1a, #case2a, #case3a, #case4a, #case5a, #case6a, #case7a {
  width: 100%;
  padding-right: 185px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p, #texte-case6a p, #texte-case7a p{
font-size: 1rem;
width: 175%;
}
#texte-case1a p {
margin-left: -8px;
}
#texte-case1a {
  padding-left: 4px;
}
#texte-case2a {
  padding-left: 0px;

}
#texte-case3a {
  padding-left: 0px;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
.financeColone1 #case8 video {
margin-top: -5px;
margin-left: 90px;
height: 50%;
width: 50%;
}
/* ----------------- */
#avalaibleFunding {
height: 1735px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 1062px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}

#availableColone3 {
padding-top: 55px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
width: 50%;
margin-top: 17px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p, #availableCase3a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
width: 175%;
}
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: 70px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;
}
#availableFundingTitre {
font-size: 1.5rem;
}
#texte-case1a, #texte-case2a, #texte-case3a {
  padding-top: 12%;
}
#texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
  padding-top: 18%;
}
#texte-case4a{
margin-left: 3px;
}

#texte-case5a, #texte-case6a, #texte-case7a {
margin-left: 4px;
}
#texte-case6a {
margin-left: -15px;
}
#availableColone1 {
padding-left: 0px;
}
#availableColone2{
width:100%;
}
#availableColone2 #case8  {
display: flex;
width: 100%;
}
#availableColone2 #case8 video {
  width: initial;
  right: 0px;
  top: 90px;
  padding-right: 740px;

}
#availableCase4a p, #availableCase5a p {
padding-left: 40px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}


/* === Biography === */
header.biography {
  background-size: contain;
  height: 40vh;
  width: auto;
  background-position: bottom;
  }
  #chairmanText p {
    width: 315px;
  }
  #directorText p {
    width: 300px;
  }
  #biographySticker {
  width: min(20vw, 60px);
  }
  #biographyHeader-text {
    font-size: 1rem;
  }
  #chiefOperating {
    height: auto;
     padding-left: 20px;
}
 
  #chiefFiancialText p {
    width: 260px;
  }
  #deliveryText {
    margin-right: -228px;
    margin-top: 100px;
    font-size: 1.2rem;
  }
  #deliveryText p:nth-child(1), #deliveryText p:nth-child(2) {
    padding-left: 1px;
    margin-left: 50px;
  }
  #post:before {
    height: 60px;
  }
  #bousole img {
    height: 140px;
  }
  #wheelFour img {
    margin-left: -75%;
}
  /* =====  Management ===== */

  /*-- menu entete --*/
  header.management {
    background-size: contain;
    height: 43vh;
    width: auto;
    background-position: bottom;
}
  #managementSticker {
    padding-top: 1px;
    padding-right: 25px;
    margin-top: 0;
    width: min(50vw, 70px);
 
  }
  header.management #managementHeader-text {
    padding: 0;
  }
  header.management #managementHeader-text h1 {
    font-size: 100%;
  }
  header.management #managementHeader-text p {
    font-size: 100%;
  }
  header.management #nav1 {
    background-color: #000;
  }

  header.management .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.management .langue {
    padding-top: 0;
    left: 51%;
  }
  header.management #logo img {
    padding-top: 0px;
  }
  .management #nav1.nav {
    margin-top: 15px;
    opacity: initial;
  }
  .management #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #managementTitre h1 {
    font-size: 2.5rem;
  }
  #managementTitre p {
    font-size: 1rem;
  }
  #ampoule {
    margin-bottom: 15px;
  }
  #ampoule img {
    height: 115px;
  }
  #programMaster {
    width: 190px;
    padding: 20px 0 20px 30px;
  }
  #programMasterText {
    padding-left: 100px;
    margin-top: 40px;
    font-size: 0.8rem;
    text-align: justify;
    width: 480px;
  }
  #carteImg img {
    height: 115px;
    margin-right: 15px;
  }
  #countryLocalisation {
    width: 170px;
    font-size: 1.1rem;
    margin-left: 15px;
  }
  #countryText {
    margin-top: 40px;
    margin-right: -125px;
    align-items: flex-start;
  }
  #countryText p {
    padding-left: 5px;
    padding-right: 0px;
    text-align: justify;
    font-size: 0.8rem;
  }
  #countryText p:nth-child(1) {
    padding-left: 5px;
    padding-top: 5px;
    align-items: flex-start;
  }
  #localisation:after {
    height: 25px;
  }
  #monnaie img {
    height: 115px;
  }
  #financialManagement {
    font-size: 1rem;
    padding: 15px 0 15px 19px;
    width: 170px;
    margin-left: -15px;
  }
  #financialText {
    margin-top: 0px;
    margin-left: -140px;
  }
  #financialText p:nth-child(1) {
    padding-top: 60px;
  }
  #financialText p {
    font-size: 0.8rem;
  }
  #monnaie {
    margin: 15px 0px 15px 10px;
  }
  #finance::after {
    height: 15px;
  }
  #deliveryBloc img {
    margin-right: 10px;
    height: 115px;
  }
  #countryLocalisation,
  #deliveryAcceptance {
    margin-top: 10px;
    font-size: 1rem;
    width: 170px;
  }
  #deliveryAcceptance {
  margin-left: 70px;
  }
  #deliveryText {
    padding-top: 0px;
    margin-top: 50px;
    margin-right: -125px;
    margin-left: 25px;
    align-items: flex-start;
  }
  #deliveryText p {
    font-size: 1rem;
    text-align: justify;
    width: 230px;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 0px;
  }
  #post:before {
    height: 25px;
  }
  #bousole {
    margin: 45px 5px;
  }
  #bousole img {
    height: 115px;
  }
  #postDeliveryTitre {
    justify-content: center;
    margin-left: -20px;
    padding-left: 0px;
    font-size: 1rem;
    width: 150px;
  }
  #postDeliveryText {
    padding-top: 20px;
    font-size: 1rem;
    color: var(--color-blue);
    margin-top: 0px;
    margin-left: -112px;
  }
  #postDeliveryText p:first-child {
    margin-top: 35px;
}
  #managementEndText {
    font-size: 1.1rem;
    padding-left: 13px;
    padding-right: 13px;
  }

  
/* === Corporate ==== */

header.corporate {
  background-size: contain;
  height: 45vh;
  width: auto;
  background-position: bottom;
  }
  #stickerCorporate {
  margin-left: 2%;
  height: 40px;
  width: 40px;
  }

  #corporateTxt p:nth-child(1) {
  margin-left: -10px;
  }
  #headerTextCorporate p:nth-child(2) {
    padding-top: 13px;
  }
  #headerTextCorporate p:nth-child(2), #headerTextCorporate p:nth-child(3) {
    font-size: 1rem;
    margin-left: 11%;
  }
  #headerTextCorporate p:nth-child(2), #headerTextCorporate p:nth-child(3) {
    margin-left: 2%;
  }
  #ourKeyTxt p:nth-child(2), #ourKeyTxt p:nth-child(3), #ourKeyTxt p:nth-child(4) {
    width: 376px;
  }
  #collateralTxt p:nth-child(2), #collateralTxt p:nth-child(3), #collateralTxt p:nth-child(4), #collateralTxt p:nth-child(5) {
    margin-left: -205px;
    width: 350px;
  }
  #corporateTxt p:nth-child(2),#corporateTxt p:nth-child(3), #corporateTxt p:nth-child(4) {
    width: 335px;
    margin-left: -180px;
  }
  #corporateImgTxt {
    height: 315px;
    padding-right: 35px;
  }
  #collateralImg img {
    margin-left: -70px;
  }
  #ourKeyImgTxt {
    height: 430px;
  }
  #ourKeyImg img {
    margin-left: -95px;
  }
  #ourKeyTxt p:nth-child(1) {
    position: relative;
    margin-left: 60px;
    font-size: 1rem;
    width: 170px;
    z-index: 2000;
  }
  #collateralTxt {
    margin-right: 0;
    padding: 0px 60px 0px 20px;
  }
 
/* Formulaire Contact*/ 
  #contactTitreh3 {
    font-size: 1.4rem;
  }
  .contactAdresse, .contactDisclamer {
    font-size: 80%;
  }
  #footerContact {
  font-size: 80%;
  }
}
/* =================== Iphone 12 Pro / 13 Pro ===================== */
@media (max-width: 390px) {

 /* ===== WHO WE ARE ==== */
 header.who {
  background-size: contain;
  height: 35vh;
  width: auto;
  background-position: bottom;
}
#whoText p:first-child {
  color: white;
  width: 265px;
}
#stickerWho {
  padding-top: 2px;
  width: 34px;
  margin-left: 2%;
}
#headerTextWho h1 {
  margin-left: 2%;
}
#headerTextWho p {
  font-size: 14px;
  margin-left: 2%;
}
#whoChap1 {
  height: 570px;
}
footer#footer2 a {
  font-size: 0.46rem;
}
/* ===== OUR PROCESS ===== */
header.process {
  background-size: contain;
  height: 34vh;
  width: auto;
  background-position: bottom;
}
#processSticker {
  padding-top: 2px;
  width: 34px;
  margin-left: 2%;
}

/* ===== PROJECT ENABLING ===== */
header.project {
  height: 36vh;
}

/* ===== MANAGEMENT ===== */
header.management {
  background-size: contain;
  height: 37vh;
  width: auto;
  background-position: bottom;
}
#managementSticker {
  padding-top: 0px;
  width: 65px;
  margin-left: 2%;
}
#managementHeader-text {
  padding: 0 0 0 2px;
}
#managementHeader-text h1 {
  color: #2695b2;
  padding-top: 0px;
}

/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
.talkFinance #logo {
  padding-top: 45px;
}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 34vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}
#talkFinanceFundingTitre, #availableFundingTitre {
  font-size: 1.5rem;
}
#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinance-txt {
    font-size: 0.85rem;
    padding: 0 10px;
}

#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}
#sectionTalkFinance3 {
height: 260px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}

#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#talkFinanceFunding {
height: 695px;}

.financeColone1, #financeColone2, #financeColone3 {
width: 110%;
}

#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 270px;
}
#talkFinanceFundingTextNumero3 {
height: 545px;
}
#case1a, #case2a, #case3a, #case4a, #case5a, #case6a, #case7a {
  width: 100%;
  padding-right: 185px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p, #texte-case7a p{
font-size: 1rem;
width: 175%;
}
#texte-case6a p {
  width : 165%
}

#texte-case1a p {
margin-left: -8px;
}
#texte-case1a {
  padding-left: 8px;
}
#texte-case2a {
  padding-left: 0px;

}
#texte-case3a {
  padding-left: 0px;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
.financeColone1 #case8 video {
margin-top: -5px;
margin-left: 90px;
height: 50%;
width: 50%;
}
/* ----------------- */
#avalaibleFunding {
height: 1735px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 0px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}

#availableColone3 {
padding-top: 55px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
width: 50%;
margin-top: 17px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
width: 175%;
}
#availableCase3a p {
  font-size: 1rem;
  width: 165%;
  }
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: -60px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;}

#availableFundingTitre {
font-size: 1.5rem;
}
#texte-case1a, #texte-case2a, #texte-case3a {
  padding-top: 12%;
}
#texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
  padding-top: 18%;
}
#texte-case4a{
margin-left: 3px;
}

#texte-case5a, #texte-case6a, #texte-case7a {
margin-left: 4px;
}
#texte-case6a {
margin-left: -15px;
}
#availableColone1 {
padding-left: 0px;
}
#availableColone2{
width:100%;
}
#availableColone2 #case8  {
display: flex;
width: 100%;
}
#availableColone2 #case8 video {
  width: initial;
  right: 0px;
  top: 90px;
  padding-right: 740px;

}
#availableCase4a p, #availableCase5a p {
padding-left: 40px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}

 /* ===== BIOGRAPHY ==== */
 header.biography {
  background-size: contain;
  height: 36vh;
  width: auto;
  background-position: bottom;
}
#chiefOperatingTitre {
  margin-left: -30px;
}
#biographySticker {
  padding-top: 0px;
  width: 34px;
  margin-left: 2%;
}
#biographyHeader-text {
  font-size: 1rem;
  padding: 0 0 0 2px;
}
#directorText p {
  width: 300px;
}
#wheelTwoo img {
  margin-left: 05px;
}
/* === Corporate ==== */

header.corporate {
  background-size: contain;
  height: 38vh;
  width: auto;
  background-position: bottom;
  }
  #stickerCorporate {
  margin-left: 2%;
  height: 40px;
  width: 40px;
  }
  #corporateTxt p:nth-child(1) {
  margin-left: -10px;
  }
  #headerTextCorporate p:nth-child(2) {
    padding-top: 13px;
  }
  #headerTextCorporate p:nth-child(2), #headerTextCorporate p:nth-child(3) {
    font-size: 1rem;
    margin-left: 11%;
  }
  #headerTextCorporate p:nth-child(2), #headerTextCorporate p:nth-child(3) {
    margin-left: 2%;
  }
  #ourKeyTxt p:nth-child(2), #ourKeyTxt p:nth-child(3), #ourKeyTxt p:nth-child(4) {
    width: 370px;
  }
  #collateralTxt p:nth-child(2), #collateralTxt p:nth-child(3), #collateralTxt p:nth-child(4), #collateralTxt p:nth-child(5) {
    margin-left: -190px;
    width: 340px;
  }
  #corporateTxt p:nth-child(2),#corporateTxt p:nth-child(3), #corporateTxt p:nth-child(4) {
    width: 345px;
    margin-left: -180px;
  }
  #corporateImgTxt {
    height: 315px;
    padding-right: 35px;
  }
  #collateralImg img {
    margin-left: -70px;
  }
  #ourKeyImgTxt {
    height: 430px;
  }
  #ourKeyImg img {
    margin-left: -130px;
  }
  #ourKeyTxt p:nth-child(1) {
    position: relative;
    margin-left: 2px;
    font-size: 1rem;
    width: 170px;
    z-index: 2000;
  }
  #collateralTxt {
    margin-right: 0;
    padding: 0px 60px 0px 20px;
  }
/* ===== TEAM ===== */
header.team {
  background-size: contain;
  background-position: bottom;
  height: 40vh;
  width: auto;
}
#header-text p {
  font-size: 0.7rem;
}
#team_text {
  font-size: 1.3rem;
}
#teamSticker {
margin : 10px 0 0 10px
}
.carte {
  height: 30vh;
}
/* Formulaire Contact*/ 
#contactTitreh3 {
  font-size: 1.3rem;
}
.contactAdresse, .contactDisclamer {
  font-size: 80%;
}
#footerContact {
font-size: 80%;
}
}
/* =================== Iphone 6/7/8 ===================== */

@media (max-width: 375px) {
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 58.1%;
  }

  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -19px;
    height: 85px;
  }
  .nav .menu li a {
    padding-left: 10px;
}
.wrapper .nav .menu li a {
  font-size: 0.8rem;
}
  #logo {
    padding-top: 45px;
  }
  .langue {
    left: 54%;
    top: 12%;
    transform: translate(-50%, -50%);
  }
  #footer a {
    font-size: 0.48rem;
}
  .container {
    margin-top: 0%;
    margin-left: 4%;
    line-height: 114%;
  }
  .container2 {
    margin-top: 2%;
    margin-left: 65%;
    line-height: 140%;
  }
  .container3 {
    margin-top: 1%;
    margin-left: 8%;
  }
  .container4 {
    margin-left: 5%;
    margin-top: 2%;
  }
  .container5 {
    margin-top: 2%;
    margin-left: 8%;
  }
  .container6 {
    margin-top: 2%;
    margin-left: 6%;
  }
  #footer {
    height: 48px;
  }
  #footer_container_2,  #footer_container_3 {
    font-size: 70%;
  }  
  #footer_container_3 {
    margin-left: 15px;
  }  
  .sticker {
    width: min(50vw, 140px);
  }
    #sticker4{
      width: min(50vw, 140px);
  }
  footer.a {
    font-size: 94%;
  }
  /* ===== PROCESS ======*/

  header.process {
    background-size: contain;
    height: 42vh;
    width: auto;
    background-position: bottom;
  }
  .process #nav1 {
    opacity: initial;
  }
  .process .langue {
    top: 6%;
    left: 55%;
  }
  #process-time {
    font-size: 2rem;
  }
  #processSticker {
    padding-top: 2px;
    width: 40px;
  }
  .process #logo {
    padding-top: 40px;
  }
  /* ===== TEAM ======*/
  .team .langue {
    top:11%
  }
  header.team #logo {
    padding-top: 50px;
  }
  #teamSticker {
    width: min(30vw, 30px);
    margin: 10px 0 0 15px;
    opacity: initial;
  }
  header.team {
    background-size: contain;
    background-position: bottom;
    height: 47vh;
    width: auto;
  }
  #header-text h1 {
    font-size:0.7rem;
  }
  #header-text p {
    font-size: 0.7rem;
  }
  .langue {
    left: 62%;
  }
  .carte {
    height: 45vh;
  }
  .carte svg {
    margin-left: 0%;
  }
  .col {
    margin : 3%;
  }
  .col .sticker p {
    font-size: 60%;
  }
  /* ===== WHO WE ARE ==== */
  header.who {
    background-size: contain;
    height: 42vh;
    width: auto;
    background-position: bottom;
  }
  .langue {
    left: 55%;
  }
  #chap1,
  #chap2 {
    flex-direction: column;
  }
  .whoOblique {
    display: none;
  }
  #whoText p:nth-child(5),
  #whoText p:nth-child(4),
  #whoText p:nth-child(3),
  #whoText p:nth-child(2) {
    width: 200%;
  }
  .whoH1 {
    font-size: 15px;
  }
  #headerTextWho p {
    font-size: 15px;
    margin-left: 5%;
  }
  #stickerWho {
    padding-top: 1px;
    width: 34px;
    margin-left: 5%;
  }

  #whoChap2 {
    height: 300px;
    width: 100%;
  }
  #whoTwooChap1 {
    padding-top: 90px;
    width: 100%;
  }
  #whoTwooChap2 {
    display: none;
  }
  .whoTree {
    padding-top: 320px;
  }
  #whoTree {
    height: 50px;
    margin-top: 145px;
  }
  #whoTitre {
    padding-top: 10px;
    font-size: 2rem;
  }
  #whoText {
    padding-right: 15px;
}
  #whoText2 {
    width: 340px;
  }
  #tetes {
    margin-left: 2px;
  }
  #tetes img {
    height: 360px;
  }
  #textSurImage {
    height: 50px;
    font-size: 12px;
    margin-top: -65px;
  }
  #whoButton {
    font-size: 1rem;
  }
  footer#footer2 p {
    margin-left: 4%;
  }
  #footer_button {
    margin-right: 25px;
    width: 240px;
  }
  header.who #nav1 {
    height: 0px;
    opacity: initial;
  }
  #headerTextWho h1 {
    margin-left: 5%;
  }
  footer#footer2 a {
    font-size: 0.44rem;
  }
  /* ===== PROJECT ENABLING  ====== */
  /*-- menu entete --*/

  header.project {
    background-size: contain;
    height: 44vh;
    width: auto;
    background-position: bottom;
  }
  header.project nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  header.project #logo {
    padding-top: 35px;
    padding-right: 25px;
  }

  header.project .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
    padding-top: 0;
    left: 50%;
  }

  .project #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #enablingTitre {
    padding-left: 0px;
    width: 335px;
  }
  #enablingTitre h1 {
    font-size: 1.8rem;
  }
  #enablingTitre p {
    font-size: 0.8rem;
  }
  #programEnabling::after {
    height: 10px;
  }
  #projectSticker {
    width: min(30vw, 30px);
    margin-top: 21%;
  }
  #projectHeader-text {
    padding: 0 0 0 6px;
  margin-left: 0%;
  }
  #projectHeader-text h1 {
    font-size: 80%;
  }
  #projectHeader-text p {
    font-size: 0.8rem;
  }
  #cible img,
  #puzzle img,
  #stylo img {
    width: 100px;
    height: auto;
  }
  #projectOperational {
    padding: 15px 0 15px 20px;
    width: 190px;
  }
  #projectText {
    padding-left: 0px;
    font-size: 0.8rem;
  }
  #master::after {
    height: 10px;
  }
  #projectCooperation {
    font-size: 1rem;
    padding: 5px 0;
    width: 145px;
  }
  #cooperationText {
    font-size: 88%;
    width: 172px;
  }
  #projectCoop::after {
    height: 30px;
  }
  #projectStylo {
    width: 150px;
    padding-left: 40px;
  }
  #styloText {
    padding-left: 0;
    font-size: 82%;
    width: 225px;
  }
  #budget::after {
    height: 20px;
  }
  #plan img,
  #plante img {
    height: 100px;
  }
  #planIndustrial {
    width: 150px;
  }
  #planText {
    width: 216px;
    font-size: 70%;
  }
  #planteTitre {
    padding: 15px 0 15px 25px;
    width: 175px;
  }
  #supplyText {
    width: 226px;
    font-size: 0.8rem;
    margin-right: 15px;
  }
  #mainStylo img {
    height: 170px;
  }
  #negociatingContrating {
    width: 185px;
    padding: 15px 0px 15px 6px;
  }
  #negociatingTitre {
   text-align:start;
    padding-right: 0px;
    padding-left: 84px;
    width: 195px;
  }
  #negociatingText {
    padding-right: 0px;
    padding-left: 20px;
    font-size: 80%;
    margin-left: 35px;
    width: 170px;
  }
  #ProjectEndText p {
    font-size: 1.3rem;
  }
  /* =====  Management ===== */

  /*-- menu entete --*/

  header.management {
    background-size: contain;
    height: 45vh;
    width: auto;
    background-position: bottom;
  }

  #managementSticker {
    padding-top: 0px;
    padding-right: 5px;
    width: min(50vw, 50px);
  }
  header.management #managementHeader-text h1 {
    font-size: 35%;
  }
  header.management #managementHeader-text p {
    font-size: 100%;
  }
  header.management #nav1 {
    background-color: #000;
  }

  header.management .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.management .langue {
    padding-top: 0;
    left: 51%;
  }
  header.management #logo img {
    padding-top: 0px;
  }
  #managementHeader-text {
    padding: 0;
  }
  #managementHeader-text h1 {
    padding-top: 3px;
}
  .management #nav1.nav {
    margin-top: 15px;
    opacity: initial;
  }
  .management #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #managementTitre h1 {
    font-size: 2.5rem;
  }
  #managementTitre p {
    font-size: 1rem;
  }
  #ampoule {
    margin-bottom: 15px;
  }
  #ampoule img {
    height: 100px;
  }
  #programMaster {
    width: 165px;
    padding: 20px 0 20px 30px;
  }
  #programMasterText {
    padding-left: 115px;
    margin-top: 40px;
    font-size: 0.8rem;
    text-align: justify;
    width: 480px;
  }
  #carteImg img {
    height: 85px;
    margin-right: 15px;
  }
  #countryLocalisation {
    width: 170px;
    font-size: 1.1rem;
  }
  #countryText {
    margin-top: 40px;
    margin-right: -125px;
    align-items: flex-start;
  }
  #countryText p {
    padding-left: 5px;
    padding-right: 0px;
    text-align: justify;
    font-size: 0.8rem;
  }
  #countryText p:nth-child(1) {
    padding-left: 5px;
    align-items: flex-start;
  }
  #localisation:after {
    height: 25px;
  }
  #monnaie img {
    height: 120px;
  }
  #financialManagement {
    font-size: 1rem;
    padding: 15px 0 15px 19px;
    width: 150px;
  }
  #financialText {
    margin-top: 0px;
    margin-left: -140px;
  }
  #financialText p:nth-child(1) {
    padding-top: 60px;
  }
  #financialText p {
    font-size: 1rem;
  }
  #monnaie {
    margin: 15px 0px 15px 10px;
  }
  #finance::after {
    height: 15px;
  }
  #deliveryBloc img {
    margin-right: 10px;
    height: 100px;
  }
  #countryLocalisation,
  #deliveryAcceptance {
    margin-top: 10px;
    font-size: 1rem;
    width: 170px;
  }
  #deliveryText {
    padding-top: 0px;
    margin-top: 50px;
    margin-right: -125px;
    margin-left: 25px;
    align-items: flex-start;
  }
  #deliveryText p {
    font-size: 1rem;
    text-align: justify;
    width: 230px;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 0px;
  }
  #post:before {
    height: 25px;
  }
  #bousole {
    margin: 45px 5px;
  }
  #bousole img {
    height: 100px;
  }
  #postDeliveryTitre {
    padding-left: 0px;
    font-size: 1rem;
    width: 150px;
  }
  #postDeliveryText {
    padding-top: 20px;
    font-size: 1rem;
    color: var(--color-blue);
    margin-top: 0px;
    margin-left: -112px;
  }

  #managementEndText {
    font-size: 1.1rem;
    padding-left: 10px;
    padding-right: 10px;
  }

/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
.talkFinance #logo {
  padding-top: 45px;
}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 40vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}
#talkFinanceFundingTitre, #availableFundingTitre {
  font-size: 1.5rem;
  width: 100%;
}
#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinance-txt {
    font-size: 0.8rem;
    padding: 0 10px;
}

#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}
#sectionTalkFinance3 {
height: 260px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
}
#talkFinanceFundingTextNumero {
flex-wrap: wrap; 
width: 100%
}
#talkFinanceFundingTextNumero2 {
flex-wrap: wrap; 
width: 100%;
}
#talkFinanceFundingTextNumero3 {
  flex-wrap: wrap; 
  width: 100%
  }
#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#talkFinanceFunding {
height: 695px;}

.financeColone1, #financeColone2, #financeColone3 {
width: 100%;
}

#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 270px;
}
#talkFinanceFundingTextNumero3 {
height: 545px;
}
#case1 {
  margin-left: -5px;
}
 #case2, #case3 {
  margin-left: -35px;
}

#case1a, #case2a, #case3a, #case4a, #case5a, #case6a, #case7a {
  width: 100%;
  padding-right: 185px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p {
font-size: 1rem;
width: 200%;
}
#texte-case4a p, #texte-case5a p, #texte-case7a p{
  font-size: 1rem;
  width: 175%;
  }
#texte-case6a p {
  width : 165%
}

#texte-case1a p {
margin-left: 0px;
}
#texte-case1a {
  padding-left: 8px;
}
#texte-case2a {
  padding-left: 0px;

}
#texte-case3a {
  padding-left: 0px;
}
#texte-case6a p{
  font-size: 1rem;
  width: 150%;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
.financeColone1 #case8 video {
margin-top: -5px;
margin-left: 90px;
height: 50%;
width: 50%;
}
/* ----------------- */
#avalaibleFunding {
height: 1735px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 0px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}

#availableColone3 {
padding-top: 55px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
width: 50%;
margin-top: 17px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
width: 170%;
}
#availableCase3a p {
  font-size: 1rem;
  width: 140%;
  }
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: -60px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;}

#availableFundingTitre {
font-size: 1.5rem;
}
#texte-case1a, #texte-case2a, #texte-case3a {
  padding-top: 12%;
}
#texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
  padding-top: 18%;
}
#texte-case4a{
margin-left: -7px;
}

#texte-case5a, #texte-case6a, #texte-case7a {
margin-left: -7px;
}
#texte-case6a {
margin-left: -26px;
}
#availableColone1 {
padding-left: 0px;
}
#availableColone2{
width:100%;
}
#availableColone2 #case8  {
display: flex;
width: 100%;
}
#availableColone2 #case8 video {
  width: initial;
  right: 0px;
  top: 90px;
  padding-right: 740px;

}
#availableCase4a p, #availableCase5a p {
padding-left: 40px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}


/* BIOGRAPHY */

header.biography {
  background-size: contain;
  height: 43vh;
  width: auto;
  background-position: bottom;
}
header.biography .nav#nav1 {
  height: 0px;
  opacity: initial;
  }
  .langue {
  top: 4%;
  }
  #biographySticker {
  width: min(20vw, 50px);
  }
  #biographyHeader-text {
  font-size: 0.8rem;
  }  
  #biography_title {
  height: 65px;
  }

  #biography_title h1 {
  font-size: 3rem;
  }
  #chairmanText p {
    width: 290px;
}
  /* -------------*/
  
  #chairman {
  height: auto;
  }
  #chairmanText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -70px;
  }
  
  #chairmanBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  
  #chairmanTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chairmanTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelOne img {
  padding-left: 7%;
  height: 60px;
  width:60px;
  }
  /*----------------------*/
  
  #sectionChiefFinancial {
    height: 400px;
}
  #chiefFiancialText p {
  margin-left: 30px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #chiefFinancialTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelTwoo img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  /*------------------------*/
  
  #sectionChiefOperating:before {
  height: 35px;
  }
  #chiefOperating {
  height: auto;
  }
  #chiefOperatingText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  }
  #chiefOperatingBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  #chiefOperatingTitre {
  text-align: center;
  width: 170px;
  margin-left: -25px;
  height: 25px;
  }
  #chiefOperatingTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelTwoo img {
    padding-left: 0;
    margin-left: 2%;
}
  #wheelthree img {
  padding-left: 7%;
  height: 60px;
  width: auto;
  }
  /* Director */
  
  #director {
  height: 375px;
  }
  #directorText p {
  margin-left: 30px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #directorTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelFour img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  
/* === Corporate ==== */

header.corporate {
  background-size: contain;
  height: 48vh;
  width: auto;
  background-position: bottom;
  }

  #headerTextCorporate p:nth-child(2), #headerTextCorporate p:nth-child(3) {
    font-size: 1rem;
    margin-left: 11%;
  }
  #headerTextCorporate p:nth-child(2), #headerTextCorporate p:nth-child(3) {
    margin-left: 2%;
  }
  #ourKeyTxt p:nth-child(2), #ourKeyTxt p:nth-child(3), #ourKeyTxt p:nth-child(4) {
    width: 335px;
  }
  #collateralTxt p:nth-child(2), #collateralTxt p:nth-child(3), #collateralTxt p:nth-child(4), #collateralTxt p:nth-child(5) {
    margin-left: -175px;
    width: 300px;
  }
  #corporateTxt p:nth-child(2),#corporateTxt p:nth-child(3), #corporateTxt p:nth-child(4) {
    width: 300px;
    margin-left: -158px;
  }
  #corporateImgTxt {
    height: 375px;
    padding-right: 35px;
  }
  #collateralImgTxt {
    height: 470px;
}
  #collateralImg img {
    margin-left: -70px;
  }
  #ourKeyImgTxt {
    height: 430px;
  }
  #ourKeyImg img {
    margin-left: -130px;
  }
  #ourKeyTxt p:nth-child(1) {
    position: relative;
    margin-left: 2px;
    font-size: 1rem;
    width: 170px;
    z-index: 2000;
  }
  #collateralTxt {
    margin-right: 0;
    padding: 0px 60px 0px 20px;
  }
  #ourKeyTxt p:nth-child(2), #ourKeyTxt p:nth-child(3), #ourKeyTxt p:nth-child(4) {
    width: 340px;
}
}

/* ==================== Iphone X ========================= */

@media (width: 375px) and (height: 812px) {
  #logo {
    padding-top: 40px;
  }
  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -14px;
    height: 90px;
  }
  .nav .menu li a {
    font-size: 1rem;
}
.wrapper .nav .menu li a {
  font-size: 1rem;
}
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 69.1%;
  }
  .container {
    margin-top: 2%;
  }
  .container2 {
    margin-top: 2%;
  }
  .container3 {
    margin-top: 4%;
  }

  .container5 {
    margin-top: 4%;
    margin-left: 8%;
  }
  #footer_button {
    height: 85%;
  }
  #footer_container_2 {
    font-size: 75%;
      }
  /* ===== PROCESS ======*/
  
  header.process {
    background-size: contain;
    height: 35vh;
    width: auto;
    background-position: bottom;
  }
  .process #nav1 {
    opacity: initial;
  }
  .process .langue {
    top: 6%;
    left: 55%;
  }
  #process-time {
    font-size: 2rem;
  }
  #processSticker {
    padding-top: 0;
    width: 40px;
  }
  .process #logo {
    padding-top: 40px;
  }
  /* ---------- TEAM Track Record ------ */
  .team .langue {
    top:11%
  }
  header.team #logo {
    padding-top: 65px;
  }
  #teamSticker {
    width: min(30vw, 30px);
    margin: 10px 0 0 15px;
    opacity: initial;
  }
  header.team {
    background-size: contain;
    background-position: bottom;
    height: 41vh;
    width: auto;
  }
  #header-text h1 {
    font-size:0.7rem;
  }
  #header-text p {
    font-size: 0.7rem;
  }
  .carte {
    height: 32vh;
  }
  .carte svg {
    margin-left: 8%;
  }
  .col .sticker p {
    font-size: 60%;
  }
  /* WHO WE ARE */

  header.who {
    background-size: contain;
    background-position: bottom;
    height: 34vh;
    width: auto;
  }
  header.who #nav1 {
    height: 0px;
    opacity: initial;
  }
  #headerTextWho h1 {
    margin-left: 5%;
  }
  #headerTextWho p {
    font-size: 13px;
    margin-left: 5%;
  }
  #stickerWho {
    padding-top: 0px;
    width:35px;
    margin-left: 5%;
  }
  #whoText2 {
    padding-top: 50px;
  }
  /* ===== PROJECT ENABLING  ====== */
  /*-- menu entete --*/

  header.project {
    background-size: contain;
    height: 36vh;
    width: auto;
    background-position: bottom;
  }
  header.project nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  header.project #logo {
    padding-top: 35px;
    padding-right: 25px;
  }

  header.project .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
    padding-top: 0;
    left: 50%;
  }

  .project #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #enablingTitre {
    padding-left: 0px;
    width: 355px;
  }
  #enablingTitre h1 {
    font-size: 1.8rem;
  }
  #enablingTitre p {
    font-size: 0.8rem;
  }
  #programEnabling::after {
    height: 10px;
  }
  #projectSticker {
    width: min(30vw, 30px);
    margin-top: 20%;
  }
  #projectHeader-text {
    margin-left: 0%;
    padding: 0 0 0 10px ;
  }
  #projectHeader-text h1 {
    font-size: 80%;
  }
  #projectHeader-text p {
    font-size: 0.8rem;
  }
  #cible img,
  #puzzle img,
  #stylo img {
    width: 100px;
    height: auto;
  }
  #projectOperational {
    padding: 15px 0 15px 20px;
    width: 140px;
  }
  #projectText {
    padding-left: 0px;
    font-size: 1rem;
  }
  #master::after {
    height: 10px;
  }
  #masterPlan {
    padding: 25px 10px;
  }
  #projectCooperation {
    font-size: 0.8rem;
    padding: 5px 0;
    width: 115px;
  }
  #cooperationText {
    font-size: 1rem;
    width: 195px;
    padding-top: 20px;
  }
  #projectCoop::after {
    height: 30px;
  }
  #schedule {
    padding: 65px 0;
  }
  #projectStylo {
    width: 150px;
    padding-left: 40px;
  }
  #styloText {
    padding-left: 0;
    font-size: 1rem;
    width: 230px;
  }
  #budget::after {
    height: 20px;
  }
  #plan img,
  #plante img {
    height: 100px;
  }
  #planIndustrial {
    width: 150px;
  }
  #planText {
    width: 216px;
    font-size: 1rem;
  }
  #planteTitre {
    padding: 15px 0 15px 25px;
    width: 120px;
  }
  #supplyText {
    width: 200px;
    font-size: 1rem;
    margin-right: 15px;
  }
  #mainStylo img {
    height: 145px;
  }
  #negociatingContrating {
    width: 135px;
    padding: 15px 0px 15px 6px;
  }
  #negociatingTitre {
    text-align: center;
    padding-right: 0px;
    width: 120px;
  }
  #negociatingText {
    padding-right: 0px;
    font-size: 1rem;
    margin-left: -40px;
  }
  #ProjectEndText p {
    font-size: 1.3rem;
  }
  /* =====  Management ===== */

  /*-- menu entete --*/

header.management {
  background-size: contain;
  background-position: bottom;
  height: 35vh;
  width: auto;
}
  #managementSticker {
    padding-top: 1px;
    padding-right: 25px;
    width: min(50vw, 60px);
  }
  #managementHeader-text {
    padding: 0;
  }
  header.management #managementHeader-text h1 {
    font-size: 40%;
  }
  header.management #managementHeader-text p {
    font-size: 100%;
  }
  header.management #nav1 {
    background-color: #000;
  }

  header.management .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.management .langue {
    padding-top: 0;
    left: 51%;
  }
  header.management #logo img {
    padding-top: 0px;
  }
  .management #nav1.nav {
    margin-top: 15px;
    opacity: initial;
  }
  .management #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #managementTitre h1 {
    font-size: 2.5rem;
  }
  #managementTitre p {
    font-size: 1rem;
  }
  #ampoule {
    margin-bottom: 15px;
  }
  #ampoule img {
    margin-left: 60px;
    height: 120px;
  }
  #programMaster {
    width: 165px;
    padding: 20px 0 20px 30px;
  }
  #programMasterText {
    padding-left: 75px;
    margin-top: 40px;
    font-size: 0.8rem;
    text-align: justify;
    width: 480px;
  }
  #carteImg img {
    height: 120px;
    margin-right: 15px;
  }
  #countryLocalisation {
    width: 170px;
    font-size: 1.1rem;
  }
  #countryText {
    margin-top: 40px;
    margin-right: -125px;
    align-items: flex-start;
  }
  #countryText p {
    padding-left: 5px;
    padding-right: 0px;
    text-align: justify;
    font-size: 0.8rem;
  }
  #countryText p:nth-child(1) {
    padding-left: 5px;
    padding-top: 30px;
    align-items: flex-start;
  }
  #localisation:after {
    height: 25px;
  }
  #monnaie img {
    height: 120px;
  }
  #financialManagement {
    font-size: 1rem;
    padding: 15px 0 15px 19px;
    width: 130px;
  }
  #financialText {
    margin-top: 0px;
    margin-left: -140px;
  }
  #financialText p:nth-child(1) {
    padding-top: 60px;
  }
  #financialText p {
    font-size: 0.8rem;
  }
  #monnaie {
    margin: 15px 0px 15px 10px;
  }
  #finance::after {
    height: 15px;
  }
  #deliveryBloc img {
    margin-right: 10px;
    height: 120px;
  }
  #countryLocalisation,
  #deliveryAcceptance {
    margin-top: 10px;
    font-size: 1rem;
    width: 150px;
  }
  #deliveryText {
    padding-top: 0px;
    margin-top: 50px;
    margin-right: -125px;
    margin-left: 25px;
    align-items: flex-start;
  }
  #deliveryText p {
    font-size: 1rem;
    text-align: justify;
    width: 230px;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 0px;
  }
  #post:before {
    height: 25px;
  }
  #bousole {
    margin: 45px 5px;
  }
  #bousole img {
    height: 120px;
    margin-left: 25px;
  }
  #postDeliveryTitre {
    padding-left: 28px;
    font-size: 1rem;
    width: 150px;
  }
  #postDeliveryText {
    padding-top: 20px;
    font-size: 1rem;
    color: var(--color-blue);
    margin-top: 0px;
    margin-left: -112px;
  }

  #managementEndText {
    font-size: 1.1rem;
    padding-left: 10px;
    padding-right: 10px;
  }

/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 34vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}

#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinance-txt {
  font-size: 0.8rem;
}
#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}
#sectionTalkFinance3 {
height: 240px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}

#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}

.financeColone1, #financeColone2, #financeColone3 {
width: 110%;
}
.financeColone1 {
margin-bottom: 0px;
}
#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 270px;
}
#talkFinanceFundingTextNumero3 {
height: 470px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p #texte-case7a p{
font-size: 1rem;
width: 175%;
}

#texte-case1a {
  padding-left: 0px;
}
#texte-case2a, #texte-case3a {
  padding-left: 0px;
  font-size: 80%;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
.financeColone1 #case8 video {
margin-top: -5px;
margin-left: 90px;
height: 50%;
width: 50%;
}
/* ----------------- */
#avalaibleFunding {
height: 1640px;
}
#availableFundingTitre {
margin-top: 550px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 965px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}

#availableColone3 {
padding-top: 55px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
width: 50%;
margin-top: 17px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p,  #availableCase5a p {
font-size: 1rem;
width: 175%;
}
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: 0px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;}
#availableFundingTitre {
font-size: 1.5rem;
}

#availableColone1 {
padding-left: 0px;
}
#availableColone2{
width:100%;
}
#availableColone2 #case8  {
display: flex;
width: 100%;
}
#availableColone2 #case8 video {
  width: initial;
  right: 0px;
  top: 90px;
  padding-right: 0px;
}
#availableCase4a p, #availableCase5a p {
padding-left: 38px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}

/* BIOGRAPHY */

header.biography {
  background-size: contain;
  background-position: bottom;
  height: 35vh;
  width: auto;
}

header.biography .nav#nav1 {
  height: 0px;
  opacity: initial;
  }
  .langue {
  top: 4%;
  }
  #biographySticker {
  width: min(20vw, 40px);
  }
  #biographyHeader-text {
  font-size: 0.8rem;
  }  
  
  #biography_title {
  height: 65px;
  }

  #biography_title h1 {
  font-size: 3rem;
  }
  /* -------------*/
  
  #chairman {
  height: auto;
  }
  #chairmanText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -70px;
  width: auto;
  }
  
  #chairmanBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  
  #chairmanTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chairmanTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelOne img {
  padding-left: 7%;
  height: 60px;
  width:60px;
  }
  /*----------------------*/
  
  #sectionChiefFinancial {
    height: 400px;
}
  #chiefFiancialText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #chiefFinancialTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelTwoo img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  /*------------------------*/
  
  #sectionChiefOperating:before {
  height: 35px;
  }
  #chiefOperating {
  height: auto;
  }

  #chiefOperatingText p {
    padding-right: 0px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -65px;
  }
  #directorText p {
    width: 320px;
}
  #chiefOperatingBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  #chiefOperatingTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chiefOperatingTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelthree img {
  padding-left: 7%;
  height: 60px;
  width: auto;
  margin-left: 0;
  }
  /* Director */
  
  #director {
  height: 390px;
  }
  #directorText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #directorTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelFour img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }

  /*====== Corporate Governance ======= */

  header.corporate {
    background-size: contain;
    height: 38vh;
    width: auto;
    background-position: bottom;
  }

  header.corporate .nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  #collateralSvgHaut,
  #collateralSvgBas,
  #svgHaut,
  #svgBas {
    display: none;
  }
  .corporate #logo {
    padding-top: 64px;
  }
  .corporate #nav1 {
    height: 0px;
  }

  #stickerCorporate {
    margin-top: 1%;
    margin-left: 4%;
    height: 40px;
    width: 40px;
  }
  #headerTextCorporate p:nth-child(2),
  #headerTextCorporate p:nth-child(3) {
    font-size: 0.8rem;
    margin-left: 4%;
  }
  #corporateH1 p {
    font-size: 1.6rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;

    height: 60px;
  }
  #corporateImg img,
  #ourKeyImg img,
  #collateralImg img {
    margin-top: 30px;
    width: 100px;
  }
  #ourKeyImg {
    padding-left: 320px;
}
  #corporateImgTxt {
    height: 320px;
  }
  #corporateTxt p:nth-child(1) {
    width: 150px;
    margin-left: 18px;
    font-size: 1rem;
  }
  #corporateTxt p:nth-child(2) {
    width: 290px;
    margin-top: 40px;
    margin-left: -125px;
    padding-top: 35px;
  }
  #corporateTxt p:nth-child(3),
  #corporateTxt p:nth-child(4) {
    width: 290px;
    margin-left: -125px;
  }
  #ourKeyTxt {
    width: 50%;
    padding-left: 255px;
  }
  #ourKeyImgTxt {
    margin-left: -250px;
    height: 410px;
  }
  #ourKeyTxt p:nth-child(1) {
    margin-left: 75px;
    font-size: 1rem;
    width: 150px;
  }
  #ourKeyTxt p:nth-child(2) {
    height: 100px;
    margin-top: 105px;
  }
  #ourKeyTxt p:nth-child(2),
  #ourKeyTxt p:nth-child(3),
  #ourKeyTxt p:nth-child(4) {
    width: 330px;
    font-size: 1rem;
  }

  #collateralImgTxt {
    height: 460px;
  }
  #collateralTxt p:nth-child(1) {
    width: 150px;
    font-size: 1rem;
    margin-left: -35px;
  }
  #collateralTxt p:nth-child(2) {
    height: 100px;
    margin-top: 105px;
  }
  #collateralTxt p:nth-child(2),
  #collateralTxt p:nth-child(3),
  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    width: 290px;
    font-size: 1rem;
    margin-left: -165px;
  }

  #collateralTxt p:nth-child(2),
  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    padding-top: 12px;
  }
}

/* =========== GALAXY S8+ - S9 ===================*/
@media (max-width: 360px) {
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 65.1%;
  }
  #logo {
    padding-top: 40px;
  }
  #footer a {
    font-size: 0.42rem;
}
  .container {
    line-height: 150%;
    margin-left: 8%;
  }
  .container2 {
    margin-top: 2%;
  }
  .container4,
  .container3,
  .container6 {
    margin-left: 8%;
  }
  .container5 {
    margin-top: 2%;
    margin-left: 8%;
  }

  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -14px;
    height: 92px;
  }
  #nav1.responsive ul.menu.menuP li {
    width: 80%;
}
  #flecheBA_resp,
  #flecheBB_resp {
    width: 100%;
  }
  #footer_button {
    font-size: 75%;
  }
  #footer_container_2 {
    font-size: 75%;
  }
  /* ===== PROCESS ======*/
  
  header.process {
    background-size: contain;
    height: 40vh;
    width: auto;
    background-position: bottom;
  }

  .process #nav1 {
    opacity: initial;
  }
  .process .langue {
    top: 6%;
    left: 55%;
  }
  #process-time {
    font-size: 2rem;
  }
  #processSticker {
    padding-top: 5px;
    width: 30px;
  }
  .process #logo {
    padding-top: 40px;
  }

  /* Team  Track Record */
  .team .langue {
    top:11%
  }
  header.team #logo {
    padding-top: 50px;
  }
  #teamSticker {
    width: min(30vw, 30px);
    margin: 10px 0 0 15px;
    opacity: initial;
  }
  header.team {
    background-size: contain;
    background-position: bottom;
    height: 43vh;
    width: auto;
  }
  #header-text p {
    font-size: 0.7rem;
  }
  #team_text {
    font-size: 1.2rem;
}
  header.team #logo {
    padding-top: 60px;
  }
  .carte {
    height: 35vh;
  }

  .carte svg {
    margin-left: 0%;
  }
  .col .sticker p {
    font-size: 60%;
  }
  /* who are */
  #chap1,
  #chap2 {
    flex-direction: column;
  }
  .whoOblique {
    display: none;
  }
  #whoText p:nth-child(4),
  #whoText p:nth-child(3),
  #whoText p:nth-child(2) {
    width: 180%;
  }
  header.who {
    height: 38vh;
    background-position: bottom;
  }
  header.who #nav1 {
    height: 0px;
    opacity: initial;
  }
  .whoH1 {
    font-size: 15px;
  }
  #whoText {
    width: 188px;
  }
  #whoText p:nth-child(5) {
    width: 190%;
}
  #whoTitre {
  padding-bottom: 22px;}
  #headerTextWho h1 {
    margin-left: 5%;
  }
  #headerTextWho p {
    font-size: 15px;
    margin-left: 5%;
  }
  #stickerWho {
    width: 30px;
    margin-left: 5%;
    padding-top: 1px;
  }
  #whoChap1 {
    height: 620px;
  }
  #whoChap2 {
    height: 300px;
    width: 100%;
  }
  #whoTwooChap1 {
    padding-top: 90px;
    width: 100%;
  }
  #whoTwooChap2 {
    display: none;
  }
  .whoTree {
    padding-top: 300px;
  }
  #whoTitre {
    padding-top: 10px;
    font-size: 2rem;
  }
  #whoText2 {
    width: 320px;
    padding-top: 40px;
  }
  #tetes {
    margin-left: 2px;
  }
  #tetes img {
    height: 370px;
    padding-left: 9px;
  }
  #textSurImage {
    height: 50px;
    font-size: 12px;
    margin-top: -65px;
  }
  #whoButton {
    font-size: 1rem;
  }
  footer#footer2 a {
    font-size: 0.42rem;
  }
  footer#footer2 p {
    margin-left: 4%;
  }
  #footer_button {
    margin-right: 25px;
  }
  /* ===== PROJECT ENABLING  ====== */
  /*-- menu entete --*/

  header.project {
    background-size: contain;
    height: 39vh;
    width: auto;
    background-position: bottom;
  }
  header.project nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  header.project #logo {
    padding-top: 35px;
    padding-right: 25px;
  }

  header.project .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
    padding-top: 0;
    left: 50%;
  }
  #projectHeader-text {
    padding: 10px 10px;
}
  .project #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }

  #enablingTitre h1 {
    font-size: 0.8rem;
  }
  #enablingTitre p {
    font-size: 0.8rem;
  }
  #programEnabling::after {
    height: 10px;
  }
  #projectSticker {
    width: min(30vw, 30px);
    margin-top: 19%;
  }
  #projectHeader-text {
 margin-left: 0%;
  }
  #projectHeader-text h1 {
    font-size: 70%;
  }
  #projectHeader-text p {
    font-size: 0.75rem;
  }
  #cible img,
  #puzzle img,
  #stylo img {
    width: 100px;
    height: auto;
  }
  #projectOperational {
    padding: 15px 0 15px 20px;
    width: 140px;
  }
  #projectText {
    padding-left: 0px;
    font-size: 0.8rem;
  }
  #master::after {
    height: 10px;
  }
  #projectCooperation {
    font-size: 0.8rem;
    padding: 5px 0;
    width: 115px;
  }
  #cooperationText {
    font-size: 88%;
    width: 171px;
  }
  #projectCoop::after {
    height: 30px;
  }
  #plante {
    margin-left: 65px;
  }
  #projectStylo {
    width: 150px;
    padding-left: 40px;
  }
  #styloText {
    padding-left: 0;
    font-size: 82%;
    width: 215px;
  }
  #budget::after {
    height: 20px;
  }
  #plan img,
  #plante img {
    height: 100px;
  }
  #planIndustrial {
    width: 150px;
  }
  #planText {
    width: 190px;
    font-size: 70%;
  }
  #planteTitre {
    padding: 15px 0 15px 25px;
    width: 120px;
  }
  #supplyText {
    width: 160px;
    font-size: 0.8rem;
    margin-right: 100px;
  }
  #schedule {
    padding: 45px 0;
  }
  #mainStylo img {
    height: 145px;
  }
  #negociatingContrating {
    width: 195px;
    padding: 15px 7px 15px 6px;
  }
  #negociatingTitre {
    text-align: center;
    padding-right: 0px;
    width: 185px;
  }
  #negociatingText {
    padding-right: 0px;
    font-size: 80%;
  }
  #ProjectEndText p {
    font-size: 1.5rem;
  }
  .process #footer_button {
    margin-right: 10px;
  }
  /* =====  Management ===== */

  /*-- menu entete --*/
  
header.management {
  background-size: contain;
  height: 40vh;
  width: auto;
  background-position: bottom;
}
#managementHeader-text {
  padding: 0;
}
  #managementSticker {
    padding-top: 1px;
    padding-right: 25px;
    width: min(50vw, 70px);
  }
  header.management #managementHeader-text h1 {
    font-size: 100%;
  }
  header.management #managementHeader-text p {
    font-size: 100%;
  }
  header.management #nav1 {
    background-color: #000;
  }

  header.management .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.management .langue {
    padding-top: 0;
    left: 51%;
  }
  header.management #logo img {
    padding-top: 0px;
  }
  .management #nav1.nav {
    margin-top: 15px;
    opacity: initial;
  }
  .management #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #managementTitre h1 {
    font-size: 2rem;
  }
  #managementTitre p {
    font-size: 1rem;
  }
  #ampoule {
    margin-bottom: 15px;
  }
  #ampoule img {
    height: 100px;
  }
  #programMaster {
    width: 165px;
    padding: 20px 0 20px 30px;
  }

  #programMasterText {
    padding-left: 75px;
    margin-top: 40px;
    font-size: 1rem;
    text-align: justify;
    width: 400px;
  }
  #carteImg img {
    height: 85px;
    margin-right: 15px;
  }
  #countryLocalisation {
    width: 170px;
  }
  #countryText {
    font-size: 1rem;
    margin-top: 40px;
    margin-right: -125px;
    align-items: flex-start;
  }
  #countryText p {
    padding-left: 5px;
    padding-right: 0px;
    text-align: justify;
    font-size: 1rem;
  }
  #countryText p:nth-child(1) {
    padding-left: 5px;
    padding-top: 30px;
    align-items: flex-start;
  }
  #localisation:after {
    height: 25px;
  }
  #monnaie img {
    height: 120px;
  }
  #financialManagement {
    font-size: 1rem;
    padding: 15px 0 15px 19px;
    width: 150px;
  }
  #financialText {
    margin-top: 0px;
    margin-left: -140px;
  }
  #financialText p:nth-child(1) {
    padding-left: 0px;
    padding-top: 60px;
  }
  #financialText p {
    font-size: 1rem;
  }
  #monnaie {
    margin: 15px 0px 15px 10px;
  }
  #finance::after {
    height: 15px;
  }
  #deliveryBloc img {
    margin-right: 10px;
    height: 100px;
  }
  #countryLocalisation,
  #deliveryAcceptance {
    margin-left: 80px;
    margin-top: 10px;
    font-size: 1rem;
    width: 150px;
  }
  #deliveryText {
    padding-top: 0px;
    margin-top: 50px;
    margin-right: -125px;
    margin-left: 25px;
    align-items: flex-start;
  }
  #deliveryText p {
    font-size: 1rem;
    text-align: justify;
    width: 230px;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 0px;
  }
  #post:before {
    height: 25px;
  }
  #bousole {
    margin: 45px 5px;
  }
  #bousole img {
    height: 100px;
  }
  #postDeliveryTitre {
    font-size: 1rem;
    width: 170px;
  }
  #postDeliveryText {
    padding-top: 20px;
    font-size: 1rem;
    color: var(--color-blue);
    margin-top: 0px;
    margin-left: -112px;
  }

  #managementEndText {
    font-size: 1.1rem;
    padding-left: 10px;
    padding-right: 10px;
  }

/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 37vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}

#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinance-txt {
  font-size: 0.8rem;
}
#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}
#sectionTalkFinance3 {
height: 260px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
font-size: 1.5rem;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}
#case1a, #case2a, #case3a, #case4a, #case5a, #case6a, #case7a {
  width: 100%;
  padding-right: 145px;
}
#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#talkFinanceFunding {
height: 710px;}

.financeColone1, #financeColone2, #financeColone3 {
width: 110%;
}
.financeColone1 {
margin-bottom: -135px;
}
#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 275px;
}
#talkFinanceFundingTextNumero3 {
height: 540px;
}
#texte-case1a {
padding-left: 0px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p {
font-size: 1rem;
width: 160%;
}
#texte-case6a p, #texte-case7a p {
  font-size: 1rem;
  width: 140%;
}
#texte-case2a, #texte-case3a {
  padding-left: 0px;
  font-size: 80%;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
.financeColone1 #case8 video {
margin-top: -5px;
margin-left: 90px;
height: 50%;
width: 50%;
}
/* ----------------- */
#avalaibleFunding {
height: 1735px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 1062px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}

#availableColone3 {
padding-top: 55px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
width: 50%;
margin-top: 17px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
width: 175%;
}
#availableCase3a p {
  font-size: 1rem;
  width: 165%;
  }
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: 0px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;
font-size: 1.3rem;
}
#talkFinanceFundingTextNumero {
  height: 420px;
}
#availableFundingTextNumero {
  height: 365px;
  padding: 8px 0px 5px 0px;
}
#availableColone1 {
padding-left: 0px;
}
#availableColone2{
width:100%;
}
#availableColone2 #case8  {
display: flex;
width: 100%;
}
#availableColone2 #case8 video {
  width: initial;
  right: 0px;
  top: 95px;
  padding-right: 0px;
}
#availableCase4a p, #availableCase5a p {
padding-left: 30px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}

/* BIOGRAPHY */

header.biography {
  background-size: contain;
  height: 40vh;
  width: auto;
  background-position: bottom;
}
header.biography .nav#nav1 {
  height: 0px;
  opacity: initial;
  }
  .langue {
  top: 4%;
  }
  #biographySticker {
  width: min(20vw, 30px);
  }
  #biographyHeader-text {
  font-size: 0.8rem;
  }  
  
  #biography_title {
  height: 65px;
  }

  #biography_title h1 {
  font-size: 3rem;
  }
  #chairmanText p {
    width: 277px;
}
#directorText p {
  width: 315px;
}
  /* -------------*/
  
  #chairman {
  height: auto;
  }
  #chairmanText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -70px;
  }
  
  #chairmanBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  
  #chairmanTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chairmanTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelOne img {
  padding-left: 7%;
  height: 60px;
  width:60px;
  }
  /*----------------------*/
  
  #sectionChiefFinancial {
    height: 460px;
}
  #chiefFiancialText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #chiefFinancialTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelTwoo img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  /*------------------------*/
  
  #sectionChiefOperating:before {
  height: 35px;
  }
  #chiefOperating {
  height: 320px;
  }
  #chiefOperatingText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -50px;
  }
  #chiefOperatingBlock {
  padding-left: 50px;
  padding-right: 0px;
  width: auto;
  }
  #chiefOperatingTitre {
  text-align: center;
  width: 170px;
  margin-left: -50px;
  height: 25px;
  }
  #chiefOperatingTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelthree img {
  padding-left: 0%;
  height: 60px;
  width: auto;
  margin-left: -15%;
  }
  /* Director */
  
  #director {
  height: 465px;
  }
  #directorText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #directorTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelFour img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  
  /*====== Corporate Governance ======= */

  header.corporate {
    background-size: contain;
    height: 43vh;
    width: auto;
    background-position: bottom;
  }

  header.corporate .nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  #collateralSvgHaut,
  #collateralSvgBas,
  #svgHaut,
  #svgBas {
    display: none;
  }
  .corporate #logo {
    padding-top: 64px;
  }
  .corporate #nav1 {
    height: 0px;
  }

  #stickerCorporate {
    margin-top: 1%;
    margin-left: 4%;
    height: 40px;
    width: 40px;
  }
  #headerTextCorporate p:nth-child(2),
  #headerTextCorporate p:nth-child(3) {
    font-size: 0.8rem;
    margin-left: 4%;
  }
  #corporateH1 p {
    font-size: 1.6rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
  }
  #corporateImg img,
  #ourKeyImg img,
  #collateralImg img {
    margin-top: 30px;
    width: 100px;
  }
  #ourKeyImg {
    padding-left: 315px;
}
  #corporateImgTxt {
    height: 320px;
  }
  #corporateTxt p:nth-child(1) {
    width: 150px;
    margin-left: 18px;
    font-size: 1rem;
  }
  #corporateTxt p:nth-child(2) {
    width: 290px;
    margin-top: 50px;
    margin-left: -125px;
    padding-top: 35px;
  }
  #corporateTxt p:nth-child(3),
  #corporateTxt p:nth-child(4) {
    width: 290px;
    margin-left: -125px;
  }
  #ourKeyTxt {
    width: 50%;
    padding-left: 255px;
  }
  #ourKeyImgTxt {
    margin-left: -250px;
    height: 410px;
  }
  #ourKeyTxt p:nth-child(1) {
    margin-left: 75px;
    font-size: 1rem;
    width: 150px;
  }
  #ourKeyTxt p:nth-child(2) {
    height: 100px;
    margin-top: 105px;
  }
  #ourKeyTxt p:nth-child(2),
  #ourKeyTxt p:nth-child(3),
  #ourKeyTxt p:nth-child(4) {
    width: 330px;
    font-size: 1rem;
  }

  #collateralImgTxt {
    height: 460px;
  }
  #collateralTxt p:nth-child(1) {
    width: 150px;
    font-size: 1rem;
    margin-left: -35px;
  }
  #collateralTxt p:nth-child(2) {
    height: 100px;
    margin-top: 105px;
  }
  #collateralTxt p:nth-child(2),
  #collateralTxt p:nth-child(3),
  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    width: 290px;
    font-size: 1rem;
    margin-left: -165px;
  }
  #collateralTxt p:nth-child(2),
  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    padding-top: 12px;
  }
  /* Formulaire Contact*/ 
  #contactTitreh3 {
    font-size: 1.2rem;
  }
  .contactAdresse, .contactDisclamer {
    font-size: 80%;
  }
  #footerContact {
  font-size: 80%;
  }
}

/*  ===================== SAMSUNG S5 / S7 ================*/

@media (width: 360px) and (height: 640px) {
  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -14px;
  }
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 56.1%;
  }
  .wrapper .nav .menu li a {
    font-size: 1rem;
}
  #logo {
    padding-top: 40px;
  }
  .slide {
    letter-spacing: 0px;
  }
  .container {
    line-height: 125%;
  }
  .container2 {
    line-height: 120%;
  }
  .container3 {
    line-height: 170%;
    margin-left: 6%;
  }
  .container4 {
    line-height: 100%;
    margin-left: 6%;
  }
  .container5 {
    margin-left: 5%;
  }
  .container6 {
    line-height: 170%;
    margin-left: 6%;
  }
  .slide.one h2,
  .slide.two h2,
  .slide.three h2,
  .slide.four h2,
  .slide.five h2,
  .slide.six h2 {
    font-size: 1em;
  }
  #flecheBA_resp,
  #flecheBB_resp {
    width: 100%;
  }
  #footer {
    font-size: 95%;
  }
  #footer_container_2 {
    font-size: 75%;
   }
  /* ===== PROCESS ======*/
  
  header.process {
    background-size: contain;
    height: 45vh;
    width: auto;
    background-position: bottom;
  }
  #headerTextWho {
    padding: 0;
  }
  .process #nav1 {
    opacity: initial;
  }
  .process .langue {
    top: 6%;
    left: 55%;
  }
  #process-time {
    font-size: 2rem;
  }
  #processSticker {
    padding-top: 5px;
    width: 30px;
  }
  .process #logo {
    padding-top: 40px;
  }

  /* TEAM  */

  .team .langue {
    top:11%
  }
  header.team #logo {
    padding-top: 50px;
  }
  #teamSticker {
    width: min(30vw, 30px);
    margin: 10px 0 0 15px;
    opacity: initial;
  }
  header.team {
    background-size: contain;
    background-position: bottom;
    height: 54vh;
    width: auto;
  }
  #header-text h1 {
    font-size:0.7rem;
  }
  #header-text p {
    font-size: 0.7rem;
  }
  .langue {
    left: 62%;
  }

  .carte {
    height: 40vh;
  }
  .carte svg {
    margin-left: 8%;
  }
  .col .sticker p {
    font-size: 60%;
  }

  /* who are */

  header.who .langue {
    left: 55%;
  }
  header.who #nav1 {
    height: 5px;
  }
  #chap1,
  #chap2 {
    flex-direction: column;
  }
  .whoOblique {
    display: none;
  }
  #whotext {
    font-style: 98%;
  }
  #whoText p:first-child {
    width: 300px;
  }
  #whoText p:nth-child(4),
  #whoText p:nth-child(3),
  #whoText p:nth-child(2) {
    width: 180%;
  }
  header.who {
    height: 52vh;
  }
  .whoH1 {
    font-size: 15px;
  }
  #headerTextWho p {
    font-size: 15px;
  }
  #stickerWho {
    width: 30px;
  }
  #whoChap1 {
    height: 620px;
    padding-top: 5px;
  }
  #whoChap2 {
    height: 300px;
    width: 100%;
  }
  #whoTwooChap1 {
    width: 100%;
    padding-top: 63px;
  }
  #whoTwooChap2 {
    display: none;
  }
  #whoContent {
    margin-top: 12px;
  }
  #whoTitre {
    padding-top: 10px;
    font-size: 1.7rem;
  }
  #whoText2 {
    padding-top: 4px;
    width: 340px;
  }
  #tetes {
    margin-left: -14px;
  }
  #tetes img {
    height: 300px;
    padding-left: 55px;
  }
  #textSurImage {
    height: 50px;
    font-size: 12px;
    margin-top: -65px;
    margin-left: 28px;
  }
  .whoTree {
    padding-top: 210px;
}
  #whoButton {
    font-size: 1rem;
  }

  /* ===== PROJECT ENABLING  ====== */
  /*-- menu entete --*/

  header.project {
    background-size: contain;
    height: 47vh;
    width: auto;
    background-position: bottom;
  }
  header.project nav#nav1 {
    height: 0px;
    opacity: initial;
  }
  header.project #logo {
    padding-top: 35px;
    padding-right: 25px;
  }
  header.project .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
    padding-top: 0;
    left: 50%;
  }
  #projectHeader-text {
    padding: 10px 15px;
}
  .project #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }

  #enablingTitre h1 {
    font-size: 1.8rem;
  }
  #enablingTitre p {
    font-size: 0.8rem;
  }
  #programEnabling::after {
    height: 10px;
  }
  #projectSticker {
    width: min(30vw, 30px);
    margin-top: 18%;
  }
  #projectHeader-text { 
  margin-left: 0%;
  }
  #projectHeader-text h1 {
    font-size: 70%;
  }
  #projectHeader-text p {
    font-size: 0.7rem;
    padding: initial;
  }
  #cible img,
  #puzzle img,
  #stylo img {
    width: 100px;
    height: auto;
  }
  #projectOperational {
    padding: 15px 0 15px 20px;
    width: 140px;
  }
  #projectText {
    padding-left: 0px;
    font-size: 0.8rem;
  }
  #master::after {
    height: 10px;
  }
  #projectCooperation {
    font-size: 0.8rem;
    padding: 5px 0;
    width: 115px;
  }
  #cooperationText {
    font-size: 88%;
    width: 130px;
  }
  #projectCoop::after {
    height: 30px;
  }
  #schedule {
  padding: 30px 0 30px 0;
  }
  #projectStylo {
    width: 150px;
    padding-left: 40px;
  }
  #styloText {
    padding-left: 0;
    font-size: 82%;
    width: 125px;
  }
  #budget::after {
    height: 22px;
  }
  #plan img,
  #plante img {
    height: 100px;
  }
  #planIndustrial {
    width: 150px;
  }
  #planText {
    width: 125px;
    font-size: 70%;
  }
  #planteTitre {
    padding: 15px 0 15px 25px;
    width: 120px;
  }
  #supplyText {
    width: 160px;
    font-size: 0.8rem;
    margin-right: 100px;
  }
  #mainStylo img {
    height: 145px;
  }
  #negociatingContrating {
    width: 135px;
    padding: 15px 0px 15px 6px;
  }
  #negociatingTitre {
    text-align: center;
    padding-right: 0px;
    width: 120px;
  }
  #negociatingText {
    padding-right: 0px;
    font-size: 80%;
    margin-left: 35px;
  }
  #ProjectEndText p {
    font-size: 1.5rem;
  }
  /* =====  Management ===== */

  /*-- menu entete --*/

  
header.management {
  background-size: contain;
  height: 45vh;
  width: auto;
  background-position: bottom;
 }

  #managementSticker {
    padding-top: 0px;
    padding-right: 25px;
    width: min(50vw, 70px);
  }
  header.management #managementHeader-text h1 {
    font-size: 100%;
  }
  header.management #managementHeader-text p {
    font-size: 100%;
  }
  header.management #nav1 {
    background-color: #000;
  }

  header.management .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.management .langue {
    padding-top: 0;
    left: 51%;
  }
  header.management #logo img {
    padding-top: 0px;
  }
  .management #nav1.nav {
    margin-top: 15px;
    opacity: initial;
  }
  .management #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #managementTitre h1 {
    font-size: 2rem;
  }
  #managementTitre p {
    font-size: 1rem;
  }
  #ampoule {
    margin-bottom: 15px;
  }
  #ampoule img {
    height: 100px;
  }
  #programMaster {
    width: 165px;
    padding: 20px 0 20px 30px;
  }
  #programMasterText {
    padding-left: 75px;
    margin-top: 40px;
    font-size: 0.8rem;
    text-align: justify;
    width: 400px;
  }
  #carteImg img {
    height: 85px;
    margin-right: 15px;
  }
  #countryLocalisation {
    width: 170px;
    font-size: 1.1rem;
  }
  #countryText {
    margin-top: 40px;
    margin-right: -125px;
    align-items: flex-start;
  }
  #countryText p {
    padding-left: 5px;
    padding-right: 0px;
    text-align: justify;
    font-size: 0.8rem;
  }
  #countryText p:nth-child(1) {
    padding-left: 5px;
    padding-top: 30px;
    align-items: flex-start;
  }
  #localisation:after {
    height: 25px;
  }
  #monnaie img {
    height: 120px;
  }
  #financialManagement {
    font-size: 1rem;
    padding: 15px 0 15px 19px;
    width: 150px;
  }
  #financialText {
    margin-top: 0px;
    margin-left: -140px;
  }
  #financialText p:nth-child(1) {
    padding-top: 60px;
  }
  #financialText p {
    font-size: 0.8rem;
  }
  #monnaie {
    margin: 15px 0px 15px 10px;
  }
  #finance::after {
    height: 15px;
  }
  #deliveryBloc img {
    margin-right: 10px;
    height: 100px;
  }
  #countryLocalisation,
  #deliveryAcceptance {
    margin-top: 10px;
    font-size: 1rem;
    width: 150px;
  }
  #deliveryText {
    padding-top: 0px;
    margin-top: 50px;
    margin-right: -125px;
    margin-left: 25px;
    align-items: flex-start;
  }
  #deliveryText p {
    font-size: 1rem;
    text-align: justify;
    width: 230px;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 0px;
  }
  #post:before {
    height: 25px;
  }
  #bousole {
    margin: 45px 5px;
  }
  #bousole img {
    height: 100px;
  }
  #postDeliveryTitre {
    padding-left: 0px;
    font-size: 1rem;
    width: 150px;
  }
  #postDeliveryText {
    padding-top: 20px;
    font-size: 1rem;
    color: var(--color-blue);
    margin-top: 0px;
    margin-left: -112px;
  }

  #managementEndText {
    font-size: 1.1rem;
    padding-left: 10px;
    padding-right: 10px;
  }

/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 38vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}

#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}

#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}
#sectionTalkFinance3 {
height: 260px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}

#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#talkFinanceFunding {
height: 710px;}

.financeColone1, #financeColone2, #financeColone3 {
width: 110%;
}
.financeColone1 {
margin-bottom: -135px;
}
#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 270px;
}
#talkFinanceFundingTextNumero3 {
height: 545px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p{
font-size: 1rem;
width: 160%;
}
#texte-case6a p, #texte-case7a p{
  font-size: 1rem;
  width: 140%;
  }
  
#texte-case1a {
  padding-left: 0px;
}
#texte-case2a, #texte-case3a {
  padding-left: 0px;
  font-size: 80%;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
#availableColone2 #case8 img {
  top: 40px;
  left: 20px;
}
/* ----------------- */
#avalaibleFunding {
height: 1735px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 1062px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}

#availableColone3 {
padding-top: 55px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
width: 50%;
margin-top: 17px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
width: 175%;
}
#availableCase3a p {
  font-size: 1rem;
  width: 150%;
  }
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: 55px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;}

#availableFundingTitre {
font-size: 1.5rem;
}

#availableColone1 {
padding-left: 0px;
}
#availableColone2{
width:100%;
}
#availableColone2 #case8  {
display: flex;
width: 100%;
}
#availableColone2 #case8 video {
  width: initial;
  right: 0px;
  top: 95px;
  padding-right: 0px;

}
#availableCase4a p, #availableCase5a p {
padding-left: 38px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}

/* BIOGRAPHY */

header.biography {
  background-size: contain;
  height: 45vh;
  width: auto;
  background-position: bottom;
 }

header.biography .nav#nav1 {
  height: 0px;
  opacity: initial;
  }
  .langue {
  top: 4%;
  left: 56%;
  }
  #biographySticker {
  width: min(20vw, 30px);
  }
  #biographyHeader-text {
  font-size: 0.8rem;
  }  

  #biography_title {
  height: 65px;
  }

  #biography_title h1 {
  font-size: 3rem;
  }
  /* -------------*/
  
  #chairman {
  height: auto;
  }
  #chairmanText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -70px;
  }
  
  #chairmanBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  
  #chairmanTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chairmanTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelOne img {
  padding-left: 7%;
  height: 60px;
  width:60px;
  }
  /*----------------------*/
  
  #sectionChiefFinancial {
    height: 400px;
}
  #chiefFiancialText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #chiefFinancialTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelTwoo img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  /*------------------------*/
  
  #sectionChiefOperating:before {
  height: 35px;
  }
  #chiefOperating {
  height: auto;
  }
  #chiefOperatingText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  }
  #chiefOperatingBlock {
  padding-left: 50px;
  padding-right: 0px;
  width: auto;
  }
  #chiefOperatingTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chiefOperatingTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelthree img {
  padding-left: 7%;
  height: 60px;
  width: auto;
  }
  /* Director */
  
  #director {
  height: 435px;
  }
  #directorText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #directorTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelFour img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
    /*====== Corporate Governance ======= */

    header.corporate {
      background-size: contain;
      height: 49vh;
      width: auto;
      background-position: bottom;
    }
  
    header.corporate .nav#nav1 {
      height: 0px;
      opacity: initial;
    }
  
    #collateralSvgHaut,
    #collateralSvgBas,
    #svgHaut,
    #svgBas {
      display: none;
    }
    .corporate #logo {
      padding-top: 64px;
    }
    .corporate #nav1 {
      height: 0px;
    }
  
    #stickerCorporate {
      margin-top: 1%;
      margin-left: 4%;
      height: 40px;
      width: 40px;
    }
    #headerTextCorporate p:nth-child(2),
    #headerTextCorporate p:nth-child(3) {
      font-size: 0.8rem;
      margin-left: 4%;
    }
    #corporateH1 p {
      font-size: 1.6rem;
      font-size: 1.6rem;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 60px;
    }
    #corporateImg img,
    #ourKeyImg img,
    #collateralImg img {
      margin-top: 30px;
      width: 100px;
    }
    #ourKeyImg {
      padding-left: 320px;
  }
    #corporateImgTxt {
      height: 320px;
    }
    #corporateTxt p:nth-child(1) {
      width: 150px;
      margin-left: 18px;
      font-size: 1rem;
    }
    #corporateTxt p:nth-child(2) {
      width: 290px;
      margin-top: 50px;
      margin-left: -125px;
      padding-top: 35px;
    }
    #corporateTxt p:nth-child(3),
    #corporateTxt p:nth-child(4) {
      width: 290px;
      margin-left: -125px;
    }
    #ourKeyTxt {
      width: 50%;
      padding-left: 255px;
    }
    #ourKeyImgTxt {
      margin-left: -250px;
      height: 410px;
    }
    #ourKeyTxt p:nth-child(1) {
      margin-left: 75px;
      font-size: 1rem;
      width: 150px;
    }
    #ourKeyTxt p:nth-child(2) {
      height: 100px;
      margin-top: 105px;
    }
    #ourKeyTxt p:nth-child(2),
    #ourKeyTxt p:nth-child(3),
    #ourKeyTxt p:nth-child(4) {
      width: 330px;
      font-size: 1rem;
    }
  
    #collateralImgTxt {
      height: 460px;
    }
    #collateralTxt p:nth-child(1) {
      width: 150px;
      font-size: 1rem;
      margin-left: -35px;
    }
    #collateralTxt p:nth-child(2) {
      height: 100px;
      margin-top: 105px;
    }
    #collateralTxt p:nth-child(2),
    #collateralTxt p:nth-child(3),
    #collateralTxt p:nth-child(4),
    #collateralTxt p:nth-child(5) {
      width: 290px;
      font-size: 1rem;
      margin-left: -165px;
    }
    #collateralTxt p:nth-child(3) {
      padding-top: 25px;
    }
    #collateralTxt p:nth-child(2),
    #collateralTxt p:nth-child(4),
    #collateralTxt p:nth-child(5) {
      padding-top: 12px;
    }
}

/* =================== Iphone 5 /SE ====================== */

@media (max-width: 321px) {
  * {
    font-size: 95%;
  }
  .menu1 {
    font-size: 11px;
  }
  .nav .menu li {
    height: 85px;
    padding-top: 9px;
}
  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -26px;
    height: 60px;
  }
  #nav1.responsive ul.menu li:nth-child(2) {
    height: 120px;
}
#nav1.responsive ul.menu li:nth-child(4) {
  height: 95px;
}
.wrapper .nav .menu li a {
  font-size: 0.67rem;
}
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 54.1%;
  }
  #logo {
    padding-top: 30px;
  }
  #footer a {
    font-size: 0.4rem;
}
  .container {
    line-height: 125%;
  }

  .container2 {
    line-height: 120%;
  }

  .container3 {
    line-height: 170%;
  }
  .container4 {
    line-height: 100%;
    margin-left: 6%;
  }
  .container5 {
    margin-left: 5%;
  }
  .container6 {
    line-height: 170%;
    margin-left: 6%;
  }

  .slide.one p,
  .slide.two p,
  .slide.three p,
  .slide.four p,
  .slide.five p,
  .slide.six p {
    font-size: 0.9em;
    font-weight: normal;
  }
.nav .menu li a {
font-size: 1rem;
padding-left: 6px;
}
  .slide.one h2,
  .slide.two h2,
  .slide.three h2,
  .slide.four h2,
  .slide.five h2,
  .slide.six h2 {
    font-size: 0.8em;
  }

  #flecheBA_resp,
  #flecheBB_resp {
    width: 100%;
  }
  #flecheHA,
  #flecheHB,
  #flecheHC,
  #flecheHD {
    min-width: 348px;
  }
  #footer_container_2 {
    font-size: 90%;
  }
  /* ===== PROCESS ======*/
  header.process {
    background-size: contain;
    height: 46vh;
    width: auto;
    background-position: bottom;
   }
  
  .process #nav1 {
    opacity: initial;
  }
  .process .langue {
    top: 6%;
    left: 61%;
  }
  #process-time {
    font-size: 2rem;
  }
  #processSticker {
    padding-top: 2px;
    width: 30px;
  }
  .process #logo {
    padding-top: 40px;
  }
  /* ===== TEAM ===== */

  .team .langue {
    top:11%
  }
  header.team #logo {
    padding-top: 50px;
  }
  #teamSticker {
    width: min(30vw, 30px);
    margin: 10px 0 0 15px;
    opacity: initial;
  }
  header.team {
    background-size: contain;
    background-position: bottom;
    height: 52vh;
    width: auto;
  }
  #header-text p {
    font-size: 0.65rem;
  }
#team_text {
  font-size: 1rem;
  width: 300px;
}
  .langue {
    left: 62%;
  }
  .carte {
    height: 43vh;
  }
  .carte svg {
    margin-left: 0%;
  }
.col{
  margin:5%;
}
  .col .sticker p {
    font-size: 60%;
  }

  /* ==== WHO WE ARE ===== */

  header.who {
    background-size: contain;
    height: 45vh;
    width: auto;
    background-position: bottom;
   }
  header.who .langue {
    left: 62%;
  }
  header.who #nav1 {
    height: 5px;
  }
  #chap1,
  #chap2 {
    flex-direction: column;
  }
  .whoOblique {
    display: none;
  }
  #whotext {
    font-style: 98%;
  }
  #whoText p:nth-child(4),
  #whoText p:nth-child(3),
  #whoText p:nth-child(2) {
    width: 160%;
  }
  .whoH1 {
    font-size: 10px;
  }
  #headerTextWho p {
    font-size: 10px;
  }
  #stickerWho {
    width: 30px;
  }
  #whoChap1 {
    height: 538px;
    padding-top: 5px;
  }
  #whoChap2 {
    height: 300px;
    width: 100%;
  }
  #whoTwooChap1 {
    width: 100%;
    padding-top: 63px;
  }
  #whoTwooChap2 {
    display: none;
  }
  #whoContent {
    margin-top: 12px;
  }
  #whoTitre {
    padding-top: 10px;
    font-size: 1.7rem;
  }
  #whoText2 {
    padding-top: 4px;
    width: 290px;
  }
  #whoText p:nth-child(5) {
    width: 200%;
}
  #tetes {
    margin-left: -14px;
  }
  #tetes img {
    height: 300px;
    padding-left: 34px;
  }
  #textSurImage {
    height: 50px;
    font-size: 12px;
    margin-top: -65px;
    margin-left: 20px;
  }
  #whoButton {
    font-size: 1rem;
  }
  .whoTree {
    padding-top: 180px;
}
  /* Footer */
  footer#footer2 p {
    margin-left: 4%;
  }
  #footer_button {
    width: 180px;
  }
  footer#footer2 a {
    font-size: 0.4rem;
  }
  /*-- menu entete --*/

  header.project {
    background-size: contain;
    height: 47vh;
    width: auto;
    background-position: bottom;
  }
  header.project nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  header.project #logo {
    padding-top: 35px;
    padding-right: 25px;
  }

  header.project .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
    padding-top: 0;
    left: 50%;
  }

  .project #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #enablingTitre {
    padding-left: 21px;
    width: 265px;
  }
  #enablingTitre h1 {
    font-size: 1.8rem;
  }
  #enablingTitre p {
    font-size: 0.8rem;
  }
  #programEnabling::after {
    height: 10px;
  }
  #projectSticker {
    width: min(30vw, 30px);
    margin-top: 20%;
  }
  #projectHeader-text {
    padding:initial;
    margin-left: 4%;
  }
  #projectHeader-text h1 {
    font-size: 50%;
  }
  #projectHeader-text p {
    font-size: 0.7rem;

  }
  #cible img,
  #puzzle img,
  #stylo img {
    width: 100px;
    height: auto;
  }
  #projectOperational {
    padding: 15px 0 15px 20px;
  }
  #projectText {
    padding-left: 0px;
    font-size: 0.8rem;
  }
  #projectOperational {
    width: 100px;
  }
  #master::after {
    height: 10px;
  }
  #projectCooperation {
    font-size: 0.8rem;
    padding: 5px 0;
    width: 115px;
  }
  #cooperationText {
    font-size: 88%;
    width: 130px;
  }
  #projectCoop::after {
    height: 30px;
  }
  #schedule {
    padding: 68px 0;
  }
  #projectStylo {
    width: 150px;
    padding-left: 40px;
  }
  #styloText {
    padding-left: 0;
    font-size: 82%;
    width: 125px;
  }
  #budget::after {
    height: 15px;
  }
  #plan img,
  #plante img {
    height: 100px;
  }
  #planIndustrial {
    width: 150px;
  }
  #planText {
    width: 125px;
    font-size: 70%;
  }
  #planteTitre {
    padding: 15px 0 15px 25px;
    width: 120px;
  }
  #supplyText {
    width: 100px;
    font-size: 0.8rem;
    margin-right: 15px;
  }
  #mainStylo img {
    height: 145px;
  }
  #negociatingContrating {
    width: 135px;
    padding: 15px 0px 15px 6px;
  }
  #negociatingTitre {
    text-align: center;
    padding-right: 0px;
    width: 120px;
  }
  #negociatingText {
    padding-right: 0px;
    font-size: 80%;
    margin-left: 35px;
  }
  #ProjectEndText p {
    font-size: 1.5rem;
  }
  /* =====  Management ===== */

  /*-- menu entete --*/

  header.management {
    background-size: contain;
    height: 46vh;
    width: auto;
    background-position: bottom;
   }
  #managementSticker {
    padding-top: 0px;
    padding-right: 25px;
    width: min(50vw, 60px);
    margin-top: 0%;
  }
  header.management #managementHeader-text {
    padding: 0px;
  }
  header.management #managementHeader-text h1 {
    font-size: 30%;
  }
  header.management #managementHeader-text p {
    font-size: 100%;
  }
  header.management #nav1 {
    background-color: #000;
  }

  header.management .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.management .langue {
    padding-top: 0;
    left: 51%;
  }
  header.management #logo img {
    padding-top: 0px;
  }
  .management #nav1.nav {
    margin-top: 15px;
    opacity: initial;
  }
  .management #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #managementTitre h1 {
    font-size: 2.5rem;
  }
  #managementTitre p {
    font-size: 1rem;
  }
  #ampoule {
    margin-bottom: 15px;
  }
  #ampoule img {
    height: 100px;
  }
  #programMaster {
    width: 165px;
    padding: 20px 0 20px 30px;
  }
  #programMasterText {
    padding-left: 162px;
    margin-top: 40px;
    font-size: 0.8rem;
    text-align: justify;
    width: 375px;
  }
  #carteImg img {
    height: 85px;
    margin-right: 15px;
  }
  #countryLocalisation {
    width: 170px;
    font-size: 1.1rem;
  }
  #countryText {
    margin-top: 40px;
    margin-right: -125px;
    align-items: flex-start;
  }
  #countryText p {
    padding-left: 5px;
    padding-right: 0px;
    text-align: justify;
    font-size: 0.8rem;
  }
  #countryText p:nth-child(1) {
    padding-left: 5px;
    padding-top: 30px;
    align-items: flex-start;
  }
  #localisation:after {
    height: 25px;
  }
  #monnaie img {
    height: 120px;
  }
  #financialManagement {
    font-size: 1rem;
    padding: 15px 0 15px 19px;
    width: 130px;
  }
  #financialText {
    margin-top: 0px;
    margin-left: -140px;
  }
  #financialText p:nth-child(1) {
    padding-top: 60px;
  }
  #financialText p {
    font-size: 0.8rem;
  }
  #monnaie {
    margin: 15px 0px 15px 10px;
  }
  #finance::after {
    height: 15px;
  }
  #deliveryBloc img {
    margin-right: 10px;
    height: 100px;
  }
  #countryLocalisation,
  #deliveryAcceptance {
    margin-top: 10px;
    font-size: 1rem;
    width: 150px;
  }
  #deliveryText {
    padding-top: 0px;
    margin-top: 50px;
    margin-right: -125px;
    margin-left: 25px;
    align-items: flex-start;
  }
  #deliveryText p {
    font-size: 1rem;
    text-align: justify;
    width: 230px;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 0px;
  }
  #post:before {
    height: 25px;
  }
  #bousole {
    margin: 45px 5px;
  }
  #bousole img {
    height: 100px;
  }
  #postDeliveryTitre {
    padding-left: 0px;
    font-size: 1rem;
    width: 150px;
  }
  #postDeliveryText {
    padding-top: 20px;
    font-size: 1rem;
    color: var(--color-blue);
    margin-top: 0px;
    margin-left: -112px;
  }

  #managementEndText {
    font-size: 1.1rem;
    padding-left: 10px;
    padding-right: 10px;
  } 
/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 38vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}

#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinance-txt {
  font-size: 0.75rem;
}
#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}
#sectionTalkFinance3 {
height: 260px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}

#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#talkFinanceFunding {
height: 655px;}

.financeColone1, #financeColone2, #financeColone3 {
width: 110%;
}
.financeColone1 {
margin-bottom: -135px;
}
#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 250px;
}
#talkFinanceFundingTextNumero3 {
height: 510px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p, #texte-case6a p, #texte-case7a p{
font-size: 1rem;
width: 175%;
}
#texte-case1a {
  padding-left: 0px;
}
#texte-case2a, #texte-case3a {
  padding-left: 0px;
  font-size: 80%;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
#case7a p {
  padding-left: 55px;
}

/* ----------------- */
#avalaibleFunding {
height: 1680px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 1062px;
}
#availableFundingTextNumero {
  height: 365px;
  padding: 5px 0px 5px 1px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}
#availableColone3 {
padding-top: 55px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
width: 50%;
margin-top: 17px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p, #availableCase3a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
width: 175%;
}
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: 50px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;}

#talkFinanceFundingTitre, #availableFundingTitre {
  font-size: 1.4rem;
}
#availableFundingTitre {
font-size: 1.4rem;
}
#texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
margin-left: 0px;
}
#availableColone1 {
padding-left: 0px;
}
#availableColone2{
height: 100%;
width:100%;
align-items: stretch;
}
#availableColone2 #case8  {
display: flex;
justify-content: center;
width: 100%;
}
#availableCase4a p, #availableCase5a p {
padding-left: 38px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}
#availableColone2 #case8 img {
  top: 40px;
  left: 10px;
}
/* BIOGRAPHY */

header.biography {
  background-size: contain;
  height: 44vh;
  width: auto;
  background-position: bottom;
 }

header.biography .nav#nav1 {
  height: 0px;
  opacity: initial;
  }
  .langue {
  top: 4%;
  }
  #biographySticker {
  width: min(20vw, 30px);
  }
  #biographyHeader-text {
  font-size: 0.8rem;
  }  

  #biography_title {
  height: 65px;
  }

  #biography_title h1 {
  font-size: 3rem;
  }
  /* -------------*/
  
  #chairman {
  height: auto;
  }
  #chairmanText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -70px;
  width: 235px;
  }
  
  #chairmanBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  
  #chairmanTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chairmanTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelOne img {
  padding-left: 7%;
  height: 60px;
  width:60px;
  }
  #chairmanText p {
    padding: 9px 25px 0 6px;
}
  /*----------------------*/
  
  #sectionChiefFinancial {
    height: 400px;
}
  #chiefFiancialText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #chiefFinancialTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelTwoo img {
    margin-right: 0px;
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  #chiefFiancialText p {
    width: 230px;
}
  /*------------------------*/
  
  #sectionChiefOperating:before {
  height: 35px;
  }
  #chiefOperating {
  height: auto;
  }
  #chiefOperatingText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  padding-left: 0px;
  padding-right: 0;
  }
  #chiefOperatingBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  #chiefOperatingTitre {
  text-align: center;
  width: 170px;
  margin-left: -50px;
  height: 25px;
  }
  #chiefOperatingTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelthree img {
  padding-left: 7%;
  height: 60px;
  width: auto;
  }
  /* Director */
  
  #director {
  height: 350px;
  }
  #directorText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  width: 275px;
  }
  #directorTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelFour img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  
  /*====== Corporate Governance ======= */

  header.corporate {
    background-size: contain;
    height: 45vh;
    width: auto;
    background-position: bottom;
  }

  header.corporate .nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  #collateralSvgHaut,
  #collateralSvgBas,
  #svgHaut,
  #svgBas {
    display: none;
  }
  .corporate #logo {
    padding-top: 64px;
  }
  .corporate #nav1 {
    height: 0px;
  }

  #stickerCorporate {
    margin-top: 1%;
    margin-left: 4%;
    height: 40px;
    width: 40px;
  }
  #headerTextCorporate p:nth-child(2),
  #headerTextCorporate p:nth-child(3) {
    font-size: 0.8rem;
    margin-left: 4%;
  }
  #corporateH1 p {
    font-size: 1.6rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
  }
  #corporateImg img,
  #ourKeyImg img,
  #collateralImg img {
    margin-top: 30px;
    width: 100px;
  }
  #ourKeyImg {
    padding-left: 290px;
}
  #corporateImgTxt {
    height: 320px;
  }
  #corporateTxt p:nth-child(1) {
    width: 140px;
    margin-left: -15px;
    font-size: 1rem;
  }
  #corporateTxt p:nth-child(2) {
    width: 250px;
    margin-top: 50px;
    margin-left: -125px;
    padding-top: 35px;
  }
  #corporateTxt p:nth-child(3),
  #corporateTxt p:nth-child(4) {
    width: 250px;
    margin-left: -125px;
  }
  #ourKeyTxt {
    width: 50%;
    padding-left: 255px;
  }
  #ourKeyImgTxt {
    margin-left: -250px;
    height: 410px;
  }
  #ourKeyTxt p:nth-child(1) {
    margin-left: 75px;
    font-size: 1rem;
    width: 140px;
  }
  #ourKeyTxt p:nth-child(2) {
    height: 100px;
    margin-top: 105px;
  }
  #ourKeyTxt p:nth-child(2),
  #ourKeyTxt p:nth-child(3),
  #ourKeyTxt p:nth-child(4) {
    width: 280px;
    font-size: 1rem;
  }

  #collateralImgTxt {
    height: 425px;
  }
  #collateralTxt p:nth-child(1) {
    width: 140px;
    font-size: 1rem;
    margin-left: -35px;
  }
  #collateralTxt p:nth-child(2) {
    height: 100px;
    margin-top: 105px;
  }
  #collateralTxt p:nth-child(2),
  #collateralTxt p:nth-child(3),
  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    width: 240px;
    font-size: 1rem;
    margin-left: -107px;
  }
 
  #collateralTxt p:nth-child(2),
  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    padding-top: 12px;
  }
  #collateralImgTxt {
    width: 80%;
}
    /* Formulaire Contact*/ 
    #contactTitreh3 {
      font-size: 1rem;
    }
    .contactAdresse, .contactDisclamer {
      font-size: 80%;
    }
    #footerContact {
    font-size: 80%;
    }
}
/* ================= Iphone4 ===================== */

@media (width: 320px) and (height: 480px) {
  .menu1 {
    font-size: 11px;
  }
  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -16px;
  }
  .wrapper .nav .menu li a {
    font-size: 0.7rem;
}
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 48.1%;
  }
  #logo img {
    margin-top: -3%;
  }

  .containerExplications {
    display: none;
  }
  #flecheBA_resp,
  #flecheBB_resp {
    width: 100%;
  }
  #flecheHA,
  #flecheHB,
  #flecheHC,
  #flecheHD {
    min-width: 320px;
  }
  .container6 {
    margin-top: 0%;
  }
  .container5,
  .container4 {
    margin-top: 0%;
  }
  .container {
    line-height: 95%;
    margin-top: 1%;
  }
  .container2 {
    margin-left: 65%;
    margin-top: 0%;
    line-height: 100%;
  }
  .container3 {
    line-height: 115%;
    margin-top: 1%;
    margin-left: 3%;
  }
  .container5 {
    margin-left: 4%;
  }
  .container4 {
    line-height: 130%;
  }
  .slide {
    letter-spacing: 1px; /* Pour le menu 2 */
  }

  .slide.one {
    font-size: 54%;
    letter-spacing: 1px;
  }
  #footer img {
    height: 70%;
  }
  #footer_container_2 {
    font-size: 90%;
  }
  .sticker,#sticker4 {
    width: min(50vw, 100px);
}

  /* ===== PROCESS ======*/

  header.process {
    background-size: contain;
    height: 57vh;
    width: auto;
    background-position: bottom;
   }

  .process .langue {
    top: 6%;
    left: 64%;
  }
  .process #nav1 {
    opacity: initial;
  }
  .process .langue {
    top: 6%;
  }
  #process-time {
    font-size: 2rem;
  }
  #processSticker {
    padding-top: 2px;
    width: 30px;
  }
  /* ====== EXECUTIVE TEAM ===== */

  .team .langue {
    top:11%
  }
  header.team #logo {
    padding-top: 50px;
  }
  #teamSticker {
    width: min(30vw, 30px);
    margin: 10px 0 0 15px;
    opacity: initial;
  }
  header.team {
    background-size: contain;
    background-position: bottom;
    height: 60vh;
    width: auto;
  }

  .langue {
    left: 62%;
  }
  .carte {
    height: 45vh;
  }
  .carte svg {
    margin-left: 8%;
  }

  .col .sticker p {
    font-size: 60%;
  }

  /* ====== WHO WE ARE ====== */
  header.who {
    background-size: contain;
    height: 57vh;
    width: auto;
    background-position: bottom;
   }
  #chap1,
  #chap2 {
    flex-direction: column;
  }
  .whoOblique {
    display: none;
  }
  #whoText {
    width: 140px;
}
#whoText {
  padding-right: 0px;
}
  #whoText p:first-child {
    width: 250px;
  }
  #whoText p:nth-child(4),
  #whoText p:nth-child(3),
  #whoText p:nth-child(2) {
    width: 200%;
  }
  header.who nav#nav1 {
    height: 4px;
  }
  .whoH1 {
    font-size: 10px;
  }
  #headerTextWho p {
    font-size: 10px;
  }
  #stickerWho {
    width: 28px;
  }
  #whoChap1 {
    height: 610px;
    padding-top: 5px;
  }
  #whoChap2 {
    height: 300px;
    width: 100%;
  }
  #whoTwooChap1 {
    width: 100%;
  }
  #whoTwooChap2 {
    display: none;
  }
  .whoTree {
    margin-top: -183px;
  }

  #whoContent {
    margin-top: 12px;
  }
  #whoTitre {
    padding-top: 10px;
    font-size: 1rem;
  }
  #whoText2 {
    padding-top: 6px;
    width: 295px;
  }
  #tetes {
    margin-left: 2px;
  }
  #tetes img {
    height: 300px;
    padding-left: 20px;
  }
  #textSurImage {
    height: 50px;
    font-size: 12px;
    margin-top: -65px;
    margin-left: 6px;
  }
  .whoTree {
    padding-top: 560px;
}
  #whoButton {  
    font-size: 1rem;
  }
  footer#footer2 p {
    margin-left: 4%;
  }
  #footer_button {
    width: 180px;
  }

  /* =====  Project Enabling ===== */

  /*-- menu entete --*/

  header.project {
   background-size: contain;
   height: 55vh;
   width: auto;
   background-position: bottom;
  }
  header.project nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  header.project #logo {
    padding-top: 35px;
    padding-right: 25px;
  }

  header.project .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
    padding-top: 0;
    left: 50%;
  }

  .project #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #enablingTitre {
    padding-left: 21px;
    width: 265px;
  }
  #enablingTitre h1 {
    font-size: 1.8rem;
  }
  #enablingTitre p {
    font-size: 0.8rem;
  }
  #programEnabling::after {
    height: 10px;
  }
  #projectSticker {
    width: min(30vw, 30px);
   
  }
  #projectHeader-text h1 {
    font-size: 70%;
  }
  #projectHeader-text {
    margin-left: 2%;
    padding:initial;
  }
  #projectHeader-text p {
    font-size: 0.7rem;
  }
  #cible img,
  #puzzle img,
  #stylo img {
    width: 100px;
    height: auto;
  }
  #projectOperational {
    padding: 15px 0 15px 20px;
  }
  #projectText {
    padding-left: 0px;
    font-size: 0.8rem;
  }
  #projectOperational {
    width: 100px;
  }
  #master::after {
    height: 10px;
  }
  #projectCooperation {
    font-size: 0.8rem;
    padding: 5px 0;
    width: 115px;
  }
  #cooperationText {
    font-size: 88%;
    width: 130px;
  }
  #projectCoop::after {
    height: 30px;
  }
  #projectStylo {
    width: 150px;
    padding-left: 40px;
  }
  #styloText {
    padding-left: 0;
    font-size: 82%;
    width: 125px;
  }
  #budget::after {
    height: 15px;
  }
  #plan img,
  #plante img {
    height: 100px;
  }
  #planIndustrial {
    width: 150px;
  }
  #planText {
    width: 125px;
    font-size: 70%;
  }
  #planteTitre {
    padding: 15px 0 15px 25px;
    width: 120px;
  }
  #plante {
    margin-left: 0px; 
    width: 36%;
}
  #supplyText {
    width: 100px;
    font-size: 0.8rem;
    margin-right: 15px;
  }
  #mainStylo img {
    height: 145px;
  }
  #negociatingContrating {
    width: 135px;
    padding: 15px 0px 15px 6px;
  }
  #negociatingTitre {
    text-align: center;
    padding-right: 0px;
    width: 120px;
  }
  #negociatingText {
    padding-right: 0px;
    font-size: 80%;
    margin-left: 35px;
  }
  #ProjectEndText p {
    font-size: 0.7rem;
  }
  /* =====  Project Management =====*/

  /*-- menu entete --*/

  header.management {
    height: 400px;
  }
  #managementSticker {
    padding-top: 10px;
    padding-right: 25px;
    width: min(50vw, 100px);
  }
  header.management #managementHeader-text h1 {
    font-size: 50%;
  }
  header.management #managementHeader-text p {
    font-size: 50%;
  }
  header.management #nav1 {
    background-color: #000;
  }

  header.management .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.management .langue {
    padding-top: 0;
  }
  header.management #logo img {
    padding-top: 0px;
  }
  .management #nav1.nav {
    margin-top: 15px;
    opacity: initial;
  }
  .management #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #managementTitre h1 {
    font-size: 2.5rem;
  }
  #managementTitre p {
    font-size: 1rem;
  }
  #ampoule img {
    height: 100px;
  }
  #programMaster {
    width: 165px;
    padding: 20px 0 20px 30px;
  }
  #programMasterText {
    padding-left: 0px;
    font-size: 0.8rem;
    text-align: justify;
    width: 127px;
  }
  #carteImg img {
    height: 85px;
    margin-right: 15px;
  }
  #countryLocalisation {
    width: 170px;
    font-size: 1.1rem;
  }
  #countryText p {
    padding-left: 5px;
    padding-right: 0px;
    text-align: justify;
    font-size: 0.8rem;
  }
  #countryText p:nth-child(1) {
    padding-top: 30px;
  }
  #localisation:after {
    height: 25px;
  }
  #monnaie img {
    height: 120px;
  }
  #financialManagement {
    font-size: 1rem;
    padding: 15px 0 15px 19px;
    width: 130px;
  }
  #financialText p:nth-child(1) {
    padding-top: 60px;
  }
  #financialText p {
    font-size: 0.8rem;
  }
  #monnaie {
    margin: 15px 0px 15px 10px;
  }
  #finance::after {
    height: 15px;
  }
  #deliveryBloc img {
    margin-right: 10px;
    height: 100px;
  }
  #countryLocalisation,
  #deliveryAcceptance {
    margin-top: 10px;
    font-size: 1rem;
    width: 150px;
  }
  #deliveryText {
    margin-top: 50px;
    margin-left: 25px;
  }
  #deliveryText p {
    font-size: 1rem;
    text-align: justify;
  }
  #post:before {
    height: 25px;
  }
  #bousole {
    margin: 45px 5px;
  }
  #bousole img {
    height: 100px;
  }
  #postDeliveryTitre {
    padding-left: 28px;
    font-size: 1rem;
    width: 150px;
  }
  #postDeliveryText {
    padding-top: 20px;
    font-size: 1rem;
    color: var(--color-blue);
  }
  #managementEndText {
    font-size: 1.2rem;
  }

  /* =====  Management ===== */

  /*-- menu entete --*/

  header.management {
    height: 57vh;
    background-size: contain;
    background-position: bottom;
  }

  #managementSticker {
    padding-top: 1px;
    padding-right: 25px;
    width: min(50vw, 60px);
  }
  header.management #managementHeader-text h1 {
    font-size: 30%;
  }
  header.management #managementHeader-text p {
    font-size: 100%;
  }
  header.management #nav1 {
    background-color: #000;
  }

  header.management .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.management .langue {
    padding-top: 0;
    left: 51%;
  }
  #managementHeader-text {
    padding-top: 0px;
  }

  #managementHeader-text h1 {
    padding-top: 0px;
  }
  header.management #logo img {
    padding-top: 0px;
  }
  .management #nav1.nav {
    margin-top: 15px;
    opacity: initial;
  }
  .management #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #managementTitre h1 {
    font-size: 2.5rem;
  }
  #managementTitre p {
    font-size: 1rem;
  }
  #ampoule {
    margin-bottom: 15px;
  }
  #ampoule img {
    height: 100px;
  }
  #programMaster {
    width: 165px;
    padding: 20px 0 20px 30px;
  }
  #programMasterText {
    padding-left: 162px;
    margin-top: 40px;
    font-size: 0.8rem;
    text-align: justify;
    width: 375px;
  }
  #carteImg img {
    height: 85px;
    margin-right: 15px;
  }
  #countryLocalisation {
    width: 170px;
    font-size: 1.1rem;
  }
  #countryText {
    margin-top: 40px;
    margin-right: -125px;
    align-items: flex-start;
  }
  #countryText p {
    padding-left: 5px;
    padding-right: 0px;
    text-align: justify;
    font-size: 0.8rem;
  }
  #countryText p:nth-child(1) {
    padding-left: 5px;
    padding-top: 30px;
    align-items: flex-start;
  }
  #localisation:after {
    height: 25px;
  }
  #monnaie img {
    height: 120px;
  }
  #financialManagement {
    font-size: 1rem;
    padding: 15px 0 15px 19px;
    width: 130px;
  }
  #financialText {
    margin-top: 0px;
    margin-left: -140px;
  }
  #financialText p:nth-child(1) {
    padding-top: 60px;
  }
  #financialText p {
    font-size: 0.8rem;
  }
  #monnaie {
    margin: 15px 0px 15px 10px;
  }
  #finance::after {
    height: 15px;
  }
  #deliveryBloc img {
    margin-right: 10px;
    height: 100px;
  }
  #countryLocalisation,
  #deliveryAcceptance {
    margin-top: 10px;
    font-size: 1rem;
    width: 150px;
  }
  #deliveryText {
    padding-top: 0px;
    margin-top: 50px;
    margin-right: -125px;
    margin-left: 25px;
    align-items: flex-start;
  }
  #deliveryText p {
    font-size: 1rem;
    text-align: justify;
    width: 230px;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 0px;
  }
  #post:before {
    height: 25px;
  }
  #bousole {
    margin: 45px 5px;
  }
  #bousole img {
    height: 100px;
  }
  #postDeliveryTitre {
    padding-left: 0px;
    font-size: 1rem;
    width: 150px;
  }
  #postDeliveryText {
    padding-top: 20px;
    font-size: 1rem;
    color: var(--color-blue);
    margin-top: 0px;
    margin-left: -112px;
  }

  #managementEndText {
    font-size: 1.1rem;
    padding-left: 10px;
    padding-right: 10px;
  }

/* BIOGRAPHY */

header.biography {
  height: 55vh;
  background-size: contain;
  background-position: bottom;
}

header.biography .nav#nav1 {
  height: 0px;
  opacity: initial;
  }
  .langue {
  top: 4%;
  }
  #biographySticker {
  width: min(20vw, 30px);
  }
  #biographyHeader-text {
  font-size: 0.8rem;
  }  
  
  #biography_title {
  height: 65px;
  }

  #biography_title h1 {
  font-size: 3rem;
  }
  /* -------------*/
  
  #chairman {
  height: auto;
  }
  #chairmanText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  margin-left: -70px;
  }
  
  #chairmanBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  
  #chairmanTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chairmanTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelOne img {
  padding-left: 7%;
  height: 60px;
  width:60px;
  }
  /*----------------------*/
  
  #sectionChiefFinancial {
    height: 400px;
}
  #chiefFiancialText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #chiefFinancialTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelTwoo img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  /*------------------------*/
  
  #sectionChiefOperating:before {
  height: 35px;
  }
  #chiefOperating {
  height: auto;
  }
  #chiefOperatingText p {
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight:lighter; 
  letter-spacing:normal; 
  }
  #chiefOperatingBlock {
  padding-left: 80px;
  padding-right: 0px;
  width: auto;
  }
  #chiefOperatingTitre {
  text-align: center;
  width: 170px;
  margin-left: -70px;
  height: 25px;
  }
  #chiefOperatingTitre p {
  width: 180px;
  font-weight: normal;
  font-size: 0.7rem;
  margin: 0 auto;
  }
  #wheelthree img {
  padding-left: 7%;
  height: 60px;
  width: auto;
  }
  /* Director */
  
  #director {
  height: 330px;
  }
  #directorText p {
  margin-left: 15px;
  padding-top: 30px;
  font-size: 0.8rem;
  font-weight: normal; 
  letter-spacing: normal;
  color: var(--color-blue);
  }
  #directorTitle p {
  margin-left: 14px;
  font-size: 0.9rem;
  font-weight: normal;
  height: 25px;
  width: 200px;
  }
  #wheelFour img {
  padding-left: 01%;
  height: 60px;
  width: auto;
  padding-right: 0px;
  }
  
  /* CORPORATE GOVERNANCE */

  header.corporate {
    height: 52vh;
    background-size: contain;
    background-position: bottom;
  }
 header.corporate #logo img {
  margin-top: 0%;
 }
 header.corporate #logo {
  padding-top: 24px;
 }

 #stickerCorporate {
  margin-top: 5%;
  height: 25px;
  width: 25px;
  margin-left: 8%;
}
#headerTextCorporate p:nth-child(2) {
  padding-top: 18px;
}
#headerTextCorporate p:nth-child(2), #headerTextCorporate p:nth-child(3) {
  font-size: 0.7rem;
  margin-left: 8%;
}
  #corporateImg {
    padding-left: 36%;
  }
  #ourKeyImg {
    padding-left: 135px;
  }
  #collateralImg {
    padding-left: 36%;
  }
  .corporateGovernance footer#footer2 p {
    margin-left: 10%;
    font-size: 0.8rem;
  }
  #footer_button {
    width: 155px;
  }
  /* -------- Page CONTACT -------------*/

  body.contactPage .contact_container {
    height: auto;
    width: 265px;
  }
  body.contactPage .contactWrap {
    height: 210vh;
  }
  body.contactPage #footer_button {
    height: 30px;
  }
  
/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 49vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}

#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinance-txt {
  font-size: 0.75rem;
}
#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
}
#sectionTalkFinance3 {
height: 260px;
}
#talkFinanceFundingTitre {
padding-left: 18px;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}

#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#talkFinanceFunding {
height: 655px;
}
.financeColone1, #financeColone2, #financeColone3 {
width: 110%;
}
.financeColone1 {
margin-bottom: -135px;
}
#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 280px;
}
#talkFinanceFundingTextNumero3 {
height: 510px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p{
font-size: 1rem;
width: 160%
}
#texte-case6a p{
  padding-left: 51px;
  width: 120%;
}
#texte-case7a p{
  padding-left: 51px;
  width: 140%;
}
#texte-case1a {
  padding-left: 0px;
}
#texte-case2a, #texte-case3a {
  padding-left: 0px;
  font-size: 80%;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
.financeColone1 #case8 video {
margin-top: -5px;
height: 50%;
width: 50%;
}
/* ----------------- */
#avalaibleFunding {
height: 1840px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 1062px;
}
#availableFundingTextNumero {
  height: 365px;
  padding: 5px 0px 5px 1px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}

#availableColone3 {
padding-top: 0px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
width: 50%;
margin-top: 60px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p, #availableCase3a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
width: 175%;
}
#availableCase3a p, #availableCase4a p, #availableCase5a p {
  font-size: 1rem;
  width: 135%;
  }
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;}
s
#availableFundingTitre {
font-size: 1rem;
}
#texte-case4a, #texte-case5a, #texte-case6a {
margin-left: -10px;
}
#texte-case6a {
margin-left: -30px;
}
#texte-case7a {
  margin-left: -10px;
  }
#availableColone1 {
padding-left: 0px;
}
#availableColone2{
height: 40%;
width:100%;
align-items: stretch;
}
#availableColone2 #case8  {
display: flex;
width: 100%;
}
#case8 {
margin-left: 30px;
}
#availableColone2 #case8 img {
  height: 70%;
 width: auto;
 left: 0px;
}
#availableCase4a p, #availableCase5a p {
padding-left: 35px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}
}

/* ======== Galaxy Fold - inférieur à 281px =========*/

@media (max-width: 281px) {

  .nav .menu li a {
    font-size: 1rem;
    padding-left: 6px;
}
.wrapper .nav .menu li a {
  font-size: 1rem;
}
  .one,
  .two,
  .three,
  .four,
  .five,
  .six {
    min-width: 75%;
  }
  .langue {
    left: 65%;
  }
  #logo {
    padding-top: 30px;
  }
  .slide {
    letter-spacing: 1px; /* Pour le menu 2 */
  }

  .container6 {
    margin-top: 4%;
  }
  #footer a {
    font-size: 0.31rem;
  }

  #footer_container_3 {
    margin-left: 10%;
    font-size: 50%;
     }
  #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -24px;
  }
  #nav1.responsive ul.menu.menuP li {
    width: 90%;
}
  .process #nav1 {
    align-items: flex-start;
    background-color: rgb(119, 164, 168);
    opacity: 0.7;
  }

  /* ====== PROCESS =====  */
  header.process {
    height: 41vh;
    background-size: contain;
    background-position: bottom;

  }
  .process .langue {
    top: 6%;
    left: 64%;
  }
  .process #nav1 {
    opacity: initial;
  }
  #process-time {
    font-size: 2rem;
  }
  #processSticker {
    padding-top: 3px;
    width: 25px;
  }
  #flecheBA_resp,
  #flecheBB_resp {
    width: 100%;
  }
  #flecheHA,
  #flecheHB,
  #flecheHC,
  #flecheHD {
    min-width: 281px;
  }
  .process #logo {
    padding-top: 60px;
  }
  .process #nav1 {
    height: 0px;
  }
  /* ====== EXECUTIVE TEAM ====== */
  .team .langue {
    top:11%
  }
  header.team #logo {
    padding-top: 50px;
  }
  #teamSticker {
    width: min(30vw, 30px);
    margin: 10px 0 0 15px;
    opacity: initial;
  }
  header.team {
    background-size: contain;
    background-position: bottom;
    height: 43vh;
    width: auto;
  }
  #header-text h1 {
    font-size:0.6rem;
  }
  #header-text p {
    font-size: 0.6rem;
  }
#team {
  font-size: 2rem;
}
#team_text {
  font-size: 58%;
}
#titre_team {
  font-size: 55%;
}
#teamspan1 span {
  font-size: 10px;
}
#teamspan2 span {
  font-size: 10px;
}
  .carte {
    height: 35vh;
  }

  .carte svg {
    margin-left: 0%;
  }

  .col .sticker p {
    font-size: 60%;
  }
  /* ====== WHO WE ARE ====== */

  .who #nav1 ul.menu.menuP {
    padding-left: 7px;
  }
  #chap1,
  #chap2 {
    flex-direction: column;
  }
  .whoOblique {
    display: none;
  }

  #whoText p:nth-child(4),
  #whoText p:nth-child(3),
  #whoText p:nth-child(2) {
    width: 132%;
  }
  header.who {
    height: 252px;
  }
  .whoH1 {
    font-size: 15px;
  }
  #headerTextWho p {
    font-size: 10px;
  }
  #stickerWho {
    width: 25px;
    padding-top: 0px;
  }
  #whoChap1 {
    height: 640px;
    padding-top: 0px;
  }
  #whoChap2 {
    height: 300px;
    width: 100%;
  }
  #whoTwooChap1 {
    width: 100%;
  }
  #whoTwooChap2 {
    display: none;
  }
  #whoText p:nth-child(5) {
    width: 135%;
}
  #whoContent {
    margin-top: 12px;
  }
  #whoTitre {
    padding-top: 10px;
    font-size: 1rem;
  }
  #whoText2 {
    padding-top: 6px;
    width: 250px;
  }
  #whoChap2 #tetes {
    margin-left: -31px;
  }
  .whoTree {
    padding-top: 330px;
  }
  #tetes img {
    height: 300px;
  }
  #textSurImage {
    height: 50px;
    font-size: 12px;
    margin-top: -65px;
  }
  #whoButton {
    font-size: 1rem;
  }
  footer#footer2 a {
    font-size: 0.35rem;
  }
  footer#footer2 p {
    margin-left: 4%;
  }
  #footer_button {
    width: 180px;
  }
/* =====  Lets Talk finance ==== */

header.talkFinance #nav1 {
  height: 0px;
  background-color: #000;
  opacity: initial;

}
header.talkFinance {
  background-size: contain;
  background-position: bottom;
  height: 35vh;
  width: auto;
}
#talkFinance-txt {
  z-index: 1;
}
.talkFinance #logo {
  padding-top: 29px;
}
#talkFinanceBarre-blanche {
  height: 0px;
}
#sectionTalkFinance3 {
  height: 310px;
}
#sectionTalkFinance3 pre {
  font-size: 2rem;
}
#talkFinanceSticker {
  width: min(50vw, 31px);
}
#sectionTalkFinance1 {
  height: 45px;
  font-size:30px; 
}
.containertalkFinanceFunding {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
#talkFinanceFundingTitre h1 {
font-size: 1rem;
}
#talkFinance-txt {
  font-size: 0.67rem;
}
#talkFinanceHeader-text p {
  font-size: 1rem;
}
#sectionTalkFinance2:before {
height: 15px;
}
#availableColone2 img {
height: 186px;
margin-left: -210%;
margin-top: 25%;
}
#sectionTalkFinance3 {
height: 200px;
}
#talkFinanceFundingTitre {
padding-left: 65px;
}
#talkFinanceFundingTextNumero, #talkFinanceFundingTextNumero2, #talkFinanceFundingTextNumero3 {
flex-wrap: wrap; 
}

#case1 img, #case2 img, #case3 img, #case4 img, #case5 img, #case6 img, #case7 img {
height: 55px;
}
#talkFinanceFunding {
height: 625px;
}
#texte-case1a {
  padding-left: 0px;
  margin-left: 7px;
}
.financeColone1, #financeColone2, #financeColone3 {
width: 64%;
}
.financeColone1 {
margin-bottom: -135px;
}
#talkFinanceFundingcolonne1 {
width: 100%;
}
#talkFinanceFundingcolonne2, #talkFinanceFundingcolonne3 {
  margin-left: 20px;
}
#talkFinanceFundingTextNumero2 {
height: 860px;
}
#talkFinanceFundingTextNumero2 {
height: 250px;
}
#talkFinanceFundingTextNumero3 {
height: 510px;
}
#texte-case1a p, #texte-case2a p, #texte-case3a p, #texte-case4a p, #texte-case5a p, #texte-case6a p, #texte-case7a p{
font-size: 1rem;
width: 175%;
}

#texte-case1a, #texte-case2a, #texte-case3a {
  padding-top: 15%;
}
#texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
  padding-top: 31%;
}
#texte-case1a {
  padding-left: 8px;
}
#texte-case2a, #texte-case3a {
  padding-left: 0px;
  font-size: 80%;
}
#case1, #case2, #case3 {
  width: 12%;
}
#case4, #case6 {
margin-left: 13px;
}
#case5, #case7 {
margin-left: 13px;
}
.financeColone1 #case8 video {
  margin-top: -18px;
  margin-left: 49px;
  height: 90%;
  width: 90%;
}
#case1a, #case2a, #case3a, #case4a, #case5a, #case6a, #case7a {
  width: 55%;
  padding-right: 0px; 
  padding-left: 25px;
}
#case1a p, #case2a p, #case3a p, #case4a p, #case5a p {
  padding-left: 20px;
}
#case6a p {
  padding-left: 23px;
}
#case7a p {
  padding-left: 24px;
}
 #texte-case4a p, #texte-case5a p, #texte-case7a p {
  font-size: 1rem;
  width: 200%;
}
#texte-case6a p {
  font-size: 1rem;
  width: 160%;
}
.financeColone1 #case8 img {
  width: 85%;
  margin-left: 50px;
}
/* ----------------- */
#avalaibleFunding {
height: 1600px;
}
#availableFundingTitre {
margin-top: 610px;
}
#availableFundingTextNumero {
flex-direction: column;
flex-wrap: nowrap;
height: 1062px;
}
#availableFundingTextNumero {
  height: 365px;
  padding: 5px 0px 5px 1px;
}
#availableCase1a, #availableCase2a, #availableCase3a, #availableCase4a, #availableCase5a {
width: auto;
}
#availableCase1a p, #availableCase2a p, #availableCase3a p, #availableCase4a p, #availableCase5a p {
  padding-left: 20px;
}
#avalaibleCase1 img, #avalaibleCase2 img, #avalaibleCase3 img, #avalaibleCase4 img, #avalaibleCase5 img {
height: 55px;
}
#ligneOr {
border-bottom: 0px solid var(--color-or);
}
#availableColone2et3 {
display: flex;

flex-direction: column;
}
#availableColone3 {
padding-top: 0px;
padding-left: 6px;
}
#avalaibleLigne1, #avalaibleLigne2, #avalaibleLigne3, #avalaibleLigne4, #avalaibleLigne5 {
display: flex;
height:auto;
width: 50%;
margin-top: 17px;
margin-left: 6px;
}
#availableCase1a p, #availableCase2a p, #availableCase4a p, #availableCase5a p {
font-size: 1rem;
width: 160%;
}

#availableCase3a p  {
  font-size: 1rem;
  width: 130%;
  }
  
#talkFinanceLigneGrise {
  height: 20px;
  background-color: #eceae6;
  margin-top: 265px;
}
#availableFundingTitre {
padding-left: 0px;
justify-content: center;}

#availableFundingTitre {
font-size: 1rem;
}
#texte-case4a, #texte-case5a, #texte-case6a, #texte-case7a {
margin-left: -29px;
}
 #texte-case6a {
  margin-left: -48px;
}
#availableColone1 {
padding-left: 0px;
}
#availableColone2{
height: 100%;
width:100%;
align-items: stretch;
}
#availableColone2 #case8  {
display: flex;
width: 100%;
}
#case8 {
margin-left: 30px;
}
#availableColone2 #case8 video {
  width: initial;
  top: 100px;
  padding-right: 15px;
}
#availableCase4a p, #availableCase5a p {
padding-left: 16px;
}
.bodyTalkFinance footer#footer2 {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-blue);
width: 100%;
height: 60px;
}
#footer_button {
margin-right: 8px;
}
#footer2_container_3 a {
font-size: 55%;
}
#availableColone2 #case8 img {
  top: 0px;
  left: 180px;
}
#availableColone2 #case8 img {
  height: 50%;
  width: 120%;
}
  /* =====  Project Enabling ===== */

  /*-- menu entete --*/

  header.project {
   background-size: contain;
   background-position: bottom;
   height: 43vh;
   width: auto;
  }

  header.project #logo {
    padding-top: 55px;
    padding-right: 25px;
  }
  header.project #nav1 {
    height: 0px;
    background-color: #000;
    opacity: initial;
  }

  header.project .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.project .langue {
    padding-top: 0;
  }
  .project #nav1.nav {
    margin-top: 15px;
  }
  .project #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #enablingTitre {
    padding-left: 0px;
    width: 265px;
  }
  #enablingTitre h1 {
    font-size: 1rem;
  }
  #enablingTitre p {
    font-size: 0.8rem;
  }

  #programEnabling::after {
    height: 10px;
  }
  #projectSticker {
    width: min(30vw, 30px);
    margin-top: 15%;
  }
  #projectHeader-text {
     padding: initial;
  }
  #projectHeader-text h1 {
    font-size: 50%;
    margin-left: 2%;
    padding-top: 4px;
  }
  #projectHeader-text p {
    font-size: 0.6rem;
    margin-left: 2%;
  }
  #cible img,
  #puzzle img,
  #stylo img {
    width: 100px;
    height: auto;
  }
  #projectOperational {
    padding: 15px 0 15px 20px;
  }
  #projectText {
    padding-left: 0px;
    font-size: 0.8rem;
  }
  #projectOperational {
    width: 100px;
  }
  #master::after {
    height: 10px;
  }
  #projectCooperation {
    font-size: 0.8rem;
    padding: 5px 0;
    width: 115px;
  }
  #cooperationText {
    font-size: 88%;
    width: 130px;
  }
  #projectCoop::after {
    height: 30px;
  }
  #projectStylo {
    width: 150px;
    padding-left: 40px;
  }
  #styloText {
    padding-left: 0;
    font-size: 82%;
    width: 125px;
  }
  #budget::after {
    height: 15px;
  }
  #plan img,
  #plante img {
    height: 100px;
  }
  #planIndustrial {
    width: 150px;
  }
  #planText {
    width: 125px;
    font-size: 70%;
  }
  #planteTitre {
    padding: 15px 0 15px 25px;
    width: 120px;
  }
  #supplyText {
    width: 100px;
    font-size: 0.8rem;
    margin-right: 15px;
  }
  #mainStylo img {
    height: 145px;
  }
  #negociatingContrating {
    width: 135px;
    padding: 15px 0px 15px 6px;
  }
  #negociatingTitre {
    text-align: center;
    padding-right: 0px;
    width: 120px;
  }
  #negociatingText {
    padding-right: 0px;
    font-size: 80%;
    margin-left: 35px;
  }
  #ProjectEndText p {
    font-size: 1.5rem;
  }
  .process #footer_button {
    width: 202px;
  }
  /* =====  Management ===== */

  /*-- menu entete --*/

  header.management {
    background-size: contain;
    background-position: bottom;
    height: 41vh;
  }
  #managementSticker {
    padding-top: 1px;
    padding-right: 25px;
    width: min(50vw, 55px);
  }
  #managementHeader-text {
    padding: initial;
  }
  header.management #managementHeader-text h1 {
    padding-top: 0px;
    font-size: 30%;
  }
  header.management #managementHeader-text p {
    font-size: 100%;
  }
  header.management #nav1 {
    background-color: #000;
  }

  header.management .langue {
    margin-right: 0;
    display: flex;
    justify-content: space-around;
  }
  header.management .langue {
    padding-top: 0;
    left: 51%;
  }
  header.management #logo img {
    padding-top: 0px;
  }
  .management #nav1.nav {
    margin-top: 15px;
    opacity: initial;
  }
  .management #nav1.responsive ul.menu li:nth-child(1) {
    margin-top: -15px;
  }
  #managementTitre h1 {
    font-size: 2.5rem;
  }
  #managementTitre p {
    font-size: 1rem;
  }
  #ampoule {
    margin-bottom: 15px;
  }
  #ampoule img {
    height: 100px;
  }
  #programMaster {
    width: 165px;
    padding: 20px 0 20px 30px;
  }
  #programMasterText {
    padding-left: 162px;
    margin-top: 40px;
    font-size: 0.8rem;
    text-align: justify;
    width: 375px;
  }
  #carteImg img {
    height: 85px;
    margin-right: 15px;
  }
  #countryLocalisation {
    width: 170px;
    font-size: 1.1rem;
  }
  #countryText {
    margin-top: 40px;
    margin-right: -125px;
    align-items: flex-start;
  }
  #countryText p {
    padding-left: 5px;
    padding-right: 0px;
    text-align: justify;
    font-size: 0.8rem;
  }
  #countryText p:nth-child(1) {
    padding-left: 5px;
    padding-top: 30px;
    align-items: flex-start;
  }
  #localisation:after {
    height: 25px;
  }
  #monnaie img {
    height: 120px;
  }
  #financialManagement {
    font-size: 1rem;
    padding: 15px 0 15px 19px;
    width: 130px;
  }
  #financialText {
    margin-top: 0px;
    margin-left: -140px;
  }
  #financialText p:nth-child(1) {
    padding-top: 60px;
  }
  #financialText p {
    font-size: 0.8rem;
  }
  #monnaie {
    margin: 15px 0px 15px 10px;
  }
  #finance::after {
    height: 15px;
  }
  #deliveryBloc img {
    margin-right: 10px;
    height: 100px;
  }
  #countryLocalisation,
  #deliveryAcceptance {
    margin-top: 10px;
    font-size: 1rem;
    width: 150px;
  }
  #deliveryText {
    padding-top: 0px;
    margin-top: 50px;
    margin-right: -125px;
    margin-left: 25px;
    align-items: flex-start;
  }
  #deliveryText p {
    font-size: 1rem;
    text-align: justify;
    width: 230px;
  }
  #deliveryText p:nth-child(1) {
    padding-left: 0px;
  }
  #post:before {
    height: 25px;
  }
  #bousole {
    margin: 45px 5px;
  }
  #bousole img {
    height: 100px;
  }
  #postDeliveryTitre {
    padding-left: 0px;
    font-size: 1rem;
    width: 150px;
  }
  #postDeliveryText {
    padding-top: 20px;
    font-size: 1rem;
    color: var(--color-blue);
    margin-top: 0px;
    margin-left: -112px;
  }

  #managementEndText {
    font-size: 1.1rem;
    padding-left: 10px;
    padding-right: 10px;
  }
  /*====== Corporate Governance ======= */

  header.corporate .nav#nav1 {
    height: 0px;
    opacity: initial;
  }

  header.corporate {
    background-size: contain;
    background-position: bottom;
    height: 38vh;
  }
  #collateralSvgHaut,
  #collateralSvgBas,
  #svgHaut,
  #svgBas {
    display: none;
  }
  .corporate #logo {
    padding-top: 37px;
  }
  .corporate #nav1 {
    height: 0px;
  }
  #corporateTxt {

    padding-left: 18px;
}
  #stickerCorporate {
    margin-top: 2%;
    margin-left: 3%;
    height: 25px;
    width: 25px;
  }
  #headerTextCorporate p:nth-child(2) {
    padding-top: 11px;
  }
  #headerTextCorporate p:nth-child(2),
  #headerTextCorporate p:nth-child(3) {
    font-size: 0.7rem;
    margin-left: 3%;
  }
  #corporateH1 p {
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
  }
  #corporateImg {
    padding-left: 42%;
  }
  #corporateImg img,
  #ourKeyImg img,
  #collateralImg img {
    margin-top: 30px;
    width: 100px;
  }
  #corporateTxt {
    padding-right: 140px;
  }
  #corporateImgTxt {
    height: 330px;
  }
  #corporateTxt p:nth-child(1) {
    width: 150px;
    margin-left: -20x;
    font-size: 1rem;
  }
  #corporateTxt p:nth-child(2) {
    width: 250px;
    margin-top: 70px;
    margin-left: -125px;
    padding-top: 35px;
  }
  #corporateTxt p:nth-child(3),
  #corporateTxt p:nth-child(4) {
    width: 250px;
    margin-left: -125px;
  }
  #ourKeyImg {
    padding-left: 280px;
}
  #ourKeyImgTxt {
    margin-left: -274px;
    height: 420px;
  }
  #ourKeyTxt p:nth-child(1) {
    margin-left: 75px;
    font-size: 0.8rem;
    width: 150px;
  }
  #ourKeyTxt p:nth-child(2) {
    height: 100px;
    margin-top: 105px;
  }
  #ourKeyTxt p:nth-child(2),
  #ourKeyTxt p:nth-child(3),
  #ourKeyTxt p:nth-child(4) {
    width: 250px;
    font-size: 1rem;
    padding-right: 5px;
  }
  #collateralImg {
    padding-left: 42%;
  }
  #collateralImgTxt {
    height: 440px;
  }
  #collateralTxt {
    padding: 0px 60px 0px 0px;
}
  #collateralTxt p:nth-child(1) {
    width: 150px;
    font-size: 1rem;
    margin-left: -35px;
  }
  #collateralTxt p:nth-child(2) {
    height: 100px;
    margin-top: 105px;
  }
  #collateralTxt p:nth-child(2),
  #collateralTxt p:nth-child(3),
  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    width: 250px;
    font-size: 1rem;
    margin-left: -92px;
  }
  #collateralTxt p:nth-child(3) {
    padding-top: 25px;
  }
  #collateralTxt p:nth-child(2),
  #collateralTxt p:nth-child(4),
  #collateralTxt p:nth-child(5) {
    padding-top: 12px;
  }
  .corporateGovernance footer#footer2 p {
    margin-left: 10%;
    font-size: 0.8rem;
  }
  #footer_button {
    width: 180px;
  }

/* BIOGRAPHY */

header.biography {
background-size: contain;
background-position: bottom;
height: 37vh;
}

header.biography .nav#nav1 {
height: 0px;
opacity: initial;
}

header.biography #logo {
  padding-top: 33px;
}
.langue {
top: 4%;
}
#biographySticker {
width: min(20vw, 25px);
}
#biographyHeader-text {
font-size: 0.7rem;
}  
#biography_title {
height: 65px;
}
#biography_title h1 {
font-size: 3rem;
}
/* -------------*/
#chairman {
height: auto;
}
#chairmanText p {
padding-top: 30px;
font-size: 0.8rem;
font-weight:lighter; 
letter-spacing:normal; 
margin-left: -70px;
width: 210px;
}
#chairmanBlock {
padding-left: 80px;
padding-right: 0px;
width: auto;
}
#chairmanTitre {
text-align: center;
width: 170px;
margin-left: -70px;
height: 25px;
}
#chairmanTitre p {
width: 180px;
font-weight: normal;
font-size: 0.7rem;
margin: 0 auto;
}
#wheelOne img {
padding-left: 7%;
height: 60px;
width: auto;
padding-right: 0px;
}
/*----------------------*/
#chiefFiancialText p {
margin-left: 15px;
padding-top: 30px;
font-size: 0.8rem;
font-weight: normal; 
letter-spacing: normal;
color: var(--color-blue);
width: 200px;
}
#chiefFinancialTitle p {
margin-left: 14px;
font-size: 0.9rem;
font-weight: normal;
height: 25px;
width: 200px;
}
#wheelTwoo img {
padding-left: 01%;
height: 60px;
width: auto;
}
/*------------------------*/

#sectionChiefOperating:before {
height: 35px;
}
#chiefOperating {
height: auto;
}
#chiefOperatingText p {
padding-top: 30px;
font-size: 0.8rem;
font-weight:lighter; 
letter-spacing:normal; 
}
#chiefOperatingBlock {
padding-left: 80px;
padding-right: 0px;
width: auto;
}
#chiefOperatingTitre {
text-align: center;
width: 170px;
margin-left: -70px;
height: 25px;
}
#chiefOperatingTitre p {
width: 180px;
font-weight: normal;
font-size: 0.7rem;
margin: 0 auto;
}
#wheelthree img {
padding-left: 7%;
height: 60px;
width: auto;
}
/* Director */
#director {
height: 435px;
}
#directorText p {
margin-left: 15px;
padding-top: 30px;
font-size: 0.8rem;
font-weight: normal; 
letter-spacing: normal;
color: var(--color-blue);
width: 245px;
}
#directorTitle p {
margin-left: 14px;
font-size: 0.9rem;
font-weight: normal;
height: 25px;
width: 200px;
}
#wheelFour img {
padding-left: 1%;
height: 60px;
width: auto;
padding-right: 0px;
}
#wheelTwoo img {
  margin-right: 0px;
}

/* -------- Page CONTACT -------------*/

body.contactPage .contact_container {
  height: auto;
  width: 265px;
}
body.contactPage .contactWrap {
  height: 155vh;
}
body.contactPage #footer_button {
  height: 140px;
}
}

/* Laptop Displays  */
/*
@media (min-width:1366px) { 
#logo {
padding-top: 20px;
}
}
/* MacBook pro 13" 2x scaling  */
/*
@media (min-width:1440px) { 
#logo {
padding-top: 20px;
}
}
/* Desktop displays  MacBook Pro 13" 1.5x scaling */
/*
@media (min-width:1680px) { 
#logo {
padding-top: 20px;
}
}
/* Desktop displays  */
/*
@media (min-width:1680px) { 
#logo {
padding-top: 20px;
}
}
/* Displays 1080p */
/*
@media (min-width:1920px) { 
#logo {
padding-top: 20px;
}
}

/* Min-width */
/* Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
/*
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

/* Max-width */
/*
@media (max-width: 575.98px) { ... }

Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

 Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }
*/