voirplus
:root {
  --bleu-c : #9CCFEA;
  --jaune-caca : #F9BE1D;
  --jaune-claire : #FBEEB9;
}

@font-face {
  font-family: Nexa-bold;
  src: url('/assets/font/Nexa/NEXA\ BOLD.OTF');
}

@font-face {
  font-family: Nexa-light;
  src: url('/assets/font/Nexa/NEXA\ LIGHT.OTF');
}


* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
  /* background-color: var(--bleu-c) !important;  */
}

@media (min-width:1000px) {
  #a-mob {
    display: none;
  }
}


.captcha-pied{
  top: 80px;
  left: 44px;
  position: relative;
}
.cliquer:hover{
  color: rgb(131, 131, 125);
  cursor: pointer;
}rgb(122, 122, 120)

 .text-bouton:hover{
  /*color: yellow;*/
  cursor: pointer;
 }
 .bouton-menu{
   color: #000;
   font-size: 20px;
   line-height: normal;
   margin-top: 15px;
   font-family: Nexa-bold;
   font-weight: lighter;
   
 }

 /*.bouton-menu:hover{
   color: yellowgreen;
   cursor: pointer;
 } */

.header{
  background-color: white;
    border: 1px none;
    height: 150px;
    left: 0px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 1920px;
}
.bar-menu{
  background-color:#f2f3ef;
  border: 1px none;
  height: 41px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 1920px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.drapeau-malagasy{
  background-color: transparent;
  height: 36px;
  left: 199px;
  mix-blend-mode: normal;
  position: absolute;
  top: 2px;
  width: 48px;
  -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contact-madagascar{
  background-color: transparent;
  height: auto;
  left: 265px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 12px;
  width: 173px;
  color: black;
  font-family: 'Inter';
  font-size: 'font-size-s';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
}
.drapeau-francais{
  background-color: transparent;
  height: 36px;
  left: 466px;
  mix-blend-mode: normal;
  position: absolute;
  top: 2px;
  width: 48px;
  -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contact-france{
  background-color: transparent;
  height: auto;
  left: 534px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 11px;
  width: 203px;
  color: black;
  font-family: 'Inter';
  font-size: 'font-size-s';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
}
.drapeau{
  background-color: transparent;
    height: 36px;
    left: 1309px;
    mix-blend-mode: normal;
    position: absolute;
    top: 1px;
    width: 48px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.recrutement{
  background-color: transparent;
  height: auto;
  left: 1391px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 9px;
  width: 131px;
  -webkit-text-size-adjust: none;
  color: black;
  font-family: 'Inter';
  font-size: 'font-size-l';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
}
.espace-client{
  background-color: transparent;
  height: auto;
  left: 1543px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 8px;
  width: 140px;
  -webkit-text-size-adjust: none;
  color: black;
  font-family: 'Inter';
  font-size: 'font-size-l';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
}
.logo-bt{
  background-color: transparent;
    cursor: pointer;
    height: 54px;
    left: 243px;
    mix-blend-mode: normal;
    position: absolute;
    top: 41px;
    width: 230px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
h2,h3,h4,h5,p,a{
  font-family: 'Montserrat';
}
.titre-accueil{
  background-color: transparent;
    color: black;
    font-style: normal;
    font-weight: 600;
    height: auto;
    left: 767px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    /* top: 62px; */
    top: 50px;
    width: auto;
    -webkit-text-size-adjust: none;
    font-family: 'Montserrat';
    font-size: 'font-size-xl';
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.bar-grand-menu{
  background-color: #9CCFEA !important;
  border: 1px none;
  height: 100px;
  left: 0px;
  position: fixed;
  z-index: 98;
  width: 100%;
  top: 0px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  
}

.bar-grand-menu img {
    position: absolute;
    width: 150PX;
    margin-left: 117px;
    
   
}

#liste-menu-principal{
    list-style: none;
    display: flex;
    position: absolute;
    justify-content: space-around;
    /* justify-content: space-between !important; */
    width: 75%;
    margin: auto;
    padding: 0;
    padding: 20px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 450px;

    
}
a{
  text-decoration: none !important; 
}
.m-principal {
  
  /* border-bottom: 2px solid red; */
  display: block;
  list-style: none;
  text-decoration: none;
  font-style: normal;
  letter-spacing: 0px; 
  background-color: transparent;
  color: #000;
  font-size: 24px;
  cursor: pointer;
  font-style: normal;
  height: auto;
  font-family: Nexa-bold;
}
.contact-header {
	position: absolute;
	margin-left: 1160px;
}

.contact-header a {
  color: #000;
  font-family: Nexa-bold;
  font-style: normal;
}

.contact-header button {

	border: none;
	background: #F9BE1D;
  width: 163px;
  border-radius: 20px;
}

.contact-head{
	font-size: 20px;
}

.rectangle {
	width: 3px;
	height: 64px;
	background: #D9D9D9;
	position: absolute;
	margin-left: 225px;
	margin-top: -19px;
}

.espace-client {
	position: absolute;
	margin-left: 80px;
}

.espace-client a {
  color: #000;
}

.espace-client a:hover {
  color: #000;
}

.clients , .bas-client {
  font-size: 24px;
  font-family: Nexa-light;
}
.bas-client{
  margin-left: 10px;
}

.acceuil {
	width: 100%;
	background-size: cover;
	position: relative;
	min-height: 60vh;
	padding: 160px 0 60px 0;
  
}

.type1 {
  font-size: 30px;
	font-family: Nexa-light;
}

.type{
	font-size: 40px;
	font-family: Nexa-bold;
  }

.crak{
    margin-left: 13.33px;
    font-weight: 550;
    color: #000000;
  }

.produisez{
    font-size: 20px;
    margin-top: 23px;
    font-style: normal;
    font-family: Nexa-light;
    padding-bottom: 10px;
    }
.ellipse-1{
   position: absolute;
   z-index: 2;
   height: 358px;
   margin-left: 400px;
   width: 522px;
   margin-top: 115px;
  }

.image-presentation {
	position: absolute;
	width: 931px;
	height: 537px;
	z-index: 4;
	margin-top: -10px;
	margin-left: -50px;
}

.about{
	background-color: #FBEEB9;
	width: 100%;
	height: 120.436px;
 	
}

.demo{
	margin-left: 850px;
	width: 343px;
	height: 67px;
	margin-top: -95px;
	position: absolute;
	border-radius: 13px;
	background: var(--3, #F9BE1D);
	border: none;
}

#about .d-flex a {
	font-size: 20px;
	font-family: Nexa-bold;
	font-style: normal;
	font-weight: lighter;
}

.type2 {
	color: #6CC0F1;
	font-size: 32px;
	font-family: Nexa-bold;
	font-style: normal;
	font-weight:100;
}

.payer {
	color: #6CC0F1;
	font-size: 32px;
	font-weight: lighter;
	font-family: Nexa-bold;
	margin-top: -15px;
}

.type3{
	color: #000;
	font-family : Nexa-bold;
	font-size: 20px;
	margin-top: -10px;
}

#logiciels {
	width: 100%;
	height: 730px;
	background: #fff;
}

.logiciels{
	font-size: 32px;
	font-style: normal;
	font-family: Nexa-bold;
	font-weight: lighter;
	position: absolute;
	margin-left: 860px;
	padding-top: 20px;
}

.carte-plateforme{
	width: 285px;
	height: 340px;
	flex-shrink: 0;
	background: #286796;
	position: absolute;
	box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	margin-top: 80px;
	margin-left: 159px;
}

.carte-finance {
	width: 285px;
	height: 340px;
	flex-shrink: 0;
	box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	position: absolute;
	background: #002E47;
	margin-top: 80px;
	margin-left: 514px;
}

.carte-commerce{
	width: 285px;
	height: 340px;
	flex-shrink: 0;
	box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	background: #002E47;
	margin-top: 80px;
	position: absolute;
	margin-left: 815px;
}

.carte-rh {
	width: 285px;
	height: 340px;
	flex-shrink: 0;
	box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	background: #002E47;
	margin-top: 80px;
	position: absolute;
	margin-left: 1116px;
}

.carte-bureau {
	width: 285px;
	height: 340px;
	flex-shrink: 0;
	box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	background: #F9BE1D;
	margin-top: 80px;
	position: absolute;
	margin-left: 1471px;
}

.ligne-bleu-1 {
	width: 4px;
	height: 53px;
	flex-shrink: 0;
	border-radius: 2px;
	background: var(--texte-couleur-titre, #59C0F0);
	position: absolute;
	margin-top: 205px;
	margin-left: 477px;
}

.ligne-jaune-1 {
	width: 4px;
	height: 53px;
	flex-shrink: 0;
	border-radius: 2px;
	background: var(--3, #F9BE1D);
	position: absolute;
	margin-top: 265.57px;
	margin-left: 477px ;
}

.ligne-bleu-2{
	width: 4px;
	height: 53px;
	flex-shrink: 0;
	border-radius: 2px;
	background: var(--texte-couleur-titre, #59C0F0);
	position: absolute;
	margin-top: 205px;
	margin-left: 1434px;
}

.ligne-jaune-2{
	width: 4px;
	height: 53px;
	flex-shrink: 0;
	border-radius: 2px;
	background: var(--3, #F9BE1D);
	position: absolute;
	margin-top: 265.57px;
	margin-left: 1434px;
}

.gestion-plateforme {
	margin-top: 234.91px;
	color: #FFF;
	font-family : Nexa-bold;
	font-weight: initial;
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
}

.gestion-finance{
	margin-top: 210px;
	color: #FFF;
	font-family : Nexa-bold;
	font-weight: initial;
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
}

.gestion-commerce {
	margin-top: 234.91px;
	color: #FFF;
	font-family : Nexa-bold;
	font-weight: initial;
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
}

.ressource-humaines {
	margin-top: 234.91px;
	color: #FFF;
	font-family : Nexa-bold;
	font-weight: initial;
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
}

.bureau-com {
	margin-top: 234.91px;
	color: #FFF;
	font-family :  Nexa-bold;
	font-weight: initial;
	font-size: 24px;
	line-height: normal;
	text-transform: uppercase;
}

.licence-1 {
	position: absolute;
	background-color: #fff;
	border-radius: 30px;
	margin-left: 86px;
	margin-top: 67px;
}

.compta-1 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-left: 54px;
	margin-top: 24px;
}

.treso-2 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-left: 147px;
	margin-top: 24px; 
}

.paiement-1 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-left: 105px;
	margin-top: 127px;
}

.crm-2 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-left: 9px;
	margin-top: 26px;
}

.gescom-2 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-left: 102px;
	margin-top: 26px;
}


.achat-1 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-left: 197px;
	margin-top: 26px;
}

.reglement-1 {
	position: absolute;
	background-color: #fff;
	width: 80px;
	height: 80px;
	border-radius: 20px;
	margin-top: 122px;
	margin-left: 57px;
}

.espace-cli {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-top: 122px;
	margin-left: 150px;
}

.paie-1 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	width: 80px;
	height: 80px;
	margin-top: 27px;
	margin-left: 47px;
}

.isi-1 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-top: 27px;
	margin-left: 147px;
}

.bulletin-1 {
  position: absolute;
	background-color: #fff;
	width: 80px;
	height: 80px;
	border-radius: 20px;
	margin-top: 122px;
	margin-left: 57px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bulletin-mob {
  position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-top: 122px;
	margin-left: 150px;
  width: 80px;
	height: 80px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.agenda-1 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-left: 9px;
	margin-top: 27px;
}

.contact-1 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-top: 27px;
	width: 80px;
	height: 80px;
	margin-left: 102px;
}

.messagerie-2 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-top: 27px;
	margin-left: 197px;
}

.ged-1 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-top: 122px;
	margin-left: 57px;
}

.texteur-2 {
	position: absolute;
	background-color: #fff;
	border-radius: 20px;
	margin-left: 150px;
	margin-top: 122px;
}

.question-manao {
	margin-top: 500px;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-family : Nexa-bold;
	font-weight: 100;
	margin-left: 44px;
}

.appareil img {
	margin-left: 647px;
}

.appareil p {
	margin-left: 600px;
	margin-top: 12px;
	font-family : Nexa-bold;
	font-weight: lighter;
	font-size: 16px;
}

.engagement img {
	margin-top: -190px;
	margin-left: 935px;
}

.engagement p {
	margin-left : 860px;
	margin-top: -54px;
	font-family :Nexa-bold;
	font-weight: lighter;
	font-size: 16px;

}

.donnees img {
	margin-left: 1230px;
	margin-top: -190px;
}

.donnees p {
	margin-left: 1180px;
	font-size: 16px;
	font-family: Nexa-bold;
	margin-top: -54px;
	
}

#fonctionnement {
	width: 100%;
	height: 430px;
	background: #9BD1E9;
}

#fonctionnement .illustration img {
	width: 835px;
	height: 509px;
	margin-left: 142px;
	margin-top: -15px;
}

#fonctionnement .section-droite {
	margin-left: 1046px;
	margin-top: -400px;
}

#fonctionnement .section-droite p {
	font-size: 32px;
	font-family :Nexa-bold;
	font-style: normal;
	line-height: normal;
}

.liste-fonction {
	margin-left: 53px;
}

.liste-fonction ul li {
	list-style: none;
	font-size: 20px;
	line-height: 4.5vb;
	font-family: Nexa-light;
}

.liste-fonction ul a button {
	margin-top: 21px ;
	border-radius: 12px;
	background: #F9BE1D;
	width: 184px;
	height: 49px;
	flex-shrink: 0;
	border: none;
}

.liste-fonction ul a {
	font-size:20px ;
	font-style: normal;
	font-family : Nexa-bold;
	color: #000;
}

.ellipse-manao img {
	position: absolute;
	margin-top: -250px;
}

.ellipse-manao-2 img {
	position: absolute;
	margin-top: -300px;
	margin-left: 116px;
}
#secvices {
	width: 100%;
	height: 860px;
	background: #fff;
}

.LesService {
	margin-top: 47px;
	color: #4EB1EB;
	font-size: 32px;
	font-family: Nexa-bold;
	font-style: normal;
}

#secvices .MeServices .tritre-bleu {
	margin-left: 505px;
	color: #6CC0F1;
	font-family: Nexa-bold;
	font-weight: bolder;
	font-size: 24px;
	font-style: normal;
}

#secvices .MeServices .tritre-bleu-1 {
	margin-left: 505px;
	color: #6CC0F1;
	font-family: Nexa-bold;
	font-weight: bolder;
	font-size: 24px;
	font-style: normal;
	margin-top: 142px;
}

#secvices .disponible {
	margin-left: 505px;
	margin-top: 23px;
	font-family: Nexa-light;
	font-weight: 400;
	color: #000;
	font-size: 20px;
}

.headset-1 {
	position: absolute;
	margin-left: 297px;
}

.parametrage-1 {
	position: absolute;
	margin-left: 297px;
}


.MeServices {
	margin-top: 50px;
}

.formation {
	position: absolute;
	font-size: 24px;
	font-family : Nexa-bold;
	font-weight: 700;
	color: #6CC0F1;
	margin-left: 1090px;
	margin-top: -457px;
}

.accompagne {
	margin-top: 23px;
	position: absolute;
	font-family: Nexa-light;
	font-weight: 400;
	color: #000;
	font-size: 20px;
	margin-left: 1090px;
	margin-top: -400px;
}

.accompagne img {
	position: absolute;
	margin-left: 360px;
	margin-top: -120px;
}

.integration {
	position: absolute;
	font-size: 24px;
	font-family :Nexa-bold;
	font-weight: 700;
	color: #6CC0F1;
	margin-left: 1090px;
	margin-top: -143px;
}

.developpeur {
	position: absolute;
	margin-left: 1090px;
	font-family: Nexa-light;
	font-weight: 400;
	color: #000;
	font-size: 20px;
	margin-top: -88px;
}

.developpeur img {
	position: absolute;
	margin-left: 220px;
	margin-top: -260px;
}

.line-1 {
	position: absolute;
	margin-left: 960px;
	margin-top: -470px;
	height: 630px;
}

.boule-1 {
	position: absolute;
	margin-left: 950px;
	margin-top: -370px;
}

.boule-2 {
	position: absolute;
	margin-left: 950px;
	margin-top: -30px;
}

#secvices .MeServices a button {
  position: absolute;
  width: 200px;
  height: 50px;
  border: 2px solid #000;
  background: rgba(217, 217, 217, 0.00);
  margin-left: 850px;
  margin-top: 189px;
}

#secvices .MeServices a button:hover {
  background: var(--3, #F9BE1D);
  color: #FFF;
  border: none;
}

#secvices .MeServices a {
	color: #000;
	font-family : Nexa-bold;
	line-height:2ex;
	font-weight: lighter;
}

#utilisateur button {
	position: absolute;
	width: 107px;
	height: 25px;
	flex-shrink: 0;
	margin-left: 1185px;
	margin-top: -48px;
	border-radius: 7px;
	background: var(--3, #F9BE1D);
	border: none;
}

#utilisateur {
	width: 100%;
	height:113px;
	background: var(--base, #9CD0E8);
}

#utilisateur p {
	margin-top: 35px;
	font-size: 32px;
	font-family: Nexa-bold;
}

#utilisateur a  {
	color: #fff;
	font-size: 16px;
	font-family: Nexa-bold;
	line-height: normal;
}

#clients-liste {
	height: 200px;
}

#clients-liste .slider {
  display: grid;
  position: relative;
  place-items: center;
  width: 100%;
  overflow: hidden;
}

#clients-liste .slider .slider-track {
  display: flex;
  width: calc(250px * 20);
  animation: scroll 40s linear infinite;
}

#clients-liste .slider .slider-track:hover {
  animation-play-state: paused;
}

@keyframes scroll {
  0%{
    transform: translateX(0);
  }
    100%{
    transform: translateX(calc(-250px * 10));
  }
}

#clients-liste .slider .slider-track  .slide {
  height: 150px;
  width: 300px;
  display: flex;
  align-items: center;
  padding: 15px;
  margin-top: 25px;
  perspective: 100px;
}

#clients-liste .slider .slider-track  .slide img {
  width: 90%;
  transition: transform 1s;
}

#clients-liste .slider .slider-track  .slide img:hover {
  transform: translateZ(20px);
  border-radius: 20px;
  padding: 10px;
  background: #D9D9D9;
}
    /*=== fin block====*/
.titre-menu1{
    background-color: transparent;
    color: white;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    height: auto;
    left: 23px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 9px;
    width: 204px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/*Sous menu page logiciel*/

#logiciels-desktop{
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 74px;
  margin-top: 95px;
  z-index: 68;
  position: fixed;
  width: 100%;
  top: 0;
}

.sous-button {
  background: var(--base, #9CD0E8);
  border-radius: 0px 0px 30px 30px;
  padding-top: 30px;
  margin-top: -15px;
  padding-bottom: 11px;
  padding-left: 23px;
  padding-right: 23px;
}

/*Fin Css menu page logiciel*/


/* Debut css de la page plateforme */

#sous-menu-plateforme-desktop {
  background: #fff;
  height: 308px;
  margin-top: 170px;
}

.cadre-jaune {
  position: absolute;
  width: 547px;
  height: 269px;
  background: var(--second, #FBEEB9);
  margin-top: -1px ;
  z-index: 67;
}

.cadre-jaune img {
  margin-left:250px;
  margin-top: 10px;
}

.petit-carte-bleu {
  position: absolute;
  width: 64px;
  height: 48px;
  flex-shrink: 0;
  background: var(--texte-couleur-titre, #59C0F0);
  margin-top: 245px;
  margin-left: 509px;
  z-index: 67;
}

.intro-plateforme{
  position: absolute;
  margin-left: 943px;
}

.intro-plateforme h3 {
  color: #000;
  text-align: center;
  font-size: 20px;
  line-height: normal;
  margin-top: 53px;
  font-family: Nexa-bold;
}

.descr-plateforme {
  position: absolute;
  margin-left: 632px;
  margin-top: 100px;
}

.descr-plateforme p {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: lighter;
  font-family: Nexa-light;
  line-height: 1;
}

.titre-principales {
  position: absolute;
  margin-left: 480px;
  margin-top: 30px;
}

.titre-principales h2 {
  color: #000;
  font-size: 36px;
  font-style: normal;
  line-height: normal; 
  font-family: Nexa-bold;
}

.ellipse-16 img {
  position: absolute;
  margin-top: 143px;
  margin-left: 160px;
}

.ellipse-16 {
  margin-top: 0px;
}

.capture-plateforme img {
  position: absolute;
  margin-top: 165px;
  margin-left: 297px;
}

.manao-bureau {
  position: absolute;
  margin-left: 1048px;
  margin-top: 165px;
}

.manao-bureau  .titre-bureau p {
  font-size: 24px;
  font-style: normal;
  line-height: normal;
  font-family: Nexa-bold;
}

.manao-bureau  .titre-bureau-bleu h4 {
  color: #59C0F0;
  margin-top: 15px;
  font-size: 16px;
  font-style: normal;
  font-family: Nexa-bold;
}

.manao-bureau  .titre-bureau-bleu p {
  font-family: Nexa-light;
  font-size: 16px;
  line-height: normal;
}

.manao-bureau  .titre-bureau-bleu ul li {
  font-size: 16px;
  line-height: normal;
  font-family: Nexa-light;
}

#fonctionnalite-plateforme {
  height: 485px;
  background: rgba(217, 217, 217, 0.30);
  margin-top: 0px;
  
}

.boutton-fiche {
  margin-left: 0px;
  margin-top: 96px;
  margin-bottom: 21px;
}

.boutton-fiche a {
  color: #000;
  font-size: 17px;
  font-style: normal;
  line-height: normal;
  font-weight: 700;
}

.boutton-fiche a button {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 25px;
  padding-right: 25px;
  background: #FBEEB9;
  border: none;

}

.fleche-section img {
  position: absolute;
  margin-left: 908px;
  margin-top: 122px;
}

#section-question {
  height: 691px;
  background: #fff;
  
}

