<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/gif" href="/Capture_d_écran_2024-12-01_141507-removebg-preview.png">
    <title>Termes de Service</title>

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
    font-family: 'Arial', sans-serif;
    color: #f0f0f0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-x: hidden;
    position: relative;
    background-color: transparent; /* Aucune superposition blanche */
    margin: 0;
    background-color: #000; /* Fond noir */
}

.background-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
     /* Réduction de la luminosité sans opacité */
}

.content {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    padding: 50px;
    background-color: transparent; /* Pas de fond blanc sur le contenu */
}



        header {
    background-color: rgba(0, 0, 0, 0.8); /* Couleur d'arrière-plan avec transparence */
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 2.5em;
    letter-spacing: 2px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px; /* Ajoute un espace en bas */
}

/* Menu de navigation */
nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    background-color: rgba(34, 34, 34, 0.8); /* Couleur d'arrière-plan avec transparence */
    padding: 15px 0;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
    border-radius: 10px; /* Arrondi des coins */
    margin-top: 20px; /* Espace entre le header et la nav */
}

        nav ul li {
            margin: 0 20px;
        }

        nav ul li a {
            color: white;
            text-decoration: none;
            padding: 15px 25px;
            border-radius: 30px;
            transition: background-color 0.5s, transform 0.4s, box-shadow 0.4s;
        }

        nav ul li a:hover {
            background-color: #000000;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.6);
            transform: translateY(-5px);
        }

        nav ul li a:active {
            background-color: #ff0080;
            box-shadow: 0px 5px 15px rgba(255, 0, 128, 0.6);
            transform: scale(1.1);
        }

        main {
            padding: 20px;
            max-width: 800px;
            margin: 50px auto; /* Centrer le contenu avec un espace en haut */
            background: rgba(0, 0, 0, 0.8); /* Fond noir semi-transparent */
            border-radius: 10px; /* Coins arrondis */
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Ombre portée */
            backdrop-filter: blur(10px); /* Flou en arrière-plan */
            animation: fadeIn 1.5s; /* Animation d'entrée */
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        h2 {
            color: #ffffff; /* Couleur pour les titres */
            border-bottom: 2px solid #ccc; /* Ligne en bas des titres */
            padding-bottom: 5px;
            margin-bottom: 15px;
            animation: slideIn 1s; /* Animation pour les titres */
        }

        @keyframes slideIn {
            from {
                transform: translateY(-20px);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        p {
            line-height: 1.6; /* Hauteur de ligne pour la lisibilité */
            margin-bottom: 15px;
            animation: fadeIn 2s; /* Animation pour les paragraphes */
            animation-delay: 0.5s; /* Délai pour les paragraphes */
            opacity: 0; /* Commence invisible */
            animation-fill-mode: forwards; /* Rester visible après l'animation */
        }

      
      
      

          /* Footer */
          footer {
            text-align: center;
            padding: 10px;
            color: white;
            background-color: #222222;
        }
        /* Pour les petits écrans (mobiles) */
@media (max-width: 600px) {
    #reviews {
        flex-direction: column;
        align-items: center;
        justify-content: center; /* Centre les éléments */
    }

    .review-card {
        width: 100%; /* Occupation complète de l'espace */
        padding: 15px;
    }

    /* Ajuster la taille de l'image pour les petits écrans */
    .client-img {
        width: 60px;
        height: 60px;
    }

    /* Ajuster la taille du texte */
    .review-text {
        font-size: 0.9rem;
    }

    .client-name {
        font-size: 1.1rem;
    }

    #ratingText {
        font-size: 1rem;
    }

    /* Réduire la taille du titre sur mobile */
    h1 {
        font-size: 1.5rem; /* Ajuste la taille du titre */
        text-align: center; /* Centrer le titre */
        word-wrap: break-word; /* Éviter que le titre dépasse de l'écran */
        overflow-wrap: break-word; /* En cas de mots longs */
    }
}

/* Pour les écrans moyens (tablettes) */
@media (min-width: 601px) and (max-width: 1024px) {
    #reviews {
        justify-content: flex-start; /* Aligne les éléments sur le côté gauche pour maximiser l'espace */
    }

    .review-card {
        width: 45%;
    }

    .client-img {
        width: 70px;
        height: 70px;
    }

    .review-text {
        font-size: 1rem;
    }

    .client-name {
        font-size: 1.2rem;
    }

    /* Ajuster la taille du titre pour les tablettes */
    h1 {
        font-size: 2rem; /* Ajuster la taille pour les écrans moyens */
        text-align: center;
    }
}
  /* Styles pour la vidéo d'arrière-plan */
  
    </style>
