html,
body{
	overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}
html:has(.rmp-menu-open) {
  overflow: hidden;
}

/* <<<<<<<<<<<<<<<<<<<<<<< DIAGONALES >>>>>>>>>>>>>>>>>>>>>>> */
.realisation-gallery{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}
.realisation-gallery img{
	height: 55vh;
    width: 100%;
    object-fit: cover;
}
.realisation-gallery .realisationCtn h5 {
 color: #fff;
}
.realisation-gallery__item:hover .realisationCtn h5 {
 color: var(--noir);
}
.imgLogoPart{
	display: flex;
	align-items: center;
	gap: 15px;
}
.footerContact.adresse_phone{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.diagoTop{
	position: relative;
}
.diagoTop .padTB,
.diagoTop .padT{
	padding-top: 6.555555555555555rem;
}

.diago-overlay{
	height: 100px;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1; /* Ensures it's above the previous section */
}

.bg_noir .diago-overlay{
	background: linear-gradient(to top left, var(--noir) calc(50% - 1px), transparent calc(50% + 1px));
}
.bg_blanc .diago-overlay{
	background: linear-gradient(to top left, #fff calc(50% - 1px), transparent calc(50% + 1px));
}
.bg_grisP .diago-overlay{
	background: linear-gradient(to top left, var(--grisP) calc(50% - 1px), transparent calc(50% + 1px));
}
.bg_bleu .diago-overlay{
	background: linear-gradient(to top left, var(--bleu) calc(50% - 1px), transparent calc(50% + 1px));
}

.diago_gris-noir {
  position: relative;
  background-color: var(--grisP);
  overflow: hidden;
}
.diago_gris-noir::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: var(--noir);
  clip-path: polygon(100% 45%, 100% 120%, 0% 100%, 0% 55%);
}

.diago_blanc-noir{
	position: relative;
  background-color: #fff;
  overflow: hidden;
}
.diago_blanc-noir:before{
	content: '';
  position: absolute;
  inset: 0;
  background-color: var(--noir);
  clip-path: polygon(100% 45%, 100% 100%, 0% 100%, 0% 55%);
}

.diago_blanc-gris{
	position: relative;
  background-color: #fff;
  overflow: hidden;
}
.diago_blanc-gris:before{
	content: '';
  position: absolute;
  inset: 0;
  background-color: var(--grisP);
  clip-path: polygon(100% 5%, 100% 100%, 0% 100%, 0% 25%);
}
/*.diago_gris-noir{
	background: linear-gradient(177deg, var(--grisP) 0%, var(--grisP) 45%, var(--noir) 45%, var(--noir) 100% );
}
.diago_blanc-noir{
	background: linear-gradient(177deg, #fff 0%, #fff 45%, var(--noir) 45%, var(--noir) 100% );
}
.diago_blanc-gris{
	background: linear-gradient(177deg, #fff 0%, #fff 45%, var(--grisP) 45%, var(--grisP) 100% );
}*/

/*footer diago*/

.diagoFooter{
	background: linear-gradient(to top left, #fff calc(50% - 1px), transparent calc(50% + 1px));
	height: 100px;
	position: absolute;
	top: -350px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;
}
.diagoFooter_noir{
	margin-top: 250px!important;
}
.skins section:last-of-type.content1323.bg_blanc .padTB{
	padding-bottom: 0 !important;
}

.diminuerEspaceB{
	padding-bottom: 6.555555555555555rem!important;
}
.diminuerEspaceT{
	padding-top: 6.555555555555555rem!important;
}
.ajoutEspaceT{
	padding-top: 11.11111111111111rem!important;
}
.ajoutEspaceB{
	padding-bottom: 11.11111111111111rem!important;
}

/* ===== image100 ===== */
.img_petit{
	display: flex;
	justify-content: center;
}
.img_petit img{
	height: auto!important;
	object-fit: contain!important;
	width: auto!important;
}

/* ===== Overview Liens ===== */

.services-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 26px;
  align-items: stretch;
}
.liens-grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 26px;
}

