fix fichier manquants

user/themes/lecampus/scss/theme.scss

@@ -13,6 +13,8 @@
 @import 'theme/footer';
 @import 'theme/mobile';
 @import 'theme/cookies';
+@import 'theme/thumbnails/thumbnails';
+@import 'theme/custom';
 
 // Extra Skeleton Styling
 @import 'theme/blog';

user/themes/lecampus/scss/theme/_custom.scss

@@ -0,0 +1,27 @@
+.bandeau_partenaires {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  margin-bottom: 3rem;
+  justify-content: center;
+  align-items: center;
+  align-content: space-around;
+  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;
+    img {
+      height: 3rem;
+      margin-right: 1rem;
+      margin-bottom: 1rem;
+    }
+  }
+}

user/themes/lecampus/scss/theme/_form.scss

@@ -0,0 +1,119 @@
+.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;
+      & > .form-columns{
+        width: 100%;
+        margin: 20px 0;
+        & > .form-column.w-100{
+          & > .form-group{
+            width: 100%;
+            & > .form-data{
+              width: 100%;
+              & > .form-textarea-wrapper  {
+                width: 100%;
+                textarea{
+                  width: 100%;
+                  resize: none;
+                  border: none;
+                }
+              }
+            }
+          }
+        }
+        & > .form-column {
+          padding: 20px 0;
+          display: flex;
+          width: 100%;
+          &:not(:nth-last-child(1)){
+            border-bottom: 1px solid $red;
+          }
+          & > .form-group{
+            width: auto;
+            .form-data{
+              @include inlineflex();
+              margin: 0px 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;
+                }
+              }
+            }
+
+          }
+        }
+      }
+      .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;
+      }
+    }
+  }
+}

user/themes/lecampus/scss/theme/thumbnails/thumbnails.scss

