@charset "UTF-8";
@import url(main.css);
/* Palette de peinture colorée devant tous les H2 - Version complète */
h2::before { content: ""; display: inline-block; width: 32px; height: 24px; margin-right: 12px; background: linear-gradient(45deg, #ff6b6b 0%, #ff6b6b 14.28%, #feca57 14.28%, #feca57 28.56%, #48dbfb 28.56%, #48dbfb 42.84%, #0abde3 42.84%, #0abde3 57.12%, #1dd1a1 57.12%, #1dd1a1 71.4%, #10ac84 71.4%, #10ac84 85.68%, #a55eea 85.68%, #a55eea 100%); border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; border: 2px solid #333; position: relative; vertical-align: middle; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

/* Effet hover sur les H2 */
h2:hover::before { transform: scale(1.1); transition: transform 0.3s ease; }

/* Responsive */
@media (max-width: 768px) { h2::before { width: 24px; height: 18px; margin-right: 8px; } }

.social-circle { position: fixed; right: 20px; background-color: #ffffff; color: white; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index: 1000; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; text-align: center; }

.social-circle:hover { transform: scale(1.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); }

.social-circle a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-decoration: none; }

/* Style spécifique pour Facebook */
.facebook-circle { bottom: 30px; /* Réduit de 90px à 60px pour descendre le logo */ background-color: #3b5998; }

/* Style des icônes */
.social-circle svg { width: 30px; height: 30px; fill: white; }

.page-content { background-size: contain; background-repeat: repeat; }

/*# sourceMappingURL=custom.css.map */