From af994ab36c7d1fc26a850894d8e939b8f1cb48a6 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Sat, 9 Aug 2025 02:26:32 +0200
Subject: [PATCH] aside mon espace de travail clean css

---
 web/themes/custom/reha/dist/css/bundle.css    | 217 +++++++++---------
 .../pages/_page-mon-espace-de-travail.scss    |   1 +
 .../custom/reha/scss/partials/_aside.scss     | 130 ++++++-----
 .../custom/reha/scss/partials/_forms.scss     |   2 +-
 .../custom/reha/scss/partials/_header.scss    |   2 +-
 ...current-user-doc-profile-block-1.html.twig |  48 ++++
 6 files changed, 226 insertions(+), 174 deletions(-)
 create mode 100644 web/themes/custom/reha/templates/block--views-block--current-user-doc-profile-block-1.html.twig

diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css
index 4101dbc..69a5ce9 100644
--- a/web/themes/custom/reha/dist/css/bundle.css
+++ b/web/themes/custom/reha/dist/css/bundle.css
@@ -299,7 +299,7 @@ p, div {
   }
 }
 /*partials*/
-header {
+header[role=banner] {
   display: block;
   height: 120px;
   background-color: rgb(255, 255, 255);
@@ -311,105 +311,105 @@ header {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 }
 @media (max-width: 800px) {
-  header {
+  header[role=banner] {
     width: 800px;
   }
 }
-header .region-header {
+header[role=banner] .region-header {
   display: inline-grid;
   align-items: center;
   grid-template-columns: repeat(10, 1fr);
 }
 @media (max-width: 891px) {
-  header .region-header {
+  header[role=banner] .region-header {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
   }
 }
-header .region-header #block-reha-logoministere {
+header[role=banner] .region-header #block-reha-logoministere {
   grid-column: 1;
   width: 135px;
   min-width: 100px;
   padding-left: 80px;
   height: 100%;
 }
-header .region-header #block-reha-logoministere img {
+header[role=banner] .region-header #block-reha-logoministere img {
   max-width: 100%;
   object-fit: contain;
 }
 @media (max-width: 891px) {
-  header .region-header #block-reha-logoministere {
+  header[role=banner] .region-header #block-reha-logoministere {
     padding-left: 5%;
     padding-top: 0%;
   }
 }
-header .region-header #block-reha-logoreha {
+header[role=banner] .region-header #block-reha-logoreha {
   grid-column: 2;
   height: 110px;
   padding-left: 1rem;
 }
-header .region-header #block-reha-logoreha .field--name-field-logo {
+header[role=banner] .region-header #block-reha-logoreha .field--name-field-logo {
   height: 110px;
 }
-header .region-header #block-reha-logoreha .field--name-field-logo .field__item {
+header[role=banner] .region-header #block-reha-logoreha .field--name-field-logo .field__item {
   height: 110px;
 }
-header .region-header #block-reha-logoreha .field--name-field-logo .field__item img {
+header[role=banner] .region-header #block-reha-logoreha .field--name-field-logo .field__item img {
   max-height: 92px;
   width: auto;
 }
-header .region-header #block-reha-navigationprincipale {
+header[role=banner] .region-header #block-reha-navigationprincipale {
   grid-column: 3/span 6;
 }
-header .region-header #block-reha-navigationprincipale ul {
+header[role=banner] .region-header #block-reha-navigationprincipale ul {
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
 }
 @media (max-width: 1100px) {
-  header .region-header #block-reha-navigationprincipale ul {
+  header[role=banner] .region-header #block-reha-navigationprincipale ul {
     flex-direction: column;
   }
 }
-header .region-header #block-reha-navigationprincipale ul li.has-active {
+header[role=banner] .region-header #block-reha-navigationprincipale ul li.has-active {
   text-decoration: underline;
   font-weight: 1000;
 }
-header .region-header #block-reha-navigationprincipale ul li a {
+header[role=banner] .region-header #block-reha-navigationprincipale ul li a {
   font-weight: 800;
 }
-header .region-header #block-reha-navigationprincipale ul li a.is-active {
+header[role=banner] .region-header #block-reha-navigationprincipale ul li a.is-active {
   text-decoration: underline;
   font-weight: 1000;
 }
-header .region-header #block-reha-navigationprincipale ul li a:hover {
+header[role=banner] .region-header #block-reha-navigationprincipale ul li a:hover {
   text-decoration: underline;
 }
-header .region-header #block-reha-navigationprincipale ul > li a.active {
+header[role=banner] .region-header #block-reha-navigationprincipale ul > li a.active {
   text-decoration: underline;
   font-weight: 1000;
 }
