recup commit dev

user/themes/lecampus/blueprints/modular/section-lieux.yaml

@@ -0,0 +1,38 @@
+title: Section lieux
+'@extends': default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.media_order:
+              label: Page Media (first one will be displayed next to your content)
+
+            header.section:
+              type: fieldset
+              title: Nos lieux
+              underline: true
+              fields:
+                header.list:
+                  name: Les lieux à découvrir
+                  type: list
+                  style: vertical
+                  btnLabel: "Ajouter un Lieux"
+                  fields:
+                    .section-thumbnail:
+                      type: section
+                      title: Lieux
+                      underline: true
+                    .title:
+                      type: text
+                      label: Titre du lieux
+                    .img_thumb:
+                      type: filepicker
+                      folder: '@self'
+                      preview_images: true
+                      label: Selectionner le document
+                    .btn_url:
+                      type: text
+                      label: Url externe  

user/themes/lecampus/blueprints/modular/section-offres.yaml

@@ -0,0 +1,35 @@
+title: Section offres
+'@extends': default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.media_order:
+              label: Page Media (first one will be displayed next to your content)
+
+            header.section-offres:
+              type: fieldset
+              title: Offres
+              underline: true
+              fields:
+                header.list:
+                  name: type d'offres
+                  type: list
+                  style: vertical
+                  btnLabel: "Ajouter une offres"
+                  fields:
+                    .section-thumbnail:
+                      type: section
+                      title: Information
+                      underline: true
+                    .title:
+                      type: text
+                      label: Titre
+                    .img_thumb:
+                      type: filepicker
+                      folder: '@self'
+                      preview_images: true
+                      label: Select a file

user/themes/lecampus/blueprints/modular/section-packs.yaml

@@ -0,0 +1,95 @@
+title: Section packs
+'@extends': default
+
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          fields:
+            header.media_order:
+              label: Page Media (first one will be displayed next to your content)
+
+            header.sections:
+              type: fieldset
+              title: Nos packs
+              fields:
+                header.list:
+                  name: Les packs
+                  type: list
+                  style: vertical
+                  btnLabel: "Ajouter un pack"
+                  max: 3
+                  fields:
+                    .section-pack:
+                      type: section
+                      title: Pack
+                    .section-thumb:
+                      type: fieldset
+                      title: Information
+                      underline: true
+                      fields:
+                        .title:
+                          type: text
+                          label: Titre
+                        .sous_title:
+                          type: text
+                          label: Texte de présentation
+                        .img_thumb:
+                          type: filepicker
+                          folder: '@self'
+                          preview_images: true
+                          label: image background
+                    .section-more:
+                      type: fieldset
+                      title: En savoir plus
+                      underline: true
+                      fields:
+                        .titre:
+                          label: Titre
+                          type: textarea
+                        .txt_color:
+                          label: Texte en couleur
+                          type: textarea
+                        .txt_black:
+                          label: Text en noir
+                          type: textarea
+                        .imb_background:
+                          type: filepicker
+                          folder: '@self'
+                          preview_images: true
+                          label: image background
+                    .section-button:
+                      type: fieldset
+                      title: Brochure
+                      underline: true
+                      fields:
+                        .btn_txt:
+                          type: text
+                          label: Texte boutton
+                        .btn_url:
+                          type: filepicker
+                          folder: '@self'
+                          preview_images: true
+                          label: Selectionner le document
+            header.autre:
+              type: fieldset
+              title: Autre envie
+              fields:
+                header.title_envie:
+                  type: text
+                  label: Titre
+                header.sous_title_envie:
+                  type: text
+                  label: Texte de présentation
+                header.img_thumb_envie:
+                  type: filepicker
+                  folder: '@self'
+                  preview_images: true
+                  label: image background
+                header.btn_txt_envie:
+                  type: text
+                  label: Texte boutton
+                header.btn_url_envie:
+                  type: text
+                  label: Url

user/themes/lecampus/blueprints/nos-offres.yaml

@@ -0,0 +1,35 @@
+extends@: modular
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          items:
+            default: "@self.modular"
+          fields:
+            content:
+              unset@: true
+            header.media_order:
+              unset@: true
+
+            header.entete:
+              ordering@: -4
+              type: fieldset
+              title: Texte en-tête
+              help: Écriver le texte qui sera affiché dans le bandeau d'en-tête
+              text: Écriver le texte qui sera affiché dans le bandeau d'en-tête
+              fields:
+                header.entete.text:
+                  type: text
+                  label: Texte
+
+      fields:
+        advanced:
+          fields:
+            columns:
+              fields:
+                column1:
+                   fields:
+                     header.body_classes:
+                       markdown: true
+                       description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'

user/themes/lecampus/blueprints/nos-packs.yaml

@@ -0,0 +1,48 @@
+extends@: modular
+form:
+  fields:
+    tabs:
+      fields:
+        content:
+          items:
+            default: "@self.modular"
+          fields:
+            content:
+              unset@: true
+
+            header.entete:
+              ordering@: -5
+              type: fieldset
+              title: Texte en-tête
+              help: Écriver le texte qui sera affiché dans le bandeau d'en-tête
+              text: Écriver le texte qui sera affiché dans le bandeau d'en-tête
+              fields:
+                header.entete.text:
+                  type: text
+                  label: Texte
+
+            header.doc_dl:
+              ordering@: -4
+              type: fieldset
+              title: Lien pour télécharger les propositions de séjour d'entreprise
+              underline: true
+              fields:
+                header.btn_txt:
+                  type: text
+                  label: Texte boutton
+                header.btn_url:
+                  type: filepicker
+                  folder: '@self'
+                  preview_images: true
+                  label: Selectionner le document
+
+      fields:
+        advanced:
+          fields:
+            columns:
+              fields:
+                column1:
+                   fields:
+                     header.body_classes:
+                       markdown: true
+                       description: 'Available classes in Quark Theme (space separated):<br />`header-fixed`, `header-animated`, `header-dark`, `header-transparent`, `sticky-footer`'

