css /mes-operations

web/themes/custom/reha/css/reha.css

@@ -127,12 +127,11 @@
   position: relative;
   width: 100vw;
   background-color: rgba(153, 147, 174, 0.1);
-  font-family: 'Marianne';
+  font-family: "Marianne", sans-serif;
   font-weight: 400;
   font-style: normal;
   top: 0%;
   left: 0%;
-  width: 100%;
   overflow: hidden;
   display: flex;
   flex-flow: row wrap; }
@@ -152,7 +151,8 @@ aside {
   width: 20%;
   order: 1;
   margin-top: 5rem;
-  margin-left: 10rem; }
+  margin-left: 10%;
+  margin-right: 1rem; }
 
 main {
   width: 100%;
@@ -184,6 +184,10 @@ html.js body div.dialog-off-canvas-main-canvas div.layout-container {
 svg.mailto {
   display: none; }
 
+@media (max-width: 800px) {
+  header #block-reha-logoministere {
+    padding-left: 2rem; } }
+
 /*partials*/
 header {
   display: block;
@@ -191,6 +195,7 @@ header {
   background-color: white;
   z-index: 99;
   width: 100vw;
+  max-width: 100vw;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
@@ -201,9 +206,17 @@ header {
     grid-template-columns: repeat(10, 1fr); }
     header .region-header #block-reha-logoministere {
       grid-column: 1;
-      width: fit-content;
+      width: 200px;
+      min-width: 100px;
       padding-left: 4rem;
-      height: 150px; }
+      height: 100%; }
+      header .region-header #block-reha-logoministere img {
+        max-width: 100%;
+        object-fit: contain; }
+      @media (max-width: 891px) {
+        header .region-header #block-reha-logoministere {
+          width: 150px;
+          padding-left: 1rem; } }
     header .region-header #block-reha-logoreha {
       display: none;
       grid-column: 2;
@@ -273,8 +286,8 @@ header {
             header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link {
               margin-bottom: 4rem;
               font-size: 1rem; }
-            header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link:hover {
-              text-decoration: #fdc300 underline; }
+              header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link:hover {
+                text-decoration: #fdc300 underline; }
             header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li p {
               font-style: italic;
               font-size: 0.9rem;