flip-flop partie cards

web_main/themes/custom/mathallo/assets/scss/main.scss

@@ -294,12 +294,15 @@ main[role="main"]{
     article.node-type-chapitre{
       
     }
+
+    // Page Chapitres
     section.parties{
       display: flex;
       gap: 2em;
       padding:1em;
     }
 
+    // Page Partie
     section.field-card{
       @include card;
 
@@ -351,6 +354,41 @@ 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;
+        }
+        @mixin back-card{
+          z-index: 1;
+          background-color: #eee;
+        }
+
+        &.field-principes-reflexion{
+          @include front-card();
+        }
+        &.field-en-pratique{
+          margin-left: -50%;
+          margin-top: 7em;
+          @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{