user/themes/lecampus/css-compiled/theme.css

@@ -532,41 +532,52 @@ p {
   font-family: "bold";
   font-size: 0.8rem; }
 
-#item .title-wrapper .back, #item-article .title-wrapper .back {
+#item .title-wrapper .back, #item-article .title-wrapper .back, #event .title-wrapper .back {
   font-family: "bold"; }
 
-#item .title-wrapper .title h1, #item-article .title-wrapper .title h1 {
+#item .title-wrapper .title h1, #item-article .title-wrapper .title h1, #event .title-wrapper .title h1 {
   color: white;
   font-size: 1.2rem; }
 
-#item .info-wrapper .date, #item-article .info-wrapper .date {
+#item .info-wrapper .date, #item-article .info-wrapper .date, #event .info-wrapper .date {
   font-family: "bold";
   color: #9e0027;
   font-size: 0.8rem; }
-  #item .info-wrapper .date .dt, #item-article .info-wrapper .date .dt {
+  #item .info-wrapper .date .dt, #item-article .info-wrapper .date .dt, #event .info-wrapper .date .dt {
     text-transform: lowercase; }
 
-#item .info-wrapper .reso, #item-article .info-wrapper .reso {
+#item .info-wrapper .reso, #item-article .info-wrapper .reso, #event .info-wrapper .reso {
   font-size: 0.8rem;
   font-family: "bold"; }
 
-#item .body-wrapper .card-content .txt p, #item-article .body-wrapper .card-content .txt p {
+#item .body-wrapper .card-content .txt p, #item-article .body-wrapper .card-content .txt p, #event .body-wrapper .card-content .txt p {
   line-height: 1.5rem; }
 
-#item .body-wrapper .card-content .txt h2, #item-article .body-wrapper .card-content .txt h2 {
+#item .body-wrapper .card-content .txt h2, #item-article .body-wrapper .card-content .txt h2, #event .body-wrapper .card-content .txt h2 {
   font-size: 1.2rem;
   font-family: "bold";
   font-weight: normal; }
 
-#item .body-wrapper .card-content .txt ul li, #item-article .body-wrapper .card-content .txt ul li {
-  font-size: 0.9rem;
-  line-height: 1.5rem; }
+#item .body-wrapper .card-content .txt ul, #item .body-wrapper .card-content .txt ol, #item-article .body-wrapper .card-content .txt ul, #item-article .body-wrapper .card-content .txt ol, #event .body-wrapper .card-content .txt ul, #event .body-wrapper .card-content .txt ol {
+  padding: 0; }
+  #item .body-wrapper .card-content .txt ul li, #item .body-wrapper .card-content .txt ol li, #item-article .body-wrapper .card-content .txt ul li, #item-article .body-wrapper .card-content .txt ol li, #event .body-wrapper .card-content .txt ul li, #event .body-wrapper .card-content .txt ol li {
+    font-size: 0.9rem;
+    line-height: 1.5rem; }
+    #item .body-wrapper .card-content .txt ul li::before, #item .body-wrapper .card-content .txt ol li::before, #item-article .body-wrapper .card-content .txt ul li::before, #item-article .body-wrapper .card-content .txt ol li::before, #event .body-wrapper .card-content .txt ul li::before, #event .body-wrapper .card-content .txt ol li::before {
+      content: " ";
+      width: 5px;
+      height: 5px;
+      border-radius: 10px;
+      display: inline-block;
+      vertical-align: middle;
+      background: #9e0027;
+      margin-right: 5px; }
 
-#item .content .content_s h2, #item-article .content .content_s h2 {
+#item .content .content_s h2, #item-article .content .content_s h2, #event .content .content_s h2 {
   font-family: "bold";
   font-size: 1.3rem; }
 
-#item .icones p, #item-article .icones p {
+#item .icones p, #item-article .icones p, #event .icones p {
   font-family: "now_alt_bold";
   font-weight: 400;
   color: #9e0027;
@@ -809,6 +820,104 @@ header nav.dropmenu > ul {
       -webkit-transform: rotate(180deg);
       transform: rotate(180deg); }
 
