/*
Theme Name: Rman Sync Linear Divi 
Template: Divi
Description: Linear Divi Child Theme for RMan Sync
Author: Rman Sync
*/

@import 'MyFontsWebfontsKit.css';
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

*, body {font-family: 'Inter', sans-serif;font-weight: inherit;-webkit-font-smoothing: antialiased; line-height: 1.2;}

*, *::before, *::after {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Verbmedium';font-weight:400;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1;}
h1, h2 {font-weight:600;}
h3, h4, h5, h6 {font-family: 'Verbmedium';font-weight:400;}

/*h2,h3,h4,h5 {color:#0d1f31;}
.dark-mode h2 {color:#FFF;}*/

.dipl_button_icon {display: inline-flex!important;}

/***********Couleurs***************/

:root {
	
	--base-white:#ffffff;
	--base-white-30: #FFFFFF4D;
	--base-white-60:  #FFFFFF99;
	
	--base-black: #050508;
	--base-black-30: #0505084D;
	--base-black-60:  #05050899;	
	
	--primary:#F79145; /*orange*/		
	--secondary:#0D1F31; /*blue foncé*/
	
	--accent-1:#444DF3;  /*bleu*/
	--accent-2:#6CC7CD;  /*turquoise*/
	--accent-3:#2FB98B;  /*vert*/
	--accent-4:#6CC7CD;  /*indigo*/
	
	--border:#505C7C;   /*border bloc*/
	--border-30:#505C7C4D;  /*border bloc 30% */

	--bg:#050C13; /*dégradé fond de page*/
	
	--colors-surface-background-body: linear-gradient(180deg, var(--secondary) 0%, var(--bg) 50%, var(--secondary) 100%);	

	--fx-shadow:box-shadow: 0px 67px 100px 0px rgba(0, 0, 0, 0.20);
	--fx-inner:box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.24) inset;
	--blur: blur(40px);

	--grid-w: 1200px;
	--grid-h: auto;
	--halo-w: 50vmin;
	--halo-h: 50vmin;
	
	--speed: 50s;
	--easing: cubic-bezier(0.8, 0.2, 0.2, 0.8);
	--trans: 0.3s linear;
	--trans-op: opacity 0.5s ease;
}

body {background: var(--colors-surface-background-body)!important;}
/*body {background: var(--colors-surface-background-body)!important;}*/

body .et_pb_button a{
	color: var(--base-white);
	padding-top: 0.75rem !important;
	padding-right: 0.75rem !important;
	padding-bottom: 0.75rem !important;
	padding-left: 0.75rem !important;
	
}

/*** popin ***/
#popup-contact{
  z-index: 9999!important;
	
}
.popup {
  display: none;
  position: fixed;
  width:100vw;
  height:100vh;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  z-index: 10000!important;
  background: rgba(0,0,0,0.5);
  padding: 2rem;
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.popup-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  
  background-color:white;
  border-radius:16px;
  padding:2rem;
  max-width:550px;
  z-index: 9999!important;
}

.close-popup {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background-color: rgba(13, 31, 49, 0.2); /* R, G, B, Alpha */
  border: none;
  font-size: 1rem;
  cursor: pointer;
  color: #0d1f31;
  width: 28px;
  height: 28px;
  border-radius: 50%; /* rond parfait */
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-popup:hover{
	 background-color: var(--primary);
	color: var(--base-white);
}

/**** popin rgpd hide*****/

#pi_tracking_opt_in_div {
  display: none !important;
  visibility: hidden;
}

/****habilllage bas de section bracket***/
.bracket {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 999!important;
}

.bracket-white {
  background-image: url('https://www.rman-sync.com/wp-content/uploads/2025/07/bg-bracket-white.svg');
}

.bracket-blue-light {
  background-image: url('https://www.rman-sync.com/wp-content/uploads/2025/07/bg-bracket-blue-light.svg');
}

.bracket-blue {
  background-image: url('https://www.rman-sync.com/wp-content/uploads/2025/07/bg-bracket-blue.svg');
}

.bracket-bg-blue {
  background-color: #0D1F31;
}

.bracket-left {
  position: relative;
  display: inline-block;
}