.groupe-plateforme img {
  margin-top: 100px;
  margin-left: 55px;
}

#section-question .listes-question {
  position: absolute;
  margin-left: 840px;
  margin-top: -550px;
}

.question-frequentes {
  margin-left: 150px;
}

.question-frequentes img {
  width: 573px;
  height: 150px;
}

.listes-question ul li {
  list-style: none;
  margin-bottom: 13px;
  font-size: 15px;
  line-height: normal;
  font-style: normal;
  border: solid 1px #000000;
  border-radius: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 17px;
  padding-right: 70px;
  height: 44px;
  cursor: pointer;
}

.listes-question ul li p {
  font-family: Nexa-Bold;
}

.listes-question ul li:hover {
  background: var(--base, #9CD0E8);
  border: 1px solid var(--base, #9CD0E8);
  transition: 1.5s;
  
}

.listes-question ul  {
  margin-top: -15px ;
}

.vector-q-1 {
  margin-left: 770px;
  position: absolute;
  margin-top: -42px;
}

.vector-q-2 {
  margin-left: 770px;
  position: absolute;
  margin-top: -30px;
}
/*Fin css de la page plateforme*/

/* Debut css page gestion*/

#fonctionnalite-gestion {
  height: 1683px;
  background: rgba(217, 217, 217, 0.30);
  margin-top: 0px;
  
}

.boutton-fiche-gestion {
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 21px;
}

.boutton-fiche-gestion a {
  color: #000;
  font-size: 17px;
  font-style: normal;
  line-height: normal;
  font-family: Nexa-bold;
}

.boutton-fiche-gestion a button {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 25px;
  padding-right: 25px;
  background: #FBEEB9;
  border: none;
}

.manao-bureau-gauche {
  position: absolute;
  margin-top: 701px;
  margin-left: 284px;
}

.titre-tresoreri p {
  font-size: 24px;
  font-style: normal;
  font-family: Nexa-bold;
  line-height: normal;
}

.manao-bureau-gauche  .titre-bureau-bleu h4 {
  color: #59C0F0;
  margin-top: 15px;
  font-size: 16px;
  font-style: normal;
  font-family: Nexa-bold;
}
.manao-bureau-gauche  .titre-bureau-bleu p {
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  font-family: Nexa-light;
}

.manao-bureau-droite img {
  position: absolute;
  margin-top: 720px;
  margin-left: 1048px;
  z-index: 6;
}

.manao-bureau-droite .ellipse-17 img {
  position: absolute;
  margin-left: 1248px;
  margin-top: 665.5px;
  z-index: 2;
}


.manao-bureau-gauche-1 img {
  position: absolute;
  margin-top:1285.15px ;
  margin-left:297px;
  z-index:6;;
}

.manao-bureau-gauche-1 .ellipse-18 img {
  position: absolute;
  margin-left: 186px;
  margin-top: 1283.15px;
  z-index: 2;
}

.manao-bureau-droite-1 {
  position: absolute;
  margin-top: 1285.15px;
  margin-left: 1048px;
}

.manao-bureau-droite-1 .titre-bureau-bleu h5 {
  color: #59C0F0;
  margin-top: 15px;
  font-size: 16px;
  font-style: normal;
  font-family: Nexa-bold;
  line-height: 35px;
}

.manao-bureau-droite-1 .titre-bureau-bleu p {
  font-family: Nexa-light;
  font-size: 16px;
}

.line-trait img {
  position: absolute;
  margin-left: 985px;
  margin-top:270px ;
}

.boule-rouge-1 {
  position: absolute;
  margin-top: 259px;
  margin-left: 969px;
}

.boule-rouge-2 {
  position: absolute;
  margin-top: 832px;
  margin-left: 969px;
}

.boule-rouge-3 {
  position: absolute;
  margin-top: 1397px;
  margin-left: 969px;
}

.fleche-droite {
  position: absolute;
  margin-top: 748.66px;
  margin-left: 949.25px;
}

.fleche-gauche {
  position: absolute;
  margin-top: 1435px;
  margin-left: 932px;
}

.point-vert-droite {
  position: absolute;
  margin-top: -15px;
  margin-left: 383px;
}

.point-vert-gauche {
  position: absolute;
  margin-top: -35px;
  margin-left: 280px ;
}

.point-jaune {
  position:absolute;
  margin-top: 119px;
  margin-left: 1804px;
}
/*Fin css page gestion*/

/*Debut css page commercial*/

#sous-menu-commercial-desktop {
  background: #fff;
  height: 449px;
  margin-top: 172px;
}

#sous-menu-commercial-desktop .cadre-jaune {
  height: 420px;
}

#sous-menu-commercial-desktop .cadre-jaune .crm-image {
  
}

#sous-menu-commercial-desktop .petit-carte-bleu {
  margin-top: 396px;
}

#fonctionnalite-commercial {
  height: 2807px;
  background: rgba(217, 217, 217, 0.30);
  margin-top: 0px;
}

#fonctionnalite-commercial .manao-bureau .titre-bureau-bleu p {
  font-size: 16px;
  
}

.manao-bureau-gauche-2{
  position:absolute;
  margin-top: 1825px;
  margin-left: 284px;
}

.manao-bureau-gauche-2 .titre-bureau-bleu p {
  font-size: 16px;
  line-height: normal;
  font-style: normal;
  font-family: Nexa-light;
  
}

.manao-bureau-gauche-2 .titre-bureau-bleu h4 {
  font-size: 16px;
  line-height: normal;
  font-style: normal;
  color: #59C0F0;
  font-family: Nexa-bold;
}

.manao-bureau-gauche-2 .boutton-fiche-gestion {
  margin-top: 35px;
}

.manao-bureau-gauche-2 .point-vert-gauche {
  margin-left: 385px;
}

.manao-bureau-droite-2 img {
  position: absolute;
  margin-top: 1844px;
  margin-left: 1048px;
  z-index: 6;
}

.manao-bureau-droite-2 .ellipse-17 img {
  position: absolute;
  margin-top: 1779px;
  margin-left: 1248px;
  z-index: 2;
}

.manao-bureau-gauche-3 img {
  position: absolute;
  margin-top: 2401px;
  margin-left: 297px;
  z-index: 6;
}

.manao-bureau-gauche-3 .ellipse-18 img {
  margin-top: 2387.15px;
  margin-left: 186px;
  z-index: 2;
}

.manao-bureau-droite-3 {
  position: absolute;
  margin-top: 2401px;
  margin-left: 1048px;
}

.manao-bureau-droite-3 .titre-bureau-bleu h4{
  color: #59C0F0;
  font-size: 16px;
  font-style: normal;
  font-family: Nexa-bold;
  line-height: normal;
}

.manao-bureau-droite-3 .titre-bureau-bleu p{
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  font-family: Nexa-light;
}

.boule-rouge-4 {
  position: absolute;
  margin-top: 1949px;
  margin-left: 970px;
}

.boule-rouge-5 {
  position: absolute;
  margin-top: 2484px;
  margin-left: 970px;
}

.fleche-droite-1{
  position: absolute;
  margin-top: 1820.66px;
  margin-left: 949.25px;
}

.fleche-gauche-1 {
  position: absolute;
  margin-left: 932px;
  margin-top: 2532px ;

}

/*fin css page commercial*/


/* Début css page rh*/

#sous-menu-rh-desktop {
  background: #fff;
  height: 429px;
  margin-top: 173px;
}

#sous-menu-rh-desktop .cadre-jaune {
  height: 370px;
  
}

#sous-menu-rh-desktop .petit-carte-bleu {
  margin-top:346px;
}

#fonctionnalite-rh {
  height: 2210px;
  background: rgba(217, 217, 217, 0.30);
  margin-top: 0px;
}

#fonctionnalite-rh .manao-bureau .titre-bureau-bleu h5 {
  font-size: 16px;
}

#fonctionnalite-rh .manao-bureau  .titre-bureau-bleu p {
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  
}
/*Fin css page rh*/

/*Début css page bureautique*/

#sous-menu-bureautique-desktop {
  background: #fff;
  height: 308px;
  margin-top: 176px;
}

#sous-menu-bureautique-desktop .section-logiciel-bureautique .cadre-jaune {
  margin-top: -5px;
}

#fonctionnalite-bureautique {
  height: 1174px;
  background: rgba(217, 217, 217, 0.30);
  margin-top: 0px;
}

#fonctionnalite-bureautique .manao-bureau .titre-bureau-bleu p {
  font-size: 16px;
}

/*Fin css page bureautique*/

/*Debut css page communication*/

#sous-menu-comm-desktop {
  background: #fff;
  height: 308px;
  margin-top: 175px;
}

#sous-menu-comm-desktop .section-logiciel-comm .cadre-jaune {
  margin-top: -5px;
  height: 302px;
  
}

#sous-menu-comm-desktop .section-logiciel-comm .petit-carte-bleu {
  margin-top: 270px;
}

#fonctionnalite-gestion {
  margin-top: 15px;
}

#fonctionnalite-gestion .manao-bureau .titre-bureau-bleu h5 {
  line-height: 30px;
}

/*Fin css page communication*/


/*Début css page service*/

#service-desktop  .band-tete {
  height: 116px;
  background: linear-gradient(89deg, rgba(156, 208, 232, 0.20) 19.64%, rgba(156, 208, 232, 0.00) 100%) !important;
  margin-top: 100px;
}

#service-desktop .band-tete .texte-entete p {
  position: absolute;
  font-size: 24px;
  margin-top: 15px;
  text-align: center;
  margin-left: 554px;
  line-height: 200%;
  font-family: Nexa-Bold;
}

#service-desktop  .cadre-bleu-service {
  width: 504px;
  height: 670px;
  flex-shrink: 0;
  background: #9CD0E8;
}

#service-desktop  .cadre-bleu-service .image-lanja img {
  position: absolute;
  margin-left: 95px;
  margin-top: 0px;
}

#service-desktop  .cadre-jaune-service-1 {
  position: absolute;
  width: 472px;
  height: 369px;
  background: var(--second, #FBEEB9);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 72px;
  margin-left: 834px;
  margin-top: 99px;
}

#service-desktop  .cadre-jaune-service-2 {
  position: absolute;
  width: 472px;
  height: 369px;
  background: var(--second, #FBEEB9);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 72px;
  margin-left: 1347px ;
  margin-top: 99px;
}

#service-desktop  .cadre-jaune-service-1 h4 {
  text-align: center;
  text-decoration-line: underline;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  font-family: Nexa-Bold;
  margin-top: 23px;
}

#service-desktop  .cadre-jaune-service-1 ul {
  margin-left: 40px;
  margin-top: 20px;
}

#service-desktop  .cadre-jaune-service-1 ul li {
  font-family: Nexa-Light;
  font-size: 17px;
  font-style: normal;
  line-height: 138.5%;
  font-weight: lighter;
}

#service-desktop  .cadre-jaune-service-2 h4 {
  margin-left: 58px;
  text-decoration-line: underline;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  font-family: Nexa-Bold;
  margin-top: 23px;
}

#service-desktop  .cadre-jaune-service-2 p {
  font-family: Nexa-Light;
  font-size: 17px;
  margin-left:58px;
  margin-top: 20px;
}

#service-desktop  .cadre-jaune-service-2 h3 {
  margin-left: 58px;
  text-decoration-line: underline;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  font-family: Nexa-Bold;
  margin-top: 23px;
}

#service-desktop  .cadre-jaune-service-2 ul li {
  list-style: none;
  font-family: Nexa-Light;
  font-size: 17px;
  font-style: normal;
}

#service-desktop  .cadre-jaune-service-2 ul .chiffre-service{
  color: #FFF;
  font-size: 24px;
  font-family: Nexa-Bold;
  font-style: normal;
  line-height: 200%;
  background-color: #59C0F0;
  padding-left: 11px;
  padding-right: 5px;
  border-radius: 50px;
  margin-right: 10px;
  
}

#service-desktop .cadre-bleu-service .cadre-orange-service {
  position: absolute;
  width: 507px;
  height: 177px;
  background: #F9BE1D !important;
  margin-top: 485px;
  margin-left: 59px;
}

#service-desktop .cadre-bleu-service   .cadre-bclaire-service {
  position: absolute;
  width: 766px;
  height: 177px;
  flex-shrink: 0;
  background: #9CD0E8;
  margin-top: 485px;
  margin-left: 572px;
  z-index: 2;
}

#service-desktop .cadre-bleu-service .cadre-orange-service-2 {
  position: absolute;
  width: 537px;
  height: 177px;
  background: #F9BE1D !important;
  margin-top: 485px;
  margin-left: 1344px;
}

#service-desktop .cadre-bleu-service .cadre-orange-service .sous-cadre-orange-1 {
  width: 423px;
  height: 91px;
  border-radius: 20px;
  background: var(--second, #FBEEB9);
  flex-shrink: 0;
  margin-top: 50px;
  margin-left: 42px;
  margin-right: 42px;
}

#service-desktop .cadre-bleu-service .cadre-orange-service-2 .sous-cadre-orange-1 {
  width: 514px;
  height: 97px;
  border-radius: 20px;
  background: var(--second, #FBEEB9);
  flex-shrink: 0;
  margin-top: 50px;
  margin-left: 11px;
  margin-right: 11px;
}

#service-desktop .cadre-bleu-service .cadre-orange-service h6 {
  text-align: center;
  font-family: Nexa-Bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
  margin-top: 6.07px;
}

#service-desktop .cadre-bleu-service   .cadre-bclaire-service .logo-service img {
  margin-left: 353px;
  margin-right: 372px;
  margin-top: 7px;
}

#service-desktop .cadre-bleu-service   .cadre-bclaire-service h6 {
  font-family: Nexa-Bold;
  font-size: 24px;
  font-style: normal;
  line-height: 138.5%;
  margin-left:347px ;
  margin-right: 364px;
}

#service-desktop .cadre-bleu-service   .cadre-bclaire-service ul li {
  list-style: none;
  display: inline-block;
  text-align: center;
}

.cadre-bclaire-service .liste-cds .centre-assistance {
  position: absolute;
  margin-left: 50px;
  font-size: 15px;
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  line-height: normal; 
}

.cadre-bclaire-service .liste-cds   .gestion-tickets {
  position: absolute;
  margin-left: 199px;
  font-size: 15px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.cadre-bclaire-service .liste-cds  .formation-parametre {
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.cadre-bclaire-service .liste-cds .tests {
  position: absolute;
  margin-left: 503px;
  margin-top: -26px;
}


.cadre-bclaire-service .liste-cds  .site-assistance {
  position: absolute;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 604px;
  margin-top: -41px;
}

.fleche-service-1 {
  position: absolute;
  margin-top: 571px;
  margin-left: 548.28px;
  z-index: 6;
}

.fleche-service-2 {
  position: absolute;
  margin-top: 571px;
  margin-left: 1319.98px;
  z-index: 6;
}
.battoner-jaune-1 {
  position: absolute;
  width: 4px;
  height: 39px;
  border-radius: 2px;
  background: var(--3, #F9BE1D) !important;
  margin-left: 163px ;
}

.battoner-jaune-2 {
  position: absolute;
  width: 4px;
  height: 39px;
  border-radius: 2px;
  background: var(--3, #F9BE1D) !important;
  margin-left: 310px ;
  margin-right: 416px;
}

.battoner-jaune-3 {
  position: absolute;
  width: 4px;
  height: 39px;
  border-radius: 2px;
  background: var(--3, #F9BE1D) !important;
  margin-left: 470px ;
  margin-right: 416px;
  margin-top: -39px;
}

.battoner-jaune-4{
  position: absolute;
  width: 4px;
  height: 39px;
  border-radius: 2px;
  background: var(--3, #F9BE1D) !important;
  margin-left: 570px ;
  margin-right: 416px;
  margin-top: -39px;
}

.cadre-orange-service-2 .sous-cadre-orange-1 h6 {
  position: absolute;
  font-size: 24px;
  font-family: Nexa-Bold;
  font-style: normal;
  line-height: 13.5%;
  text-align: center;
  margin-top: 18px;
  margin-left: 100px;
}

.cadre-orange-service-2 .sous-cadre-orange-1 ul li {
   list-style: none;
   text-align: center;
   display: inline-block;
   padding: 25px;
   margin-top: 10px ;
   font-family: Inter;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
}

#service-manao {
  margin-top:70px ;
  height: 450px;
}

#service-manao  .listes-service-manao {
  position: absolute;
  margin-left:101px ;
  height: 400px;
  width: 400px;
  background-image: url('/assets/images/anjara.png');
}

#service-manao  .listes-service-manao  .service-assisatnce {
  position: absolute;
  width: 400px;
  height: 94px;
  flex-shrink: 0;
  border-radius: 0px 0px 44.5px 44.5px;
  background: #FBEEB9;
  margin-top: 307px;
}

#service-manao  .listes-service-manao  .service-assisatnce p {
  margin-top: 18px;
  font-family: Nexa-bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}


#service-manao  .listes-service-manao .liens-page-assistance  {
  position: absolute;
  margin-left: 81px;
  border: 1px solid #000;
  width: 237.795px;
  background: #FFF;
  border-radius: 19px;
  margin-top:-15px
}

#service-manao  .listes-service-manao .liens-page-assistance:hover {
  background: #F9BE1D;
  
}

#service-manao  .listes-service-manao a {
  color: #000;
  font-size: 16px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: normal;
}

#service-manao  .listes-service-manao a:hover {
  color: #fff;
}


#service-manao  .listes-service-manao .liens-page-assistance img {
  margin-left: 29px;
  margin-bottom: 9.4px;
  margin-top: 6.5px;
}


#service-manao  .listes-service-manao-1 {
  position: absolute;
  margin-left: 523px;
  height: 400px;
  width: 400px;
  background-image: url('/assets/images/reunion.png');
}

#service-manao  .listes-service-manao-1  .service-assisatnce {
  position: absolute;
  width: 400px;
  height: 94px;
  flex-shrink: 0;
  border-radius: 0px 0px 44.5px 44.5px;
  background: #FBEEB9;
  margin-top: 306px;
}

#service-manao  .listes-service-manao-1  .service-assisatnce p {
  margin-top: 18px;
  font-family: Nexa-bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#service-manao  .listes-service-manao-1 .liens-page-assistance  {
  position: absolute;
  margin-left: 81px;
  border: 1px solid #000;
  width: 237.795px;
  background: #FFF;
  border-radius: 19px;
  margin-top:-15px
}

#service-manao  .listes-service-manao-1 .liens-page-assistance:hover {
  background: #F9BE1D;
  
}

#service-manao  .listes-service-manao-1 a {
  color: #000;
  font-size: 16px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: normal;
}

#service-manao  .listes-service-manao-1 a:hover {
  color: #fff;
}


#service-manao  .listes-service-manao-1 .liens-page-assistance img {
  margin-left: 29px;
  margin-bottom: 9.4px;
  margin-top: 6.5px;
}

/*Suite*/

#service-manao  .listes-service-manao-2 {
  position: absolute;
  margin-left: 945px;
  height: 400px;
  width: 400px;
  background-image: url('/assets/images/elson.png');
}

#service-manao  .listes-service-manao-2  .service-assisatnce {
  position: absolute;
  width: 400px;
  height: 94px;
  flex-shrink: 0;
  border-radius: 0px 0px 44.5px 44.5px;
  background: #FBEEB9;
  margin-top: 306px;
}

#service-manao  .listes-service-manao-2  .service-assisatnce p {
  margin-top: 18px;
  font-family: Nexa-bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#service-manao  .listes-service-manao-2 .liens-page-assistance  {
  position: absolute;
  margin-left: 81px;
  border: 1px solid #000;
  width: 237.795px;
  background: #FFF;
  border-radius: 19px;
  margin-top:-15px
}

#service-manao  .listes-service-manao-2 .liens-page-assistance:hover {
  background: #F9BE1D;
  
}

#service-manao  .listes-service-manao-2 a {
  color: #000;
  font-size: 16px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: normal;
}

#service-manao  .listes-service-manao-2 a:hover {
  color: #fff;
}


#service-manao  .listes-service-manao-2 .liens-page-assistance img {
  margin-left: 29px;
  margin-bottom: 9.4px;
  margin-top: 6.5px;
}

/*suite*/

#service-manao  .listes-service-manao-3 {
  position: absolute;
  margin-left: 1367px;
  height: 400px;
  width: 400px;
  background-image: url('/assets/images/posture.png');
}

#service-manao  .listes-service-manao-3  .service-assisatnce {
  position: absolute;
  width: 400px;
  height: 94px;
  flex-shrink: 0;
  border-radius: 0px 0px 44.5px 44.5px;
  background: #FBEEB9;
  margin-top: 306px;
}

#service-manao  .listes-service-manao-3  .service-assisatnce p {
  margin-top: 18px;
  font-family: Nexa-bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#service-manao  .listes-service-manao-3 .liens-page-assistance  {
  position: absolute;
  margin-left: 81px;
  border: 1px solid #000;
  width: 237.795px;
  background: #FFF;
  border-radius: 19px;
  margin-top:-15px
}

#service-manao  .listes-service-manao-3 .liens-page-assistance:hover {
  background: #F9BE1D;
  
}

#service-manao  .listes-service-manao-3 a {
  color: #000;
  font-size: 16px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: normal;
}

#service-manao  .listes-service-manao-3 a:hover {
  color: #fff;
}


#service-manao  .listes-service-manao-3 .liens-page-assistance img {
  margin-left: 29px;
  margin-bottom: 9.4px;
  margin-top: 6.5px;
}