.lien-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.566666666666667rem 4.888888888888889rem 3.888888888888889rem 2.566666666666667rem;
  background: #fff;
  position: relative;
  text-decoration: none;
  min-height: 446px;
  overflow: hidden;
  	
}
.lien-box:after {
  content: '';
  position: absolute;
  inset: 7px;
  background-color: var(--bleu);

  /* Static triangle */
  /*clip-path: polygon(100% 83%, 100% 100%, 84% 100%);*/
  clip-path: polygon(178% 0%, 150% 0, 150% 100%, 84% 100%);
  /* Animation */
  transition: clip-path 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: clip-path;

}
.lien-box:hover:after {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); /* Diamond shape on hover */
}
/*.lien-box:hover:after {
  transform: scale(10); 
}*/
.lien-box:hover *{
	color: #fff;
	z-index: 4;
}

.linkPageCorner{
	position: absolute;
  bottom: 22px;
  right: 16px;
  z-index: 5;
  color: #fff;
  font-size: 32px;
  font-weight: 900;
}
.overlay-iconImage{
	position: absolute;
  bottom: 22px;
  left: 16px;
  z-index: 5;
  color: #fff;
  font-size: 32px;
  font-weight: 900;
}
.iconeBoxLien{
	margin-top: 2.5rem;
}
.iconeBoxLien i{
	font-size: 42px;
}
/*.contentOverview{
	margin-top: auto;
}*/

/* Right side: Large Image */
.services-image {
    position: relative;
    height: 100%;
    min-height: 520px; /* 2 boxes height + gap */
    width: 585.6px;
}

.services-image .image-link {
    display: block;
    height: 100%;
    text-decoration: none;
}

.image-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 0;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Image overlay with text */
.image-overlay {
	width: 496.6px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
  pointer-events: none;
  padding: 2.5em 4.5rem;
  background-color: var(--noir);
}
.image-overlay h2{
	margin-bottom: 0!important;
	z-index: 4;
	position: relative;
}
.image-overlay:after {
  content:'';
  display: block;
  position: absolute;
  inset: 5px;
  z-index: 1;
  background-color: var(--bleu);
  overflow: visible;
  /*clip-path: polygon(0% 60%, 16% 100%, 0% 200%, 0% 200%);*/
  clip-path: polygon(0 0, -22% 0%, 16% 100%, 0 100%);
  transition: clip-path 0.5s ease-in-out;
}

.image-link:hover .image-overlay:after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.image-overlay h2{
	color: #fff;
}
.overlay-icon{

}

/* ===== SERVICES 3 COLONNES ===== */
	
.services3col{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
.stepBox{
	padding: 2.2222222222222223rem 3.4555555555555557rem 5.111111111111111rem 3.4555555555555557rem;
	min-height: 350px;
	
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 100px), calc(100% - 85px) 100%, 0 100%);
}
.stepBox .insideBoxs{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.services-title-card{
	display: flex;
	align-items: center;
	padding-right: 3.461111111111111rem;
	padding-top: 2.2222222222222223rem;
}
.numeroSteps{
	font-family: var(--font-russoOne);
	display: inline-block;
	font-size: 1.8888888888888888rem;
	line-height: 1.4444444444444444em;
	color: var(--noir);
  font-weight: 400;
}
/* ===== ÉTAPES 3 COLONNES ===== */

.etapes3col{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}


/* ===== BANNIERE ===== */

.homeBanner {
  min-height: 926.5px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.homeBanner h1{
	color: #fff;
}

.homeBanner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4); /* adjust opacity here */
}
.textebanner{
	padding-bottom: 1.1111111111111112rem;
	text-align: right;
}
.banniereLinks{
	display: flex;
	gap: 5px;
	justify-content: end;
}
.theBannerImg {
	margin-bottom: 2.7777777777777777rem;
	padding-left: 7.388888888888889rem;
}
.bannerPage{
	padding-top: 5.444444444444445rem;
}
.pageBox{
	min-height: 121px;
	display: flex;
	align-items: center;
}
/* ===== texte + 3 liens zones ===== */