.bracket-left::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 250px;
  width: 60px; /* largeur du SVG */
  background-image: url('https://www.rman-sync.com/wp-content/uploads/2025/07/bg-bracket-white.svg');
  background-size: 200px 100px;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  transform-origin: center;
  z-index: 10; /* SVG au-dessus */
  pointer-events: none;
	background-color:red;
}

.bracket-left img {
  position: relative;
  z-index: 1; /* Image en arrière-plan */
}

.full-col {
  width: 100%;
  height: 100px;
  display: flex; 
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
}

.hero-bracket::after {
  content: '';
  position: absolute;
  bottom: 0; /* Position en bas */
  left: 50%; /* Centre horizontalement */
  transform: translateX(-50%); /* Ajuste le centrage */
  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  z-index: 999;
  pointer-events: none;
}

.hero-bracket-white::after {
  background-image: url('https://www.rman-sync.com/wp-content/uploads/2025/07/bg-bracket-white.svg');
}

.hero-bracket-blue-light::after {
  background-image: url('https://www.rman-sync.com/wp-content/uploads/2025/07/bg-bracket-blue-light.svg');
}

/**Animation halos**/
@keyframes rotate {
	0% { --angle: 0deg; }
    100% { --angle: 360deg; }
}

@keyframes pulsate {
  0%, 100% {
	  transform: scale(.8);
        opacity: 1;
    }
    50% {
		transform: scale(1.2);
        opacity: 0.5;
    }
}

/*animation halo sur contours*/
@keyframes combined-animation {
    0% {
        --origin-x: 0%;
        --origin-y: 0%;
        opacity: 1;
    }
    25% {
        --origin-x: 100%;
        --origin-y: 0%;
        opacity: .2;
    }
    50% {
        --origin-x: 100%;
        --origin-y: 100%;
        opacity: 1;

    }   
    75% {
        --origin-x: 0%;
        --origin-y: 100%;
        opacity: .2;
    }
    100% {
        --origin-x: 0%;
        --origin-y: 0%;
        opacity: 1;
    }
}

@property --origin-x {
        syntax: '<length-percentage>';
        initial-value: 0%;
        inherits: false;
    }
@property --origin-y {
        syntax: '<length-percentage>';
        initial-value: 0%;
        inherits: false;
}

@property --angle {
        syntax: '<angle>';
        initial-value: 0deg;
        inherits: false;
}
/***generale**/

/*** sections ***/ 

/*** habillage trait ***/
	
/*#section*/ h2::after {
		content: ' ';
		display: block;                                                                 
		width:35px;
		margin: 18px auto auto auto;
		transition: width 0.2s;
	    border: 1px solid var(--base-white);
}

/*#section*/ h2:hover::after {
		width: 120px;
		transition-timing-function: ease-in-out;
}

/*#section*/  h2::after {
		content: ' ';
		display: block;                                                                 
		width:35px;
		margin: 18px auto auto auto;
		transition: width 0.2s;
	    border: 1px solid var(--base-white);
}
/*#section*/ .titre-right h2::after {
	text-align: right;
	margin-top: 18px;
	margin-right: 0;
}
/*#section*/ .titre-left h2::after {
	text-align: left;
	margin-top: 18px;
	margin-left: 0;
}

.SubTitle {
	font-size: 1.2rem;
	/*line-height: 1.2em;*/
}

.et_parallax_bg {
	background-position:center center;
 	background-repeat: no-repeat;
 	background-size: auto;
}

/*** textes white & black mode gestion textes***/
strong {color: var(--base-white);}
.white strong {color: var(white);}
.black strong {color: var(--primary);}
.white a {color: var(--primary);font-weight: bold;}
.black a {color: var(--primary);font-weight: bold;}

/*#section*/ .white h1, /*#section*/ .white h2, #section .white h3 {color: var(--base-white);}
/*#section*/ .white h4, /*#section*/ .white h5, #section .white h6, #section .white p {color: var(--base-white-60);}
/*#section*/ .white h2::after {border: 1px solid var(--base-white)!important;}
/*#section*/ .white p {color: var(--base-white-60)!important;}
/*** textes black ***/
/*#section*/ .black h1, /*#section*/ .black h2, #section .black h3 {  color: var(--base-black);}
/*#section*/ .black h4, /*#section*/ .black h5, #section .black h6, #section .black p { color: var(--base-black-60);}
/*#section*/ .black h2::after {border: 1px solid var(--base-black);}
/*#section*/ .black p, .black li {color: var(--base-black-60)}