#service-desktop #service-manao .block-service {
  display: flex;
  margin-left: 101px;
}

#service-desktop #service-manao .block-service .block-gauche {
  width: 1207px;
  height: 1400px;

}

#service-desktop #service-manao .block-service .block-gauche .titre-block {
  width: 1207px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 47px 47px 0px 0px;
  border: 0.5px solid #000;
} 

#service-desktop #service-manao .block-service .block-gauche .titre-block p {
  font-family: Nexa-Bold;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
  margin-top: 10px;
}

#service-desktop #service-manao .block-service .block-gauche .block-image {
  width: 100;
  height: 682px;
}

#service-desktop #service-manao .block-service .block-gauche .block-image img {
  width: 100%;
}

#service-desktop #service-manao .block-service .block-gauche .block-contenu {
  background: var(--second, #FBEEB9);
  height: 845px;
  width: 100%;
  margin-top: -111px;
  position: relative;
  border-radius: 0px 0px 44.5px 44.5px;
  padding-top: 41px;
  padding-left: 38px;
  padding-right: 51px;
}


#service-desktop #service-manao .block-service .block-gauche .block-contenu p {
  font-family: Nexa-light;
  font-size: 16px;
  font-style: normal;
  line-height: normal;  
}


#service-desktop #service-manao .block-service .block-droite {
  margin-left: 71px;
}

#service-desktop #service-manao .block-service .block-droite a {
  color: #000 !important;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-1 {
  width: 403px;
  height: 480px;
  margin-bottom: 25px;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-1 .titre-sous-block-1 {
  width: 100%;
  height: 60px;
  flex-shrink: 0;
  border-radius: 47px 47px 0px 0px;
  border: 1px solid #000;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-1 .titre-sous-block-1 p {
  font-family: Nexa-Bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-top: 14px;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-1 .image-sous-block-1 img {
  width: 100%;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-1 .description-sous-block-1 {
  width: 100%;
  height: 94px;
  flex-shrink: 0;
  background: var(--second, #FBEEB9);
  border-radius: 0px 0px 44.5px 44.5px;
  position: relative;
  margin-top: -23.2%;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-1 .description-sous-block-1 p {
  font-family: Nexa-Bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  padding-top: 6px;
  padding-left: 51px;
  padding-right: 56px;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-2 {
  width: 403px;
  height: 480px;
  border-radius: 44.5px 44.5px 44.5px 44.5px;
  margin-bottom: 25px;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-2 .titre-sous-block-2 {
  width: 100%;
  height: 60px;
  flex-shrink: 0;
  border-radius: 47px 47px 0px 0px;
  border: 1px solid #000;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-2 .titre-sous-block-2 p {
  font-family: Nexa-Bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-top: 14px;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-2 .image-sous-block-2 img {
  width: 100%;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-2 .description-sous-block-2 {
  width: 100%;
  height: 94px;
  flex-shrink: 0;
  background: var(--second, #FBEEB9);
  border-radius: 0px 0px 44.5px 44.5px;
  position: relative;
  margin-top: -23%;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-2 .description-sous-block-2 p {
  font-family: Nexa-Bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  padding-top: 6px;
  padding-left: 51px;
  padding-right: 56px;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-3 {
  width: 403px;
  height: 480px;
  border-radius: 44.5px 44.5px 44.5px 44.5px;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-3 .titre-sous-block-3 {
  width: 100%;
  height: 60px;
  flex-shrink: 0;
  border-radius: 47px 47px 0px 0px;
  border: 1px solid #000;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-3 .titre-sous-block-3 p {
  font-family: Nexa-Bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-top: 14px;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-3 .image-sous-block-3 img {
  width: 100%;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-3 .description-sous-block-3 {
  width: 100%;
  height: 94px;
  flex-shrink: 0;
  background: var(--second, #FBEEB9);
  border-radius: 0px 0px 44.5px 44.5px;
  position: relative;
  margin-top: -23%;
}

#service-desktop #service-manao .block-service .block-droite .sous-block-3 .description-sous-block-3 p {
  font-family: Nexa-Bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  padding-top: 1px;
  padding-left: 51px;
  padding-right: 56px;
}

/*Fin css page service*/

/* Debut css page tarif */ 


#tarif-desktop .bande-bleu-claire {
  height: 202px;
  background-color: #9CD0E880 !important;
  margin-top: 100px;
}

#tarif-desktop .bande-bleu-claire .titre-tarif p {
  font-family: Nexa-bold;
  position: absolute;
  margin-left: 523px ;
  margin-right: 543px;
  margin-top: 32px;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
}

#tarif-desktop .bande-bleu-claire .listes-logiciel {
  position: absolute;
  margin-top:83px ;
  margin-left: 242px;
}

#tarif-desktop .bande-bleu-claire .listes-logiciel ul li {
  display: inline-block;
  list-style: none;
  padding: 6px;
}

#tarif-desktop .tableau-tarif {
  margin-top: 34px;
  height: 650px;
}

#tarif-desktop .tableau-tarif .titre-tableau p {
  font-family: Nexa-bold;
  font-size: 32px;
  font-style: normal;
  color: var(--3, #F9BE1D);
}

#tarif-desktop .tableau-tarif .content-tab {
  margin-top: 22px;
}

#tarif-desktop .tableau-tarif .tab-1 {
  position: absolute ;
  width: 285px;
  height: 476px;
  flex-shrink: 0;
  border-radius: 34px 34px 34px 0px;
  border: 0.5px solid #000;
  margin-left: 178px;
}

#tarif-desktop .tableau-tarif .tab-1 .access {
  width: 283px;
  height: 57px;
  flex-shrink: 0;
  border-radius: 34px 34px 0px 0px;
  background: #F9BE1D;
}

#tarif-desktop .tableau-tarif .tab-1 .access p {
  position: absolute;
  margin-top: 20px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
  font-family: Nexa-bold;
  margin-left: 108px;
}

#tarif-desktop .tableau-tarif .tab-1 .securite {
  width: 283x;
  height: 57px;
  background: var(--texte-couleur-titre, #59C0F0);
}

#tarif-desktop .tableau-tarif .tab-1 .securite P {
  color: #FFF;
  position: absolute;
  font-family: Nexa-bold;
  font-size: 24px;
  line-height: normal;
  margin-left: 64px;
  margin-top: 15px;
}

#tarif-desktop .tableau-tarif .tab-1 .licence-tab p {
  margin-top: 53px;
  margin-left: 85px;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: 0%;
}

#tarif-desktop .tableau-tarif .tab-1 .licence-tab p img {
  padding-right: 15px;
  margin-bottom: 1px;
}

#tarif-desktop .tableau-tarif .tab-1 hr {
  margin-top: 85px ;
}

#tarif-desktop .tableau-tarif .tab-1 .stockage-tab p {
  text-align: center;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  list-style: none;
}

#tarif-desktop .tableau-tarif .tab-1 .stockage-tab ul li {
  display: inline-block;
  list-style: none;
  padding: 20px;
  margin-left: 15px;
  font-family: Nexa-light;
  font-size: 16px;
}

#tarif-desktop .tableau-tarif .tab-1 .stockage-tab ul .euro {
  font-family: Nexa-bold; 
}

#tarif-desktop .tableau-tarif  .tab-2 {
  position: absolute;
  width: 285px;
  height: 477px;
  flex-shrink: 0;
  border-radius: 34px 0px 0px 34px;
  border: 0.5px solid #000;
  margin-left: 510px;
  z-index: 6;
}

#tarif-desktop .tableau-tarif  .tab-2 .gestion-operation {
  position: absolute;
  width: 850px;
  height: 57px;
  flex-shrink: 0;
  background: var(--3, #F9BE1D);
  border-radius: 34px 34px 0px 0px;
  z-index: 2;
}

#tarif-desktop .tableau-tarif  .tab-2 .gestion-operation p {
  color: #FFF;
  font-family: Nexa-bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
  margin-left: 230px;
  margin-top: 15px;
}

#tarif-desktop .tableau-tarif  .tab-2 .gestion-colonne-1 {
  margin-top: 50px;
  width: 283px;
  height: 57px;
  background: #59C0F0; 
}

#tarif-desktop .tableau-tarif  .tab-2 .gestion-colonne-1 p {
  position: absolute;
  color: #FFF;
  margin-top: 20px;
  margin-left: 98px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: normal;
  font-size: 20px;
}

#tarif-desktop .tableau-tarif  .tab-2 .gestion-tab {
  margin-top: 43px;
}

#tarif-desktop .tableau-tarif  .tab-2 .gestion-tab p img {
  padding-right: 28px;
}

#tarif-desktop .tableau-tarif  .tab-2 .gestion-tab p {
  margin-left: 47px;
  font-size: 16px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: 0%;
}

#tarif-desktop .tableau-tarif  .tab-2 .stockage-tarif p {
  color: #000;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-left: 92px ;
  margin-top: 30px;
}

#tarif-desktop .tableau-tarif  .tab-2 .stockage-tarif ul {
  margin-top: 20px;
  margin-left: 10px;
}

#tarif-desktop .tableau-tarif  .tab-2 .stockage-tarif ul li {
  list-style: none;
  display: inline-block;
  padding-right: 62px;
  font-size: 16px;
  font-family: Nexa-light;
  font-style: normal;
  line-height: normal;
}

#tarif-desktop .tableau-tarif  .tab-2 .stockage-tarif ul .euro {
  font-family: Nexa-bold;
  
}


#tarif-desktop .tableau-tarif  .tab-3 {
  position: absolute;
  width: 284px;
  height: 477px;
  flex-shrink: 0;
  border: 0.5px solid #000;
  margin-left: 794px;
  z-index: 2;
}

#tarif-desktop .tableau-tarif  .tab-3 .vente-achat {
  margin-top: 50px;
  width: 282px;
  height: 57px;
  background: #59C0F0; 
}

#tarif-desktop .tableau-tarif  .tab-3 .vente-tab {
  margin-top: 5px;
}

#tarif-desktop .tableau-tarif  .tab-3 .vente-tab p img {
  padding-right: 28px;
}

#tarif-desktop .tableau-tarif  .tab-3 .vente-tab p {
  margin-left: 47px;
  color: #000;
  font-family: Nexa-bold;
  font-size: 15px;
  font-style: normal;
}


#tarif-desktop .tableau-tarif  .tab-3 .vente-achat P {
  position: absolute;
  color: #FFF;
  font-size: 20px;
  font-family: Nexa-bold;
  font-style: normal;
  margin-top: 20px;
  margin-left: 44px;
}

#tarif-desktop .tableau-tarif  .tab-3 .stockage-vente {
  margin-top:30px ;
}

#tarif-desktop .tableau-tarif  .tab-3 .stockage-vente p {
  color: #000;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-left: 97px;
} 

#tarif-desktop .tableau-tarif  .tab-3  .stockage-vente ul {
  margin-top: 20px;
  margin-left: 10px;
}

#tarif-desktop .tableau-tarif  .tab-3  .stockage-vente ul li {
  list-style: none;
  display: inline-block;
  padding-right: 62px;
  font-size: 16px;
  font-family: Nexa-light;
  font-style: normal;
  line-height: normal;
}

#tarif-desktop .tableau-tarif  .tab-3  .stockage-vente ul .euro {
  font-family: Nexa-bold;
}



#tarif-desktop .tableau-tarif  .tab-4 {
  position: absolute;
  width: 285px;
  height: 477px;
  flex-shrink: 0;
  border-radius: 0px 34px 0px 0px;
  border: 0.5px solid #000;
  margin-left: 1077px;
  z-index: 1;
}

#tarif-desktop .tableau-tarif  .tab-4 .rh-tarif {
  margin-top: 50px;
  width: 283px;
  height: 57px;
  background: #59C0F0; 
}

#tarif-desktop .tableau-tarif  .tab-4 .rh-tarif p {
  position: absolute;
  color: #FFF;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-top: 20px;
  margin-left: 128px;

}

#tarif-desktop .tableau-tarif  .tab-4 .rh-tab {
  margin-top: 34px;
}

#tarif-desktop .tableau-tarif  .tab-4 .rh-tab p img {
  padding-right: 28px;
}

#tarif-desktop .tableau-tarif  .tab-4 .rh-tab p {
  margin-left: 47px;
  color: #000;
  font-family: Nexa-bold;
  font-size: 15px;
  font-style: normal;
}

#tarif-desktop .tableau-tarif  .tab-4 .stockage-rh ul{
  margin-top: 20px;
}

#tarif-desktop .tableau-tarif  .tab-4 .stockage-rh p {
  color: #000;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-left: 97px;
}

#tarif-desktop .tableau-tarif  .tab-4 .stockage-rh ul li {
  list-style: none;
  display: inline-block;
  padding-right: 62px;
  font-size: 16px;
  font-family: Nexa-light;
  font-style: normal;
  line-height: normal;
}

#tarif-desktop .tableau-tarif  .tab-4 .stockage-rh ul .euro {
  font-family: Nexa-bold;
  
}


#tarif-desktop .tableau-tarif  .tab-5 {
  position: absolute;
  width: 285px;
  height: 477px;
  flex-shrink: 0;
  border: 0.5px solid #000;
  border-radius: 34px 34px 0px 0px;
  margin-left: 1409px;
}

#tarif-desktop .tableau-tarif  .tab-5 .bureautique-tarif {
  width: 283px;
  height: 57px;
  flex-shrink: 0;
  border-radius: 34px 34px 0px 0px;
  background: var(--3, #F9BE1D);
}

#tarif-desktop .tableau-tarif  .tab-5 .bureautique-tarif p {
  position: absolute;
  color: #FFF;
  font-family: Nexa-bold;
  font-size: 24px;
  line-height: normal;
  margin-top: 15px;
  margin-left: 71px;
}

#tarif-desktop .tableau-tarif  .tab-5 .commucation-tarif {
  width: 283px;
  height: 57px;
  background: #59C0F0; 
}

#tarif-desktop .tableau-tarif  .tab-5 .commucation-tarif p {
  position: absolute;
  color: #FFF;
  font-family: Nexa-bold;
  font-size: 24px;
  line-height: normal;
  margin-top: 15px;
  margin-left: 44px;
}

#tarif-desktop .tableau-tarif  .tab-5 .communication-tab {
  margin-top: 34px;
}

#tarif-desktop .tableau-tarif  .tab-5 .communication-tab p img {
  padding-right: 28px;
}

#tarif-desktop .tableau-tarif  .tab-5 .communication-tab p {
  margin-left: 47px;
  color: #000;
  font-family: Nexa-bold;
  font-size: 15px;
  font-style: normal;
}

#tarif-desktop .tableau-tarif  .tab-5 .stockage-communication {
  margin-top: 25px;
}

#tarif-desktop .tableau-tarif  .tab-5 .stockage-communication p {
  color: #000;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-left: 97px;
}

#tarif-desktop .tableau-tarif  .tab-5 .stockage-communication ul li {
  list-style: none;
  display: inline-block;
  padding-right: 72px;
  font-size: 16px;
  font-family: Nexa-light;
  font-style: normal;
  line-height: normal;
}

#tarif-desktop .tableau-tarif  .tab-5 .stockage-communication ul {
  margin-top: 20px;
}

#tarif-desktop .tableau-tarif  .tab-5 .stockage-communication ul .euro {
  font-family: Nexa-bold;
}

/*Fin css page tarif*/

/*Debut css page apropos*/

#groupe-manao-desktop {
  margin-top: 100px;
}

#groupe-manao-desktop .image-font img {
  margin-top: -127px;
  margin-left: 406px;
}

#groupe-manao-desktop .font-degrader {
  position: absolute;
  z-index: 2;
}

#groupe-manao-desktop .historique-manao h3 {
  position: absolute;
  z-index: 8;
  margin-top: 128px;
  margin-left: 195px;
  font-size: 40px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: normal;
  color: #FFF;
}

#groupe-manao-desktop .historique-manao p {
  position: absolute;
  z-index: 8;
  margin-top: 197px;
  margin-left: 196px;
  color: #FFF;
  font-family: Nexa-light;
  font-style: normal;
  line-height: 167%;
  font-weight: lighter;
  font-size: 16px;
}

#groupe-manao-desktop .liste-adherent {
  margin-top: 32px;
  margin-right: 200px;
}

#groupe-manao-desktop .liste-adherent ul li {
  list-style: none;
  display: inline-block;
  padding-right: 207px;
  font-family: Nexa-bold;
  font-size:20px;
  line-height: normal;
}

#groupe-manao-desktop .liste-adherent ul .nombre-clients {
  color: #59C0F0;
  font-size: 40px;
}

#groupe-manao-desktop .liste-adherent ul  .minute {
  position: absolute;
  padding-top: px;
}

#equipe-manao-desktop {
  height: 491px;
  background: var(--second, #FBEEB9);
  margin-top: 94px;
  margin-bottom: 59px;
}

#equipe-manao-desktop .colegue-manao img {
  margin-top: 37px;
  margin-left: 100px;
}

#equipe-manao-desktop .paragraphe-equipe {
  position: absolute;
  margin-top: 91px;
  margin-left: 1149px;
}

#equipe-manao-desktop .paragraphe-equipe h4 {
  font-family: Nexa-bold;
  font-size: 24px;
  font-style: normal;
  line-height: 136%;
}

#equipe-manao-desktop .paragraphe-equipe p {
  font-family: Nexa-light;
  font-style: normal;
  font-size: 16px;
  line-height: 136%;
}

/*Fin css page apropos*/


/*Début css pied de page*/

#web-footer {
	background:#9CCFEA !important;
    padding-top:90px;
	height: 360px;
}

.image-manao {
	align-items: center !important;
	width: 250px;
	height: 100px;
	flex-shrink: 0;
	margin-top: -100px;
	margin-left: 430px;
}

.cont-foot {
	background: rgba(209, 238, 251, 0.54) !important;
	width: 1570px !important;
	height: 224px;
}

.block-footer {
	margin-left: 59px;	
	margin-top: -35px;
}

.travail{
	font-size: 20px;
	font-family: Nexa-bold;
	font-style: normal;
	color: #000000 !important;
	margin-top: 62px;
	margin-bottom: 10px;
	padding-left: 0px;
}

.accesse{
	color: #000000 !important;
	font-size: 16px ;
	font-family: Nexa-bold;
	font-style: normal;
	padding-right: 0px;
	margin-top: -30px;
}

.accesse img {
	width: 23px;
	height: 23px;
}

.plateforme {
	margin-left: 20px;
	text-decoration: underline;
}

.block-emploie {
	margin-top: -35px;
}

.offre {
	border: none;
	width: 201px;
	height: 45px;
	background-color: #FBEEB9;
	margin-left: 0px;
}

.block-emploie a {
  font-family: Nexa-bold;
}

.block-suivre {
	margin-top: -35px;
	margin-left: 50px;
}

.block-suivre a img {
	width: 55px; 
	height: 50px;
	padding: 10px;
	margin-left: 0px;
	margin-top: -10px;
}

.suivre {
	margin-left:10px;
}

.abonner {
	border: none;
	width: 162px;
	height: 61px;
	background-color: #FBEEB9;
	font-family: Nexa-bold;
	margin-top: px;
}

.block-contact {
  margin-top: -35px;
	margin-left: 40px;
}

.parti-contact a .plateforme {
	color:  #000 !important;
  font-family: Nexa-bold;
  font-size:16px ;
}

.parti-contact  {
  margin-top: 20px;
}

.copyright {
  text-align: center;
  font-size:16px;
  font-style: normal;
  line-height: normal;
  font-family:Nexa-bold;
  margin-top: 5px;
  background: #FFF;
  padding-top: 13px;
  padding-bottom: 7.5px;
  
}
/*Fin css pied de page*/


/*Début css page contact*/

#contact-desktop {
  margin-bottom: 50px;
  margin-top: 0;
   position: fixed;
   margin-top: 100px;
}

#contact-desktop .contact-droite {
  margin-top: 75px ;
  margin-left: 184px;
}

#contact-desktop .contact-droite p {
  font-family: Nexa-light;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#contact-desktop .contact-droite h5 {
  font-size: 32px;
  line-height: 2vw;
  font-family: Nexa-bold;
  font-style: normal;
  padding-top: 19px;
  padding-bottom: 18px;
}

#contact-desktop .client-contact {
  margin-top: 120px;
  margin-left: 184px;
}

#contact-desktop .client-contact p {
  font-size: 24px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: 1vw;
  color: #6CC0F1;
}

#contact-desktop .client-contact p span {
  color: #000;
  font-size:16px;
  font-style: normal;
  line-height: normal;
}

#contact-desktop .client-contact  a {
  color: #FFF;
  font-size: 16px;
  line-height: normal;
  font-family: Nexa-bold;
  font-style: normal;
}

#contact-desktop .client-contact img {
  position: absolute;
  margin-left: -130px;
  margin-top: -140px;
}


#contact-desktop .client-contact a button {
  width: 191px;
  height: 35px;
  flex-shrink: 0;
  border-radius: 28px;
  background: var(--3, #F9BE1D);
  border: none;
  margin-top:20px;
  position: relative;
  z-index: 98;
}

#contact-desktop .contact-commercial {
  margin-top: 120px;
  margin-left: 184px;

}

#contact-desktop .contact-commercial  p {
  font-size: 15px;
  font-style: normal;
  line-height: 50%;
  text-transform: capitalize;
  font-family: Nexa-bold;
}

#contact-desktop .contact-commercial p img {
  padding-right: 20px;
  padding-top:25px;
}

#contact-desktop .contact-commercial p span {
  margin-left: 43px;;
}

#contact-desktop .espace-reseingement {
  position: absolute;
  width: 618px;
  height: 840px;
  flex-shrink: 0;
  border-radius: 78px;
  box-shadow: 4px 4px 10px 4px rgba(0, 0, 0, 0.25);
  margin-top: 10px;
  margin-left: 557px;
  z-index: 8;
  background: #FFF;
  
}

