reperes & en pratique onglets

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

@@ -524,11 +524,7 @@ main[role="main"]{
         @include titre_h3;
       }
 
-      &.field-en-pratique{
-        div.field-label{
-          text-align: right;
-        }
-      }
+
 
       &.field-ressources,
       &.field-plus-loin{
@@ -603,17 +599,19 @@ main[role="main"]{
         .field-label{
           color: $rose;
           font-weight: 600;
+          background-color: #fff;
         }
       }
       @mixin back-card{
         z-index: 1;
         background-color: rgba(247,247,247,1);
         &>*>*{
-          opacity: 0.6;
+          // opacity: 0.6;
         }
         .field-label{
           color: inherit;
           font-weight: 600;
+          background-color: rgba(247,247,247,1);
         }
       }
 
@@ -623,10 +621,26 @@ main[role="main"]{
       &.field-en-pratique{
         margin-left: -50%;
         transform: translateY(2em);
+        div.field-label{
+          text-align: right;
+          right: 2em;
+        }
         @include back-card();
       }
       &.field-principes-reflexion,
       &.field-en-pratique{
+
+        div.field-label{
+          display: block;
+          // background-color: #fff;
+          position: absolute;
+          top:-1em;
+          padding: 0.5em 2em;
+          font-size: 1.2em;
+          // color: #fff;
+          box-shadow: 0 0 10px rgba(0,0,0,0.25);
+        }
+
         transition: background-color 0.25s ease-out;
         &.back-card{
           @include back-card();
@@ -636,6 +650,7 @@ main[role="main"]{
         }
       }
 
+
     }
   } // partie-principes-pratique