Viewing File: /home/maglabs/valvtec1/wp-content/uploads/elementor/css/post-10.css
.elementor-10 .elementor-element.elementor-element-2ed3c97{--display:flex;--min-height:100vh;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-2ed3c97, .elementor-10 .elementor-element.elementor-element-2ed3c97::before{--border-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-2e0b4ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-b2faf6d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-77b9558{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-0427833{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-d0451ef > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-10 .elementor-element.elementor-element-7e9a750{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-4ac3ed5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-4ac3ed5:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-4ac3ed5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F6FB;}.elementor-10 .elementor-element.elementor-element-4ac3ed5, .elementor-10 .elementor-element.elementor-element-4ac3ed5::before{--border-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-82105dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:90px 90px;--background-transition:0.3s;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-74859ba .elementor-counter-number-wrapper{color:#DE8D1C;font-size:30px;}.elementor-10 .elementor-element.elementor-element-74859ba .elementor-counter-title{color:#1C1C1B;}.elementor-10 .elementor-element.elementor-element-6465b72 .elementor-counter-number-wrapper{color:#DE8D1C;font-size:30px;}.elementor-10 .elementor-element.elementor-element-6465b72 .elementor-counter-title{color:#1C1C1B;}.elementor-10 .elementor-element.elementor-element-e12e4b7 .elementor-counter-number-wrapper{color:#DE8D1C;font-size:30px;}.elementor-10 .elementor-element.elementor-element-e12e4b7 .elementor-counter-title{color:#1C1C1B;}.elementor-10 .elementor-element.elementor-element-0222717 .elementor-counter-number-wrapper{color:#DE8D1C;font-size:30px;}.elementor-10 .elementor-element.elementor-element-0222717 .elementor-counter-title{color:#1C1C1B;}.elementor-10 .elementor-element.elementor-element-7ffa734{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-60be209{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;}.elementor-10 .elementor-element.elementor-element-ba66288{--e-image-carousel-slides-to-show:5;width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-ba66288 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-ba66288 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-10 .elementor-element.elementor-element-ba66288 .elementor-swiper-button.elementor-swiper-button-next{font-size:20px;color:#E9B710;}.elementor-10 .elementor-element.elementor-element-ba66288 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-10 .elementor-element.elementor-element-ba66288 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#E9B710;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-82105dc{--gap:25px 25px;}}/* Start custom CSS for html, class: .elementor-element-ce09dd6 *//* ==========================================================
MASTER CSS : SECTIONS VALEURS (THÈME CLAIR HAUT DE GAMME)
========================================================== */
.valvtec-light-sections {
font-family: 'Outfit', sans-serif;
background-color: #ffffff; /* Fond pur blanc */
color: #1F2937; /* Gris très profond pour le texte */
overflow: hidden;
}
/* Sections Globales */
.val-section {
padding: 2rem 5%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 80vh;
}
.val-container {
max-width: 1300px;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6rem;
align-items: center;
}
.reverse-layout {
grid-template-columns: 1fr 1fr;
direction: ltr; /* Maintien du sens de lecture habituel */
}
/* Contenu Texte */
.val-content {
z-index: 2;
position: relative;
}
.val-badge {
display: inline-block;
padding: 8px 18px;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 2px;
border-radius: 50px;
margin-bottom: 2rem;
text-transform: uppercase;
}
.val-title {
font-size: 4.5rem;
font-weight: 800;
line-height: 1.1;
margin-bottom: 1.5rem;
color: #111827; /* Noir élégant */
letter-spacing: -1px;
}
.val-slogan {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 2rem;
position: relative;
padding-left: 20px;
}
.val-slogan::before {
content: '';
position: absolute;
left: 0;
top: 5px;
bottom: 5px;
width: 5px;
border-radius: 3px;
background: currentColor;
}
.val-desc {
font-size: 1.2rem;
line-height: 1.8;
color: #4B5563; /* Gris lisible et élégant */
}
/* Visuels & Images */
.val-visual {
position: relative;
width: 100%;
z-index: 1;
}
.val-img {
width: 100%;
height: 600px;
object-fit: cover;
border-radius: 30px;
box-shadow: 0 30px 60px rgba(0,0,0,0.08); /* Ombre douce et large (Apple style) */
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.val-visual:hover .val-img {
transform: scale(1.02) translateY(-10px);
box-shadow: 0 40px 80px rgba(0,0,0,0.12);
}
/* ---- STYLES SPÉCIFIQUES PAR SECTION ---- */
/* 1. Agilité */
.val-agilite .val-slogan { color: #0055FF; }
.blue-badge { background: rgba(0, 85, 255, 0.08); color: #0055FF; }
.deco-blue {
position: absolute;
bottom: -30px;
right: -30px;
width: 100%;
height: 100%;
border: 3px solid #0055FF;
border-radius: 30px;
z-index: -1;
transform: translate(10px, 10px);
transition: transform 0.6s ease;
}
.val-visual:hover .deco-blue { transform: translate(-10px, -10px); }
/* 2. Responsabilité */
.val-responsabilite { background-color: #F8FAFC; } /* Fond gris extra clair pour alterner */
.val-responsabilite .val-slogan { color: #D97706; }
.gold-badge { background: rgba(217, 119, 6, 0.1); color: #D97706; }
.image-mask {
border-radius: 100px 30px 100px 30px; /* Forme unique shield */
}
.deco-gold {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 110%;
height: 110%;
background: radial-gradient(circle, rgba(217,119,6,0.08) 0%, transparent 60%);
z-index: -1;
}
/* 3. Collaboration (Carte Givrée Blanche) */
.val-collaboration {
padding: 15rem 5%;
}
.val-parallax-bg {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-attachment: fixed;
background-size: cover;
background-position: center;
filter: brightness(0.9) saturate(1.1); /* L'image est claire en fond */
z-index: 0;
}
.purple-badge { background: #F3E8FF; color: #7E22CE; }
.text-dark { color: #111827 !important; background: none; -webkit-text-fill-color: #111827; }
.text-dark-muted { color: #374151 !important; font-weight: 500;}
.val-glass-card {
position: relative;
max-width: 850px;
margin: 0 auto;
padding: 6rem 5rem;
text-align: center;
background: rgba(255, 255, 255, 0.85); /* Effet Verre Givré Blanc */
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 40px;
box-shadow: 0 40px 80px rgba(0,0,0,0.1);
z-index: 2;
}
.val-glass-card .val-slogan::before { display: none; }
/* 4. Excellence */
.val-excellence { background-color: #ffffff; }
.dark-badge { background: #F3F4F6; color: #111827; }
.text-elegant { color: #4B5563; }
.val-visual-outline {
padding: 20px;
border: 1px solid #E5E7EB;
border-radius: 40px;
background: #F9FAFB;
}
.val-visual-outline .val-img {
height: 650px;
border-radius: 20px;
box-shadow: none; /* Pas d'ombre ici pour un look ultra épuré */
}
.val-visual:hover .val-visual-outline .val-img {
transform: scale(1.02);
}
/* Animations d'entrée */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(40px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-up-anim {
animation: fadeInUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
/* Responsive (Mobiles et tablettes) */
@media screen and (max-width: 991px) {
.val-container, .reverse-layout {
grid-template-columns: 1fr;
gap: 4rem;
}
.reverse-layout .val-visual-left {
order: -1;
}
.val-title { font-size: 3.2rem; }
.val-section { padding: 6rem 5%; min-height: auto; }
.val-img { height: 400px; }
.val-glass-card { padding: 3rem 2rem; border-radius: 20px; }
.val-parallax-bg { background-attachment: scroll; } /* Fix iOS parallax bug */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f3c952 *//* ==========================================================
SECTION "VALVTEC EXPERT EN VANNES"
========================================================== */
.valvtec-expert-section {
padding: 8rem 5%;
background-color: #ffffff;
font-family: 'Outfit', sans-serif;
color: #1F2937;
position: relative;
overflow: hidden;
}
.expert-container {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6rem;
align-items: center;
}
/* --- Contenu Gauche --- */
.expert-content {
position: relative;
z-index: 2;
}
.expert-title {
font-size: 3.5rem;
font-weight: 800;
line-height: 1.1;
margin-bottom: 2rem;
color: #111827;
}
.text-orange {
color: #D97706; /* L'orange de l'image, modernisé */
display: block;
}
.expert-desc {
font-size: 1.15rem;
line-height: 1.8;
color: #4B5563;
margin-bottom: 3rem;
}
.expert-desc strong {
color: #111827;
font-weight: 700;
}
/* --- Liste des produits --- */
.expert-products-list {
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.product-item {
display: flex;
align-items: center;
padding: 1.2rem 1.5rem;
background: #F8FAFC;
border: 1px solid #E2E8F0;
border-radius: 16px;
transition: all 0.4s ease;
cursor: default;
}
.product-item:hover {
transform: translateX(10px);
background: #ffffff;
border-color: #0055FF;
box-shadow: 0 15px 30px rgba(0, 85, 255, 0.08); /* Ombre bleutée au survol */
}
/* Icônes SVG */
.icon-box {
width: 60px;
height: 60px;
min-width: 60px;
background: rgba(0, 85, 255, 0.08);
color: #0055FF;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 1.5rem;
transition: all 0.4s ease;
}
.icon-box svg {
width: 32px;
height: 32px;
}
.product-item:hover .icon-box {
background: #0055FF;
color: #ffffff;
}
.product-text h4 {
font-size: 1.2rem;
font-weight: 700;
margin: 0;
color: #111827;
}
.product-text h4 small {
font-size: 0.9rem;
color: #64748B;
font-weight: 500;
display: block;
margin-top: 2px;
}
/* --- Visuel Droite --- */
.expert-visual {
position: relative;
z-index: 1;
}
.expert-image-wrapper {
position: relative;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 25px 60px rgba(0,0,0,0.1);
height: 650px;
}
.expert-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s ease;
}
.expert-visual:hover .expert-image-wrapper img {
transform: scale(1.05); /* Petit zoom au survol sur PC */
}
/* Calque discret sur l'image pour lui donner du cachet */
.expert-image-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, transparent 40%);
}
/* Badge flottant "10+ Ans" (Donne le côté premium) */
.floating-badge {
position: absolute;
bottom: 40px;
left: -30px;
background: #ffffff;
padding: 1.5rem;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
display: flex;
align-items: center;
gap: 15px;
animation: floatingExpert 6s ease-in-out infinite;
border-left: 5px solid #D97706; /* Rappel d'orange */
}
.badge-icon {
width: 40px;
height: 40px;
background: #D97706;
color: white;
font-weight: bold;
font-size: 1.2rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.badge-text {
font-size: 1.2rem;
font-weight: 800;
color: #111827;
line-height: 1.2;
}
.badge-text span {
font-size: 0.9rem;
font-weight: 600;
color: #64748B;
}
@keyframes floatingExpert {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}
/* --- Responsive (Mobiles et Tablettes) --- */
@media screen and (max-width: 991px) {
.expert-container {
grid-template-columns: 1fr;
gap: 4rem;
}
.expert-title {
font-size: 2.5rem;
}
.expert-image-wrapper {
height: 450px;
}
.floating-badge {
left: 20px;
bottom: 20px;
padding: 1rem;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c7676c */<style>
/* --- COULEURS OFFICIELLES VALVTEC --- */
:root {
--vt-dark: #1c1c1b; /* Noir anthracite du logo */
--vt-orange: #e28800; /* Orange du logo */
}
/* Zone principale */
.inline-values-section {
padding: 80px 20px;
background-color: #f8fafc; /* Fond très légèrement gris/bleuté pour faire ressortir le blanc */
font-family: inherit;
}
.inline-values-container {
max-width: 1400px; /* Grand pour accueillir les 5 colonnes */
margin: 0 auto;
}
/* En-tête */
.inline-values-header {
text-align: center;
margin-bottom: 50px;
}
.inline-title {
color: var(--vt-orange) !important; /* Orange Valvtec */
font-size: 2.8rem;
font-weight: 800;
margin: 0 0 15px 0;
}
.inline-subtitle {
font-size: 1.25rem;
color: var(--vt-dark) !important; /* Noir Valvtec */
opacity: 0.85; /* Légèrement adouci */
margin: 0;
font-weight: 500;
}
/* Le grand conteneur sur une seule ligne (Bandeau) */
.inline-values-row {
display: flex;
flex-direction: row; /* Force la disposition horizontale */
flex-wrap: nowrap; /* Empêche le passage à la ligne sur grand écran */
background: #ffffff;
border-radius: 16px; /* Coins arrondis du bandeau */
box-shadow: 0 15px 35px rgba(28, 28, 27, 0.05); /* Ombre douce basée sur le noir Valvtec */
border: 1px solid rgba(28, 28, 27, 0.04);
overflow: hidden;
}
/* Chaque bloc dans la ligne */
.inline-value-item {
flex: 1; /* Chaque élément prend exactement le même espace (1/5) */
padding: 50px 25px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
transition: all 0.3s ease;
}
/* Ligne de séparation très discrète entre les blocs (sauf le dernier) */
.inline-value-item:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 15%; /* Ne prend pas 100% de la hauteur, c'est plus élégant */
height: 70%;
width: 1px;
background-color: rgba(28, 28, 27, 0.08); /* Gris basé sur le noir Valvtec */
}
/* Effet au survol d'une colonne */
.inline-value-item:hover {
background-color: rgba(226, 136, 0, 0.03) !important; /* Fond vire à l'orange Valvtec très très clair */
transform: translateY(-5px); /* Petit bond vers le haut */
box-shadow: 0 10px 25px rgba(226, 136, 0, 0.15) !important; /* Ombre orange Valvtec */
z-index: 2;
border-radius: 12px;
}
/* Design des Icônes */
.inline-icon {
width: 60px;
height: 60px;
margin-bottom: 25px;
color: var(--vt-dark) !important; /* Icône noire Valvtec au repos */
transition: color 0.3s ease, transform 0.3s ease;
}
.inline-icon svg {
width: 100%;
height: 100%;
}
/* Au survol de la colonne, l'icône devient orange et grossit */
.inline-value-item:hover .inline-icon {
color: var(--vt-orange) !important; /* L'icône devient Orange Valvtec */
transform: scale(1.15);
}
/* Style du texte */
.inline-value-item p {
color: var(--vt-dark) !important; /* Noir Valvtec */
opacity: 0.8;
font-size: 1rem;
line-height: 1.6;
margin: 0;
font-weight: 500;
}
/* --------------------------------------
Règles Responsive (Tablettes et Mobiles)
----------------------------------------- */
@media screen and (max-width: 1100px) {
.inline-values-row {
flex-wrap: wrap;
justify-content: center;
}
.inline-value-item {
flex: 0 0 33.33%; /* 3 éléments par ligne */
}
.inline-value-item::after {
display: none;
}
}
@media screen and (max-width: 768px) {
.inline-title {
font-size: 2rem;
}
.inline-subtitle {
font-size: 1.1rem;
}
.inline-value-item {
flex: 0 0 100%; /* 1 élément par ligne */
border-bottom: 1px solid rgba(28, 28, 27, 0.08);
}
}
</style>
<section class="inline-values-section">
<div class="inline-values-container">
<div class="inline-values-header">
<h2 class="inline-title">Missions et valeurs</h2>
<p class="inline-subtitle">Le système de nos valeurs se décline à travers les principaux axes stratégiques suivants :</p>
</div>
<!-- Le conteneur qui garde tout sur la même ligne -->
<div class="inline-values-row">
<!-- Élément 1 -->
<div class="inline-value-item">
<div class="inline-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg>
</div>
<p>Fournir des produits fiables pour tout type d'application industrielle et dans les milieux d'utilisation les plus sévères.</p>
</div>
<!-- Élément 2 -->
<div class="inline-value-item">
<div class="inline-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
</div>
<p>Démarche de partenariat pour conseiller et accompagner les clients depuis la définition des besoins.</p>
</div>
<!-- Élément 3 -->
<div class="inline-value-item">
<div class="inline-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
</div>
<p>Amélioration continue de nos produits tout en mettant en œuvre les besoins et les préférences de nos clients.</p>
</div>
<!-- Élément 4 -->
<div class="inline-value-item">
<div class="inline-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>
</div>
<p>Service après vente et assistance technique de proximité.</p>
</div>
<!-- Élément 5 -->
<div class="inline-value-item">
<div class="inline-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg>
</div>
<p>Engagement sur les résultats et garantie sur les objectifs définis qu'on veut atteindre.</p>
</div>
</div>
</div>
</section>/* End custom CSS */
Back to Directory
File Manager