#contact-desktop .font-contact {
  position: absolute;
  width: 756px;
  height: 678px;
  flex-shrink: 0;
  background: var(--second, #FBEEB9);
  border: none;
  margin-left: 1147px;
  margin-top: 140px;
  z-index: 0;
}


#contact-desktop .espace-reseingement .remplir p {
  margin-top: 53px;
  margin-left: 79px;
  font-family: Nexa-light;
  font-size: 16px;
  line-height: normal;
}

#contact-desktop .espace-reseingement  .trait-jaune {
  position: absolute;
  width: 5px;
  height: 73px;
  flex-shrink: 0;
  background: #F9BE1D;
  margin-top:50px ;
  margin-left: 59px;
}

#contact-desktop .espace-reseingement form {
  margin-top:41px ;
  margin-left: 54px;
}

#contact-desktop .espace-reseingement form .form-contact {
  width: 503px;
  height: 53px;
  margin-top: 13px;
  border-radius: 30px;
  border: 1px solid #A6A6A6;
  padding-left: 33px;
  font-family: Nexa-bold;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
}

#contact-desktop .espace-reseingement form .form-message {
  margin-top: 13px;
  width: 503px;
  height: 152px;
  flex-shrink: 0;
  border-radius: 30px;
  border: 1px solid #A6A6A6;
  padding: 30px;
  font-family: Nexa-bold;
}

#contact-desktop .espace-reseingement form .bouton-contact  {
  width: 174px;
  height: 57px;
  border-radius: 30px;
  border: 1px solid #A6A6A6;
  background: var(--base, #9CD0E8);
  margin-top: -71px;
  margin-left: 309px;
  position : absolute;

}

#contact-desktop .espace-reseingement form .bouton-contact .envoi-message {
  color: #FFF;
  font-family: Nexa-bold;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
}

/*Fin css page contact*/


/*Début css page espace client*/

#espace-client-desktop {
  margin-top: 150px;
  margin-bottom: 63px ;
}

#espace-client-desktop .titre-ec h4 {
  font-family: Nexa-bold;
  font-size: 40px;
  font-style: normal;
  line-height: normal;
}

#espace-client-desktop .titre-ec p {
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-top: 81px;
}

#espace-client-desktop .bouton-ec {
  margin-top: 81px;
  text-align: center;
}

#espace-client-desktop .bouton-ec a {
  font-family: Nexa-bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
  color: #000;
}

#espace-client-desktop .bouton-ec a button {
  width: 458px;
  height: 85px;
  background: #F5F5F5;
  border: 2px solid #9CD0E8;
}

#espace-client-desktop .bouton-ec .manao-france {
  margin-right: 149px;
}

/*Fin css page espace client*/



/*Début css page actualité*/

#actu-desktop {
  width: 100%;
  margin-top: 100px;
}

#actu-desktop .slider {
  position: relative;
  width: 100%;
  height: 900px !important;
  overflow: hidden;
}

#actu-desktop .slider .carousel-content {
  display: flex;
  transition: transform .5s ease ;
}

#actu-desktop .slider .carousel-content .carousel-slide {
  min-width: 100%;
  display: block;
}

#actu-desktop .slider .carousel-content .carousel-slide img {
  width: 100%;
  height: 55%;
}

#actu-desktop .slider .carousel-radio-button {
  display: flex;
  position: absolute;
  margin-top: 727px;
  margin-left: 80% ;
  z-index: 80;
}

#actu-desktop .slider .carousel-radio-button input[type="radio"] {
  display: none;
}

#actu-desktop .slider .carousel-radio-button label {
  cursor: pointer;
  width: 42px;
  height: 11px;
  border-radius: 5px;
  background-color: #fff;
  margin-left: 8px;
}

#actu-desktop .slider .carousel-radio-button input[type="radio"]:checked + label {
  background-color: #333;
}

#actu-desktop .slider svg {
  position: absolute;
  z-index: 2 !important;
  margin-left: 54%;
  margin-top: 4.5%;
}

#actu-desktop .slider .carousel-content .carousel-slide .actu-title {
  position: absolute;
  margin-top: 542px;
  margin-left: 77%;
  width: 500px;
  z-index: 80;
}

#actu-desktop .slider .carousel-content .carousel-slide .actu-title h2 {
  color: #000;
  font-family: Nexa-Bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-left: -80px;
  margin-top: 100px;
}


#actu-desktop .slider .carousel-content .carousel-slide .actu-titles {
  position: absolute;
  margin-top: 542px;
  margin-left: 77%;
  width: 500px;
  z-index: 80;
}

#actu-desktop .slider .carousel-content .carousel-slide .actu-titles h2 {
  color: #000;
  font-family: Nexa-Bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  margin-left: -80px;
  margin-top: 50px;
}

#actu-desktop .slider .carousel-content .carousel-slide .date {
  display: flex;
  padding-top: 15px;
  position: absolute;
  margin-left: 77%;
}

#actu-desktop .slider .carousel-content .carousel-slide .date svg {
  margin-top: 668px;
  margin-left: -85px;
}

#actu-desktop .slider .carousel-content .carousel-slide .date p {
  position: absolute;
  margin-top: 670px;
  margin-left: -60px;
  z-index: 80;
  font-family: Nexa-light;
  color: #000;
  width: 100px;
}

#actu-desktop .slider .carousel-content .carousel-slide .titre-actu {
  position: absolute;
  margin-top: 630px;
  margin-left: 73%;
  z-index: 80;
  font-family: Nexa-Light;
  font-size: 15px;
  color: #000;
  width: 500px;
}

#actu-desktop .slider .carousel-content .carousel-slide .titre-actu a {
  font-family: Nexa-Bold;
  font-size: 16px;
  font-style: normal;
  color: #FFF;
}

#actu-desktop .type-actu {
  width: 100%;
  height: 60px;
  background: #FBEEB9;
  margin-top: -120px;
  position: relative ;
}

#actu-desktop .type-actu form .bt-client{
  width: 238px;
  height: 60px;
  flex-shrink: 0;
  border: 1px solid #939393;
  background: rgba(112, 110, 110, 0.00);
  font-size: 20px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: normal;
}

#actu-desktop .type-actu form .bt {
  background: #59C0F0 !important;
  
}

#actu-desktop .type-actu .tout-actu {
  position: absolute;
  margin-left: 425px;
}

#actu-desktop .type-actu .actu-client {
  position:absolute;
  margin-left:707px ;
}

#actu-desktop .type-actu .actu-event {
  position:absolute;
  margin-left:982px ;
}

#actu-desktop .type-actu .actu-tech {
  position:absolute;
  margin-left:1261px ;
}

#actu-desktop .agenda-actu img {
  width: 100%;
} 

#actu-desktop .agenda-actu h4 {
  position: absolute;
  margin-top: 86px;
  margin-left:880px;
  font-family: Nexa-bold;
  font-size: 40px;
  font-style: normal;
  line-height: normal;
}

#actu-desktop .agenda-actu .strok-line img {
  position: absolute;
  width: 150px;
  margin-top: 135px;
  margin-left: 875px;
}
/*
#actu-desktop .agenda-actu .evenement-agenda-1 {
  position: absolute;
  margin-left: 2px;

}*/

#actu-desktop .agenda-actu .evenement-agenda-1 .type-evenement {
  position: absolute;
  width: 329px;
  height: 234px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.60);
  margin-left: 194px;
  margin-top: 231px;
}

#actu-desktop .agenda-actu .evenement-agenda-1 .type-evenement p {
  font-size: 16px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: normal;
  margin-top: 66px;
  margin-left: 53px;
}

#actu-desktop .agenda-actu .evenement-agenda-1 .date-evenement {
  width: 176px;
  height: 176px;
  flex-shrink: 0;
  background: #F9BE1D;
  position: absolute;
  margin-top: 260px;
  margin-left: 492px;
  z-index: 8;
}

#actu-desktop .agenda-actu .evenement-agenda-1 .date-evenement  p {
  font-family: Nexa-bold;
  font-size: 24px;
  text-align: center;
  line-height: 4rem;
  margin-top: 29px;
}

#actu-desktop .agenda-actu .evenement-agenda-1 .date-evenement p .date {
  font-size: 48px;
}

#actu-desktop .agenda-actu .evenement-agenda-1  .image-evenement img {
  position: absolute;
  width: 294px;
  height: 327px;
  flex-shrink: 0;
  margin-top: 190px;
  margin-left: 645px;
  z-index: 2;
}

#actu-desktop .agenda-actu .evenement-agenda-2 .type-evenement {
  position: absolute;
  width: 329px;
  height: 234px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.60);
  margin-top: 231px;
  margin-left: 1382px;
}

#actu-desktop .agenda-actu .evenement-agenda-2 .date-evenement {
  width: 176px;
  height: 176px;
  flex-shrink: 0;
  background: #F9BE1D;
  position: absolute;
  margin-top: 260px;
  margin-left: 1243px;
  z-index: 8;
}

#actu-desktop .agenda-actu .evenement-agenda-2 .date-evenement p {
  font-family: Nexa-bold;
  font-size: 24px;
  text-align: center;
  line-height: 4rem;
  margin-top: 29px;
}

#actu-desktop .agenda-actu .evenement-agenda-2 .date-evenement p .date {
  font-size: 48px;
}

#actu-desktop .agenda-actu .evenement-agenda-2 .type-evenement p {
  font-family: Nexa-bold;
  font-size: 16px;
  font-style: normal;
  list-style: none;
  margin-top: 66px ;
  margin-left: 100px;
}

#actu-desktop .agenda-actu .evenement-agenda-2 .image-evenement img {
  position: absolute;
  width: 294px;
  height: 327px;
  flex-shrink: 0;
  margin-top: 190px;
  margin-left:986px;
  z-index: 2;
}

#actu-desktop .agenda-actu .participe-event button img {
  width: 32px;
  height: 32px;
}

#actu-desktop .agenda-actu .participe-event button .arrow {
  width: 54px;
  height: 41px;
  
} 

#actu-desktop .agenda-actu .participe-event button {
  width: 231px;
  height: 41px;
  background: #050505;
  color:#fff;
  border: none;
  position: absolute;
  margin-top: 537px;
  margin-left:816px;
  font-family: Nexa-bold;
}

#actu-desktop #popup-overplay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 98;
  display: none;

}

#actu-desktop #popup-overplay.open{
  display:  block !important;
}

#actu-desktop #popup-overplay .popup-content form {
  width: 576px;
  height: 756px;
  flex-shrink: 0;
  border-radius: 184px;
  background: rgba(156, 208, 232, 0.96);
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-49.5%, -50%);
}

#actu-desktop #popup-overplay .popup-content form h3 {
  font-family: Nexa-bold;
  font-size: 40px;
  font-style: normal;
  line-height: normal;
  color: #000;
  margin-top: 40px;
  justify-content: center;
  text-align: center;
}

#actu-desktop #popup-overplay .popup-content form label  {
  font-size: 20px;
  margin-left: 72px;
  font-family: Nexa-bold;
  line-height: normal;
  margin-top: 23px;
  color:#000;
}

#actu-desktop #popup-overplay .popup-content form span {
  margin-left: 60px;
}


#actu-desktop #popup-overplay .popup-content form input {
  margin-left: 72px;
  margin-top: 9.6px;
  width: 429.494px;
  height: 43px;
  flex-shrink: 0;
  background: #FFF;
  border: none;
}

#actu-desktop #popup-overplay .popup-content form textarea {
  width: 429.494px;
  height: 98.854px;
  flex-shrink: 0;
  background: #FFF;
  border: none;
  margin-left: 72px;
  margin-top: 5px;
}

#actu-desktop #popup-overplay .popup-content form button {
  color: #fff !important;
  border: none;
  width: 176.66px;
  height: 56.719px;
  background: #F9BE1D;
  flex-shrink: 0;
  font-size: 24px;
  font-family: Nexa-bold;
  font-style: normal;
  line-height: normal;
  margin-left: 325px ;
  margin-top: 39.46px;
}

#actu-desktop #popup-overplay .popup-content form select {
  margin-top: 5px;
  margin-left: 13px;
  border: none;
  color: #000;
  font-size:16px;
  padding-left: 27.55px;
  font-style: normal;
  font-family: Nexa-bold;
}

#actu-desktop #popup-overplay .popup-content form #day {
  width: 98.054px;
  height: 43.755px;
  background: #FFF;
}

#actu-desktop #popup-overplay .popup-content form #month {
  width: 173.418px;
  height: 43.755px;
  background: #FFF;
}

#actu-desktop #popup-overplay .popup-content form #year {
  width: 123.176px;
  height: 43.755px;
  background: #FFF;
}

.popup-exit{
  position: absolute;
  top: 0;
  right: 60px;
  text-decoration: none;
  color: #fff;
  width: 50px;
  height: 50px;
  background: #000;
  border-radius: 20px;
}

#actu-desktop #popup-overplay .popup-content a {
  text-align: center;
  padding-top: 10px;
  font-size: 25px;
  font-family: Nexa-bold;
  font-weight: 700;
}

#actu-desktop .actualites {
  background: #fff !important;
  width: 100%;
  position: relative;
}

#actu-desktop .actualites .content-actu {
  width: 744px;
  flex-shrink: 0;
  border: 1px solid #000;
  margin-left: 200px;
}

#actu-desktop .actualites .content-actu .content-image img {
  width: 100%;
  height: 100%;
}

#actu-desktop .actualites .content-actu .content-image {
  width: 742px;
  height: 480px;
}

#actu-desktop .actualites .content-actu  a {
  padding:0;
	margin : 0;
	display:block;
	text-decoration:none;
	color:#000!important;
}

#actu-desktop .actualites .content-actu h4 {
  width: 78%;
  margin: 0px;
  text-align: center;
  padding: 2% 0 !important;
  background: #41414291;
  color: #ffff !important ;
  font-family: Nexa-bold;
  position: absolute;
}

#actu-desktop .actualites .content-actu h3 {
  color: #025C79;
  text-align: center;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

#actu-desktop .actualites .content-actu h6 {
  margin-left:75px;
}

#actu-desktop .actualites .content-actu h6 p {
  font-family: Nexa-light;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  margin-top: -20px;
  margin-left: 38px;
}

#actu-desktop .actualites .content-actu h5 {
  margin-left: 75px;
  font-family: Nexa-light;
  font-size: 13px;
  line-height: normal;
}

#actu-desktop .actualites .content-actu .text-actuse {
  margin-left: 0 !important;
  padding-left: 40px;
  padding-right: 20px;
  color:#000; 
  font-family:Nexa-bold;
}

#actu-desktop .actualites .content-actu h5 a {
  color: #09F8E9 !important;
  font-family: Nexa-bold;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}

#actu-desktop .actualites .actu-liste {
  width: 726px;
  height: 190px;
  border: 1px solid #838383;
  margin-left: 48px;
  margin-bottom: 27px;
}

#actu-desktop .actualites .actu-liste a {
  color: #000;
}

#actu-desktop .actualites .actu-liste a .nouv-client img {
  width: 100%;
  height: 100%;
}

#actu-desktop .actualites .actu-liste a .nouv-client p {
  width: 95%;
  text-align: center;
  margin: 0px;
  padding: 2% 0 !important;
  background:#41414291;
  color: #fff;
  position: absolute;

}

#actu-desktop .actualites .actu-liste a .nouv-client {
  width: 300px;
  height: 100%;
  flex-shrink: 0;
}

#actu-desktop .actualites .actu-liste a h3 {
  position: absolute;
  margin-left: 340px;
  width: 100%;
  margin-right:29px;
  font-size: 15px;
  font-family: 'Nexa-bold';
}

#actu-desktop .actualites .actu-liste a h6 {
  position: absolute;
  margin-left: 340px;
  margin-top: 60px;
}

#actu-desktop .actualites .actu-liste a h6 p {
  font-family: Nexa-light;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  margin-top: -20px;
  margin-left: 38px;
  width: 100px;
}

#actu-desktop .actualites .actu-liste h5 {
  /* position: absolute; */
  margin-top: -90px;
  margin-left: 340px;
  font-family: Nexa-light;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#actu-desktop .actualites .actu-liste h5 a {
  color: #09F8E9;
  font-family: Nexa-bold;
  font-size: 14px;
  line-height: normal;

}

#actu-desktop .actualites .btn-actu {
  margin-top:50px ;
  margin-left: 800px;
}

#actu-desktop .actualites .btn-actu button span svg{
  position: absolute;
  margin-top: -36px;
  margin-left: 60px;
  border-width: 54px ;
}

#actu-desktop .actualites .btn-actu button  p {
 text-align: center;
 margin-top: 8px;
 margin-right: 30px;
 font-family: Nexa-bold;
 font-size: 16px;
 font-style: normal;
 line-height: normal;
}

#actu-desktop .actualites .btn-actu button {
  width: 214px;
  height: 41px;
  border: none;
}

#actu-desktop .actualites #titre_des_actus {
  margin-left: 100px;
  font-size: 20px;
  font-family: Nexa-bold;
}

#actu-desktop .actualites .listes-actualites {
  margin-top: 50px;
  display: flex !important;
  flex-wrap: wrap;
  margin-left: 125px;
}

#actu-desktop .actualites .listes-actualites .mes-actu {
  width: 730px;
  height: 190px;
  border: 1px solid #838383;
  box-sizing: border-box;
  margin-left: 60px;
  margin-bottom: 40px;
}

#actu-desktop .actualites .listes-actualites .mes-actu a h3 {
  position: absolute;
  margin-left: 340px;
  margin-right: 29px;
  font-size: 15px;
  font-family: 'Nexa-bold';
  width: 300px;
}

#actu-desktop .actualites .listes-actualites .mes-actu a {
  color: #000 ;
}

#actu-desktop .actualites .listes-actualites .mes-actu a h6 {
  position: absolute;
  margin-left: 340px;
  margin-top: 60px;
}

#actu-desktop .actualites .listes-actualites .mes-actu a h6 p {
  font-family: Nexa-light;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  margin-top: -20px;
  margin-left: 38px;
  width: 100%;
}

#actu-desktop .actualites .listes-actualites .mes-actu .listes-client {
  width: 300px;
  height: 158px;
  margin-top: 0px;
}

#actu-desktop .actualites .listes-actualites .mes-actu .listes-client p {
  width:100%;
  text-align: center;
  margin: 0px;
  padding: 2% 0 !important;
  background:#41414291;
  color : #fff;
}

#actu-desktop .actualites .listes-actualites .mes-actu .listes-client img {
  width: 100%;
  height: 100%;
}

#actu-desktop .actualites .listes-actualites .mes-actu h5 {
  margin-top: -60px;
  margin-left: 340px;
  font-family: Nexa-light;
  font-size: 16px;
  line-height: normal;
}

#actu-desktop .actualites .listes-actualites .mes-actu h5 a {
  color: #09F8E9;
  font-family: Nexa-bold;
  font-size: 14px;
  line-height: normal;
  
}
/*Fin css page actualité*/

/*Debut css page fiche technique*/


#fiche-desktop {
  margin-top: 100px;
  margin-bottom: 50px;
  width: 100%;
}

#fiche-desktop .tete-fiche a button {
  width: 231px;
  border: none;
  background: transparent;
  position: absolute;
  margin-top: -7.5%;
  margin-left: 174px;
}

#fiche-desktop .tete-fiche svg {
  width: 100% !important;
}

#fiche-desktop .tete-fiche a button svg {
  margin-left: -150px;
}

#fiche-desktop .tete-fiche a button p {
  margin-top: -36px;
  color: #7C7979;
  font-family: Nexa-bold;
  font-size: 20px;
  line-height: normal;
  font-style: normal;
  margin-left: 60px;
}

#fiche-desktop .tete-fiche img {
  position: absolute;
  margin-left: 512px;
  margin-top: 25px;
}

#fiche-desktop .tete-fiche p {
  position: absolute;
  font-family: Nexa-bold;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
  margin-top: 91px;
  margin-left: 772px;
}

#fiche-desktop .corps-fiche {
  margin-top: 41px;
}

#fiche-desktop .corps-fiche p {
  font-family: Nexa-light;
  font-size: 32px;
  
}

/*Fin css page fiche technique*/



/* css page demonstration*/

#demo-desktop {
  width: 100%;
  height: 890px;
  position: fixed;
  margin-top: 150px;
}

#demo-desktop .container .titre-demo p {
  font-family: Nexa-bold;
  font-size: 36px;
  font-style: normal;
  line-height: normal;  
  margin-top: 32px;
}

#demo-desktop .container .intro-demo p  {
  font-family: Nexa-light;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

#demo-desktop form {
  margin-top: 21px;
}

#demo-desktop .ellipse-bleu {
  margin-top: -35%;
}

#demo-desktop .ellipse-jaune {
  
  margin-top: -10%;
  margin-left: 83.3%;
}


/*Fin css page demonstration*/


/*css page fonctionnalite*/

#fonctionnlite-desktop {
  margin-top: 150px;
  margin-bottom: 54px;
}

#fonctionnlite-desktop  .fonction-titre {
  margin-top: 46px !important;
}

#fonctionnlite-desktop  .fonction-titre p {
  font-family: Nexa-bold;
  font-size: 36px;
  font-style: normal;
  line-height: normal;
}

#fonctionnlite-desktop .button-container {
  display: flex;
  justify-content: center;
}

#fonctionnlite-desktop .button-container .content-button {
  padding: 9px 40px;
  margin: 22px;
  font-size: 20px;
  border: 2px solid #9CCFEA;
  background: rgba(217, 217, 217, 0.00);
  border-radius: 8px;
  font-family: Nexa-bold;
}