+.start#form .entete {
+  border-top: 1px solid #0093a3; }
+
+.start#form h2 {
+  margin-top: 0; }
+
+.start#form .body-wrapper {
+  width: 100%;
+  min-width: 250px;
+  margin: auto auto 140px auto; }
+  .start#form .body-wrapper form {
+    width: calc( (100% / 2));
+    margin-top: 20px;
+    margin: auto; }
+    .start#form .body-wrapper form > .form-columns {
+      width: 100%;
+      margin: 20px 0; }
+      .start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group {
+        width: 100%; }
+        .start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data {
+          width: 100%; }
+          .start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper {
+            width: 100%; }
+            .start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper textarea {
+              width: 100%;
+              resize: none;
+              border: none; }
+      .start#form .body-wrapper form > .form-columns > .form-column {
+        padding: 20px 0;
+        display: flex;
+        width: 100%; }
+        .start#form .body-wrapper form > .form-columns > .form-column:not(:nth-last-child(1)) {
+          border-bottom: 1px solid #9e0027; }
+        .start#form .body-wrapper form > .form-columns > .form-column > .form-group {
+          width: auto; }
+          .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data {
+            display: -webkit-inline-box;
+            display: -ms-inline-flexbox;
+            display: inline-flex;
+            -ms-flex-wrap: wrap;
+            flex-wrap: wrap;
+            margin: 0px 0px; }
+            .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div {
+              overflow: hidden;
+              margin: 10px 10px;
+              min-width: 100px;
+              border: 2px solid #9e0027;
+              border-radius: 30px;
+              padding: 10px 20px; }
+              .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div.check {
+                background: #9e0027;
+                color: white; }
+              .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input {
+                border: none; }
+              .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input[type='radio'] {
+                visibility: hidden;
+                position: absolute; }
+              .start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div label {
+                cursor: pointer; }
+    .start#form .body-wrapper form .button-wrapper {
+      background: #9e0027;
+      height: 100px;
+      position: absolute;
+      left: 0;
+      width: 100%; }
+      .start#form .body-wrapper form .button-wrapper button {
+        margin-right: 25%;
+        position: absolute;
+        right: 0;
+        top: 50%;
+        -webkit-transform: translateY(-50%);
+        transform: translateY(-50%);
+        background: white;
+        border-radius: 30px;
+        padding: 10px 35px;
+        box-shadow: none;
+        border: 0; }
+  .start#form .body-wrapper #send-valide {
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+    background: #9e0027;
+    border-radius: 20px;
+    position: fixed;
+    width: 30%;
+    min-height: 30%;
+    left: 50%;
+    top: 50%;
+    padding: 50px; }
+    .start#form .body-wrapper #send-valide .toast {
+      position: relative;
+      text-align: center;
+      color: white; }
+    .start#form .body-wrapper #send-valide .ok {
+      color: white;
+      position: absolute;
+      right: 20px;
+      bottom: 20px; }
+
 @media screen and (max-width: 1450px) {
   header > nav {
     width: 90% !important; }
@@ -1188,8 +1297,7 @@ header nav.dropmenu > ul {
         margin: 0 0 20px 0 !important; }
   #articles .articles-listing .card > a {
     grid-template-columns: 100% !important;
-    grid-column-gap: 0 !important;
-    grid-template-rows: 100% !important; }
+    grid-column-gap: 0 !important; }
     #articles .articles-listing .card > a .card-image img {
       width: 100% !important;
       height: auto !important; }
@@ -1331,6 +1439,16 @@ header nav.dropmenu > ul {
     text-align: center; }
     #default .header-wrapper .title {
       width: 90% !important; }
+  .start#form .body-wrapper form .form-columns .form-column {
+    display: block; }
+    .start#form .body-wrapper form .form-columns .form-column .form-data {
+      width: 100%; }
+      .start#form .body-wrapper form .form-columns .form-column .form-data > div {
+        width: 100%; }
+        .start#form .body-wrapper form .form-columns .form-column .form-data > div label {
+          display: block;
+          width: 100%;
+          text-align: center; }
   #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
     width: 90% !important; }
   #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
@@ -1662,29 +1780,6 @@ header nav.dropmenu > ul {
     #nos-packs .content .section .d-flex .__thumbnails:nth-child(3) .__more, #nos-offres .content .section .d-flex .__thumbnails:nth-child(3) .__more {
       transform: translateX(0%); } }
 
-.bandeau_partenaires {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  margin-bottom: 3rem;
-  justify-content: center;
-  align-items: center;
-  align-content: space-around; }
-  .bandeau_partenaires img {
-    height: 4rem;
-    width: auto;
-    margin-right: 2rem; }
-
-@media only screen and (max-width: 400px) {
-  .bandeau_partenaires {
-    align-self: center;
-    justify-content: center;
-    margin: 1rem; }
-    .bandeau_partenaires img {
-      height: 3rem;
-      margin-right: 1rem;
-      margin-bottom: 1rem; } }
-
 .gal {
   margin-left: 15%; }
   .gal .content_gal {
@@ -1888,11 +1983,13 @@ header nav.dropmenu > ul {
         object-fit: contain;
         overflow: hidden;
         display: inline-flex;
-        justify-content: center; }
+        justify-content: center;
+        max-height: 250px; }
         #articles .articles-listing .card > a .card-image img {
           display: inline-block;
-          height: 250px;
-          width: auto; }
+          width: 100%;
+          height: 100%;
+          object-fit: cover; }
       #articles .articles-listing .card > a .wrapper-content {
         grid-column-start: 2;
         grid-row-start: 1;
@@ -1901,10 +1998,13 @@ header nav.dropmenu > ul {
         padding: 20px 20px;
         width: 100%;
         height: 100%; }
-        #articles .articles-listing .card > a .wrapper-content .date {
-          float: left; }
-        #articles .articles-listing .card > a .wrapper-content .cat {
-          margin-left: 3px; }
+        #articles .articles-listing .card > a .wrapper-content .wrapper-info {
+          display: inline-flex;
+          width: 100%; }
+          #articles .articles-listing .card > a .wrapper-content .wrapper-info .cat {
+            margin: 0 0 0 3px;
+            height: inherit !important;
+            width: auto !important; }
         #articles .articles-listing .card > a .wrapper-content .readmore {
           float: right; }
     #articles .articles-listing .card .card-content {