/**Footer**/

#footer {font-size: 0.875rem;}
#footer p, #footer ul li {color: rgba(255, 255, 255, 0.4);}
#footer a {opacity: 0.4;color: var(--base-white);transition: var(--trans-op);}
#footer a:hover { opacity: 1;transition: var(--trans-op);}
#footer .linkedin::before {content: "\f08c";font-family: FontAwesome !important;font-size: 16px;color: inherit;margin-right: .5rem;display: inline-block;}
#footer .youtube::before {content: "\f167";font-family: FontAwesome !important;font-size: 16px;color: inherit;margin-right: .2rem;display: inline-block;}
#footer .linkedin::before:hover {color:white;}
#footer .youtube::before:hover {color:white;}

/***Image Border Devices simulation contour tablette***/
.border-device, .border-device img{
    border-radius: 10px;
}

.border-device {
 	position: relative;
    display: inline-block;
    padding: 1rem;
    background: linear-gradient(180deg, #22283A 0%, #1F2430 0.01%, #14171F 100%);
}

.border-device::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
	width: 100%;
	height: 100%;	
    border: 1px solid var(--autre-3);
    border-radius: inherit;
    z-index: -1;
}

/*****WPML***/
.wpml-ls-display {
width: 17px;
  overflow:
hidden;
  text-transform: uppercase;
  color: #F79145;
}
/****** Menu*****/

.connexion a, .sous-menu a {
	color:#FFFFFF99;
}

.connexion a:hover, .sous-menu a:hover {
	color:#FFFFFF;
}

/*****Custom button*****/
/**CTA Button Menu**/

.cta a {
	border-radius: 25px;
	border: solid 1px var(--primary)!important;
	padding: 8px 12px !important;
	color: var(--base-white)!important;;
	background-color:var(--primary)!important;
	margin-top: auto;
	margin-bottom: auto;
	padding-left:.75rem;
	padding-right:.75rem;
	height:38px!important;
	display: inline-flex;
	align-items: center;
	text-align:center;
	width: initial!important;
	text-transform: uppercase !important;
	letter-spacing: -0.5px !important;
	transition: var(--trans);
	font-weight:600;
 }

.cta a:hover {
	box-shadow: 0px 0px 20px 0px rgba(251, 190, 94, 0.50);
	color: var(--primary)!important;
	background-color: var(--base-white)!important;
	border: solid 1px var(--primary)!important;
	transition: var(--trans);		
}

/**Button connexion**/

.connexion a::after {
    content: "\f2bd";
    font-family: FontAwesome !important;
    position: relative;
    top: 2px;
    margin-left: .5rem;
    display: inline-block;
}

/**Buttons contenus**/
/**CTA Button page**/
.cta et_pb_button_2 a:hover {
	color:FFFF;
}

.cta-2:hover {
	box-shadow: 0px 0px 20px 0px rgba(251, 190, 94, 0.5) !important;
}

/**bloc linears**/