#fonctionnlite-desktop .button-container .content-button:hover {
  background: #9CCFEA;
  color: #FFF;
  transition: 0.7s;
}

#fonctionnlite-desktop .content {
  display: none;
  margin-left:173px ;
}

.active-button {
  background: #9CCFEA !important;
  color: #000;
}

#fonctionnlite-desktop .content .trait-jaune {
  width: 190px;
  height: 6px;
  flex-shrink: 0;
  background: var(--3, #F9BE1D);
  margin-bottom: 40px;
}

#fonctionnlite-desktop .content .trait-rouge {
  width: 190px;
  height: 6px;
  flex-shrink: 0;
  background: #FF5F5F;
  margin-bottom: 40px;
}

#fonctionnlite-desktop .content .trait-bleu {
  width: 190px;
  height: 6px;
  flex-shrink: 0;
  background: #0085FF;
  margin-bottom: 40px;
}

#fonctionnlite-desktop .content .trait-bleu-ciel {
  width: 190px;
  height: 6px;
  flex-shrink: 0;
  background: #09F8E9;
  margin-bottom: 40px;
}

#fonctionnlite-desktop #content1, #content2, #content3, #content4  {
  margin-top: 50px;
}


#fonctionnlite-desktop .content .trait-jaune p {
  position: absolute;
  margin-left: 10.5%;
  margin-top: -0.5%;
  font-family: Nexa-bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
}

#fonctionnlite-desktop .content .trait-rouge p {
  position: absolute;
  margin-left: 10.5%;
  margin-top: -0.5%;
  font-family: Nexa-bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
}

#fonctionnlite-desktop .content .trait-bleu p {
  position: absolute;
  margin-left: 10.5%;
  margin-top: -0.5%;
  font-family: Nexa-bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
}

#fonctionnlite-desktop .content .trait-bleu-ciel p {
  position: absolute;
  margin-left: 10.5%;
  margin-top: -0.5%;
  font-family: Nexa-bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
}

#fonctionnlite-desktop .content .contenu-principes {
  display: flex;
  align-items: center;
}

#fonctionnlite-desktop .content .contenu-principes p {
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#fonctionnlite-desktop .content .contenu-principes img {
  margin-right: 49px;
}


/* fin css page fonctionnalite*/




/*  css page référence */

.titre-reference {
  margin-top: 180px;
}

.titre-reference p {
  margin-top: 42px;
  text-align: center;
  font-family: Nexa-bold;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
}

.titre-reference button {
  margin-top: -0.009%;
  margin-left: -10%;
}

.liste-entreprise .colonne {
 width: 300px;
 height: 160px;
 box-sizing: border-box;
 margin: 2%;
 float: left;
 overflow: hidden;
 padding: 26px;
}

.liste-entreprise .colonne img {
  width: 90%;
}

.liste-entreprise .logo-entreprise {
  margin-left: 230px;
}

.liste-entreprise .clear {
  clear: both;
}



/* Fin css page référencement*/



/* css page condition generales */

#condition-desktop {
  margin-top: 100px;
  margin-bottom: 59px;
}

#condition-desktop .condition-generale {
  height: 148px;
  background: #FBEEB9;
}

#condition-desktop .condition-generale .titre-condition .colonne {
  width: 50%;
  float: left;
  padding: 20px;
  text-align: center;
}

#condition-desktop .condition-generale .titre-condition .colonne p {
  font-family: Nexa-bold;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
}

#condition-desktop .condition-generale .titre-condition .colonne .date-condition P {
  font-family: Nexa-light;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
}

#condition-desktop .condition-generale .titre-condition .colonne button {
  width: 285px;
  height: 78px;
  flex-shrink: 0;
  background: var(--base, #9CD0E8);
  border: none;
  color: #000;
  font-family: Nexa-bold;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
  margin: 20px;
  margin-left: 30%;
}

#condition-desktop .container .preambule {
  margin-top: 42px;
  margin-bottom: 30px;
}

#condition-desktop .container .preambule p {
  color: #31A1DC;
  font-family: Nexa-bold;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
}

#condition-desktop .container-fluid {
  width: 1482px;
  box-sizing: border-box;
}

#condition-desktop .container-fluid .contenu-preambule p {
  font-family: Nexa-light;
  font-size: 15px;
  font-style: normal;
  line-height: 170%;
}

#condition-desktop .container-fluid .titre-cgv {
  margin-top: 30px;
  margin-bottom: 37px;
}

#condition-desktop .container-fluid .titre-cgv p {
  font-family: Nexa-bold;
  font-size: 16px;
  font-style: normal;
  line-height: 170%;
}

#condition-desktop .container-fluid .button-container {
  justify-content: center;
  display: flex;
}

#condition-desktop .container-fluid .button-container a {
  padding: 7px 5px;
  margin: 10px;
  width: 276px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 16px;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  font-family: Nexa-bold;
  font-size: 15px;
  font-style: normal;
  line-height: 135%;
}

#condition-desktop .container-fluid .contenu-condition-gen {
  margin-top: 47px;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-1 {
  width: 1491px;
  height: 3120px;
  flex-shrink: 0;
  border-radius: 65px;
  background: #E3F4FD;
  margin-left: -1%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-1 p {
  width: 100%;
  font-size: 15px;
  padding-left: 31px;
  padding-right: 52px;
  box-sizing: border-box;
  font-family: Nexa-light;
  font-style: normal;
  line-height: 170%;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-2 {
  width: 1491px;
  height: 4530px;
  flex-shrink: 0;
  border-radius: 65px;
  background: #FAF3D6;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-top: 54px;
  margin-left: -1%;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-2 p {
  width: 100%;
  font-size: 15px;
  padding-left: 31px;
  padding-right: 52px;
  box-sizing: border-box;
  font-family: Nexa-light;
  font-style: normal;
  line-height: 170%;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-3 {
  width: 1491px;
  height: 557px;
  flex-shrink: 0;
  border-radius: 65px;
  background: #EFEFEF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-left: -1%;
  margin-top: 54px;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-3  p {
  width: 100%;
  font-size: 15px;
  padding-left: 31px;
  padding-right: 52px;
  box-sizing: border-box;
  font-family: Nexa-light;
  font-style: normal;
  line-height: 170%;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-4 {
  width: 1491px;
  height: 460px;
  flex-shrink: 0;
  border-radius: 65px;
  background: #CEE1EB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-left: -1%;
  margin-top: 54px;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-4 p {
  width: 100%;
  font-size: 15px;
  padding-left: 31px;
  padding-right: 52px;
  box-sizing: border-box;
  font-family: Nexa-light;
  font-style: normal;
  line-height: 170%;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-5 {
  width: 1491px;
  height: 1100px;
  flex-shrink: 0;
  border-radius: 65px;
  background: #FAF3D6;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-left: -1%;
  margin-top: 54px;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-5 p {
  width: 100%;
  font-size: 15px;
  padding-left: 31px;
  padding-right: 52px;
  box-sizing: border-box;
  font-family: Nexa-light;
  font-style: normal;
  line-height: 170%;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-6 {
  width: 1491px;
  height: 890px;
  flex-shrink: 0;
  border-radius: 65px;
  background: #F0F0ED;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-top: 54px;
  margin-left: -1%;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-6 p {
  width: 100%;
  font-size: 15px;
  padding-left: 31px;
  padding-right: 52px;
  box-sizing: border-box;
  font-family: Nexa-light;
  font-style: normal;
  line-height: 170%;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-7 {
  width: 1491px;
  height: 810px;
  flex-shrink: 0;
  border-radius: 65px;
  background: #CEE1EB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-top: 54px;
  margin-left: -1%;
}

#condition-desktop .container-fluid .contenu-condition-gen .chap-7 p {
  width: 100%;
  font-size: 15px;
  padding-left: 31px;
  padding-right: 52px;
  box-sizing: border-box;
  font-family: Nexa-light;
  font-style: normal;
  line-height: 170%;
}
/*Fin css page condition genereales*/



/* Css page mention legale */


#mention-legale {
  margin-top: 150px;
  margin-bottom: 57px;
}

#mention-legale .titre-mention-legale {
  margin-top: 42px ;
  background: var(--second, #FBEEB9);
  height: 63px;
  width: 298px;
  position: relative;
}

#mention-legale .titre-mention-legale p {
  font-family: Nexa-bold;
  color: #31A1DC;
  font-size: 32px;
  font-style: normal;
  line-height: normal;
}

#mention-legale hr {
  position: absolute;
  width: 1900px;
  height: 1px;
  background: var(--second, #FBEEB9);
  margin-top: 30px;
}

#mention-legale .container-fluid {
  justify-content: center;
  margin-left: 162px;
  margin-top:27px ;
}

#mention-legale .container-fluid .colonne {
  width: 30%;
  float: left;
  box-sizing: border-box;
  padding-left: 49px;
  padding-top: 16px;
  padding-right: 34px;
  width: 471px;
  height: 362px;
  flex-shrink: 0;
  border-radius: 69px;
  border: 5px solid #FFF;
  background: #FFF9E0;
  margin-left: 34px;
}

#mention-legale .container-fluid .colonne .titre-sarl p {
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

#mention-legale .container-fluid .colonne .contenu-sarl p {
  font-family: Nexa-light;
  font-size: 15px;
  line-height: 170%;
  font-style: normal;
  margin-top: 25px;
}

#mention-legale .container-fluid .limitation {
  width: 1486px;
  height: 322px;
  flex-shrink: 0;
  background: #E3EEF3;
  border-radius: 75px;
  margin-left: 36px;
}


#mention-legale .container-fluid .limitation .titre-limitation, .contenu-limitation {
  padding-top: 11px;
  padding-left:49px ;
  padding-right: 79px;
}

#mention-legale .container-fluid .limitation .titre-limitation p {
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

#mention-legale .container-fluid .limitation .contenu-limitation p {
  font-family: Nexa-light;
  font-size: 16px;
  font-style: normal;
  line-height: 147%;
}

#mention-legale .container-fluid .informatique {
  width: 1486px;
  height: 245px;
  flex-shrink: 0;
  background: #E3EEF3;
  border-radius: 75px;
  margin-left: 36px;
}

#mention-legale .container-fluid .informatique .titre-informatique, .contenu-informatique {
  padding-top: 11px;
  padding-left:49px ;
  padding-right: 79px;
}

#mention-legale .container-fluid .informatique .titre-informatique p {
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

#mention-legale .container-fluid .informatique .contenu-informatique p {
  font-family: Nexa-light;
  font-size: 16px;
  font-style: normal;
  line-height: 147%;
}

#mention-legale .container-fluid .cookies-mention {
  width: 1486px;
  height: 206px;
  flex-shrink: 0;
  background: #E3EEF3;
  border-radius: 75px;
  margin-left: 36px;
}

#mention-legale .container-fluid .cookies-mention .titre-cookies, .contenu-cookies {
  padding-top: 11px;
  padding-left:49px ;
  padding-right: 79px;
}

#mention-legale .container-fluid .cookies-mention .titre-cookies p {
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

#mention-legale .container-fluid .cookies-mention .contenu-cookies p {
  font-family: Nexa-light;
  font-size: 16px;
  font-style: normal;
  line-height: 147%;
}

#mention-legale .container-fluid .propriete-mention {
  width: 1486px;
  height: 401px;
  flex-shrink: 0;
  background: #E3EEF3;
  border-radius: 75px;
  margin-left: 36px;
}

#mention-legale .container-fluid .propriete-mention .titre-propriete, .contenu-propriete {
  padding-top: 11px;
  padding-left:49px ;
  padding-right: 79px;
}

#mention-legale .container-fluid .propriete-mention .titre-propriete p {
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

#mention-legale .container-fluid .propriete-mention .contenu-propriete p {
  font-family: Nexa-light;
  font-size: 16px;
  font-style: normal;
  line-height: 147%;
}
/*fin css page mention legale*/



/*css page offre */

#offre-manao {
  margin-top: 100px;
  margin-bottom: 40px;
}

#offre-manao .entete-offre {
  width: 100%;
  height: 647px;
  flex-shrink: 0;
  background: rgba(73, 71, 71, 0.43);
}

#offre-manao .entete-offre .image-groupe-manao img {
  width: 100%;
  height: 647px;
   opacity: 0.63;
}

#offre-manao .entete-offre .contenu1-offre {
  position: relative;
  margin-top: -600px;
}


#offre-manao .entete-offre .contenu1-offre .titre-offre p {
  color: #FFF;
  font-family: Nexa-bold;
  font-size: 40px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .entete-offre .contenu1-offre .intro-offre p {
  color: #FFF;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .entete-offre .contenu1-offre .intro-offre {
  margin-top: 25px;
}

#offre-manao .entete-offre .contenu1-offre .bouton-offre  a {
  width: 195px;
  height: 34px;
  display: block;
  background: #FFF;
  border-radius: 11px;
  color: #F9BE1D;
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  padding: 5px;
  margin:  25px 863px;
}

#offre-manao .apropos-offre {
  width: 100%;
  height: 288px;
  background: #FBEEB9;
}

#offre-manao .apropos-offre .container-fluid .colonne {
  width: 41.5%;
  float: left;
  padding: 18px 38px;
  margin-left: 86px ;
}

#offre-manao .apropos-offre .container-fluid {
  margin-left: 50px ;
}

#offre-manao .apropos-offre .container-fluid .colonne .titre-philo p {
  font-family: Nexa-bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .apropos-offre .container-fluid .colonne .content-philo p {
  font-family: Nexa-Light;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .video-colab {
  margin-top: 35px;
}

#offre-manao .video-colab .titre-video p {
  font-family: Nexa-bold;
  font-size: 36px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .video-colab .container-fluid .colonne {
  width: 41.5%;
  float: left;
  margin-left: 26px;
}

#offre-manao .video-colab .container-fluid .colonne .video-1, .video-2 {
  font-family: Nexa-light;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .video-colab .container-fluid {
  margin-top: 35px;
  margin-left: 10%;
}

#offre-manao .equipe-projet {
  margin-top: 77px;
}

#offre-manao .equipe-projet .colonne {
  width: 42.5%;
  float: left;
  margin-left: 30px;
}

#offre-manao .equipe-projet .col-1 p {
  margin-left:22% ;
  font-family: Nexa-Bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .equipe-projet .col-2 a {
  float: right;
  width: 164.311px;
  height: 39px;
  flex-shrink: 0;
  background: var(--3, #F9BE1D);
  color: #FFF;
  font-family: Nexa-Bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  padding: 12px 16px;
}

#offre-manao .image-equipe {
  margin-top: 22px;
  margin-left: 112px;
}

#offre-manao .image-equipe .row {
  display: flex;
  flex-wrap: wrap;
}

#offre-manao .image-equipe .row .column {
  width: 424px;
  height: 267px;
}

#offre-manao .image-equipe .row .column img {
  width: 100%;
}

#offre-manao .nos-offres {
  margin-top: 84px;
}

#offre-manao .nos-offres .titre-nos-offre p {
  font-family: Nexa-Bold;
  font-size: 36px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .nos-offres .titre-nos-offre svg {
  position: absolute;
  margin-top: -3%;
  margin-left: 5%;
}

#offre-manao .nos-offres .nombre-offres {
  font-family: Nexa-light;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .nos-offres .recrutement-container {
  margin-top: -5px;
}

#offre-manao .nos-offres .recrutement-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-left: 250px;
  margin-right: 200px;
  
}

#offre-manao .nos-offres .recrutement-container .actualite-offre {
  width: 681px;
  height: 509px;
  margin-top: 40px;
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .conteneur-img-offre {
  border: 1px solid #ddd;
  width: 680px;
  height: 430px;
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .conteneur-img-offre img {
  width: 100%;
  height: 100%;
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .description-offre {
  width: 680px;
  height: 79px;
  flex-shrink: 0;
  background: #FFF;
  position: relative;
  /* margin-top: -10%; */
  border: 1px solid #000;
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .description-offre .colonne {
  width: 59%;
  float: left;
  position: absolute;
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .description-offre .colonne h4 {
  padding-left: 69px;
  font-family: Nexa-Bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .description-offre .colonne_1 {
  margin-left: 469px;
  margin-top: 12px;
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .description-offre .colonne_1 a {
  width: 99px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 3px solid #F9BE1D;
  background: rgba(255, 255, 255, 0.00);
  padding-left: 20px;
  padding-right: 19px;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
  font-family: Nexa-Bold;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .description-offre .colonne_1 p {
  margin-top: 17px;
  font-family: Nexa-Light;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .description-offre .colonne ul li {
  list-style: none;
  display: inline-block;
  font-family: Nexa-light;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
}

#offre-manao .nos-offres .recrutement-container .actualite-offre .description-offre .colonne ul {
  padding-left:65px ;
}

#offre-manao .nos-offres button {
  width: 159px;
  height: 50px;
  flex-shrink: 0;
  background: #9CCFEA;
  color: #000;
  font-family: Nexa-bold;
  font-size: 20px;
  border: none;
  margin-left: 860px;
  margin-top: 48px;
  
}
/*fin css page offre*/




/*css page candidature*/

.formulaire-web {
  width: 100%;
  height: 1080px;
  position: absolute;
  z-index: 98;
  background: #FFF;
  margin-top: -1%;
  position: fixed;
}

.formulaire-web .logo-manao-cand img {
  position: absolute;
  margin-left: 185px;
  margin-top: -10px;
  width: 469px;
  height: 203px;
}

.formulaire-web .logo-manao-cand p {
  font-family: Nexa-Bold;
  font-size: 40px;
  font-style: normal;
  line-height: normal;
  margin-top: 75px;
  position: absolute;
  margin-left: 803px;
}

.formulaire-web .retour-au-site {
  margin-top: 169px;
  margin-left: 259px;
  display: flex;
}

.formulaire-web .retour-au-site p {
  margin-top: 15px;
  font-family: Nexa-Bold;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  margin-left: 20px;
}

.formulaire-web hr {
  width: 1517px;
  height: 9px;
  flex-shrink: 0;
  background: #D9D9D9;
}

.formulaire-web form {
  position: absolute;
  margin-left: 307px ;
  display: flex;
  flex-direction: column;
}

.formulaire-web form .name-field {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.formulaire-web form .telephone-field {
  display: flex;
}

.formulaire-web form .name-field div {
  display: flex;
  flex-direction: column;
  margin-left: 25px;
}

.formulaire-web form .name-field {
  margin-left: -1.8%;
  margin-bottom: 38px;
}

.formulaire-web form .name-field div input {
  width: 646px;
  height: 60px;
  flex-shrink: 0;
  border: 1px solid var(--base, #9CD0E8);
  background: #FFF;
}
.formulaire-web form .name-field div label {
  font-family: Nexa-Bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}

.formulaire-web label {
  font-family: Nexa-bold;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  font-weight: lighter;
}

.formulaire-web form .mail-field input {
  width: 1320px;
  height: 60px;
  border: 1px solid var(--base, #9CD0E8);
}

.formulaire-web form .mail-field {
  margin-bottom: 38px;
}

.formulaire-web form .telephone-field .telephone-container select  {
  width: 103px;
  height: 60px;
  background: #FFF;
  border: 1px solid var(--base, #9CD0E8);
  font-family: Nexa-Bold;
  font-size: 15px;
}

.formulaire-web form .telephone-field .telephone-container select option {
  text-align: center;
  font-family: Nexa-Bold;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
}

.formulaire-web form .telephone-field .telephone-container input {
  width: 546px;
  height: 60px;
  border: 1px solid var(--base, #9CD0E8);
  flex-shrink: 0;
  margin-left: -4px;
}

.formulaire-web form .telephone-field .poste input {
  width: 638px;
  height: 60px;
  border: 1px solid var(--base, #9CD0E8);
}

.formulaire-web form .telephone-field .poste {
  margin-left: 25px;
}

.formulaire-web form .cv-lm {
  margin-top: 40px;
  display: flex;
}

.formulaire-web form .cv-lm .cv .glissez {
  width: 529px;
  height: 123.472px;
  border: 2px dashed #9A9999;
  background: rgba(217, 217, 217, 0.00);
}

.formulaire-web form .cv-lm .cv div .dz-default {
  margin-top: -1px;
  font-family: Nexa-Light;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
}

.formulaire-web form .cv-lm .cv div  .svg-img {
  margin-top: -2%;
}

.formulaire-web form .cv-lm .g-recaptcha {
  margin-left: 150px;
  margin-top: 5%;

}

.formulaire-web form .envoyer {
  width: 323px;
  height: 67px;
  background: var(--3, #F9BE1D);
  border: none;
  color: #FFF;
  font-family: Nexa-Bold;
  font-size: 24px;
  font-style: normal;
  line-height: normal;
  margin-top: 40.53px;
}

.formulaire-web form  input {
  padding-left: 20px;
  font-family: Nexa-light;
}

.dropzone .dz-preview {
  position: absolute;
  margin-top: -1% !important;
}

/*Fin css page canditature*/

/*css page localisation*/

#localisation-desktop {
  margin-top: 150px;
  margin-bottom:26px ;
}

#localisation-desktop .section-localisation .adresse-tana, .adresse-france, .adresse-fianara {
  display: flex;
  margin-left: 337px;
}

#localisation-desktop .section-localisation .adresse-tana .adresse-lot {
  width: 375px;
  height: 106px;
  flex-shrink: 0;
  border-radius: 98px;
  background: var(--second, #FBEEB9);
  position: absolute;
  margin-top: 80px ;
}

#localisation-desktop .section-localisation .adresse-tana .adresse-lot svg {
  margin-top: 4px;
}

#localisation-desktop .section-localisation .adresse-tana .adresse-lot p {
  margin-top: -15px;
  font-family: Nexa-Bold;
  font-size: 15px;
  font-style: normal;
}

#localisation-desktop .section-localisation .adresse-tana .adresse-map {
  margin-left: 323px;
  position: relative;
}

#localisation-desktop .section-localisation .adresse-tana .adresse-map iframe {
  width: 592px;
  height: 275px;
}

#localisation-desktop .section-localisation .adresse-tana .adresse-direction {
  margin-left: 43px;
  margin-top: 100px;
}

#localisation-desktop .section-localisation .adresse-tana .adresse-direction p {
  font-family: Nexa-Bold;
  font-size: 16px;
  font-style: normal;
}

#localisation-desktop .section-localisation .adresse-france {
  margin-left: 484px;
  margin-top: 26px;
}

#localisation-desktop .section-localisation .adresse-france .adresse-lot-france {
  width: 374px;
  height: 106px;
  flex-shrink: 0;
  border-radius: 98px;
  background: var(--base, #9CD0E8);
  position: absolute;
  margin-top: 80px ;
}

#localisation-desktop .section-localisation .adresse-france .adresse-lot-france svg {
  margin-top: 4px;
}

#localisation-desktop .section-localisation .adresse-france .adresse-lot-france p {
  font-family: Nexa-Bold;
  font-size: 15px;
  font-style: normal;
  line-height: 157%;
  margin-top: -15px;
}

#localisation-desktop .section-localisation .adresse-france .adresse-map {
  position: relative;
  margin-left: 322px;
}

#localisation-desktop .section-localisation .adresse-france .adresse-direction {
  margin-left: 43px;
  margin-top: 100px;
}