@@ -1950,100 +2050,6 @@ header nav.dropmenu > ul {
         transform: translateX(3px);
         transition: 0.3s transform ease; }
 
-.start#form .entete {
-  border-top: 1px solid #0093a3; }
-
-.start#form h2 {
-  margin-top: 0; }
-
-.start#form .body-wrapper {
-  width: 100%;
-  min-width: 250px;
-  margin: auto auto 140px auto; }
-  .start#form .body-wrapper form {
-    width: calc( (100% / 2));
-    margin-top: 20px;
-    margin: auto; }
-    .start#form .body-wrapper form > div {
-      width: 100%;
-      margin: 20px 0;
-      border-bottom: 1px solid #9e0027; }
-      .start#form .body-wrapper form > div .form-data {
-        display: -webkit-inline-box;
-        display: -ms-inline-flexbox;
-        display: inline-flex;
-        -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-        margin: 20px 0px; }
-        .start#form .body-wrapper form > div .form-data > div {
-          overflow: hidden;
-          margin: 10px 10px;
-          min-width: 100px;
-          border: 2px solid #9e0027;
-          border-radius: 30px;
-          padding: 10px 20px; }
-          .start#form .body-wrapper form > div .form-data > div.check {
-            background: #9e0027;
-            color: white; }
-          .start#form .body-wrapper form > div .form-data > div input {
-            border: none; }
-          .start#form .body-wrapper form > div .form-data > div input[type='radio'] {
-            visibility: hidden;
-            position: absolute; }
-          .start#form .body-wrapper form > div .form-data > div label {
-            cursor: pointer; }
-      .start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) {
-        width: 50%;
-        float: left;
-        border-bottom: 0px; }
-        .start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) .form-data {
-          width: 100%; }
-          .start#form .body-wrapper form > div:nth-of-type(n+5):not(:nth-of-type(n+12)) .form-data > div {
-            width: 100%; }
-      .start#form .body-wrapper form > div:nth-of-type(11) {
-        border-bottom: 1px solid #9e0027 !important;
-        width: 100% !important; }
-        .start#form .body-wrapper form > div:nth-of-type(11) .form-data {
-          width: 50% !important; }
-      .start#form .body-wrapper form > div.button-wrapper {
-        background: #9e0027;
-        height: 100px;
-        position: absolute;
-        left: 0;
-        width: 100%; }
-        .start#form .body-wrapper form > div.button-wrapper button {
-          margin-right: 25%;
-          position: absolute;
-          right: 0;
-          top: 50%;
-          -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-          background: white;
-          border-radius: 30px;
-          padding: 10px 35px;
-          box-shadow: none;
-          border: 0; }
-  .start#form .body-wrapper #send-valide {
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-    background: #9e0027;
-    border-radius: 20px;
-    position: fixed;
-    width: 30%;
-    min-height: 30%;
-    left: 50%;
-    top: 50%;
-    padding: 50px; }
-    .start#form .body-wrapper #send-valide .toast {
-      position: relative;
-      text-align: center;
-      color: white; }
-    .start#form .body-wrapper #send-valide .ok {
-      color: white;
-      position: absolute;
-      right: 20px;
-      bottom: 20px; }
-
 .header-wrapper .title h2 {
   width: auto;
   margin-bottom: 20px;
@@ -2074,23 +2080,25 @@ header nav.dropmenu > ul {
   background-image: url("/user/themes/lecampus/images/Trame-bleu2.svg");
   background-repeat: repeat;
   height: auto;
-  border-top: 10px solid #b5cb3a; }
+  border-top: 10px solid #b5cb3a;
+  width: 100%; }
   .entete .entete_c {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
+    flex-direction: column;
     text-align: center;
     width: 70%;
     margin: 50px auto;
     position: relative; }
     .entete .entete_c h1 {
-      width: auto;
+      width: max-content;
+      max-width: 100%;
       margin-bottom: 20px;
       background: #9e0027;
       border-radius: 30px;
-      width: auto;
       padding: 10px 20px; }
 
 .body-wrapper .content h4:not(:first-of-type) {
@@ -2561,6 +2569,8 @@ header nav.dropmenu > ul {
     #item .item-wrapper .body-wrapper .card-content .txt p, #item-article .item-wrapper .body-wrapper .card-content .txt p {
       margin: 0 0 1.2rem 0;
       line-height: 1.5rem; }
+    #item .item-wrapper .body-wrapper .card-content .txt a, #item-article .item-wrapper .body-wrapper .card-content .txt a {
+      border-bottom: 1px solid #9e0027; }
     #item .item-wrapper .body-wrapper .card-content .txt h2, #item-article .item-wrapper .body-wrapper .card-content .txt h2 {
       font-size: 1.2rem;
       font-family: "bold";
@@ -2623,7 +2633,6 @@ header nav.dropmenu > ul {
   background-repeat: repeat;
   width: 100%; }
   #devis .title {
-    visibility: hidden;
     width: 200px;
     height: 200px;
     background: #9e0027;
@@ -2647,7 +2656,7 @@ header nav.dropmenu > ul {
     margin-right: 20px;
     height: auto; }
     #devis .txt p {
-      padding: 20px 20px 20px 20px;
+      padding: 20px 20px 20px 100px;
       color: black;
       text-align: left; }
       #devis .txt p strong {
@@ -2668,13 +2677,13 @@ header nav.dropmenu > ul {
         width: 100%;
         height: 100%; }
 
-#devis.item, #devis.sublog, #devis.item-article {
+#devis.item, #devis.sublog, #devis.item-article, #devis.nos-offres, #devis.nos-packs {
   background: #9e0027;
   height: auto;
   padding: 20px 0; }
