From 335127647caa3e9fb4d44c0e2b51cf45ab3bbc28 Mon Sep 17 00:00:00 2001 From: bach Date: Sat, 21 Feb 2026 10:56:46 +0100 Subject: [PATCH] improved next chapitre | partie blocks positioning --- .../sync/block.block.mathallo_contenu_3.yml | 3 +- .../sync/block.block.mathallo_contenu_4.yml | 3 +- .../custom/mathallo/assets/dist/main.css | 2 +- .../custom/mathallo/assets/scss/main.scss | 155 ++++++++---------- .../templates/region--content.html.twig | 21 +++ 5 files changed, 93 insertions(+), 91 deletions(-) create mode 100644 web_main/themes/custom/mathallo/templates/region--content.html.twig diff --git a/config/sync/block.block.mathallo_contenu_3.yml b/config/sync/block.block.mathallo_contenu_3.yml index 453e585..81d2eec 100644 --- a/config/sync/block.block.mathallo_contenu_3.yml +++ b/config/sync/block.block.mathallo_contenu_3.yml @@ -16,7 +16,7 @@ third_party_settings: id: mathallo_contenu_3 theme: mathallo region: content -weight: -3 +weight: -2 provider: null plugin: 'menu_block:contenu' settings: @@ -44,3 +44,4 @@ visibility: node: '@node.node_route_context:node' bundles: chapitre: chapitre + partie: partie diff --git a/config/sync/block.block.mathallo_contenu_4.yml b/config/sync/block.block.mathallo_contenu_4.yml index bbbb7f7..126a7a5 100644 --- a/config/sync/block.block.mathallo_contenu_4.yml +++ b/config/sync/block.block.mathallo_contenu_4.yml @@ -16,7 +16,7 @@ third_party_settings: id: mathallo_contenu_4 theme: mathallo region: content -weight: 0 +weight: -3 provider: null plugin: 'menu_block:contenu' settings: @@ -44,3 +44,4 @@ visibility: node: '@node.node_route_context:node' bundles: chapitre: chapitre + partie: partie diff --git a/web_main/themes/custom/mathallo/assets/dist/main.css b/web_main/themes/custom/mathallo/assets/dist/main.css index 27ba6ee..0d4a63d 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;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} +@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;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{top:-10em;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{bottom:500px;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;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/scss/main.scss b/web_main/themes/custom/mathallo/assets/scss/main.scss index 48fbb62..9906332 100644 --- a/web_main/themes/custom/mathallo/assets/scss/main.scss +++ b/web_main/themes/custom/mathallo/assets/scss/main.scss @@ -300,9 +300,8 @@ main[role="main"]{ // next chapitre nav.prev-chapitre, nav.next-chapitre{ - position:absolute; - top:-10em; + position:absolute; padding: 0.5em 1em; @include menu-contenus; @@ -321,6 +320,7 @@ main[role="main"]{ // prev &.prev-chapitre{ + top:-10em; left:0; a:after{ transform: rotate(180deg); @@ -332,6 +332,7 @@ main[role="main"]{ // next &.next-chapitre{ + bottom:500px; right:0; li.in-active-trail + li{ display: block; @@ -488,106 +489,84 @@ main[role="main"]{ } } - - - } } - div#partie-principes-pratique{ - position: relative; - display: flex; - gap: 0px; - section.field-card{ - @mixin front-card{ - z-index: 2; - background-color: #fff; - &>*>*{ - opacity: 1; - } + } // div.layout-content + + div#partie-principes-pratique{ + position: relative; + display: flex; + gap: 0px; + section.field-card{ + @mixin front-card{ + z-index: 2; + background-color: #fff; + &>*>*{ + opacity: 1; } - @mixin back-card{ - z-index: 1; - background-color: rgba(247,247,247,1); - &>*>*{ - opacity: 0.6; - } + } + @mixin back-card{ + z-index: 1; + background-color: rgba(247,247,247,1); + &>*>*{ + opacity: 0.6; } + } - &.field-principes-reflexion{ - @include front-card(); - } - &.field-en-pratique{ - margin-left: -50%; - transform: translateY(2em); + &.field-principes-reflexion{ + @include front-card(); + } + &.field-en-pratique{ + margin-left: -50%; + transform: translateY(2em); + @include back-card(); + } + &.field-principes-reflexion, + &.field-en-pratique{ + transition: background-color 0.25s ease-out; + &.back-card{ @include back-card(); } - &.field-principes-reflexion, - &.field-en-pratique{ - transition: background-color 0.25s ease-out; - &.back-card{ - @include back-card(); - } - &.front-card{ - @include front-card(); - } - } - - } - } - - // HOME - div.views-home-chapitres{ - // display: flex; - // gap: 2em; - padding:1em; - >.views-row{ - // max-width: 700px; - - article.node-type-chapitre{ - h2{ - @include titre_h3; - } + &.front-card{ + @include front-card(); } } } + } // partie-principes-pratique - // FORMES - .bg-forme{ - position: absolute; - // background-color: red; - width:300px; height:300px; - top:50%; - left:-300px; - - z-index: -1; - - background-position: center; - background-size: contain; - background-repeat: no-repeat; - - - // &.pyramide{ background-image: url('/themes/custom/mathallo/assets/img/formes/pyramide.svg'); } - // &.infinite{ background-image: url('/themes/custom/mathallo/assets/img/formes/infinite.svg'); } - // &.prct{ background-image: url('/themes/custom/mathallo/assets/img/formes/prct.svg'); } - // &.pi{ background-image: url('/themes/custom/mathallo/assets/img/formes/pi.svg'); } - // &.supeg{ background-image: url('/themes/custom/mathallo/assets/img/formes/supeg.svg'); } - // &.cone{ background-image: url('/themes/custom/mathallo/assets/img/formes/cone.svg'); } - // &.cube{ background-image: url('/themes/custom/mathallo/assets/img/formes/cube.svg'); } - // &.diamant{ background-image: url('/themes/custom/mathallo/assets/img/formes/diamant.svg'); } - // &.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%; - path,line,rect,circle,ellipse,polygon,polyline{ - vector-effect: non-scaling-stroke; - stroke-width: 1px!important; - } + // HOME + div.views-home-chapitres{ + // display: flex; + // gap: 2em; + padding:1em; + >.views-row{ + // max-width: 700px; + article.node-type-chapitre{ + h2{ + @include titre_h3; } + } + } + + } // views-home-chapitres + + // FORMES + .bg-forme{ + position: absolute; + width:300px; height:300px; + top:50%; + left:-300px; + z-index: -1; + filter: drop-shadow(0 0 15px rgba(0,0,0,0.05)); + svg{ + path,line,rect,circle,ellipse,polygon,polyline{ + vector-effect: non-scaling-stroke; + stroke-width: 1px!important; + } + } } + } // ______ _ diff --git a/web_main/themes/custom/mathallo/templates/region--content.html.twig b/web_main/themes/custom/mathallo/templates/region--content.html.twig new file mode 100644 index 0000000..219e14b --- /dev/null +++ b/web_main/themes/custom/mathallo/templates/region--content.html.twig @@ -0,0 +1,21 @@ +{# +/** + * @file + * Default theme implementation to display a region. + * + * Available variables: + * - content: The content for this region, typically blocks. + * - attributes: HTML attributes for the region
. + * - region: The name of the region variable as defined in the theme's + * .info.yml file. + * + * @see template_preprocess_region() + * + * @ingroup themeable + */ +#} +{% if content %} + + {{ content }} +
+{% endif %}