Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
| start [15/09/2026 19:35] – ajean | start [14/10/2026 09:10] (Version actuelle) – ajean | ||
|---|---|---|---|
| Ligne 4: | Ligne 4: | ||
| /* ============================================================ | /* ============================================================ | ||
| - | | + | |
| | | ||
| $SECTIONS = [ | $SECTIONS = [ | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| - | ' | + | ' |
| ' | ' | ||
| ] | ] | ||
| + | |||
| ]; | ]; | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | LIENS RAPIDES | ||
| + | | ||
| $LIENS_RAPIDES = [ | $LIENS_RAPIDES = [ | ||
| + | |||
| [' | [' | ||
| [' | [' | ||
| Ligne 81: | Ligne 96: | ||
| [' | [' | ||
| [' | [' | ||
| - | [' | + | [' |
| - | [ | + | |
| - | ' | + | |
| - | ' | + | |
| - | ' | + | |
| - | ] | + | |
| ]; | ]; | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| $RESEAUX = [ | $RESEAUX = [ | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| Ligne 102: | Ligne 120: | ||
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| ' | ' | ||
| ], | ], | ||
| + | |||
| [ | [ | ||
| ' | ' | ||
| ' | ' | ||
| - | ' | + | ' |
| ' | ' | ||
| ] | ] | ||
| + | |||
| ]; | ]; | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | $MOIS_FR = [ | ||
| + | 1 => ' | ||
| + | 2 => ' | ||
| + | 3 => ' | ||
| + | 4 => ' | ||
| + | 5 => ' | ||
| + | 6 => ' | ||
| + | 7 => ' | ||
| + | 8 => ' | ||
| + | 9 => ' | ||
| + | 10 => ' | ||
| + | 11 => ' | ||
| + | 12 => ' | ||
| + | ]; | ||
| + | |||
| + | $newsletter_mois = $MOIS_FR[(int)date(' | ||
| + | $newsletter_annee = date(' | ||
| + | |||
| + | $newsletter_fichier = | ||
| + | ' | ||
| + | $newsletter_mois . | ||
| + | ' ' . | ||
| + | $newsletter_annee . | ||
| + | ' | ||
| + | |||
| + | $newsletter_url = | ||
| + | ' | ||
| + | rawurlencode($newsletter_fichier); | ||
| + | |||
| + | $newsletter_url = | ||
| + | htmlspecialchars($newsletter_url, | ||
| Ligne 123: | Ligne 181: | ||
| $FETES = [ | $FETES = [ | ||
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ' | + | ' |
| ]; | ]; | ||
| Ligne 203: | Ligne 261: | ||
| $cle_fete = ((int)date(' | $cle_fete = ((int)date(' | ||
| - | $fete_nom = | + | $fete_nom = isset($FETES[$cle_fete]) |
| - | | + | |
| ? $FETES[$cle_fete] | ? $FETES[$cle_fete] | ||
| : 'Non répertorié'; | : 'Non répertorié'; | ||
| - | $fete_nom = htmlspecialchars($fete_nom, ENT_QUOTES, ' | + | $fete_nom = htmlspecialchars($fete_nom); |
| /* ============================================================ | /* ============================================================ | ||
| - | CALCUL DE PAQUES | + | |
| - | SANS easter_date() | + | |
| | | ||
| - | function | + | function |
| - | { | + | |
| $a = $annee % 19; | $a = $annee % 19; | ||
| $b = intdiv($annee, | $b = intdiv($annee, | ||
| Ligne 225: | Ligne 281: | ||
| $f = intdiv($b + 8, 25); | $f = intdiv($b + 8, 25); | ||
| $g = intdiv($b - $f + 1, 3); | $g = intdiv($b - $f + 1, 3); | ||
| - | + | | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| $i = intdiv($c, 4); | $i = intdiv($c, 4); | ||
| $k = $c % 4; | $k = $c % 4; | ||
| + | $l = (32 + 2 * $e + 2 * $i - $h - $k) % 7; | ||
| + | $m = intdiv($a + 11 * $h + 22 * $l, 451); | ||
| - | $l = ( | + | $mois = intdiv($h + $l - 7 * $m + 114, 31); |
| - | 32 + | + | $jour = (($h + $l - 7 * $m + 114) % 31) + 1; |
| - | 2 * $e + | + | |
| - | 2 * $i - | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | $a + | + | |
| - | 11 * $h + | + | |
| - | 22 * $l, | + | |
| - | 451 | + | |
| - | ); | + | |
| - | + | ||
| - | | + | |
| - | $h + | + | |
| - | $l - | + | |
| - | 7 * $m + | + | |
| - | 114, | + | |
| - | 31 | + | |
| - | ); | + | |
| - | + | ||
| - | | + | |
| - | $h + | + | |
| - | $l - | + | |
| - | 7 * $m + | + | |
| - | 114 | + | |
| - | ) % 31 + 1; | + | |
| - | + | ||
| - | return new DateTime( | + | |
| - | sprintf( | + | |
| - | ' | + | |
| - | | + | |
| - | $mois, | + | |
| - | $jour | + | |
| - | ) | + | |
| - | | + | |
| } | } | ||
| Ligne 282: | Ligne 298: | ||
| | | ||
| - | function | + | function |
| - | { | + | |
| - | $feries = []; | + | |
| - | $feries[$annee . ' | + | $paques |
| - | $feries[$annee | + | |
| - | $feries[$annee . ' | + | |
| - | $feries[$annee . ' | + | |
| - | $feries[$annee . ' | + | |
| - | $feries[$annee . ' | + | |
| - | $feries[$annee . ' | + | |
| - | $feries[$annee . ' | + | |
| - | | + | |
| - | | + | |
| - | $lundiPaques->modify('+1 day'); | + | => 'Jour de l\'An', |
| - | $ascension = clone $paques; | + | date(' |
| - | | + | => 'Lundi de Pâques', |
| - | | + | |
| - | $pentecote->modify('+50 days'); | + | => 'Fête du Travail', |
| - | | + | |
| - | | + | |
| - | $feries[$ascension-> | + | date(' |
| - | | + | |
| - | $feries[$pentecote-> | + | date(' |
| - | | + | |
| - | ksort($feries); | + | |
| + | => 'Fête Nationale', | ||
| - | return | + | |
| - | } | + | => ' |
| + | $annee . ' | ||
| + | => ' | ||
| - | /* ============================================================ | + | $annee . ' |
| - | PROCHAIN JOUR FERIE | + | => ' |
| - | | + | |
| - | $aujourdhui = new DateTime(date('Y-m-d')); | + | |
| + | => 'Noël' | ||
| + | ]; | ||
| + | } | ||
| + | |||
| + | $aujourdhui = new DateTime(date(' | ||
| $annee_courante = (int)date(' | $annee_courante = (int)date(' | ||
| $feries = array_merge( | $feries = array_merge( | ||
| - | | + | |
| - | | + | |
| ); | ); | ||
| Ligne 352: | Ligne 366: | ||
| } | } | ||
| - | $jours_restants = | + | |
| - | | + | $jours_restants = $prochain_ferie_date |
| - | ? (int)$aujourdhui | + | ? (int)$aujourdhui-> |
| - | | + | |
| - | | + | |
| : null; | : null; | ||
| + | |||
| $prochain_ferie_nom = | $prochain_ferie_nom = | ||
| - | htmlspecialchars( | + | htmlspecialchars($prochain_ferie_nom); |
| - | (string)$prochain_ferie_nom, | + | |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| - | | + | |
| - | $prochain_ferie_date_fr = | ||
| - | $prochain_ferie_date | ||
| - | ? $prochain_ferie_date-> | ||
| - | : ''; | ||
| if ($jours_restants === 0) { | if ($jours_restants === 0) { | ||
| - | $texte_ferie = 'Aujourd\'hui'; | + | $texte_ferie = "Aujourd' |
| - | } | + | } elseif ($jours_restants === 1) { |
| - | elseif ($jours_restants === 1) { | + | |
| - | $texte_ferie = 'Demain'; | + | $texte_ferie = "Demain"; |
| - | } | + | } else { |
| - | elseif ($jours_restants !== null) { | + | |
| $texte_ferie = | $texte_ferie = | ||
| - | | + | |
| - | | + | |
| - | ' | + | |
| - | $prochain_ferie_date_fr; | + | |
| - | + | ||
| - | } | + | |
| - | else { | + | |
| - | + | ||
| - | $texte_ferie = '' | + | |
| } | } | ||
| Ligne 406: | Ligne 400: | ||
| /* ============================================================ | /* ============================================================ | ||
| - | | + | |
| + | | ||
| | | ||
| - | $compteur_visites = 'indisponible'; | + | $compteur_visites = '0'; |
| if (defined(' | if (defined(' | ||
| Ligne 415: | Ligne 410: | ||
| $chemin_compteur = | $chemin_compteur = | ||
| DOKU_INC . | DOKU_INC . | ||
| - | ' | + | ' |
| - | $valeur | + | $date_du_jour |
| - | $handle = | + | $handle = @fopen( |
| - | | + | $chemin_compteur, |
| - | $chemin_compteur, | + | ' |
| - | ' | + | ); |
| - | ); | + | |
| if ($handle) { | if ($handle) { | ||
| Ligne 429: | Ligne 423: | ||
| if (flock($handle, | if (flock($handle, | ||
| - | $contenu = | + | |
| - | | + | |
| - | $handle, | + | |
| - | | + | $date_enregistree = ''; |
| + | $valeur = 0; | ||
| + | |||
| + | if ($contenu !== false && trim($contenu) !== '' | ||
| + | |||
| + | | ||
| + | | ||
| + | | ||
| ); | ); | ||
| - | | + | if (is_array($donnees)) { |
| - | (int)trim($contenu); | + | |
| + | $date_enregistree = | ||
| + | isset($donnees[' | ||
| + | ? (string)$donnees[' | ||
| + | : ''; | ||
| + | |||
| + | | ||
| + | | ||
| + | ? (int)$donnees[' | ||
| + | : 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* | ||
| + | * Nouveau jour : | ||
| + | * on repart de zéro avant de compter | ||
| + | * la visite actuelle. | ||
| + | */ | ||
| + | if ($date_enregistree !== $date_du_jour) { | ||
| + | $valeur = 0; | ||
| + | } | ||
| $valeur++; | $valeur++; | ||
| - | | + | |
| - | $handle, | + | |
| - | | + | |
| - | | + | |
| + | ftruncate($handle, | ||
| rewind($handle); | rewind($handle); | ||
| fwrite( | fwrite( | ||
| $handle, | $handle, | ||
| - | (string)$valeur | + | |
| ); | ); | ||
| fflush($handle); | fflush($handle); | ||
| + | flock($handle, | ||
| - | | + | |
| - | $handle, | + | |
| - | | + | |
| - | ); | + | 0, |
| + | ',', | ||
| + | ' ' | ||
| + | | ||
| } | } | ||
| fclose($handle); | fclose($handle); | ||
| - | |||
| - | $compteur_visites = | ||
| - | number_format( | ||
| - | $valeur, | ||
| - | 0, | ||
| - | ',', | ||
| - | ' ' | ||
| - | ); | ||
| } | } | ||
| } | } | ||
| Ligne 477: | Ligne 495: | ||
| | | ||
| - | /* | + | $CITATIONS |
| - | * Le système ci-dessous produit 384 pensées différentes. | + | |
| - | * | + | |
| - | * date(" | + | |
| - | * | + | |
| - | * Résultat : | + | |
| - | * une pensée différente automatiquement chaque jour. | + | |
| - | */ | + | |
| - | $PENSEES_DEBUT = [ | + | |
| + | ' | ||
| + | ' | ||
| + | ], | ||
| - | | + | |
| - | 'Chaque effort accompli avec constance', | + | 'texte' |
| - | | + | 'auteur' |
| - | 'Un objectif clairement défini', | + | |
| - | 'Une difficulté bien comprise', | + | |
| - | 'Une équipe | + | |
| - | 'Un savoir transmis', | + | |
| - | 'Une bonne organisation', | + | |
| - | 'Une décision réfléchie', | + | |
| - | 'Une action menée avec soin', | + | |
| - | 'Un problème transformé en apprentissage', | + | |
| - | 'Une journée commencée avec confiance', | + | |
| - | 'Une compétence développée', | + | |
| - | 'Une expérience partagée', | + | |
| - | 'Une amélioration même modeste', | + | |
| - | 'Un regard nouveau sur une difficulté', | + | |
| - | | + | |
| - | 'Une réussite construite collectivement', | + | |
| - | 'Un changement préparé avec méthode', | + | |
| - | | + | |
| - | | + | |
| - | 'Une solution simple et bien pensée', | + | |
| - | 'Une volonté entretenue chaque jour', | + | |
| - | 'Une équipe qui partage ses connaissances' | + | |
| - | ]; | + | [ |
| + | ' | ||
| + | ' | ||
| + | | ||
| - | $PENSEES_FIN = [ | + | |
| + | ' | ||
| + | ' | ||
| + | ], | ||
| - | | + | |
| - | 'peut ouvrir la voie à de grandes réussites.', | + | 'texte' |
| - | | + | 'auteur' |
| - | ' | + | |
| - | ' | + | |
| - | 'rend possible ce qui semblait difficile hier.', | + | |
| - | | + | |
| - | | + | |
| - | 'fait grandir à la fois les personnes et les projets.', | + | |
| - | ' | + | |
| - | ' | + | |
| - | 'fait de l\' | + | |
| - | ' | + | |
| - | ' | + | |
| - | 'donne de la force aux projets collectifs.', | + | |
| - | 'nous rappelle que l\' | + | |
| - | ]; | + | [ |
| + | ' | ||
| + | ' | ||
| + | | ||
| - | $PENSEES = []; | + | |
| + | ' | ||
| + | ' | ||
| + | | ||
| - | foreach ($PENSEES_DEBUT as $debut) { | + | [ |
| + | ' | ||
| + | ' | ||
| + | ], | ||
| - | | + | |
| + | ' | ||
| + | ' | ||
| + | ], | ||
| - | $PENSEES[] = [ | + | |
| - | ' | + | ' |
| - | ' | + | ' |
| - | ]; | + | |
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ], | ||
| + | |||
| + | [ | ||
| + | ' | ||
| + | ' | ||
| + | ] | ||
| + | |||
| + | ]; | ||
| - | } | ||
| - | } | ||
| $index_citation = | $index_citation = | ||
| - | ((int)date(' | + | ((int)date(' |
| - | | + | count($CITATIONS); |
| - | count($PENSEES); | + | |
| $citation_du_jour = | $citation_du_jour = | ||
| - | $PENSEES[$index_citation]; | + | $CITATIONS[$index_citation]; |
| $citation_texte = | $citation_texte = | ||
| htmlspecialchars( | htmlspecialchars( | ||
| - | $citation_du_jour[' | + | $citation_du_jour[' |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| ); | ); | ||
| + | |||
| $citation_auteur = | $citation_auteur = | ||
| htmlspecialchars( | htmlspecialchars( | ||
| - | $citation_du_jour[' | + | $citation_du_jour[' |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| ); | ); | ||
| Ligne 579: | Ligne 637: | ||
| echo ' | echo ' | ||
| < | < | ||
| + | |||
| + | /* Masquer les outils DokuWiki : RSS / abonnement / impression */ | ||
| + | # | ||
| + | display: none !important; | ||
| + | } | ||
| + | |||
| + | /* Masquer la recherche originale dans la Navbar du haut */ | ||
| + | # | ||
| + | # | ||
| + | # | ||
| + | # | ||
| + | .navbar # | ||
| + | .navbar form.search, | ||
| + | .navbar .navbar-form { | ||
| + | display: none !important; | ||
| + | } | ||
| .home-wrap { | .home-wrap { | ||
| - | | + | |
| - | --blue:# | + | |
| - | --blue-dark:# | + | |
| - | --blue-soft:# | + | --blue: #28689F; |
| - | --teal:# | + | --blue-dark: |
| - | --teal-soft:# | + | --blue-soft: |
| - | --violet:# | + | |
| - | --violet-soft:# | + | --teal: #278A84; |
| - | --amber:# | + | --teal-soft: |
| - | --amber-soft:# | + | |
| - | --text:# | + | --violet: #7169B8; |
| - | --muted:# | + | --violet-soft: |
| - | --light:# | + | |
| - | --border:# | + | --amber: #C88936; |
| - | --surface:# | + | --amber-soft: |
| - | --background:# | + | |
| + | --text: #1D2939; | ||
| + | --muted: #667085; | ||
| + | --light: #98A2B3; | ||
| + | |||
| + | --border: #E3E8EF; | ||
| + | |||
| + | --surface: #FFFFFF; | ||
| + | --background: | ||
| font-family: | font-family: | ||
| Ligne 605: | Ligne 687: | ||
| sans-serif; | sans-serif; | ||
| - | | + | color: var(--text); |
| - | | + | |
| - | background: | + | font-size: 14px; |
| - | padding: | + | |
| + | background: | ||
| + | | ||
| + | |||
| + | padding: | ||
| + | | ||
| } | } | ||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| @keyframes homeFadeUp { | @keyframes homeFadeUp { | ||
| from { | from { | ||
| - | opacity: | + | opacity: 0; |
| - | transform: | + | transform: |
| + | | ||
| } | } | ||
| to { | to { | ||
| - | opacity: | + | opacity: 1; |
| - | transform: | + | transform: |
| + | | ||
| } | } | ||
| } | } | ||
| + | |||
| .home-anim { | .home-anim { | ||
| + | |||
| animation: | animation: | ||
| homeFadeUp | homeFadeUp | ||
| - | .45s ease both; | + | .45s ease |
| + | | ||
| } | } | ||
| /* ============================================================ | /* ============================================================ | ||
| - | NEWSLETTER | + | GRETA NEWS DEFILANT |
| | | ||
| .home-news { | .home-news { | ||
| - | position: | ||
| - | display: | ||
| - | align-items: | ||
| - | overflow: | ||
| - | | + | |
| - | | + | |
| - | border-radius: | + | |
| + | |||
| + | overflow: hidden; | ||
| + | |||
| + | height: 52px; | ||
| + | |||
| + | margin-bottom: | ||
| + | |||
| + | | ||
| background: | background: | ||
| Ligne 655: | Ligne 756: | ||
| ); | ); | ||
| - | color:# | + | color: |
| + | | ||
| text-decoration: | text-decoration: | ||
| Ligne 668: | Ligne 770: | ||
| box-shadow .2s ease; | box-shadow .2s ease; | ||
| } | } | ||
| + | |||
| .home-news: | .home-news: | ||
| Ligne 678: | Ligne 781: | ||
| rgba(32, | rgba(32, | ||
| - | color:# | + | color: |
| + | | ||
| text-decoration: | text-decoration: | ||
| none !important; | none !important; | ||
| } | } | ||
| + | |||
| + | |||
| + | .home-news: | ||
| + | .home-news: | ||
| + | |||
| + | content: ""; | ||
| + | |||
| + | position: absolute; | ||
| + | |||
| + | z-index: 4; | ||
| + | |||
| + | top: 0; | ||
| + | |||
| + | bottom: 0; | ||
| + | |||
| + | width: 45px; | ||
| + | |||
| + | pointer-events: | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news: | ||
| + | |||
| + | left: 0; | ||
| + | |||
| + | background: | ||
| + | linear-gradient( | ||
| + | 90deg, | ||
| + | #225E8C, | ||
| + | rgba(34, | ||
| + | ); | ||
| + | } | ||
| + | |||
| + | |||
| + | .home-news: | ||
| + | |||
| + | right: 0; | ||
| + | |||
| + | background: | ||
| + | linear-gradient( | ||
| + | 270deg, | ||
| + | #278A84, | ||
| + | rgba(39, | ||
| + | ); | ||
| + | } | ||
| + | |||
| .home-news-track { | .home-news-track { | ||
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| - | width: | + | width: max-content; |
| - | white-space: | + | white-space: |
| animation: | animation: | ||
| homeNewsScroll | homeNewsScroll | ||
| - | 25s linear infinite; | + | 25s linear |
| + | | ||
| } | } | ||
| + | |||
| .home-news: | .home-news: | ||
| Ligne 705: | Ligne 857: | ||
| paused; | paused; | ||
| } | } | ||
| + | |||
| .home-news-group { | .home-news-group { | ||
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| - | flex-shrink: | + | flex-shrink: |
| } | } | ||
| + | |||
| .home-news-item { | .home-news-item { | ||
| - | display: | + | display: inline-flex; |
| - | align-items: | + | align-items: |
| - | gap:10px; | + | gap: 10px; |
| padding: | padding: | ||
| 0 38px; | 0 38px; | ||
| - | color:# | + | color: #FFFFFF; |
| - | font-size: | + | font-size: 13px; |
| - | font-weight: | + | font-weight: |
| } | } | ||
| + | |||
| .home-news-emoji { | .home-news-emoji { | ||
| - | | + | |
| + | | ||
| } | } | ||
| + | |||
| .home-news-badge { | .home-news-badge { | ||
| - | display: | + | display: inline-flex; |
| - | align-items: | + | align-items: |
| padding: | padding: | ||
| 4px 8px; | 4px 8px; | ||
| - | border-radius: | + | border-radius: |
| background: | background: | ||
| rgba(255, | rgba(255, | ||
| - | font-size: | + | font-size: 9px; |
| - | font-weight: | + | font-weight: |
| - | text-transform: | + | text-transform: |
| - | | + | |
| - | letter-spacing: | + | letter-spacing: |
| } | } | ||
| + | |||
| .home-news-item strong { | .home-news-item strong { | ||
| - | color:# | + | color: |
| + | | ||
| - | font-weight: | + | font-weight: |
| } | } | ||
| + | |||
| .home-news-dot { | .home-news-dot { | ||
| - | width:4px; | + | width: 4px; |
| - | height:4px; | + | height: 4px; |
| - | flex-shrink: | + | flex-shrink: |
| background: | background: | ||
| rgba(255, | rgba(255, | ||
| - | border-radius: | + | border-radius: |
| } | } | ||
| + | |||
| @keyframes homeNewsScroll { | @keyframes homeNewsScroll { | ||
| Ligne 802: | Ligne 962: | ||
| .home-hero { | .home-hero { | ||
| - | max-width: | + | max-width: 760px; |
| margin: | margin: | ||
| Ligne 810: | Ligne 970: | ||
| 10px 20px 22px; | 10px 20px 22px; | ||
| - | text-align: | + | text-align: center; |
| } | } | ||
| + | |||
| .home-hero img { | .home-hero img { | ||
| - | max-width: | + | max-width: 135px; |
| - | margin-bottom: | + | margin-bottom: |
| } | } | ||
| + | |||
| .home-hero-greeting { | .home-hero-greeting { | ||
| - | margin-bottom: | + | margin-bottom: |
| color: | color: | ||
| var(--blue); | var(--blue); | ||
| - | font-size: | + | font-size: 13px; |
| - | font-weight: | + | font-weight: |
| } | } | ||
| + | |||
| .home-hero h1 { | .home-hero h1 { | ||
| - | margin:0; | + | margin: 0; |
| color: | color: | ||
| var(--navy); | var(--navy); | ||
| - | font-size: | + | font-size: 28px; |
| - | line-height: | + | line-height: |
| - | font-weight: | + | font-weight: |
| - | letter-spacing: | + | letter-spacing: |
| } | } | ||
| + | |||
| .home-hero-subtitle { | .home-hero-subtitle { | ||
| - | max-width: | + | max-width: 550px; |
| margin: | margin: | ||
| Ligne 858: | Ligne 1022: | ||
| var(--muted); | var(--muted); | ||
| - | font-size: | + | font-size: 13.5px; |
| - | line-height: | + | line-height: |
| } | } | ||
| + | |||
| .home-hero-clock { | .home-hero-clock { | ||
| - | display: | + | display: inline-flex; |
| - | align-items: | + | align-items: |
| - | margin-top: | + | margin-top: 13px; |
| padding: | padding: | ||
| Ligne 878: | Ligne 1043: | ||
| var(--border); | var(--border); | ||
| - | border-radius: | + | border-radius: |
| background: | background: | ||
| Ligne 886: | Ligne 1051: | ||
| var(--muted); | var(--muted); | ||
| - | font-size: | + | font-size: 11px; |
| } | } | ||
| + | |||
| + | /* Raccourci Tableau des présences sous la date / heure */ | ||
| + | .home-presences-hero-link { | ||
| + | display: inline-flex; | ||
| + | align-items: | ||
| + | gap: 6px; | ||
| + | margin-top: 8px; | ||
| + | padding: 6px 11px; | ||
| + | border: 1px solid #D6E7F4; | ||
| + | border-radius: | ||
| + | background: var(--blue-soft); | ||
| + | color: var(--blue) !important; | ||
| + | font-size: 11px; | ||
| + | font-weight: | ||
| + | text-decoration: | ||
| + | transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease; | ||
| + | } | ||
| + | |||
| + | .home-presences-hero-link: | ||
| + | .home-presences-hero-link: | ||
| + | transform: translateY(-1px); | ||
| + | background: var(--blue); | ||
| + | border-color: | ||
| + | color: #FFFFFF !important; | ||
| + | text-decoration: | ||
| + | } | ||
| /* ============================================================ | /* ============================================================ | ||
| - | INFOS | + | CARTES INFORMATIONS |
| | | ||
| .home-infobar { | .home-infobar { | ||
| - | display: | + | display: grid; |
| grid-template-columns: | grid-template-columns: | ||
| Ligne 904: | Ligne 1095: | ||
| ); | ); | ||
| - | gap:10px; | + | gap: 10px; |
| margin: | margin: | ||
| 17px 0 16px; | 17px 0 16px; | ||
| } | } | ||
| + | |||
| .home-info-item { | .home-info-item { | ||
| - | min-width: | + | min-width: 0; |
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| - | gap:11px; | + | gap: 11px; |
| padding: | padding: | ||
| Ligne 930: | Ligne 1122: | ||
| var(--border); | var(--border); | ||
| - | border-radius: | + | border-radius: |
| box-shadow: | box-shadow: | ||
| Ligne 940: | Ligne 1132: | ||
| box-shadow .18s ease; | box-shadow .18s ease; | ||
| } | } | ||
| + | |||
| .home-info-item: | .home-info-item: | ||
| Ligne 950: | Ligne 1143: | ||
| rgba(16, | rgba(16, | ||
| } | } | ||
| + | |||
| .home-info-icon { | .home-info-icon { | ||
| - | width:36px; | + | width: 36px; |
| - | height: | + | height: 36px; |
| - | flex-shrink: | + | flex-shrink: |
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| - | justify-content: | + | justify-content: |
| - | border-radius: | + | border-radius: |
| - | font-size: | + | font-size: 17px; |
| } | } | ||
| + | |||
| .home-info-icon-fete { | .home-info-icon-fete { | ||
| + | |||
| background: | background: | ||
| var(--teal-soft); | var(--teal-soft); | ||
| } | } | ||
| + | |||
| .home-info-icon-ferie { | .home-info-icon-ferie { | ||
| + | |||
| background: | background: | ||
| var(--amber-soft); | var(--amber-soft); | ||
| } | } | ||
| + | |||
| .home-info-icon-semaine { | .home-info-icon-semaine { | ||
| + | |||
| background: | background: | ||
| var(--blue-soft); | var(--blue-soft); | ||
| } | } | ||
| + | |||
| .home-info-icon-visites { | .home-info-icon-visites { | ||
| + | |||
| background: | background: | ||
| var(--violet-soft); | var(--violet-soft); | ||
| } | } | ||
| + | |||
| .home-info-text { | .home-info-text { | ||
| - | min-width: | + | min-width: 0; |
| - | line-height: | + | line-height: |
| } | } | ||
| + | |||
| .home-info-label { | .home-info-label { | ||
| - | margin-bottom: | + | margin-bottom: |
| color: | color: | ||
| var(--light); | var(--light); | ||
| - | font-size: | + | font-size: 9.5px; |
| - | font-weight: | + | font-weight: |
| - | text-transform: | + | text-transform: |
| - | | + | |
| - | letter-spacing: | + | letter-spacing: |
| } | } | ||
| + | |||
| .home-info-value { | .home-info-value { | ||
| - | overflow: | + | overflow: hidden; |
| color: | color: | ||
| var(--navy); | var(--navy); | ||
| - | font-size: | + | font-size: 13px; |
| - | font-weight: | + | font-weight: |
| - | white-space: | + | white-space: |
| - | text-overflow: | + | text-overflow: |
| } | } | ||
| + | |||
| .home-info-detail { | .home-info-detail { | ||
| - | margin-top: | + | margin-top: 2px; |
| color: | color: | ||
| var(--light); | var(--light); | ||
| - | font-size: | + | font-size: 9.5px; |
| } | } | ||
| Ligne 1047: | Ligne 1252: | ||
| .home-citation { | .home-citation { | ||
| - | position: | + | position: relative; |
| - | overflow: | + | overflow: hidden; |
| margin: | margin: | ||
| Ligne 1065: | Ligne 1270: | ||
| ); | ); | ||
| - | border-radius: | + | border-radius: |
| - | color:# | + | color: |
| + | | ||
| box-shadow: | box-shadow: | ||
| Ligne 1073: | Ligne 1279: | ||
| rgba(32, | rgba(32, | ||
| } | } | ||
| + | |||
| .home-citation: | .home-citation: | ||
| - | content:""; | + | content: ""; |
| - | position: | + | position: absolute; |
| - | width: | + | width: 190px; |
| - | height: | + | height: 190px; |
| - | right: | + | right: -65px; |
| - | top:-95px; | + | top: -95px; |
| - | border-radius: | + | border-radius: |
| background: | background: | ||
| rgba(255, | rgba(255, | ||
| } | } | ||
| + | |||
| .home-citation-symbol { | .home-citation-symbol { | ||
| - | position: | + | position: absolute; |
| - | left:21px; | + | left: 21px; |
| - | top:11px; | + | top: 11px; |
| color: | color: | ||
| Ligne 1109: | Ligne 1317: | ||
| serif; | serif; | ||
| - | font-size: | + | font-size: 62px; |
| - | font-weight: | + | font-weight: |
| - | line-height: | + | line-height: |
| } | } | ||
| + | |||
| .home-citation-label { | .home-citation-label { | ||
| - | position: | + | position: relative; |
| - | z-index:2; | + | z-index: 2; |
| - | margin-bottom: | + | margin-bottom: |
| color: | color: | ||
| rgba(255, | rgba(255, | ||
| - | font-size: | + | font-size: 9.5px; |
| - | font-weight: | + | font-weight: |
| - | text-transform: | + | text-transform: |
| - | | + | |
| - | letter-spacing: | + | letter-spacing: |
| } | } | ||
| + | |||
| .home-citation-texte { | .home-citation-texte { | ||
| - | position: | + | position: relative; |
| - | z-index:2; | + | z-index: 2; |
| - | max-width: | + | max-width: 850px; |
| - | color:# | + | color: |
| + | | ||
| - | font-size: | + | font-size: 14px; |
| - | font-weight: | + | font-weight: |
| - | font-style: | + | font-style: italic; |
| - | line-height: | + | line-height: |
| } | } | ||
| + | |||
| .home-citation-auteur { | .home-citation-auteur { | ||
| - | position: | + | position: relative; |
| - | z-index:2; | + | z-index: 2; |
| - | margin-top: | + | margin-top: 8px; |
| color: | color: | ||
| rgba(255, | rgba(255, | ||
| - | font-size: | + | font-size: 11px; |
| - | font-weight: | + | font-weight: |
| } | } | ||
| Ligne 1179: | Ligne 1390: | ||
| .home-section-heading { | .home-section-heading { | ||
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| margin: | margin: | ||
| 28px 0 12px; | 28px 0 12px; | ||
| } | } | ||
| + | |||
| .home-section-label { | .home-section-label { | ||
| - | flex-shrink: | + | flex-shrink: |
| color: | color: | ||
| var(--navy); | var(--navy); | ||
| - | font-size: | + | font-size: 11px; |
| - | font-weight: | + | font-weight: |
| - | text-transform: | + | text-transform: |
| - | | + | |
| - | letter-spacing: | + | letter-spacing: |
| } | } | ||
| + | |||
| .home-section-line { | .home-section-line { | ||
| - | flex:1; | + | flex: 1; |
| - | height:1px; | + | height: 1px; |
| - | margin-left: | + | margin-left: |
| background: | background: | ||
| Ligne 1218: | Ligne 1430: | ||
| /* ============================================================ | /* ============================================================ | ||
| - | | + | |
| | | ||
| .home-cards { | .home-cards { | ||
| - | display: | + | display: grid; |
| grid-template-columns: | grid-template-columns: | ||
| Ligne 1231: | Ligne 1443: | ||
| ); | ); | ||
| - | gap:12px; | + | gap: 12px; |
| } | } | ||
| + | |||
| .home-card { | .home-card { | ||
| - | position: | + | position: relative; |
| - | min-height: | + | min-height: 135px; |
| - | display: | + | display: flex; |
| - | flex-direction: | + | flex-direction: |
| - | padding: | + | padding: 16px; |
| background: | background: | ||
| Ligne 1253: | Ligne 1466: | ||
| var(--border); | var(--border); | ||
| - | border-radius: | + | border-radius: |
| color: | color: | ||
| Ligne 1270: | Ligne 1483: | ||
| box-shadow .18s ease; | box-shadow .18s ease; | ||
| } | } | ||
| + | |||
| .home-card: | .home-card: | ||
| Ligne 1276: | Ligne 1490: | ||
| translateY(-3px); | translateY(-3px); | ||
| - | border-color:# | + | border-color: |
| + | | ||
| box-shadow: | box-shadow: | ||
| Ligne 1285: | Ligne 1500: | ||
| none !important; | none !important; | ||
| } | } | ||
| + | |||
| .home-card-top { | .home-card-top { | ||
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| justify-content: | justify-content: | ||
| space-between; | space-between; | ||
| - | margin-bottom: | + | margin-bottom: |
| } | } | ||
| + | |||
| .home-card-icon { | .home-card-icon { | ||
| - | width:38px; | + | width: 38px; |
| - | height: | + | height: 38px; |
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| - | justify-content: | + | justify-content: |
| - | border-radius: | + | border-radius: |
| } | } | ||
| + | |||
| .home-card-icon svg { | .home-card-icon svg { | ||
| - | width:19px; | + | width: 19px; |
| - | height: | + | height: 19px; |
| } | } | ||
| + | |||
| .home-card-arrow { | .home-card-arrow { | ||
| - | width:25px; | + | width: 25px; |
| - | height: | + | height: 25px; |
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| - | justify-content: | + | justify-content: |
| - | border-radius: | + | border-radius: |
| - | color:# | + | color: |
| + | | ||
| transition: | transition: | ||
| Ligne 1341: | Ligne 1561: | ||
| background .18s ease; | background .18s ease; | ||
| } | } | ||
| + | |||
| .home-card: | .home-card: | ||
| Ligne 1354: | Ligne 1575: | ||
| var(--blue-soft); | var(--blue-soft); | ||
| } | } | ||
| + | |||
| .home-card-arrow svg { | .home-card-arrow svg { | ||
| - | width:14px; | + | width: 14px; |
| - | height: | + | height: 14px; |
| } | } | ||
| + | |||
| .home-card-title { | .home-card-title { | ||
| - | margin-bottom: | + | margin-bottom: |
| color: | color: | ||
| var(--navy); | var(--navy); | ||
| - | font-size: | + | font-size: 13.5px; |
| - | font-weight: | + | font-weight: |
| } | } | ||
| + | |||
| .home-card-desc { | .home-card-desc { | ||
| Ligne 1379: | Ligne 1603: | ||
| var(--muted); | var(--muted); | ||
| - | font-size: | + | font-size: 11.2px; |
| - | line-height: | + | line-height: |
| } | } | ||
| Ligne 1391: | Ligne 1615: | ||
| .home-quicklinks { | .home-quicklinks { | ||
| - | display: | + | display: flex; |
| - | flex-wrap: | + | flex-wrap: wrap; |
| - | gap:8px; | + | gap: 8px; |
| } | } | ||
| + | |||
| .home-quicklink { | .home-quicklink { | ||
| - | display: | + | display: inline-flex; |
| - | align-items: | + | align-items: |
| - | gap:7px; | + | gap: 7px; |
| padding: | padding: | ||
| Ligne 1416: | Ligne 1641: | ||
| var(--border); | var(--border); | ||
| - | border-radius: | + | border-radius: |
| color: | color: | ||
| #475467 !important; | #475467 !important; | ||
| - | font-size: | + | font-size: 11.5px; |
| - | font-weight: | + | font-weight: |
| text-decoration: | text-decoration: | ||
| none !important; | none !important; | ||
| - | transition: | + | transition: |
| + | | ||
| } | } | ||
| + | |||
| .home-quicklink: | .home-quicklink: | ||
| Ligne 1442: | Ligne 1669: | ||
| var(--blue-soft); | var(--blue-soft); | ||
| - | border-color:# | + | border-color: |
| + | | ||
| } | } | ||
| + | |||
| .home-quicklink svg { | .home-quicklink svg { | ||
| - | width:13px; | + | width: 13px; |
| - | height: | + | height: 13px; |
| color: | color: | ||
| Ligne 1462: | Ligne 1691: | ||
| .home-feedback { | .home-feedback { | ||
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| - | gap:12px; | + | gap: 12px; |
| margin: | margin: | ||
| Ligne 1474: | Ligne 1703: | ||
| 13px 16px; | 13px 16px; | ||
| - | background:# | + | background: |
| + | | ||
| border: | border: | ||
| Ligne 1480: | Ligne 1710: | ||
| var(--border); | var(--border); | ||
| - | border-radius: | + | border-radius: |
| color: | color: | ||
| var(--muted); | var(--muted); | ||
| - | font-size: | + | font-size: 12px; |
| } | } | ||
| + | |||
| .home-feedback-icon { | .home-feedback-icon { | ||
| - | width:32px; | + | width: 32px; |
| - | height: | + | height: 32px; |
| - | flex-shrink: | + | flex-shrink: |
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| - | justify-content: | + | justify-content: |
| color: | color: | ||
| Ligne 1508: | Ligne 1739: | ||
| var(--teal-soft); | var(--teal-soft); | ||
| - | border-radius: | + | border-radius: |
| } | } | ||
| + | |||
| .home-feedback-icon svg { | .home-feedback-icon svg { | ||
| - | width:16px; | + | width: 16px; |
| - | height: | + | height: 16px; |
| } | } | ||
| + | |||
| .home-feedback a { | .home-feedback a { | ||
| Ligne 1523: | Ligne 1756: | ||
| var(--teal) !important; | var(--teal) !important; | ||
| - | font-weight: | + | font-weight: |
| text-decoration: | text-decoration: | ||
| Ligne 1536: | Ligne 1769: | ||
| .home-social { | .home-social { | ||
| - | display: | + | display: flex; |
| - | gap:9px; | + | gap: 9px; |
| } | } | ||
| + | |||
| .home-social-item { | .home-social-item { | ||
| - | width:39px; | + | width: 39px; |
| - | height: | + | height: 39px; |
| - | display: | + | display: flex; |
| - | align-items: | + | align-items: |
| - | justify-content: | + | justify-content: |
| background: | background: | ||
| Ligne 1560: | Ligne 1794: | ||
| var(--border); | var(--border); | ||
| - | border-radius: | + | border-radius: |
| text-decoration: | text-decoration: | ||
| none !important; | none !important; | ||
| - | transition: | + | transition: |
| + | | ||
| } | } | ||
| + | |||
| .home-social-item: | .home-social-item: | ||
| Ligne 1573: | Ligne 1809: | ||
| translateY(-2px); | translateY(-2px); | ||
| - | border-color:# | + | border-color: |
| + | | ||
| box-shadow: | box-shadow: | ||
| Ligne 1579: | Ligne 1816: | ||
| rgba(16, | rgba(16, | ||
| } | } | ||
| + | |||
| .home-social-item svg { | .home-social-item svg { | ||
| - | width:18px; | + | width: 18px; |
| - | height: | + | height: 18px; |
| } | } | ||
| + | |||
| + | |||
| + | |||
| + | /* ============================================================ | ||
| + | | ||
| + | | ||
| + | |||
| + | .home-search-row { | ||
| + | display: flex; | ||
| + | justify-content: | ||
| + | align-items: | ||
| + | |||
| + | margin: -8px 0 14px; | ||
| + | padding: 0 4px; | ||
| + | } | ||
| + | |||
| + | .home-search-form { | ||
| + | display: flex !important; | ||
| + | flex-direction: | ||
| + | align-items: | ||
| + | |||
| + | width: 100%; | ||
| + | max-width: 390px; | ||
| + | height: 42px; | ||
| + | |||
| + | margin: 0 !important; | ||
| + | padding: 0 !important; | ||
| + | |||
| + | background: #FFFFFF; | ||
| + | |||
| + | border: 1px solid #E3E8EF !important; | ||
| + | border-radius: | ||
| + | |||
| + | overflow: hidden; | ||
| + | |||
| + | box-sizing: border-box; | ||
| + | |||
| + | box-shadow: | ||
| + | 0 4px 14px | ||
| + | rgba(16, | ||
| + | |||
| + | transition: | ||
| + | border-color .18s ease, | ||
| + | box-shadow .18s ease; | ||
| + | } | ||
| + | |||
| + | .home-search-form: | ||
| + | border-color: | ||
| + | |||
| + | box-shadow: | ||
| + | 0 0 0 3px | ||
| + | rgba(40, | ||
| + | 0 4px 14px | ||
| + | rgba(16, | ||
| + | } | ||
| + | |||
| + | .home-search-input { | ||
| + | flex: 1 1 auto !important; | ||
| + | |||
| + | width: auto !important; | ||
| + | min-width: 0 !important; | ||
| + | height: 40px !important; | ||
| + | |||
| + | margin: 0 !important; | ||
| + | padding: 0 15px !important; | ||
| + | |||
| + | border: 0 !important; | ||
| + | border-radius: | ||
| + | |||
| + | outline: 0 !important; | ||
| + | |||
| + | background: #FFFFFF !important; | ||
| + | |||
| + | color: #1D2939 !important; | ||
| + | |||
| + | font-family: | ||
| + | -apple-system, | ||
| + | BlinkMacSystemFont, | ||
| + | "Segoe UI", | ||
| + | Arial, | ||
| + | sans-serif; | ||
| + | |||
| + | font-size: 13.5px !important; | ||
| + | line-height: | ||
| + | |||
| + | box-sizing: border-box !important; | ||
| + | |||
| + | box-shadow: none !important; | ||
| + | } | ||
| + | |||
| + | .home-search-input:: | ||
| + | color: #98A2B3; | ||
| + | } | ||
| + | |||
| + | .home-search-button { | ||
| + | flex: 0 0 48px !important; | ||
| + | |||
| + | display: flex !important; | ||
| + | align-items: | ||
| + | justify-content: | ||
| + | |||
| + | width: 48px !important; | ||
| + | min-width: 48px !important; | ||
| + | height: 40px !important; | ||
| + | |||
| + | margin: 0 !important; | ||
| + | padding: 0 !important; | ||
| + | |||
| + | border: 0 !important; | ||
| + | border-radius: | ||
| + | |||
| + | background: #28689F !important; | ||
| + | color: #FFFFFF !important; | ||
| + | |||
| + | box-sizing: border-box !important; | ||
| + | |||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .home-search-button: | ||
| + | .home-search-button: | ||
| + | background: #20567F !important; | ||
| + | } | ||
| + | |||
| + | .home-search-button svg { | ||
| + | display: block !important; | ||
| + | |||
| + | width: 18px !important; | ||
| + | height: 18px !important; | ||
| + | |||
| + | margin: 0 !important; | ||
| + | |||
| + | fill: none !important; | ||
| + | stroke: currentColor !important; | ||
| + | |||
| + | stroke-width: | ||
| + | stroke-linecap: | ||
| + | stroke-linejoin: | ||
| + | } | ||
| + | |||
| + | @media (max-width: 600px) { | ||
| + | |||
| + | .home-search-row { | ||
| + | margin: -4px 0 12px; | ||
| + | } | ||
| + | |||
| + | .home-search-form { | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | } | ||
| /* ============================================================ | /* ============================================================ | ||
| Ligne 1592: | Ligne 1980: | ||
| | | ||
| - | @media (max-width: | + | @media (max-width: 1000px) { |
| .home-infobar { | .home-infobar { | ||
| + | |||
| grid-template-columns: | grid-template-columns: | ||
| repeat( | repeat( | ||
| Ligne 1601: | Ligne 1990: | ||
| ); | ); | ||
| } | } | ||
| + | |||
| .home-cards { | .home-cards { | ||
| + | |||
| grid-template-columns: | grid-template-columns: | ||
| repeat( | repeat( | ||
| Ligne 1611: | Ligne 2002: | ||
| } | } | ||
| - | @media (max-width: | + | |
| + | @media (max-width: 560px) { | ||
| .home-wrap { | .home-wrap { | ||
| - | | + | |
| + | | ||
| } | } | ||
| + | |||
| .home-news { | .home-news { | ||
| - | | + | |
| - | margin-bottom: | + | |
| + | |||
| + | margin-bottom: | ||
| } | } | ||
| + | |||
| .home-news-item { | .home-news-item { | ||
| - | | + | |
| - | font-size: | + | |
| + | | ||
| + | |||
| + | font-size: 11.5px; | ||
| } | } | ||
| + | |||
| .home-hero { | .home-hero { | ||
| + | |||
| padding: | padding: | ||
| 10px 8px 18px; | 10px 8px 18px; | ||
| } | } | ||
| + | |||
| .home-hero h1 { | .home-hero h1 { | ||
| - | | + | |
| + | | ||
| } | } | ||
| + | |||
| .home-infobar { | .home-infobar { | ||
| - | | + | |
| + | | ||
| + | | ||
| } | } | ||
| + | |||
| .home-cards { | .home-cards { | ||
| - | | + | |
| + | | ||
| + | | ||
| } | } | ||
| + | |||
| .home-card { | .home-card { | ||
| - | | + | |
| + | | ||
| } | } | ||
| + | |||
| .home-citation { | .home-citation { | ||
| + | |||
| padding: | padding: | ||
| - | 20px 18px | + | 20px 18px 20px 58px; |
| - | | + | |
| } | } | ||
| + | |||
| .home-citation-symbol { | .home-citation-symbol { | ||
| - | | + | |
| - | font-size: | + | |
| + | |||
| + | font-size: 50px; | ||
| } | } | ||
| } | } | ||
| Ligne 1671: | Ligne 2087: | ||
| /* ============================================================ | /* ============================================================ | ||
| - | GRETA NEWS | + | BANDEAU ERASMUS DAYS |
| | | ||
| - | $newsletter_url = | + | $erasmus_groupe |
| - | ' | + | |
| - | + | ||
| - | $newsletter_groupe | + | |
| <div class=' | <div class=' | ||
| - | + | | |
| - | | + | <span class=' |
| - | + | <span class=' | |
| - | <span class=' | + | < |
| - | 🎬 | + | < |
| - | | + | <strong>👉 Cliquez ici</strong> |
| - | + | </a> | |
| - | <span class=' | + | |
| - | GretaNews | + | |
| - | | + | |
| - | + | ||
| - | < | + | |
| - | La newsletter septembre 2026 est disponible | + | |
| - | | + | |
| - | + | ||
| - | < | + | |
| - | Cliquez ici pour la découvrir | + | |
| - | | + | |
| - | + | ||
| - | <span> | + | |
| - | ▶ | + | |
| - | | + | |
| - | + | ||
| - | </div> | + | |
| <span class=' | <span class=' | ||
| - | + | | |
| - | | + | <span class=' |
| - | + | | |
| - | <span class=' | + | |
| - | ✨ | + | |
| - | </ | + | < |
| - | + | </a> | |
| - | | + | |
| - | | + | |
| - | + | ||
| - | </div> | + | |
| <span class=' | <span class=' | ||
| - | |||
| </ | </ | ||
| - | |||
| echo " | echo " | ||
| - | + | <div class=' | |
| - | <a | + | |
| - | | + | |
| - | href=' | + | |
| - | target=' | + | |
| - | title='Ouvrir GretaNews septembre 2026' | + | |
| - | > | + | |
| <div class=' | <div class=' | ||
| + | {$erasmus_groupe} | ||
| + | {$erasmus_groupe} | ||
| + | </ | ||
| + | </ | ||
| - | {$newsletter_groupe} | ||
| - | {$newsletter_groupe} | ||
| - | </div> | + | /* ============================================================ |
| + | | ||
| + | | ||
| - | </a>"; | + | echo ' |
| + | |||
| + | <div class=" | ||
| + | <form class=" | ||
| + | <input type="hidden" | ||
| + | <input | ||
| + | class=" | ||
| + | type=" | ||
| + | name=" | ||
| + | placeholder=" | ||
| + | autocomplete=" | ||
| + | aria-label=" | ||
| + | > | ||
| + | <button class=" | ||
| + | <svg viewBox=" | ||
| + | <circle cx=" | ||
| + | <path d="M20 20l-4-4"></ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| Ligne 1754: | Ligne 2158: | ||
| alt=" | alt=" | ||
| > | > | ||
| + | |||
| <div | <div | ||
| Ligne 1761: | Ligne 2166: | ||
| Bonjour | Bonjour | ||
| </ | </ | ||
| + | |||
| <h1> | <h1> | ||
| Bienvenue sur l\' | Bienvenue sur l\' | ||
| </h1> | </h1> | ||
| + | |||
| <div class=" | <div class=" | ||
| Ligne 1773: | Ligne 2180: | ||
| </ | </ | ||
| + | |||
| <div | <div | ||
| Ligne 1778: | Ligne 2186: | ||
| id=" | id=" | ||
| ></ | ></ | ||
| + | |||
| + | <div> | ||
| + | <a | ||
| + | class=" | ||
| + | href="/ | ||
| + | title=" | ||
| + | > | ||
| + | 📋 Tableau des présences | ||
| + | </a> | ||
| + | </ | ||
| </ | </ | ||
| Ligne 1783: | Ligne 2201: | ||
| /* ============================================================ | /* ============================================================ | ||
| - | INFORMATIONS | + | CARTES INFOS |
| | | ||
| echo '< | echo '< | ||
| + | |||
| + | /* FETE */ | ||
| echo " | echo " | ||
| Ligne 1796: | Ligne 2216: | ||
| 🎉 | 🎉 | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| Ligne 1811: | Ligne 2232: | ||
| </ | </ | ||
| + | |||
| + | /* FERIE */ | ||
| echo " | echo " | ||
| Ligne 1819: | Ligne 2242: | ||
| 📅 | 📅 | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| Ligne 1841: | Ligne 2265: | ||
| </ | </ | ||
| + | |||
| + | /* SEMAINE */ | ||
| echo " | echo " | ||
| Ligne 1849: | Ligne 2275: | ||
| 🗓️ | 🗓️ | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| Ligne 1868: | Ligne 2295: | ||
| </ | </ | ||
| + | |||
| + | /* VISITES */ | ||
| echo " | echo " | ||
| Ligne 1876: | Ligne 2305: | ||
| 👁️ | 👁️ | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| <div class=' | <div class=' | ||
| - | Visites | + | Visites |
| </ | </ | ||
| Ligne 1890: | Ligne 2320: | ||
| </ | </ | ||
| + | |||
| echo '</ | echo '</ | ||
| Ligne 1905: | Ligne 2336: | ||
| ❝ | ❝ | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| ✨ Citation du jour | ✨ Citation du jour | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| {$citation_texte} | {$citation_texte} | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| Ligne 1922: | Ligne 2356: | ||
| /* ============================================================ | /* ============================================================ | ||
| - | | + | |
| | | ||
| Ligne 1941: | Ligne 2375: | ||
| var salutation = | var salutation = | ||
| " | " | ||
| + | |||
| if ( | if ( | ||
| Ligne 1979: | Ligne 2414: | ||
| salutation = | salutation = | ||
| " | " | ||
| - | |||
| } | } | ||
| + | |||
| var greeting = | var greeting = | ||
| Ligne 1986: | Ligne 2421: | ||
| " | " | ||
| ); | ); | ||
| + | |||
| if (greeting) { | if (greeting) { | ||
| Ligne 1991: | Ligne 2427: | ||
| greeting.innerText = | greeting.innerText = | ||
| salutation; | salutation; | ||
| - | |||
| } | } | ||
| + | |||
| var options = { | var options = { | ||
| - | weekday:" | + | weekday: " |
| - | day:" | + | |
| - | month:" | + | day: " |
| - | year:" | + | |
| - | hour:" | + | month: " |
| - | minute:" | + | |
| + | year: " | ||
| + | |||
| + | hour: " | ||
| + | |||
| + | minute: " | ||
| }; | }; | ||
| + | |||
| var texte = | var texte = | ||
| Ligne 2011: | Ligne 2453: | ||
| options | options | ||
| ); | ); | ||
| + | |||
| var clock = | var clock = | ||
| Ligne 2016: | Ligne 2459: | ||
| " | " | ||
| ); | ); | ||
| + | |||
| if (clock) { | if (clock) { | ||
| Ligne 2023: | Ligne 2467: | ||
| + | + | ||
| texte.slice(1); | texte.slice(1); | ||
| - | |||
| } | } | ||
| } | } | ||
| + | |||
| majHorloge(); | majHorloge(); | ||
| + | |||
| setInterval( | setInterval( | ||
| Ligne 2054: | Ligne 2499: | ||
| </ | </ | ||
| + | |||
| echo '< | echo '< | ||
| + | |||
| foreach ($SECTIONS as $s) { | foreach ($SECTIONS as $s) { | ||
| $titre = | $titre = | ||
| - | htmlspecialchars( | + | htmlspecialchars($s[' |
| - | | + | |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| - | | + | |
| $desc = | $desc = | ||
| - | htmlspecialchars( | + | htmlspecialchars($s[' |
| - | | + | |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| - | | + | |
| $url = | $url = | ||
| - | htmlspecialchars( | + | htmlspecialchars($s[' |
| - | | + | |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| - | | + | |
| echo " | echo " | ||
| Ligne 2088: | Ligne 2524: | ||
| <div class=' | <div class=' | ||
| + | |||
| <div | <div | ||
| class=' | class=' | ||
| style=' | style=' | ||
| - | background: | + | background: {$s[' |
| - | color: | + | color: {$s[' |
| ' | ' | ||
| > | > | ||
| Ligne 2111: | Ligne 2548: | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| Ligne 2124: | Ligne 2562: | ||
| <path d='M5 12h14'/> | <path d='M5 12h14'/> | ||
| + | |||
| <path d='M13 6l6 6-6 6'/> | <path d='M13 6l6 6-6 6'/> | ||
| Ligne 2131: | Ligne 2570: | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| {$titre} | {$titre} | ||
| </ | </ | ||
| + | |||
| <div class=' | <div class=' | ||
| Ligne 2141: | Ligne 2582: | ||
| </ | </ | ||
| - | |||
| } | } | ||
| + | |||
| echo '</ | echo '</ | ||
| Ligne 2162: | Ligne 2603: | ||
| </ | </ | ||
| + | |||
| echo '< | echo '< | ||
| + | |||
| foreach ($LIENS_RAPIDES as $l) { | foreach ($LIENS_RAPIDES as $l) { | ||
| $titre = | $titre = | ||
| - | htmlspecialchars( | + | htmlspecialchars($l[' |
| - | | + | |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| - | | + | |
| $url = | $url = | ||
| - | htmlspecialchars( | + | htmlspecialchars($l[' |
| - | | + | |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| - | | + | |
| - | $target = | ||
| - | isset($l[' | ||
| - | ? " target='" | ||
| - | htmlspecialchars( | ||
| - | $l[' | ||
| - | ENT_QUOTES, | ||
| - | ' | ||
| - | ) . | ||
| - | "'" | ||
| - | : ''; | ||
| echo " | echo " | ||
| Ligne 2197: | Ligne 2622: | ||
| class=' | class=' | ||
| href=' | href=' | ||
| - | {$target} | ||
| > | > | ||
| {$titre} | {$titre} | ||
| + | |||
| <svg | <svg | ||
| Ligne 2212: | Ligne 2637: | ||
| <path d='M5 12h14'/> | <path d='M5 12h14'/> | ||
| + | |||
| <path d='M13 6l6 6-6 6'/> | <path d='M13 6l6 6-6 6'/> | ||
| Ligne 2217: | Ligne 2643: | ||
| </ | </ | ||
| - | |||
| } | } | ||
| + | |||
| echo '</ | echo '</ | ||
| Ligne 2244: | Ligne 2670: | ||
| <path d="M12 20h9"/> | <path d="M12 20h9"/> | ||
| - | <path | + | <path d=" |
| - | | + | |
| - | | + | |
| </ | </ | ||
| </ | </ | ||
| + | |||
| < | < | ||
| Ligne 2283: | Ligne 2708: | ||
| </ | </ | ||
| + | |||
| echo '< | echo '< | ||
| + | |||
| foreach ($RESEAUX as $r) { | foreach ($RESEAUX as $r) { | ||
| $titre = | $titre = | ||
| - | htmlspecialchars( | + | htmlspecialchars($r[' |
| - | | + | |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| - | | + | |
| $url = | $url = | ||
| - | htmlspecialchars( | + | htmlspecialchars($r[' |
| - | | + | |
| - | ENT_QUOTES, | + | |
| - | ' | + | |
| - | | + | |
| echo " | echo " | ||
| Ligne 2325: | Ligne 2745: | ||
| </ | </ | ||
| - | |||
| } | } | ||
| + | |||
| echo '</ | echo '</ | ||