-  #devis.item a, #devis.sublog a, #devis.item-article a {
+  #devis.item a, #devis.sublog a, #devis.item-article a, #devis.nos-offres a, #devis.nos-packs a {
     color: white; }
-    #devis.item a .title, #devis.sublog a .title, #devis.item-article a .title {
+    #devis.item a .title, #devis.sublog a .title, #devis.item-article a .title, #devis.nos-offres a .title, #devis.nos-packs a .title {
       vertical-align: baseline;
       border-radius: 30px;
       border: 1px solid white;
@@ -2683,9 +2692,9 @@ header nav.dropmenu > ul {
       width: auto;
       -webkit-transform: translateX(0);
       transform: translateX(0); }
-    #devis.item a:hover, #devis.sublog a:hover, #devis.item-article a:hover {
+    #devis.item a:hover, #devis.sublog a:hover, #devis.item-article a:hover, #devis.nos-offres a:hover, #devis.nos-packs a:hover {
       color: black; }
-      #devis.item a:hover .title, #devis.sublog a:hover .title, #devis.item-article a:hover .title {
+      #devis.item a:hover .title, #devis.sublog a:hover .title, #devis.item-article a:hover .title, #devis.nos-offres a:hover .title, #devis.nos-packs a:hover .title {
         background: white;
         transition: background 0.3s ease; }
 

user/themes/lecampus/css/bricklayer.css

@@ -46,4 +46,4 @@
     flex: 1;
     padding-left: 5px;
     padding-right: 5px;
-}
+}

user/themes/lecampus/js/site.js

@@ -193,7 +193,48 @@ function ajaxformulaire() {
 
 }
 
