change layout home

web/themes/custom/colloque2024/css-compiled/index.css

@@ -519,7 +519,7 @@ body #content-ontop {
 body #background-animated {
   z-index: -1;
   position: relative;
-  left: -350px; }
+  left: -400px; }
 
 article.publications, article.interviews {
   margin-top: 1rem; }
@@ -668,6 +668,15 @@ header #block-colloque2024-mainnavigation ul li {
   vertical-align: middle;
   margin-left: 20px; }
 
+#mainHome {
+  max-width: 100vw;
+  margin: 0;
+  display: flex; }
+  #mainHome .layout-content {
+    margin: auto;
+    height: 1500px;
+    max-width: 1140px; }
+
 #txt_present .medias {
   display: none; }
 
@@ -937,7 +946,8 @@ header {
     header .row #block-colloque2024-renderedsitesettingsblock-2 {
       width: 35%;
       border-left: 1px solid #b9a47eff;
-      padding: 0; }
+      padding: 0;
+      display: none; }
       header .row #block-colloque2024-renderedsitesettingsblock-2 a {
         display: flex; }
       @media screen and (min-width: 1200px) {
@@ -979,59 +989,61 @@ header {
       header .row #block-colloque2024-mainnavigation .burger {
         padding-top: 0.25rem;
         z-index: 9999; }
-      @media screen and (min-width: 1200px) {
-        header .row #block-colloque2024-mainnavigation .nav-main {
-          display: flex; }
-          header .row #block-colloque2024-mainnavigation .nav-main ul {
-            margin-bottom: 0;
-            flex-wrap: wrap; }
-            header .row #block-colloque2024-mainnavigation .nav-main ul li {
-              margin: 0 0.5rem; }
-              header .row #block-colloque2024-mainnavigation .nav-main ul li:not(:last-child):after {
-                display: inline-block;
-                content: "|";
-                margin-left: 0.5rem; } }
-      header .row #block-colloque2024-mainnavigation .nav-main.is-active {
-        display: block;
-        position: fixed;
-        width: 100vw;
-        height: 100vh;
-        left: 0;
-        top: 0;
-        background: white;
-        z-index: 9999; }
-        @media screen and (min-width: 576px) {
-          header .row #block-colloque2024-mainnavigation .nav-main.is-active {
-            height: auto; }
-            header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
-              margin: 130px 0 50px 0; }
-            header .row #block-colloque2024-mainnavigation .nav-main.is-active li {
-              font-size: 1.7rem;
-              line-height: 3rem;
-              padding: 0 15px; } }
-        header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          height: 100%;
-          align-items: center; }
-          header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
-            font-size: 1.5rem;
-            line-height: 3rem;
-            padding: 0 15px; }
-            @media screen and (min-width: 360px) {
-              header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
-                width: 100%; }
-                header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li::before {
+      header .row #block-colloque2024-mainnavigation .nav-main {
+        display: none; }
+        @media screen and (min-width: 1200px) {
+          header .row #block-colloque2024-mainnavigation .nav-main {
+            display: block; }
+            header .row #block-colloque2024-mainnavigation .nav-main ul {
+              margin-bottom: 0;
+              flex-wrap: wrap; }
+              header .row #block-colloque2024-mainnavigation .nav-main ul li {
+                margin: 0 0.5rem; }
+                header .row #block-colloque2024-mainnavigation .nav-main ul li:not(:last-child):after {
                   display: inline-block;
-                  content: " ";
-                  width: 0%;
-                  transition: width 1s ease;
-                  height: 1px;
-                  background: #038788; }
-                header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li:hover::before {
-                  width: 10%;
-                  transition: all 1s ease; } }
+                  content: "|";
+                  margin-left: 0.5rem; } }
+        header .row #block-colloque2024-mainnavigation .nav-main.is-active {
+          display: block;
+          position: fixed;
+          width: 100vw;
+          height: 100vh;
+          left: 0;
+          top: 0;
+          background: white;
+          z-index: 9999; }
+          @media screen and (min-width: 576px) {
+            header .row #block-colloque2024-mainnavigation .nav-main.is-active {
+              height: auto; }
+              header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
+                margin: 130px 0 50px 0; }
+              header .row #block-colloque2024-mainnavigation .nav-main.is-active li {
+                font-size: 1.7rem;
+                line-height: 3rem;
+                padding: 0 15px; } }
+          header .row #block-colloque2024-mainnavigation .nav-main.is-active ul {
+            display: flex;
+            justify-content: center;
+            flex-direction: column;
+            height: 100%;
+            align-items: center; }
+            header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
+              font-size: 1.5rem;
+              line-height: 3rem;
+              padding: 0 15px; }
+              @media screen and (min-width: 360px) {
+                header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li {
+                  width: 100%; }
+                  header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li::before {
+                    display: inline-block;
+                    content: " ";
+                    width: 0%;
+                    transition: width 1s ease;
+                    height: 1px;
+                    background: #038788; }
+                  header .row #block-colloque2024-mainnavigation .nav-main.is-active ul li:hover::before {
+                    width: 10%;
+                    transition: all 1s ease; } }
 
 #block-colloque2024-mainnavigation {
   border-left: 1px solid black;
@@ -1064,6 +1076,9 @@ header.front #block-colloque2024-branding {
     header.front #block-colloque2024-branding.is-active > div {
       max-height: 115px; }
 
+header.front #block-renderedsitesettingsblock-2 {
+  display: none; }
+
 #block-colloque2024-submenu {
   margin: 1rem auto; }
   #block-colloque2024-submenu ul {

web/themes/custom/colloque2024/css-compiled/pages/layout.css

@@ -13,7 +13,7 @@ body #content-ontop {
 body #background-animated {
   z-index: -1;
   position: relative;
-  left: -350px; }
+  left: -400px; }
 
 article.publications, article.interviews {
   margin-top: 1rem; }

web/themes/custom/colloque2024/css/components/header/header.scss

@@ -35,7 +35,7 @@ header{
       width: 35%;
       border-left: 1px solid $color1;
       padding: 0;
-      // display: none;
+      display: none;
       a{
         display: flex;
       }
@@ -90,8 +90,9 @@ header{
         z-index: 9999;
       }
       .nav-main{
+        display: none;
         @media screen and (min-width: 1200px) {
-        display: flex;
+        display: block;
           ul{
             margin-bottom: 0;
             flex-wrap: wrap;
@@ -201,5 +202,7 @@ header.front{
       }
     }
   }
-
+  #block-renderedsitesettingsblock-2{
+    display: none;
+  }
 }

web/themes/custom/colloque2024/css/pages/front.scss

@@ -185,6 +185,19 @@ header {
 
 ///changement 2024
 
+#mainHome{
+  max-width: 100vw;
+  margin: 0;
+  display: flex;
+  .layout-content{
+    margin: auto;
+    height: 1500px;
+    max-width: 1140px;
+  }
+}
+
+
+
 #txt_present{
   .medias{
   display: none;

web/themes/custom/colloque2024/css/pages/layout.scss

@@ -16,7 +16,7 @@ body {
  #background-animated{
  z-index: -1;
  position: relative;
-  left: -350px;
+  left: -400px;
  
  }
 }