.bloc::before  {
	content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100% ;
    height: 100%;
    border-radius: 16px;
    border: 1px solid transparent; 
	
    mask:
    linear-gradient(#000 0 0) padding-box, 
    linear-gradient(#000 0 0);
    mask-composite: exclude;
 	-webkit-mask-composite: exclude;

	animation: combined-animation 6s linear infinite;
	animation-play-state: var(--animation-play-state, paused); /* var appel dans le script*/
}

.bloc-1 , .bloc-2, .bloc-3 {z-index:999;position:relative!important;border-radius: 16px;}

.bloc-1 {background:linear-gradient(to bottom, var(--secondary), var(--bg)) padding-box;} 
.bloc-1::before {background: radial-gradient(circle at var(--origin-x) var(--origin-y), var(--border) 0%, var(--border-30) 5%) border-box;}

.bloc-2 {background:radial-gradient(75% 75% at 2.5% 2.5%, var(--secondary), var(--bg)) padding-box;} 
.bloc-2::before {background: radial-gradient(circle at var(--origin-x) var(--origin-y), var(--border) 0%, var(--border-30) 5%) border-box;}

.bloc-3 {background:linear-gradient(to bottom, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0.01)) padding-box;} 
.bloc-3::before {background: radial-gradient(circle at var(--origin-x) var(--origin-y), var(--border) 0%, var(--border-30) 5%) border-box;}

/*suppression hauteur relative page*/
.backgrounds {height: 0px!important;margin:0!important;	padding:0!important;z-index:-1000}

/*Effects et animations*/

.halos::before {
	content: '';
  	position: absolute;
	width: var(--halo-w);
	height: var(--halo-h);
	top: calc(50% - 250px);
	left: calc(50% - 250px);

	border-radius: 50%;filter: blur(100px);
	animation: 4s rotate linear infinite, pulsate 4s ease-in-out infinite;
}

.halo-1::before {background-image: linear-gradient(var(--angle), var(--secondary), var(--accent-2));}
.halo-2::before {background-image: linear-gradient(var(--angle), var(--accent-2), var(--accent-4));}

/***placements***/
.center-vertical {
	display: flex;
	align-items: center!important;
}

/***Habillage backgrounds sections grille ***/
.containerdots {
	position: absolute;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index:-999!important;
}

/***offres**/
.containerdots {
	width: var(--grid-w);
	height: var(--grid-h);	
}

/***section hero***/

/**bloc KPI**/

#hero {
	
}

#hero .grid-container {
	display: grid;
    grid-template-columns: 2% auto;
    grid-auto-rows: min-content; 
    gap: 4rem;
    row-gap: 0rem;
}

#hero .grid-container > * {
    align-self: start;
    grid-row: auto;
}

#hero .kpi .blocs-text {
	grid-column: 2;
	width:100%;
}

#hero .kpi .picto {
	grid-column: 1;
	border-radius: 16px;
	border: 1px solid transparent;
	width:3rem;
	height:3rem;
}
#hero .kpi h3 {
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom:0;
}
#hero .kpi .kpi-text {
	color: var(--opacity-light);
}

#hero .kpi .percent-value {
	color: var(--base-white);
}

.et_pb_number_counter_0 ,.et_pb_number_counter_1 ,  .et_pb_number_counter_2,  .kpi-argument {
	margin-top:-1rem;
}

#hero .kpi .percent-sign {
		color: var(--base-white);
		font-size: 2rem;
}

/*** Section IA***/
/**Section Renovatio**/
#renovatio h5 {
		padding-bottom: 0px;
		color: var(--primary-light);
}

#renovatio .solutions {
	border-radius: 8px;
	padding: 1rem;
	margin-bottom: 2%;
	opacity: .5;
	height: 110px;
	width: 85%;
	transition: var(--trans-op);
}

#renovatio .solutions:hover {
	opacity: 1;
	transition: var(--trans-op);	
}
#renovatio .solutions:hover h5 {
	color:var(--base-white);
}

#renovatio .solutions:last-child  {
	margin-bottom: 0%;
}

#renovatio .center-vertical {

}

/***notre offre***/

/* Animation de halo dans Divi */

/* Masquer l'indicateur si nécessaire */
.path-halo .scroll-indicator {
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 100;
}

/* Conteneur du chemin SVG - adapté pour Divi */
.path-halo .path-container {
    position: relative;
    width: 130px;
    height: 500px;
    margin: 0 auto;
}

/* SVG du chemin */
.path-halo .path-svg {
    width: 100%;
    height: 1915px;
    overflow: visible; /* Important pour voir le chemin complet */
}

/* Ligne du chemin */
.path-halo .line-path {
    fill: none;
    stroke: rgba(80, 92, 124, 0.5);
    stroke-width: 1;
}