+function open_pack() {
+  var $pack = $(".nos_pack .pack .__thumb");
+  var nbrDiv = $pack.length;
+  var widtWind = $( window ).width();
+
+  if(widtWind <= 530){
+    var count = 1;
+  } else if (widtWind <= 1024) {
+    var count = 2;
+  } else if (widtWind <= 1200) {
+    var count = 3;
+  } else {
+    var count = 4;
+  }
+  $pack.on('click',function(e) {
+
+    var href = $(this).find('a').attr('href') ;
+    if ( href == '#') {
+      e.preventDefault();
+    }
+
+    var idThis = $(this).parent('.pack').attr('id');
+    var $more = $('.__more#' + idThis);
 
+    $('.__more').removeClass('visible');
+    $('.triangle').removeClass('visible');
+
+      var i = count;
+
+      $more.addClass('visible');
+      $(this).find('.triangle').addClass('visible')
+
+  })
+
+  var $close = $('.__more .close');
+  $close.on('click' , function(e) {
+    console.log('clsick');
+    $(this).parents('.__more').removeClass('visible');
+    $('.triangle').removeClass('visible');
+  })
+
+}
 
 jQuery(document).ready(function(){
   tarteaucitron.init({
@@ -229,4 +270,9 @@ jQuery(document).ready(function(){
   filteritem();
   map();
   burger();
+
+  if ($('section').is("#nos-packs")) {
+    open_pack();
+  }
+
 });

user/themes/lecampus/package.json

@@ -1,48 +1,24 @@
 {
-  "name": "spectre.css",
-  "version": "0.5.1",
-  "homepage": "http://picturepan2.github.io/spectre",
-  "author": "Yan Zhu <picturepan2@hotmail.com>",
-  "description": "Spectre.css: a lightweight, responsive and modern CSS framework",
-  "main": "docs/dist/spectre.css",
+  "dependencies": {
+    "animate.css": "^4.1.1"
+  },
+  "scripts": {
+    "sass": "node-sass -w scss -o css-compiled"
+  },
+  "name": "lecampus.net",
+  "description": "",
+  "version": "1.0.0",
+  "main": "index.js",
+  "directories": {
+    "test": "tests"
+  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/picturepan2/spectre.git"
-  },
-  "license": "MIT",
-  "keywords": [
-    "css",
-    "framework",
-    "flexbox",
-    "responsive",
-    "mobile-friendly",
-    "front-end",
-    "sass",
-    "modern"
-  ],
-  "bugs": {
-    "url": "https://github.com/picturepan2/spectre/issues"
+    "url": "https://figureslibres.io/gogs/kevin/lecampus.net.git"
   },
+  "author": "",
+  "license": "",
   "devDependencies": {
-    "gulp": "latest",
-    "gulp-autoprefixer": "latest",
-    "gulp-clean-css": "^3.9.4",
-    "gulp-csscomb": "^3.0.8",
-    "gulp-rename": "^1.2.2",
-    "gulp-sass": "^4.0.1"
-  },
-  "browserslist": [
-    "last 4 Chrome versions",
-    "Edge >= 12",
-    "Firefox ESR",
-    "last 4 Safari versions",
-    "last 4 Opera versions",
-    "Explorer >= 10"
-  ],
-  "dependencies": {
-    "browserslist": "^4.6.1",
-    "caniuse-lite": "file:node_modules/caniuse-lite",
-    "gulp-sourcemaps": "^2.6.4",
-    "uglify-js": "^3.5.12"
+    "node-sass": "*"
   }
 }

user/themes/lecampus/scss/theme.scss

@@ -11,10 +11,9 @@
 @import 'theme/header';
 @import 'theme/menu';
 @import 'theme/footer';
+@import 'theme/form';
 @import 'theme/mobile';
 @import 'theme/cookies';
 @import 'theme/thumbnails/thumbnails';
-@import 'theme/custom';
-
 // Extra Skeleton Styling
 @import 'theme/blog';

user/themes/lecampus/scss/theme/_blog.scss

@@ -254,10 +254,12 @@
           overflow: hidden;
           display: inline-flex;
           justify-content: center;
+          max-height: 250px;
           img{
             display: inline-block;
-            height: 250px;
-            width: auto;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
           }
         }
         .wrapper-content{
@@ -268,11 +270,16 @@
           padding: 20px 20px;
           width: 100%;
           height: 100%;
-          .date{
-            float: left;
-          }
-          .cat{
-            margin-left: 3px;
+          .wrapper-info{
+            display: inline-flex;
+            width: 100%;
+            & > div{
+            }
+            .cat{
+              margin:0 0 0 3px;
+              height: inherit!important;
+              width: auto!important;
+            }
           }
           .readmore{
             float: right;
@@ -282,6 +289,7 @@
       .card-content{
         overflow: hidden;
         height: 7.7rem;
+
         h2{
           font-size: 0.9rem;
         }
@@ -354,117 +362,6 @@
   }
 }
 
-.start#form{
-  .entete{
-    border-top: 1px solid $light-blue
-  }
-  h2{
-    margin-top: 0;
-  }
-  .body-wrapper{
-    width: 100%;
-    min-width: 250px;
-    margin: auto auto 140px auto;
-    form{
-      width: calc( (100% / 2));
-      margin-top: 20px;
-      margin: auto;
-      & > div{
-        width: 100%;
-        margin: 20px 0;
-        border-bottom: 1px solid $red;
-        .form-data{
-          @include inlineflex();
-          margin: 20px 0px;
-          &> div{
-            overflow: hidden;
-            margin: 10px 10px;
-            min-width: 100px;
-            border: 2px solid $red;
-            border-radius: 30px;
-            padding: 10px 20px;
-            &.check{
-              background: $red;
-              color: white;
-            }
-            input{
-              border: none;
-            }
-            input[type='radio'] {
-              visibility: hidden;
-              position: absolute;
-            }
-            label{
-              cursor: pointer;
-            }
-          }
-        }
-        &:nth-of-type(n+5):not(:nth-of-type(n+12)){
-          width: 50%;
-          float: left;
-          border-bottom: 0px;
-          .form-data{
-            width: 100%;
-            & > div{
-              width: 100%;
-            }
-          }
-        }
-        &:nth-of-type(11){
-          border-bottom: 1px solid $red !important;
-          width: 100%!important;
-          .form-data {
-            width: 50%!important;
-          }
-        }
-        &.button-wrapper{
-          background: $red;
-          height: 100px;
-          position: absolute;
-          left: 0;
-          width: 100%;
-          button{
-            margin-right: 25%;
-            position: absolute;
-            right: 0;
-            top: 50%;
-            -webkit-transform: translateY(-50%);
-                    transform: translateY(-50%);
-            background: white;
-            border-radius: 30px;
-            padding: 10px 35px;
-            box-shadow:none;
-            border:0;
-          }
-        }
-      }
-    }
-    #send-valide{
-      -webkit-transform: translate(-50%, -50%);
-              transform: translate(-50%, -50%);
-      background: $red;
-      border-radius: 20px;
-      position: fixed;
-      width: 30%;
-      min-height: 30%;
-      left: 50%;
-      top: 50%;
-      padding: 50px;
-      .toast{
-        position: relative;
-        text-align: center;
-        color: white;
-      }
-      .ok{
-        color: white;
-        position: absolute;
-        right: 20px;
-        bottom: 20px;
-      }
-    }
-  }
-}
-
 .header-wrapper{
 .title{
   h2{
@@ -502,19 +399,21 @@
   // background-size: cover;
   height: auto;
   border-top: 10px solid $green;
+  width: 100%;
   .entete_c{
     @include inlineflex;
+    flex-direction: column;
     text-align: center;
     width: 70%;
     margin: 50px auto;
     position: relative;
 
     h1{
-      width: auto;
+      width: max-content;
+      max-width: 100%;
       margin-bottom: 20px;
       background: $red;
       border-radius: 30px;
-      width: auto;
       padding: 10px 20px;
     }
   }
@@ -1079,6 +978,9 @@
           margin: 0 0 1.2rem 0;
           line-height: 1.5rem;
         }
+        a{
+          border-bottom: 1px solid $red;
+        }
         h2{
           font-size: 1.2rem;
           font-family: $Bold;
@@ -1152,7 +1054,6 @@
   width: 100%;
   // height: 300px;
   .title{
-    visibility: hidden;
     width: 200px;
     height: 200px;
     background: $red;
@@ -1174,7 +1075,7 @@
     margin-right: 20px;
     height: auto;
     p{
-      padding: 20px 20px 20px 20px;
+      padding: 20px 20px 20px 100px;
       color: black;
       text-align: left;
       strong{
@@ -1204,7 +1105,7 @@
 }
 
 #devis{
-  &.item, &.sublog, &.item-article{
+  &.item, &.sublog, &.item-article, &.nos-offres ,&.nos-packs{
     background: $red;
     height: auto;
     padding: 20px 0;

user/themes/lecampus/scss/theme/_mobile.scss

@@ -552,7 +552,6 @@
         & > a{
           grid-template-columns: 100%!important;
           grid-column-gap: 0!important;
-          grid-template-rows: 100%!important;
           .card-image{
             img{
               width: 100%!important;
@@ -731,7 +730,8 @@
       width: 100%!important;
     }
 
-  }  .start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles{
+  }
+   .start:not(#form)#archive, .start:not(#form)#calendrier, .start:not(#form)#articles{
     width: 90%!important;
     .cat {
       height: auto!important;
@@ -777,6 +777,30 @@
       }
     }
   }
+  .start{
+    &#form{
+      .body-wrapper{
+        form{
+          .form-columns{
+            .form-column {
+              display: block;
+              .form-data {
+                width: 100%;
+                & > div{
+                  width: 100%;
+                  label{
+                    display: block;
+                    width: 100%;
+                    text-align: center;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
 
   #mlb2-985974.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
     width: 90%!important;

user/themes/lecampus/scss/theme/_typography.scss

@@ -140,7 +140,7 @@ p{
 }
 
 
-#item, #item-article{
+#item, #item-article, #event{
   .title-wrapper{
     .back{
       font-family: $Bold;
@@ -179,17 +179,28 @@ p{
           font-family: $Bold;
           font-weight: normal;
         }
-        ul{
+        ul, ol{
+          padding: 0;
           li{
             font-size: 0.9rem;
             line-height: 1.5rem;
+            &::before{
+              content: " ";
+              width: 5px;
+              height: 5px;
+              border-radius: 10px;
+              display: inline-block;
+              vertical-align: middle;
+              background: $red;
+              margin-right: 5px;
+            }
           }
         }
       }
     }
   }
 }
-#item, #item-article{
+#item, #item-article, #event{
   .content{
     .content_s{
       h2{

user/themes/lecampus/templates/form.html.twig

@@ -33,8 +33,8 @@
       </div>
     {% endif %}
   </div>
-
-    {% include "forms/form.html.twig" %}
+<!-- 
+    {% include "forms/form.html.twig" %} -->
 <div id="form-result"></div>
 
 {% endblock %}

user/themes/lecampus/templates/nos-packs.html.twig

@@ -45,22 +45,12 @@
               </div>
 
             </div>
-
           {% endif %}
         {% endfor %}
 
       </div>
-
-    </section>
-    <section class="bandeau_partenaires">
-      <div class="logos_partenaires">
-        <img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/1-Logo_Val_de_Drome_quadri_2.jpg" alt="">
-        <img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/2-Logo_3CPS.jpg" alt="">
-        <img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/3-Drapeau-Europe-Feader-Quadri.jpg" alt="">
-        <img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/4-Logo_LEADER.jpg" alt="">
-        <img src="/user/themes/lecampus/images/Logos_LEADER_VD_HD/5-Logo-EERARA-FEADER-2017-Quadri-jpg-473-Ko-nouveau-logo.jpg" alt="">
-      </div>
     </section>
+
   </section>
 {% endblock %}
 

user/themes/lecampus/templates/partials/articles-list.html.twig

@@ -1,7 +1,6 @@
 {% set image = page.media.images|first %}
 <div class="card">
   <a href="{{ page.url }}">
-
   {% if image %}
     <div class="card-image">
       {{ image.derivatives(300,700,200).sizes('(max-width:26em) 100vw, 50vw').html('','articles') }}

user/themes/lecampus/templates/partials/base.html.twig

@@ -18,7 +18,7 @@
       <link rel="canonical" href="{{ page.url(true, true) }}" />
 
       {% block stylesheets %}
-          {% do assets.addCss('theme://css-compiled/theme.css') %}
+          {% do assets.addCss('theme://css-compiled/theme'~compress) %}
           {% do assets.addCss('theme://css/tarteaucitron.css') %}
           {% do assets.addCss('theme://css/leaflet.css') %}
           {% do assets.addCss('theme://css/jquery.bxslider.min.css') %}
@@ -67,7 +67,6 @@
 
   <body>
     {% block header %}
-
       <header>
         <nav>
           <div class="navTrigger">
@@ -88,7 +87,7 @@
           <div class="reso">
             <a href="https://www.facebook.com/Lecampus.Valdedrome" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/fb.svg" alt="logo-facebook"></a>
             <a href="https://www.youtube.com/user/CCVDful" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/yt.svg" alt="logo-youtube"></a>
-            <!-- <a href="#" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/in.svg" alt="logo-link"></a> -->
+            <a href="https://www.linkedin.com/company/lecampus-valdedrome/" target="_blank" rel =" noopener "><img src="/user/themes/lecampus/images/in.svg" alt="logo-link"></a>
           </div>
 
         </nav>

user/themes/lecampus/templates/partials/blog/block_devis.html.twig

@@ -1,5 +1,5 @@
 <div class="demander-votre-devis">
-  <a href="/demande-de-devis">
+  <a href="/organisez-vos-evenements/demande-de-devis">
   <p><strong>DEVIS</strong></br> EN LIGNE</p>
    <p>Parlez-nous de votre projet</p>
    <img src="/user/themes/lecampus/images/fleche_devis.svg" alt="devis">

user/themes/lecampus/templates/partials/blog/date.html.twig

@@ -1,44 +1,52 @@
-  <span class="dt">
-    {% set mois_begin = 'MONTHS_OF_THE_YEAR'|ta(page.header.publish_date|date('n') - 1) %}
-    {% set mois_end = 'MONTHS_OF_THE_YEAR'|ta(page.header.date_end|date('n') - 1) %}
+<span class="dt">
+  {% set mois_begin = 'MONTHS_OF_THE_YEAR'|ta(page.header.publish_date|date('n') - 1) %}
+  {% set mois_begin_date = 'MONTHS_OF_THE_YEAR'|ta(page.header.date|date('n') - 1) %}
+  {% set mois_end = 'MONTHS_OF_THE_YEAR'|ta(page.header.date_end|date('n') - 1) %}
 
-    {% if not page.header.date_end %}
+  {% if page.header.publish_date != true %}
 
-      {% if page.parent.template == "articles" %}
+    {% if page.header.date_end == true %}
+        Du
+      {% else %}
         Le
-          <time class="dt-begin" datetime="{{ page.header.date|date("c") }}">
-            {{ page.header.publish_date|date('d') }}
-              {{mois_begin}}
-            {{ page.header.publish_date|date('Y') }}
-              à
-            {{ page.header.publish_date|date('G', "Europe/Paris") }}h{{ page.header.publish_date|date('i', "Europe/Paris") }}
-          </time>
-
-          {% else %}
-
-          Le
-            <time class="dt-begin" datetime="{{ page.header.date|date("c") }}">
-              {{ page.header.date|date('d') }}
-                {{mois_begin}}
-              {{ page.header.date|date('Y') }}
-                à
-              {{ page.header.date|date('G', "Europe/Paris") }}h{{ page.header.date|date('i', "Europe/Paris") }}
-            </time>
-
-      {% endif %}
     {% endif %}
-    {% if page.header.date_end %}
-    Du
+
       <time class="dt-begin" datetime="{{ page.header.date|date("c") }}">
         {{ page.header.date|date('d') }}
-          {{mois_begin}}
+          {{mois_begin_date}}
         {{ page.header.date|date('Y') }}
+        {% if page.header.date_end == true %}
+            à
+            {{ page.header.date|date('G', "Europe/Paris") }}h{{ page.header.date|date('i', "Europe/Paris") }}
+        {% endif %}
+
       </time>
-      au
-      <time class="dt-end" datetime="{{ page.header.date_end|date("c") }}">
-        {{ page.header.date_end|date('d') }}
-          {{mois_end}}
-        {{ page.header.date_end|date('Y') }}
-      </time>
-    {% endif %}
-  </span>
+
+      {% if page.header.date_end == true %}
+
+        au
+        <time class="dt-begin" datetime="{{ page.header.date_end|date("c") }}">
+          {{ page.header.date_end|date('d') }}
+            {{mois_end}}
+          {{ page.header.date_end|date('Y') }}
+          à
+          {{ page.header.date_end|date('G', "Europe/Paris") }}h{{ page.header.date_end|date('i', "Europe/Paris") }}
+
+        </time>
+
+        {% else %}
+        à
+        {{ page.header.date|date('G', "Europe/Paris") }}h{{ page.header.date|date('i', "Europe/Paris") }}
+      {% endif %}
+
+  {% else %}
+    Le
+    {{ page.header.publish_date|date('d') }}
+      {{mois_begin}}
+    {{ page.header.publish_date|date('Y') }}
+    à
+    {{ page.header.publish_date|date('G', "Europe/Paris") }}h{{ page.header.publish_date|date('i', "Europe/Paris") }}
+
+  {% endif %}
+
+</span>

user/themes/lecampus/templates/partials/devis.html.twig

@@ -1,7 +1,7 @@
-{% set options = { items: {'@page.self': '/demande-de-devis'}, 'limit': 1 } %}
+{% set options = { items: {'@page.self': '/organisez-vos-evenements/demande-de-devis'}, 'limit': 1 } %}
 
 
-  {% for p in page.collection(options) %}
+  {% for p in page.collection(options)%}
     {% set image = p.media.images|first %}
     {% set h4 = h4 ?: 'h4' %}
 
@@ -20,7 +20,7 @@
           {% include 'partials/blog/block_devis.html.twig' %}
         </div>
       {% else %}
-      <a href="/demande-de-devis">
+      <a href="/organisez-vos-evenements/demande-de-devis">
         <div class="title">
           Faire une demande de devis en ligne
         </div>

user/themes/lecampus/templates/partials/sidebar.html.twig

@@ -11,7 +11,7 @@
 
   {% set next_year = "+1 year"|date('Y')%}
 
-  {% for p in page.collection(options).dateRange( this_day ~ this_month ~ this_year, '12/31/' ~ next_year).slice(0, 3).order('date', 'asc') %}
+  {% for p in page.collection(options).dateRange( this_day ~ this_month ~ this_year, '12/31/' ~ next_year).order('date', 'asc').slice(0,3) %}
       <div class="side-agenda">
         <a href="{{p.url}}">
           <div class="date">