From 367e2353cedbc996ad4a71c0f8f3d8f69f254c77 Mon Sep 17 00:00:00 2001 From: bach Date: Fri, 20 Feb 2026 22:37:44 +0100 Subject: [PATCH] bg formes with drop-shadow filter and white border (like paper) --- .../custom/mathallo/assets/dist/main.css | 2 +- .../custom/mathallo/assets/dist/main.js | 2 +- .../assets/img/formes/bordure/cone.svg | 119 +++++++++++ .../assets/img/formes/bordure/croissant.svg | 60 ++++++ .../assets/img/formes/bordure/cube.svg | 85 ++++++++ .../assets/img/formes/bordure/cylindre.svg | 146 ++++++++++++++ .../assets/img/formes/bordure/diamant.svg | 79 ++++++++ .../assets/img/formes/bordure/infinite.svg | 79 ++++++++ .../mathallo/assets/img/formes/bordure/pi.svg | 60 ++++++ .../assets/img/formes/bordure/prct.svg | 137 +++++++++++++ .../assets/img/formes/bordure/pyramide.svg | 190 ++++++++++++++++++ .../assets/img/formes/bordure/supeg.svg | 110 ++++++++++ .../themes/custom/mathallo/assets/js/main.js | 3 +- .../custom/mathallo/assets/scss/main.scss | 1 + 14 files changed, 1070 insertions(+), 3 deletions(-) create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/cone.svg create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/croissant.svg create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/cube.svg create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/cylindre.svg create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/diamant.svg create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/infinite.svg create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/pi.svg create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/prct.svg create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/pyramide.svg create mode 100644 web_main/themes/custom/mathallo/assets/img/formes/bordure/supeg.svg diff --git a/web_main/themes/custom/mathallo/assets/dist/main.css b/web_main/themes/custom/mathallo/assets/dist/main.css index ee0cd91..27ba6ee 100644 --- a/web_main/themes/custom/mathallo/assets/dist/main.css +++ b/web_main/themes/custom/mathallo/assets/dist/main.css @@ -1 +1 @@ -@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.svg#FredokaSemiExpanded-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.svg#FredokaSemiExpanded-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.svg#Fredoka-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.svg#FredokaCondensed-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.svg#Fredoka-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.svg#FredokaSemiCondensed-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.svg#Fredoka-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.svg#FredokaSemiExpanded-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.svg#FredokaExpanded-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.svg#FredokaSemiExpanded-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.svg#Fredoka-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.svg#FredokaExpanded-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.svg#FredokaCondensed-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.svg#FredokaExpanded-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.svg#FredokaSemiCondensed-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.svg#FredokaCondensed-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.svg#FredokaExpanded-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.svg#FredokaCondensed-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.svg#FredokaSemiCondensed-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.svg#FredokaExpanded-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.svg#FredokaSemiExpanded-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.svg#FredokaSemiCondensed-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.svg#FredokaCondensed-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.svg#Fredoka-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.svg#FredokaSemiCondensed-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.svg#SchibstedGrotesk-BlackItalic) format("svg");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.svg#SchibstedGrotesk-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.svg#SchibstedGrotesk-ExtraBold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.svg#SchibstedGrotesk-BoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.svg#SchibstedGrotesk-Black) format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.svg#SchibstedGrotesk-ExtraBoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.svg#SchibstedGrotesk-SemiBoldItalic) format("svg");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.svg#SchibstedGrotesk-Italic) format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.svg#SchibstedGrotesk-MediumItalic) format("svg");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.svg#SchibstedGrotesk-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.svg#SchibstedGrotesk-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.svg#SchibstedGrotesk-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}body{font-family:Schibsted Grotesk;font-weight:400;font-style:normal;color:#0b1e52}a,a:visited{text-decoration:none;color:inherit;transition:color .15s ease-out}body{margin:0}div.layout-container header[role=banner]{padding:.5em;z-index:100;position:fixed;top:0;width:100vw;height:50px}div.layout-container nav[role=breadcrumb]{position:fixed;z-index:90;top:80px;left:15px}div.layout-container main[role=main]{padding:5em 0;overflow-y:scroll}div.layout-container footer[role=contentinfo]{z-index:100;position:fixed;bottom:0;width:100vw}header[role=banner]{background-color:#fff;box-shadow:0 -5px 15px #000}header[role=banner] .header-middle{display:flex;justify-content:space-between;align-items:center;padding:.2em 2em}header[role=banner] #block-mathallo-formulairederecherche form{display:flex;align-items:baseline}header[role=banner] #block-mathallo-identitedusite a{color:#1642bc;text-decoration:none;font-family:Fredoka;font-size:2em;text-transform:uppercase;font-weight:500}header[role=banner] #block-mathallo-identitedusite a:hover{color:#f661e2}header[role=banner] .header-right{height:20px;width:20px;cursor:pointer}header[role=banner] .header-right>div#burger-btn{position:relative;transition-duration:.5s;transition-property:transform;top:8.5px}header[role=banner] .header-right>div#burger-btn,header[role=banner] .header-right>div#burger-btn:before,header[role=banner] .header-right>div#burger-btn:after{width:20px;height:3px;background-color:#1642bc}header[role=banner] .header-right>div#burger-btn:hover,header[role=banner] .header-right>div#burger-btn:hover:before,header[role=banner] .header-right>div#burger-btn:hover:after{background-color:#f661e2}header[role=banner] .header-right>div#burger-btn:before,header[role=banner] .header-right>div#burger-btn:after{content:"";position:absolute;left:0}header[role=banner] .header-right>div#burger-btn:before{top:6px}header[role=banner] .header-right>div#burger-btn:after{bottom:6px}header[role=banner] .header-right>div#burger-btn[opened]{transform:rotate(90deg)}header[role=banner] .header-right>div.wrapper{position:absolute;top:50px;left:0;background-color:#000000bf;width:100vw;height:0;overflow:hidden;transition-duration:.5s}header[role=banner] .header-right>div.wrapper[opened]{height:calc(100vh - 50px)}header[role=banner] .header-right>div.wrapper>nav{padding-top:10px;background-color:#fff}header[role=banner] .header-right>div.wrapper>nav>ul{margin:0}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu{padding:1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu ul,header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu li{padding:0;margin:0;list-style:none}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu .wrapper{position:relative}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu label{color:#1642bc;font-weight:600;display:block;font-size:.756em;padding:0 0 .25em;transition:color .25s ease-out;position:absolute;z-index:0}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu label:has(+a:hover){color:#f661e2}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu a{font-size:1.13em;transition:color .15s ease-out;display:block;position:relative;z-index:1;padding-top:1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu a:hover{color:#1642bc}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu li{padding:0 0 1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu li:first-child{padding:.25em 0 1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu>ul{display:flex;flex-direction:row;gap:2em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu>ul>li>ul{margin:.75em 0 0;padding:0 0 0 1em;border-left:2px solid #1642bc}header[role=banner] .header-right>div.wrapper nav#block-mathallo-navigationprincipale{padding:2em 1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-navigationprincipale ul{display:flex;justify-content:flex-end;list-style:none}header[role=banner] .header-right>div.wrapper nav#block-mathallo-navigationprincipale ul li{margin-right:1em;background-color:#1642bc;color:#fff;padding:.5em 1em}nav[role=breadcrumb]{background-color:#fff;box-shadow:0 0 10px #00000040;padding:0}nav[role=breadcrumb] ul{margin:0;padding-left:.5em}nav[role=breadcrumb] ul li{list-style:none}nav[role=breadcrumb] #block-mathallo-contenu-2{padding:.5em 1em}nav[role=breadcrumb] #block-mathallo-contenu-2 ul,nav[role=breadcrumb] #block-mathallo-contenu-2 li{padding:0;margin:0;list-style:none}nav[role=breadcrumb] #block-mathallo-contenu-2 .wrapper{position:relative}nav[role=breadcrumb] #block-mathallo-contenu-2 label{color:#1642bc;font-weight:600;display:block;font-size:.756em;padding:0 0 .25em;transition:color .25s ease-out;position:absolute;z-index:0}nav[role=breadcrumb] #block-mathallo-contenu-2 label:has(+a:hover){color:#f661e2}nav[role=breadcrumb] #block-mathallo-contenu-2 a{font-size:1.13em;transition:color .15s ease-out;display:block;position:relative;z-index:1;padding-top:1em}nav[role=breadcrumb] #block-mathallo-contenu-2 a:hover{color:#1642bc}nav[role=breadcrumb] #block-mathallo-contenu-2 li:not(.in-active-trail){display:none}nav[role=breadcrumb] #block-mathallo-contenu-2 ul,nav[role=breadcrumb] #block-mathallo-contenu-2 li{display:flex;flex-direction:row;align-items:baseline;gap:1em}nav[role=breadcrumb] #block-mathallo-contenu-2 a{font-size:1em}nav[role=breadcrumb] #block-mathallo-contenu-2>ul>li>ul>li{padding-left:1em;border-left:2px solid #1642bc}main[role=main]{position:relative}main[role=main]>div.layout-content{position:relative}main[role=main]>div.layout-content div#parallax-bg{position:absolute;z-index:-1;top:0;left:0;margin-top:-40vh;width:100vw;height:400%;background-image:url(/themes/custom/mathallo/assets/img/grid_0.svg);background-repeat:repeat;background-position:center}main[role=main]>div.layout-content>.wrapper{position:relative;padding-bottom:100vh}main[role=main]>div.layout-content nav.prev-chapitre,main[role=main]>div.layout-content nav.next-chapitre{position:absolute;top:-10em;padding:.5em 1em}main[role=main]>div.layout-content nav.prev-chapitre ul,main[role=main]>div.layout-content nav.prev-chapitre li,main[role=main]>div.layout-content nav.next-chapitre ul,main[role=main]>div.layout-content nav.next-chapitre li{padding:0;margin:0;list-style:none}main[role=main]>div.layout-content nav.prev-chapitre label,main[role=main]>div.layout-content nav.next-chapitre label{color:#1642bc;font-weight:600;display:block;font-size:.756em;padding:0 0 .25em;transition:color .25s ease-out;position:absolute;z-index:0}main[role=main]>div.layout-content nav.prev-chapitre label:has(+a:hover),main[role=main]>div.layout-content nav.next-chapitre label:has(+a:hover){color:#f661e2}main[role=main]>div.layout-content nav.prev-chapitre a,main[role=main]>div.layout-content nav.next-chapitre a{font-size:1.13em;transition:color .15s ease-out;display:block;position:relative;z-index:1;padding-top:1em}main[role=main]>div.layout-content nav.prev-chapitre a:hover,main[role=main]>div.layout-content nav.next-chapitre a:hover{color:#1642bc}main[role=main]>div.layout-content nav.prev-chapitre .wrapper,main[role=main]>div.layout-content nav.next-chapitre .wrapper{position:relative}main[role=main]>div.layout-content nav.prev-chapitre ul,main[role=main]>div.layout-content nav.next-chapitre ul{margin:0;padding-left:.5em}main[role=main]>div.layout-content nav.prev-chapitre ul li,main[role=main]>div.layout-content nav.next-chapitre ul li{list-style:none;display:none}main[role=main]>div.layout-content nav.prev-chapitre.prev-chapitre,main[role=main]>div.layout-content nav.next-chapitre.prev-chapitre{left:0}main[role=main]>div.layout-content nav.prev-chapitre.prev-chapitre a:after,main[role=main]>div.layout-content nav.next-chapitre.prev-chapitre a:after{transform:rotate(180deg)}main[role=main]>div.layout-content nav.prev-chapitre.prev-chapitre li:has(+li.in-active-trail),main[role=main]>div.layout-content nav.next-chapitre.prev-chapitre li:has(+li.in-active-trail){display:block}main[role=main]>div.layout-content nav.prev-chapitre.next-chapitre,main[role=main]>div.layout-content nav.next-chapitre.next-chapitre{right:0}main[role=main]>div.layout-content nav.prev-chapitre.next-chapitre li.in-active-trail+li,main[role=main]>div.layout-content nav.next-chapitre.next-chapitre li.in-active-trail+li{display:block}main[role=main]>div.layout-content nav.prev-chapitre label,main[role=main]>div.layout-content nav.next-chapitre label{background-color:#1642bc;color:#fff;padding:.5em 1em;z-index:2;top:-3em}main[role=main]>div.layout-content nav.prev-chapitre a,main[role=main]>div.layout-content nav.next-chapitre a{display:block;padding:.5em 1em;background-color:#fff;box-shadow:0 0 10px #00000040;border:white 1px solid;transition:border-color .5s}main[role=main]>div.layout-content nav.prev-chapitre a:hover,main[role=main]>div.layout-content nav.next-chapitre a:hover{border-color:#f661e2}main[role=main]>div.layout-content nav.prev-chapitre a:after,main[role=main]>div.layout-content nav.next-chapitre a:after{content:"";display:block;width:30px;height:30px;border-radius:15px;background-repeat:no-repeat;background-position:center center;background-size:contain;text-indent:100px;overflow:hidden;background-image:url(/themes/custom/mathallo/assets/img/arrow-white.svg);position:absolute;box-shadow:0 0 10px #00000040;top:calc(100% + .5em);left:calc(50% - 15px)}main[role=main]>div.layout-content ul.links{margin:0;padding:0;position:absolute;top:calc(100% - 15px);left:calc(50% - 15px)}main[role=main]>div.layout-content ul.links li{list-style:none}main[role=main]>div.layout-content ul.links li a{display:block;width:30px;height:30px;border-radius:15px;background-repeat:no-repeat;background-position:center center;background-size:contain;text-indent:100px;overflow:hidden;background-image:url(/themes/custom/mathallo/assets/img/arrow-blue.svg)}main[role=main]>div.layout-content nav.arrow-more{position:absolute;top:calc(100% - 15px);left:calc(50% - 15px)}main[role=main]>div.layout-content nav.arrow-more a.arrow{display:block;width:30px;height:30px;border-radius:15px;background-repeat:no-repeat;background-position:center center;background-size:contain;text-indent:100px;overflow:hidden;background-image:url(/themes/custom/mathallo/assets/img/arrow-blue.svg)}main[role=main]>div.layout-content article{position:relative;background-color:#fff;padding:2em;box-shadow:0 0 10px #00000040;max-width:50em;box-sizing:content-box;margin:30vh auto 0}main[role=main]>div.layout-content article[role=home-presentation]{margin-top:10vh}main[role=main]>div.layout-content article h2{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;margin:0}main[role=main]>div.layout-content article h2 a:hover{color:#f661e2}main[role=main]>div.layout-content article div.field-chapitre-num,main[role=main]>div.layout-content article div.field-partie-num{background-color:#1642bc;color:#fff;display:inline-flex;gap:.5em;padding:.5em 1em;position:absolute;top:-1em;font-size:1.2em}main[role=main]>div.layout-content article div.field-chapitre-num>*,main[role=main]>div.layout-content article div.field-partie-num>*{font-weight:600}main[role=main]>div.layout-content section.parties{padding:1em}main[role=main]>div.layout-content section.field-card{position:relative;background-color:#fff;padding:2em;box-shadow:0 0 10px #00000040;max-width:50em;box-sizing:content-box;margin:30vh auto 0}main[role=main]>div.layout-content section.field-card[role=home-presentation]{margin-top:10vh}main[role=main]>div.layout-content section.field-card h3{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:2em}main[role=main]>div.layout-content section.field-card.field-en-pratique div.field-label{text-align:right}main[role=main]>div.layout-content section.field-card.field-ressources .field-label,main[role=main]>div.layout-content section.field-card.field-plus-loin .field-label{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:2em;padding-bottom:1em}main[role=main]>div.layout-content section.field-card.field-ressources div.paragraph,main[role=main]>div.layout-content section.field-card.field-plus-loin div.paragraph{padding-bottom:1em}main[role=main]>div.layout-content section.field-card.field-ressources p,main[role=main]>div.layout-content section.field-card.field-plus-loin p{margin:0 .25em}main[role=main]>div.layout-content section.field-card.field-ressources div.paragraph--type--ressource .field_titre{background-color:#1642bc;color:#fff;border-radius:2em;display:inline-block;padding:.5em 1em}main[role=main]>div.layout-content section.field-card.field-ressources div.paragraph--type--ressource .field_titre>div{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:1.323em;color:#fff}main[role=main]>div.layout-content section.field-card.field-plus-loin div.paragraph--type--complement .field_titre{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:1.323em;color:#1642bc}main[role=main] div#partie-principes-pratique{position:relative;display:flex;gap:0px}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion{z-index:2;background-color:#fff}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion>*>*{opacity:1}main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique{margin-left:-50%;transform:translateY(2em);z-index:1;background-color:#f7f7f7}main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique>*>*{opacity:.6}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique{transition:background-color .25s ease-out}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion.back-card,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique.back-card{z-index:1;background-color:#f7f7f7}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion.back-card>*>*,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique.back-card>*>*{opacity:.6}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion.front-card,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique.front-card{z-index:2;background-color:#fff}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion.front-card>*>*,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique.front-card>*>*{opacity:1}main[role=main] div.views-home-chapitres{padding:1em}main[role=main] div.views-home-chapitres>.views-row article.node-type-chapitre h2{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:2em}main[role=main] .bg-forme{position:absolute;width:300px;height:300px;top:50%;left:-300px;z-index:-1;background-position:center;background-size:contain;background-repeat:no-repeat}main[role=main] .bg-forme svg path,main[role=main] .bg-forme svg line,main[role=main] .bg-forme svg rect,main[role=main] .bg-forme svg circle,main[role=main] .bg-forme svg ellipse,main[role=main] .bg-forme svg polygon,main[role=main] .bg-forme svg polyline{vector-effect:non-scaling-stroke;stroke-width:1px!important}footer[role=contentinfo]{background-color:#fff;box-shadow:0 5px 15px #000;padding:.2em 2em}footer[role=contentinfo] #block-mathallo-navigationprincipale-2 ul{display:flex;list-style:none;padding:0}footer[role=contentinfo] #block-mathallo-navigationprincipale-2 ul li:not(:first-child){margin-left:1em}footer[role=contentinfo] #block-mathallo-navigationprincipale-2 ul a{color:#0b1e52} +@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Regular.svg#FredokaSemiExpanded-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Bold.svg#FredokaSemiExpanded-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Bold.svg#Fredoka-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-SemiBold.svg#FredokaCondensed-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Regular.svg#Fredoka-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Bold.svg#FredokaSemiCondensed-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-SemiBold.svg#Fredoka-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Light.svg#FredokaSemiExpanded-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Light.svg#FredokaExpanded-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-SemiBold.svg#FredokaSemiExpanded-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Medium.svg#Fredoka-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Regular.svg#FredokaExpanded-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Bold.svg#FredokaCondensed-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Medium.svg#FredokaExpanded-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Regular.svg#FredokaSemiCondensed-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Regular.svg#FredokaCondensed-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-SemiBold.svg#FredokaExpanded-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Light.svg#FredokaCondensed-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Light.svg#FredokaSemiCondensed-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Expanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaExpanded-Bold.svg#FredokaExpanded-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiExpanded;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiExpanded-Medium.svg#FredokaSemiExpanded-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-Medium.svg#FredokaSemiCondensed-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka Condensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaCondensed-Medium.svg#FredokaCondensed-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/Fredoka-Light.svg#Fredoka-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Fredoka SemiCondensed;src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/fredoka/FredokaSemiCondensed-SemiBold.svg#FredokaSemiCondensed-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BlackItalic.svg#SchibstedGrotesk-BlackItalic) format("svg");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Bold.svg#SchibstedGrotesk-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBold.svg#SchibstedGrotesk-ExtraBold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-BoldItalic.svg#SchibstedGrotesk-BoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Black.svg#SchibstedGrotesk-Black) format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-ExtraBoldItalic.svg#SchibstedGrotesk-ExtraBoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBoldItalic.svg#SchibstedGrotesk-SemiBoldItalic) format("svg");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Italic.svg#SchibstedGrotesk-Italic) format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-MediumItalic.svg#SchibstedGrotesk-MediumItalic) format("svg");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Medium.svg#SchibstedGrotesk-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-SemiBold.svg#SchibstedGrotesk-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.eot);src:url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.eot?#iefix) format("embedded-opentype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.woff2) format("woff2"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.woff) format("woff"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.ttf) format("truetype"),url(/themes/custom/mathallo/assets/fonts/Schibsted_Grotesk/SchibstedGrotesk-Regular.svg#SchibstedGrotesk-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}body{font-family:Schibsted Grotesk;font-weight:400;font-style:normal;color:#0b1e52}a,a:visited{text-decoration:none;color:inherit;transition:color .15s ease-out}body{margin:0}div.layout-container header[role=banner]{padding:.5em;z-index:100;position:fixed;top:0;width:100vw;height:50px}div.layout-container nav[role=breadcrumb]{position:fixed;z-index:90;top:80px;left:15px}div.layout-container main[role=main]{padding:5em 0;overflow-y:scroll}div.layout-container footer[role=contentinfo]{z-index:100;position:fixed;bottom:0;width:100vw}header[role=banner]{background-color:#fff;box-shadow:0 -5px 15px #000}header[role=banner] .header-middle{display:flex;justify-content:space-between;align-items:center;padding:.2em 2em}header[role=banner] #block-mathallo-formulairederecherche form{display:flex;align-items:baseline}header[role=banner] #block-mathallo-identitedusite a{color:#1642bc;text-decoration:none;font-family:Fredoka;font-size:2em;text-transform:uppercase;font-weight:500}header[role=banner] #block-mathallo-identitedusite a:hover{color:#f661e2}header[role=banner] .header-right{height:20px;width:20px;cursor:pointer}header[role=banner] .header-right>div#burger-btn{position:relative;transition-duration:.5s;transition-property:transform;top:8.5px}header[role=banner] .header-right>div#burger-btn,header[role=banner] .header-right>div#burger-btn:before,header[role=banner] .header-right>div#burger-btn:after{width:20px;height:3px;background-color:#1642bc}header[role=banner] .header-right>div#burger-btn:hover,header[role=banner] .header-right>div#burger-btn:hover:before,header[role=banner] .header-right>div#burger-btn:hover:after{background-color:#f661e2}header[role=banner] .header-right>div#burger-btn:before,header[role=banner] .header-right>div#burger-btn:after{content:"";position:absolute;left:0}header[role=banner] .header-right>div#burger-btn:before{top:6px}header[role=banner] .header-right>div#burger-btn:after{bottom:6px}header[role=banner] .header-right>div#burger-btn[opened]{transform:rotate(90deg)}header[role=banner] .header-right>div.wrapper{position:absolute;top:50px;left:0;background-color:#000000bf;width:100vw;height:0;overflow:hidden;transition-duration:.5s}header[role=banner] .header-right>div.wrapper[opened]{height:calc(100vh - 50px)}header[role=banner] .header-right>div.wrapper>nav{padding-top:10px;background-color:#fff}header[role=banner] .header-right>div.wrapper>nav>ul{margin:0}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu{padding:1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu ul,header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu li{padding:0;margin:0;list-style:none}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu .wrapper{position:relative}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu label{color:#1642bc;font-weight:600;display:block;font-size:.756em;padding:0 0 .25em;transition:color .25s ease-out;position:absolute;z-index:0}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu label:has(+a:hover){color:#f661e2}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu a{font-size:1.13em;transition:color .15s ease-out;display:block;position:relative;z-index:1;padding-top:1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu a:hover{color:#1642bc}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu li{padding:0 0 1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu li:first-child{padding:.25em 0 1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu>ul{display:flex;flex-direction:row;gap:2em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-contenu>ul>li>ul{margin:.75em 0 0;padding:0 0 0 1em;border-left:2px solid #1642bc}header[role=banner] .header-right>div.wrapper nav#block-mathallo-navigationprincipale{padding:2em 1em}header[role=banner] .header-right>div.wrapper nav#block-mathallo-navigationprincipale ul{display:flex;justify-content:flex-end;list-style:none}header[role=banner] .header-right>div.wrapper nav#block-mathallo-navigationprincipale ul li{margin-right:1em;background-color:#1642bc;color:#fff;padding:.5em 1em}nav[role=breadcrumb]{background-color:#fff;box-shadow:0 0 10px #00000040;padding:0}nav[role=breadcrumb] ul{margin:0;padding-left:.5em}nav[role=breadcrumb] ul li{list-style:none}nav[role=breadcrumb] #block-mathallo-contenu-2{padding:.5em 1em}nav[role=breadcrumb] #block-mathallo-contenu-2 ul,nav[role=breadcrumb] #block-mathallo-contenu-2 li{padding:0;margin:0;list-style:none}nav[role=breadcrumb] #block-mathallo-contenu-2 .wrapper{position:relative}nav[role=breadcrumb] #block-mathallo-contenu-2 label{color:#1642bc;font-weight:600;display:block;font-size:.756em;padding:0 0 .25em;transition:color .25s ease-out;position:absolute;z-index:0}nav[role=breadcrumb] #block-mathallo-contenu-2 label:has(+a:hover){color:#f661e2}nav[role=breadcrumb] #block-mathallo-contenu-2 a{font-size:1.13em;transition:color .15s ease-out;display:block;position:relative;z-index:1;padding-top:1em}nav[role=breadcrumb] #block-mathallo-contenu-2 a:hover{color:#1642bc}nav[role=breadcrumb] #block-mathallo-contenu-2 li:not(.in-active-trail){display:none}nav[role=breadcrumb] #block-mathallo-contenu-2 ul,nav[role=breadcrumb] #block-mathallo-contenu-2 li{display:flex;flex-direction:row;align-items:baseline;gap:1em}nav[role=breadcrumb] #block-mathallo-contenu-2 a{font-size:1em}nav[role=breadcrumb] #block-mathallo-contenu-2>ul>li>ul>li{padding-left:1em;border-left:2px solid #1642bc}main[role=main]{position:relative}main[role=main]>div.layout-content{position:relative}main[role=main]>div.layout-content div#parallax-bg{position:absolute;z-index:-1;top:0;left:0;margin-top:-40vh;width:100vw;height:400%;background-image:url(/themes/custom/mathallo/assets/img/grid_0.svg);background-repeat:repeat;background-position:center}main[role=main]>div.layout-content>.wrapper{position:relative;padding-bottom:100vh}main[role=main]>div.layout-content nav.prev-chapitre,main[role=main]>div.layout-content nav.next-chapitre{position:absolute;top:-10em;padding:.5em 1em}main[role=main]>div.layout-content nav.prev-chapitre ul,main[role=main]>div.layout-content nav.prev-chapitre li,main[role=main]>div.layout-content nav.next-chapitre ul,main[role=main]>div.layout-content nav.next-chapitre li{padding:0;margin:0;list-style:none}main[role=main]>div.layout-content nav.prev-chapitre label,main[role=main]>div.layout-content nav.next-chapitre label{color:#1642bc;font-weight:600;display:block;font-size:.756em;padding:0 0 .25em;transition:color .25s ease-out;position:absolute;z-index:0}main[role=main]>div.layout-content nav.prev-chapitre label:has(+a:hover),main[role=main]>div.layout-content nav.next-chapitre label:has(+a:hover){color:#f661e2}main[role=main]>div.layout-content nav.prev-chapitre a,main[role=main]>div.layout-content nav.next-chapitre a{font-size:1.13em;transition:color .15s ease-out;display:block;position:relative;z-index:1;padding-top:1em}main[role=main]>div.layout-content nav.prev-chapitre a:hover,main[role=main]>div.layout-content nav.next-chapitre a:hover{color:#1642bc}main[role=main]>div.layout-content nav.prev-chapitre .wrapper,main[role=main]>div.layout-content nav.next-chapitre .wrapper{position:relative}main[role=main]>div.layout-content nav.prev-chapitre ul,main[role=main]>div.layout-content nav.next-chapitre ul{margin:0;padding-left:.5em}main[role=main]>div.layout-content nav.prev-chapitre ul li,main[role=main]>div.layout-content nav.next-chapitre ul li{list-style:none;display:none}main[role=main]>div.layout-content nav.prev-chapitre.prev-chapitre,main[role=main]>div.layout-content nav.next-chapitre.prev-chapitre{left:0}main[role=main]>div.layout-content nav.prev-chapitre.prev-chapitre a:after,main[role=main]>div.layout-content nav.next-chapitre.prev-chapitre a:after{transform:rotate(180deg)}main[role=main]>div.layout-content nav.prev-chapitre.prev-chapitre li:has(+li.in-active-trail),main[role=main]>div.layout-content nav.next-chapitre.prev-chapitre li:has(+li.in-active-trail){display:block}main[role=main]>div.layout-content nav.prev-chapitre.next-chapitre,main[role=main]>div.layout-content nav.next-chapitre.next-chapitre{right:0}main[role=main]>div.layout-content nav.prev-chapitre.next-chapitre li.in-active-trail+li,main[role=main]>div.layout-content nav.next-chapitre.next-chapitre li.in-active-trail+li{display:block}main[role=main]>div.layout-content nav.prev-chapitre label,main[role=main]>div.layout-content nav.next-chapitre label{background-color:#1642bc;color:#fff;padding:.5em 1em;z-index:2;top:-3em}main[role=main]>div.layout-content nav.prev-chapitre a,main[role=main]>div.layout-content nav.next-chapitre a{display:block;padding:.5em 1em;background-color:#fff;box-shadow:0 0 10px #00000040;border:white 1px solid;transition:border-color .5s}main[role=main]>div.layout-content nav.prev-chapitre a:hover,main[role=main]>div.layout-content nav.next-chapitre a:hover{border-color:#f661e2}main[role=main]>div.layout-content nav.prev-chapitre a:after,main[role=main]>div.layout-content nav.next-chapitre a:after{content:"";display:block;width:30px;height:30px;border-radius:15px;background-repeat:no-repeat;background-position:center center;background-size:contain;text-indent:100px;overflow:hidden;background-image:url(/themes/custom/mathallo/assets/img/arrow-white.svg);position:absolute;box-shadow:0 0 10px #00000040;top:calc(100% + .5em);left:calc(50% - 15px)}main[role=main]>div.layout-content ul.links{margin:0;padding:0;position:absolute;top:calc(100% - 15px);left:calc(50% - 15px)}main[role=main]>div.layout-content ul.links li{list-style:none}main[role=main]>div.layout-content ul.links li a{display:block;width:30px;height:30px;border-radius:15px;background-repeat:no-repeat;background-position:center center;background-size:contain;text-indent:100px;overflow:hidden;background-image:url(/themes/custom/mathallo/assets/img/arrow-blue.svg)}main[role=main]>div.layout-content nav.arrow-more{position:absolute;top:calc(100% - 15px);left:calc(50% - 15px)}main[role=main]>div.layout-content nav.arrow-more a.arrow{display:block;width:30px;height:30px;border-radius:15px;background-repeat:no-repeat;background-position:center center;background-size:contain;text-indent:100px;overflow:hidden;background-image:url(/themes/custom/mathallo/assets/img/arrow-blue.svg)}main[role=main]>div.layout-content article{position:relative;background-color:#fff;padding:2em;box-shadow:0 0 10px #00000040;max-width:50em;box-sizing:content-box;margin:30vh auto 0}main[role=main]>div.layout-content article[role=home-presentation]{margin-top:10vh}main[role=main]>div.layout-content article h2{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;margin:0}main[role=main]>div.layout-content article h2 a:hover{color:#f661e2}main[role=main]>div.layout-content article div.field-chapitre-num,main[role=main]>div.layout-content article div.field-partie-num{background-color:#1642bc;color:#fff;display:inline-flex;gap:.5em;padding:.5em 1em;position:absolute;top:-1em;font-size:1.2em}main[role=main]>div.layout-content article div.field-chapitre-num>*,main[role=main]>div.layout-content article div.field-partie-num>*{font-weight:600}main[role=main]>div.layout-content section.parties{padding:1em}main[role=main]>div.layout-content section.field-card{position:relative;background-color:#fff;padding:2em;box-shadow:0 0 10px #00000040;max-width:50em;box-sizing:content-box;margin:30vh auto 0}main[role=main]>div.layout-content section.field-card[role=home-presentation]{margin-top:10vh}main[role=main]>div.layout-content section.field-card h3{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:2em}main[role=main]>div.layout-content section.field-card.field-en-pratique div.field-label{text-align:right}main[role=main]>div.layout-content section.field-card.field-ressources .field-label,main[role=main]>div.layout-content section.field-card.field-plus-loin .field-label{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:2em;padding-bottom:1em}main[role=main]>div.layout-content section.field-card.field-ressources div.paragraph,main[role=main]>div.layout-content section.field-card.field-plus-loin div.paragraph{padding-bottom:1em}main[role=main]>div.layout-content section.field-card.field-ressources p,main[role=main]>div.layout-content section.field-card.field-plus-loin p{margin:0 .25em}main[role=main]>div.layout-content section.field-card.field-ressources div.paragraph--type--ressource .field_titre{background-color:#1642bc;color:#fff;border-radius:2em;display:inline-block;padding:.5em 1em}main[role=main]>div.layout-content section.field-card.field-ressources div.paragraph--type--ressource .field_titre>div{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:1.323em;color:#fff}main[role=main]>div.layout-content section.field-card.field-plus-loin div.paragraph--type--complement .field_titre{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:1.323em;color:#1642bc}main[role=main] div#partie-principes-pratique{position:relative;display:flex;gap:0px}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion{z-index:2;background-color:#fff}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion>*>*{opacity:1}main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique{margin-left:-50%;transform:translateY(2em);z-index:1;background-color:#f7f7f7}main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique>*>*{opacity:.6}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique{transition:background-color .25s ease-out}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion.back-card,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique.back-card{z-index:1;background-color:#f7f7f7}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion.back-card>*>*,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique.back-card>*>*{opacity:.6}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion.front-card,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique.front-card{z-index:2;background-color:#fff}main[role=main] div#partie-principes-pratique section.field-card.field-principes-reflexion.front-card>*>*,main[role=main] div#partie-principes-pratique section.field-card.field-en-pratique.front-card>*>*{opacity:1}main[role=main] div.views-home-chapitres{padding:1em}main[role=main] div.views-home-chapitres>.views-row article.node-type-chapitre h2{font-family:Fredoka;font-size:3em;font-weight:400;color:#0b1e52;line-height:1;font-size:2em}main[role=main] .bg-forme{position:absolute;width:300px;height:300px;top:50%;left:-300px;z-index:-1;background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 15px rgba(0,0,0,.05))}main[role=main] .bg-forme svg path,main[role=main] .bg-forme svg line,main[role=main] .bg-forme svg rect,main[role=main] .bg-forme svg circle,main[role=main] .bg-forme svg ellipse,main[role=main] .bg-forme svg polygon,main[role=main] .bg-forme svg polyline{vector-effect:non-scaling-stroke;stroke-width:1px!important}footer[role=contentinfo]{background-color:#fff;box-shadow:0 5px 15px #000;padding:.2em 2em}footer[role=contentinfo] #block-mathallo-navigationprincipale-2 ul{display:flex;list-style:none;padding:0}footer[role=contentinfo] #block-mathallo-navigationprincipale-2 ul li:not(:first-child){margin-left:1em}footer[role=contentinfo] #block-mathallo-navigationprincipale-2 ul a{color:#0b1e52} diff --git a/web_main/themes/custom/mathallo/assets/dist/main.js b/web_main/themes/custom/mathallo/assets/dist/main.js index 1bb6a1d..4fefc85 100644 --- a/web_main/themes/custom/mathallo/assets/dist/main.js +++ b/web_main/themes/custom/mathallo/assets/dist/main.js @@ -33,4 +33,4 @@ function xr(a){if(a===void 0)throw new ReferenceError("this hasn't been initiali * @license Copyright 2008-2025, GreenSock. All rights reserved. * Subject to the terms at https://gsap.com/standard-license * @author: Jack Doyle, jack@greensock.com -*/var de,Dn,xt,Rr,Hi,vr,Zr,ea,Z,hr,An,ta,ra,ia,na,Mu=function(){return typeof window<"u"},Ou=function(){return de||Mu()&&(de=window.gsap)&&de.registerPlugin&&de},gf=function(e){return Math.round(e*1e5)/1e5||0},Or=function(e){return Z.maxScroll(e||xt)},mf=function(e,r){var t=e.parentNode||Hi,i=e.getBoundingClientRect(),n=t.getBoundingClientRect(),s=n.top-i.top,o=n.bottom-i.bottom,u=(Math.abs(s)>Math.abs(o)?s:o)/(1-r),l=-u*r,f,_;return u>0&&(f=n.height/(xt.innerHeight+n.height),_=f===.5?n.height*2:Math.min(n.height,Math.abs(-u*f/(2*f-1)))*2*(r||1),l+=r?-_*r:-_/2,u+=_),{change:u,offset:l}},yf=function(e){var r=Rr.querySelector(".ScrollSmoother-wrapper");return r||(r=Rr.createElement("div"),r.classList.add("ScrollSmoother-wrapper"),e.parentNode.insertBefore(r,e),r.appendChild(e)),r},ci=function(){function a(e){var r=this;Dn||a.register(de)||console.warn("Please gsap.registerPlugin(ScrollSmoother)"),e=this.vars=e||{},hr&&hr.kill(),hr=this,ia(this);var t=e,i=t.smoothTouch,n=t.onUpdate,s=t.onStop,o=t.smooth,u=t.onFocusIn,l=t.normalizeScroll,f=t.wholePixels,_,d,c,p,h,m,w,b,C,v,T,P,S,E,k=this,M=e.effectsPrefix||"",$=Z.getScrollFunc(xt),D=Z.isTouch===1?i===!0?.8:parseFloat(i)||0:o===0||o===!1?0:parseFloat(o)||.8,X=D&&+e.speed||1,I=0,J=0,K=1,N=ta(0),se=function(){return N.update(-I)},le={y:0},g=function(){return _.style.overflow="visible"},he,Ne=function(y){y.update();var O=y.getTween();O&&(O.pause(),O._time=O._dur,O._tTime=O._tDur),he=!1,y.animation.progress(y.progress,!0)},at=function(y,O){(y!==I&&!v||O)&&(f&&(y=Math.round(y)),D&&(_.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, "+y+", 0, 1)",_._gsap.y=y+"px"),J=y-I,I=y,Z.isUpdating||a.isRefreshing||Z.update())},ge=function(y){return arguments.length?(y<0&&(y=0),le.y=-y,he=!0,v?I=-y:at(-y),Z.isRefreshing?p.update():$(y/X),this):-I},Re=typeof ResizeObserver<"u"&&e.autoResize!==!1&&new ResizeObserver(function(){if(!Z.isRefreshing){var R=Or(d)*X;R<-I&&ge(R),na.restart(!0)}}),Xe,Ce=function(y){d.scrollTop=0,!(y.target.contains&&y.target.contains(d)||u&&u(r,y)===!1)&&(Z.isInViewport(y.target)||y.target===Xe||r.scrollTo(y.target,!1,"center center"),Xe=y.target)},Ge=function(y,O){if(y0?Q+(ne-fe):Ge(ne,y),z.setPositions(Q,xe,!0,(z._startClamp?Math.max(0,Q):Q)-fe),z.markerStart&&H.push(de.quickSetter([z.markerStart,z.markerEnd],"y","px")),z.pin&&z.end>0&&!L)){if(ee=z.end-z.start,Fe=y._startClamp&&z.start<0,Fe){if(y.start>0){y.setPositions(0,y.end+(y._startNative-y.start),!0),R(y,O);return}ee+=z.start,V.offset=-z.start}V.push({start:z.start,nativeStart:fe,end:z.end,distance:ee,trig:z}),y.setPositions(y.start,y.end+(Fe?-z.start:ee),!0)}},er=function(y,O){h.forEach(function(L){return Ke(L,y,O)})},Qe=function(){Hi=Rr.documentElement,vr=Rr.body,g(),requestAnimationFrame(g),h&&(Z.getAll().forEach(function(y){y._startNative=y.start,y._endNative=y.end}),h.forEach(function(y){var O=y._startClamp||y.start,L=y.autoSpeed?Math.min(Or(),y.end):O+Math.abs((y.end-O)/y.ratio),V=L-y.end;if(O-=V/2,L-=V/2,O>L){var H=O;O=L,L=H}y._startClamp&&O<0?(L=y.ratio<0?Or():y.end/y.ratio,V=L-y.end,O=0):(y.ratio<0||y._endClamp&&L>=Or())&&(L=Or(),O=y.ratio<0||y.ratio>1?0:L-(L-y.start)/y.ratio,V=(L-O)*y.ratio-(y.end-y.start)),y.offset=V||1e-4,y.pins.length=y.pins.offset=0,y.setPositions(O,L,!0)}),er(Z.sort())),N.reset()},Ve=function(){return Z.addEventListener("refresh",Qe)},oe=function(){return h&&h.forEach(function(y){return y.vars.onRefresh(y)})},ke=function(){return h&&h.forEach(function(y){return y.vars.onRefreshInit(y)}),oe},rt=function(y,O,L,V){return function(){var H=typeof O=="function"?O(L,V):O;H||H===0||(H=V.getAttribute("data-"+M+y)||(y==="speed"?1:0)),V.setAttribute("data-"+M+y,H);var ee=(H+"").substr(0,6)==="clamp(";return{clamp:ee,value:ee?H.substr(6,H.length-7):H}}},mt=function(y,O,L,V,H){H=(typeof H=="function"?H(V,y):H)||0;var ee=rt("speed",O,V,y),Fe=rt("lag",L,V,y),Q=de.getProperty(y,"y"),xe=y._gsap,fe,ne,Ue,z,Pr,kt,At=[],yr=function(){O=ee(),L=parseFloat(Fe().value),fe=parseFloat(O.value)||1,Ue=O.value==="auto",Pr=Ue||ne&&ne._startClamp&&ne.start<=0||At.offset?0:ne&&ne._endClamp&&ne.end===Or()?1:.5,z&&z.kill(),z=L&&de.to(y,{ease:An,overwrite:!1,y:"+=0",duration:L}),ne&&(ne.ratio=fe,ne.autoSpeed=Ue)},qt=function(){xe.y=Q+"px",xe.renderTransform(1),yr()},tr=[],W=0,or=function(_e){if(Ue){qt();var we=mf(y,ea(0,1,-_e.start/(_e.end-_e.start)));W=we.change,kt=we.offset}else kt=At.offset||0,W=(_e.end-_e.start-kt)*(1-fe);At.forEach(function(Ft){return W-=Ft.distance*(1-fe)}),_e.offset=W||.001,_e.vars.onUpdate(_e),z&&z.progress(1)};return yr(),(fe!==1||Ue||z)&&(ne=Z.create({trigger:Ue?y.parentNode:y,start:function(){return O.clamp?"clamp(top bottom+="+H+")":"top bottom+="+H},end:function(){return O.value<0?"max":O.clamp?"clamp(bottom top-="+H+")":"bottom top-="+H},scroller:d,scrub:!0,refreshPriority:-999,onRefreshInit:qt,onRefresh:or,onKill:function(_e){var we=h.indexOf(_e);we>=0&&h.splice(we,1),qt()},onUpdate:function(_e){var we=Q+W*(_e.progress-Pr),Ft=At.length,rr=0,Be,ir,U;if(_e.offset){if(Ft){for(ir=-I,U=_e.end;Ft--;){if(Be=At[Ft],Be.trig.isActive||ir>=Be.start&&ir<=Be.end){z&&(Be.trig.progress+=Be.trig.direction<0?.001:-.001,Be.trig.update(0,0,1),z.resetTo("y",parseFloat(xe.y),-J,!0),K&&z.progress(1));return}ir>Be.end&&(rr+=Be.distance),U-=Be.distance}we=Q+rr+W*((de.utils.clamp(_e.start,_e.end,ir)-_e.start-rr)/(U-_e.start)-Pr)}tr.length&&!Ue&&tr.forEach(function(Y){return Y(we-rr)}),we=gf(we+kt),z?(z.resetTo("y",we,-J,!0),K&&z.progress(1)):(xe.y=we+"px",xe.renderTransform(1))}}}),or(ne),de.core.getCache(ne.trigger).stRevert=ke,ne.startY=Q,ne.pins=At,ne.markers=tr,ne.ratio=fe,ne.autoSpeed=Ue,y.style.willChange="transform"),ne};Ve(),Z.addEventListener("killAll",Ve),de.delayedCall(.5,function(){return K=0}),this.scrollTop=ge,this.scrollTo=function(R,y,O){var L=de.utils.clamp(0,Or(),isNaN(R)?r.offset(R,O,!!y&&!v):+R);y?v?de.to(r,{duration:D,scrollTop:L,overwrite:"auto",ease:An}):$(L):ge(L)},this.offset=function(R,y,O){R=Zr(R)[0];var L=R.style.cssText,V=Z.create({trigger:R,start:y||"top top"}),H;return h&&(K?Z.refresh():er([V],!0)),H=V.start/(O?X:1),V.kill(!1),R.style.cssText=L,de.core.getCache(R).uncache=1,H};function x(){return c=_.clientHeight,_.style.overflow="visible",vr.style.height=xt.innerHeight+(c-xt.innerHeight)/X+"px",c-xt.innerHeight}this.content=function(R){if(arguments.length){var y=Zr(R||"#smooth-content")[0]||console.warn("ScrollSmoother needs a valid content element.")||vr.children[0];return y!==_&&(_=y,C=_.getAttribute("style")||"",Re&&Re.observe(_),de.set(_,{overflow:"visible",width:"100%",boxSizing:"border-box",y:"+=0"}),D||de.set(_,{clearProps:"transform"})),this}return _},this.wrapper=function(R){return arguments.length?(d=Zr(R||"#smooth-wrapper")[0]||yf(_),b=d.getAttribute("style")||"",x(),de.set(d,D?{overflow:"hidden",position:"fixed",height:"100%",width:"100%",top:0,left:0,right:0,bottom:0}:{overflow:"visible",position:"relative",width:"100%",height:"auto",top:"auto",bottom:"auto",left:"auto",right:"auto"}),this):d},this.effects=function(R,y){var O;if(h||(h=[]),!R)return h.slice(0);R=Zr(R),R.forEach(function(fe){for(var ne=h.length;ne--;)h[ne].trigger===fe&&h[ne].kill()}),y=y||{};var L=y,V=L.speed,H=L.lag,ee=L.effectsPadding,Fe=[],Q,xe;for(Q=0;QL._dp._time,P=I,le.y=0,D&&(Z.isTouch===1&&(d.style.position="absolute"),d.scrollTop=0,Z.isTouch===1&&(d.style.position="fixed"))}},onRefresh:function(y){y.animation.invalidate(),le.y=0,y.setPositions(y.start,x()/X),S||Ne(y),le.y=-$()*X,at(le.y),K||(S&&(he=!1),y.animation.progress(de.utils.clamp(0,1,P/X/-y.end))),S&&(y.progress-=.001,y.update()),a.isRefreshing=!1},id:"ScrollSmoother",scroller:xt,invalidateOnRefresh:!0,start:0,refreshPriority:-9999,end:function(){return x()/X},onScrubComplete:function(){N.reset(),s&&s(r)},scrub:D||!0}),this.smooth=function(R){return arguments.length&&(D=R||0,X=D&&+e.speed||1,p.scrubDuration(R)),p.getTween()?p.getTween().duration():0},p.getTween()&&(p.getTween().vars.ease=e.ease||An),this.scrollTrigger=p,e.effects&&this.effects(e.effects===!0?"[data-"+M+"speed], [data-"+M+"lag]":e.effects,{effectsPadding:e.effectsPadding,refresh:!1}),e.sections&&this.sections(e.sections===!0?"[data-section]":e.sections),ut.forEach(function(R){R.vars.scroller=d,R.revert(!1,!0),R.init(R.vars,R.animation)}),this.paused=function(R,y){return arguments.length?(!!v!==R&&(R?(p.getTween()&&p.getTween().pause(),$(-I/X),N.reset(),T=Z.normalizeScroll(),T&&T.disable(),v=Z.observe({preventDefault:!0,type:"wheel,touch,scroll",debounce:!1,allowClicks:!0,onChangeY:function(){return ge(-I)}}),v.nested=ra(Hi,"wheel,touch,scroll",!0,y!==!1)):(v.nested.kill(),v.kill(),v=0,T&&T.enable(),p.progress=(-I/X-p.start)/(p.end-p.start),Ne(p))),this):!!v},this.kill=this.revert=function(){r.paused(!1),Ne(p),p.kill();for(var R=(h||[]).concat(m||[]),y=R.length;y--;)R[y].kill();Z.scrollerProxy(d),Z.removeEventListener("killAll",Ve),Z.removeEventListener("refresh",Qe),d.style.cssText=b,_.style.cssText=C;var O=Z.defaults({});O&&O.scroller===d&&Z.defaults({scroller:xt}),r.normalizer&&Z.normalizeScroll(!1),clearInterval(w),hr=null,Re&&Re.disconnect(),vr.style.removeProperty("height"),xt.removeEventListener("focusin",Ce)},this.refresh=function(R,y){return p.refresh(R,y)},l&&(this.normalizer=Z.normalizeScroll(l===!0?{debounce:!0,content:!D&&_}:l)),Z.config(e),"scrollBehavior"in xt.getComputedStyle(vr)&&de.set([vr,Hi],{scrollBehavior:"auto"}),xt.addEventListener("focusin",Ce),w=setInterval(se,250),Rr.readyState==="loading"||requestAnimationFrame(function(){return Z.refresh()})}return a.register=function(r){return Dn||(de=r||Ou(),Mu()&&window.document&&(xt=window,Rr=document,Hi=Rr.documentElement,vr=Rr.body),de&&(Zr=de.utils.toArray,ea=de.utils.clamp,An=de.parseEase("expo"),ia=de.core.context||function(){},Z=de.core.globals().ScrollTrigger,de.core.globals("ScrollSmoother",a),vr&&Z&&(na=de.delayedCall(.2,function(){return Z.isRefreshing||hr&&hr.refresh()}).pause(),ta=Z.core._getVelocityProp,ra=Z.core._inputObserver,a.refresh=Z.refresh,Dn=1))),Dn},pf(a,[{key:"progress",get:function(){return this.scrollTrigger?this.scrollTrigger.animation._time/100:0}}]),a}();ci.version="3.14.1";ci.create=function(a){return hr&&a&&hr.content()===Zr(a.content)[0]?hr:new ci(a)};ci.get=function(){return hr};Ou()&&de.registerPlugin(ci);jr.registerPlugin(ie,ci);(function(a,e){(function(){e.path.isFront,console.log("drupalSettings",e);const t=["pyramide","prct","infinite","pi","supeg","cone","croissant","cube","diamant","cylindre"];let i=[];function n(){console.log("MathalloTheme init()"),s(),o(),l(),d()}function s(){document.getElementById("burger-btn").parentElement.addEventListener("click",function(p){this.firstElementChild.toggleAttribute("opened"),this.firstElementChild.nextElementSibling.toggleAttribute("opened")})}function o(){let c=document.getElementById("partie-principes-pratique");if(c){let p=c.getElementsByClassName("field-card");for(const h of p)h.addEventListener("mousemove",function(m){for(const w of this.parentElement.children)w.classList.add("back-card"),w.classList.remove("front-card");this.classList.add("front-card"),this.classList.remove("back-card")})}}function u(){i.forEach(({card:c,forme:p,formepos:h})=>{p.style.top=`${c.offsetTop+h.top}px`,p.style.left=`${c.offsetLeft+h.left}px`})}async function l(){const c=document.querySelector('main[role="main"] > .layout-content > .wrapper');let p=document.querySelectorAll('article[role="home-presentation"], .field-card, .node-type-chapitre, .node-type-partie'),h=[],m=1;for(const w of p){let b={card:w},C=Math.round(Math.random()*(t.length-1));for(;h.includes(C);)C=Math.round(Math.random()*(t.length-1));h.push(C);let v=await _(w,C);c.prepend(v),b.forme=v,b.formepos={left:v.offsetLeft-w.offsetLeft,top:v.offsetTop-w.offsetTop},i.push(b),f(w,v,m),m*=-1}window.addEventListener("resize",u)}function f(c,p,h){jr.timeline({scrollTrigger:{trigger:c,start:"top bottom",end:"bottom top",scrub:!0,ease:"power4.out",snap:!1}}).from(c.children,{opacity:.4},0).to(c.children,{opacity:1},.5).to(c.children,{opacity:.4},.7).from(c,{translateX:`${200*h}px`,translateY:`${100*h}px`},0).to(c,{translateX:"0",translateY:"0"},.5),jr.to(p.querySelector("svg"),{scrollTrigger:{trigger:p,start:"top bottom",end:"bottom top",scrub:!0,ease:"power4.out"},rotation:Math.random()>.5?45:-45,skewX:Math.random()>.5?10:-10}),jr.timeline({scrollTrigger:{trigger:c,start:"top center",end:"bottom center",scrub:!0,markers:!1}}).to(p.querySelector("svg"),{stroke:"#f661e2",duration:.1},.3).to(p.querySelector("svg"),{stroke:"#1642bc",duration:.1},.7)}async function _(c,p){let h=document.createElement("div");h.classList.add("bg-forme");const w=await(await fetch(`/themes/custom/mathallo/assets/img/formes/${t[p]}.svg`)).text();h.innerHTML=w;const b=h.querySelector("svg");let C=200+Math.random()*300;b.getAttribute("width"),h.style.width=h.style.height=`${C}px`,b.setAttribute("width",C),b.setAttribute("height",C);let v=c.offsetTop+c.clientHeight/2-C/2;c.clientHeight<300&&(v=Math.random()>.5?c.offsetTop-C/2:c.offsetTop+c.clientHeight-C/2),h.style.top=`${v}px`;let T=20+Math.random()*20;return c.classList.contains("field-principes-reflexion")?h.style.left=`${c.offsetLeft-C+T}px`:c.classList.contains("field-en-pratique")?h.style.left=`${c.offsetLeft+c.clientWidth-T}px`:h.style.left=Math.random()>.5?`${c.offsetLeft-C+T}px`:`${c.offsetLeft+c.clientWidth-T}px`,h}function d(){jr.to("body",{scrollTrigger:'main[role="main"]',backgroundPositionY:10}),ci.create({smooth:3,effects:!0,smoothTouch:.1,wrapper:'main[role="main"]',content:'main[role="main"]>.layout-content'}),jr.to("#parallax-bg",{y:(c,p)=>-(ie.maxScroll(window)*1.2),ease:"none",scrollTrigger:{trigger:'main[role="main"] > .layout-content > .wrapper',start:"top bottom",end:"bottom top",scrub:!0,invalidateOnRefresh:!0}})}n()})()})(Drupal,drupalSettings); +*/var de,Dn,xt,Rr,Hi,vr,Zr,ea,Z,hr,An,ta,ra,ia,na,Mu=function(){return typeof window<"u"},Ou=function(){return de||Mu()&&(de=window.gsap)&&de.registerPlugin&&de},gf=function(e){return Math.round(e*1e5)/1e5||0},Or=function(e){return Z.maxScroll(e||xt)},mf=function(e,r){var t=e.parentNode||Hi,i=e.getBoundingClientRect(),n=t.getBoundingClientRect(),s=n.top-i.top,o=n.bottom-i.bottom,u=(Math.abs(s)>Math.abs(o)?s:o)/(1-r),l=-u*r,f,_;return u>0&&(f=n.height/(xt.innerHeight+n.height),_=f===.5?n.height*2:Math.min(n.height,Math.abs(-u*f/(2*f-1)))*2*(r||1),l+=r?-_*r:-_/2,u+=_),{change:u,offset:l}},yf=function(e){var r=Rr.querySelector(".ScrollSmoother-wrapper");return r||(r=Rr.createElement("div"),r.classList.add("ScrollSmoother-wrapper"),e.parentNode.insertBefore(r,e),r.appendChild(e)),r},ci=function(){function a(e){var r=this;Dn||a.register(de)||console.warn("Please gsap.registerPlugin(ScrollSmoother)"),e=this.vars=e||{},hr&&hr.kill(),hr=this,ia(this);var t=e,i=t.smoothTouch,n=t.onUpdate,s=t.onStop,o=t.smooth,u=t.onFocusIn,l=t.normalizeScroll,f=t.wholePixels,_,d,c,p,h,m,w,b,C,v,T,P,S,E,k=this,M=e.effectsPrefix||"",$=Z.getScrollFunc(xt),D=Z.isTouch===1?i===!0?.8:parseFloat(i)||0:o===0||o===!1?0:parseFloat(o)||.8,X=D&&+e.speed||1,I=0,J=0,K=1,N=ta(0),se=function(){return N.update(-I)},le={y:0},g=function(){return _.style.overflow="visible"},he,Ne=function(y){y.update();var O=y.getTween();O&&(O.pause(),O._time=O._dur,O._tTime=O._tDur),he=!1,y.animation.progress(y.progress,!0)},at=function(y,O){(y!==I&&!v||O)&&(f&&(y=Math.round(y)),D&&(_.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, "+y+", 0, 1)",_._gsap.y=y+"px"),J=y-I,I=y,Z.isUpdating||a.isRefreshing||Z.update())},ge=function(y){return arguments.length?(y<0&&(y=0),le.y=-y,he=!0,v?I=-y:at(-y),Z.isRefreshing?p.update():$(y/X),this):-I},Re=typeof ResizeObserver<"u"&&e.autoResize!==!1&&new ResizeObserver(function(){if(!Z.isRefreshing){var R=Or(d)*X;R<-I&&ge(R),na.restart(!0)}}),Xe,Ce=function(y){d.scrollTop=0,!(y.target.contains&&y.target.contains(d)||u&&u(r,y)===!1)&&(Z.isInViewport(y.target)||y.target===Xe||r.scrollTo(y.target,!1,"center center"),Xe=y.target)},Ge=function(y,O){if(y0?Q+(ne-fe):Ge(ne,y),z.setPositions(Q,xe,!0,(z._startClamp?Math.max(0,Q):Q)-fe),z.markerStart&&H.push(de.quickSetter([z.markerStart,z.markerEnd],"y","px")),z.pin&&z.end>0&&!L)){if(ee=z.end-z.start,Fe=y._startClamp&&z.start<0,Fe){if(y.start>0){y.setPositions(0,y.end+(y._startNative-y.start),!0),R(y,O);return}ee+=z.start,V.offset=-z.start}V.push({start:z.start,nativeStart:fe,end:z.end,distance:ee,trig:z}),y.setPositions(y.start,y.end+(Fe?-z.start:ee),!0)}},er=function(y,O){h.forEach(function(L){return Ke(L,y,O)})},Qe=function(){Hi=Rr.documentElement,vr=Rr.body,g(),requestAnimationFrame(g),h&&(Z.getAll().forEach(function(y){y._startNative=y.start,y._endNative=y.end}),h.forEach(function(y){var O=y._startClamp||y.start,L=y.autoSpeed?Math.min(Or(),y.end):O+Math.abs((y.end-O)/y.ratio),V=L-y.end;if(O-=V/2,L-=V/2,O>L){var H=O;O=L,L=H}y._startClamp&&O<0?(L=y.ratio<0?Or():y.end/y.ratio,V=L-y.end,O=0):(y.ratio<0||y._endClamp&&L>=Or())&&(L=Or(),O=y.ratio<0||y.ratio>1?0:L-(L-y.start)/y.ratio,V=(L-O)*y.ratio-(y.end-y.start)),y.offset=V||1e-4,y.pins.length=y.pins.offset=0,y.setPositions(O,L,!0)}),er(Z.sort())),N.reset()},Ve=function(){return Z.addEventListener("refresh",Qe)},oe=function(){return h&&h.forEach(function(y){return y.vars.onRefresh(y)})},ke=function(){return h&&h.forEach(function(y){return y.vars.onRefreshInit(y)}),oe},rt=function(y,O,L,V){return function(){var H=typeof O=="function"?O(L,V):O;H||H===0||(H=V.getAttribute("data-"+M+y)||(y==="speed"?1:0)),V.setAttribute("data-"+M+y,H);var ee=(H+"").substr(0,6)==="clamp(";return{clamp:ee,value:ee?H.substr(6,H.length-7):H}}},mt=function(y,O,L,V,H){H=(typeof H=="function"?H(V,y):H)||0;var ee=rt("speed",O,V,y),Fe=rt("lag",L,V,y),Q=de.getProperty(y,"y"),xe=y._gsap,fe,ne,Ue,z,Pr,kt,At=[],yr=function(){O=ee(),L=parseFloat(Fe().value),fe=parseFloat(O.value)||1,Ue=O.value==="auto",Pr=Ue||ne&&ne._startClamp&&ne.start<=0||At.offset?0:ne&&ne._endClamp&&ne.end===Or()?1:.5,z&&z.kill(),z=L&&de.to(y,{ease:An,overwrite:!1,y:"+=0",duration:L}),ne&&(ne.ratio=fe,ne.autoSpeed=Ue)},qt=function(){xe.y=Q+"px",xe.renderTransform(1),yr()},tr=[],W=0,or=function(_e){if(Ue){qt();var we=mf(y,ea(0,1,-_e.start/(_e.end-_e.start)));W=we.change,kt=we.offset}else kt=At.offset||0,W=(_e.end-_e.start-kt)*(1-fe);At.forEach(function(Ft){return W-=Ft.distance*(1-fe)}),_e.offset=W||.001,_e.vars.onUpdate(_e),z&&z.progress(1)};return yr(),(fe!==1||Ue||z)&&(ne=Z.create({trigger:Ue?y.parentNode:y,start:function(){return O.clamp?"clamp(top bottom+="+H+")":"top bottom+="+H},end:function(){return O.value<0?"max":O.clamp?"clamp(bottom top-="+H+")":"bottom top-="+H},scroller:d,scrub:!0,refreshPriority:-999,onRefreshInit:qt,onRefresh:or,onKill:function(_e){var we=h.indexOf(_e);we>=0&&h.splice(we,1),qt()},onUpdate:function(_e){var we=Q+W*(_e.progress-Pr),Ft=At.length,rr=0,Be,ir,U;if(_e.offset){if(Ft){for(ir=-I,U=_e.end;Ft--;){if(Be=At[Ft],Be.trig.isActive||ir>=Be.start&&ir<=Be.end){z&&(Be.trig.progress+=Be.trig.direction<0?.001:-.001,Be.trig.update(0,0,1),z.resetTo("y",parseFloat(xe.y),-J,!0),K&&z.progress(1));return}ir>Be.end&&(rr+=Be.distance),U-=Be.distance}we=Q+rr+W*((de.utils.clamp(_e.start,_e.end,ir)-_e.start-rr)/(U-_e.start)-Pr)}tr.length&&!Ue&&tr.forEach(function(Y){return Y(we-rr)}),we=gf(we+kt),z?(z.resetTo("y",we,-J,!0),K&&z.progress(1)):(xe.y=we+"px",xe.renderTransform(1))}}}),or(ne),de.core.getCache(ne.trigger).stRevert=ke,ne.startY=Q,ne.pins=At,ne.markers=tr,ne.ratio=fe,ne.autoSpeed=Ue,y.style.willChange="transform"),ne};Ve(),Z.addEventListener("killAll",Ve),de.delayedCall(.5,function(){return K=0}),this.scrollTop=ge,this.scrollTo=function(R,y,O){var L=de.utils.clamp(0,Or(),isNaN(R)?r.offset(R,O,!!y&&!v):+R);y?v?de.to(r,{duration:D,scrollTop:L,overwrite:"auto",ease:An}):$(L):ge(L)},this.offset=function(R,y,O){R=Zr(R)[0];var L=R.style.cssText,V=Z.create({trigger:R,start:y||"top top"}),H;return h&&(K?Z.refresh():er([V],!0)),H=V.start/(O?X:1),V.kill(!1),R.style.cssText=L,de.core.getCache(R).uncache=1,H};function x(){return c=_.clientHeight,_.style.overflow="visible",vr.style.height=xt.innerHeight+(c-xt.innerHeight)/X+"px",c-xt.innerHeight}this.content=function(R){if(arguments.length){var y=Zr(R||"#smooth-content")[0]||console.warn("ScrollSmoother needs a valid content element.")||vr.children[0];return y!==_&&(_=y,C=_.getAttribute("style")||"",Re&&Re.observe(_),de.set(_,{overflow:"visible",width:"100%",boxSizing:"border-box",y:"+=0"}),D||de.set(_,{clearProps:"transform"})),this}return _},this.wrapper=function(R){return arguments.length?(d=Zr(R||"#smooth-wrapper")[0]||yf(_),b=d.getAttribute("style")||"",x(),de.set(d,D?{overflow:"hidden",position:"fixed",height:"100%",width:"100%",top:0,left:0,right:0,bottom:0}:{overflow:"visible",position:"relative",width:"100%",height:"auto",top:"auto",bottom:"auto",left:"auto",right:"auto"}),this):d},this.effects=function(R,y){var O;if(h||(h=[]),!R)return h.slice(0);R=Zr(R),R.forEach(function(fe){for(var ne=h.length;ne--;)h[ne].trigger===fe&&h[ne].kill()}),y=y||{};var L=y,V=L.speed,H=L.lag,ee=L.effectsPadding,Fe=[],Q,xe;for(Q=0;QL._dp._time,P=I,le.y=0,D&&(Z.isTouch===1&&(d.style.position="absolute"),d.scrollTop=0,Z.isTouch===1&&(d.style.position="fixed"))}},onRefresh:function(y){y.animation.invalidate(),le.y=0,y.setPositions(y.start,x()/X),S||Ne(y),le.y=-$()*X,at(le.y),K||(S&&(he=!1),y.animation.progress(de.utils.clamp(0,1,P/X/-y.end))),S&&(y.progress-=.001,y.update()),a.isRefreshing=!1},id:"ScrollSmoother",scroller:xt,invalidateOnRefresh:!0,start:0,refreshPriority:-9999,end:function(){return x()/X},onScrubComplete:function(){N.reset(),s&&s(r)},scrub:D||!0}),this.smooth=function(R){return arguments.length&&(D=R||0,X=D&&+e.speed||1,p.scrubDuration(R)),p.getTween()?p.getTween().duration():0},p.getTween()&&(p.getTween().vars.ease=e.ease||An),this.scrollTrigger=p,e.effects&&this.effects(e.effects===!0?"[data-"+M+"speed], [data-"+M+"lag]":e.effects,{effectsPadding:e.effectsPadding,refresh:!1}),e.sections&&this.sections(e.sections===!0?"[data-section]":e.sections),ut.forEach(function(R){R.vars.scroller=d,R.revert(!1,!0),R.init(R.vars,R.animation)}),this.paused=function(R,y){return arguments.length?(!!v!==R&&(R?(p.getTween()&&p.getTween().pause(),$(-I/X),N.reset(),T=Z.normalizeScroll(),T&&T.disable(),v=Z.observe({preventDefault:!0,type:"wheel,touch,scroll",debounce:!1,allowClicks:!0,onChangeY:function(){return ge(-I)}}),v.nested=ra(Hi,"wheel,touch,scroll",!0,y!==!1)):(v.nested.kill(),v.kill(),v=0,T&&T.enable(),p.progress=(-I/X-p.start)/(p.end-p.start),Ne(p))),this):!!v},this.kill=this.revert=function(){r.paused(!1),Ne(p),p.kill();for(var R=(h||[]).concat(m||[]),y=R.length;y--;)R[y].kill();Z.scrollerProxy(d),Z.removeEventListener("killAll",Ve),Z.removeEventListener("refresh",Qe),d.style.cssText=b,_.style.cssText=C;var O=Z.defaults({});O&&O.scroller===d&&Z.defaults({scroller:xt}),r.normalizer&&Z.normalizeScroll(!1),clearInterval(w),hr=null,Re&&Re.disconnect(),vr.style.removeProperty("height"),xt.removeEventListener("focusin",Ce)},this.refresh=function(R,y){return p.refresh(R,y)},l&&(this.normalizer=Z.normalizeScroll(l===!0?{debounce:!0,content:!D&&_}:l)),Z.config(e),"scrollBehavior"in xt.getComputedStyle(vr)&&de.set([vr,Hi],{scrollBehavior:"auto"}),xt.addEventListener("focusin",Ce),w=setInterval(se,250),Rr.readyState==="loading"||requestAnimationFrame(function(){return Z.refresh()})}return a.register=function(r){return Dn||(de=r||Ou(),Mu()&&window.document&&(xt=window,Rr=document,Hi=Rr.documentElement,vr=Rr.body),de&&(Zr=de.utils.toArray,ea=de.utils.clamp,An=de.parseEase("expo"),ia=de.core.context||function(){},Z=de.core.globals().ScrollTrigger,de.core.globals("ScrollSmoother",a),vr&&Z&&(na=de.delayedCall(.2,function(){return Z.isRefreshing||hr&&hr.refresh()}).pause(),ta=Z.core._getVelocityProp,ra=Z.core._inputObserver,a.refresh=Z.refresh,Dn=1))),Dn},pf(a,[{key:"progress",get:function(){return this.scrollTrigger?this.scrollTrigger.animation._time/100:0}}]),a}();ci.version="3.14.1";ci.create=function(a){return hr&&a&&hr.content()===Zr(a.content)[0]?hr:new ci(a)};ci.get=function(){return hr};Ou()&&de.registerPlugin(ci);jr.registerPlugin(ie,ci);(function(a,e){(function(){e.path.isFront,console.log("drupalSettings",e);const t=["pyramide","prct","infinite","pi","supeg","cone","croissant","cube","diamant","cylindre"];let i=[];function n(){console.log("MathalloTheme init()"),s(),o(),l(),d()}function s(){document.getElementById("burger-btn").parentElement.addEventListener("click",function(p){this.firstElementChild.toggleAttribute("opened"),this.firstElementChild.nextElementSibling.toggleAttribute("opened")})}function o(){let c=document.getElementById("partie-principes-pratique");if(c){let p=c.getElementsByClassName("field-card");for(const h of p)h.addEventListener("mousemove",function(m){for(const w of this.parentElement.children)w.classList.add("back-card"),w.classList.remove("front-card");this.classList.add("front-card"),this.classList.remove("back-card")})}}function u(){i.forEach(({card:c,forme:p,formepos:h})=>{p.style.top=`${c.offsetTop+h.top}px`,p.style.left=`${c.offsetLeft+h.left}px`})}async function l(){const c=document.querySelector('main[role="main"] > .layout-content > .wrapper');let p=document.querySelectorAll('article[role="home-presentation"], .field-card, .node-type-chapitre, .node-type-partie'),h=[],m=1;for(const w of p){let b={card:w},C=Math.round(Math.random()*(t.length-1));for(;h.includes(C);)C=Math.round(Math.random()*(t.length-1));h.push(C);let v=await _(w,C);c.prepend(v),b.forme=v,b.formepos={left:v.offsetLeft-w.offsetLeft,top:v.offsetTop-w.offsetTop},i.push(b),f(w,v,m),m*=-1}window.addEventListener("resize",u)}function f(c,p,h){jr.timeline({scrollTrigger:{trigger:c,start:"top bottom",end:"bottom top",scrub:!0,ease:"power4.out",snap:!1}}).from(c.children,{opacity:.4},0).to(c.children,{opacity:1},.5).to(c.children,{opacity:.4},.7).from(c,{translateX:`${200*h}px`,translateY:`${100*h}px`},0).to(c,{translateX:"0",translateY:"0"},.5),jr.to(p.querySelector("svg"),{scrollTrigger:{trigger:p,start:"top bottom",end:"bottom top",scrub:!0,ease:"power4.out"},rotation:Math.random()>.5?45:-45,skewX:Math.random()>.5?10:-10}),jr.timeline({scrollTrigger:{trigger:c,start:"top center",end:"bottom center",scrub:!0,markers:!1}}).to(p.querySelector("svg"),{stroke:"#f661e2",duration:.1},.3).to(p.querySelector("svg"),{stroke:"#1642bc",duration:.1},.7)}async function _(c,p){let h=document.createElement("div");h.classList.add("bg-forme");const w=await(await fetch(`/themes/custom/mathallo/assets/img/formes/bordure/${t[p]}.svg`)).text();h.innerHTML=w;const b=h.querySelector("svg");let C=200+Math.random()*300;b.getAttribute("width"),h.style.width=h.style.height=`${C}px`,b.setAttribute("width",C),b.setAttribute("height",C);let v=c.offsetTop+c.clientHeight/2-C/2;c.clientHeight<300&&(v=Math.random()>.5?c.offsetTop-C/2:c.offsetTop+c.clientHeight-C/2),h.style.top=`${v}px`;let T=20+Math.random()*20;return c.classList.contains("field-principes-reflexion")?h.style.left=`${c.offsetLeft-C+T}px`:c.classList.contains("field-en-pratique")?h.style.left=`${c.offsetLeft+c.clientWidth-T}px`:h.style.left=Math.random()>.5?`${c.offsetLeft-C+T}px`:`${c.offsetLeft+c.clientWidth-T}px`,h}function d(){jr.to("body",{scrollTrigger:'main[role="main"]',backgroundPositionY:10}),ci.create({smooth:3,effects:!0,smoothTouch:.1,wrapper:'main[role="main"]',content:'main[role="main"]>.layout-content'}),jr.to("#parallax-bg",{y:(c,p)=>-(ie.maxScroll(window)*1.2),ease:"none",scrollTrigger:{trigger:'main[role="main"] > .layout-content > .wrapper',start:"top bottom",end:"bottom top",scrub:!0,invalidateOnRefresh:!0}})}n()})()})(Drupal,drupalSettings); diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/cone.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/cone.svg new file mode 100644 index 0000000..8362169 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/cone.svg @@ -0,0 +1,119 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/croissant.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/croissant.svg new file mode 100644 index 0000000..69e8a66 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/croissant.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/cube.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/cube.svg new file mode 100644 index 0000000..342eb76 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/cube.svg @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + + + diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/cylindre.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/cylindre.svg new file mode 100644 index 0000000..3b96f10 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/cylindre.svg @@ -0,0 +1,146 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/diamant.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/diamant.svg new file mode 100644 index 0000000..1f1ed60 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/diamant.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/infinite.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/infinite.svg new file mode 100644 index 0000000..9aaf445 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/infinite.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/pi.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/pi.svg new file mode 100644 index 0000000..b50b331 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/pi.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/prct.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/prct.svg new file mode 100644 index 0000000..1604262 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/prct.svg @@ -0,0 +1,137 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/pyramide.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/pyramide.svg new file mode 100644 index 0000000..0d823b6 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/pyramide.svg @@ -0,0 +1,190 @@ + + diff --git a/web_main/themes/custom/mathallo/assets/img/formes/bordure/supeg.svg b/web_main/themes/custom/mathallo/assets/img/formes/bordure/supeg.svg new file mode 100644 index 0000000..10376f7 --- /dev/null +++ b/web_main/themes/custom/mathallo/assets/img/formes/bordure/supeg.svg @@ -0,0 +1,110 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web_main/themes/custom/mathallo/assets/js/main.js b/web_main/themes/custom/mathallo/assets/js/main.js index 5022b0e..9290dad 100644 --- a/web_main/themes/custom/mathallo/assets/js/main.js +++ b/web_main/themes/custom/mathallo/assets/js/main.js @@ -254,7 +254,8 @@ gsap.registerPlugin(ScrollTrigger, ScrollSmoother); // forme.classList.add(_formesclasses[n]); // inject svg from file - const response = await fetch(`/themes/custom/mathallo/assets/img/formes/${_formesclasses[n]}.svg`) + // const response = await fetch(`/themes/custom/mathallo/assets/img/formes/${_formesclasses[n]}.svg`) + const response = await fetch(`/themes/custom/mathallo/assets/img/formes/bordure/${_formesclasses[n]}.svg`) const svgText = await response.text(); forme.innerHTML = svgText; diff --git a/web_main/themes/custom/mathallo/assets/scss/main.scss b/web_main/themes/custom/mathallo/assets/scss/main.scss index 0554e69..48fbb62 100644 --- a/web_main/themes/custom/mathallo/assets/scss/main.scss +++ b/web_main/themes/custom/mathallo/assets/scss/main.scss @@ -577,6 +577,7 @@ main[role="main"]{ // &.croissant{ background-image: url('/themes/custom/mathallo/assets/img/formes/croissant.svg'); } // &.cylindre{ background-image: url('/themes/custom/mathallo/assets/img/formes/cylindre.svg'); } + filter: drop-shadow(0 0 15px rgba(0,0,0,0.05)); svg{ // width: 100%; // height: 100%;