-header .region-header #block-reha-connexionutilisateur {
+header[role=banner] .region-header #block-reha-connexionutilisateur {
   grid-column: 9;
   display: flex;
   flex-direction: column;
   height: fit-content;
 }
 @media (max-width: 891px) {
-  header .region-header #block-reha-connexionutilisateur {
+  header[role=banner] .region-header #block-reha-connexionutilisateur {
     padding-left: 1rem;
   }
 }
-header .region-header #block-reha-connexionutilisateur .bouton-connexion :before {
+header[role=banner] .region-header #block-reha-connexionutilisateur .bouton-connexion :before {
   content: url(../images/noun-contact-2495375.svg);
 }
-header .region-header #block-reha-connexionutilisateur .connexion {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion {
   height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
   width: 100%;
   position: relative;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
   display: none;
   right: -235px;
   top: 36px;
@@ -422,7 +422,7 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
   padding: 5% 10% 5% 5%;
 }
 @media (max-width: 891px) {
-  header .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
+  header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
     top: 50px;
     right: -250px;
     width: 500px;
@@ -430,43 +430,43 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
   }
 }
 @media (max-width: 500px) {
-  header .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
+  header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
     top: 55px;
     right: -90px;
     width: 400px;
     height: fit-content;
   }
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre {
   width: 90%;
   position: relative;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre ::after {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre ::after {
   position: relative;
   left: 430px;
 }
 @media (max-width: 500px) {
-  header .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre ::after {
+  header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre ::after {
     left: 325px;
   }
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form {
   width: 80%;
   display: flex;
   flex-direction: column;
   align-items: start;
   padding-left: 2.5rem;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login {
   flex-direction: row-reverse;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login #edit-persistent-login {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login #edit-persistent-login {
   width: fit-content;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login label {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login label {
   flex-grow: 0;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
   font-size: 1.2rem;
   width: 70%;
   display: flex;
@@ -475,28 +475,28 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
   margin-bottom: 4rem;
   padding-bottom: 4rem;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .create-account-link {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .create-account-link {
   display: none;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link {
+header[role=banner] .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 {
+header[role=banner] .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 {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li p {
   font-style: italic;
   font-size: 0.9rem;
   padding-top: 1rem;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:first-of-type {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:first-of-type {
   border-bottom: 1px solid black;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type {
   display: none;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
   text-transform: uppercase;
   padding: 1rem;
   border: solid black 1px;
@@ -504,35 +504,35 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
   background-color: rgb(255, 255, 255);
 }
 @media (max-width: 891px) {
-  header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
+  header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
     font-size: 1rem;
   }
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a p {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a p {
   font-style: italic;
 }
-header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a:hover {
+header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a:hover {
   background-color: #fdc300;
 }
-header .region-header #block-reha-config-pages {
+header[role=banner] .region-header #block-reha-config-pages {
   grid-column: 10;
   display: flex;
   flex-direction: column;
   height: fit-content;
 }
-header .region-header #block-reha-config-pages .bouton-contact {
+header[role=banner] .region-header #block-reha-config-pages .bouton-contact {
   padding-right: 4rem;
   padding-left: 1rem;
 }
-header .region-header #block-reha-config-pages .bouton-contact ::before {
+header[role=banner] .region-header #block-reha-config-pages .bouton-contact ::before {
   content: url(../images/noun-letter-1064628.svg);
   padding-right: 1rem;
 }
-header .region-header #block-reha-config-pages .contacts {
+header[role=banner] .region-header #block-reha-config-pages .contacts {
   height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
   width: 100%;
 }
-header .region-header #block-reha-config-pages .contacts .contacts-full {
+header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full {
   display: none;
   background-color: rgb(255, 255, 255);
   position: absolute;
@@ -546,7 +546,7 @@ header .region-header #block-reha-config-pages .contacts .contacts-full {
   clip-path: inset(0px -10px -10px -10px);
 }
 @media (max-width: 891px) {
-  header .region-header #block-reha-config-pages .contacts .contacts-full {
+  header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full {
     right: 0px;
     top: 100%;
     width: 500px;
@@ -556,76 +556,76 @@ header .region-header #block-reha-config-pages .contacts .contacts-full {
   }
 }
 @media (max-width: 500px) {
-  header .region-header #block-reha-config-pages .contacts .contacts-full {
+  header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full {
     width: 100%;
     width: -moz-available; /* For Mozzila */
     width: -webkit-fill-available; /* For Chrome */
     width: stretch; /* Unprefixed */
   }
 }
-header .region-header #block-reha-config-pages .contacts .contacts-full .titre {
+header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre {
   padding-right: 2rem;
   padding-left: 3rem;
 }
 @media (max-width: 500px) {
-  header .region-header #block-reha-config-pages .contacts .contacts-full .titre {
+  header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre {
     padding-left: 1.5rem;
   }
 }
-header .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
+header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
   left: 290px;
 }
 @media (max-width: 891px) {
-  header .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
+  header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
     left: 242px;
   }
 }
 @media (max-width: 500px) {
-  header .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
+  header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
     left: 150px;
   }
 }
-header .region-header #block-reha-config-pages .contacts .field__item {
+header[role=banner] .region-header #block-reha-config-pages .contacts .field__item {
   display: flex;
   flex-direction: column;
   padding-left: 3rem;
 }
 @media (max-width: 891px) {
-  header .region-header #block-reha-config-pages .contacts .field__item {
+  header[role=banner] .region-header #block-reha-config-pages .contacts .field__item {
     padding-bottom: 2rem;
   }
 }
 @media (max-width: 500px) {
-  header .region-header #block-reha-config-pages .contacts .field__item {
+  header[role=banner] .region-header #block-reha-config-pages .contacts .field__item {
     padding-left: 2rem;
     padding-bottom: 2rem;
     padding-right: 1.5rem;
   }
 }
-header #block-reha-views-block-current-user-block-block-1 {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 {
   grid-column: 9;
   width: auto;
   display: flex;
   flex-direction: column;
   height: fit-content;
 }
-header #block-reha-views-block-current-user-block-block-1 .bouton-connected h2 {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .bouton-connected h2 {
   font-size: 1rem;
   color: black;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
 }
-header #block-reha-views-block-current-user-block-block-1 .bouton-connected :before {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .bouton-connected :before {
   content: url(../images/noun-contact-2495375.svg);
   padding-right: 1rem;
 }
-header #block-reha-views-block-current-user-block-block-1 .connected {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected {
   height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
   width: 100%;
   position: relative;
 }
-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full {
   display: none;
   right: -40%;
   position: absolute;
@@ -637,33 +637,33 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
   padding: 5% 10% 110px 20%;
 }
 @media (max-width: 500px) {
-  header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre {
+  header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre {
     font-size: 1.4rem;
   }
 }
 @media (max-width: 500px) {
-  header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre ::after {
+  header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre ::after {
     left: 50px;
   }
 }
-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer {
   font-weight: 400;
   font-size: 1rem;
   margin-top: 2rem;
   border-top: 1px solid black;
   padding-top: 1.5rem;
 }
-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul {
   width: 45%;
   display: flex;
   flex-direction: column-reverse;
   padding-left: 0;
 }
-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:first-of-type {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:first-of-type {
   margin-top: 4rem;
   border-bottom: 1px solid black;
 }
-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li {
   width: fit-content;
   text-transform: uppercase;
   padding: 1rem;
@@ -671,10 +671,10 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
   margin-bottom: 1rem;
   background-color: rgb(255, 255, 255);
 }
-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:hover {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:hover {
   background-color: #fdc300;
 }
-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li.addoperation {
+header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li.addoperation {
   display: none;
 }
 
@@ -885,7 +885,7 @@ input {
 }
 
 .form-submit {
-  height: 3rem !important;
+  height: 2.5rem !important;
   margin-bottom: 1rem;
   font-size: 1.2rem;
   font-weight: 300;
@@ -951,7 +951,6 @@ h4 {
 
 aside.layout-sidebar-second {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px;
-  padding-top: 110px;
   z-index: 100;
   padding-left: 2rem;
   transform: translateX(0%);
@@ -971,7 +970,7 @@ aside.layout-sidebar-second h2 {
   cursor: pointer;
   padding-top: 2rem;
   padding-bottom: 2rem;
-  text-align: center;
+  text-align: start;
 }
 aside.layout-sidebar-second h2::before {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
@@ -987,58 +986,53 @@ aside.layout-sidebar-second .view-current-user-doc-profile {
   margin: 0 6rem;
   display: flex;
   flex-direction: column;
-  top: 200px;
-  position: relative;
-  padding-top: 10rem;
-}
-aside.layout-sidebar-second .view-current-user-doc-profile::before {
-  content: "";
-  width: 80%;
-  margin-top: 0.6rem;
-  margin-bottom: 1rem;
-  border-bottom: black solid 1px;
 }
 aside.layout-sidebar-second .view-current-user-doc-profile header {
   box-shadow: none;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title {
+aside.layout-sidebar-second .view-current-user-doc-profile .view-curent-user-site-dossier {
+  width: fit-content;
+  margin-bottom: 2rem;
+}
+aside.layout-sidebar-second .view-current-user-doc-profile .view-curent-user-site-dossier .views-field-title {
   font-size: 2rem;
   font-weight: 900;
   display: flex;
   flex-direction: column-reverse;
   margin-bottom: 3rem;
-  position: relative;
-  z-index: 1000;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title::after {
+aside.layout-sidebar-second .view-current-user-doc-profile .view-curent-user-site-dossier .views-field-title::after {
   content: url(../images/noun-cross-1151731.svg);
   cursor: pointer;
   width: fit-content;
   display: block;
   align-self: flex-end;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .view-curent-user-site-dossier {
-  position: relative;
-  top: 160px;
-  width: fit-content;
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur::before {
+  content: "";
+  display: block;
+  width: 80%;
+  margin-top: 0.6rem;
+  margin-bottom: 1rem;
+  border-bottom: black solid 1px;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage,
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement,
-aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier {
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage,
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement,
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier {
   text-transform: uppercase;
   display: flex;
   flex-direction: column;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage > div:nth-child(1),
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement > div:nth-child(1),
-aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier > div:nth-child(1) {
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1),
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement > div:nth-child(1),
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier > div:nth-child(1) {
   display: flex;
   align-items: center;
   flex-direction: row;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage > div:nth-child(1)::before,
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement > div:nth-child(1)::before,
-aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier > div:nth-child(1)::before {
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1)::before,
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement > div:nth-child(1)::before,
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier > div:nth-child(1)::before {
   content: url("../../dist/images/noun-file-6880430.svg");
   display: inline-flex;
   width: 40px;
@@ -1046,21 +1040,21 @@ aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dos
   padding-right: 1rem;
   align-items: center;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier,
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement .field__item .paragraph--type--dossier,
-aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier .field__item .paragraph--type--dossier {
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier,
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier,
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier .field__item .paragraph--type--dossier {
   padding-left: 10%;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers,
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers,
-aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers {
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers,
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers,
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers {
   text-transform: none;
   border: none;
   padding-left: 10%;
 }
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
-aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
-aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2) {
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
+aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2) {
   display: none;
 }
 aside.layout-sidebar-second footer.view-footer {
@@ -3215,6 +3209,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 
 .page-mon-espace-de-travail .layout-content {
+  padding-bottom: 3rem;
   width: 80%;
   margin-left: 8%;
 }
diff --git a/web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss b/web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss
index b0f2d24..41d1709 100644
--- a/web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss
+++ b/web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss
@@ -8,6 +8,7 @@
 
 .page-mon-espace-de-travail{
     .layout-content{
+        padding-bottom: 3rem;
         #block-reha-titredepage{
             text-align: center;
         }
diff --git a/web/themes/custom/reha/scss/partials/_aside.scss b/web/themes/custom/reha/scss/partials/_aside.scss
index 5bfbbae..a3e69cf 100644
--- a/web/themes/custom/reha/scss/partials/_aside.scss
+++ b/web/themes/custom/reha/scss/partials/_aside.scss
@@ -39,7 +39,7 @@
 
 aside.layout-sidebar-second{
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px;
-    padding-top: $header-height;
+    // padding-top: $header-height;
     z-index: 100;
     padding-left: 2rem;
     transform: translateX(0%);
@@ -59,7 +59,8 @@ aside.layout-sidebar-second{
         cursor: pointer;
         padding-top: 2rem;
         padding-bottom: 2rem;
-        text-align: center;
+        // text-align: center;
+        text-align: start;
         &::before{
             content: url('../../dist/images/noun-arrow-1569918-black.svg');
             display: inline-block;
@@ -77,77 +78,84 @@ aside.layout-sidebar-second{
     }
 
     .view-current-user-doc-profile{
+
         margin: 0 6rem ;
         display: flex;
         flex-direction: column;
-        top: 200px;
-        position: relative;
-        padding-top: 10rem;
+        // top: 200px;
+        // position: relative;
+        // padding-top: 10rem;
         
-        &::before{
-            content:  '' ;
-            width: 80%;
-            margin-top: 0.6rem;
-            margin-bottom: 1rem;
-            border-bottom: black solid 1px;
 
-        }
         header{box-shadow: none;}
-        .views-field-title{
-            font-size: 2rem;
-            font-weight: 900;
-            display: flex;
-            flex-direction: column-reverse;
-            margin-bottom: 3rem;
-            position: relative;
-            z-index: 1000;
-            &::after{
-                content: url(../images/noun-cross-1151731.svg);
-                cursor: pointer;
-                // padding-left: 2rem;
-                width: fit-content;
-                display: block;
-                align-self: flex-end;
-                // position: relative;
-                // right: 55px;
-                // top: -45px;
-            }
-        }
+        
         .view-curent-user-site-dossier{
-            position: relative;
-            top: 160px;
+            // position: relative;
+            // top: 160px;
             width: fit-content;
+            margin-bottom: 2rem;
+            .views-field-title{
+                font-size: 2rem;
+                font-weight: 900;
+                display: flex;
+                flex-direction: column-reverse;
+                
+                margin-bottom: 3rem;
+                // position: relative;
+                // z-index: 1000;
+                &::after{
+                    content: url(../images/noun-cross-1151731.svg);
+                    cursor: pointer;
+                    // padding-left: 2rem;
+                    width: fit-content;
+                    display: block;
+                    align-self: flex-end;
+                    // position: relative;
+                    // right: 55px;
+                    // top: -45px;
+                }
+            }
         }
 
-        .field--name-field-dossier-de-pilotage,
-        .field--name-field-dossier-evenement,
-        .paragraph--type--dossier{
-            text-transform: uppercase;
-            display: flex;
-            flex-direction: column;
-            > div:nth-child(1){
+        .profile--type--collaborateur{
+            &::before{
+                content:  '' ;
+                display: block;
+                width: 80%;
+                margin-top: 0.6rem;
+                margin-bottom: 1rem;
+                border-bottom: black solid 1px;
+            }
+            .field--name-field-dossier-de-pilotage,
+            .field--name-field-dossier-evenement,
+            .paragraph--type--dossier{
+                text-transform: uppercase;
                 display: flex;
-                align-items: center;
-                flex-direction: row;
-            }
-
-            > div:nth-child(1)::before{
-                content: url('../../dist/images/noun-file-6880430.svg');
-                display: inline-flex;
-                width: 40px;
-                height: auto;
-                padding-right: 1rem;         
-                align-items: center;
-            }
-            .field__item{
-                .paragraph--type--dossier{
-                    padding-left: 10%;
-                    .field--name-field-fichiers{
-                        text-transform: none;
-                        border: none;
+                flex-direction: column;
+                > div:nth-child(1){
+                    display: flex;
+                    align-items: center;
+                    flex-direction: row;
+                }
+    
+                > div:nth-child(1)::before{
+                    content: url('../../dist/images/noun-file-6880430.svg');
+                    display: inline-flex;
+                    width: 40px;
+                    height: auto;
+                    padding-right: 1rem;         
+                    align-items: center;
+                }
+                .field__item{
+                    .paragraph--type--dossier{
                         padding-left: 10%;
-                        span:nth-of-type(2){
-                            display: none;
+                        .field--name-field-fichiers{
+                            text-transform: none;
+                            border: none;
+                            padding-left: 10%;
+                            span:nth-of-type(2){
+                                display: none;
+                            }
                         }
                     }
                 }
diff --git a/web/themes/custom/reha/scss/partials/_forms.scss b/web/themes/custom/reha/scss/partials/_forms.scss
index 6dcedf0..c314a00 100644
--- a/web/themes/custom/reha/scss/partials/_forms.scss
+++ b/web/themes/custom/reha/scss/partials/_forms.scss
@@ -21,7 +21,7 @@ input{
 }
 .form-submit{
 
-    height: 3rem !important;
+    height: 2.5rem !important;
     margin-bottom: 1rem;
     font-size: 1.2rem;
     font-weight: 300;
diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss
index 749f777..7754830 100644
--- a/web/themes/custom/reha/scss/partials/_header.scss
+++ b/web/themes/custom/reha/scss/partials/_header.scss
@@ -1,6 +1,6 @@
 
 
-header{                       
+header[role=banner]{                       
     display: block;
     height: 120px;
     background-color: $white-header;
diff --git a/web/themes/custom/reha/templates/block--views-block--current-user-doc-profile-block-1.html.twig b/web/themes/custom/reha/templates/block--views-block--current-user-doc-profile-block-1.html.twig
new file mode 100644
index 0000000..200246c
--- /dev/null
+++ b/web/themes/custom/reha/templates/block--views-block--current-user-doc-profile-block-1.html.twig
@@ -0,0 +1,48 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+    '__close',
+  ]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2 class='__close' {{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>