404.php

@@ -2,9 +2,9 @@
 head("404.php"); ?>
 
 <div id="page404">
-	<img id ="img404" src="img/404fourmie.png" alt="Le texte 'erreur 404' en train d'être mangé par des fourmies"/>
+	<img id ="img404" src="img/404fourmie.png" alt="Le texte 'erreur 404' en train d'être mangé par des fourmis"/>
 
-	<p>La page à laquelle vous avez tenté d'accéder a été Antièrement dévorée par une armée de fourmies affamées !</p>
+	<p>La page à laquelle vous avez tenté d'accéder a été Antièrement dévorée par une armée de fourmis affamées !</p>
 
 	<a href="./" class="boutton big smallspecial icon-home">Page d'accueil</a>
 </div>

LICENSE.html

@@ -10,7 +10,7 @@
       margin-left: 20%;
       margin-right: 20%;
       font-size: 22px;
-      background-color: #2d2f34;
+      background-color: #2a2a2a;
       color: white;
       line-height: 30px;
       text-align: justify;
@@ -18,8 +18,8 @@
     }
 
     ::selection {
-      color: white;
-      background-color: red;
+      color: #2a2a2a;
+      background-color: white;
     }
 
     h1 {
@@ -28,14 +28,10 @@
 
     a[href] {
       color: white;
-      transition: all 0.5s ease;
-
+      transition: color 0.1s;
     }
-
     a[href]:hover {
       color: red;
-
-
     }
 
     @font-face {

cgu.php

@@ -7,150 +7,58 @@ head("cgu.php"); ?>
         <section>
             <h2>Préambule</h2>
             <p>
-            En utilisant l'un des services Antopie listés
-            <a href="index.php#services">ici</a>, vous acceptez d’être lié·e par
-            les conditions suivantes.<br> Antopie se réserve le droit de mettre
-            à jour et modifier ces conditions de temps à autre. <br>
-            Ces conditions sont dérivées de <a href="https://framasoft.org/fr/cgu/">celles de Framasoft</a>.
+              En utilisant les services Antopie, vous acceptez d’être lié·e par
+              les conditions suivantes.<br>
+              Antopie se réserve le droit de mettre à jour et modifier ces conditions à tout moment. <br>
+              Ces conditions sont dérivées de <a href="https://framasoft.org/fr/cgu/">celles de Framasoft</a>.
             </p>
         </section>
 
         <section>
             <h2>Conditions des services</h2>
 
-            <ol>
-                <li>L’utilisation des services se fait à vos propres risques. Le
-                    service est fourni tel quel.</li>
-                <li>Les comptes ne peuvent être créés et utilisés que par des êtres
-                    humains. Les comptes créés par des robots ou d'autres méthodes
-                    automatisées pourront être supprimés sans avertissement.</li>
+            <ul>
                 <li>Vous êtes responsable de la sécurité de votre compte et de
-                    votre mot de passe. <br> Antopie ne peut pas et ne sera pas
-                    responsable de toutes pertes ou dommages résultant de votre
-                    non-respect de cette obligation de sécurité.</li>
+                    votre mot de passe.</li>
                 <li>Vous êtes responsable de tout contenu affiché et de l’activité
                     qui se produit sous votre compte.</li>
-                <li>Vous ne pouvez pas utiliser le service à des fins illégales ou
-                    non autorisées.</li>
-                <li>Vous ne pouvez pas vendre, échanger, revendre, ou exploiter
+                <li>Vous ne pouvez pas vendre, échanger ou exploiter
                     dans un but commercial un compte du service
                     utilisé.</li>
-            </ol>
-            <p>La violation de l’un de ces accords entraînera la suppression de
-            votre compte.<br>
-            Vous comprenez et acceptez qu'Antopie ne puisse être
-            tenue responsable pour les contenus publiés sur ce service.</p>
-
-            <ol>
-                <li>Vous comprenez que la mise en ligne du service ainsi que de
-                    votre contenu implique une transmission sur divers réseaux.
-                </li>
-                <li>Vous ne devez pas transmettre des vers, des virus ou tout autre
-                    code de nature malveillante.</li>
-                <li>Antopie ne garantit pas :
-                    <ul>
-                        <li>que les services seront maintenus en ligne à long ou court terme,</li>
-                        <li>que les services répondront à vos besoins spécifiques,</li>
-                        <li>que les services seront ininterrompus ou exempts de bugs,</li>
-                        <li>que des erreurs dans les services seront corrigées.</li>
-                    </ul>
-                </li>
-                <li> Vous comprenez et acceptez qu'Antopie ne puisse être tenu
-                    responsable de tous dommages directs, indirects, ou fortuits,
-                    comprenant les dommages pour perte de profits, de clientèle,
-                    d’accès, de données ou d’autres pertes intangibles (même si
-                    Antopie est informé de la possibilité de tels dommages) et
-                    qui résulteraient de :
-                    <ol>
-                        <li>l’utilisation ou de l’impossibilité d’utiliser l'un des services ;</li>
-                        <li>l’accès non autorisé ou altéré de la transmission des données ;</li>
-                        <li>les déclarations ou les agissements d’un tiers sur l'un des services ;</li>
-                        <li>la suppression de votre compte ;</li>
-                        <li>toute autre question relative au service.</li>
-                    </ol>
-                </li>
                 <li>L’échec d'Antopie à exercer ou à appliquer tout droit ou
-                    disposition des Conditions Générales d’Utilisation ne constitue
-                    pas une renonciation à ce droit ou à cette disposition.  Les
-                    Conditions d’utilisation constituent l’intégralité de l’accord
-                    entre vous et Antopie et régissent votre utilisation du
-                    service, remplaçant tous les accords antérieurs entre vous et
-                    Antopie (y compris les versions précédentes des conditions
-                    d’utilisation).
+                    disposition des Conditions d’utilisation ne constitue
+                    pas une renonciation à ce droit ou à cette disposition.</li>
+                <li>Les conditions d'utilisation actuelles remplacent les anciennes versions.
                 </li>
-                <li>Les questions sur les conditions de service doivent être
-                    envoyées par <a href="mailto:miraty+legal@antopie.org">email</a>.</li>
-            </ol>
+            </ul>
 
-            <h2>Modifications du service</h2>
-            <ol>
+            <h2>Garantie</h2>
+
+            <ul>
+                <li>Antopie se dégage de toutes responsabilités dans la limite
+                    de la loi.</li>
                 <li>Antopie se réserve le droit, à tout moment de modifier ou
                     d’interrompre, temporairement ou définitivement, le service
                     avec ou sans préavis.</li>
-                <li>Antopie ne sera pas responsable envers vous ou tout tiers
-                    pour toute modification, suspension ou interruption du
-                    service.</li>
-            </ol>
-
-            <h2>Droit d’auteur sur le contenu</h2>
-
-            <ol>
-                <li>Vous ne pouvez pas envoyer, télécharger, publier sur un blog,
-                    distribuer, diffuser tout contenu illégal, diffamatoire,
-                    harcelant, abusif, frauduleux, contrefait, obscène ou autrement
-                    répréhensible.</li>
-                <li>Nous ne revendiquons aucun droit sur vos données : textes,
-                    images, son, vidéo, ou tout autre élément, que vous téléchargez
-                    ou transmettez depuis votre compte.</li>
-                <li>Nous n’utiliserons pas votre contenu pour un autre usage que de
-                    vous fournir le service.</li>
-                <li>Vous ne devez pas télécharger ou rendre disponible tout contenu
-                    qui porte atteinte aux droits de quelqu’un d’autre.</li>
-                <li>Nous nous réservons le droit de supprimer tout contenu nous
-                    paraissant non pertinent pour l’usage du service, selon notre
-                    seul jugement.</li>
-                <li>Nous pouvons, si nécessaire, supprimer ou empêcher la diffusion
-                    de tout contenu sur le service qui ne respecterait pas les
-                    présentes conditions.</li>
-            </ol>
-
-            <h2>Édition et partage de données</h2>
-            <ul>
-                <li>Les fichiers que vous créez avec le service peuvent être - si
-                    vous le souhaitez - lus, copiés, utilisés et redistribués par
-                    des gens que vous connaissez ou non.</li>
-                <li>En rendant publiques vos données, vous reconnaissez et acceptez
-                    que toute personne utilisant l'un des services puisse les consulter
-                    sans restrictions.</li>
-                <li>Antopie ne peut être tenu responsable de tout problème
-                    résultant du partage ou de la publication de données entre
-                    utilisateurs ou utilisatrices.</li>
             </ul>
 
             <h2>Données personnelles</h2>
 
             <p>Conformément à l’article 34 de la loi « Informatique et Libertés »,
-            Antopie garantit à l’utilisateur un droit d’opposition, d’accès et de
-            rectification sur les données nominatives le concernant.  L’utilisateur
+            Antopie garantit à l’utilisateurice un droit d’opposition, d’accès et de
+            rectification sur les données nominatives le concernant. L'utilisateurice
             a la possibilité d’exercer ce droit en envoyant un
-            <a href="mailto:miraty+legal@antopie.org">email</a> à l'administrateur.</p>
+            <a href="mailto:miraty+legal@antopie.org">email</a> à l'administrateurice.</p>
 
             <ul>
-                <li>Pour utiliser certains services d'Antopie, vous devez créer un
-                    compte. Les
-                    champs « Nom » et « Prénom » peuvent être requis pour le bon
-                    fonctionnement du logiciel, mais il n’est pas nécessaire qu’ils
-                    révèlent votre véritable identité.</li>
+                <li>Malgré ce que certaines interfaces pourraient laisser supposer,
+                vous n'avez jamais besoin de donner votre identité pour utiliser les services.</li>
                 <li>Tout comme d’autres services en ligne, Antopie enregistre
                     automatiquement certaines informations concernant votre
-                    utilisation du service telles que l’activité du compte (exemple
-                    : espace de stockage occupé, nombre d’entrées, mesures prises),
-                    les données affichées ou cliquées (exemple : liens, éléments de
-                    l’interface utilisateur), et d’autres informations pour vous
-                    identifier (exemple : type de navigateur, adresse IP, date et
-                    heure de l’accès, URL de référence).
+                    utilisation du service (exemple : type de navigateur, adresse IP, date et
+                    heure de l’accès, URL de référence).<br>
+                    Ces données ne sont ni vendues, ni transmises à des tiers, dans la limite de la loi.
                 </li>
-                <li>Ces données ne sont ni vendues, ni transmises à des tiers.</li>
             </ul>
         </section>
 

inc/debut.php

@@ -6,12 +6,17 @@ function head($adresse) {
 
   ?>
 
-  <!DOCTYPE HTML>
+  <!DOCTYPE html>
   <html lang="fr" id="haut">
     <head>
       <meta charset="UTF-8">
       <title><?php echo $page['titre']; ?> · Antopie</title>
-      <link rel="icon" type="image/ico" href="img/favicon.ico">
+      <link rel="icon" type="image/png" href="img/icons/16.png" sizes="16x16">
+      <link rel="icon" type="image/png" href="img/icons/32.png" sizes="32x32">
+      <link rel="icon" type="image/png" href="img/icons/64.png" sizes="64x64">
+      <link rel="icon" type="image/png" href="img/icons/128.png" sizes="128x128">
+      <link rel="icon" type="image/png" href="img/icons/256.png" sizes="256x256">
+      <link rel="icon" type="image/png" href="img/icons/512.png" sizes="512x512">
       <meta name="author" content="Miraty">
       <meta name="publisher" content="Antopie">
       <meta name="distribution" content="global">

inc/footer.php

@@ -1,79 +1,80 @@
 
-</main>
-<footer>
-  <div class="liensfooter centre">
-    <div class="lienfooter">
-      <a href="cgu.php" class="boutton big small icon-balance-scale" >
-        Conditions d'utilisation
-      </a>
+  </main>
+  <footer>
+    <div class="liensfooter centre">
+      <div class="lienfooter">
+        <a href="cgu.php" class="boutton big small icon-balance-scale" >
+          Conditions d'utilisation
+        </a>
+      </div>
+      <div class="lienfooter">
+        <a href="https://code.antopie.org/miraty/web/" class="boutton icon-git" >
+          Code source
+        </a>
+      </div>
     </div>
-    <div class="lienfooter">
-      <a href="https://code.antopie.org/miraty/web/" class="boutton icon-git" >
-        Code source
-      </a>
+    <div class="interlude">
+      <div class="traitinterlude">
+        <hr>
+      </div>
     </div>
-  </div>
-  <div class="interlude">
-    <div class="traitinterlude">
-    </div>
-  </div>
-  <div class="basfooter">
-    <div class="logofooter">
-      <a class="ant" href=".">
-        <div>
-          <br><br><br>
-          <?php
-        switch (mt_rand(1, 11)) {
-          case 1: ?>
-          Antièrement libre
-          <?php break;
-          case 2: ?>
-          https://www.antopie.org
-          <?php break;
-          case 3: ?>
-          À l'Antipode des GAFAM
-          <?php break;
-          case 4: ?>
-          Anterrons le capitalisme
-          <?php break;
-          case 5: ?>
-          Pour la liberté d'Anternet !
-          <?php break;
-          case 6: ?>
-          Le slogan trop marrAnt !
-          <?php break;
-          case 7: ?>
-          Sans publicités gênAntes
-          <?php break;
-          case 8: ?>
-          FAntastique !
-          <?php break;
-          case 9: ?>
-          Un site fourmilitAnt
-          <?php break;
-          case 10: ?>
-          Fourmiedable !
-          <?php break;
-          case 11: ?>
-          100% indépendAnt
-          <?php break;
+    <div class="basfooter">
+      <div class="logofooter">
+        <a class="ant" href=".">
+          <div>
+            <br><br><br>
+            <?php
+          switch (mt_rand(1, 11)) {
+            case 1: ?>
+            Antièrement libre
+            <?php break;
+            case 2: ?>
+            https://www.antopie.org
+            <?php break;
+            case 3: ?>
+            À l'Antipode des GAFAM
+            <?php break;
+            case 4: ?>
+            Anterrons le capitalisme
+            <?php break;
+            case 5: ?>
+            Pour la liberté d'Anternet !
+            <?php break;
+            case 6: ?>
+            Le slogan trop marrAnt !
+            <?php break;
+            case 7: ?>
+            Sans publicités gênAntes
+            <?php break;
+            case 8: ?>
+            FAntastique !
+            <?php break;
+            case 9: ?>
+            Un site fourmilitAnt
+            <?php break;
+            case 10: ?>
+            Fourmiedable !
+            <?php break;
+            case 11: ?>
+            100% indépendAnt
+            <?php break;
 
-        } ?>
-        </div>
-      </a>
+          } ?>
+          </div>
+        </a>
+      </div>
+      <div class="textefooter">
+        Fait avec <a href="https://datalove.fr/">datalove</a> par un·e <a href="https://anargeek.net/fr.html">anargeek</a> à Paris.<br>
+        Le <a href="https://code.antopie.org/miraty/web">code source de ce site</a> est publié sous <a href="LICENSE.html"><abbr title="GNU Affero General Public License">AGPL</abbr></a> version 3 ou toute version ultérieure.
+        <br>
+        Créé par Miraty avec HTML, Less et PHP ; servi par Nginx sous Debian/YunoHost.
+        <br>
+        Images Ant, Antopie et erreur 404 créées par Zarkaa sous <abbr title="Creative Commons - Attribution - Partage dans les mêmes conditions">CC-BY-SA</abbr>.
+      </div>
+      <div class="gomeza" id="gomeza" onclick='var div = document.getElementById("gomeza"), display = getComputedStyle(div, null).display; document.getElementById("gomeza").style.display = "none";'>
+        <span class="gomez run"></span>
+      </div>
     </div>
-    <div class="textefooter">
-      Fait avec <span class="icon-heart-2" aria-label="cœur"></span> à Paris.<br>
-      Le <a href="https://code.antopie.org/miraty/web">code source de ce site</a> est publié sous <a href="LICENSE.html"><abbr title="GNU Affero General Public License">AGPL</abbr></a> version 3 ou toute version ultérieure.
-      <br>
-      Créé par Miraty avec HTML, Less et PHP ; servi par Nginx sous Debian/YunoHost.
-      <br>
-      Images Ant, Antopie et erreur 404 créées par Zarkaa sous <abbr title="Creative Commons - Attribution - Partage dans les mêmes conditions">CC-BY-SA</abbr>.
-    </div>
-    <div class="gomeza" id="gomeza" onclick='var div = document.getElementById("gomeza"), display = getComputedStyle(div, null).display; document.getElementById("gomeza").style.display = "none";'>
-      <span class="gomez run"></span>
-    </div>
-  </div>
-</footer>
-</body>
+  </footer>
+  </body>
 </html>

inc/page.php

@@ -11,10 +11,17 @@ switch ($adresse) {
   break;
   case "cgu.php":
     $page['titre'] = "Conditions d'utilisation";
-    $page['description'] = "Conditions générales d'utilisation des services Antopie";
+    $page['description'] = "Conditions d'utilisation des services Antopie";
   break;
   case "navigateur.php":
-    $page['titre'] = "À propos de ton navigateur";
-    $page['description'] = "Obtennez des informations envoyées par votre navigateur telles que votre adresse IP, le site d'où vous venez, votre agent utilisateur, etc...";
+    $page['titre'] = "À propos du navigateur Web";
+    $page['description'] = "Obtennez des informations envoyées par votre navigateur Web telles que votre adresse IP, le site d'où vous venez, votre agent utilisateur, etc...";
   break;
+  case "contenu.php":
+    $page['titre'] = "Règles sur le contenu";
+    $page['description'] = "Règles régissant les contenus publiés sur Antopie";
+  break;
+  default:
+    $page['titre'] = "Erreur : La page n'existe pas";
+    $page['description'] = "Erreur : La page n'existe pas";
 }

index.php

@@ -4,7 +4,7 @@ head("index.php"); ?>
   <div id="pres">
 
     <p>
-      Moi c'est Miraty, j'héberge divers services libres sur un serveur dédié Kimsufi (OVH) sous <a href="https://yunohost.org">YunoHost</a>.
+      Moi c'est <a href="https://miraty.antopie.org">Miraty</a>, j'héberge divers services libres sur un serveur dédié Kimsufi (OVH) sous <a href="https://yunohost.org">YunoHost</a>.
     </p>
     <p>
       L'utilisation de ces services est régie par les <a href="cgu.php">conditions d'utilisation d'Antopie</a>.
@@ -12,10 +12,9 @@ head("index.php"); ?>
     <p>
       Si vous utilisez l'un de ces services, je vous invite à suivre le compte <a rel="me" href="https://miaou.drycat.fr/@Antopie">@Antopie@miaou.drycat.fr</a> par le Fédiverse ou <a href="https://miaou.drycat.fr/@Antopie.rss">par flux RSS</a> afin que vous soyez informé·e des pannes et nouveaux services.
     </p>
+
   </div>
 
-
-
   <div id="services" class="grille-services">
 
     <?php
@@ -80,9 +79,9 @@ $descService = array(
   'plume' => 'Créez simplement un blog qui sera accessible via le Web, le <a href="https://fr.wikipedia.org/wiki/Fediverse">Fédiverse</a> et un flux <a href="https://fr.wikipedia.org/wiki/Atom_Syndication_Format">Atom</a>.',
   'peertube' => 'Regardez ou publiez des vidéos sur le <a href="https://fr.wikipedia.org/wiki/Fediverse">Fédiverse</a> en <a href="https://fr.wikipedia.org/wiki/Pair_%C3%A0_pair">pair à pair</a>.',
   'gitea' => '<a href="https://fr.wikipedia.org/wiki/Forge_(informatique)">Forge logicielle</a> simple basée sur <a href="https://fr.wikipedia.org/wiki/Git">Git</a>.',
-  'libreqr' => 'Générateur de <a href="https://fr.wikipedia.org/wiki/Code_QR">codes QR</a> ; créé par moi-même.',
+  'libreqr' => "Générateur de <a href='https://fr.wikipedia.org/wiki/Code_QR'>codes QR</a> que j'ai créé.",
   'bitwarden' => 'Générez, enregistrez et synchronisez des mots ou phrases de passe fortes.',
-  'nextcloud' => 'Synchronisation de fichiers, de contacts (<a href="https://fr.wikipedia.org/wiki/CardDAV">CardDAV</a>), d’agenda (<a href="https://fr.wikipedia.org/wiki/CalDAV">CalDAV</a>), <a href="https://getcarnet.app/">Carnet</a> , et plein d’autres fonctionnalités grâce à des extension !',
+  'nextcloud' => 'Synchronisation de fichiers, de contacts (<a href="https://fr.wikipedia.org/wiki/CardDAV">CardDAV</a>), d’agenda (<a href="https://fr.wikipedia.org/wiki/CalDAV">CalDAV</a>), <a href="https://getcarnet.app/">Carnet</a> , et plein d’autres fonctionnalités grâce à des extensions.',
   'synapse' => 'Un serveur <a href="https://fr.wikipedia.org/wiki/Matrix_(protocole)">Matrix</a>, qui est un protocole internet moderne pour la communication écrite, audio ou vidéo.',
   'riot' => 'Client Web pour <a href="https://fr.wikipedia.org/wiki/Matrix_(protocole)">Matrix</a>.',
   'privatebin' => 'Partagez des textes, codes sources ou <a href="https://fr.wikipedia.org/wiki/Markdown">Markdown</a> rapidement.',
@@ -162,11 +161,11 @@ $paquetYnhService = array(
   </p>
 
   <p>
-     <a href="https://retency.antopie.org/">Excluez une adresse MAC</a> du pistage publicitaire effectué par Retency. <a href="https://framagit.org/Mindiell/retency">Plus d'infos</a>
+    Je n'ai pas besoin de dons pour financer Antopie, si vous avez toutefois suffisamment d'argent, vous pouvez par exemple <a href="https://www.laquadrature.net/donner/">soutenir La Quadrature du Net</a> ou un projet libre sur <a href="https://liberapay.com/explore/">Liberapay</a>.
   </p>
 
   <address id="contact">
-    N'hésitez pas à me contacter par mail : <a href="mailto:miraty+web@antopie.org"><code>miraty+web@antopie.org</code></a>, le Fédiverse : <a rel="me" href="https://social.antopie.org/miraty"><code>@miraty@social.antopie.org</code></a>, ou Matrix : <code>@miraty:matrix.antopie.org</code>.
+    N'hésitez pas à me contacter par mail : <a href="mailto:miraty+web@antopie.org">miraty+web@antopie.org</a>, le Fédiverse : <a href="https://oc.todon.fr/@Miraty" rel="me">@Miraty@oc.todon.fr</a> ou Matrix : @miraty:matrix.antopie.org.
   </address>
 
 

style.less

@@ -1,7 +1,7 @@
-@fond: #2D2F34;
+@fond: #2a2a2a;
 @fond-footer: darken(@fond, 3%);
 @fond-option-hover: lighten(@fond, 10%);
-@texte-secondaire: #9DA3B0;
+@texte-secondaire: #aaaaaa;
 @texte-principal: white;
 @couleur-lien: white;
 @couleur-principale: red;
@@ -64,7 +64,7 @@ a {
 #img404 {
 	padding-top: 10px;
 	padding-bottom: 30px;
-	width: 40%;
+	width: 30%;
 	@media (max-width: 1300px) {
 		width: 766px;
 	}
@@ -118,7 +118,7 @@ address {
 
 .lienService:link {
 	padding: 20px;
-	border: 2px #2D2F34 solid;
+	border: 2px @fond solid;
 	border-radius: 16px;
 	transition: border 0.2s linear;
 	color: white;
@@ -204,6 +204,10 @@ main {
 	justify-content: center;
 }
 
+.traitinterlude > hr {
+	display: none;
+}
+
 .traitinterlude {
 	border-top: 2px gray dashed;
 	width: 650px;

style.min.css

@@ -1 +1 @@
-.texte-secondaire{color:#9da3b0;}::selection{color:#2d2f34;background-color:white;}.boutton{border:2px solid grey;padding:10px;margin:5px;display:inline-block;border-radius:14px;color:white;text-decoration:none;}.boutton:hover{color:red;border:2px solid red;}html{font-size:20px;scrollbar-color:white #2d2f34;scrollbar-width:auto;}@media all and (max-width: 640px){html{font-size:13px;}}a{text-decoration:underline;color:white;transition:all 0.1s linear;}a:hover{text-decoration:none;color:red;}.logo{margin-bottom:10px;}#img404{padding-top:10px;padding-bottom:30px;width:40%;}@media (max-width: 1300px){#img404{width:766px;}}#page404{text-align:center;}body,code{font-family:"Ubuntu", sans-serif;padding:0px;margin:0px;background-color:#2d2f34;color:white;font-size:25px;line-height:35px;}address{font-style:normal;}.grille-services{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:30px;padding-top:30px;}@media (max-width: 1500px){.grille-services{grid-template-columns:1fr 1fr 1fr;}}@media (max-width: 1000px){.grille-services{grid-template-columns:1fr 1fr;}}@media (max-width: 600px){.grille-services{grid-template-columns:1fr;}}.zoneLien{display:flex;flex-direction:row;justify-content:center;}.lienService:link{padding:20px;border:2px #2d2f34 solid;border-radius:16px;transition:border 0.2s linear;color:white;text-decoration:none;display:block;padding-bottom:10px;margin-bottom:10px;max-width:210px;}.lienService:link:hover{border:2px white solid;}.themeService{text-align:center;font-size:0.8em;}.titreService{font-size:1.3em;text-align:center;}.urlService{margin-top:-6px;font-size:0.8em;color:grey;text-align:center;}.metaService{text-decoration:none;}.metasService{display:flex;flex-direction:row;justify-content:center;font-size:0.8em;}.logoService{text-align:center;}.elLogoServ{max-width:150px;max-height:100px;color:white;}.descService{padding-top:5px;padding-bottom:10px;text-align:left;}main{margin:0px;margin-top:30px;margin-left:30px;margin-bottom:50px;margin-right:30px;}.centre{text-align:center;justify-content:center;}.textefooter{margin:10px;line-height:1.5em;width:60%;padding-left:20px;padding-right:20px;}.interlude{display:flex;justify-content:center;}.traitinterlude{border-top:2px gray dashed;width:650px;}.basfooter{display:flex;justify-content:space-around;margin-top:30px;margin-bottom:20px;}.corps{text-align:center;}footer{text-align:center;background-color:#26282c;display:flex;flex-direction:column;}.logofooter{padding-left:6%;margin-top:20px;text-align:center;}.ant{background-color:#26282c;background-image:url(img/antpetitgris.png);background-repeat:no-repeat;background-position:center top;display:inline-block;text-decoration:none;min-width:264px;min-height:80px;}.ant:hover{background-image:url(img/antpetit.png);}.liensfooter{display:flex;flex-direction:row;padding:20px;}.lienfooter{margin:10px;}.icon-heart-2{transition:0.2s color;}.icon-heart-2:hover{color:red;}#pres{text-align:center;line-height:40px;margin-left:100px;margin-right:100px;}@media (max-width: 1400px){#pres{margin-left:0px;margin-right:0px;}}#header{margin:0px;border:3px white solid;border-top:none;border-radius:0px 0px 12px 12px;text-align:center;font-size:2em;display:flex;justify-content:center;padding:30px;padding-bottom:20px;margin-left:35px;margin-right:35px;}@media (max-width: 600px){#header{border:none;padding:0px;margin-top:20px;margin-left:20px;margin-right:20px;}}header{display:flex;justify-content:center;}#header:active{box-shadow:2px 2px 3px white inset;}#header:hover{background-color:#45484f;transition:all 0.2s ease-in-out;}@media (max-width: 600px){#header:hover{background-color:inherit;}}h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:100%;}h1{font-size:250%;text-align:center;}h2{font-size:200%;}h3{font-size:160%;}h4{font-size:140%;}h5{font-size:125%;}h6{font-size:110%;}#LRI{color:pink !important;aime:"les pizza ananas-champignons";width:200px;position:absolute;top:10px;left:10px;}@media (max-width: 1300px){#LRI{width:60px;position:absolute;top:2px;left:2px;}}@media (max-width: 1000px){#LRI{width:32px;position:absolute;top:2px;left:2px;}}.gomeza{display:none;position:fixed;bottom:0px;left:30px;z-index:100;}@media (max-width: 800px){.basfooter{flex-direction:column;}.textefooter{width:auto;margin:4%;margin-bottom:0px;}.logofooter{padding:0px;}.traitinterlude{width:80%;}}@media (max-width: 500px){.textefooter{padding-left:8%;padding-right:8%;margin:0px;}.liensfooter{flex-direction:column;}}
+.texte-secondaire{color:#9da3b0;}::selection{color:#2a2a2a;background-color:white;}.boutton{border:2px solid grey;padding:10px;margin:5px;display:inline-block;border-radius:14px;color:white;text-decoration:none;}.boutton:hover{color:red;border:2px solid red;}html{font-size:20px;scrollbar-color:white #2a2a2a;scrollbar-width:auto;}@media all and (max-width: 640px){html{font-size:13px;}}a{text-decoration:underline;color:white;transition:all 0.1s linear;}a:hover{text-decoration:none;color:red;}.logo{margin-bottom:10px;}#img404{padding-top:10px;padding-bottom:30px;width:30%;}@media (max-width: 1300px){#img404{width:766px;}}#page404{text-align:center;}body,code{font-family:"Ubuntu", sans-serif;padding:0px;margin:0px;background-color:#2a2a2a;color:white;font-size:25px;line-height:35px;}address{font-style:normal;}.grille-services{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:30px;padding-top:30px;}@media (max-width: 1500px){.grille-services{grid-template-columns:1fr 1fr 1fr;}}@media (max-width: 1000px){.grille-services{grid-template-columns:1fr 1fr;}}@media (max-width: 600px){.grille-services{grid-template-columns:1fr;}}.zoneLien{display:flex;flex-direction:row;justify-content:center;}.lienService:link{padding:20px;border:2px #2a2a2a solid;border-radius:16px;transition:border 0.2s linear;color:white;text-decoration:none;display:block;padding-bottom:10px;margin-bottom:10px;max-width:210px;}.lienService:link:hover{border:2px white solid;}.themeService{text-align:center;font-size:0.8em;}.titreService{font-size:1.3em;text-align:center;}.urlService{margin-top:-6px;font-size:0.8em;color:grey;text-align:center;}.metaService{text-decoration:none;}.metasService{display:flex;flex-direction:row;justify-content:center;font-size:0.8em;}.logoService{text-align:center;}.elLogoServ{max-width:150px;max-height:100px;color:white;}.descService{padding-top:5px;padding-bottom:10px;text-align:left;}main{margin:0px;margin-top:30px;margin-left:30px;margin-bottom:50px;margin-right:30px;}.centre{text-align:center;justify-content:center;}.textefooter{margin:10px;line-height:1.5em;width:60%;padding-left:20px;padding-right:20px;}.interlude{display:flex;justify-content:center;}.traitinterlude > hr{display:none;}.traitinterlude{border-top:2px gray dashed;width:650px;}.basfooter{display:flex;justify-content:space-around;margin-top:30px;margin-bottom:20px;}.corps{text-align:center;}footer{text-align:center;background-color:#222;display:flex;flex-direction:column;}.logofooter{padding-left:6%;margin-top:20px;text-align:center;}.ant{background-color:#222;background-image:url(img/antpetitgris.png);background-repeat:no-repeat;background-position:center top;display:inline-block;text-decoration:none;min-width:264px;min-height:80px;}.ant:hover{background-image:url(img/antpetit.png);}.liensfooter{display:flex;flex-direction:row;padding:20px;}.lienfooter{margin:10px;}.icon-heart-2{transition:0.2s color;}.icon-heart-2:hover{color:red;}#pres{text-align:center;line-height:40px;margin-left:100px;margin-right:100px;}@media (max-width: 1400px){#pres{margin-left:0px;margin-right:0px;}}#header{margin:0px;border:3px white solid;border-top:none;border-radius:0px 0px 12px 12px;text-align:center;font-size:2em;display:flex;justify-content:center;padding:30px;padding-bottom:20px;margin-left:35px;margin-right:35px;}@media (max-width: 600px){#header{border:none;padding:0px;margin-top:20px;margin-left:20px;margin-right:20px;}}header{display:flex;justify-content:center;}#header:active{box-shadow:2px 2px 3px white inset;}#header:hover{background-color:#444;transition:all 0.2s ease-in-out;}@media (max-width: 600px){#header:hover{background-color:inherit;}}h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:100%;}h1{font-size:250%;text-align:center;}h2{font-size:200%;}h3{font-size:160%;}h4{font-size:140%;}h5{font-size:125%;}h6{font-size:110%;}#LRI{color:pink !important;aime:"les pizza ananas-champignons";width:200px;position:absolute;top:10px;left:10px;}@media (max-width: 1300px){#LRI{width:60px;position:absolute;top:2px;left:2px;}}@media (max-width: 1000px){#LRI{width:32px;position:absolute;top:2px;left:2px;}}.gomeza{display:none;position:fixed;bottom:0px;left:30px;z-index:100;}@media (max-width: 800px){.basfooter{flex-direction:column;}.textefooter{width:auto;margin:4%;margin-bottom:0px;}.logofooter{padding:0px;}.traitinterlude{width:80%;}}@media (max-width: 500px){.textefooter{padding-left:8%;padding-right:8%;margin:0px;}.liensfooter{flex-direction:column;}}