|
@@ -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;
|