/* Bibliothèque d'icônes SV COMPTA - Mise à jour automatique */
/* Date de génération: 05/09/2025 à 13:59:53 */
/* Total: 50 icônes (10 nouvelles) */

/* Police Font Awesome Solid */
@font-face {
  font-family: 'Font Awesome 6 Free';
  src: url('./webfonts/fa-solid-900.woff2') format('woff2'),
       url('./webfonts/fa-solid-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Police Font Awesome Brands */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  src: url('./webfonts/fa-brands-400.woff2') format('woff2'),
       url('./webfonts/fa-brands-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.fas {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fab {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Classes utilitaires pour les couleurs */
.text-yellow-600 { color: #d97706; }
.text-yellow-400 { color: #fbbf24; }
.text-yellow-300 { color: #fcd34d; }
.text-yellow-500 { color: #f59e0b; }
.text-green-600 { color: #059669; }
.text-green-500 { color: #10b981; }
.text-blue-600 { color: #2563eb; }
.text-blue-500 { color: #3b82f6; }
.text-purple-600 { color: #7c3aed; }
.text-orange-600 { color: #ea580c; }
.text-orange-500 { color: #f97316; }
.text-red-400 { color: #f87171; }
.text-blue-400 { color: #60a5fa; }
.text-purple-400 { color: #a78bfa; }
.text-white { color: #ffffff; }
.text-dark { color: #374151; }
.text-primary { color: #878057; }

/* Animations */
.animate-bounce {
  animation: bounce 1s infinite;
}

.icon-bounce {
  animation: iconBounce 2s ease-in-out infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

@keyframes iconBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Transitions */
.group-hover\:scale-110 {
  transition: transform 0.3s ease;
}

.group:hover .group-hover\:scale-110 {
  transform: scale(1.1);
}

.transition-transform {
  transition: transform 0.3s ease;
}

.duration-300 {
  transition-duration: 300ms;
}

/* Icônes solides (fas) - 48 icônes */
.fa-arrow-down:before { content: "\f063"; }
.fa-handshake:before { content: "\f2b5"; }
.fa-rocket:before { content: "\f135"; }
.fa-calendar-alt:before { content: "\f073"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-star:before { content: "\f005"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-car:before { content: "\f1b9"; }
.fa-file-contract:before { content: "\f56c"; }
.fa-phone:before { content: "\f095"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-map-marker-alt:before { content: "\f3c5"; }
.fa-comments:before { content: "\f086"; }
.fa-shield-alt:before { content: "\f3ed"; }
.fa-user-check:before { content: "\f4fc"; }
.fa-check:before { content: "\f00c"; }
.fa-cogs:before { content: "\f085"; }
.fa-leaf:before { content: "\f06c"; }
.fa-crown:before { content: "\f521"; }
.fa-layer-group:before { content: "\f5fd"; }
.fa-building:before { content: "\f1ad"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-chart-line:before { content: "\f201"; }
.fa-chart-pie:before { content: "\f200"; }
.fa-euro-sign:before { content: "\f153"; }
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-chart-line-down:before { content: "\f64c"; }
.fa-clock:before { content: "\f017"; }
.fa-money-bill-wave:before { content: "\f53a"; }
.fa-user-tie:before { content: "\f508"; }
.fa-search-dollar:before { content: "\f688"; }
.fa-check-circle:before { content: "\f058"; }
.fa-book:before { content: "\f02d"; }
.fa-calendar-check:before { content: "\f274"; }
.fa-university:before { content: "\f19c"; }
.fa-newspaper:before { content: "\f1ea"; }
.fa-headset:before { content: "\f590"; }
.fa-lightbulb:before { content: "\f0eb"; }
.fa-award:before { content: "\f559"; }
.fa-boxes:before { content: "\????"; }
.fa-dizzy:before { content: "\????"; }
.fa-eye:before { content: "\????"; }
.fa-fire:before { content: "\????"; }
.fa-play:before { content: "\f04b"; }
.fa-robot:before { content: "\????"; }
.fa-store:before { content: "\????"; }
.fa-tachometer-alt:before { content: "\????"; }

/* Icônes de marques (fab) - 2 icônes */
.fa-amazon:before { content: "\????"; }
.fa-shopify:before { content: "\????"; }

/* Classes d'aide pour les tailles */
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-5xl { font-size: 3rem; }
.text-6xl { font-size: 3.75rem; }

/* Utilitaires de marge */
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.ml-2 { margin-left: 0.5rem; }
.mt-1 { margin-top: 0.25rem; }
.mb-4 { margin-bottom: 1rem; }

/* Flexbox utilities */
.flex { display: flex; }
.items-center { align-items: center; }
.inline-block { display: inline-block; }
.flex-shrink-0 { flex-shrink: 0; }

/* Position */
.relative { position: relative; }
.z-10 { z-index: 10; }

/* Classes spécifiques pour votre projet */
.iconefeatures {
  color: #059669; /* vert */
  margin-right: 0.5rem;
}

.iconefeaturesGold {
  color: #d97706; /* or/jaune */
  margin-right: 0.5rem;
}
/* Bibliothèque d'icônes SV COMPTA - Mise à jour automatique */
/* Date de génération: 05/09/2025 à 14:01:00 */
/* Total: 43 icônes (3 nouvelles) */

/* Police Font Awesome Solid */
@font-face {
  font-family: 'Font Awesome 6 Free';
  src: url('./webfonts/fa-solid-900.woff2') format('woff2'),
       url('./webfonts/fa-solid-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Police Font Awesome Brands */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  src: url('./webfonts/fa-brands-400.woff2') format('woff2'),
       url('./webfonts/fa-brands-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.fas {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fab {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Classes utilitaires pour les couleurs */
.text-yellow-600 { color: #d97706; }
.text-yellow-400 { color: #fbbf24; }
.text-yellow-300 { color: #fcd34d; }
.text-yellow-500 { color: #f59e0b; }
.text-green-600 { color: #059669; }
.text-green-500 { color: #10b981; }
.text-blue-600 { color: #2563eb; }
.text-blue-500 { color: #3b82f6; }
.text-purple-600 { color: #7c3aed; }
.text-orange-600 { color: #ea580c; }
.text-orange-500 { color: #f97316; }
.text-red-400 { color: #f87171; }
.text-blue-400 { color: #60a5fa; }
.text-purple-400 { color: #a78bfa; }
.text-white { color: #ffffff; }
.text-dark { color: #374151; }
.text-primary { color: #878057; }

/* Animations */
.animate-bounce {
  animation: bounce 1s infinite;
}

.icon-bounce {
  animation: iconBounce 2s ease-in-out infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

@keyframes iconBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Transitions */
.group-hover\:scale-110 {
  transition: transform 0.3s ease;
}

.group:hover .group-hover\:scale-110 {
  transform: scale(1.1);
}

.transition-transform {
  transition: transform 0.3s ease;
}

.duration-300 {
  transition-duration: 300ms;
}

/* Icônes solides (fas) - 41 icônes */
.fa-arrow-down:before { content: "\f063"; }
.fa-handshake:before { content: "\f2b5"; }
.fa-rocket:before { content: "\f135"; }
.fa-calendar-alt:before { content: "\f073"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-star:before { content: "\f005"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-car:before { content: "\f1b9"; }
.fa-file-contract:before { content: "\f56c"; }
.fa-phone:before { content: "\f095"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-map-marker-alt:before { content: "\f3c5"; }
.fa-comments:before { content: "\f086"; }
.fa-shield-alt:before { content: "\f3ed"; }
.fa-user-check:before { content: "\f4fc"; }
.fa-check:before { content: "\f00c"; }
.fa-cogs:before { content: "\f085"; }
.fa-leaf:before { content: "\f06c"; }
.fa-crown:before { content: "\f521"; }
.fa-layer-group:before { content: "\f5fd"; }
.fa-building:before { content: "\f1ad"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-chart-line:before { content: "\f201"; }
.fa-chart-pie:before { content: "\f200"; }
.fa-euro-sign:before { content: "\f153"; }
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-chart-line-down:before { content: "\f64c"; }
.fa-clock:before { content: "\f017"; }
.fa-money-bill-wave:before { content: "\f53a"; }
.fa-user-tie:before { content: "\f508"; }
.fa-search-dollar:before { content: "\f688"; }
.fa-check-circle:before { content: "\f058"; }
.fa-book:before { content: "\f02d"; }
.fa-calendar-check:before { content: "\f274"; }
.fa-university:before { content: "\f19c"; }
.fa-newspaper:before { content: "\f1ea"; }
.fa-headset:before { content: "\f590"; }
.fa-lightbulb:before { content: "\f0eb"; }
.fa-award:before { content: "\f559"; }
.fa-user:before { content: "\f007"; }

/* Icônes de marques (fab) - 2 icônes */
.fa-facebook-f:before { content: "\f39e"; }
.fa-linkedin-in:before { content: "\f0e1"; }

/* Classes d'aide pour les tailles */
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-5xl { font-size: 3rem; }
.text-6xl { font-size: 3.75rem; }

/* Utilitaires de marge */
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.ml-2 { margin-left: 0.5rem; }
.mt-1 { margin-top: 0.25rem; }
.mb-4 { margin-bottom: 1rem; }

/* Flexbox utilities */
.flex { display: flex; }
.items-center { align-items: center; }
.inline-block { display: inline-block; }
.flex-shrink-0 { flex-shrink: 0; }

/* Position */
.relative { position: relative; }
.z-10 { z-index: 10; }

/* Classes spécifiques pour votre projet */
.iconefeatures {
  color: #059669; /* vert */
  margin-right: 0.5rem;
}

.iconefeaturesGold {
  color: #d97706; /* or/jaune */
  margin-right: 0.5rem;
}
/* Bibliothèque d'icônes SV COMPTA - Mise à jour automatique */
/* Date de génération: 05/09/2025 à 14:01:00 */
/* Total: 43 icônes (3 nouvelles) */

/* Police Font Awesome Solid */
@font-face {
  font-family: 'Font Awesome 6 Free';
  src: url('./webfonts/fa-solid-900.woff2') format('woff2'),
       url('./webfonts/fa-solid-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Police Font Awesome Brands */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  src: url('./webfonts/fa-brands-400.woff2') format('woff2'),
       url('./webfonts/fa-brands-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.fas {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fab {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Classes utilitaires pour les couleurs */
.text-yellow-600 { color: #d97706; }
.text-yellow-400 { color: #fbbf24; }
.text-yellow-300 { color: #fcd34d; }
.text-yellow-500 { color: #f59e0b; }
.text-green-600 { color: #059669; }
.text-green-500 { color: #10b981; }
.text-blue-600 { color: #2563eb; }
.text-blue-500 { color: #3b82f6; }
.text-purple-600 { color: #7c3aed; }
.text-orange-600 { color: #ea580c; }
.text-orange-500 { color: #f97316; }
.text-red-400 { color: #f87171; }
.text-blue-400 { color: #60a5fa; }
.text-purple-400 { color: #a78bfa; }
.text-white { color: #ffffff; }
.text-dark { color: #374151; }
.text-primary { color: #878057; }

/* Animations */
.animate-bounce {
  animation: bounce 1s infinite;
}

.icon-bounce {
  animation: iconBounce 2s ease-in-out infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

@keyframes iconBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Transitions */
.group-hover\:scale-110 {
  transition: transform 0.3s ease;
}

.group:hover .group-hover\:scale-110 {
  transform: scale(1.1);
}

.transition-transform {
  transition: transform 0.3s ease;
}

.duration-300 {
  transition-duration: 300ms;
}

/* Icônes solides (fas) - 41 icônes */
.fa-arrow-down:before { content: "\f063"; }
.fa-handshake:before { content: "\f2b5"; }
.fa-rocket:before { content: "\f135"; }
.fa-calendar-alt:before { content: "\f073"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-star:before { content: "\f005"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-car:before { content: "\f1b9"; }
.fa-file-contract:before { content: "\f56c"; }
.fa-phone:before { content: "\f095"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-map-marker-alt:before { content: "\f3c5"; }
.fa-comments:before { content: "\f086"; }
.fa-shield-alt:before { content: "\f3ed"; }
.fa-user-check:before { content: "\f4fc"; }
.fa-check:before { content: "\f00c"; }
.fa-cogs:before { content: "\f085"; }
.fa-leaf:before { content: "\f06c"; }
.fa-crown:before { content: "\f521"; }
.fa-layer-group:before { content: "\f5fd"; }
.fa-building:before { content: "\f1ad"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-chart-line:before { content: "\f201"; }
.fa-chart-pie:before { content: "\f200"; }
.fa-euro-sign:before { content: "\f153"; }
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-chart-line-down:before { content: "\f64c"; }
.fa-clock:before { content: "\f017"; }
.fa-money-bill-wave:before { content: "\f53a"; }
.fa-user-tie:before { content: "\f508"; }
.fa-search-dollar:before { content: "\f688"; }
.fa-check-circle:before { content: "\f058"; }
.fa-book:before { content: "\f02d"; }
.fa-calendar-check:before { content: "\f274"; }
.fa-university:before { content: "\f19c"; }
.fa-newspaper:before { content: "\f1ea"; }
.fa-headset:before { content: "\f590"; }
.fa-lightbulb:before { content: "\f0eb"; }
.fa-award:before { content: "\f559"; }
.fa-user:before { content: "\f007"; }

/* Icônes de marques (fab) - 2 icônes */
.fa-facebook-f:before { content: "\f39e"; }
.fa-linkedin-in:before { content: "\f0e1"; }

/* Classes d'aide pour les tailles */
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-5xl { font-size: 3rem; }
.text-6xl { font-size: 3.75rem; }

/* Utilitaires de marge */
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.ml-2 { margin-left: 0.5rem; }
.mt-1 { margin-top: 0.25rem; }
.mb-4 { margin-bottom: 1rem; }

/* Flexbox utilities */
.flex { display: flex; }
.items-center { align-items: center; }
.inline-block { display: inline-block; }
.flex-shrink-0 { flex-shrink: 0; }

/* Position */
.relative { position: relative; }
.z-10 { z-index: 10; }

/* Bibliothèque d'icônes SV COMPTA - Mise à jour automatique */
/* Date de génération: 06/09/2025 à 10:30:00 */
/* Total: 52 icônes (9 complétées) */

/* Police Font Awesome Solid */
@font-face {
  font-family: 'Font Awesome 6 Free';
  src: url('./webfonts/fa-solid-900.woff2') format('woff2'),
       url('./webfonts/fa-solid-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Police Font Awesome Brands */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  src: url('./webfonts/fa-brands-400.woff2') format('woff2'),
       url('./webfonts/fa-brands-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.fas {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fab {
  font-family: 'Font Awesome 6 Brands';
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Classes utilitaires pour les couleurs */
.text-yellow-600 { color: #d97706; }
.text-yellow-400 { color: #fbbf24; }
.text-yellow-300 { color: #fcd34d; }
.text-yellow-500 { color: #f59e0b; }
.text-green-600 { color: #059669; }
.text-green-500 { color: #10b981; }
.text-blue-600 { color: #2563eb; }
.text-blue-500 { color: #3b82f6; }
.text-purple-600 { color: #7c3aed; }
.text-orange-600 { color: #ea580c; }
.text-orange-500 { color: #f97316; }
.text-red-400 { color: #f87171; }
.text-blue-400 { color: #60a5fa; }
.text-purple-400 { color: #a78bfa; }
.text-white { color: #ffffff; }
.text-dark { color: #374151; }
.text-primary { color: #878057; }

/* Animations */
.animate-bounce {
  animation: bounce 1s infinite;
}

.icon-bounce {
  animation: iconBounce 2s ease-in-out infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

@keyframes iconBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Transitions */
.group-hover\:scale-110 {
  transition: transform 0.3s ease;
}

.group:hover .group-hover\:scale-110 {
  transform: scale(1.1);
}

.transition-transform {
  transition: transform 0.3s ease;
}

.duration-300 {
  transition-duration: 300ms;
}

/* Icônes solides (fas) - 50 icônes */
.fa-arrow-down:before { content: "\f063"; }
.fa-handshake:before { content: "\f2b5"; }
.fa-rocket:before { content: "\f135"; }
.fa-calendar-alt:before { content: "\f073"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-star:before { content: "\f005"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-car:before { content: "\f1b9"; }
.fa-file-contract:before { content: "\f56c"; }
.fa-phone:before { content: "\f095"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-map-marker-alt:before { content: "\f3c5"; }
.fa-comments:before { content: "\f086"; }
.fa-shield-alt:before { content: "\f3ed"; }
.fa-user-check:before { content: "\f4fc"; }
.fa-check:before { content: "\f00c"; }
.fa-cogs:before { content: "\f085"; }
.fa-leaf:before { content: "\f06c"; }
.fa-crown:before { content: "\f521"; }
.fa-layer-group:before { content: "\f5fd"; }
.fa-building:before { content: "\f1ad"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-chart-line:before { content: "\f201"; }
.fa-chart-pie:before { content: "\f200"; }
.fa-euro-sign:before { content: "\f153"; }
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-chart-line-down:before { content: "\f64c"; }
.fa-clock:before { content: "\f017"; }
.fa-money-bill-wave:before { content: "\f53a"; }
.fa-user-tie:before { content: "\f508"; }
.fa-search-dollar:before { content: "\f688"; }
.fa-check-circle:before { content: "\f058"; }
.fa-book:before { content: "\f02d"; }
.fa-calendar-check:before { content: "\f274"; }
.fa-university:before { content: "\f19c"; }
.fa-newspaper:before { content: "\f1ea"; }
.fa-headset:before { content: "\f590"; }
.fa-lightbulb:before { content: "\f0eb"; }
.fa-award:before { content: "\f559"; }
.fa-user:before { content: "\f007"; }
/* NOUVELLES ICÔNES COMPLÉTÉES */
.fa-boxes:before { content: "\f468"; }
.fa-dizzy:before { content: "\f567"; }
.fa-eye:before { content: "\f06e"; }
.fa-fire:before { content: "\f06d"; }
.fa-play:before { content: "\f04b"; }
.fa-robot:before { content: "\f544"; }
.fa-store:before { content: "\f54e"; }
.fa-tachometer-alt:before { content: "\f3f4"; }
/* ICÔNES SOCIALES EXISTANTES */
.fa-facebook-f:before { content: "\f39e"; }
.fa-linkedin-in:before { content: "\f0e1"; }

/* Icônes de marques (fab) - 4 icônes */
.fa-facebook-f:before { content: "\f39e"; }
.fa-linkedin-in:before { content: "\f0e1"; }
/* NOUVELLES ICÔNES MARQUES COMPLÉTÉES */
.fa-amazon:before { content: "\f270"; }
.fa-shopify:before { content: "\e057"; }

/* Classes d'aide pour les tailles */
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-5xl { font-size: 3rem; }
.text-6xl { font-size: 3.75rem; }

/* Utilitaires de marge */
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.ml-2 { margin-left: 0.5rem; }
.mt-1 { margin-top: 0.25rem; }
.mb-4 { margin-bottom: 1rem; }

/* Flexbox utilities */
.flex { display: flex; }
.items-center { align-items: center; }
.inline-block { display: inline-block; }
.flex-shrink-0 { flex-shrink: 0; }

/* Position */
.relative { position: relative; }
.z-10 { z-index: 10; }

/* Classes spécifiques pour votre projet */
.iconefeatures {
  color: #059669; /* vert */
  margin-right: 0.5rem;
}

.iconefeaturesGold {
  color: #d97706; /* or/jaune */
  margin-right: 0.5rem;
}

/* Classes spécifiques pour les couleurs des icônes e-commerce */
.fa-amazon { color: #ff9900; }
.fa-shopify { color: #96bf48; }
.fa-fire { color: #ff5722; }
.fa-euro-sign { color: #3b82f6; }

/* ===== ICÔNES FONTAWESOME POUR STARTUP PAGE - EXTRAITES DE ENJEUX-STARTUPS.HTML ===== */

/* ICÔNES PRINCIPALES */
.fa-chart-line::before {
  content: "\f201";
}
.fa-handshake::before {
  content: "\f2b5";
}
.fa-calendar::before {
  content: "\f133";
}
.fa-seedling::before {
  content: "\f4d8";
}
.fa-flask::before {
  content: "\f0c3";
}
.fa-rocket::before {
  content: "\f135";
}
.fa-check-circle::before {
  content: "\f058";
}
.fa-search::before {
  content: "\f002";
}
.fa-calculator::before {
  content: "\f1ec";
}
.fa-file-alt::before {
  content: "\f15c";
}
.fa-shield-alt::before {
  content: "\f3ed";
}
.fa-crown::before {
  content: "\f521";
}
.fa-envelope::before {
  content: "\f0e0";
}
.fa-globe::before {
  content: "\f0ac";
}

/* BASE FONTAWESOME - CLASSES OBLIGATOIRES */
.fas {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* TAILLES D'ICÔNES UTILISÉES */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 1em;
  vertical-align: -0.125em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

/* ICÔNES PAR CONTEXTE D'UTILISATION */

/* Hero Section */
.hero-icon {
  font-size: 3rem; /* text-3xl equivalent */
}

/* Section Icons */
.section-icon {
  font-size: 2rem; /* text-2xl equivalent */
}

/* Process Step Icons */
.step-icon {
  font-size: 1.25rem; /* text-xl equivalent */
}

/* Button Icons */
.btn-icon {
  margin-right: 0.5rem; /* mr-2 equivalent */
}

/* COULEURS D'ICÔNES PERSONNALISÉES */
.text-primary .fas,
.text-primary .fa {
  color: rgb(152, 147, 118);
}

.text-secondary .fas,
.text-secondary .fa {
  color: rgb(196, 191, 164);
}

.text-accent .fas,
.text-accent .fa {
  color: rgb(118, 114, 89);
}

.text-white .fas,
.text-white .fa {
  color: white;
}

.text-green-500 .fas,
.text-green-500 .fa {
  color: rgb(34, 197, 94);
}

.text-blue-500 .fas,
.text-blue-500 .fa {
  color: rgb(59, 130, 246);
}

/* CONTEXTES SPÉCIFIQUES DE LA PAGE STARTUP */

/* Icônes dans les cartes statistiques */
.stat-card .fas {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* Icônes dans les processus (étapes 1-6) */
.process-step .fas {
  font-size: 1.25rem;
  color: white;
}

/* Icônes dans les listes à puces */
.list-item .fas {
  margin-top: 0.25rem;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

/* Icônes dans les boutons */
.btn-primary .fas,
.btn-secondary .fas {
  margin-right: 0.5rem;
}

/* Icônes dans les en-têtes de section */
.section-header .fas {
  font-size: 2rem;
  color: white;
}

/* ANIMATIONS POUR LES ICÔNES */
.animate-float .fas {
  animation: iconFloat 6s ease-in-out infinite;
}

@keyframes iconFloat {
  0%, 100% { 
    transform: translateY(0px) rotate(0deg);
  }
  33% { 
    transform: translateY(-5px) rotate(2deg);
  }
  66% { 
    transform: translateY(-2px) rotate(-1deg);
  }
}

/* HOVER EFFECTS POUR LES ICÔNES */
.hover-icon-lift:hover .fas {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
}

.hover-icon-scale:hover .fas {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

/* RESPONSIVE - TAILLES D'ICÔNES */
@media (max-width: 768px) {
  .hero-icon {
    font-size: 2rem;
  }
  
  .section-icon {
    font-size: 1.5rem;
  }
  
  .stat-card .fas {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .hero-icon {
    font-size: 1.5rem;
  }
  
  .section-icon {
    font-size: 1.25rem;
  }
  
  .stat-card .fas {
    font-size: 1.5rem;
  }
}

/* ICÔNES DANS LES CONTAINERS SPÉCIAUX */

/* Icônes dans les gradients */
.bg-gradient-to-br .fas,
.bg-gradient-to-r .fas {
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Icônes dans les cartes avec ombre */
.shadow-xl .fas {
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}

/* CLASSES UTILITAIRES POUR LES ICÔNES */
.icon-primary {
  color: rgb(152, 147, 118) !important;
}

.icon-secondary {
  color: rgb(196, 191, 164) !important;
}

.icon-accent {
  color: rgb(118, 114, 89) !important;
}

.icon-white {
  color: white !important;
}

.icon-green {
  color: rgb(34, 197, 94) !important;
}

.icon-blue {
  color: rgb(59, 130, 246) !important;
}

/* CENTRAGE PARFAIT DES ICÔNES */
.flex.items-center.justify-center .fas {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* CORRECTION ALIGNEMENT VERTICAL */
.inline-flex .fas {
  vertical-align: middle;
  margin-top: -2px;
}

/* ===== ICÔNES FONTAWESOME POUR CRÉATEURS DE CONTENU - EXTRAITES DE ENJEUX-CREATEURCONTENUS.HTML ===== */

/* ICÔNES PRINCIPALES */
.fa-calendar::before {
  content: "\f133";
}
.fa-play::before {
  content: "\f04b";
}
.fa-chart-line::before {
  content: "\f201";
}
.fa-shield-alt::before {
  content: "\f3ed";
}
.fa-clock::before {
  content: "\f017";
}
.fa-check::before {
  content: "\f00c";
}
.fa-rocket::before {
  content: "\f135";
}
.fa-graduation-cap::before {
  content: "\f19d";
}
.fa-search::before {
  content: "\f002";
}
.fa-cogs::before {
  content: "\f085";
}
.fa-file-alt::before {
  content: "\f15c";
}
.fa-trophy::before {
  content: "\f091";
}
.fa-copyright::before {
  content: "\f1f9";
}
.fa-exclamation-triangle::before {
  content: "\f071";
}
.fa-coins::before {
  content: "\f51e";
}
.fa-calendar-check::before {
  content: "\f274";
}
.fa-phone::before {
  content: "\f095";
}

/* ICÔNES BRAND (FAB) */
.fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.fa-youtube::before {
  content: "\f167";
}

/* BASE FONTAWESOME - CLASSES OBLIGATOIRES */
.fas {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* CONTEXTES SPÉCIFIQUES DE LA PAGE CRÉATEURS */

/* Hero Section - Floating Cards */
.floating-card .fas {
  font-size: 1.3rem;
  flex-shrink: 0;
  color: rgb(198, 190, 145); /* Couleur primary */
}

/* Section Headers - Icônes principales dans les cercles colorés */
.section-header .fas,
.section-header .fab {
  font-size: 2rem; /* text-2xl */
  color: white;
}

/* Icônes YouTube spécifiques */
.text-red-400 .fab,
.bg-red-600 .fab {
  color: rgb(248, 113, 113); /* text-red-400 */
}

.bg-red-600 .fab {
  color: white;
}

/* Icônes Formation */
.text-blue-400 .fas,
.bg-blue-600 .fas {
  color: rgb(96, 165, 250); /* text-blue-400 */
}

.bg-blue-600 .fas {
  color: white;
}

/* Icônes Droits d'Auteur */
.text-purple-400 .fas,
.bg-purple-600 .fas {
  color: rgb(196, 181, 253); /* text-purple-400 */
}

.bg-purple-600 .fas {
  color: white;
}

/* BOUTONS ET INTERACTIONS */

/* Icônes dans les boutons */
.btn .fas,
.btn .fab {
  margin-right: 0.5rem; /* mr-2 */
  font-size: inherit;
  vertical-align: middle;
}

/* Boutons principaux */
.btn-primary .fas,
.btn-white .fas {
  color: inherit;
}

/* Listes avec checks */
.card-features .fas,
.text-primary .fas {
  color: rgb(198, 190, 145); /* primary */
  margin-right: 0.5rem;
  font-size: 0.875rem; /* text-sm */
}

/* CARTES ET PROCESS */

/* Process Steps - Icônes dans les cercles */
.process-step .fas {
  font-size: 1.25rem; /* text-xl */
  color: rgb(198, 190, 145); /* primary */
}

/* Card Icons - Icônes dans les en-têtes de cartes */
.card-icon .fas {
  font-size: 1.5rem;
  color: white;
}

.card-icon {
  background-color: rgb(198, 190, 145); /* primary par défaut */
}

.card-icon.bg-red-600 {
  background-color: rgb(220, 38, 38);
}

.card-icon.bg-green-600 {
  background-color: rgb(22, 163, 74);
}

.card-icon.bg-purple-600 {
  background-color: rgb(147, 51, 234);
}

/* COULEURS SPÉCIFIQUES AUX SECTIONS */

/* Section YouTube - Rouge */
.youtube-section .fas,
.youtube-section .fab {
  color: rgb(220, 38, 38);
}

/* Section Formation - Bleu */
.formation-section .fas {
  color: rgb(37, 99, 235);
}

/* Section Droits d'Auteur - Violet */
.droits-section .fas {
  color: rgb(147, 51, 234);
}

/* TAILLES RESPONSIVES */

/* Hero section */
.hero .fas {
  font-size: 1.3rem;
}

.hero-visual .fas {
  font-size: 1.3rem;
  flex-shrink: 0;
}

/* Section principale */
.section .fas,
.section .fab {
  font-size: 2rem; /* Dans les headers */
}

/* Cards modernes */
.modern-card .fas {
  color: rgb(198, 190, 145);
  margin-right: 0.5rem;
}

/* Pricing cards */
.pricing-card .fas {
  color: rgb(198, 190, 145);
  margin-right: 0.5rem;
  font-size: 0.875rem;
}

/* CTA Section */
.cta-section .fas,
.cta-section .fab {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* ANIMATIONS SPÉCIFIQUES */

/* Animation pour les cartes flottantes du hero */
.floating-card {
  animation: float 6s ease-in-out infinite;
}

.floating-card .fas {
  animation: iconPulse 4s ease-in-out infinite;
}

@keyframes iconPulse {
  0%, 100% { 
    transform: scale(1);
    opacity: 1;
  }
  50% { 
    transform: scale(1.05);
    opacity: 0.9;
  }
}

/* Hover effects pour les process steps */
.process-step:hover .fas {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

/* RESPONSIVE - MOBILE */
@media (max-width: 768px) {
  /* Hero icons plus petites sur mobile */
  .floating-card .fas {
    font-size: 1.1rem;
  }
  
  /* Section headers plus petites */
  .section-header .fas,
  .section-header .fab {
    font-size: 1.5rem;
  }
  
  /* CTA icons plus petites */
  .cta-section .fas,
  .cta-section .fab {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  /* Encore plus petit pour très petits écrans */
  .floating-card .fas {
    font-size: 1rem;
  }
  
  .section-header .fas,
  .section-header .fab {
    font-size: 1.25rem;
  }
  
  .cta-section .fas,
  .cta-section .fab {
    font-size: 1.5rem;
  }
}

/* CLASSES UTILITAIRES POUR LES COULEURS */

/* Couleurs principales du thème créateurs */
.icon-primary {
  color: rgb(198, 190, 145) !important; /* #c6be91 */
}

.icon-secondary {
  color: rgb(140, 130, 101) !important; /* #8c8265 */
}

.icon-accent {
  color: rgb(162, 129, 80) !important; /* #a28150 */
}

.icon-gold {
  color: rgb(188, 177, 133) !important; /* #bcb185 */
}

/* Couleurs spécifiques aux plateformes */
.icon-youtube {
  color: rgb(255, 0, 0) !important; /* Rouge YouTube */
}

.icon-formation {
  color: rgb(37, 99, 235) !important; /* Bleu formation */
}

.icon-copyright {
  color: rgb(147, 51, 234) !important; /* Violet droits d'auteur */
}

/* ÉTATS SPÉCIAUX */

/* Icônes dans les backgrounds colorés */
.bg-white\/10 .fas,
.bg-white\/10 .fab {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Icônes avec backdrop-filter */
.backdrop-blur-sm .fas,
.backdrop-blur-sm .fab {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

/* ALIGNEMENTS PARFAITS */

/* Centrage dans les flex containers */
.flex.items-center .fas,
.flex.items-center .fab {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

/* Correction alignement dans les boutons */
.btn .fas,
.btn .fab {
  margin-top: -2px; /* Compense la hauteur de ligne */
  vertical-align: middle;
}

/* Dans les listes */
.card-features li .fas {
  margin-top: 2px; /* Aligne avec le texte */
  vertical-align: top;
}

/* EFFETS HOVER SPÉCIALISÉS */

/* Hover sur les cartes modernes */
.modern-card:hover .fas {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

/* Hover sur les pricing cards */
.pricing-card:hover .fas {
  color: rgb(162, 129, 80); /* accent color */
  transition: color 0.3s ease;
}

/* Hover sur les process steps */
.process-step:hover .fas {
  transform: translateY(-2px);
  filter: drop-shadow(0 4px 8px rgba(198, 190, 145, 0.3));
  transition: all 0.3s ease;
}

/* Icônes manquantes pour le formulaire de contact */
.fa-times:before { content: "\f00d"; }
.fa-comment-alt:before { content: "\f27a"; }
.fa-tag:before { content: "\f02b"; }
.fa-video:before { content: "\f03d"; }
.fa-paper-plane:before { content: "\f1d8"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-clipboard-check:before { content: "\f46c"; }
.fa-edit:before { content: "\f044"; }
.fa-plus:before { content: "\f067"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-spinner:before { content: "\f110"; }

/* ===== NOUVELLES ICÔNES POUR SECTION SERVICES REASSURANTS ===== */
/* Date d'ajout: [DATE] */

/* Icônes principales pour la section de réassurance */
.fa-map-marked-alt:before { content: "\f5a0"; }
.fa-gift:before { content: "\f06b"; }
.fa-bolt:before { content: "\f0e7"; }
.fa-video:before { content: "\f03d"; }
.fa-tools:before { content: "\f7d9"; }
.fa-bullseye:before { content: "\f140"; }

/* Icône de synchronisation/suivi continu */
.fa-sync-alt:before { content: "\f2f1"; }

/* Icônes pour la liste d'importance des statuts juridiques */

.fa-users:before { content: "\f0c0"; }           /* NOUVELLE */

.fa-exchange-alt:before { content: "\f362"; }    /* NOUVELLE */
/* Icône briefcase/porte-documents */
.fa-briefcase:before { content: "\f0b1"; }

/* ==========================================
   FONT AWESOME ICONS - DÉFINITIONS CSS
   ========================================== */

/* Import Font Awesome depuis CDN */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* ===== ICÔNES UTILISÉES DANS LE DOCUMENT ===== */

/* Globe - Opportunités internationales */
.fa-globe::before {
  content: "\f0ac";
}

/* Camion - Logistique */
.fa-truck::before {
  content: "\f0d1";
}

/* Balance - Réglementaire */
.fa-balance-scale::before {
  content: "\f24e";
}

/* Carte de crédit - Paiements */
.fa-credit-card::before {
  content: "\f09d";
}

/* Mégaphone - Marketing */
.fa-bullhorn::before {
  content: "\f0a1";
}

/* Globe Amériques - Opportunités stratégiques */
.fa-globe-americas::before {
  content: "\f57d";
}

/* Camion rapide - Logistique express */
.fa-truck-fast::before {
  content: "\f48b";
}

/* Pourcentage - Faible IS */
.fa-percentage::before {
  content: "\f295";
}

/* Graphique ligne - Réinvestissement */
.fa-chart-line::before {
  content: "\f201";
}

/* Immeuble - Holding */
.fa-building::before {
  content: "\f1ad";
}

/* Poignée de main - Stabilité juridique */
.fa-handshake::before {
  content: "\f2b5";
}

/* Pièces - Coûts opérationnels */
.fa-coins::before {
  content: "\f51e";
}

/* Fusée - Innovation */
.fa-rocket::before {
  content: "\f135";
}

/* Triangle d'exclamation - Avertissements */
.fa-exclamation-triangle::before {
  content: "\f071";
}

/* Cercle d'exclamation - PE / Risques */
.fa-exclamation-circle::before {
  content: "\f06a";
}

/* Immeuble avec utilisateur - Substance */
.fa-building-user::before {
  content: "\f4fe";
}

/* Cravate utilisateur - Dirigeant */
.fa-user-tie::before {
  content: "\f508";
}

/* Reçu - TVA */
.fa-receipt::before {
  content: "\f543";
}

/* Bouclier virus - Conformité */
.fa-shield-virus::before {
  content: "\f96c";
}

/* Marteau - Juridictionnel */
.fa-gavel::before {
  content: "\f0e3";
}

/* Calculatrice - Simulation */
.fa-calculator::before {
  content: "\f1ec";
}

/* Calendrier check - CTA */
.fa-calendar-check::before {
  content: "\f274";
}

/* ===== CLASSES DE BASE FONT AWESOME ===== */

.fas,
.fa-solid {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

/* ===== TAILLES D'ICÔNES PERSONNALISÉES ===== */

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

/* ===== ANIMATIONS ICÔNES ===== */

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

/* ===== ROTATIONS ICÔNES ===== */

.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scaleX(-1);
}

.fa-flip-vertical {
  transform: scaleY(-1);
}

/* ===== STYLES PERSONNALISÉS POUR VOS ICÔNES ===== */

/* Conteneurs d'icônes carrés avec fond coloré */
.icon-container {
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  transition: all 0.3s ease;
}

.icon-container:hover {
  transform: scale(1.1);
}

/* Icônes avec cercle de fond */
.icon-circle {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* ===== COULEURS D'ICÔNES PAR THÈME ===== */

.icon-green {
  color: #16a34a;
}

.icon-orange {
  color: #ea580c;
}

.icon-blue {
  color: #2563eb;
}

.icon-purple {
  color: #9333ea;
}

.icon-pink {
  color: #db2777;
}

.icon-red {
  color: #dc2626;
}

.icon-yellow {
  color: #ca8a04;
}

.icon-gray {
  color: #4b5563;
}

/* ===== ICÔNES AVEC EFFET HOVER ===== */

.icon-hover-effect {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.icon-hover-effect:hover {
  transform: scale(1.15) rotate(5deg);
}

/* ===== ICÔNES AVEC OMBRE ===== */

.icon-shadow {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.icon-shadow-lg {
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.15));
}

/* ===== FIX POUR ALIGNEMENT VERTICAL ===== */

i.fas,
i.fa-solid {
  vertical-align: middle;
  line-height: 1;
}

/* ===== RESPONSIVE - TAILLES MOBILES ===== */

@media (max-width: 640px) {
  .icon-container {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
  }
  
  .icon-circle {
    width: 3rem;
    height: 3rem;
    font-size: 1.25rem;
  }
}
/* Méthode locale - à placer dans votre fichier Commun_custom-icons.css */

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../fonts/fa-solid-900.woff2') format('woff2'),
       url('../fonts/fa-solid-900.ttf') format('truetype');
}

/* Puis utilisez les classes ci-dessus */