/* Conteneur du halo */
.path-halo .halo-container {
    position: absolute;
    width: 36px;
    height: 36px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Les trois couches du halo */
.path-halo .halo-outer {
    position: absolute;
    width: 18.5px;
    height: 18.5px;
    background-color: rgba(48, 184, 139, 0.3);
    border-radius: 50%;
    filter: blur(7.5px);
}

.path-halo .halo-middle {
    position: absolute;
    width: 5.7px;
    height: 5.7px;
    left: 6.4px;
    top: 6.4px;
    background-color: rgb(232, 255, 247);
    border-radius: 50%;
    filter: blur(1.5px);
}

.path-halo .halo-inner {
    position: absolute;
    width: 2.85px;
    height: 2.85px;
    left: 8.2px;
    top: 8.2px;
    background-color: white;
    border-radius: 50%;
    filter: blur(0.5px);
}

#notre-offre .et_pb_column {margin-bottom: 0;}	
#notre-offre .offre-intro {margin-bottom:8rem;}
#notre-offre .offre {overflow: visible;	z-index:999;}
#notre-offre .offre .et_pb_row  {height: 475px;}
#notre-offre .et_pb_row:first-child  {height: auto;}
#notre-offre .titre-offre span {border-radius: 50%;margin-right: 1rem !important;padding: 12px;border-radius: 100%;width: 64px;height: 64px;margin-left: 100px;}
#notre-offre .offre-detail:nth-child(even) {padding: 0rem 0rem 0rem 4rem;}
#notre-offre .offre-detail:nth-child(odd) {padding: 0rem 2rem 0rem 0rem;}

#notre-offre .offre-detail .text {
	font-size: 1.2rem;
	font-weight: bold;
	color:  var(--accent-2);
	/*line-height:initial;*/
}
#notre-offre .offre-detail .text p {
		margin-bottom: 2rem;
}

#notre-offre .percent-text {
		/*line-height: 1.5rem;*/
	color:var(--base-white);
}

#notre-offre .percent-value {
		color: var(--accent-2);
		font-size: 2.5rem;
		font-weight: 500;
}

#notre-offre .percent-sign {
		color: var(--accent-2);
		font-size: 1.5rem;
}

#notre-offre .offre-detail .label p {
		display: flex;
		justify-content: flex-start;
		align-items: center;
}

#notre-offre .offre-detail .bloc-label {
		display: flex;
		flex-direction: row;
		width: auto;
		font-size: 0.75rem;
}

#notre-offre .offre-detail .bloc-label span {
			display: flex;
			flex-direction: row;
			align-items: center;
			background-color: var(--accent-2)!important;
			color: var(--secondary);
			border-radius: 4px;
			margin-right: .5rem;
			padding: .3rem
}

#notre-offre .offre-detail .label img {
		margin-right: .2rem;
		width: 14px;
}

#notre-offre .offre-detail .button a {
		color: #0d1f31 !important;
		border-width: 1px !important;
		border-color: var(--accent-2);
		border-radius: 25px;
		font-size: 0,875rem;
		padding-right: 2em;
		padding-left: 0.7em;
		background-color: var(--accent-2);
}

#notre-offre #line {
	position: absolute;
	top: 380px;
	left: calc(50% - 40px);
	width: 100px;
	height:calc(100% - 310px);
	margin: 0!important;
	padding: 0!important;	
}

#notre-offre #line img {
	height:2200px;
	margin: 0!important;
	padding: 0!important;	
}

#notre-offre .offre-backgrounds {
	position: absolute;
	top: 300px;
	left: 50%;
}

#notre-offre .et_pb_button:hover {
	border-radius: 25px;
}

/***roi (css plugin)***/


/***témoignages***/
 #temoignages .dipl_single_testimonial_card {
	border: 2px solid transparent;
	position:relative!important; 
   background:radial-gradient(75% 75% at 2.5% 2.5%, var(--secondary), var(--bg)) padding-box;

	z-index:999;
	width:100%;
	height:100%; 
}

 #temoignages .dipl_single_testimonial_card::before { 
	background: radial-gradient(circle at var(--origin-x) var(--origin-y), var(--border) 0%, var(--border-30) 5%) border-box;	 
    content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100% ;
	height: 100%;
	border-radius: 16px;
	border: 1px solid transparent; 
	 
	mask:
	linear-gradient(#000 0 0) padding-box, 
	linear-gradient(#000 0 0);
	mask-composite: exclude;
	-webkit-mask-composite: exclude;

	animation: combined-animation 6s linear infinite;
	animation-play-state: var(--animation-play-state, paused); /* var appel dans le script*/
}

#temoignages .dipl_single_testimonial_card:hover::before  {
	animation-play-state: running!important;
}

