{\rtf1\ansi\ansicpg1252\cocoartf2761
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0

\f0\fs24 \cf0 /* Reset basique */\
* \{\
  margin: 0;\
  padding: 0;\
  box-sizing: border-box;\
\}\
\
body, html \{\
  height: 100%;\
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\
  color: #ffffff;\
  overflow: hidden;\
  background-color: #000000;\
\}\
\
/* Photo de fond pleine page */\
.bg-image \{\
  position: absolute;\
  top: 0;\
  left: 0;\
  width: 100%;\
  height: 100%;\
  background-image: url('background.jpg');\
  background-size: cover;\
  background-position: center;\
  background-repeat: no-repeat;\
  z-index: 1;\
\}\
\
/* Voile d'ombrage pour la lisibilit\'e9 */\
.overlay \{\
  position: absolute;\
  top: 0;\
  left: 0;\
  width: 100%;\
  height: 100%;\
  background: rgba(0, 0, 0, 0.35); /* Ajuste l'opacit\'e9 (0.2 \'e0 0.5) selon l'effet voulu */\
  z-index: 2;\
\}\
\
/* Alignement centr\'e9 */\
.container \{\
  position: relative;\
  z-index: 3;\
  height: 100%;\
  display: flex;\
  flex-direction: column;\
  justify-content: center;\
  align-items: center;\
  text-align: center;\
  padding: 20px;\
\}\
\
/* Animation et style du logo */\
.logo \{\
  max-width: 420px; /* Taille optimale sur PC */\
  width: 85%;       /* Adaptation propre sur smartphone */\
  height: auto;\
  margin-bottom: 20px;\
  /* Halo lumineux subtil en arri\'e8re-plan pour d\'e9tacher le logo du fond */\
  filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.25));\
  animation: float 4s ease-in-out infinite;\
\}\
\
/* Effet de l\'e9vitation douce */\
@keyframes float \{\
  0% \{ transform: translateY(0px); \}\
  50% \{ transform: translateY(-10px); \}\
  100% \{ transform: translateY(0px); \}\
\}\
\
/* Titre sous le logo */\
.release-title \{\
  font-size: 1.5rem;\
  font-weight: 700;\
  letter-spacing: 6px;\
  text-transform: uppercase;\
  margin-bottom: 30px;\
  text-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);\
\}\
\
/* Icones r\'e9seaux sociaux */\
.social-links \{\
  display: flex;\
  gap: 30px;\
\}\
\
.social-links a \{\
  color: #ffffff;\
  font-size: 2.2rem;\
  transition: all 0.3s ease;\
  opacity: 0.9;\
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.6));\
\}\
\
.social-links a:hover \{\
  opacity: 1;\
  transform: scale(1.2);\
  color: #1DB954; /* Changement de couleur au survol */\
\}\
\
/* Ajustements pour mobiles */\
@media (max-width: 768px) \{\
  .logo \{\
    max-width: 300px;\
  \}\
  .release-title \{\
    font-size: 1.2rem;\
    letter-spacing: 4px;\
  \}\
  .social-links a \{\
    font-size: 1.8rem;\
  \}\
\}}