.button-group, .button-group2 {
     position: absolute;
     top: 3.125rem;
     right: -3.75rem;
     width: calc(100% / 12 * 7 - 3.125rem) !important 
}
 .button-group:before, .button-group2:before {
     width: 2.5rem !important;
     display: inline-block;
     position: absolute;
     left: -2.5rem;
     top: 0.5625rem;
     height: 0.0625rem;
     background: #e79759;
     content: ' ';
     margin-bottom: 0.1875rem;
     margin-right: 0rem;
}
 .button-group .simplebar-track.simplebar-horizontal, .button-group2 .simplebar-track.simplebar-horizontal {
     width: 100% !important;
     left: 0% !important;
     cursor: pointer 
}
 .button-group .simplebar-track.simplebar-horizontal .simplebar-scrollbar, .button-group2 .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
     background: #f0f0f0;
     cursor: pointer;
     height: 0.0625rem;
}
 .button-group:hover .simplebar-track.simplebar-horizontal, .button-group2:hover .simplebar-track.simplebar-horizontal {
     visibility: visible !important 
}
 .button-group .button, .button-group2 .button {
     background: transparent;
     color: #cdcdcd;
     border: none;
     font-size: 0.8125rem;
     line-height: 1rem;
     width: auto;
     max-width: 6.5625rem;
     text-align: left;
     margin-left: 1.25rem;
     transition: all 0.5s 0.0s;
     cursor: pointer;
     vertical-align: top;
     padding-right: 1.25rem;
     font-family: "Montserrat", sans-serif;
     font-weight: 300;
     position: relative;
}
 .button-group .button.is-checked, .button-group .button:hover, .button-group2 .button.is-checked, .button-group2 .button:hover {
     color: #e79759 !important;
     font-weight: bold 
}
 .button-group .button:before, .button-group2 .button:before {
     content: '';
     color: #cdcdcd;
     display: inline-block;
     margin-right: 0.3125rem;
     position: absolute;
     left: -0.625rem;
     display: none;
}
 .button-group .button:first-child:before, .button-group2 .button:first-child:before {
     content: '';
     color: #cdcdcd;
     display: inline-block;
     margin-right: 0.3125rem;
     display: none;
}
 .button-group .zone-buttons, .button-group2 .zone-buttons {
     overflow: auto;
     overflow-y: hidden 
}
 .button-group .list-button, .button-group2 .list-button {
     display: flex;
     height: 3.125rem;
     flex-direction: row;
     align-items: start ;

}
 .button-group2 {
     width: calc(100% / 12 * 7 - 17.5rem) !important;
     top: 2.4375rem 
}
 .button-group2 .button {
     width: auto;
     max-width: 10.3125rem !important 
}
 .grid-canvas, .listeMore {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 100%;

}
 .grid-canvas{
     margin: 2.5rem 0rem 2.5rem 0rem
 }
 .listeMore {
     margin-top: 0rem
}
 .listeMore.lastLine {
     margin-top: -10.0625rem 
}
 .element-item {
     overflow: hidden;
     position: relative 
}
 .element-item a {
     background: #0f2334;
     height: 100%;
     display: block 
}
 .element-item .infos {
     background: rgba(0, 0, 0, 0.5);
     font-family: "Montserrat", sans-serif;
     font-weight: 700;
     color: #fff;
     font-size: 1rem;
     line-height: 1.4375rem;
     padding: 0.625rem;
     left: 1.25rem;
     bottom: 1.25rem;
     position: absolute;
     margin-right: 1.25rem;
     min-width: 50%;
     max-width: calc(100% - 2.5rem)!important;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .element-item .infos span {
     font-size: 1.375rem;
     line-height: 1.4375rem;
     text-transform: uppercase;
     font-family: "Montserrat", sans-serif;
     font-weight: 900;
     display: block;
     max-width: calc(100% - 0rem)!important;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .element-item.case1 {
     flex: 1 1 calc((480 / 1268) * 100%);
     max-width: calc((480 / 1268) * 100%);
     height: 15.3125rem;
     margin-right: 0.625rem;
     margin-left: 2.6875rem;
     margin-top: 2.1875rem 
}
 .element-item.case2 {
     flex: 1 1 calc((412 / 1268) * 100%);
     max-width: calc((412 / 1268) * 100%);
     height: 17.5rem;
     margin-right: 0.625rem 
}
 .element-item.case3 {
     flex: 1 1 calc((305 / 1268) * 100%);
     max-width: calc((305 / 1268) * 100%);
     height: 32.8125rem;
     margin-top: 5rem 
}
 .element-item.case4 {
     flex: 1 1 calc((413 / 1268) * 100%);
     max-width: calc((413 / 1268) * 100%);
     height: 15.875rem;
     margin-right: 0.625rem;
     margin-top: -19.5625rem;
     margin-left: 0.3175rem 
}
 .element-item.case5 {
     flex: 1 1 calc((518 / 1268) * 100%);
     max-width: calc((518 / 1268) * 100%);
     height: 15.875rem;
     margin-right: 0.625rem;
     margin-top: -19.5625rem 
}
 .element-item.case6 {
     flex: 1 1 calc((448 / 1268) * 100%);
     max-width: calc((448 / 1268) * 100%);
     height: 12.5rem;
     margin-right: 0.625rem;
     margin-top: -2.9375rem;
     margin-left: 4.625rem 
}
 .element-item.case7 {
     flex: 1 1 calc((412 / 1268) * 100%);
     max-width: calc((412 / 1268) * 100%);
     height: 15.875rem;
     margin-right: 0.625rem;
     margin-top: -2.9375rem;
     margin-bottom: 0.625rem 
}
 .element-item.caseEco1 {
     flex: 1 1 calc((448 / 1268) * 100%);
     max-width: calc((448 / 1268) * 100%);
     height: 15.3125rem;
     margin-right: 0.625rem;
     margin-left: 4.25rem;
     margin-top: 8.4375rem 
}
 .element-item.caseEco2 {
     flex: 1 1 calc((412 / 1268) * 100%);
     max-width: calc((412 / 1268) * 100%);
     height: 23.75rem;
     margin-right: 0.625rem;
     margin-top: 0rem 
}
 .element-item.caseEco3 {
     flex: 1 1 calc((277 / 1268) * 100%);
     max-width: calc((277 / 1268) * 100%);
     height: 11.875rem;
     margin-right: 0rem;
     margin-top: 7.5rem 
}
/* Fix of blocks spaces */
.listeMore .element-item.caseEco1 {
    margin-top: .7625rem;
}
.listeMore .element-item.caseEco2 {
    margin-top: -7.5rem;
}
.listeMore .element-item.caseEco3 {
    margin-top: 0;
}
 .element-item.caseEco4 {
     flex: 1 1 calc((413 / 1268) * 100%);
     max-width: calc((413 / 1268) * 100%);
     height: 15.875rem;
     margin-right: 0.625rem;
     margin-top: 0.625rem 
}
 .element-item.caseEco5 {
     flex: 1 1 calc((518 / 1268) * 100%);
     max-width: calc((518 / 1268) * 100%);
     height: 15.875rem;
     margin-right: 0.625rem;
     margin-top: 0.625rem 
}
 .element-item.caseEco6 {
     flex: 1 1 calc((305 / 1268) * 100%);
     max-width: calc((305 / 1268) * 100%);
     height: 32.8125rem;
     margin-right: 0rem;
     margin-top: -3.75rem 
}
 .element-item.caseEco7 {
     flex: 1 1 calc((448 / 1268) * 100%);
     max-width: calc((448 / 1268) * 100%);
     height: 12.125rem;
     margin-left: 4.1875rem;
     margin-right: 0.625rem;
     margin-top: -11.875rem 
}
 .element-item.caseEco8 {
     flex: 1 1 calc((412 / 1268) * 100%);
     max-width: calc((412 / 1268) * 100%);
     height: 15.875rem;
     margin-right: 0.625rem;
     margin-top: -11.875rem 
}
 .element-item.caseEco9 {
     flex: 1 1 calc((278 / 1268) * 100%);
     max-width: calc((278 / 1268) * 100%);
     height: 11.375rem;
     margin-right: calc(((448 / 1268) * 100%) - 1.25rem) !important;
     margin-left: 14rem;
     margin-top: -3.125rem 
}
 .element-item.textuel {
     position: relative;
     background: #0f2334 
}
 .element-item.textuel a {
     display: block;
     width: 100%;
     height: 100%;
     background: #e79759;
     transition: all 0.5s 0.0s 
}
 .element-item.textuel a:hover {
     background: rgba(231, 151, 89, 0.5) 
}
 .element-item.textuel .infos {
     background: transparent;
     font-family: "Montserrat", sans-serif;
     font-weight: 700;
     color: #fff;
     font-size: 1rem;
     line-height: 1.4375rem;
     padding: 0.625rem;
     left: 1.25rem;
     bottom: 1.25rem;
     position: absolute;
     margin-right: 1.25rem;
     max-width: calc(100% - 2.5rem);
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .element-item.textuel .infos span {
     font-size: 1.375rem;
     line-height: 1.4375rem;
     text-transform: uppercase;
     font-family: "Montserrat", sans-serif;
     font-weight: 900;
     display: block;
     max-width: calc(100% - 3.75rem)!important;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .element-item.sepListe {
     flex: 1 1 100%;
     max-width: 100%;
     height: 0.9375rem !important;
     background: transparent !important 
}
 .element-item img {
     transition: all 0.5s 0.0s;
    /*width: 150%;
    */
     /* min-height: 100%; */
    /*min-width: 100%;
    */
     /* max-width: 200%;
     width: auto;
     height: auto; */
    /*transform: translate(-50%, -50%);
    */
    max-width: 990px;
    min-width: 620px;
     left: 50%;
     top:50%;
     transform: translateX(-50%) translateY(-50%);
     position: relative;
}
 .element-item:hover img {
     opacity: .5;
    /*left: 50%;
    */
     transform: scale(1.2) translateX(-50%) translateY(-50%) 
}
 .zoneMore {
     text-align: center;
     /*margin-top: -9.125rem;*/
     margin-top: 0rem;
     height: 6.25rem;
}

.zoneMore-2 {
    text-align: center;
    /*margin-top: -9.125rem;*/
    /* margin-top: 0rem; */
    height: 6.25rem;
}

.zoneMore-2 a.seeMore {
    position: relative;
    margin: 1.25rem 0 1.25rem 0rem;
    border: 0.0625rem solid #e79759;
    color: #e79759;
    transition: all 0.5s 0.0s 
}
.zoneMore-2 a.seeMore:hover {
    background: #e79759;
    color: #fff 
}
.zoneMore-2 a.seeMore.seeMore2 {
   /*margin-top: -12.5rem;
   */
    position: relative;
    margin-left: -2.875rem 
}

 .zoneMore.project {
     text-align: center;
     margin-top: 0rem;
     height: 6.25rem;
}
 .zoneMore a.seeMore {
     position: relative;
     margin: 1.25rem 0 1.25rem 0rem;
     border: 0.0625rem solid #e79759;
     color: #e79759;
     transition: all 0.5s 0.0s 
}
 .zoneMore a.seeMore:hover {
     background: #e79759;
     color: #fff 
}
 .zoneMore a.seeMore.seeMore2 {
    /*margin-top: -12.5rem;
    */
     position: relative;
     margin-left: -2.875rem 
}
 @media (max-width: 1440px) {
     .element-item.case1 {
         flex: 1 1 calc((480 / 1228) * 100% - 0.625rem);
         max-width: calc((480 / 1228) * 100% - 0.625rem);
         height: 15.3125rem;
         margin-right: 0.625rem;
         margin-left: 2.1875rem;
         margin-top: 2.1875rem 
    }
     .element-item.case2 {
         flex: 1 1 calc((412 / 1228) * 100% - 0.625rem);
         max-width: calc((412 / 1228) * 100% - 0.625rem);
         height: 17.5rem !important;
         margin-right: 0.625rem 
    }
     .element-item.case3 {
         flex: 1 1 calc((305 / 1228) * 100% - 0.625rem);
         max-width: calc((305 / 1228) * 100% - 0.625rem);
         height: 32.8125rem !important;
         margin-top: 5rem 
    }
     .element-item.case4 {
         flex: 1 1 calc((413 / 1228) * 100% - 0.625rem);
         max-width: calc((413 / 1228) * 100% - 0.625rem);
         height: 15.875rem !important;
         margin-right: 0.625rem;
         margin-top: -19.5625rem;
         margin-left: -0.295rem 
    }
     .element-item.case5 {
         flex: 1 1 calc((518 / 1228) * 100% - 0.625rem);
         max-width: calc((518 / 1228) * 100% - 0.625rem);
         height: 15.875rem !important;
         margin-right: 0.625rem;
         margin-top: -19.5625rem 
    }
     .element-item.case6 {
         flex: 1 1 calc((448 / 1228) * 100% - 0.625rem);
         max-width: calc((448 / 1228) * 100% - 0.625rem);
         height: 12.5rem !important;
         margin-right: 0.625rem;
         margin-top: -2.9375rem;
         margin-left: 4.125rem 
    }
     .element-item.case7 {
         flex: 1 1 calc((412 / 1228) * 100% - 0.625rem);
         max-width: calc((412 / 1228) * 100% - 0.625rem);
         height: 15.875rem !important;
         margin-right: 0.625rem;
         margin-top: -2.9375rem 
    }
     .element-item.case7.margeLeft {
         margin-left: calc((448 / 1228) * 100% - 0.625rem + 4.25rem) !important 
    }
     .element-item.caseEco1 {
         flex: 1 1 calc((448 / 1268) * 100%);
         max-width: calc((448 / 1268) * 100%);
         height: 15.3125rem;
         margin-right: 0.625rem;
         margin-left: 4.6875rem;
         margin-top: 8.4375rem 
    }
     .element-item.caseEco2 {
         flex: 1 1 calc((412 / 1268) * 100%);
         max-width: calc((412 / 1268) * 100%);
         height: 23.75rem;
         margin-right: 0.625rem;
         margin-top: 0rem 
    }
     .element-item.caseEco3 {
         flex: 1 1 calc((277 / 1268) * 100%);
         max-width: calc((277 / 1268) * 100%);
         height: 11.875rem;
         margin-right: 0rem;
         margin-top: 7.5rem 
    }
     .element-item.caseEco4 {
         flex: 1 1 calc((413 / 1268) * 100%);
         max-width: calc((413 / 1268) * 100%);
         height: 15.875rem;
         margin-right: 0.625rem;
         margin-top: 0.625rem;
         margin-left: 0.4375rem 
    }
     .element-item.caseEco5 {
         flex: 1 1 calc((518 / 1268) * 100%);
         max-width: calc((518 / 1268) * 100%);
         height: 15.875rem;
         margin-right: 0.625rem;
         margin-top: 0.625rem 
    }
     .element-item.caseEco6 {
         flex: 1 1 calc((305 / 1268) * 100%);
         max-width: calc((305 / 1268) * 100%);
         height: 32.8125rem;
         margin-right: 0rem;
         margin-top: -3.75rem 
    }
     .element-item.caseEco7 {
         flex: 1 1 calc((448 / 1268) * 100%);
         max-width: calc((448 / 1268) * 100%);
         height: 12.125rem;
         margin-left: 4.6875rem;
         margin-right: 0.625rem;
         margin-top: -11.875rem 
    }
     .element-item.caseEco8 {
         flex: 1 1 calc((412 / 1268) * 100%);
         max-width: calc((412 / 1268) * 100%);
         height: 15.875rem;
         margin-right: 0.625rem;
         margin-top: -11.875rem 
    }
     .element-item.caseEco9 {
         flex: 1 1 calc((278 / 1268) * 100%);
         max-width: calc((278 / 1268) * 100%);
         height: 11.375rem;
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 14.75rem;
         margin-top: -3.125rem 
    }
     .seeMore2 {
         margin-left: -1.5rem !important 
    }
}
 @media (max-width: 1430px) {
     .element-item.caseEco1 {
         margin-left: 4.5625rem 
    }
     .element-item.caseEco7 {
         margin-left: 4.5625rem 
    }
     .element-item.caseEco9 {
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 14.5625rem 
    }
}
 @media (max-width: 1420px) {
     .element-item.caseEco9 {
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 14.375rem 
    }
}
 @media (max-width: 1410px) {
     .element-item.caseEco9 {
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 14.25rem 
    }
}
 @media (max-width: 1400px) {
     .seeMore2 {
         margin-left: -0.75rem!important 
    }
     .element-item.caseEco1 {
         margin-left: 4.5rem 
    }
     .element-item.caseEco4 {
         margin-left: 0.5rem 
    }
     .element-item.caseEco7 {
         margin-left: 4.5rem 
    }
     .element-item.caseEco9 {
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 14.0625rem 
    }
}
 @media (max-width: 1368px) {
     .seeMore2 {
         margin-left: -0.75rem!important 
    }
     .element-item.caseEco1 {
         margin-left: 4.375rem 
    }
     .element-item.caseEco4 {
         margin-left: 0.4375rem 
    }
     .element-item.caseEco7 {
         margin-left: 4.375rem 
    }
     .element-item.caseEco9 {
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 13.75rem 
    }
}
 @media (max-width: 134 0.375rem) {
     .seeMore2 {
         margin-left: -0.5rem !important 
    }
     .element-item.case6 {
         margin-left: 4rem 
    }
     .element-item.caseEco1 {
         margin-left: 4.25rem 
    }
     .element-item.caseEco4 {
         margin-left: 0.4375rem 
    }
     .element-item.caseEco7 {
         margin-left: 4.25rem 
    }
     .element-item.caseEco9 {
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 13.5625rem 
    }
}
 @media (max-width: 1330px) {
     .seeMore2 {
         margin-left: -0.375rem !important 
    }
     .element-item.caseEco9 {
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 13.4375rem 
    }
}
 @media (max-width: 1320px) {
     .seeMore2 {
         margin-left: -0.375rem !important 
    }
     .element-item.caseEco9 {
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 13.3125rem 
    }
}
 @media (max-width: 1310px) {
     .seeMore2 {
         margin-left: -0.25rem !important 
    }
     .element-item.case6 {
         margin-left: 4.075rem 
    }
     .element-item.caseEco1 {
         margin-left: 4rem 
    }
     .element-item.caseEco4 {
         margin-left: 0.3125rem 
    }
     .element-item.caseEco7 {
         margin-left: 4rem 
    }
     .element-item.caseEco9 {
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 12.9375rem 
    }
}
 @media (max-width: 1300px) {
     .element-item.caseEco9 {
         margin-left: 12.8125rem 
    }
}
 @media (max-width: 1290px) {
     .element-item.caseEco9 {
         margin-left: 12.6875rem 
    }
}
@media (max-width: 1280px) {
     .element-item.caseEco9 {
         margin-left: 12.5625rem 
    }
}
 @media (max-width: 1270px) {
     .element-item.caseEco9 {
         margin-left: 12.4375rem 
    }
}
 @media (max-width: 1268px) {
     .button-group, .button-group2 {
         position: relative;
         right: 0;
         top: 0rem;
         width: calc(100% - 0rem) !important 
    }
     .button-group:before, .button-group2:before {
         display: none 
    }
     .button-group .simplebar-track.simplebar-horizontal, .button-group2 .simplebar-track.simplebar-horizontal {
         width: 100% !important;
         left: 0% !important;
         visibility: hidden !important;
         cursor: pointer;
         top: 6.875rem 
    }
     .button-group .simplebar-track.simplebar-horizontal .simplebar-scrollbar, .button-group2 .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
         background: #e79759;
         cursor: pointer 
    }
     .button-group:hover .simplebar-track.simplebar-horizontal, .button-group2:hover .simplebar-track.simplebar-horizontal {
         visibility: visible !important 
    }
     .button-group .button, .button-group2 .button {
         background: transparent;
         color: #949494;
         border: none;
         font-size: 1rem;
         line-height: 1rem;
         height: 3.25rem;
         width: auto;
         max-width: 100%;
         text-align: left;
         margin-left: 0rem;
         margin-right: 0.625rem;
         transition: all 0.5s 0.0s;
         cursor: pointer;
         vertical-align: top;
         border: 0.0625rem solid #464646;
         padding: 0.625rem 1.25rem;
         font-family: "Montserrat", sans-serif;
         font-weight: 300 
    }
     .button-group .button:before, .button-group2 .button:before {
         content: '';
         color: #cdcdcd;
         display: inline-block;
         margin-right: 0.3125rem;
         display: none;
    }
     .button-group .button.is-checked, .button-group .button:hover, .button-group2 .button.is-checked, .button-group2 .button:hover {
         background: #e79759 !important;
         font-weight: bold;
         border: 0.0625rem solid #e79759;
         color: #fff !important 
    }
     .button-group .zone-buttons, .button-group2 .zone-buttons {
         overflow: auto;
         overflow-y: hidden 
    }
     .button-group .list-button, .button-group2 .list-button {
         display: flex;
         height: 3.75rem;
         flex-direction: row;
         align-items: center;
         margin: 2.5rem 0rem !important;
              width: 115%; 
    }
    .button-group2 .list-button {
              width: 100%; 
    }
     .element-item {
         overflow: hidden !important 
    }
     .element-item.case1 {
         flex: 1 1 calc((480 / 1228) * 100% - 0.9375rem);
         max-width: calc((480 / 1228) * 100% - 0.9375rem);
         height: 15.3125rem;
         margin-right: 0.625rem;
         margin-left: 2.1875rem;
         margin-top: 2.1875rem 
    }
     .element-item.case2 {
         flex: 1 1 calc((412 / 1228) * 100% - 0.9375rem);
         max-width: calc((412 / 1228) * 100% - 0.9375rem);
         height: 17.5rem !important;
         margin-right: 0.625rem 
    }
     .element-item.case3 {
         flex: 1 1 calc((305 / 1228) * 100% - 0.9375rem);
         max-width: calc((305 / 1228) * 100% - 0.9375rem);
         height: 32.8125rem !important;
         margin-top: 5rem 
    }
     .element-item.case4 {
         flex: 1 1 calc((413 / 1228) * 100% - 0.9375rem);
         max-width: calc((413 / 1228) * 100% - 0.9375rem);
         height: 15.875rem !important;
         margin-right: 0.625rem;
         margin-top: -19.5625rem;
         margin-left: -0.175rem 
    }
     .element-item.case5 {
         flex: 1 1 calc((518 / 1228) * 100% - 0.9375rem);
         max-width: calc((518 / 1228) * 100% - 0.9375rem);
         height: 15.875rem !important;
         margin-right: 0.625rem;
         margin-top: -19.5625rem 
    }
     .element-item.case6 {
         flex: 1 1 calc((448 / 1228) * 100% - 0.9375rem);
         max-width: calc((448 / 1228) * 100% - 0.9375rem);
         height: 12.5rem !important;
         margin-right: 0.625rem;
         margin-top: -2.9375rem;
         margin-left: 3.9375rem 
    }
     .element-item.case7 {
         flex: 1 1 calc((412 / 1228) * 100% - 0.9375rem);
         max-width: calc((412 / 1228) * 100% - 0.9375rem);
         height: 15.875rem !important;
         margin-right: 0.625rem;
         margin-top: -2.9375rem 
    }
     .element-item.case7.margeLeft {
         margin-left: calc((448 / 1228) * 100% - 0.9375rem + 3.6875rem) !important 
    }
     .element-item.sepListe {
         flex: 1 1 100%;
         max-width: 100%;
         height: 0.9375rem !important 
    }
     .element-item img {
         min-height: 100%;
         width: auto;
    }
     .element-item:hover img {
         opacity: .5;
        /*left: 50%;
        */
         transform: scale(1.2) translateX(-50%) translateY(-50%) 
    }
     .element-item.caseEco1 {
         flex: 1 1 calc((448 / 1268) * 100% - 0.625rem);
         max-width: calc((448 / 1268) * 100% - 0.625rem);
         height: 15.3125rem;
         margin-right: 0.625rem;
         margin-left: 4.375rem;
         margin-top: 8.4375rem 
    }
     .element-item.caseEco2 {
         flex: 1 1 calc((412 / 1268) * 100% - 0.625rem);
         max-width: calc((412 / 1268) * 100% - 0.625rem);
         height: 23.75rem;
         margin-right: 0.625rem;
         margin-top: 0rem 
    }
     .element-item.caseEco3 {
         flex: 1 1 calc((277 / 1268) * 100% - 0.625rem);
         max-width: calc((277 / 1268) * 100% - 0.625rem);
         height: 11.875rem;
         margin-right: 0rem;
         margin-top: 7.5rem 
    }
     .element-item.caseEco4 {
         flex: 1 1 calc((413 / 1268) * 100% - 0.625rem);
         max-width: calc((413 / 1268) * 100% - 0.625rem);
         height: 15.875rem;
         margin-right: 0.625rem;
         margin-top: 0.625rem;
         margin-left: 0.8125rem 
    }
     .element-item.caseEco5 {
         flex: 1 1 calc((518 / 1268) * 100% - 0.625rem);
         max-width: calc((518 / 1268) * 100% - 0.625rem);
         height: 15.875rem;
         margin-right: 0.625rem;
         margin-top: 0.625rem 
    }
     .element-item.caseEco6 {
         flex: 1 1 calc((305 / 1268) * 100% - 0.625rem);
         max-width: calc((305 / 1268) * 100% - 0.625rem);
         height: 32.8125rem;
         margin-right: 0rem;
         margin-top: -3.75rem 
    }
     .element-item.caseEco7 {
         flex: 1 1 calc((448 / 1268) * 100% - 0.625rem);
         max-width: calc((448 / 1268) * 100% - 0.625rem);
         height: 12.125rem;
         margin-left: 4.375rem;
         margin-right: 0.625rem;
         margin-top: -11.875rem 
    }
     .element-item.caseEco8 {
         flex: 1 1 calc((412 / 1268) * 100% - 0.625rem);
         max-width: calc((412 / 1268) * 100% - 0.625rem);
         height: 15.875rem;
         margin-right: 0.625rem;
         margin-top: -11.875rem 
    }
     .element-item.caseEco9 {
         flex: 1 1 calc((278 / 1268) * 100% - 0.625rem);
         max-width: calc((278 / 1268) * 100% - 0.625rem);
         height: 11.375rem;
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 13.0625rem;
         margin-top: -3.125rem 
    }
     .seeMore2 {
         margin-left: -0.5rem !important 
    }
}
 @media (max-width: 1258px) {
     .element-item.caseEco9 {
         margin-left: 13rem;
    }
     .seeMore2 {
         margin-left: -0.375rem !important 
    }
}
 @media (max-width: 1248px) {
     .element-item.caseEco9 {
         margin-left: 12.9375rem;
    }
     .seeMore2 {
         margin-left: -0.375rem !important 
    }
}
 @media (max-width: 1238px) {
     .element-item.caseEco9 {
         margin-left: 12.75rem;
    }
     .seeMore2 {
         margin-left: 0rem !important 
    }
}
 @media (max-width: 1228px) {
     .element-item.caseEco7 {
         margin-left: 4.3125rem 
    }
     .element-item.caseEco9 {
         margin-left: 12.6875rem;
    }
     .seeMore2 {
         margin-left: 0rem !important 
    }
}
 @media (max-width: 1218px) {
     .element-item.caseEco9 {
         margin-left: 12.625rem;
    }
     .seeMore2 {
         margin-left: 0.875rem !important 
    }
}
 @media (max-width: 1208px) {
     .element-item.case6 {
         margin-left: 3.8125rem 
    }
     .element-item.caseEco1 {
         margin-left: 4.25rem 
    }
     .element-item.caseEco4 {
         margin-left: 0.8125rem 
    }
     .element-item.caseEco7 {
         margin-left: 4.25rem 
    }
     .element-item.caseEco9 {
         margin-left: 12.5625rem;
    }
     .seeMore2 {
         margin-left: 0.75rem !important 
    }
}
 @media (max-width: 1198px) {
     .element-item.caseEco7 {
         margin-left: 4.1875rem 
    }
     .element-item.caseEco9 {
         margin-left: 12.4375rem;
    }
     .seeMore2 {
         margin-left: 0.75rem !important 
    }
}
 @media (max-width: 1188px) {
     .element-item.caseEco9 {
         margin-left: 12.3125rem;
    }
     .seeMore2 {
         margin-left: 0.75rem !important 
    }
}
 @media (max-width: 1178px) {
     .element-item.case1 {
         margin-left: 1.9375rem 
    }
     .element-item.case4 {
        /* margin-left: 0rem */
    }
     .element-item.case6 {
         margin-left: 3.5625rem 
    }
     .element-item.caseEco1 {
         margin-left: 4.125rem 
    }
     .element-item.caseEco4 {
         margin-left: 0.8125rem 
    }
     .element-item.caseEco7 {
         margin-left: 4.125rem 
    }
     .element-item.caseEco9 {
         margin-left: 12.0625rem;
    }
     .seeMore2 {
         margin-left: 1rem !important 
    }
}
 @media (max-width: 1168px) {
     .element-item.caseEco9 {
         margin-left: 12.5625rem;
    }
     .element-item.caseEco9 {
         margin-left: 11.9375rem;
    }
     .seeMore2 {
         margin-left: 1rem !important 
    }
}
 @media (max-width: 1158px) {
     .element-item.caseEco9 {
         margin-left: 11.9375rem;
    }
     .seeMore2 {
         margin-left: 1rem !important 
    }
}
 @media (max-width: 1148px) {
     .element-item.caseEco9 {
         margin-left: 11.6875rem;
    }
     .seeMore2 {
         margin-left: 1rem !important 
    }
}
 @media (max-width: 1138px) {
     .element-item.case6 {
         margin-left: 3.5625rem 
    }
     .element-item.caseEco9 {
         margin-left: 11.5625rem;
    }
     .seeMore2 {
         margin-left: 1rem !important 
    }
}
 @media (max-width: 1128px) {
     .element-item {
         overflow: hidden !important 
    }
     .element-item.case1 {
         flex: 1 1 calc((480 / 1128) * 100% - 1.25rem);
         max-width: calc((480 / 1228) * 100% - 1.25rem);
         height: 15.3125rem;
         margin-right: 0.625rem;
         margin-left: 2rem;
         margin-top: 2.1875rem 
    }
     .element-item.case2 {
         flex: 1 1 calc((412 / 1228) * 100% - 1.25rem);
         max-width: calc((412 / 1228) * 100% - 1.25rem);
         height: 17.5rem !important;
         margin-right: 0.625rem 
    }
     .element-item.case3 {
         flex: 1 1 calc((305 / 1228) * 100% - 1.25rem);
         max-width: calc((305 / 1228) * 100% - 0.625rem);
         height: 32.8125rem !important;
         margin-top: 5rem 
    }
     .element-item.case4 {
         flex: 1 1 calc((413 / 1228) * 100% - 1.25rem);
         max-width: calc((413 / 1228) * 100% - 1.25rem);
         height: 15.875rem !important;
         margin-right: 0.625rem;
         margin-top: -19.5rem;
         /*margin-left: 0.125rem */
    }
     .element-item.case5 {
         flex: 1 1 calc((518 / 1228) * 100% - 1.25rem);
         max-width: calc((518 / 1228) * 100% - 1.25rem);
         height: 15.875rem !important;
         margin-right: 0.625rem;
         margin-top: -19.5rem 
    }
     .element-item.case6 {
         flex: 1 1 calc((448 / 1228) * 100% - 1.25rem);
         max-width: calc((448 / 1228) * 100% - 1.25rem);
         height: 12.5rem !important;
         margin-right: 0.625rem;
         margin-top: -2.9375rem;
         margin-left: 3.4375rem 
    }
     .element-item.case7 {
         flex: 1 1 calc((412 / 1228) * 100% - 1.25rem);
         max-width: calc((412 / 1228) * 100% - 1.25rem);
         height: 15.875rem !important;
         margin-right: 0.625rem;
         margin-top: -2.9375rem 
    }
     .element-item.case7.margeLeft {
         margin-left: calc((448 / 1228) * 100% - 1.25rem + 3.6875rem) !important 
    }
     .element-item.caseEco1 {
         flex: 1 1 calc((448 / 1268) * 100% - 1.25rem);
         max-width: calc((448 / 1268) * 100% - 1.25rem);
         height: 15.3125rem;
         margin-right: 0.625rem;
         margin-left: 3.75rem;
         margin-top: 8.4375rem 
    }
     .element-item.caseEco2 {
         flex: 1 1 calc((412 / 1268) * 100% - 1.25rem);
         max-width: calc((412 / 1268) * 100% - 1.25rem);
         height: 23.75rem;
         margin-right: 0.625rem;
         margin-top: 0rem 
    }
     .element-item.caseEco3 {
         flex: 1 1 calc((277 / 1268) * 100% - 1.25rem);
         max-width: calc((277 / 1268) * 100% - 1.25rem);
         height: 11.875rem;
         margin-right: 0rem;
         margin-top: 7.5rem 
    }
     .element-item.caseEco4 {
         flex: 1 1 calc((413 / 1268) * 100% - 1.25rem);
         max-width: calc((413 / 1268) * 100% - 1.25rem);
         height: 15.875rem;
         margin-right: 0.625rem;
         margin-top: 0.625rem;
         margin-left: 0.5625rem 
    }
     .element-item.caseEco5 {
         flex: 1 1 calc((518 / 1268) * 100% - 1.25rem);
         max-width: calc((518 / 1268) * 100% - 1.25rem);
         height: 15.875rem;
         margin-right: 0.625rem;
         margin-top: 0.625rem 
    }
     .element-item.caseEco6 {
         flex: 1 1 calc((305 / 1268) * 100% - 0.625rem);
         max-width: calc((305 / 1268) * 100% - 0.625rem);
         height: 32.8125rem;
         margin-right: 0rem;
         margin-top: -3.75rem 
    }
     .element-item.caseEco7 {
         flex: 1 1 calc((448 / 1268) * 100% - 1.25rem);
         max-width: calc((448 / 1268) * 100% - 1.25rem);
         height: 12.125rem;
         margin-left: 3.75rem;
         margin-right: 0.625rem;
         margin-top: -11.875rem 
    }
     .element-item.caseEco8 {
         flex: 1 1 calc((412 / 1268) * 100% - 1.25rem);
         max-width: calc((412 / 1268) * 100% - 1.25rem);
         height: 15.875rem;
         margin-right: 0.625rem;
         margin-top: -11.875rem 
    }
     .element-item.caseEco9 {
         flex: 1 1 calc((278 / 1268) * 100% - 1.25rem);
         max-width: calc((278 / 1268) * 100% - 1.25rem);
         height: 11.375rem;
         margin-right: calc(((448 / 1268) * 100% -0.625rem) - 1.25rem) !important;
         margin-left: 11.3125rem;
         margin-top: -3.125rem 
    }
     .element-item.sepListe {
         flex: 1 1 100%;
         max-width: 100%;
         height: 0.9375rem !important 
    }
     .element-item img {
         min-height: 100%;
         width: auto;
    }
     .element-item:hover img {
         opacity: .5;
        /*left: 50%;
        */
         transform: scale(1.2) translateX(-50%) translateY(-50%) 
    }
     .seeMore2 {
         margin-left: 0rem !important 
    }
}
 @media (max-width: 1118px) {
     .seeMore2 {
         margin-left: 0rem !important 
    }
     .element-item.caseEco9 {
         margin-left: 11.1875rem 
    }
}
 @media (max-width: 1108px) {
     .seeMore2 {
         margin-left: 0rem !important 
    }
     .element-item.caseEco9 {
         margin-left: 11.0625rem 
    }
}
 @media (max-width: 1098px) {
     .seeMore2 {
         margin-left: 0rem !important 
    }
     .element-item.case1 {
         margin-left: 1.875rem 
    }
     .element-item.case6 {
         margin-left: 3.4375rem 
    }
     .element-item.caseEco7 {
         margin-left: 3.625rem 
    }
     .element-item.caseEco9 {
         margin-left: 10.9375rem 
    }
}
 @media (max-width: 1088px) {
     .seeMore2 {
         margin-left: 0rem !important 
    }
     .element-item.caseEco1 {
         margin-left: 3.5625rem 
    }
     .element-item.caseEco7 {
         margin-left: 3.5625rem 
    }
     .element-item.caseEco9 {
         margin-left: 10.8125rem 
    }
}
 @media (max-width: 1078px) {
     .seeMore2 {
         margin-left: 0.375rem !important 
    }
     .element-item.caseEco9 {
         margin-left: 10.6875rem 
    }
}
 @media (max-width: 1068px) {
     .seeMore2 {
         margin-left: 0.375rem !important 
    }
     .element-item.caseEco9 {
         margin-left: 10.5625rem 
    }
}
 @media (max-width: 1058px) {
     .seeMore2 {
         margin-left: 0.625rem !important 
    }
     .element-item.caseEco9 {
         margin-left: 10.4375rem 
    }
}
 @media (max-width: 1048px) {
     .seeMore2 {
         margin-left: 0.625rem !important 
    }
     .element-item.case1 {
         margin-left: 1.75rem 
    }
     .element-item.case6 {
         margin-left: 3.3125rem 
    }
     .element-item.caseEco1 {
         margin-left: 5 0.375rem 
    }
     .element-item.caseEco7 {
         margin-left: 5 0.375rem 
    }
     .element-item.caseEco9 {
         margin-left: 10.3125rem 
    }
}
 @media (max-width: 1038px) {
     .seeMore2 {
         margin-left: 0.875rem !important 
    }
     .element-item.caseEco9 {
         margin-left: 10.1875rem 
    }
}
 @media (max-width: 1028px) {
     .seeMore2 {
         margin-left: 0.875rem !important 
    }
     .element-item.caseEco1 {
         margin-left: 3.4375rem 
    }
     .element-item.caseEco7 {
         margin-left: 3.4375rem 
    }
     .element-item.caseEco9 {
         margin-left: 10.0625rem 
    }
}
 @media (max-width: 1018px) {
     .seeMore2 {
         margin-left: 0.875rem !important 
    }
     .element-item.caseEco9 {
         margin-left: 9.9375rem 
    }
}
 @media (max-width: 1008px) {
     .seeMore2 {
         margin-left: 0.875rem !important 
    }
     .element-item.caseEco1 {
         margin-left: 3.375rem 
    }
     .element-item.caseEco7 {
         margin-left: 3.375rem 
    }
     .element-item.caseEco9 {
         margin-left: 9.8125rem 
    }
}
 @media (max-width: 998px) {
     .seeMore2 {
         margin-left: 0.875rem !important 
    }
     .element-item.caseEco9 {
         margin-left: 9.6875rem 
    }
}
 @media (max-width: 991px) {
     .button-group {
         position: relative;
         right: 0;
         top: 0rem;
         width: calc(100% - 0rem) !important 
    }
     .button-group:before {
         display: none 
    }
     .button-group .simplebar-track.simplebar-horizontal {
         width: 100% !important;
         left: 0% !important;
         visibility: hidden !important;
         cursor: pointer;
         top: 6.875rem 
    }
     .button-group .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
         background: #e79759;
         cursor: pointer 
    }
     .button-group:hover .simplebar-track.simplebar-horizontal {
         visibility: visible !important 
    }
     .button-group .button {
         background: transparent;
         color: #464646;
         border: none;
         font-size: 1rem;
         line-height: 1rem;
         height: 3.25rem;
         width: auto;
         max-width: 100%;
         text-align: left;
         margin-left: 0rem;
         margin-right: 0.625rem;
         transition: all 0.5s 0.0s;
         cursor: pointer;
         vertical-align: top;
         border: 0.0625rem solid #464646;
         padding: 0.625rem 1.25rem;
         font-family: "Montserrat", sans-serif;
         font-weight: 700 
    }
     .button-group .button.is-checked, .button-group .button:hover {
         background: #e79759 !important;
         font-weight: bold;
         border: 0.0625rem solid #e79759;
         color: #fff !important 
    }
     .button-group .zone-buttons {
         overflow: auto;
         overflow-y: hidden 
    }
     .button-group .list-button {
         display: flex;
         height: 3.75rem;
         flex-direction: row;
         align-items: center;
         margin: 2.5rem 0rem !important 
    }
     .grid-canvas, .listeMore, .listeMore.lastLine {
         width: calc(100% - 0rem) !important;
         margin: 0 !important;
         display: block !important 
    }
     .grid-canvas .element-item, .listeMore .element-item {
         width: 100%;
         height: 15.625rem !important;
         overflow: hidden;
         margin-bottom: 0.9375rem 
    }
     .grid-canvas .element-item:last-child, .listeMore .element-item:last-child {
         margin-bottom: 0 
    }
     .grid-canvas .element-item.vide, .listeMore .element-item.vide {
         display: none !important 
    }
     .grid-canvas .element-item.case1, .listeMore .element-item.case1 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case2, .listeMore .element-item.case2 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case3, .listeMore .element-item.case3 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case4, .listeMore .element-item.case4 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case5, .listeMore .element-item.case5 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case6, .listeMore .element-item.case6 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case7, .listeMore .element-item.case7 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case8, .listeMore .element-item.case8 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case9, .listeMore .element-item.case9 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case10, .listeMore .element-item.case10 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case11, .listeMore .element-item.case11 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case12, .listeMore .element-item.case12 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case13, .listeMore .element-item.case13 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case14, .listeMore .element-item.case14 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case15, .listeMore .element-item.case15 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case16, .listeMore .element-item.case16 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case17, .listeMore .element-item.case17 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case18, .listeMore .element-item.case18 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case19, .listeMore .element-item.case19 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.case20, .listeMore .element-item.case20 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco1, .listeMore .element-item.caseEco1 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco2, .listeMore .element-item.caseEco2 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco3, .listeMore .element-item.caseEco3 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco4, .listeMore .element-item.caseEco4 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco5, .listeMore .element-item.caseEco5 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco6, .listeMore .element-item.caseEco6 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco7, .listeMore .element-item.caseEco7 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco8, .listeMore .element-item.caseEco8 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco9, .listeMore .element-item.caseEco9 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco10, .listeMore .element-item.caseEco10 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco11, .listeMore .element-item.caseEco11 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco12, .listeMore .element-item.caseEco12 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco13, .listeMore .element-item.caseEco13 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco14, .listeMore .element-item.caseEco14 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco15, .listeMore .element-item.caseEco15 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco16, .listeMore .element-item.caseEco16 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco17, .listeMore .element-item.caseEco17 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco18, .listeMore .element-item.caseEco18 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco19, .listeMore .element-item.caseEco19 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.caseEco20, .listeMore .element-item.caseEco20 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.textuel, .listeMore .element-item.textuel {
         height: 21.875rem !important 
    }
     .grid-canvas .element-item.sepListe, .listeMore .element-item.sepListe {
         display: none 
    }
     .grid-canvas .element-item img, .listeMore .element-item img {
         position: absolute;
         width: 100%;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         height: auto 
    }
     .grid-canvas .element-item:hover img, .listeMore .element-item:hover img {
         opacity: .5;
        /*left: 50%;
        */
         transform: scale(1.2) translateX(-50%) translateY(-50%) 
    }
     .listeMore {
         width: calc(100% - 0rem) !important 
    }
     .zoneMore {
         text-align: center!important;
         padding: 1.25rem 0rem !important;
         margin-top: 0;
    }
     .zoneMore a.seeMore {
         position: relative;
         margin: 0rem 0 0rem -0.625rem;
         border: 0.0625rem solid #e79759;
         color: #e79759;
         transition: all 0.5s 0.0s 
    }
     .zoneMore a.seeMore:hover {
         background: #e79759;
         color: #fff 
    }
     .zoneMore a.seeMore.seeMore2 {
         margin-top: 0 !important 
    }
}
 @media (max-width: 767px) {
     .button-group {
         position: relative;
         right: 0;
         top: 0rem;
         width: calc(100% - 0rem) !important 
    }
     .button-group:before {
         display: none 
    }
     .button-group .simplebar-track.simplebar-horizontal {
         width: 100% !important;
         left: 0% !important;
         visibility: hidden !important;
         cursor: pointer;
         top: 6.875rem 
    }
     .button-group .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
         background: #e79759;
         cursor: pointer 
    }
     .button-group:hover .simplebar-track.simplebar-horizontal {
         visibility: visible !important 
    }
     .button-group .button {
         background: transparent;
         color: #464646;
         border: none;
         font-size: 1rem;
         line-height: 1rem;
         height: 3.25rem;
         width: auto;
         max-width: 100%;
         text-align: left;
         margin-left: 0rem;
         margin-right: 0.625rem;
         transition: all 0.5s 0.0s;
         cursor: pointer;
         vertical-align: top;
         border: 0.0625rem solid #464646;
         padding: 0.625rem 1.25rem;
         font-family: "Montserrat", sans-serif;
         font-weight: 700 
    }
     .button-group .button.is-checked, .button-group .button:hover {
         background: #e79759 !important;
         font-weight: bold;
         border: 0.0625rem solid #e79759;
         color: #fff !important 
    }
     .button-group .zone-buttons {
         overflow: auto;
         overflow-y: hidden 
    }
     .button-group .list-button {
         display: flex;
         height: 3.75rem;
         flex-direction: row;
         align-items: center;
         margin: 2.5rem 0rem !important 
    }
     .grid-canvas, .listeMore {
         width: calc(100% - 0rem) !important;
         margin: 0 !important;
         display: block !important 
    }
     .grid-canvas .element-item, .listeMore .element-item {
         width: 100%;
         height: 15.625rem !important;
         overflow: hidden;
         margin-bottom: 0.9375rem 
    }
     .grid-canvas .element-item:last-child, .listeMore .element-item:last-child {
         margin-bottom: 0 
    }
     .grid-canvas .element-item.case1, .listeMore .element-item.case1 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case2, .listeMore .element-item.case2 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case3, .listeMore .element-item.case3 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case4, .listeMore .element-item.case4 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case5, .listeMore .element-item.case5 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case6, .listeMore .element-item.case6 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case7, .listeMore .element-item.case7 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case8, .listeMore .element-item.case8 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case9, .listeMore .element-item.case9 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case10, .listeMore .element-item.case10 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case11, .listeMore .element-item.case11 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case12, .listeMore .element-item.case12 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case13, .listeMore .element-item.case13 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case14, .listeMore .element-item.case14 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case15, .listeMore .element-item.case15 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case16, .listeMore .element-item.case16 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case17, .listeMore .element-item.case17 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case18, .listeMore .element-item.case18 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case19, .listeMore .element-item.case19 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.case20, .listeMore .element-item.case20 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco1, .listeMore .element-item.caseEco1 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco2, .listeMore .element-item.caseEco2 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco3, .listeMore .element-item.caseEco3 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco4, .listeMore .element-item.caseEco4 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco5, .listeMore .element-item.caseEco5 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco6, .listeMore .element-item.caseEco6 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco7, .listeMore .element-item.caseEco7 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco8, .listeMore .element-item.caseEco8 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco9, .listeMore .element-item.caseEco9 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco10, .listeMore .element-item.caseEco10 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco11, .listeMore .element-item.caseEco11 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco12, .listeMore .element-item.caseEco12 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco13, .listeMore .element-item.caseEco13 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco14, .listeMore .element-item.caseEco14 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco15, .listeMore .element-item.caseEco15 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco16, .listeMore .element-item.caseEco16 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco17, .listeMore .element-item.caseEco17 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco18, .listeMore .element-item.caseEco18 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco19, .listeMore .element-item.caseEco19 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.caseEco20, .listeMore .element-item.caseEco20 {
         width: 100% !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-top: 0 !important;
         max-width: 100% !important;
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.textuel, .listeMore .element-item.textuel {
         height: 12.5rem !important 
    }
     .grid-canvas .element-item.sepListe, .listeMore .element-item.sepListe {
         display: none 
    }
     .grid-canvas .element-item img, .listeMore .element-item img {
         position: absolute;
         width: 100%;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         height: auto 
    }
     .grid-canvas .element-item:hover img, .listeMore .element-item:hover img {
         opacity: .5;
        /*left: 50%;
        */
         transform: scale(1.2) translateX(-50%) translateY(-50%) 
    }
     .listeMore {
         width: calc(100% - 0rem) !important 
    }
     .zoneMore {
         text-align: center;
         padding: 1.25rem 0rem !important;
         width: calc(100% - 1.5625rem);
    }
     .zoneMore a.seeMore {
         position: relative;
         margin: 0rem 0 0rem -0.625rem;
         border: 0.0625rem solid #e79759;
         color: #e79759;
         transition: all 0.5s 0.0s;
         margin: 0rem auto;

    }
     .zoneMore a.seeMore:hover {
         background: #e79759;
         color: #fff 
    }
     .zoneMore a.seeMore.seeMore2 {
         margin-top: 0 !important;
         margin-left: auto!important;
         margin-right: auto!important;
    }
}
/** Correctifs Offres Emplois **/
.offreEmplois .bloc1 .illuArticleFirst img {
    height: 100%;
    width: auto !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}