#temoignages .dipl_single_testimonial_card  > * {
    margin-bottom: 1rem;
}

#temoignages .dipl_testimonial_author_image img{
	border-radius: 100%;
	filter: grayscale();
}

#temoignages  .dipl_testimonial_grid_0 .dipl_single_testimonial_card {
  border-radius:16px 16px 16px 16px;
  overflow:visible!important;
  border-color:RGBA(255,255,255,0);
  background-color: RGBA(255,255,255,0) !important;
}

#temoignages .dipl_testimonial_author_name {font-weight: 700;font-size: 1,375rem;}
#temoignages .dipl_testimonial_author_designation {color: var(--opacity-light);}
#temoignages .parole::before {content: "";  position: absolute;  bottom: -30px;  right: -60px;  width: 40px;  height: 30px;  background-image: url('https://www.rman-sync.com/wp-content/uploads/2025/10/Illustration-temoignages.svg');  background-size: cover;  background-repeat: no-repeat;opacity:.2;}

/**custom bloc actualites**/

#actualites article {
	position:relative!important;
	background:radial-gradient(75% 75% at 2.5% 2.5%, var(--secondary), var(--bg)) padding-box;
	z-index:999;
	overflow:visible;
}

#actualites article::before  {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100% ;
    height: 100%;
    border-radius: 16px;
    border: 1px solid transparent;
	
	background: radial-gradient(circle at var(--origin-x) var(--origin-y), var(--border) 0%, var(--border-30) 5%) border-box;	
/*	background: radial-gradient(circle at var(--origin-x) var(--origin-y), var(--stroke-1) 0%, var(--stroke-7) 5%) border-box;		*/
	
    mask:
    linear-gradient(#000 0 0) padding-box, 
    linear-gradient(#000 0 0);
    mask-composite: exclude;
 	-webkit-mask-composite: exclude;
	
	animation: combined-animation 6s linear infinite;	
    animation-play-state: paused;
}

#actualites article:hover::before  {
	animation-play-state: running!important;
}

/**Custom image bloc */

#actualites .et_pb_image_container {
	height:250px!important;
	margin:-19px -19px 29px;
}

#actualites .entry-featured-image-url {
	height:100%;
	width:100%;
}

#actualites .et_pb_post img {
	filter: grayscale(100%);
	transition: var(--trans-op);
	width: 100%;
    height: auto;
    object-fit: cover;
	min-height:250px;
	border-radius: 10px 10px 0 0;
}

#actualites article:hover img {
	filter: none;
	transition: var(--trans-op);
	border-radius: 10px 10px 0 0;
}

#actualites h4 {
	height: 2rem;
}

#actualites .post-content {
	min-height: 160px;
}

#partenaires  .et_pb_image_wrap img {
	opacity:.75;
}

#partenaires  .et_pb_image_wrap img:hover {
	opacity:1;
	transition: var(--trans-op);
}

/*** form pardot ***/

.toto label {color:red!important;}