.grid3zones{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.titre3zones{
	padding-right: 4.222222222222222rem;
}
.theBoxZones{
	padding: 4.333333333333333rem 1.7777777777777777rem 1.7777777777777777rem 1.7777777777777777rem; 
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.theBoxZones.withLink::after {
  content: '';
  position: absolute;
  inset: 5px;
  background-color: var(--bleu);
  /*clip-path: polygon(100% 71%, 100% 100%, 80% 100%);*/
  clip-path: polygon(140% 0%, 120% 0%, 100% 100%, 80% 100%);
  transition: clip-path 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: clip-path;
}
.theBoxZones.noLink {
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	clip-path: polygon(
	  0 0,
	  100% 0,
	  100% calc(100% - 90px),
	  calc(100% - 90px) 100%,
	  0 100%
	);
}

.theBoxZones .ctnGrid3col *{
	color: var(--noir);
}
.theBoxZones.withLink:hover::after{
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
a.theBoxZones:hover .ctnGrid3col *{
	color: #fff;
	position: relative;
	z-index: 5;
}
.surTitre3Col p{
	padding-bottom: 0.3333333333333333rem;
}

.theBoxZones .ctnGrid3col * {
  color: var(--noir);
}

/* ===== 3 colonnes ===== */

.titre3col{
	padding-bottom: 0.8333333333333334rem;
}
.grid3col{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 80px;
}
.noLink .img3Col:after{
	display: none;
}
.theBox3col{
	background-color: #393536;
	width: 100%;
	padding: 1.5555555555555556rem 1.3888888888888888rem;
}
.bg_grisP .theBox3col{
	background-color: var(--noir);
}
.bg_blanc .theBox3col,
.bg_bleu .theBox3col{
	background-color: var(--grisP);
}
.section3col.bg_blanc  .col3Ctn *,
.section3col.bg_bleu  .col3Ctn *{
	color: var(--noir);
}
.section3col.bg_grisP  .col3Ctn *,
.section3col.bg_noir  .col3Ctn *{
	color: #fff;
}
.col3Ctn{
	/*padding-bottom: 1.4444444444444444rem;*/
	padding-bottom: 1.2222222222222223rem;
}
.section3col .enlever_bas,
.colonnes4Section .enlever_bas,
.img100 .enlever_bas{
	padding-bottom: 0!important;
}
.img100 .enlever_haut{
	padding-top: 0!important;
}
.imgSection img{
	height: 75vh;
  object-fit: cover;
  width: 100%;
}
.section3col.bg_noir .lien-box *{
	color: var(--noir);
}
.section3col .lien-box.no-icone{
	justify-content: center;
	min-height: 350px;
}
.bg_grisP a.theBox3col:hover .col3Ctn *,
.bg_noir a.theBox3col:hover .col3Ctn *{
	color: var(--noir);
}
.bg_blanc a.theBox3col:hover .col3Ctn *,
.bg_bleu a.theBox3col:hover .col3Ctn *{
	color: #fff;
}
.bg_grisP a.theBox3col:hover,
.bg_noir a.theBox3col:hover{
	background-color: rgba(255, 255, 255, 1);
}
.bg_blanc a.theBox3col:hover,
.bg_bleu a.theBox3col:hover{
	background-color: var(--noir);
}
/*a.theBox3col:hover .col3Ctn *{
	color: var(--noir);
}*/

a.theBox3col:hover .linkTitre3col h4{
	color: var(--bleu)!important;
}
.bg_bleu a.theBox3col:hover .linkTitre3col h4{
	color: #fff!important;
}
a.theBox3col:hover .img3Col:before{
	background-color: #fff;
}
a.theBox3col:hover .img3Col:after{
	background-color: var(--bleu);
	color: #fff;
}
.img3Col{
	position: relative;
	display: block;
	overflow: hidden;
	height: 268.5px;
}
.img3Col img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.img3Col:after{
	content: "\e09f";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 300;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #393536;
  z-index: 2;
  pointer-events: none;
  font-size: 20px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.img3Col:before{
	content: '';
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  /*background-color: rgba(255, 255, 255, 0.1);*/
	background-color: #393536;
  overflow: visible;
  clip-path: polygon(100% 65%, 150% 0%, 150% 150%, 82% 100%);
  transition: clip-path 0.5s ease-in-out;
}
.bg_blanc .img3Col:before,
.bg_bleu .img3Col:before{
	background-color: var(--grisP);
}
.bg_blanc a.theBox3col:hover .img3Col:before,
.bg_bleu a.theBox3col:hover .img3Col:before{
	background-color: var(--noir);
}
.bg_grisP .img3Col:before{
	background-color: var(--noir);
}
/* ===== 4 COLONNES ===== */

.grid4col{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 21px;
}
.boxCol{
	padding: 3.7666666666666666rem 2.2777777777777777rem 2.888888888888889rem 2.2777777777777777rem;
  background-color: #fff;
  min-height: 354.6px;
  position: relative;
  clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0 100% );
}
.bg_noir .boxCol{
	border-radius: 2px;
	background-color: var(--bleu);
}
.bg_noir .boxCol:before{
	content: "";
  background-color: var(--noir);
  position: absolute;
  inset: 4px;
  clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0 100% );
}
.bg_noir .boxCol .titre4Col *{
	color: #fff;
}
.boxCol .titre4Col *{
	color: var(--noir);
}

.boxCol .insideBoxs{
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  z-index: 9;
  position: relative;
}
.icone4col{
	display: inline-block;
  font-size: 38px;
  padding-bottom: 3.611111111111111rem;
}
.bg_noir .icone4col i{
	color: var(--bleu);
}
.icone4col i{
	color: var(--bleu);
}

/* ===== 4 COLONNES Tableau ===== */

.titre_4col h4{
	margin-bottom: 1.8888888888888888rem!important;
}
.titreBloc4col h4{
	margin-bottom: 1.8888888888888888rem!important;
}
.bg_noir .titreBloc4col h4,
.bg_blanc .titreBloc4col h4{
	color: var(--bleu);
}
.colonnes4Section.bg_blanc .bloc4col{
	border-bottom: 1px solid var(--noir);
}
.colonnes4Section.bg_grisP .bloc4col{
	border-bottom: 1px solid var(--bleu);
}
.grid4colBloc{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24.4px;
}
.colonnes4Section.bg_blanc .padTB{
	padding: 6.555555555555555rem 0;
}
.bloc4col {
  padding-bottom: 2.4444444444444446rem;
  border-bottom: 1px solid #fff;
}
.bloc4col + .bloc4col {
  padding-top: 2.4444444444444446rem;;
}
.bloc4col:last-child{
	/*padding-bottom: 0!important;*/
	border-bottom: none!important;
}

.col4box h5{
	font-weight: 700;
}
/* ===== grid 4 boite 13/23 ===== */

.grid4Boite{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 64px;
}
.grid4Boite .boxCol{
	padding: 2.7777777777777777rem 3.138888888888889rem 2.4444444444444446rem 2.111111111111111rem;
	min-height: 304.4px;
}

/* ===== SECTION 3-4 ===== */

.grid3colChange{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 85px 118px;
}
.grid4colChange{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 106px;
}
.bloc34col{
	display: flex;
	align-items: flex-start;
	position: relative;
}
.titreCol{
	display: inline-block;
	/*padding-bottom: 12px;*/
	padding-top: 0;
}
.section3_4.bg_blanc .bulletCol{
	background-color: var(--bleu);
	box-shadow: 0 0 0 6.5px #A3CFE9, 0 0 0 10px #CCE4F3;
}
.section3_4.bg_blanc .dividerCol{
	/*background-color: var(--bleu);*/
	border-left: 2px solid var(--bleu);
	width: 2px;
}
.section3_4.bg_blanc .titreCol *{
	color: var(--bleu);
}
 section .application p:last-of-type{
	margin-bottom: 0.6111111111111112rem!important;
}
.dividerCol{
	height: 100%;
  border-radius: 2px;
  /*background-color: #fff;*/
  margin-right: 1.6666666666666667rem;
  margin-left:  2.4444444444444446rem;
  border-left: 2px solid #fff;
}
/*.section3_4 .padTB{
	padding-bottom: 6.555555555555555rem;
}*/
.bulletCol {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--gris);
 	box-shadow: 0 0 0 6.5px #4a4a4a, 0 0 0 10px #333;
 	margin-top: 10px;
 	margin-left: 10px;
 	position: absolute;
 	top: 0;
}

/* ===== h5050 ===== */
.ctn50Boite.diago_blanc-noir,
.ctn50Boite.diago_blanc-gris{
	margin-bottom: -5rem;
}

.content-h5050 .flexThat {
  align-items: stretch;
}
.content-h5050 .h5050-half{
	display: flex;
}

.boite50{
	position: relative;
	z-index: 2;
}
.h5050-text{
	padding: 4.444444444444445rem 1.4722222222222223rem 4.444444444444445rem 5.833333333333333rem ;
	display: inline-block;

	display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.h5050-image{
	height: 100%;
	width: 100%;
}
.h5050-image img{
	width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.liste_element {
  position: relative;
  padding-bottom: 2.4444444444444446rem;
  padding-left: 2.7777777777777777rem;
}
.liste_element:last-child{
  padding-bottom: 0;
}
.liste_element::before {
  content: "\f058";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 26px;
}
.liste_element:has(p){
	padding-left: 1.9444444444444444rem;
	padding-bottom: 1.1111111111111112rem;
}
.liste_element:has(p)::before{
	font-size: 20px;
	top: 4px;
}

.colonne_2 .type-imag{
	padding-left: 4.722222222222222rem;
	width: 100%;
}

/* ===== h1323 ===== */


/*.content1323 .h1323-half:not(.ctn1323) .type-text p{
	margin-bottom: 2.111111111111111rem!important;
}*/
.content1323 .btn.btnBleu{
	margin-top: 0.5555555555555556rem;
}
.grid3Numero{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 125px;
}
.content1323 .colonne_1{
	padding-right: 10%;
}
.numero-titre{
	color: var(--bleu)!important;
	margin-bottom: 0!important;
	white-space: nowrap;
}
.texte-numero{
	color: var(--gris)!important;
	margin-bottom: 0!important;
}
.h1323-half-inner.type-numero{
	display: flex;
	align-items: center;
}
/* ===== CONTENU TABLEAU ===== */

.titre_tableau{
	padding-bottom: 2.4444444444444446rem;
}
.titre_tableau h4{
	margin-bottom: 2.2222222222222223rem!important;
}
.titre_tableau h6{
	font-weight: 400;
	margin-bottom: 0.6666666666666666rem;
	letter-spacing: 0;
}
.titre_tableau h6:last-of-type{
	margin-bottom: 0!important;
}
.titreBlocTab{
	padding: 0.8888888888888888rem 1.2777777777777777rem;
	background-color: var(--grisP);

	border-left: 1px solid var(--noir);
	border-right: 1px solid var(--noir);
}
.onglet_bloc:first-child .titreBlocTab{
	border-top: 1px solid var(--noir);
}
.titreBlocTab h6{
	font-weight: 700;
	line-height: 1.4444444444444444rem!important;
	letter-spacing: 0;
}
.contenu_tab {
	/*padding: 0.6111111111111112rem 1.2777777777777777rem;*/
	border: 1px solid var(--noir);
	display: flex;
  align-items: center;
}
.contenu_tab p{
	margin-bottom: 0!important;
}
.contenu_tab + .contenu_tab {
    border-top: 0;
}
.infoTab1{
	padding: 0.5555555555555556rem 1.2777777777777777rem;
}
.infoTab2{
	padding: 0.5555555555555556rem 1.7777777777777777rem;
}
.infoTab1{
	border-right: 1px solid var(--noir);
}

/* ===== Realisation ===== */

.listingRealisation{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}
.titreRealisation{
	padding-bottom: 2.6666666666666665rem;
}
.titreRealisation h2{
	margin-bottom: 0!important;
}
.liensProjets{
	display: flex;
	justify-content: end;
}
.imgRealisationListing{
	height: 688px;
	width: 100%;
	display: block;

	overflow: hidden;

  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  clip-path: polygon(
    0 0,
    calc(100% - 90px) 0,
    100% 90px,
    100% 100%,
    0 100%
  );
}
.boxRealisation{
	width: 100%;
	position: relative;
}
.boxRealisation:hover .realisationCtn{
	background-color: #fff;
}
.boxRealisation:hover .realisationCtn h4,
.boxRealisation:hover .realisationCtn p{
	color: var(--noir);
}
.realisationCtn{
	padding: 2.388888888888889rem 1.7222222222222223rem;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--noir);
	width: 75%;
}
.realisationCtn h4,
.realisationCtn p{
	color: #fff;
}
/* <<<<<<<<<<<<<<<<<<<<<<< HEADER >>>>>>>>>>>>>>>>>>>>>>> */
.logo img{
	max-width: 100% !important;
}
.top-bar{
	width: 100%;
}
.infoTopBar{
	display: flex;
	justify-content: end;
	align-items: center;
}
.infoTopBar .btnBleu{
	margin-left: 1.9444444444444444rem;
}
.lineDivider{
	content: "";
	height: 20px;
	width: 2px;
	border-radius: 2px;
	background-color: var(--bleu);
}
.contactLinks{
	padding: 0 26px;
}
.contactLinks a{
	font-size: 0.8888888888888888rem;
	font-weight: 700;
}
.contactLinks a:hover{
	color: var(--bleu);
}
.wpml-ls-legacy-list-horizontal{
	padding: 0!important;
	border: none!important;
}
.wpml-ls-legacy-list-horizontal li a{
	color: #fff!important;
	padding: 1rem 2.2222222222222223rem!important;
	background-color: var(--noir);
}
/* <<<<<<<<<<<<<<<<<<<<<<< FOOTER >>>>>>>>>>>>>>>>>>>>>>> */
.footer-info_title{
	padding-right: 7.166666666666667rem;
}
.halfBox1{
	padding-right: 1.7777777777777777rem;
}
.halfBox2{
	padding-left: 1.7777777777777777rem;
}
.footerContact a{
	font-size: 0.8888888888888888rem;
	font-weight: 700;
}
.footerContact a:hover{
	color: var(--bleu);
}
.footerContact{
	margin: 0 1.5555555555555556rem;
}

.rsFooter .leReseau a{
	color: #fff;
}
.rsFooter .leReseau a:hover{
	color: var(--bleu);
}
.bottomPage{
	padding-bottom: 1.1111111111111112rem;
}
.copyRight{
	padding: 1.6666666666666667rem 0;
	text-align: center;
}
.topFooter{
	display: block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 5;
  margin-top: -150px;
}
.padBFooterSection{
	padding-bottom: 14.444444444444445rem!important;
}

/* <<<<<<<<<<<<<<<<<<<<<<< CONTACT >>>>>>>>>>>>>>>>>>>>>>> */
.h1323-text a:not(.btnBleu):hover{
	color: var(--bleu)!important;
}
.nf-form-cont{
	padding-top: 30px!important;
}
.nf-form-content input:not([type="button"]){}
.nf-form-fields-required,
.field-wrap:not(.date-wrap):not(.listcheckbox-wrap):not(.listselect-wrap):not(.listradio-wrap) .nf-field-label{
	display: none;
}
.field-wrap.date-wrap .nf-field-label{
	padding-bottom: 5px!important;
}
.nf-form-content{
	padding: 0!important;
}
.page .nf-field-container{
	margin-bottom: 20px!important;
}
.nf-form-content .list-select-wrap>div div:after{
	display: flex;
	align-items: center;
	height: 100%;
}
.page .nf-form-content .list-select-wrap .nf-field-element>div{
	height: 100%!important;
}
.page .nf-form-content select.ninja-forms-field:not([multiple]){
	padding: 15px 8px!important;
}
/*.nf-form-content textarea.ninja-forms-field{
	height: 354px!important;
}*/
.page .nf-form-content input:not([type="submit"]),
.page .nf-form-content textarea{
	font-family: var(--font-notoSans);
	font-size: 0.8333333333333334rem;
	font-weight: 300;
	line-height: 1.6666666666666667rem; /* 30px */
	color: var(--noir);
	padding: 7px 15px!important;
	
}
.page .nf-form-content input:not([type="submit"]),
.nf-form-content textarea{
	border: none!important;
	border-bottom: 2px solid var(--noir)!important;
}
.nf-form-content .list-select-wrap .nf-field-element > div{
	background: transparent!important;
	border: none!important;
	border-bottom: 2px solid var(--noir)!important;
}
.time-wrap .extra{
	cursor: pointer;
}
.time-wrap .ampm{
	border: 1px solid var(--noir)!important;
}