#localisation-desktop .section-localisation .adresse-france .adresse-direction p {
  font-family: Nexa-Bold;
  font-size: 16px;
  font-style: normal;
}

#localisation-desktop .section-localisation .adresse-fianara {
  margin-left: 337px;
  margin-top: 26px;
}

#localisation-desktop .section-localisation .adresse-fianara .adresse-lot {
  width: 375px;
  height: 105px;
  flex-shrink: 0;
  border-radius: 98px;
  background: var(--3, #F9BE1D);
  position: absolute;
  margin-top: 80px;
}

#localisation-desktop .section-localisation .adresse-fianara .adresse-lot svg {
  margin-top: 4px;
}

#localisation-desktop .section-localisation .adresse-fianara .adresse-lot p {
  font-family: Nexa-Bold;
  font-size: 15px;
  font-style: normal;
  line-height: 157%;
  margin-top: -15px;
}

#localisation-desktop .section-localisation .adresse-fianara .adresse-map {
  position: relative;
  margin-left: 323px;
}

#localisation-desktop .section-localisation .adresse-fianara .adresse-direction {
  margin-left: 43px;
  margin-top: 100px;
}

#localisation-desktop .section-localisation .adresse-fianara .adresse-direction p {
  font-family: Nexa-Bold;
  font-size: 16px;
  font-style: normal;
}
/*Fin css page localisation*/


/*CSS popup footer*/

.popup-footer {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
}

.popup-footer form {
  width: 480px;
  height: 462px;
  flex-shrink: 0;
  border-radius: 66px;
  background: #FFF;
  margin: 250px auto;
  padding-top: 40px;
}

.popup-footer form input {
  width: 414px;
  height: 52.978px;
  margin-left: 33px;
  margin-top: 25px;
  margin-right: 33px;
  border-radius: 101px;
  background: #E4E4E4;
  border: none;
  padding-left: 31px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Nexa-Bold;
  font-size: 20px;
  font-style: normal;
}

.popup-footer form .validation {
  display: flex;
}