</head>
<body>
    <video autoplay muted loop class="background-video">
        <source src="/bleufonce.mp4" type="video/mp4"> <!-- Chemin vers ta vidéo MP4 -->
        Votre navigateur ne prend pas en charge les vidéos.
    </video>

    <header>
        <h1>Termes de Service</h1>
        <nav>
            <ul>
                <li><a href="accueil.html">Accueil</a></li> <!-- Lien vers la page d'accueil -->
            </ul>
        </nav>
    </header>

    <main>
        <h2>Bienvenue sur Tech PayPal Reborn</h2>
        <p>Merci de lire attentivement nos Termes de Service (TOS) afin que tout se passe au mieux pour vous comme pour nous. En rejoignant ce serveur, vous acceptez automatiquement les TOS. Les services et informations disponibles sur ce serveur doivent être utilisés avec soin, en respectant les règles, conseils et autres consignes. Nous ne sommes pas responsables des pertes si vous n'avez pas préalablement suivi nos recommandations.</p>
        
        <h2>1. Paiement & Remboursement</h2>
        <p>Pour les paiements par PayPal, merci d'utiliser l'option "Friend & Family" sans aucune note. Tout autre type de paiement sera automatiquement refusé sans possibilité de remboursement. En cas de tentative de rétrofacturation, vous serez automatiquement banni de ce serveur sans préavis.</p>
        <p>Pour les paiements en cryptomonnaies, vous êtes responsable de l'envoi. Si vous n'envoyez pas l'argent à la bonne adresse, nous ne sommes en aucun cas responsables et aucun remboursement n'est possible. Si vous envoyez un montant inférieur, vous devez le compléter avant de pouvoir obtenir votre produit. Si vous envoyez un montant supérieur, nous considérons le surplus comme un don.</p>
        <p>Pour le paiement en PaySafeCard, seules les PaySafeCards françaises sont acceptées. Tout autre code ne pourra pas être encaissé de notre côté.</p>
        <p>Sauf erreur manifeste de notre part ou exception indiquée sur les messages de nos produits, aucun remboursement n'est possible.</p>

        <h2>2. Tolérance zéro au copyright</h2>
        <p>Tech PayPal Reborn applique une politique de tolérance zéro envers le copyright ou tout autre type de plagiat. Des filigranes ont été installés sur nos preuves afin d'éviter le vol. Si vous remarquez une violation de notre politique sur d'autres serveurs, merci de nous le signaler. Une récompense pourrait vous être accordée.</p>

        <h2>3. Exclusions de garantie</h2>
        <p>Les informations et services fournis sur Tech PayPal Reborn sont fournis "tels quels". Nous ne garantissons pas l'exactitude ou la complétude des informations fournies. Outre nos conditions de remboursement qui sont notées sur nos produits et qui resteront toujours valables.</p>

        <h2>4. Disponibilité & Accès</h2>
        <p>Nous avons également une vie en dehors de Discord. Nous sanctionnerons tout abus de ping ou de message. Merci de ne pas nous pinguer entre 6h et 23h (heure française). Nous vous répondrons au plus vite selon nos disponibilités.</p>
        <p>Nous nous réservons le droit de résilier l'accès au serveur et à nos produits à tout membre faisant preuve de violation de nos TOS ou pour toute autre raison à notre seule discrétion.</p>
        <p>Tech PayPal Reborn se réserve le droit de modifier ses TOS à tout moment sans préavis. Il est de votre responsabilité de les revoir régulièrement pour rester informé de toute mise à jour.</p>
    </main>

    <footer>
        <p>© 2024 Tech Paypal. Tous droits réservés.</p>
    </footer>
</body>
</html>