/* Mode Téléphone (moins de 767px) */
@media (max-width: 767px) {
	
	/****habilllage bas de section bracket***/
.bracket,  .hero-bracket::after {
  display:none!important;
}
	
	.et_pb_row {/*padding:1rem!important;*/}
	.border-device {padding:.75rem;}

	#hero .grid-container {gap: 2.5rem; row-gap: 0rem;grid-template-columns: 8% auto;}
	#hero .kpi .blocs-text {width:100%;}
	#hero .kpi .picto {width:3rem;height:3rem;}
	#hero .kpi-argument {margin-top:-2rem;}	
	#hero .et_pb_number_counter_0 ,.et_pb_number_counter_1 , .et_pb_number_counter_2, kpi-text-2 {margin-top:-3rem}

	#renovatio /*.et_pb_row */.section {display:flex;flex-direction: column;padding:0rem;font-size:90%;}
	#renovatio .section {display:flex;flex-direction: row;padding:0rem;font-size:90%;}
	#renovatio .solutions {height: 100px;width: 100%;padding:1rem;margin-bottom:1rem;}	

	#notre-offre .backgrounds {height: 0px!important;margin:0!important;	padding:0!important;}
	#notre-offre::before {background-image: none;}
	#notre-offre .offre-intro::before {background-image: none;}
	#notre-offre .et_pb_row_9.et_pb_row {margin-top: 3rem!important;}
	#notre-offre div.et_pb_section.et_pb_section_3 {background-image: none!important;}
	#notre-offre .offre-detail   {margin:0; padding:0;}
	#notre-offre .border-device {padding:.5rem!important;}
	#notre-offre .achats, #notre-offre .ventes {display:flex; flex-direction: column-reverse!important;height:100%;}
	#notre-offre .prevision, #notre-offre .appro-stock {display:flex; flex-direction: column!important;height:100%;}
	#notre-offre .offre-detail:nth-child(even) {padding: 0rem 0rem 3rem 0rem;}
	#notre-offre .offre-detail:nth-child(odd) {padding: 0rem 0rem 3rem 0rem;}
	
	#actualites .et_pb_image_container {height:250px!important;overflow: hidden;}	
	#actualites .post-content {min-height: 120px;}
	
	 #footer .et_pb_column {
        width: 100% !important; /* Chaque colonne prend toute la largeur */
        display: flex;
        flex-direction: column; /* Organise les éléments en colonne */
        justify-content: center; /* Centre horizontalement */
        align-items: center; /* Centre verticalement */
        text-align: center; /* Centre le texte */ 
    }
}

/* Mode Tablette (entre 768px et 980px) */
@media (min-width: 768px) and (max-width: 980px) {
    /* Styles spécifiques aux tablettes */
	
	#hero .et_pb_number_counter_0 ,.et_pb_number_counter_1 , .et_pb_number_counter_2, kpi-text-2 {margin-top:-2rem}
	#hero .kpi-argument {margin-top:-2rem;}
	#hero .et_pb_row_1.et_pb_row{display:flex;flex-direction: row;}	
	#hero .et_pb_column.kpi {width: 33%;}
	#hero .grid-container {gap: 2.5rem; row-gap: 0rem;grid-template-columns: 8% auto;}
	#hero .kpi .picto {width:2.5rem;height:2.5rem;}
	
	#renovatio .solutions {height: 90px;width: 100%;}
	
	#notre-offre .et_pb_column {margin-bottom: 0;}
	#notre-offre div.et_pb_section.et_pb_section_3 {background-image: none!important;}
	#notre-offre .achats, #notre-offre .ventes {display:flex; flex-direction: column-reverse!important;height:100%;}
	#notre-offre .prevision, #notre-offre .appro-stock {display:flex; flex-direction: column!important;height:100%;}
	#notre-offre .offre-detail:nth-child(even) {padding: 0rem 0rem 3rem 0rem;}
	#notre-offre .offre-detail:nth-child(odd) {padding: 0rem 0rem 3rem 0rem;}

	#temoignages .dipl_testimonial_isotope_item {margin:0;}
	#temoignages .dipl_testimonial_grid .dipl_testimonial_layout {display: flex;gap: 1rem;}
	
	#partenaires .et_pb_image_wrap img {width:85px;height:auto}

	#footer .et_pb_row {
        flex-direction: column !important; /* Empile les colonnes */
    }
}

@media (min-width: 981px) {
	.et_pb_menu__logo {
  		margin-left: .5rem;
	}
	.et_pb_menu .et_mobile_menu  {
		top: 48px;
	}

	.et-l--header ul {
		list-style-type: disc;
		padding:
		0 0 23px 1em;
 		/*line-height: 1rem;*/
	}
	
	#notre-offre .achats, #notre-offre .ventes {display:flex; flex-direction:row;height:100%;}
	#notre-offre .offre {height:435px;display: flex;align-items: center;}
	#notre-offre .offre-detail:nth-child(even) {padding: 0rem 0rem 0rem 4rem;}
	#notre-offre .offre-detail:nth-child(odd) {padding:0rem 4rem 0rem 0rem;}

}