drupal-reha/web/themes/custom/reha/scss/partials/_header.scss

header{                       
    display: block;
    background-color: white;
    position: fixed;
    z-index: 99;
    width: 100vw;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    // .sticky{
    //         position: fixed;
    // }
    // height: 150px;
    div{
        display:flex;
        flex-direction: row;
        justify-content: space-between;

        #block-reha-logoministere{

            width: fit-content;
        }
        #block-reha-logoreha{
            max-height: 90%;
            img{
                // max-height: ;
            }

        }

        #block-reha-connexionutilisateur{
            display: flex;
            flex-direction: column;
            width: 15%;
            .user-login-form{
                display: none;
            }
            ul{
                display: none;
            }
            
        }
        #block-reha-config-pages{
            width: 15%;
            display: flex;
            flex-direction: column;
            .config_pages--contact--full {
                display: none; /* Cacher initialement le contenu */

            }
            .open{
                display: block;
            }
 
            
            .field--type-text-long {
                transition: height 0.5s; /* Animation de 0.5 seconde lors de l'expansion vers le bas */
            } 
        }
    
    }


}





// pop in biographie

// .config_pages--contact--full {
// 	position: fixed;
// 	z-index: 1;
// 	top: 0;
// 	right: 0;
// 	bottom: 0;
// 	left: 0;
// 	display: none;
// }
// .config_pages--contact--full.open{
// 	display: block;
//   // .bouton {
//   //   border: solid !important;
//   //   background-color: transparent;
//   //   text-transform: uppercase;
//   //   align-self: flex-end;
//   //   margin:auto;
//   //   margin-bottom: 2rem;
//   // }
// }

// // #modal .mask{
// // 	background: none !important;
// // 	opacity: 1;
// // 	position: absolute;
// // 	top: 0;
// // 	right: 0;
// // 	bottom: 0;
// // 	left: 0;
// //
// // }
// // #body .grey {
// //   opacity: 0.5;
// // }

// .config_pages--contact--full{
// 	position: absolute;
// 	background: white !important;
// 	top: 50%;
// 	left: 45%;
// 	// transform: translateX(-50%) translateY(-50%);
// 	width:fit-content;
// 	height: fit-content;
// 	min-height: 50px;
//   border: solid;
//   color: black;

// //   .message{
// //   	padding: 5% 10% 5% 5%;
// //   }

//   a.close{
//   	position: absolute;
//   	right: 5%;
//   	top:5%;
//   	color: black;
//   	font-size: 30px;
//   }

//   a.close:hover{
//   	color: black;
//   }

//   @media (max-width: 442px) {
//     transform: translateX(-50%) translateY(-50%);
//     width: 85%;
//     height: 80%;
//     overflow-y: scroll;
//     a.close {
//       font-size: 0.8rem;
//       position: absolute;
//       right: 2%;
//       top:0.8%;
//     }
//     p {
//       font-size: 0.8rem;
//       margin-top: 0;
//     }
//     .message{
//       padding: 5% 5% 5% 5%;
//     }

//   }
//   @media (max-width: 1024px) {
//     transform: translateX(-50%) translateY(-50%);
//     width: 75%;
//     height: 65%;
//     overflow-y: scroll;
//     a.close {
//       font-size: 0.8rem;
//       position: absolute;
//       right: 2%;
//       top:0.8%;
//     }
//     p {
//       font-size: 0.8rem;
//       margin-top: 0;
//     }
//     .message{
//       padding: 5% 5% 5% 5%;
//     }

//   }
// }