@@ -0,0 +1,497 @@
+*{
+  box-sizing: border-box;
+}
+#nos-packs, #nos-offres{
+  .content{
+    margin-top: 0;
+    width: 70%;
+    margin: auto;
+    .section{
+      .__intro{
+        text-align: center;
+        color: $light-blue;
+        margin: 100px 0;
+        p{
+          font-family: $now_alt_bold;
+          font-size: 1.2rem;
+        }
+      }
+      .d-flex{
+        display: inline-flex;
+        flex-wrap: wrap;
+        width: 100%;
+        .__thumbnails{
+          margin: 0 1rem;
+          width: calc((100% / 4) - 2rem);
+          display: flex;
+          flex-direction: column;
+          align-self: baseline;
+          .__title{
+            text-align: center;
+            margin-bottom: 1rem;
+            .__d-inline{
+              display: inline-block;
+              border-bottom: 3px solid #b5cb3a;
+              width: max-content;
+              max-width: 100%;
+              padding-bottom: 0.5rem;
+              span{
+                display: block;
+                text-align: center;
+                padding: 0 1.5rem 0.2rem 1.5rem;
+                font-size: 0.8rem;
+                font-family: $now_alt_medium;
+              }
+            }
+          }
+          .__thumb{
+            position: relative;
+            .__images{
+              position: relative;
+              height: 100%;
+              max-height: 500px; 
+              overflow: hidden;
+              img{
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+              }
+            }
+          }
+        }
+      }
+      .dl_brochure{
+        width: 100%;
+        margin: 100px 0;
+        a{
+          font-size: 1.5rem;
+          font-family: $now_alt_medium;
+          display: block;
+          text-align: center;
+          text-transform: uppercase;
+          color: $light-blue;
+        }
+      }
+      &.nos_pack,&.nos_lieux{
+        .__thumbnails{
+          .__thumb.__hover{
+            transition: 0.3s transform ease;
+            a{
+              outline: none;
+              border: 0;
+            }
+            &:hover{
+              transform: scale(1.015);
+              transition: 0.3s transform ease, 0.3s box-shadow ease;
+              .__images, .__btn{
+                box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
+                transition: 0.3s box-shadow ease;
+              }
+              .__images{
+                transition: 0.5s filter ease;
+                filter: grayscale(0%);
+                img{
+                  filter: grayscale(100%);
+                  transition: 0.5s filter ease;
+                }
+
+              }
+            }
+          }
+          .__images{
+            .__sub-title{
+              opacity: 0;
+              position: absolute;
+              top: 50%;
+              left: 0;
+              transform: translateY(-0%);
+              text-align: center;
+              color: white;
+              padding: 1rem;
+              transition: 0.5s transform ease, 1s opacity ease;
+              p{
+                font-size: 1rem;
+                font-family: $now_alt_medium;
+              }
+            }
+
+          }
+          .__btn{
+            color: white;
+            display: block;
+            padding: 0.7rem 0;
+            margin-top:  1rem;
+            font-size: 0.8rem;
+            font-family: $now_alt_medium;
+            text-align: center;
+            .triangle{
+              position: absolute;
+              z-index: -1;
+              bottom: 0;
+              left: 50%;
+              transform: translate(-50%,0%);
+              display : inline-block;
+              height : 0;
+              width : 0;
+              border-top : 20px solid;
+              border-right : 15px solid transparent;
+              border-left : 15px solid transparent;
+              transition: 0.1s transform ease;
+              &.visible{
+                transform: translate(-50%,90%);
+                transition: 0.1s transform ease;
+              }
+              &.__blue{
+                  border-top : 20px solid $light-blue;
+              }
+              &.__green{
+                border-top : 20px solid $green;
+              }
+              &.__red{
+                border-top : 20px solid $red;
+              }
+            }
+            &.__blue{
+              background: $light-blue;
+            }
+            &.__green{
+              background: $green;
+            }
+            &.__red{
+              background: $red;
+            }
+            &.__grey{
+              background: $grey;
+            }
+          }
+
+          &:hover{
+          .__images{
+            .__sub-title{
+              opacity: 1;
+              transform: translateY(-50%);
+              transition: 0.5s transform ease, 1s opacity ease;
+            }
+          }
+        }
+        }
+
+      }
+
+      &:last-child{
+        margin-bottom: 100px;
+      }
+      .__thumbnails{
+        &:nth-child(1){
+          .__more{
+            width: calc(100% * 4 + 6rem);
+          }
+        }
+        &:nth-child(2){
+          .__more{
+            width: calc(100% * 4 + 6rem);
+            transform: translateX(calc((-100% / 4) - 0.5rem));
+          }
+        }
+        &:nth-child(3){
+          .__more{
+            width: calc(100% * 4 + 6rem);
+            transform: translateX(calc((-100% / 2) - 1rem));
+          }
+        }
+      }
+      .__more{
+        display: none;
+        position: relative;
+        left: 0;
+        right: 0;
+        // width: calc(100% * 4 - 6rem);
+        margin: 0;
+        margin: 2rem 0rem;
+        .__wrap-content{
+          background-size: cover;
+        }
+        .__txt.black{
+          p{
+            color: black!important;
+          }
+        }
+        &.__blue{
+          .__title{
+            color: $light-blue;
+          }
+          .__txt{
+            p{
+              color: $light-blue;
+            }
+          }
+
+          }
+        &.__green{
+          .__title{
+            color: $green;
+          }
+          .__txt{
+            p{
+              color: $green;
+            }
+          }
+        }
+        &.__red{
+          .__title{
+            color: $red;
+          }
+          .__txt{
+            p{
+              color: $red;
+            }
+          }
+        }
+        &.visible{
+          display: block;
+        }
+        .__details{
+          position: relative;
+        }
+        .__image-background{
+          width: 100%;
+          height: auto;
+          img{
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+          }
+        }
+        .__wrap-content{
+          z-index: 999;
+          width: 100%;
+          height: auto;
+          padding: 2rem;
+          display: flex;
+          justify-content: flex-end;
+          .__content{
+            background: white;
+            width: 50%;
+            height: auto;
+            padding: 2rem;
+            position: relative;
+            .close{
+              position: absolute;
+              top: 1rem;
+              right: 1rem;
+              cursor: pointer;
+
+            }
+            .__title{
+              text-align: left;
+              h6{
+                margin:0;
+                font-size: 1.3rem;
+                font-family: $now_alt_medium;
+              }
+            }
+            .__txt{
+              p{
+                font-size: 0.9rem;
+                font-family: $now_alt_medium;
+              }
+              &.__color{
+                color: $light-blue;
+                margin-bottom: 1rem;
+              }
+            }
+            .__btn{
+              display: inline-flex;
+              margin-top: 1rem;
+              width: 100%;
+              a{
+                display: block;
+                text-align: center;
+                width: 50%;
+                background: $light-blue;
+                margin: 0;
+                transition: 0.3s transform ease, 0.3s box-shadow ease;
+                padding: 0.5rem 1.5rem;
+                font-family: $now_alt_medium;
+                font-size: 0.7rem;
+                color: white;
+                &:not(:first-child){
+                  margin-left: 1rem;
+                }
+                &:hover{
+                  transform: scale(1.015);
+                  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
+                  transition: 0.3s transform ease, 0.3s box-shadow ease;
+                }
+                &.__blue{
+                  background: $light-blue;
+                }
+                &.__green{
+                  background: $green;
+                }
+                &.__red{
+                  background: $red;
+                }
+              }
+
+            }
+          }
+        }
+        &.open{
+          display: block;
+        }
+      }
+
+    }
+
+  }
+}
+
+@media screen and (max-width: 1200px) {
+  #nos-packs, #nos-offres{
+    .content{
+      .section{
+        .__intro{
+          margin: 70px 0;
+          p{
+            padding: 0!important;
+          }
+        }
+        .d-flex{
+          .__thumbnails{
+            width: calc((100% / 3) - 2rem);
+            margin-bottom: 2rem;
+            .__more{
+              width: calc(100% * 3 + 4rem);
+            .__content{
+              width: 100%;
+            }
+          }
+          &:nth-child(2){
+            .__more{
+              transform: translateX(calc((-100% / 3) - 0.5rem));
+            }
+          }
+          &:nth-child(3){
+            .__more{
+              transform: translateX(calc((-100% / 1.5) - 1rem));
+            }
+          }
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  #nos-packs, #nos-offres{
+    .content{
+      .section{
+        .__intro{
+          margin: 50px 0;
+        }
+        .d-flex{
+          .__thumbnails{
+            width: calc((100% / 2) - 2rem);
+            margin-bottom: 2rem;
+              .__more{
+                width: calc(100% * 2 + 2rem);
+              .__content{
+                width: 100%;
+              }
+            }
+            &:nth-child(2){
+              .__more{
+                transform: translateX(calc((-100% / 2) - 1rem));
+              }
+            }
+            &:nth-child(3){
+              .__more{
+                transform: translateX(-0%);
+              }
+            }
+
+          }
+
+        }
+
+      }
+
+    }
+  }
+}
+@media screen and (max-width: 750px) {
+  .__details{
+    .__content{
+      p{
+        padding: 0!important;
+      }
+    }
+  }
+}
+@media screen and (max-width: 530px) {
+  #nos-packs, #nos-offres{
+    .content{
+      .section{
+        .__intro{
+          margin: 20px 0;
+        }
+        .d-flex{
+          .__thumbnails{
+            width: calc((100%) - 2rem);
+            margin-bottom: 2rem;
+            .__title{
+              margin-bottom: 0.5rem;
+              .__d-inline{
+                padding-bottom: 0.2rem;
+                span{
+                  padding: 0 1.5rem;
+                  font-size: 1rem;
+                }
+              }
+            }
+            .__more{
+              width: calc(100%);
+              .__details{
+                padding: 0rem;
+                .__content{
+                  width: 100%;
+                  padding: 1rem;
+                  p{
+                    padding: 0!important;
+                  }
+                  .close{
+                    top: 0.5rem;
+                    right: 0.5rem;
+                  }
+                }
+                .__wrap-content{
+                  padding: 0.5rem;
+                }
+              }
+            .__btn{
+              flex-direction: column;
+              & > a{
+                margin: auto 0 1rem 0!important;
+                width: 100%;
+              }
+            }
+          }
+          &:nth-child(2){
+            .__more{
+              transform: translateX(0%);
+            }
+          }
+          &:nth-child(3){
+            .__more{
+              transform: translateX(-0%);
+            }
+          }
+
+          }
+        }
+      }
+    }
+  }
+}

user/themes/lecampus/templates/components/buttons/btn.html.twig

@@ -0,0 +1,33 @@
+{% if btn == 'more' and section == 'pack' %}
+
+  <div class="__btn __learn-more {{color}}">
+    En savoir plus
+    <div class="triangle {{color}}"></div>
+  </div>
+
+{% elseif btn == 'envie' %}
+
+  <div class="__btn __learn-more __grey">
+    {{module.header.btn_txt_envie}}
+    {% include 'components/buttons/icone_arrow.html.twig' %}
+  </div>
+
+{% elseif btn == 'devis' %}
+  <a class="__btn __devis {{color}}" target="_blank" href="/organisez-vos-evenements/demande-de-devis">
+    Faire une demande de devis
+  </a>
+{% elseif btn == 'dl' %}
+  {% set image_parts = pathinfo(item.btn_url) %}
+  {% set image_basename_imgB = image_parts.basename %}
+  {% set image_page_imgB = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+    <a class="__btn __dl {{color}}" href="{{ image_page_imgB.media[image_basename_imgB].url() }}" download>
+    {{item.btn_txt}}
+    </a>
+
+{% elseif btn == 'link_ext' %}
+    <div class="__btn __learn-more __grey">
+      En savoir plus
+      {% include 'components/buttons/icone_arrow.html.twig' %}
+    </div>
+{% endif %}

user/themes/lecampus/templates/components/buttons/icone_arrow.html.twig

@@ -0,0 +1,38 @@
+<span>
+
+<svg height="6.0939641" width="10">
+  <inkscape:clipboard
+     max="12.54392,7.542428"
+     min="2.54392,1.4484637"
+     style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.45009641;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000;stop-opacity:1" />
+  <g
+     id="g825"
+     transform="matrix(0.38979491,-0.22504822,0.22504822,0.38979491,-58.95949,-23.049672)"
+     style="fill:#ffffff;stroke:#ffffff">
+    <path
+       inkscape:transform-center-y="-1.5488751e-06"
+       inkscape:transform-center-x="-1.2765429"
+       d="m 106.39593,121.13789 -3.82964,2.21104 -3.829629,2.21104 v -4.42208 -4.42208 l 3.829629,2.21104 z"
+       inkscape:randomized="0"
+       inkscape:rounded="0"
+       inkscape:flatsided="false"
+       sodipodi:arg2="1.0471976"
+       sodipodi:arg1="0"
+       sodipodi:r2="2.5530884"
+       sodipodi:r1="5.1061769"
+       sodipodi:cy="121.13789"
+       sodipodi:cx="101.28975"
+       sodipodi:sides="3"
+       id="path819"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       sodipodi:type="star" />
+    <rect
+       y="120.63676"
+       x="82.185379"
+       height="1.0022607"
+       width="16.036171"
+       id="rect821"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>
+</span>

user/themes/lecampus/templates/components/buttons/icone_close.html.twig

@@ -0,0 +1,8 @@
+<div class="close">
+  <svg height="14.998837" width="15" >
+    <g transform="matrix(2.8345935,0,0,2.8345935,-66.055662,-122.48714)">
+      <path d="m 23.509451,43.41759 4.879659,4.879249" style="fill:none;stroke:#79797b;stroke-width:0.412105;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path style="fill:none;stroke:#79797b;stroke-width:0.412105;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="M 23.509451,48.296839 28.38911,43.41759" />
+    </g>
+  </svg>
+</div>

user/themes/lecampus/templates/components/hero/bandeau.html.twig

@@ -0,0 +1,8 @@
+{% if header.entete.text == true %}
+  <div class="entete">
+    <div class="entete_c">
+      <h1>{{page.title}}</h1>
+      <p>{{ header.entete.text }}</p>
+    </div>
+  </div>
+{% endif %}

user/themes/lecampus/templates/components/learn_more/img_more.html.twig

@@ -0,0 +1,16 @@
+{% set image_parts = pathinfo(item.imb_background) %}
+{% set image_basename_imgB = image_parts.basename %}
+{% set image_page_imgB = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+<div class="__wrap-content" style="background-image: url('{{ image_page_imgB.media[image_basename_imgB].url() }}')" >
+
+  <div class="__content">
+    {% include 'components/buttons/icone_close.html.twig' %}
+    {% include 'components/learn_more/txt_more.html.twig' with { btn: 'devis' } %}
+
+    <div class="__btn">
+      {% include 'components/buttons/btn.html.twig' with { btn: 'devis' } %}
+      {% include 'components/buttons/btn.html.twig' with { btn: 'dl' } %}
+    </div>
+  </div>
+</div>

user/themes/lecampus/templates/components/learn_more/more.html.twig

@@ -0,0 +1,21 @@
+{# {% for item in module.header.list %} #}
+  {% set titleHyp = item.title|lower|hyphenize %}
+
+  {% if titleHyp == "bien-tre" %}
+    {% set color = "__blue" %}
+  {% elseif titleHyp == "nature" %}
+    {% set color = "__green" %}
+  {% elseif titleHyp == "gastronomie" %}
+    {% set color = "__red" %}
+  {% else %}
+    {% set color = "__grey" %}
+  {% endif %}
+
+  <div id="{{titleHyp}}" class="__more  {{color}} ">
+    <div class="__details">
+
+    {% include 'components/learn_more/img_more.html.twig' %}
+
+    </div>
+  </div>
+{# {% endfor %} #}

user/themes/lecampus/templates/components/learn_more/txt_more.html.twig

@@ -0,0 +1,9 @@
+<div class="__title">
+  <h6>{{item.titre}}</h6>
+</div>
+<div class="__txt">
+  <p>{{item.txt_color}}</p>
+</div>
+<div class="__txt black">
+  <p>{{item.txt_black}}</p>
+</div>

user/themes/lecampus/templates/components/thumbnails/img_tbn.html.twig

@@ -0,0 +1,24 @@
+{% if list == "true" %}
+
+  {% set image_parts = pathinfo(item.img_thumb) %}
+  {% set image_basename_thumb = image_parts.basename %}
+  {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+  {{ image_page_thumb.media[image_basename_thumb].resize(500, 500).html() }}
+
+  <div class="__sub-title">
+    <p>{{item.sous_title}}</p>
+  </div>
+
+{% else %}
+
+  {% set image_parts = pathinfo(module.header.img_thumb_envie) %}
+  {% set image_basename_thumb = image_parts.basename %}
+  {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+  {{ image_page_thumb.media[image_basename_thumb].html() }}
+  <div class="__sub-title">
+    <p>{{module.header.sous_title_envie}}</p>
+  </div>
+
+{% endif %}

user/themes/lecampus/templates/components/thumbnails/thumbnails.html.twig

@@ -0,0 +1,110 @@
+{% for item in module.header.list %}
+  {# img thumb #}
+  {% set image_parts = pathinfo(item.img_thumb) %}
+  {% set image_basename_thumb = image_parts.basename %}
+  {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+  {% set titleHyp = item.title|lower|hyphenize %}
+
+  {% if titleHyp == "bien-tre" %}
+    {% set color = "__blue" %}
+  {% elseif titleHyp == "nature" %}
+    {% set color = "__green" %}
+  {% elseif titleHyp == "gastronomie" %}
+    {% set color = "__red" %}
+  {% else %}
+    {% set color = "__grey" %}
+  {% endif %}
+
+  <div id="{{titleHyp}}" class="{{section}} __thumbnails">
+    <div class="__title">
+      <div class="__d-inline">
+        <span>{{item.title}}</span>
+      </div>
+    </div>
+
+    <div class="__thumb __hover">
+
+      {% if section == 'pack' %}
+        <a href="#">
+          <div class="__images">
+            {% include 'components/thumbnails/img_tbn.html.twig' with { list: 'true'}  %}
+          </div>
+          {% include 'components/buttons/btn.html.twig' with { btn: 'more'} %}
+        </a>
+
+      {% else %}
+
+        <a target="_blank" href=" {{item.btn_url}} ">
+          <div class="__images">
+            {% include 'components/thumbnails/img_tbn.html.twig' with { list: 'true'}  %}
+          </div>
+          {% include 'components/buttons/btn.html.twig' with { btn: 'link_ext'} %}
+        </a>
+
+      {% endif %}
+
+    </div>
+    {% if section == 'pack' %}
+      {% include 'components/learn_more/more.html.twig' %}
+    {% endif %}
+
+  </div>
+
+{% endfor %}
+
+{% if section == 'pack' %}
+  <div id="envie" class="{{section}} __thumbnails">
+
+    <div class="__title">
+      <div class="__d-inline">
+        <span>{{module.header.title_envie}}</span>
+      </div>
+    </div>
+
+    <div class="__thumb">
+      <a target="_blank" href="{{module.header.btn_url_envie}}">
+        <div class="__images ">
+          {% include 'components/thumbnails/img_tbn.html.twig'  with { list: 'false'} %}
+        </div>
+        {% include 'components/buttons/btn.html.twig' with { btn: 'envie'} %}
+      </a>
+    </div>
+
+  </div>
+{% endif %}
+
+{% for item in module.header.list_offres %}
+
+  {% set titleHyp = item.title|lower|hyphenize %}
+
+  {% if titleHyp == "bien-tre" %}
+    {% set color = "__blue" %}
+  {% elseif titleHyp == "nature" %}
+    {% set color = "__green" %}
+  {% elseif titleHyp == "gastronomie" %}
+    {% set color = "__red" %}
+  {% else %}
+    {% set color = "__grey" %}
+  {% endif %}
+
+  <div id="{{titleHyp}}" class="{{section}} __thumbnails">
+    {% set image_parts = pathinfo(item.a_file) %}
+    {% set image_basename_thumb = image_parts.basename %}
+    {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+    <div class="__title">
+      <div class="__d-inline">
+        <span>{{item.title}}</span>
+      </div>
+    </div>
+
+    <div class="__thumb">
+      <div class="__images ">
+        {{ image_page_thumb.media[image_basename_thumb].html() }}
+      </div>
+    </div>
+
+  </div>
+
+{% endfor %}

user/themes/lecampus/templates/components/thumbnails/thumbnails_offre.html.twig

@@ -0,0 +1,34 @@
+{% for item in module.header.list %}
+
+  {% set titleHyp = item.title|lower|hyphenize %}
+
+  {% if titleHyp == "bien-tre" %}
+    {% set color = "__blue" %}
+  {% elseif titleHyp == "nature" %}
+    {% set color = "__green" %}
+  {% elseif titleHyp == "gastronomie" %}
+    {% set color = "__red" %}
+  {% else %}
+    {% set color = "__grey" %}
+  {% endif %}
+
+  <div id="{{titleHyp}}" class="{{section}} __thumbnails">
+    {% set image_parts = pathinfo(item.a_file) %}
+    {% set image_basename_thumb = image_parts.basename %}
+    {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
+
+    <div class="__title">
+      <div class="__d-inline">
+        <span>{{item.title}}</span>
+      </div>
+    </div>
+
+    <div class="__thumb">
+      <div class="__images ">
+      {% include 'components/thumbnails/img_tbn.html.twig' with { list: 'true'}  %}
+      </div>
+    </div>
+
+  </div>
+
+{% endfor %}

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

@@ -0,0 +1,14 @@
+{% set collection = page.collection() %}
+{% set image = page.media.images|first %}
+
+<section id="footer" class="section blog-listing">
+  {% if image %}
+    {{image.html('', 'footer')}}
+  {% endif %}
+
+  {% for item in collection %}
+    <div class="sub-content ">
+      {{item.content}}
+    </div>
+  {% endfor %}
+</section>

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

@@ -0,0 +1,42 @@
+{% extends 'partials/base.html.twig' %}
+{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
+{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
+{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true)  %}
+{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}
+{% set hero_image_name = page.header.hero_image %}
+
+{% block hero %}
+    {% if hero_image_name %}
+        {% set hero_image = page.media[hero_image_name] %}
+        {% set content %}
+            <h1>{{ page.title }}</h1>
+            <h2>{{ page.header.subtitle }}</h2>
+            {% include 'partials/blog/date.html.twig' %}
+            {% include 'partials/blog/taxonomy.html.twig' %}
+        {% endset %}
+        {% include 'partials/hero.html.twig' with {id: 'blog-hero'} %}
+
+    {% endif %}
+{% endblock %}
+
+{% block body %}
+  {% if show_breadcrumbs and config.plugins.breadcrumbs.enabled %}
+      {% include 'partials/breadcrumbs.html.twig' %}
+  {% endif %}
+
+  {% embed 'partials/layout.html.twig' %}
+      {% block item %}
+        <div class="content">
+          <div class="txt">
+          <h2>{{page.title}}</h2>
+          {{content}}
+        </div>
+        </div>
+      {% endblock %}
+  {% endembed %}
+
+  {% for child in page.collection %}
+    {{child.content}}
+  {% endfor %}
+
+{% endblock %}

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

@@ -0,0 +1,69 @@
+{% extends 'partials/base.html.twig' %}
+
+{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
+
+{% import _self as macro %}
+
+{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}
+
+{% block javascripts %}
+    {% if show_onpage_menu %}
+        {% do assets.add('theme://js/singlepagenav.min.js') %}
+    {% endif %}
+    {{ parent() }}
+{% endblock %}
+
+{% block bottom %}
+    {{ parent() }}
+    {% if show_onpage_menu %}
+        <script>
+        // singlePageNav initialization & configuration
+        $('ul.navigation').singlePageNav({
+            offset: $('#header').outerHeight(),
+            filter: ':not(.external)',
+            updateHash: true,
+            currentClass: 'active'
+        });
+        </script>
+    {% endif %}
+{% endblock %}
+
+{% block header_navigation %}
+    {% if show_onpage_menu %}
+        <ul class="navigation">
+        {% for module in page.collection() if module.header.visible is not same as(false) %}
+            {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
+            <li><a class="{{ current_module }}" href="#{{ macro.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
+        {% endfor %}
+        {% for mitem in site.menu %}
+            <li>
+                <a {% if mitem.class %}class="{{ mitem.class }}"{% endif %} href="{{ mitem.url }}">
+                    {% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
+                    {{ mitem.text }}
+                </a>
+            </li>
+        {% endfor %}
+        </ul>
+    {% else %}
+        {{  parent() }}
+    {% endif %}
+{% endblock %}
+
+{% block hero %}
+    {% for module in page.collection() if module.template == 'modular/hero' %}
+        <div id="{{ macro.pageLinkName(module.menu) }}"></div>
+        {{ module.content|raw }}
+    {% endfor %}
+{% endblock %}
+
+{% block body %}
+    <span class="ariane">
+      {% for module in page.collection() if module.template != 'modular/hero' %}
+        {{module.title}}
+      {% endfor %}
+    </span>
+    {% for module in page.collection() if module.template != 'modular/hero' %}
+        <div id="{{ macro.pageLinkName(module.menu) }}"></div>
+        {{ module.content|raw }}
+    {% endfor %}
+{% endblock %}

user/themes/lecampus/templates/modular/section-lieux.html.twig

@@ -0,0 +1 @@
+{{content}}

user/themes/lecampus/templates/modular/section-offres.html.twig

@@ -0,0 +1 @@
+{{content}}

user/themes/lecampus/templates/modular/section-packs.html.twig

@@ -0,0 +1 @@
+{{content}}

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

@@ -0,0 +1,35 @@
+{% extends 'partials/base.html.twig' %}
+{% set collection = page.collection() %}
+{% set image = page.media.images|first %}
+
+{% block body %}
+  <section id="body" class="start">
+    <section class="header-wrapper">
+      {% include 'components/hero/bandeau.html.twig' %}
+    </section>
+
+    <section class="body-wrapper">
+      <div class="content">
+        {% for module in page.collection() %}
+        <div class="section nos_pack">
+
+          <div class="__intro">
+            {{module.content}}
+          </div>
+          <div class="packs d-flex">
+          {% include 'components/thumbnails/thumbnails_offre.html.twig' %}
+          </div>
+        </div>
+        {% endfor %}
+      </div>
+    </section>
+  </section>
+{% endblock %}
+
+{% block devis %}
+{% include 'partials/devis.html.twig' %}
+{% endblock %}
+
+{% block newsletter %}
+  {% include 'partials/newsletters.html.twig' %}
+{% endblock %}

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

@@ -0,0 +1,74 @@
+{% extends 'partials/base.html.twig' %}
+{% set collection = page.collection() %}
+{% set image = page.media.images|first %}
+
+{% block body %}
+  <section id="body" class="start">
+
+    <section class="header-wrapper">
+      {% include 'components/hero/bandeau.html.twig' %}
+    </section>
+
+    <section class="body-wrapper">
+      <div class="content">
+        {% for module in page.collection() %}
+
+          {% if module.template == 'modular/section-packs' %}
+            <div class="section nos_pack">
+              <div class="__intro">
+                {{module.content}}
+              </div>
+
+              <div class="packs d-flex">
+                {% include 'components/thumbnails/thumbnails.html.twig' with {section: 'pack'} %}
+              </div>
+
+            </div>
+          {% endif %}
+
+          {% if module.template == 'modular/section-lieux' %}
+            <div class="section nos_lieux">
+              <div class="__intro">
+                {{module.content}}
+              </div>
+
+              <div class="lieux d-flex">
+              {% include 'components/thumbnails/thumbnails.html.twig' with {section: 'lieux'} %}
+              </div>
+
+              <div class="dl_brochure">
+                {% set image_parts = pathinfo(page.header.btn_url) %}
+                {% set image_basename_url = image_parts.basename %}
+                {% set image_page_url = image_parts.dirname == '.' ? page : page.find(image_parts.dirname) %}
+
+                <a target="_blank" href="{{ image_page_url.media[image_basename_url].url() }}" download>{{page.header.btn_txt}}</a>
+              </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 %}
+
+
+{% block newsletter %}
+  {% include 'partials/newsletters.html.twig' %}
+{% endblock %}
+
+{% block devis %}
+  {% include 'partials/devis.html.twig' %}
+{% endblock %}

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'~compress) %}
+          {% do assets.addCss('theme://css-compiled/theme.css') %}
           {% do assets.addCss('theme://css/tarteaucitron.css') %}
           {% do assets.addCss('theme://css/leaflet.css') %}
           {% do assets.addCss('theme://css/jquery.bxslider.min.css') %}