.popup-footer form .validation button {
  text-align: center;
  width: 145px;
  height: 50px;
  color: #fff;
  border-radius: 101px;
  background: var(--base, #9CD0E8);
  margin: 22.02px auto;
  font-size: 20px;
  line-height: normal;
}
/*Fin css popup footer*/


.titre-menu2{
    background-color: transparent;
    color: white;
    font-style: normal;
    font-weight: 600;
    height: auto;
    left: 32px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 9px;
    width: 186px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.h2{
  font-family: 'Montserrat';
    font-size: 'font-size-xl';
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0px;  
}
.corps {
  /* width: 100%;
  height: 2004px; */
  /* background: rgba(255,255,255,1); */
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.section-titre{
  top: -13px;
  font-weight: bold;
  position: relative;
  font-size: 20px;
}
.Section-contenu{
    position: relative;
    top: -10px;
    font-size: initial;
}
.titre-fond-img {
  
  width: 100%;
  height: 823px;
  /* background: url(../images/v172_117.png); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  /* top: 150px; */
  left: 0px;
  overflow: hidden;
  margin: 0px;

}
.name {
  color: #fff;
}
.titre {
  width: 1000px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 187px;
  left: 213px;
  font-family: 'Montserrat';
  font-weight: Bold;
  font-size: 40px;
  opacity: 1;
  text-align: left;
  line-height: 35px;
}
.zone-bouton {
  width: 376px;
  height: 84px;
  background: rgba(139,192,85,1);
  opacity: 1;
  position: absolute;
  top: 787px;
  left: 797px;
  border-top-left-radius: 42px;
  border-top-right-radius: 42px;
  border-bottom-left-radius: 42px;
  border-bottom-right-radius: 42px;
  overflow: hidden;
}
.text-bouton{
  color: rgba(255,255,255,1);
  position: relative;
  /* top: -18px; */
  left: 5px;
  font-family: 'Montserrat';
  font-weight: 'Regular';
  font-size: 36px;
  opacity: 1;
  text-align: center;
}
.titre-bouton {
  width: 280px;
  color: rgba(255,255,255,1);
  position: relative;
  top: 809px;
  left: 845px;
  font-family: 'Montserrat';
  font-weight: 'Regular';
  font-size: 36px;
  opacity: 1;
  text-align: center;
}

.petit-image3 {
  width: 105px;
  height: 105px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  margin: 94px;
  /* top: 1455px; */
  /* left: 1010px; */
  /* left: 313px; */
  overflow: hidden;
}
.petit-image1 {
  width: 105px;
  height: 105px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  /* margin-top: 90px; */
  margin: 94px;
  /* top: 1455px; */
  /* left: 590px; */
  /* left: 452px; */
  overflow: hidden;
}
.petit-image2 {
  width: 105px;
  height: 105px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  /* top: 1455px; */
  /* margin: 94px; */
  /* left: 792px; */
  /* left: 382px; */
  overflow: hidden;
}
.petit-image4 {
  width: 105px;
  height: 105px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  /* margin: 94px; */
  /* top: 1455px; */
  /* left: 1226px; */
  /* left: 230px; */
  overflow: hidden;
}
.section1 {
  width: 345px;
  height: 421px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  /* top: 920px; */
  margin-top: -60px;
  left: 219px;
  overflow: hidden;
}
.section1-bordure-img {
  width: 345px;
  height: 421px;
  background: rgba(249,203,56,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: hidden;
}
.section1-bg-contenu {
  width: 338px;
  height: 125px;
  background: rgba(136,192,86,0.8799999952316284);
  opacity: 1;
  position: absolute;
  top: 291px;
  left: 4px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  border-bottom-left-radius: 21px;
  border-bottom-right-radius: 21px;
  overflow: hidden;
}
.section1-img {
  width: 336px;
  height: 276px;
  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 6px;
  left: 5px;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
  overflow: hidden;
}
.section1-titre {
  width: 303px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 299px;
  left: 20px;
  font-family: 'Montserrat';
  font-weight: 'Regular';
  font-size: 20px;
  opacity: 1;
  text-align: center;
}
.Section1-contenu {
  width: 308px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 363px;
  left: 19px;
  font-family: 'Montserrat';
  font-weight: Light;
  font-size: 15px;
  opacity: 1;
  text-align: center;
}
.section4 {
  width: 345px;
  height: 420px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  /* top: 926px; */
  margin-top: -420px;
  left: 1359px;
  overflow: hidden;
}
.section4-bordure-img {
  width: 345px;
  height: 420px;
  background: rgba(249,203,56,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: hidden;
}
.section4-bg-contenu {
  width: 338px;
  height: 120px;
  background: rgba(136,192,86,0.8799999952316284);
  opacity: 1;
  position: absolute;
  top: 292px;
  left: 4px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  overflow: hidden;
}
.section4-img {
  width: 336px;
  height: 276px;
  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 6px;
  left: 4px;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
  overflow: hidden;
}
.section4-titre {
  width: 246px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 299px;
  left: 48px;
  font-family: 'Montserrat';
  font-weight: 'Regular';
  font-size: 20px;
  opacity: 1;
  text-align: center;
}
.Section4-contenu {
  width: 278px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 358px;
  left: 31px;
  font-family: 'Montserrat';
  font-weight: Light;
  font-size: 15px;
  opacity: 1;
  text-align: center;
}
.section2 {
  width: 345px;
  height: 421px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  /* top: 920px; */
  margin-top: -420px;
  left: 599px;
  overflow: hidden;
}
.section2-bordure-img {
  width: 345px;
  height: 421px;
  background: rgba(249,203,56,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: hidden;
}
.section2-bg-contenu {
  width: 338px;
  height: 120px;
  background: rgba(136,192,86,0.8799999952316284);
  opacity: 1;
  position: absolute;
  top: 293px;
  left: 4px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  overflow: hidden;
}
.section2-img {
  width: 336px;
  height: 276px;
  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 6px;
  left: 4px;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
  overflow: hidden;
}
.section2-titre {
  width: 208px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 299px;
  left: 68px;
  font-family: 'Montserrat';
  font-weight: 'Regular';
  font-size: 20px;
  opacity: 1;
  text-align: center;
}
.Section2-contenu {
  width: 326px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 363px;
  left: 9px;
  font-family: 'Montserrat';
  font-weight: Light;
  font-size: 15px;
  opacity: 1;
  text-align: center;
}
.section3 {
  width: 345px;
  height: 415px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: relative;
  /* top: 926px; */
  margin-top: -420px;
  left: 979px;
  overflow: hidden;
}
.section3-bordure-img {
  width: 345px;
  height: 415px;
  background: rgba(249,203,56,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: hidden;
}
.section3-bg-contenu {
  width: 338px;
  height: 118px;
  background: rgba(136,192,86,0.8799999952316284);
  opacity: 1;
  position: absolute;
  top: 289px;
  left: 4px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  overflow: hidden;
}
.section3-img {
  width: 336px;
  height: 276px;
  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 6px;
  left: 4px;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
  overflow: hidden;
}
.section3-titre {
  width: 317px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 299px;
  left: 14px;
  font-family: 'Montserrat';
  font-weight: 'Regular';
  font-size: 20px;
  opacity: 1;
  text-align: center;
}
.Section3-contenu {
  width: 319px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 358px;
  left: 13px;
  font-family: 'Montserrat';
  font-weight: Light;
  font-size: 15px;
  opacity: 1;
  text-align: center;
}
.petit-titre {
  width: 563px;
  color: rgba(0,0,0,1);
  position: relative;
  /* top: 1382px; */
  top: 47px;
  left: 672px;
  font-family: 'Inter';
  font-weight: 'Regular';
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.name {
  color: #fff;
}
.name {
  color: #fff;
}
.footer{
  background: linear-gradient(180deg, rgb(35.00000171363354, 125.00000014901161, 74.0000031888485) 0%, 
                                      rgb(136.00000709295273, 192.00000375509262, 86.00000247359276) 39.0625%, 
                                      rgb(97.84415692090988, 166.6886955499649, 81.46663293242455) 82.8125%, 
                                      rgba(0, 126.00000008940697, 57.999988943338394, 0.7900000214576721) 99.59983229637146%);
    background-color: transparent;
    border: 1px none;
    height: 364px;
    left: 0px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 1640px;
    width: 1920px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.localisation-img{
  background-color: transparent;
    height: 24px;
    left: 228px;
    mix-blend-mode: normal;
    position: absolute;
    top: 92px;
    width: 25px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
}
.logo-footer{
  background-color: transparent;
    height: 159px;
    left: 772px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0px;
    width: 377px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.localisation-img{
  background-color: transparent;
    height: 24px;
    left: 228px;
    mix-blend-mode: normal;
    position: absolute;
    top: 92px;
    width: 25px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.localisation{
  background-color: transparent;
    height: auto;
    left: 260px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 95px;
    width: 237px;
    color: white;
    font-family: 'Montserrat';
    font-size: 'font-size-s';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.localisation-contenu{
  color: white;
  font-family: 'Montserrat';
  font-size: 'font-size-s';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contact-img{
  background-color: transparent;
    height: 26px;
    left: 225px;
    mix-blend-mode: normal;
    position: absolute;
    top: 261px;
    width: 27px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contact{
  background-color: transparent;
    height: auto;
    left: 260px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 265px;
    width: 237px;
    color: white;
    font-family: 'Montserrat';
    font-size: 'font-size-s';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.contact-contenu{
  color: white;
  font-family: 'Montserrat';
  font-size: 'font-size-s';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.titre-footer{
  background-color: transparent;
    height: auto;
    left: 854px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 85px;
    width: 213px;
    color: white !important;
    font-family: 'Montserrat';
    font-size: 'font-size-xl';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.logo-facebook{
  background-color: transparent;
    height: 32px;
    left: 870px;
    mix-blend-mode: normal;
    position: absolute;
    top: 131px;
    width: 34px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.logo-likendin{
  background-color: transparent;
    height: 32px;
    left: 932px;
    mix-blend-mode: normal;
    position: absolute;
    top: 131px;
    width: 32px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.logo-youtube{
  background-color: transparent;
    height: 32px;
    left: 992px;
    mix-blend-mode: normal;
    position: absolute;
    top: 131px;
    width: 32px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.sous-titre-logo{
  background-color: transparent;
  height: auto;
  left: 845px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 160px;
  width: 213px;
  color: white !important;
  font-family: 'Montserrat';
  font-size: 'font-size-xl';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
    
}
.mail-footer{
  background-color: white;
    border: 1px none;
    height: 34px;
    left: 822px;
    mix-blend-mode: normal;
    position: absolute;
    top: 246px;
    width: 202px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.btn-email{
  background-color: transparent;
    height: 34px;
    left: 1035px;
    mix-blend-mode: normal;
    position: absolute;
    top: 246px;
    width: 34px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.rect-email{
  background-color: #f9cb38;
    border: 1px none;
    height: 34px;
    left: 1025px;
    mix-blend-mode: normal;
    position: absolute;
    top: 246px;
    width: 50px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contenu-footer{
  background-color: transparent;
    height: auto;
    left: 1396px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 100px;
    width: 220px;
    color: white;
    font-family: 'Montserrat';
    font-size: 'font-size-s';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.footer-line{
  background-color: white;
    height: 1px;
    left: 413px;
    position: absolute;
    top: 299px;
    width: 983px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.copiright-bt{
  background-color: transparent;
    height: auto;
    left: 854px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 313px;
    width: auto;
    -webkit-text-size-adjust: none;
    color: white;
    font-family: 'Montserrat';
    font-size: 'font-size-s';
    font-style: normal;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.logo-copyright{
  background-color: transparent;
    height: 24px;
    left: 826px;
    mix-blend-mode: normal;
    position: absolute;
    top: 311px;
    width: 24px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.photo-contact {
  width: 100%;
  height: 733px;
  /* background: url("../images/v271_301.png"); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 144px;
  left: 361px;
  border: 1px solid rgba(0,0,0,1);
  overflow: hidden;
}


/* CSS DU PAGE CONTACT */
.contenu-contact{
    background-color: #5ca35169;
    border: 1px none;
    /* height: 1214px; */
    height: 1110px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 145px;
    width: 1920px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.image-contact{
    background-color: transparent;
    /* height: 1100px; */
    height: 950px;
    left: 663px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    /* top: 250px; */
    top: 4px;
    width: 1257px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.rectangle-contact{
    background-color: white;
    border: 1px none;
    border-radius: 39px;
    /* height: 1186px; */
    height: 900px;
    left: 41px;
    mix-blend-mode: normal;
    position: absolute;
    /* top: 174px; */
    top: 160px;
    width: 716px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.titre-contact{
    text-align: center;
   
}
.sous-titre-contact{
    text-align: center;
}
.contact-nom{
    background-color: rgb(240, 240, 240);
    border: 1px none;
    /* text-align: center; */
    border-radius: 45px;
    height: 60px;
    left: 135px;
    mix-blend-mode: normal;
    position: absolute;
    top: 110px;
    width: 450px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.societe-nom{
  background-color: rgb(240, 240, 240);
  border: 1px none;
  border-radius: 45px;
  height: 60px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 190px;
  width: 450px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.fonction-nom{
  background-color: rgb(240, 240, 240);
  border: 1px none;
  border-radius: 45px;
  height: 60px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 270px;
  width: 450px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.email-nom{
  background-color: rgb(240, 240, 240);
  border: 1px none;
  border-radius: 45px;
  height: 60px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 350px;
  width: 450px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.telephone-nom{
  background-color: rgb(240, 240, 240);
  border: 1px none;
  border-radius: 45px;
  height: 60px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 430px;
  width: 450px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.objet-nom{
  background-color: rgb(240, 240, 240);
  border: 1px none;
  border-radius: 45px;
  height: 60px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 510px;
  width: 450px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.message-nom{
  background-color: rgb(240, 240, 240);
  border: 1px none;
  border-radius: 45px;
  height: 180px;
  left: 135px;
  mix-blend-mode: normal;
  position: absolute;
  top: 600px;
  width: 450px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.bouton-email-contact-text{
  background-color: #48964f;
    color: white;
    font-family: 'Montserrat';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 253px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 808px;
    width: 205px;
    text-decoration: none;
    border: white;
    border-radius: inherit;
  
}
.footer-contact{
  /* top: 1250px; */
  top: 1095px;
}


/* CSS DU PAGE VENTE TIGES */
.body-tige{
  margin-top: 165px;
}
.menu-tige{
  background-color: transparent;
  height: auto;
  left: 842px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  /* top: 150px; */
  width: 40px;
  -webkit-text-size-adjust: none;
  color: black;
  font-family: 'Montserrat';
  font-size: 'font-size-s';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
.menu-logiciel{
  display: block;
  list-style: none;
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  background-color: transparent;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  height: auto;
  display: flex;
  justify-content: space-around;
  width: 750%;
  margin: auto;
  padding: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;

  /* padding-inline-start: 500px;*/
}

.fond-titre-vente-tige{
  background: linear-gradient(180deg, rgba(253.0000001192093, 222.00000196695328, 83.00000265240669, 0.949999988079071) 0%, 
                                      rgb(136.00000709295273, 192.00000375509262, 86.00000247359276) 0.43776356615126133%, 
                                      rgb(136.00000709295273, 192.00000375509262, 86.00000247359276) 23.10357391834259%, 
                                      rgb(139.4077706336975, 192.8737896680832, 85.91262236237526) 67.18096137046814%,
                                      rgb(253.0000001192093, 222.00000196695328, 83.00000265240669) 100%);
    background-color: transparent;
    border: 1px none;
    height: 119px;
    left: -3px;
    mix-blend-mode: normal;
    position: relative;
    /* top: 193px; */
    width: 1923px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin-top: -10px;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.titre-vente-tuteurs{
  background-color: transparent;
  color: #f9f5f5;
  font-family: 'Inter';
  font-size: 'font-size-40px';
  font-style: normal;
  font-weight: 500;
  height: auto;
  /* left: 880px; */
  left: 750px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  /* text-align: left; */
  text-align: center;
  top: 43px;
  /* width: 372px; */
  /* width: 500px; */
  width: max-content;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 100%; */
  font: inherit;
  vertical-align: baseline;
}
.titre-vente-tige{
  background-color: transparent;
  color: #f9f5f5;
  font-family: 'Inter';
  font-size: 'font-size-40px';
  font-style: normal;
  font-weight: 500;
  height: auto;
  /* left: 880px; */
  left: 907px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  /* text-align: left; */
  text-align: center;
  top: 43px;
  /* width: 372px; */
  /* width: 500px; */
  width: max-content;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 100%; */
  font: inherit;
  vertical-align: baseline;
}

.petit-photos-ventes{
    background-color: transparent;
    transform: rotate(-44.36deg);
    height: 94px;
    /* left: 0px; */
    left: 15px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    /* top: 3px; */
    top: 15px;
    width: 94px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contenu-petit-section-vente1{
    /* background-color:#40ca85; */
    background-color: transparent;
    border: 1px none;
    height: 170px;
    left: 140px;
    mix-blend-mode: normal;
    position: absolute;
    top: 560px;
    width: 342px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contenu-petit-section-vente2{
    /* background-color:#d84b47; */
    background-color: transparent;
    border: 1px none;
    height: 170px;
    left: 540px;
    mix-blend-mode: normal;
    position: absolute;
    top: 560px;
    width: 342px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contenu-petit-section-vente3{
    /* background-color:#bcce55; */
    background-color: transparent;
    border: 1px none;
    height: 170px;
    left: 940px;
    mix-blend-mode: normal;
    position: absolute;
    top: 560px;
    width: 342px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contenu-petit-section-vente4{
    /* background-color:#bcce55; */
    background-color: transparent;
    border: 1px none;
    height: 170px;
    left: 1340px;
    mix-blend-mode: normal;
    position: absolute;
    top: 560px;
    
    width: 342px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.text-petit-section-vente{
    display: block;
    list-style: none;
    text-decoration: none;
    font-style: normal;
    letter-spacing: 0px; 
    background-color: transparent;
    /* cursor: pointer; */
    font-style: normal;
    font-weight: 600;
    height: auto;
    text-align: center;
    justify-content: space-around;
    /* width: 750%; */
    margin: auto;
    padding: 0;
    /* margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px; */
}
.titre-petit-section-vente{
    color: #f9cb38;
    font-family: 'Inter';
    font-size: 'font-size-xxxl';
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.sous-titre-petit-section-vente{
    color: black;
    font-family: 'Inter';
    font-size: 'font-size-xxl';
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.section1-img-vente{
    background-color: transparent;
    height: 225px;
    /* left: 0px; */
    left: 140px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    /* top: 410px; */
    top: 770px;
    width: 342px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.container-section1-vente{
    background-color: transparent;
  /* background-color: rebeccapurple; */

    height: 825px;
    left: 177px;
    position: relative;
    top: 40px;
    width: 348px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.container-section2-vente{
    background-color: transparent;
  /* background-color: rebeccapurple; */

    height: 825px;
    left: 603px;
    position: absolute;
    top: 357px;
    width: 348px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.container-section3-vente{
    background-color: transparent;
  /* background-color: rebeccapurple; */

    height: 825px;
    left: 1006px;
    position: absolute;
    top: 357px;
    width: 348px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.container-section4-vente{
    background-color: transparent;
  /* background-color: rebeccapurple; */

    height: 825px;
    left: 1408px;
    position: absolute;
    top: 357px;
    width: 348px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.cadre-petit-photos-ventes1-tige{
    background-color: #bcce55;
    border: 1px none;
    height: 132px;
    left: 101px;
    mix-blend-mode: normal;
    position: absolute;
    top: 27px;
    transform: rotate(44.36deg);
    width: 132px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contenu-petit-section-vente1-tige{
  /* background-color:#40ca85; */
  background-color: transparent;
  border: 1px none;
  height: 170px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 200px;
  width: 342px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.text-petit-section-vente-tige{
  display: block;
  list-style: none;
  text-decoration: none;
  font-style: normal;
  letter-spacing: 0px; 
  background-color: transparent;
  font-style: normal;
  font-weight: 600;
  height: auto;
  text-align: center;
  justify-content: space-around;

}
.titre-petit-section-vente-tige{
  color: #f9cb38;
  font-family: 'Inter';
  /* font-size: 'font-size-xxxl'; */
  font-style: normal;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  position: relative;
  margin-left: -35px;
}
.sous-titre-petit-section-vente-tige{
  color: black;
  font-family: 'Inter';
  font-size: 'font-size-xxl';
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  /* margin: 0; */
  position: relative;
  margin-top: -5px;
  margin-left: -35px;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.section1-img-vente-tige{
    background-color: transparent;
    height: 225px;
    left: 0px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 410px;
    width: 342px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.cadre-diametre-vente-tige{
    background-color: #88c05617;
    border: 1px none;
    height: 190px;
    left: 0px;
    mix-blend-mode: normal;
    position: absolute;
    top: 635px;
    width: 341px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.cadre-diametre-vente-tige1{
    background-color: white;
    border: 1px none;
    height: 187px;
    left: 4px;
    mix-blend-mode: normal;
    position: absolute;
    top: 635px;
    width: 332px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.cadre-diametre-vente-tige2{
    background-color: #88c05617;
    border: 1px none;
    height: 180px;
    left: 4px;
    mix-blend-mode: normal;
    position: absolute;
    top: 642px;
    width: 332px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contenu-diametre-vente-tige{
    background-color: transparent;
    height: auto;
    left: 55px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 233px;
}
.titre-diametre-vente-tige{
    color: #f9cb38;
    font-family: 'Inter';
    font-size: 'font-size-xxxl';
    font-style: normal;
    font-weight: 500;
}
.contenu-diametre-vente-tiges{
    color: black;
    font-family: 'Inter';
    font-size: 'font-size-xxl';
    font-style: normal;
    font-weight: 500;
}
.centre{
  text-align: center;
}

.bouton-ventes{
  background-color: #007e3a;
  border: 1px none;
  border-radius: 40px;
  height: 65px;
  /* height: 85px; */
  margin-top: 70px;
  left: 797px;
  /* position: absolute; */
  /* top: 1198px; */
  width: 411px;
  /* left: 0px; */
  mix-blend-mode: normal;
  position: relative;
  /* top: 0px; */
  width: 365px
}
.contenus-bouton-ventes{
    background-color: transparent;
    color: white;
    font-family: 'Inter';
    font-size: 'font-size-xxl';
    font-style: normal;
    font-weight: 600;
    height: auto;
    left: 107px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 4px;
    width: auto;
}
.grande-section-vente{
    background-color: #ddd7d766;
    margin-top: 30px;
    border: 1px none;
    height: 692px;
    left: 0px;
    mix-blend-mode: normal;
    position: relative;
    /* top: 1317px; */
    width: 1920px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    /* margin: 0; */
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.logos-ventes{
  background-color: transparent;
    /* background-color: #007e3a; */
    height: 393px;
    left: 577px;
    position: absolute;
    /* top: 100px; */
    top: 60px;
    width: 770px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.logos-ventes1{
    background-color: transparent;
    height: 118px;
    left: -35px;
    mix-blend-mode: normal;
    position: absolute;
    top: -27px;
    width: 118px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.text-logo-vente1{
    background-color: transparent;
    left: 427px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    /* top: 185px; */
    top: 155px;
    width: 367px;
}
.titre-logo-vente{
  color: black;
  /* font-style: normal; */
  font-weight: bold;
  height: auto;
  font-size: large;
}
.sous-titre-logo-vente{
    background-color: transparent;
    line-height: normal;
    mix-blend-mode: normal;
    width: 380px;
    color: black;
    font-family: 'Montserrat';
    font-size: 'font-size-l';
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.logos-ventes2{
    background-color: transparent;
    height: 118px;
    left: 687px;
    mix-blend-mode: normal;
    position: absolute;
    top: 297px;
    width: 118px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.text-logo-vente2{
  background-color: transparent;
  left: 1150px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  /* top: 185px; */
  top: 155px;
  width: 367px;
}
.logos-ventes3{
    background-color: transparent;
    height: 118px;
    left: -35px;
    mix-blend-mode: normal;
    position: absolute;
    top: 295px;
    width: 118px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.text-logo-vente3{
  background-color: transparent;
  left: 427px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  /* top: 515px; */
  top: 475px;
  width: 367px;
}
.logos-ventes4{
    background-color: transparent;
    height: 118px;
    left: 688px;
    mix-blend-mode: normal;
    position: absolute;
    top: -22px;
    width: 118px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.text-logo-vente4{
  background-color: transparent;
  left: 1150px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  /* top: 515px; */
  top: 475px;
  width: 367px;
}
.grand-section-vente{
  background-color: #e8cb4e47;
  border: 1px none;
  height: 460px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 2009px; */
  width: 1920px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.titre-grand-section-vente{
  background-color: transparent;
  height: auto;
  left: 477px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 0px;
  width: auto;
  -webkit-text-size-adjust: none;
  color: black;
  font-family: 'Montserrat';
  font-size: 'font-size-xxxl';
  font-style: normal;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.grand-section-vente-img{
  background-color: transparent;
  height: 245px;
  left: 495px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 85px;
  width: 538px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 25px;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.grand-section-vente-rectangle{
  background-color: #eaffd8;
  border: 1px none;
  border-radius: 28px;
  height: 229px;
  left: 918px;
  mix-blend-mode: normal;
  position: absolute;
  top: 210px;
  transform: rotate(0.33deg);
  width: 560px;
}
.text-grand-section-vente-rectangle{
        /* background-color: red; */
        background-color: transparent;
        color: black;
        font-family: 'Montserrat';
        font-size: 'font-size-l';
        font-style: normal;
        font-weight: 400;
        height: 142px;
        left: 66px;
        letter-spacing: 0.00px;
        line-height: normal;
        position: absolute;
        text-align: left;
        top: 33px;
        width: 435px;
}
.text-grand-section-vente-rectangle-color{
  font-style: normal;
  color: #207a46;
  font-family: 'Montserrat';
  font-size: 'font-size-l';
  font-style: normal;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.footer-vente-tiges{
  top: 2472px;
}


/* CSS VENTE TUTEURS */

.contenu-petit-photo-vente-tuteur{
  background-color: transparent;
  height: 82px;
  left: 408px;
  position: relative;
  /* top: 368px; */
  margin-top: 45px;
  width: 1109px;
}
.petit-photos-ventes-tuteur{
  background-color: transparent;
  height: 80px;
  left: 15px;
  transform: rotate(-44.36deg);
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 15px;
  width: 80px;
}
.cadre-petit-photos-ventes1-tuteur{
  background-color: #bcce55;
  border: 1px none;
  height: 112px;
  /* left: 390px; */
  mix-blend-mode: normal;
  position: absolute;
  /* top: 365px; */
  transform: rotate(44.36deg);
  width: 112px;
}
.cadre-petit-photos-ventes2-tuteur{
  background-color: #bcce55;
  border: 1px none;
  height: 112px;
  left: 333px;
  mix-blend-mode: normal;
  position: absolute;
  /* top: 365px; */
  transform: rotate(44.36deg);
  width: 112px;
}
.cadre-petit-photos-ventes3-tuteur{
  background-color: #bcce55;
  border: 1px none;
  height: 112px;
  left: 666px;
  mix-blend-mode: normal;
  position: absolute;
  /* top: 365px; */
  transform: rotate(44.36deg);
  width: 112px;
}
.cadre-petit-photos-ventes4-tuteur{
  background-color: #bcce55;
  border: 1px none;
  height: 112px;
  left: 1000px;
  mix-blend-mode: normal;
  position: absolute;
  /* top: 365px; */
  transform: rotate(44.36deg);
  width: 112px;
}
.grand-section1-vente-tuteurs{
  background-color: #fbdd53de;
  border: 1px none;
  height: 642px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 548px; */
  margin-top: -659px;
  width: 950px;
}
.fond-grand-image1-ventes-tuteur{
  background-color: transparent;
  height: 638px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  margin-top: 107px;
  /* top: 552px; */
  width: 950px;
}
.section-image1-ventes-tuteur{
  background-color: transparent;
  height: 284px;
  left: 246px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 658px; */
  /* top: 80px; */
  width: 551px;
  border-radius: 40px;
}
.text-section-image1-ventes-tuteur{
  background-color: transparent;
  color: black;
  font-style: normal;
  font-weight: 600;
  height: auto;
  /* left: 371px; */
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  /* top: 412px; */
  width: auto;
}
.grand-section2-vente-tuteurs{
  background-color: #90c256de;
  border: 1px none;
  height: 642px;
  left: 950px;
  mix-blend-mode: normal;
  position: relative;
  top: 12px;
  width: 972px;
  margin-top: -1312px;
}
.fond-grand-image2-ventes-tuteur{
  background-color: transparent;
  height: 638px;
  left: 950px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  top: -642px;
  width: 970px;
}
.section-image2-ventes-tuteur{
  background-color: transparent;
  height: 284px;
  left: 150px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  border-radius: 40px;
  /* top: 80px; */
  width: 551px;
}
.text-section-image2-ventes-tuteur{
  background-color: transparent;
  color: black;
  font-style: normal;
  font-weight: 600;
  height: auto;
  /* left: 295px; */
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  /* top: 412px; */
  width: auto;
}
.bouton-ventes-tuteurs{
  background-color: #8bc055;
  margin: 18px;
  border: 1px none;
  border-radius: 90px;
  height: 66px;
  mix-blend-mode: normal;
  width: 240px;
  height: 85px;
  left: 765px;
  /* position: absolute; */
  /* top: 1210px; */
  position: relative;
  width: 337px;
}
.contenus-bouton-ventes-tuteur{
  background-color: transparent;
  color: white;
  font-family: 'Inter';
  font-size: 'font-size-xxl';
  font-style: normal;
  font-weight: 600;
  height: auto;
  /* left: 58px; */
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  margin-top: 25px;
  /* margin: 9px; */
  top: 22px;
  width: auto;
}
.grand-section-vente-tuteurs{
  /* top: 1315px; */
}
.footer-vente-tuteurs{
  top: 1775px;
}

/*  CSS DU PAGE CONTACT */

.fond-contact-bt-img{
  background-color: transparent;
  height: 759px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  top: -4px;
  width: 1488px;
}
.contenu-fond-contact-bt{
  background-color: #ffffffed;
  border: 1px none;
  height: 759px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  margin-top: -763px;
  width: 1488px;
}
.rectangle-icon-contact-bt{
  background-color: #f9cb38;
  border: 1px none;
  height: 759px;
  left: 1488px;
  mix-blend-mode: normal;
  position: relative;
  margin-top: -759px;
  width: 449px;
}
.footer-contact1{
  top: 910px;
}
.logo-facebook-contact{
  background-color: transparent;
  height: 49px;
  left: 60px;
  position: absolute;
  top: 697px;
  width: 49px;
}
.logo-likendin-contact{
  background-color: transparent;
  height: 49px;
  left: 150px;
  position: absolute;
  top: 697px;
  width: 49px;
}
.logo-youtube-contact{
  background-color: transparent;
  height: 49px;
  left: 245px;
  position: absolute;
  top: 697px;
  width: 49px;
}
.rectangle-contenu-contact-bt{
  /* background-color: #bb7c1d; */
  background-color: transparent;
  border: 1px none;
  height: 569px;
  left: 394px;
  mix-blend-mode: normal;
  position: absolute;
  top: 253px;
  width: 568px;
}
.rectangle-contact-bt{
  background-color: #88c056;
  border: 1px none;
  height: 569px;
  left: 1078px;
  mix-blend-mode: normal;
  position: absolute;
  top: 253px;
  width: 703px;
}


.form__group {
  position: relative;
  padding: 15px 0 0;
  margin-top: 10px;
  width: 100%;
}

.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid gray;
  outline: 0;
  font-size: 1.3rem;
  color: gray;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;

}

.form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: black;
}
.bouton-envoyer-contact{
  background-color: #48964f;
    color: white;
    font-family: 'Montserrat';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 0px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    /* top: 490px; */
    width: 100%;
    text-decoration: none;
    border: white;
    border-radius: inherit;
  
}
.text-contact-bt{
  /* background-color: rgb(112, 72, 12); */
  background-color: transparent;
  color: white;
  font-family: 'Montserrat';
  
  height: 459px;
  left: 120px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  
  top: 70px;
  width: 450px;

}
.titre-contact{
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
}
.telephone-contact-img{
    background-color: transparent;
    height: 38px;
    
    mix-blend-mode: normal;
    position: absolute;
    
    width: 40px;
}
.num-tel-bt{
  background-color: transparent;
  height: auto;
  top: 12px;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  /* position: absolute; */
  position: relative;
  text-align: left;
  width: auto;
  color: white;
  font-size: 18px;
  font-family: 'Montserrat';
  font-size: 'font-size-m';
  font-style: normal;
  font-weight: 550;
}

.localisation-contact-img{
  background-color: transparent;
    height: 38px;
    mix-blend-mode: normal;
    position: absolute;  
    width: 40px;
}
.localisation-google-contact-img{
  background-color: transparent;
  height: 57px;
  /* left: 1185px; */
  mix-blend-mode: normal;
  position: absolute;
  /* top: 706px; */
  width: 40px;
}
.envoi-info{
  font-size: 30px;
  top: 5px;
}
.petit-rectange-contact{
  background-color: #f9cb38;
  border: 1px none;
  height: 37px;
  left: 1058px;
  mix-blend-mode: normal;
  position: absolute;
  top: 234px;
  width: 40px;
}
.grand-titre-contact-centre{
  /* background-color: burlywood; */
  background-color: transparent;
  color: black;
  font-family: "Montserrat";
  font-size: "font-size-xl";
  font-style: normal;
  font-weight: 700;
  height: 80px;
  left: 640px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 140px;
  width: 531px;
}
.titre-contact-centre{
  font-style: normal;
  font-weight: bold;
  font-size: x-large;
  font-family: Montserrat;
}
.titre-champs-contact{
  color: black;
  font-family: "Montserrat";
  font-size: "font-size-s";
  font-style: normal;
  font-weight: 300;
}
.tete{
  width: 100%;
  /* height: 150px; */
  /* height: 142px; */
  background-color: transparent;
}

/* FOOTER */
.pied{
  /* width: 100%; */
  width: 1920px;
  /* height: 366px; */
  height:445px;
  background: linear-gradient(180deg, rgb(35.00000171363354, 125.00000014901161, 74.0000031888485) 0%, 
  rgb(136.00000709295273, 192.00000375509262, 86.00000247359276) 39.0625%, 
  rgb(97.84415692090988, 166.6886955499649, 81.46663293242455) 82.8125%, 
  rgba(0, 126.00000008940697, 57.999988943338394, 0.7900000214576721) 99.59983229637146%);
}
.contenu1-pied{
  background-color:transparent;
  margin-left: 260px;
  margin-top: 61px;
  height: 230px;
  width: 380px;
  position: absolute;
}
.sous-contenu1-pied1{
  background-color: transparent;
  position: absolute;
  height: 160px;
  width: 100%;
}
.localisation-img-pied{
  background-color: transparent;
    height: 24px;
    width: 25px;
    
}
.localisation-pied{
    background-color: transparent;
    height: auto;
    margin-top: -20px;
    margin-left: 40px;
    position: absolute;
    text-align: left;
    width: 237px;
    color: white;
    font-family: 'Montserrat';
    font-size: 'font-size-s';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.localisation-contenu-pied{
    color: white;
    font-family: 'Montserrat';
    font-size: 'font-size-s';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.sous-contenu1-pied2{
  background-color: transparent;
  position: absolute;
  margin-top: 246px;
  height: 56px;
  width: 100%;
}
.contact-img-pied{
    background-color: transparent;
    height: 26px;
    mix-blend-mode: normal;
    position: absolute;
    
    width: 27px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contact-pied{
    background-color: transparent;
    height: auto;
    margin-top: -7px;
    margin-left: 40px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    
    width: 237px;
    color: white;
    font-family: 'Montserrat';
    font-size: 'font-size-s';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.contenu2-pied{
  background-color: transparent;
  width: 380px;
  height: 283px;
  position: absolute;
  margin-left: 788px;
}
.sous-contenu2-pied1{
  background-color: transparent;
  width: 100%;
  height: 180px;
}
.logo-pied{
    background-color: transparent;
    height: 159px;
    
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0px;
    width: 377px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.titre-pied{
  background-color: transparent;
  height: auto;
  
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  margin-top: 85px;
  margin-left: 100px;
  width: 100%;
  color: white !important;
  font-family: 'Montserrat';
  font-size: 'font-size-xl';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
 
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.sous-contenu2-pied2{
  background-color: transparent;
  margin-top: 25px;
  width: 100%;
  height: 75px;
}
.logo-facebook-pied{
    background-color: transparent;
    height: 32px;
    mix-blend-mode: normal;
    position: absolute;
    width: 34px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.logo-likendin-pied{
  background-color: transparent;
  height: 32px;
  margin-left: 65px;
  mix-blend-mode: normal;
  position: absolute;
  width: 32px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.logo-youtube-pied{
    background-color: transparent;
    height: 32px;
    margin-left: 130px;
    mix-blend-mode: normal;
    position: absolute;
    width: 32px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.sous-titre-pied{
  background-color: transparent;
  height: auto;
  margin-left: 80px;
  margin-top: -3px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  color: white !important;
  font-family: 'Montserrat';
  font-size: 'font-size-xl';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.contenu3-pied{
  background-color: transparent;
  width: 380px;
  height: 230px;
  position: absolute;
  margin-left: 1396px;
  margin-top: 61px;
  color: white;
    font-family: 'Montserrat';
    font-size: 'font-size-s';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.mail-pied{
  background-color: white;
    border: 1px none;
    height: 34px;
    margin-left: 67px;
    mix-blend-mode: normal;
    position: absolute;
    margin-top: 40px;
    width: 202px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.btn-email-pied{
  background-color: transparent;
    height: 34px;
    margin-left: 279px;
    mix-blend-mode: normal;
    position: absolute;
    margin-top: 40px;
    width: 34px;
   
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.rect-email-pied{
  background-color: #f9cb38;
    border: 1px none;
    height: 34px;
    margin-left: 269px;
    mix-blend-mode: normal;
    position: absolute;
    margin-top: 40px;
    width: 50px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.contenu4-pied{
  background-color: transparent;
  height: 74px;
  position: absolute;
  /* margin-top: 292px; */
  margin-top:366px;
  width: 100%;
}
.ligne-pied{
    background-color: white;
    height: 1px;
    margin-left: 460px;
    position: absolute;
    margin-top: 10px;
    width: 983px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.logo-copyright-pied{
  background-color: transparent;
  height: 24px;
  margin-left: 865px;
  mix-blend-mode: normal;
  position: absolute;
  margin-top: 25px;
  width: 24px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.copiright-bt-pied{
  background-color: transparent;
    height: auto;
    margin-left: 900px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    margin-top: 30px;
    width: auto;
    -webkit-text-size-adjust: none;
    color: white;
    font-family: 'Montserrat';
    font-size: 'font-size-s';
    font-style: normal;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* FIN FOOTER */

/* PROJET SUR MESURE PAGE  MATERIAUX DE CONSTRUCTION */

.menu-projet{
  
  width: 53px;
}

.fond-projet{
  background: linear-gradient(180deg, rgba(253.0000001192093, 222.00000196695328, 83.00000265240669, 0.949999988079071) 0%, 
                                      rgb(136.00000709295273, 192.00000375509262, 86.00000247359276) 0.43776356615126133%, 
                                      rgb(136.00000709295273, 192.00000375509262, 86.00000247359276) 23.10357391834259%, 
                                      rgb(139.4077706336975, 192.8737896680832, 85.91262236237526) 67.18096137046814%,
                                      rgb(253.0000001192093, 222.00000196695328, 83.00000265240669) 100%);
    background-color: transparent;
    border: 1px none;
    height: 119px;
    left: -3px;
    mix-blend-mode: normal;
    position: relative;
    /* top: 193px; */
    width: 1923px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.titre-projet{
  background-color: transparent;
    color: #f9f5f5;
    font-family: 'Inter';
    font-size: 'font-size-40px';
    font-style: normal;
    font-weight: 500;
    height: auto;
    /* left: 880px; */
    left: 708px;
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: relative;
    /* text-align: left; */
    text-align: center;
    top: 22px;
    /* width: 372px; */
    /* width: 500px; */
    width: max-content;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    /* font-size: 100%; */
    font: inherit;
    vertical-align: baseline;
}
.photos1-projet{
  background-color: transparent;
    height: 279px;
    left: 360px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: relative;
    box-sizing: border-box;
    /* top: 378px; */
    width: 419px;
    border-radius: 15px;
}
.contenu1-projet{
  margin-top: 70px;
}
.rectangle-projet{
  background-color: #fff6f6;
  border: 1px none;
  border-radius: 35px;
  /* height: 194px; */
  left: 739px;
  mix-blend-mode: normal;
  position: absolute;
  top: 428px;
  width: 43%;
  border-radius: 30px;
}
.rectangle2-projet2{
  
  border-radius: 35px;
  /* height: 194px; */
  left: 800px;
  mix-blend-mode: normal;
  position: absolute;
  top: 970px;
  width: 40%;
  /* border-radius: 15px;*/
}
.text-rectangle-projet{
  /* background-color: #a82828; */
  background-color: transparent;
  border: 1px none;
  border-radius: 35px;
  /* height: 194px; */
  /* left: 739px; */
  mix-blend-mode: normal;
  /* position: absolute; */
  margin: 25px;
  /* width: 709px; */
  border-radius: 15px;
}
.contenu2-projet{
  margin-left: 360px;
  margin-top: 120px;
  width: 1300px;
}
.photos2-projet{
  background-color: transparent;
  height: 512px;
  /* left: 360px; */
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  border-radius: 15px;
  /* top: 976px; */
  width: 404px;
}
.text-projet{
  font-size: large;
}

/*FIN PAGE MATERIAUX DE CONSTRUCTION*/


/* PAGE ASSEMBLAGE EN SERIE */

.titre-projet-assemblage{
  background-color: transparent;
  color: #f9f5f5;
  font-family: 'Inter';
  font-size: 'font-size-40px';
  font-style: normal;
  font-weight: 500;
  height: auto;
  /* left: 880px; */
  left: 612px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  /* text-align: left; */
  text-align: center;
  top: 35px;
  /* width: 372px; */
  /* width: 500px; */
  width: max-content;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 100%; */
  font: inherit;
  vertical-align: baseline;
}
.photos1-projet-assemblage{
  background-color: transparent;
  height: 735px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 307px; */
  width: 1913px;
}
.rectangle-projet-assemblage{
  background-color: #8bc055;
  border: 1px none;
  height: 679px;
  left: 357px;
  mix-blend-mode: normal;
  position: relative;
  margin-top: -299px;
  /* margin: 7px; */
  /* top: 824px; */
  width: 1183px;
}
.rectangle-projet-assemblage-ombre{
  background-color: #0000005e;
  border: 1px none;
  height: 678px;
  margin-top: -670px;
  left: 367px;
  mix-blend-mode: normal;
  position: relative;
  top: 394px;
  width: 1185px;
}
.titre-rectangle-projet-assemblage-contenu{
  /* background-color: red; */
    position: absolute;
    /* margin: 4px; */
    width: 100%;
    top: 75px;
    height: 87%;
    /* left: 0px; */
    /* margin: 17px;*/
}
.titre-projet-assemblage-contenu{
      /* background-color: #fff; */
      position: relative;
      /* margin: 19px; */
      text-align: center;
      width: 82%;
      /* height: 69px; */
      left: 83px;
      top: 5px;
}
.titre-projet-assemblage-contenu2{
  /* background-color: rgb(64, 204, 214); */
  position: relative;
  /* margin: 19px; */
  text-align: relative;
  width: 45%;
  height: 69px;
  left: 371px;
  top: 25px;
}
.titre-projet-assemblage-contenu3{
  /* background-color: rgb(64, 204, 214); */
  position: relative;
  /* margin: 19px; */
  text-align: left;
  width: 45%;
  height: 69px;
  left: 371px;
  top: 105px;
}
.titre-projet-assemblage-contenu4{
  /* background-color: rgb(64, 204, 214); */
  position: relative;
  /* margin: 19px; */
  text-align: left;
  width: 45%;
  height: 69px;
  left: 371px;
  top: 111px;
}
.titre-projet-assemblage-contenu5{
  /* background-color: rgb(64, 204, 214); */
  position: relative;
  /* margin: 19px; */
  text-align: left;
  width: 45%;
  height: 69px;
  left: 371px;
  top: 116px;
}

.titre-projet-assemblage-contenu6{
  /* background-color: rgb(64, 204, 214); */
  position: relative;
  /* margin: 19px; */
  text-align: left;
  width: 45%;
  height: 69px;
  left: 371px;
  top: 100px;
}

/* PAGE LIVRAISON EXPORT */

.grand-image-livraison-export{
  background-color: transparent;
  height: 673px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 182px; */
  width: 1920px;
}
.photos1-livraison-export{
  background-color: transparent;
  margin-top: -8px;
  height: 673px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 182px; */
  width: 1920px;
}
.titre-livraison-export{
        /* background-color: red; */
        background-color: transparent;
        color: white;
        font-family: "font-family-montserrat";
        font-size: "font-size-40px";
        font-style: normal;
        font-weight: 400;
        height: auto;
        letter-spacing: 0.00px;
        line-height: normal;
        mix-blend-mode: normal;
        position: absolute;
        text-align: center;
        top: 701px;
        width: auto;
        left: 655px;
        margin: -225px;
}
.text-livraison-export{
  color: white;
  font-family: "font-family-montserrat";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: auto;
}
.rectangle-livraison-export{
  background-color: #88c05645;
  border: 1px none;
  height: 587px;
  margin-top: -8px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 855px; */
  width: 1920px;
}
.photos2-livraison-export{
  background-color: transparent;
  height: 480px;
  left: 1129px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  /* top: 902px; */
  border-radius: 50px;
  margin: 50px;
  width: 414px;
}
.contenu-rectangle-livraison-export{
  /* background-color: red; */
  background-color: transparent;
  height: auto;
  width: 30%;
  left: 426px;
  text-align: left;
  position: absolute;
  top: 157px;
  /* margin: -17px; */
}
.rectangle1-livraison-export{
  background-color: #007e39de;
  border: 1px none;
  border-radius: 26px;
  height: 490px;
  left: 282px;
  mix-blend-mode: normal;
  position: relative;
  /* top: -39px; */
  width: 435px;
}
.rectangle2-livraison-export{
  background-color: #f1bf0d;
  border: 1px none;
  border-radius: 26px;
  height: 487px;
  left: 282px;
  mix-blend-mode: normal;
  /* position: relative; */
  position: absolute;
  /* top: -39px; */
  width: 435px;
  margin-top: -487px;
  margin-left: 460px;
}
.rectangle3-livraison-export{
  background-color: #81a057;
    border: 1px none;
    border-radius: 26px;
    height: 486px;
    left: 282px;
    mix-blend-mode: normal;
    /* position: relative; */
    position: absolute;
    /* top: -39px; */
    width: 435px;
    margin-top: -485px;
    /* margin-top: -525px; */
    margin-left: 920px;
}
.titre-rectangle-livraison-export{
  color: white;
    font-family: "font-family-montserrat";
    font-size: "font-size-l";
    font-style: normal;
    font-weight: 400;
}
.contenu-text-rectangle-livraison-export{
  line-height: 165%;
  color: white;
}

/* PAGE PROJET SUR MESURE SOUS MENU CYCLE DE PRODUCTION */

.sous-menu-projet{
    background-color: #8bc055;
    border: 1px none;
    height: 17px;
    left: -2px;
    mix-blend-mode: normal;
    position: relative;
    /* top: 192px; */
    /* width: 100%; */
    width: 1922px;
}
.rectangle1-projet{
  background-color: #f9cb3787;
  border: 1px none;
  height: 726px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 212px; */
  width: 1920px;
}
.photos1-projet-collecte{
  background-color: transparent;
  height: 726px;
  left: 232px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  /* top: 212px; */
  width: 546px;
}
.contenu-rectangle1-projet-collecte{
  /* background-color: red; */
  background-color: transparent;
  height: 726px;
  left: 970px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  /* top: 212px; */
  width: 546px;
}
.titre-rectangle1-projet-collecte{
  background-color: transparent;
  color: #007e3a;
  font-family: "font-family-montserrat";
  margin-top: 103px;
  font-size: "font-size-xl";
  font-style: normal;
  font-weight: 600;
  height: auto;
  /* left: 966px; */
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  /* top: 313px; */
  width: auto;
}
.sous-titre-rectangle1-projet-collecte{
  color: black;
  font-family: "font-family-montserrat";
  font-size: "font-size-l";
  font-style: normal;
  font-weight: 600;
  margin-top: 103px;
}
.rectangle2-projet{
  /* background-color: #f9cb3787; */
  background-color: transparent;
  border: 1px none;
  height: 726px;
  left: 0px;
  top: 0px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 212px; */
  width: 1920px;
}
.photos1-rectangle2-projet-collecte{
  background-color: transparent;
  height: 259px;
  left: 391px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  /* top: 929px; */
  margin-top: 210px;
  width: 208px;
}
.contenu-rectangle2-projet-collecte{
  /* background-color: red; */
  background-color: transparent;
  height: 726px;
  /* left: 690px; */
  margin-left: 690px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  /* top: 212px; */
  /* width: 546px; */
  width: 450px;
}
.titre-rectangle2-projet-collecte{
  color: black;
  font-family: "font-family-montserrat";
  font-size: "font-size-xl";
  font-style: normal;
  font-weight: 600;
}
.photos2-rectangle2-projet-collecte{
  background-color: transparent;
  height: 726px;
  left: 1248px;
  mix-blend-mode: normal;
  object-fit: cover;
  /* position: relative; */
  position: absolute;
  /* top: 959px; */
  width: 373px;
}
.rectangle3-projet{
  background-color: #237d4aa1;
  border: 1px none;
  height: 599px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 1677px; */
  width: 1920px;
}
.photos-rectangle3-projet-collecte{
  background-color: transparent;
  height: 480px;
  left: 391px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  margin-top: 55px;
  /* top: 1757px; */
  width: 558px;
}
.contenu-rectangle3-projet-collecte{
  /* background-color: #f58cf8a1; */
  background-color: transparent;
  margin-left: 1064px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  /* top: 1677px; */
  /* width: 558px; */
  width: 578px;
  height: 100%;
}

/* PAGE PRODUCTION CYCLE DE PRODUCTION */

.grand-titre-production-cycle{
  background-color: transparent;
  color: #007e3a;
  font-family: "font-family-montserrat";
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  margin-top: 5px;
  margin-left: 623px;
  height: auto;
  /* left: 623px; */
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  /* top: 227px; */
  width: 671px;
}
.titre-production-cycle{
  background-color: transparent;
  height: auto;
  margin-left: 199px;
  /* left: 199px; */
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  /* top: 336px; */
  margin-top: 81px;
  width: auto;
}
.ligne-titre-production-cycle{
  background-color: #237d4a;
  border: 1px none;
  height: 6px;
  margin-left: 199px;
  /* left: 199px; */
  mix-blend-mode: normal;
  position: absolute;
  margin-top: 165px;
  /* top: 374px; */
  width: 244px;
}
.rectangle1-production-cycle{
  background-color: #f9cb37ab;
  border: 1px none;
  /*height: 611px;*/
  left: -2px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 405px; */
  width: 1922px;
}
.contenu1-production-cycle{
  /* background-color: #f2f3ef; */
  background-color: transparent;
  width: 274px;
  /* height: 500px; */
}
.contenu2-production-cycle{
  /* background-color: #f2f3ef; */
  background-color: transparent;
  width: 274px;
  /* height: 500px; */
}
.contenu3-production-cycle{
  /* background-color: #f2f3ef; */
  background-color: transparent;
  width: 274px;
  /* height: 500px; */
}
.contenu4-production-cycle{
  /* background-color: #f2f3ef; */
  background-color: transparent;
  width: 274px;
  /* height: 500px; */

}
.contenu5-production-cycle{
  /* background-color: #f2f3ef; */
  background-color: transparent;
  width: 274px;
  /* height: 500px; */

}
.ligne-contenu-production-cycle{
  background-color: #007e3a;
  margin-left: 30px;
  margin-top: 15px;
  border: 1px none;
  height: 24px;
  /* left: 266px; */
  mix-blend-mode: normal;
  position: relative;
  /* top: 426px; */
  width: 7px;
}
.photos1-contenu1-production-cycle{
  background-color: transparent;
  height: 209px;
  margin-top: 20px;
  /* left: 238px; */
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 470px; */
  width: 274px;
}
.contenu-long-photos-production-cycle{
  background-color: transparent;
  height: 130px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 1016px; */
  width: 1920px
}
.long-photos-production-cycle{
  background-color: transparent;
  height: 130px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 1016px; */
  width: 1920px;
}
.titre2-production-cycle{
  background-color: transparent;
  height: auto;
  margin-left: 199px;
  /* left: 199px; */
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  /* top: 336px; */
  margin-top: 80px;
  width: auto;
}
.rectangle2-production-cycle{
  background-color: #32874c;
  border: 1px none;
  height: 564px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 1296px; */
  width: 1920px;
}
.petit-photos-rectange2-production-cycle{
  background-color: transparent;
  height: 85px;
  /* left: 472px; */
  mix-blend-mode: normal;
  object-fit: cover;
  /* position: absolute; */
  /* top: 1335px; */
  width: 85px;
}
.contenu-rectangle3-production-cycle{
  text-align: center;
  background-color: transparent;
  width: 23%;
}





/* PAGE A PROPOS HISTORIQUE */

.contient-photos-historique{
  background-color: transparent;
  height: 470px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 192px; */
  width: 1920px;
}
.grand-photos-historique{
  background-color:transparent;
  height: 470px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 192px; */
  width: 1920px;
}
.grand-titre-historique{
  background-color: transparent;
  color: white;
  /* font-family: "font-family-montserrat"; */
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 40%;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 30%;
  width: auto;
}
.contient-petit-photos-historique{
  /* background-color: red; */
  background-color: transparent;
  height: 172px;
  left: 175px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 727px; */
  width: 172px;
}
.petit-ligne1-historique{
  background-color: #8bc055;
  border: 1px none;
  height: 3px;
  /* left: 683px; */
  mix-blend-mode: normal;
  position: relative;
  /* top: 1015px; */
  width: 131px;
} 

.ligne_horizontal { 
  display: flex; 
  flex-direction: row; 
  } 
  .ligne_horizontal:before, 
  .ligne_horizontal:after { 
    content: "";
    /* flex: 1 1; */
    /* border-bottom: 2px solid #000; */
    background-color: #8bc055;
    border: 1px none;
    height: 3px;
    width: 131px;
    margin-top: 35px;
    margin-left: 43px;
    margin-right: 43px;
    /* margin: 9px;*/
  } 

.titre-historique{
  background-color: transparent;
  color: #237d4a;

  font-weight: 600;
  height: auto;

  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: center;
  
  width: auto;
}
.contenu-centre-historique{
  background-color: transparent;
  height: auto;
  /* left: 345px; */
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  margin-left: 25%;
  position: relative;
  text-align: left;
  /* top: 1071px; */
  /* width: 1229px; */
  line-height: 170%;
  width: 51%;
}
.rectange-historique{
  background-color: #f9cb379c;
  border: 1px none;
  /* height: 880px; */
  left: -10px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 1502px; */
  width: 1935px;
}
.section-historique{
  /* background-color: red; */
  /* height: 350px; */
  /* left: 787px; */
  background-color: transparent;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 1572px; */
  width: 334px;
  text-align: center;
}
.photo-section-historique{
  background-color: transparent;
  height: 350px;
  /* left: 787px; */
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 1572px; */
  width: 334px;
}
.contient-photos-historique2{
  background-color: transparent;
  height: 623px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 2152px; */
  width: 1920px;
}
.grand-photos-historique2{
  background-color: transparent;
  height: 623px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 2152px; */
  width: 1920px;
}



/* FIN PAGE A PROPOS HISTORIQUE */


/* PAGE A PROPOS REBOISEMENT */

.grande-ligne-reboisement{
  background-color: #8bc055;
  border: 1px none;
  height: 17px;
  left: -2px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 192px; */
  width: 1922px;
}
.grand-titre-reboisement{
  height: auto;
  /* left: 507px; */
  
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  
  /* top: 232px; */
  width: auto;
  color: #007e3a;
  font-family: "Montserrat";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
}
.sous-grand-titre-reboisement{
  background-color: transparent;
  color: black;
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 561px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  
  /* top: 318px; */
  width: auto;
}
.petit-photo-reboisement{
  background-color: transparent;
  height: 228px;
  /* left: 439px; */
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 440px; */
  width: 228px;
}
.image-reboisement{
  background-color: transparent;
  height: 384px;
  /* left: 420px; */
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 876px; */
  width: 439px;
}
.petit-rectangle-reboisement{
  background-color: #f9cb3763;
  border: 1px none;
  border-radius: 36px;
  height: 354px;
  /* left: 900px; */
  mix-blend-mode: normal;
  position: relative;
  /* top: 891px; */
  width: 664px;
}
.rectangle-reboisement{
  margin-top: 100px;
  background-color: #f9cb3773;
  border: 1px none;
  height: 480px;
  mix-blend-mode: normal;
  position: relative;
  width: 1995px;
}
.image-gauche-reboisement{
  background-color: transparent;
  height: 165px;
  /* left: 1012px; */
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 1456px; */
  width: 564px;
}
.petit-rectangle2-reboisement{
  background-color: #88c056b5;
  border: 1px none;
  border-radius: 36px;
  /* height: 354px; */
  /* left: 337px; */
  mix-blend-mode: normal;
  position: relative;
  margin: -20px;
  /* top: 1415px; */
  width: 664px;
}

/* FIN */



/* PAGE A PROPOS SOUS MENU RSE */

.image-fond-rse{
  background-color: transparent;
  height: 578px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 328px; */
  width: 1920px;
}
.rectangle-contenu-img-fond-rse{
  background-color: #ffffffa1;
  border: 1px none;
  border-radius: 44px;
  height: 261px;
  left: 293px;
  mix-blend-mode: normal;
  position: absolute;
  top: 519px;
  width: 1276px;
}
.contenu1-rse{
  /* background-color: rebeccapurple ; */
  background-color: transparent;
  /* height: 533px; */
  width: 337px;
}
.titre-contenu1-rse{
  color: #5f5e5e;
  font-style: normal;
  font-style: normal;
  font-family: "Montserrat";
  font-size: "font-size-m";
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
}
.image-contenu-rse{
  background-color: transparent;
  height: 533px;
  /* left: 421px; */
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 1350px; */
  width: 337px;
}
.contenu2-rse{
  /* background-color: red ; */
  background-color: transparent;
  /* height: 533px; */
  width: 337px;
}
.titre-contenu2-rse{
  color: black;
  font-family: "Montserrat";
  font-size: "font-size-m";
  font-style: normal;
  font-weight: 300;
}
.legende-photo2-contenu-rse{
  font-size: 10px;
  color: #7e7c7c;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  height: auto;
}
.rectangle1-rse{
  background-color: #8bc055;
  border: 1px none;
  border-radius: 50px;
  /* height: 758px; */
  left: 320px;
  mix-blend-mode: normal;
  position: relative;
  /* top: 2021px; */
  width: 1249px;
}
.rectangle1-contenu-rse{
  /* background-color: red; */
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: relative;
  text-align: left;
  /* top: 2161px; */
  width: 467px;
}
.petit-image-rse{
  background-color: transparent;
  height: 72px;
  /* left: 451px; */
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 2090px; */
  width: 72px;
}
.petit-grand-image-rse{
  background-color: transparent;
  height: 230px;
  /* margin: 116px; */
  margin-left: 100px;
  margin-top: 50px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  width: 230px;
}
.titre-rectangle1-contenu-rse{
  color: white;
  font-family: "Montserrat";
  font-size: "font-size-m";
  font-style: normal;
  font-weight: 400;
}
.text-rectangle1-contenu-rse{
  color: white;
  font-family: "Montserrat";
  font-size: "font-size-xs";
  font-style: normal;
  font-weight: 300;
}
.image-rse{
  background-color: transparent;
  height: 240px;
  /* left: 1203px; */
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  /* top: 2813px; */
  width: 240px;
  margin-left: 130px;
}
.text-rse{
  color: black;
  font-family: "Montserrat";
  font-style: normal;
  font-size: large;
  font-weight: 400;
}
.rectangle2-rse{
  background-color: #237d4ac7;
  border: 1px none;
  border-radius: 44px;
  /* height: 522px; */
  left: 320px;
  mix-blend-mode: normal;
  position: relative;
  top: -22px;
  width: 1249px;
}
.image-rectangle2-rse{
  background-color: transparent;
  height: 285px;

  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;

  width: 379px;
}
.legende-photo-rectangle2-rse{
  font-size: 10px;
  color: white;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  height: auto;
}
.text-photo-rectangle2-rse{
  background-color: transparent;
    color: white;
    font-family: "Inter";
    font-size:"font-size-m";
    font-style: normal;
    font-weight: 400;
    height: auto;
 
    letter-spacing: 0.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: relative;
    text-align: left;
    font-size: large;
   
    width: 747px;
}
.fond-noir-livraison{
  background-color: #333232a1;
  height: 673px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: relative;
  top: -672px;
  width: 1920px;
}