0byt3m1n1

Path: /home/kassiope/www/modeles/default/css/ [ Home ]

File: custom.css

:root{
    /* Color */
    --orange:  #F08A00;
    --color1:  #F08A00;
    --hover_orange : #D87C00;
    --noir : #0F0F0F;
    --gris:  #303030;
    --opacity: rgba(48, 48, 48, 0.3);
    --footer:  #4E5559;
    --header: #35302E;
    --white: #FFFFFF;
    /* Police */
    --roboto:  'Roboto', sans-serif;
}

/* BODY */

body {
    font-size: 14px;
    background-color:  var(--white);
    overflow-x: hidden;
    font-family: var(--roboto);
}


/* fixed header */

header.fixed {
    background-color: var(--footer);
    height: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

header.fixed.with-marquee {
    height: 136px;
}


header.fixed .list-nav .nav-item.points {
    height: 8px;
}

header.fixed .list-nav .nav-link{
    padding: 0!important;
}

header.fixed .logo {
    /**/
    position: absolute;
    left: 80px;
    bottom: 20px;
    width: auto;
    /**/

    /*margin-top:18px;*/
}

header.fixed .list-nav .navbar {
    border: none;
    margin-top: 0;
    padding: 0;
}

header.fixed .icon-header {
    position: absolute;
    right: 80px;
    top: 0;
    bottom: 0;
}

header.fixed .list-nav .nav-item.points {
    margin-bottom: 0;
}

header.fixed>.container-fluid {
    padding: 0;
}

/* HEADER */

header {
    position: fixed;
    z-index: 10000;
    width: 100%;
    background-color: transparent;
}

.reals-link {
    display: flex;justify-content: flex-end;
}

.menu>.row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header img {
    width: 246px;
}

header>.container-fluid {
    padding-top: 18px;
    width: 100%;
}

.icon-header {
    position: absolute;
    top: 38px;
    right: 38vh;
    display:flex;
    align-items: center;
}

.with-marquee .icon-header {
    top:65px;
}



.list-nav .navbar {
    margin-top: 30px;
    padding-bottom: 0px;
    border-bottom: 1px solid white;
}

.navbar-nav {
    flex-direction: row;
}

.list-nav a.nav-link {
    padding-bottom: 19px!important;
    border-bottom: 2px solid transparent;
    position: relative;
}

.list-nav a.nav-link::after {
    display: block;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    color: var(--white);
    content: attr(data-title);
    font-weight: bold;
    visibility: hidden;
    overflow: hidden;
    height: 0;
}

.list-nav .nav-link:hover {
    border-bottom: 2px solid var(--orange);
    color: var(--white);
    font-weight: bold;
}

header a.nav-link:hover, header a.nav-link:focus {
    color: var(--white);
}


header .navbar, .list-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

header .icon-header a.nav-link, header .icon-header button.nav-link {
    margin-right: 20px!important;
}

.searchform form .form-group {
    display: flex;
}

.searchform form  button.nav-link {
    margin: 5px 20px 0 10px;
}



header .icon-header a.nav-link:hover span, header .icon-header button.nav-link:hover span {
    color: var(--orange);
}

header .icon-header button.nav-link:focus span{
    color: #fff;
}

header .list-nav .container-fluid {
    padding: 0!important;
}

header .list-nav li.nav-item {
    margin-right: 30px!important;
}

header a.nav-link, header button.nav-link {
    padding: 0px!important;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    color: var(--white);
    background: transparent;
    border: 0;
}


header .list-nav .nav-item:last-child{
    margin-right: 0!important;
}

header .navbar-expand-xl .navbar-nav {
    display: flex;
    align-items: center;
}

header  .nav-item.points {
    width: 8px;
    height: 8px;
    background-color: var(--orange);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: 19px;
}

.list-nav .nav-item:hover .sous-menu {
    display: flex;
    align-items: center;
    position: absolute;
    background-color: var(--white);
    padding: 0px 20px;
    width: auto;
    left: 0;
    right: 0;
    margin: auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
}

header.fixed .menu, header.fixed .list-nav, header.fixed .navbar, header.fixed .navbar>.container-fluid, header.fixed .collapse, header.fixed .list-nav .navbar-nav, header.fixed .navbar-nav>li {
    height: 100%;
}

header.fixed .list-nav .nav-item:hover .sous-menu, header.fixed .list-nav .nav-item:hover .sous-menu-cat {
    top: 100px;
}

header.fixed .navbar-nav>li {
    display: flex;
    align-items: center;
}

header.fixed .navbar-nav>li.searchform {
   /* display: none; */
    top:6px;
}

header.fixed .navbar-nav>li.searchform form {
    width:250px;
}

.sous-menu > li {
    padding-right: 10px!important;
    padding: 20px 0px;
    max-width: 10%;
}

.sous-menu > li:last-child {
    /* padding-right: 0px!important;*/
}

.sous-menu li h3 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000000;
    margin-top: 15px;
}

.sous-menu li img {
    width: 175px;
    height: 175px;
    object-fit: cover;
}

.sous-menu li .row {
    margin: 0;
}

.bordersub {
    padding: 0;
    padding-bottom: 15px!important;
    border-bottom: 1px solid #C4C4C4;
}

.sous-menu-cat {
    display: none;
}

.list-nav .nav-item:hover .sous-menu-cat {
    display: flex;
    position: absolute;
    background-color: var(--white);
    padding: 0px 20px;
    width: auto;
    max-width: 65%;
    left: 80px;
    right: 80px;
    margin: auto;
    flex-wrap: wrap;
}

.sous-menu-cat>.row>li, .sous-menu>.row>li>li {
    padding-right: 10px!important;
    padding: 20px 0px;
}

.sous-menu-cat.diff>.row>li {
    padding-right: 30px!important;
    padding: 20px 0px;
}

.sous-menu-cat.diff>.row {
    margin: 0;
}

.sous-menu-cat.diff.most>.row {
    width: 100%;
    display: flex;
}

.sous-menu-cat.diff.most>.row>li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 65%;
}

.sous-menu-cat.diff.most>.row>li:last-child {
    width:100%;
}

.menu1 {
    left:20px!important;
    right:20px!important;
}

.sous-menu.menu1 > li {
    max-width: calc(100% / 9);
}

.menu2, .menu3, .menu14 {
    max-width: 65%!important;
}

.menu1, .menu2, .menu3, .menu4, .menu11, .menu14 {
    border: 1px solid #efefef;
}


.menu2 {
    max-width: 85%!important;
}

.menu2 .bordersub, .menu3 .bordersub, .menu4 .bordersub {
    margin-bottom: 10px;
}

.sous-menu-cat.diff.menu3 > .row > li {
    max-width: calc(100% / 4)!important;
}

.sous-menu-cat.menu2 > .row > li {
    max-width: calc(100% / 7)!important;
}

.sous-menu.menu14 > li{
    max-width: calc(100% / 5)!important;
}

.sous-menu-cat.menu2  li li,
.sous-menu-cat.menu3 li li ,
.sous-menu-cat.menu4 li li {
    margin-bottom: 10px;
}

.sous-menu-cat.menu2 li li {
    margin-bottom: 0px;
}

.sous-menu-cat.menu4 .nav-link {
padding-bottom: 0 !important;
border-bottom: 0 !important;
}

.bloci a img {
    margin-bottom: 10px;
}

.bloci a {
    font-weight: bold !important;
}

.big {
   /* max-width: 15% !important;*/
}

.big img {
    object-fit: cover!important;
    width: 100%;
    height: 100%!important;
}

.most li.col-9 .col-3 {
    padding-right: 10px;
}

.most li.col-9 .col-3:last-child {
    padding-right: 0px;
}



.most li.col-9 .col-3 img {
    object-fit: cover;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}

.small {
  /*  width: 23%; */
}

.small .row {
    margin: 0;
}

.searchform {
    visibility: hidden;
    transition: 0.3s;
    opacity: 0;
    position: absolute;
    right: 65px;
    animation: 0.3s Widthup forwards;
}

.searchbtn {
    transition: 0.2s;
    opacity: 1;
}

.searchform form {
    margin-top: -5px;
}

.searchform form  {
    border: 1px solid #fff;
    color: #fff;
    max-width: 90%;
    padding: 5px;
    display: inline-block;
    font-family: var(--roboto);
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: -12px;
    width: 270px;
    transition: 0.3s;
}

.searchform form button.nav-link {
    margin: 0px!important;
    padding-right: 20px;
}

.searchform form .form-group {
    margin-bottom: 0px!important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searchform form input {
    width: 80%;
    text-align: left;
    outline: 0;
    border: 0;
    color: white;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
}

.searchform form input::placeholder {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    /* identical to box height */


    color: #FFFFFF;
}

.searchform form button {
    display: inline-block;
}

.searchform .form-group { margin-bottom: 0 }

.sous-menu-cat>.row>li:last-child, .sous-menu>.row>li>li:last-child {
    padding-right: 0px!important;
}

.sous-menu-cat ul, .sous-menu ul ul {
    padding-left: 0;
}

.sous-menu-cat .col-2 .row, .sous-menu-cat .col-3 .row,
.sous-menu li .col-auto .row {
    margin: 0;
}

.sous-menu-cat .bordersub, .sous-menu li .bordersub {
    /*margin-bottom: 15px;*/
    /*min-height: 70px;*/
    align-items: center;
    display: flex;
    justify-content: center;
}

.sous-menu-cat li>a, .sous-menu-cat a, .sous-menu li li>a {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    color: #000000;  
}

.sous-menu-cat li>a:hover, .sous-menu-cat a:hover, .sous-menu li li>a:hover {
    font-weight: 600;
}

.sous-menu-cat li h3, .sous-menu li li h3 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000000;
}

.sous-menu-cat li img, .sous-menu li li img {
    width: 100%;
    height: 170px;
    object-fit: contain;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
    width: auto !important;
    display: block;
    margin: auto;
    margin-bottom:10px;
}

.sous-menu-cat>li>.row, .sous-menu>li>li>.row {
    margin: 0;
}

header .navbar {
    position: inherit;
}

.sous-menu {
    display: none;
}

/* FOOTER */

footer {
    padding: 50px 80px 0px;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: var(--white);
    background-color: var(--footer);
}

footer .gx-2 {
    --bs-gutter-x: 60px;
}

footer img {
    width: 200px;
    margin-bottom: 25px;
}

footer h4 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 0px;
    color: var(--white);
}

footer input {
    width: 100%;
    height: 28px;
    background-color: transparent;
    border: 1px solid var(--hover_orange);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    padding-bottom: 0px;
    margin: 6px 0px 20px;
    color: var(--hover_orange);
    font-size: 12px;
}

footer input::placeholder {
    font-family: var(--roboto);
    font-style: italic;
    font-weight: normal;
    font-size: 10px;
    color: var(--hover_orange);
    vertical-align: middle;
}

footer button {
    background-color: transparent;
    height: 28px;
    display: flex;
    align-items: center;
    margin: 6px 0px 20px;
}

footer ul {
    padding-left: 0;
    margin-top: 12px;
    margin: 0;
}

footer .trait {
    width: 55px;
    height: 3px;
    background-color: var(--white);
    margin: 20px 0px 20px;
}

footer .btn-third:hover {
    border-color: var(--orange);
}

footer li {
    margin-bottom: 0px;
    list-style: none;
}

footer .navigation li:last-child {
    margin-top: 25px;
    margin-bottom: 10px;
}

footer a {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: var(--white);
}

footer a:hover {
    color: var(--orange);
}

footer span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:  30px;
}

footer span::before {
    color: var(--white);
    font-size: 15px;
}

footer span:hover::before {
    color: var(--orange);
}

.subfooter {
    padding: 0px 0px 40px;
}

.subfooter .row {
    display: flex;
    justify-content: center;
}

.subfooter .col-auto {
    position: relative;
}

.subfooter .col-auto:after {
    content: '|';
    color: var(--white);
    width: 1px;
    margin-right: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.subfooter .col-auto:nth-child(4)::after {
    content: '';
}

.subfooter .col-auto {
    padding: 0px 2px
}

.subfooter a:hover {
    font-weight: 300;
}

.subfooter a {
    font-style: normal;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 32px;
    font-family: var(--roboto);
    color: var(--white);
}

.subfooter img {
    max-width: 70px;
    margin-bottom: 0;
}

/* TYPO */

h1 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 53px;
    color: --(header);
}

h2 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 41px;
    color: var(--header);
}

h3  {
    font-family:var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    line-height: 29px;
    color: var(--header);
}

h4 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    color: var(--header);
}

h5 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: var(--header);
}

p {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: var(--gris);
}

/* BUTTON */

.btn-prim {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--white);
    border: 1px solid var(--white);
    box-sizing: border-box;
    border-radius: 40px;
    padding: 10px 30px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.btn-prim:hover {
    background-color: var(--white);
    color: var(--noir);
    border-color: var(--white);
}

/* deuxieme btn */

.btn-second {
    font-family: var(--roboto);
    color: var(--white);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: 1px solid var(--white);
    box-sizing: border-box;
    border-radius: 40px;
    padding: 8px 30px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.btn-second:hover {
    background-color: var(--taupe);
    color: white;
    border-color: var(--taupe);
}

/* Troisième btn */

.btn-third {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 8px 30px;
    background-color: transparent;
    border: 1px solid var(--orange);
    color: var(--orange);
    box-sizing: border-box;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.btn-third:hover {
    background-color: var(--orange);
    border-color: var(--white);
    color: var(--white);
}

.btn-four {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--orange);
    border: 1px solid var(--orange);
    box-sizing: border-box;
    border-radius: 40px;
    padding: 10px 30px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.btn-four:hover {
    color: var(--white);
    background-color: var(--hover_orange);
    border-color: var(--hover_orange);
}

.btn-slide {
    color: var(--orange);
    border: 2px solid var(--orange);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
}

.btn-slide:hover {
    background-color: var(--orange);
    color: var(--white);
}

.btn-slide::before {
    margin-bottom: -4px;
}

.btn-rs {
    height: 35px;
    width: 35px;
    border: 1px solid var(--white);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-rs:hover {
    background-color: var(--white);
    color: var(--noir);
}

/* ESPACEMENT SECTION */

.spacer1 {
    padding: 30px 0px ;
}

.spacer2 {
    padding: 35px 0px;
}


.spacer3 {
    padding: 100px 0px ;
}

.spacer4 {
    padding: 50px 0;
}

/* MOBILE HEADER */

header .mobile {
    position: absolute;
    height: 25px;
    width: 40px;
    padding: 0;
    margin-right: auto;
    left: 15px;
    top: 30px;
    cursor: pointer;
    z-index: 10;
}

header .mobile-on.active {
    overflow-y: scroll;
}

.nav-expand-content h3 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    padding-left: 0px;
    padding-top: 13px;
    margin-bottom: 0;
    text-align: center;
    color: #000000;
}

header .mobile-on a.nav-link {
    color: #000000;
    margin-bottom: 20px;
}

header .mobile span {
    background-color: white;
    height: 2px;
    position: absolute;
}

header .mobile span:nth-child(2) {
    width: 30px !important;
}

.nav-level-1 {
    display: block;
    position: inherit;
    /*
    height: 370px;
    max-height: 370px;
    overflow-y: scroll;
    overflow-x: hidden;

     */
    border: none;
    top: 99%;
    width: 100%;
    padding-top: 30px!important;
}

nav-expand-content {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    background-color: white;
    transition: 0.3s;
    visibility: hidden;
}

.nav-expand-content .nav-back-link {
    display: flex;
    align-items: center;
    background-color: white!important;
    color: #000000;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: 15px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}
.nav-expand-content .nav-back-link::before {
    content: '';
    margin-right: 0.5em;
    width: 25px;
    height: 15px;
    font-family: 'Material Icons';
    background-image: url(../../../images/spec/arrow.png);
    background-position: center;
    background-repeat: no-repeat;
}
.nav-back-link {
   height: 47px;
}
.nav-expand-link {
    display: flex;
    justify-content: space-between;
}
.nav-expand-content {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    background-color: white;
    -webkit-transition: .3s;
    transition: .3s;
    visibility: hidden;
}
.nav-expand.active>.nav-expand-content {
    transform: translateX(0);
    visibility: visible;
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

.nav-expand-content .big {
    width: 100%;
}

.nav-expand-content .small {
    width: 50%;
}
header .nav-expand-content img {
    width: 100%;
}

.nav-expand-content li {
    padding: 0px 4px;
}

.miniature .row {
    width: 100%;
    margin-left: 0!important;
}
.nav-drill {
    margin-top: 50px;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}
.nav-is-toggled .nav-drill {
    transform: translateX(0);
    background-color: white;
}
.nav-is-toggled::after {
    opacity: 1;
    visibility: visible;
}
.nav-drill {
    display: flex;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 280px;
    height: 100vh;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: 0.45s;
    margin-top: 0!important;
}

header .mobile  span:nth-child(1){
    top: 0;
    width: 100%;
}

header .mobile  span:nth-child(2){
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
}

header .mobile  span:nth-child(3){
    bottom: 0;
    width: 100%;
}

.mobile-on {
    display: none;
    position: fixed;
    left: -100%;
    top: 0;
    background-color: #303030;
    height: 100vh;
    z-index: 1000000;
    flex-direction: column;
}

.mobile-on {
    background-color: white;
}

.mobile-on a {
    color: #000000;
}

.mobile-on a:hover {
    color: var(--jaune);
}

header .mobile-on.active {
    display: flex;
    left: 0;
    padding: 0px 35px;
}

.off.hiden {
    z-index: 0!important;
}

.devis-mobile {
    position: absolute;
    right: 15px;
    top: 30px;
}

.devis-mobile span {
    font-size: 20px;
}

.mobile-icon span {
    font-size: 25px;
    color: #303030;
    margin-right: 20px;
}

.mobile-icon {
    justify-content: center;
    display: flex;
    padding-bottom: 10px;
    margin-top: 20px;
}

.mobile-on.active .turn-on {
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    top: 20px;
}



.close.icon {
    color: #000;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

.close.icon:before {
    content: '';
    position: absolute;
    top: 15px;
    width: 28px;
    height: 2px;
    background-color: #303030;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close.icon:after {
    content: '';
    position: absolute;
    top: 15px;
    width: 28px;
    height: 2px;
    background-color: #303030;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



.mobile-on.active>.row:nth-child(1) {
    flex-direction: row-reverse;
}

.turn-on {
    position: absolute;
}

.mobile.turn-on > p {
    position: absolute;
    bottom: -20px;
    left: 0;
    color: white;
}

.mobile-on>.row:nth-child(1) {
    display: flex;
    align-items: center;
    border-bottom: 5px solid var(--white);
}

.mobile-on>.row:nth-child(1)>.col-12 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #303030;
    padding-bottom: 30px!important;
}

.mobile-on>.row li:nth-child(1) {
    margin-top: 10px;
}

.mobile-on>.row:nth-child(3) {
    margin-top: auto;
    margin-bottom: 50px;
}

.mobile-on>.row .icon-header .col-auto {
    padding-left: 0;
}

.mobile-on .icon-header .col-12 {
    margin-bottom: 12px;
    padding-left: 0;
}

.mobile-on>.row li {
    margin-top: 30px;
}

/* SPECIFIC CSS */

.share-on span{
    margin-right: 25px;
}

.share-on a:hover  span {
    color: #000;
}

.banner {
    position: relative;
}

.owl-home {
    padding: 0;
}

.banner .container-fluid {
    padding: 0;
}

.banner .container-fluid>.row {
    margin: 0;
}

.banner .owl-home .item {
    min-height: 80vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 100px;
}

.banner .filter {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.3;
}
.banner.page img {
    /* height: 100%; */
    object-fit: cover;
}
.banner .filter-top {
    background: linear-gradient(180deg, #586064 0%, rgba(88, 96, 100, 0) 100%);
    opacity: 0.9;
    position: absolute;
    height: 150px;
    top: 0;
    width: 100%;
}

.owl-home img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    padding: 0;
}

.owl-home .item .col-12 {
    position: relative;
    z-index: 1;
    max-width: 1110px;
}

.owl-home .item>.row  {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.owl-home h2 {
    font-family: var(--roboto);
    font-style: italic;
    font-weight: 200;
    font-size: 35px;
    line-height: 41px;
    color: var(--white);   
    text-align: left;
}

.owl-home h3 {
    font-family: var(--roboto);
    font-style: italic;
    font-weight: 200;
    font-size: 25px;
    line-height: 29px; 
    color: var(--white);
    margin-top: 20px;
}

section .title, section .genere_static h1 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 53px;
    text-transform: uppercase;
    color: #0F0F0F;
    text-align: center;
    margin-bottom: 35px;
}

section .genere_static h2 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    line-height: 53px;
    color: #0F0F0F;
    margin-bottom: 35px;
}

section .genere_static .grey-bloc {
    background: #F7F7F7;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

section .genere_static .grey-bloc h1,
section .genere_static .grey-bloc h2,
section .genere_static .grey-bloc h3,
section .genere_static .grey-bloc h4,
section .genere_static .grey-bloc h5,
section .genere_static .grey-bloc h6 {
    margin-bottom: 15px;
}


section .genere_static h4 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 27px;
}

section .genere_static a.cbtn {
    border: 1px solid #F08A00;
    box-sizing: border-box;
    border-radius: 50px;
    background: transparent;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 8px 30px;
    /* Orange */
    color: #F08A00!important;
}

section .genere_static a.cbtn:hover {
    background: #F08A00;
    border-color: #F08A00;
    color: white!important;
}

section .genere_static h3 img {
    margin-right: 50px !important;
}

section .genere_static h3 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 41px;
    margin-bottom: 20px;
}

section .genere_static p {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
}

section.expe h2 {
    text-align: left;
    font-size: 35px;
    line-height: 45px;
}

section .genere_static .col-12 img {
    display: flex;
    margin: auto;
}

section .title span {
    font-weight: 500;
}

.owl-prods img, .gallery-- img, .owl-reals--- img, .owl-associate img, .owl-alternatif img {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    padding: 15px;
    padding: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.owl-prods .owlbloc,
.owl-associate .owlbloc,
.owl-alternatif .owlbloc
{
    padding: 20px;
}

.owl-prods .item:hover img, .owl-associate .item:hover img, .owl-alternatif .item:hover img {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.owl-prods img:first-child, .owl-associate img:first-child, .owl-alternatif img:first-child, .unik  img:first-child {
    display: flex;
    opacity: 1;
    visibility: visible;
}

.owl-prods img:last-child, .owl-alternatif img:last-child, .owl-associate img:last-child, .unik  img:last-child {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.owl-prods .item:hover img:first-child, .owl-alternatif .item:hover img:first-child, .owl-associate .item:hover img:first-child, .unik:hover  img:first-child {
    visibility: hidden;
    opacity: 0;
    display: none;
}

.owl-prods .item:hover img:last-child, .owl-associate .item:hover img:last-child,.owl-alternatif .item:hover img:last-child, .unik:hover  img:last-child {
    visibility: visible;
    opacity: 1;
    display: flex;
}

.owl-prods h3, .gallery h3, .owl-reals h3, .owl-alternatif h3, .owl-associate h3 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: var(--gris);
    text-align: center;
    margin: 26px 0px 12px;
}

.owl-reals h3, .gallery h3 {
    font-size: 15px;
    line-height: 15px;
}

a:hover .desc {
    color: var(--gris);
}

.owl-prods .desc, .owl-alternatif .desc, .owl-associate .desc {
    text-align: center;
    max-width: 310px;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: var(--gris);
}

.owl-prods, .owl-alternatif, .owl-associate {
    overflow: hidden;
    justify-content: center;
    display: flex;
}

.owl-prods .item>a>.row, .owl-associate .item>a>.row, .owl-alternatif .item>a>.row {
    display: flex;
    justify-content: center;
}

.owl-prods .owl-stage-outer, .owl-associate .owl-stage-outer, .owl-alternatif  .owl-stage-outer {
    overflow: initial;
}


.macaron {
    position: absolute;
    right: 0;
    z-index: 111;
    height: 60px;
}

.macaron img {
    max-width: 60px;
    margin: 10px 0 0 10px;
    box-shadow: none!important;
}

.items .macaron img {
    max-width: 40px;
    margin: 10px 10px 0 0;

}

.items .macaron {
    text-align: right;
}

/* EXPERT */

.expert img {
    width: 100%;
    max-height: 840px;
    object-fit: cover;
}

.g-1, .gx-1 {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
}

.expert h4 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    color: var(--white);
}

.expert h5 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: var(--white);
    margin-top: 5px;
}

.expert .col-xl-5, .expert .col-xl-6 {
    position: relative;
}

.expert .col-xl-7 .col-xl-6 img{
    height: 100%;
}

.expert .hover {
    position: absolute;
    padding: 20px 15px;
    background: rgba(48, 48, 48, 0.3);
    bottom: 0;
    width: calc(100% - 15px);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.expert .col-xl-5:hover .hover, .expert .col-xl-6:hover .hover {
    padding: 35px 15px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}


.realisations h1 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 60px;
    text-transform: uppercase;
    color: var(--noir);
    text-align: center;
    margin-bottom: 10px;
}

.realisations {
    font-size: 14px;
}


.realisations h2 {
    font-size: 35px;
}

.owl-thumbs .owl-item.active {
    border: 1px solid #eee;
}

.owl-thumbs .owl-item.active.current, .owl-thumbs .owl-item.active:hover {
    border: 2px solid var(--orange);
}

/* CTA */

.cta {
    position: relative;
}

.cta .container-fluid {
    min-height: 30vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 35px 400px;
}

.cta img, .cta .filter {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cta .filter {
    background: rgba(48, 48, 48, 0.3);  
}

.cta h2 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 53px;
    text-align: right;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 25px;
}

.cta .desc{
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: var(--white);
    max-width: 650px;
    text-align: right;
}

.cta .col-12{
    display: flex;
    justify-content: flex-end;
    z-index: 1;
}

.cta .row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cta a {
    margin-top: 30px;
}

/* video */

.owl-videos .item {
    position: relative;
}

.owl-videos button {
    background-color: transparent;
    border: none;
    outline: none;
    appearance: none;
}

.owl-videos .hover-video {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.95%, rgba(0, 0, 0, 0.7) 100%);
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 20px;
}

.hover-video h4 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: var(--white);    
}

.hover-video a {
    margin-top: 10px;
    display: flex;
}

.owl-videos .play {
    width: 25px!important;
    cursor: pointer;
}

/* actus */
.owl-actus .desc, .blogactu .desc {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #0F0F0F;  
    margin-top: 20px;
}

.owl-actus .desc span, .blogactu .desc span {
    font-size: 12Px;
    font-weight: normal;
    display: block;
    opacity: 0.6;
}

.preblog {
    text-align: center;
    opacity: 0.6;
    margin-bottom: -40px;
}


.hover-actus {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 25px);
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.72%, #000000 146.49%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.on-hover {
    position: relative;
}

.owl-actus .item:hover .hover-actus, .blogactu .item:hover .hover-actus {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.hover-actus a {
    margin-bottom: 30px;
    display: flex;
}

.actus>.container-fluid {
    padding: 0px 100px;
}


/* FLECHE SLIDER */
.prev, .next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 15px;
}

.prev {
    left: -100px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.prev.last {
    left: -60px;
}

.next {
    right: -100px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.next.last {
    right: -60px;
}

.relative {
    position: relative;
}

.owl-dots {
    position: absolute;
    bottom: 100px;
    right: 18%;
}

.owl-dots button {
    width: 10px;
    height: 10px;
    border: 1px solid var(--white)!important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px;
}

.owl-dots button.active {
    background-color: var(--orange);
    border-color: var(--orange)!important;
}

/* banner/page */

.banner.page {
    position: relative;
    padding: 0;
    height: 200px;
    overflow: hidden;
}

.ariane {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-top: 20px;
}

.ariane li {
    display: flex;
    list-style: none;
    font-size: 11px;
}

.ariane li a {
    color: #212529;
    font-size: 11px;
}

.tab-cats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    position: relative;
    width: 100%;
    /*margin-top: 45px;*/
    margin-bottom: 20px;
}

.tab-cats::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #3D3D3D;
    opacity: 0.3;
}

.tab-cats::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #3D3D3D;
    opacity: 0.3;
}

.tab-cats li + li {
    padding: 0px 15px;
}

.tab-cats a {
    padding: 13px 0px;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: var(--noir);
    display: flex;
}

.tab-cats li {
    list-style: none;
    padding: 0px 15px 0px 15px;
}

.tab-cats .item.active a {
    border-bottom: 5px solid #000000;
    font-weight: 700;
    padding-bottom: 7px;
}

.cats-prev, .cats-next {
    position: absolute;
    top: 15px;
    z-index: 15;
}
.cats-prev {
    transform: rotate(90deg);
    left: 0;
}
.cats-next {
    transform: rotate(-90deg);
    right: 0;
}

.tab-cats .owl-item:first-child .item{
    padding-left: 30px;
}



.js-filters button {
    background-color: var(--orange);
    color: white;
}

.g-2, .gx-2 {
    --bs-gutter-x: 20px;
}

.g-2, .gy-2 {
    --bs-gutter-y: 32px;
}

.js-items {
    margin-top: 40px;
   /* height: auto !important; */
}

.items img {
    object-fit: cover;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
}

/*
.items {
    position: relative !important;
    top: auto !important;
    left: auto !important;
}
*/

.cats h1 {
    margin-top: 3px;
    text-align: center;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 53px;
    text-align: center;
    text-transform: uppercase;
    color: var(--noir);
}

.items h2 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: var(--gris);
    margin: 25px 0px 8px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.items .desc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.items a{
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: var(--gris); 
}

.items .price {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #F2780B;
    margin-top: 15px;
}

.items .price span{
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}

/* PRODUCTS */

.product {
    margin-top: 5px;
}

.g-3, .gx-3 {
    --bs-gutter-x: 90px;
}


.product .btn-slider {
    position: absolute;
    bottom: 25px;
    right: 42px;
    z-index: 1;
}

.prevslide {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.btn-slider span::before {
    font-size: 8px;
}

.btn-slider .btn-slide {
    height: 26px;
    width: 26px;
}

.nextslide {
    padding: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.docu div {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 10px 0;
}

.docu div a {
    justify-content: end;
    float: right;
}

.owl-prod .item img {
   /* height: 57vh; */
    object-fit: cover;
}

.owl-prod {
    margin-bottom: 12px;
}



.slideshow {
    display: none;
}


.product h2 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 500;
    font-size: 33px;
    line-height: 38px;
    text-transform: uppercase;
    color: var(--noir);
    margin-bottom: 10px;
}

.product .ref {
    margin: 5px 0px 22px;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: var(--noir);
}

.product .ref img {
    max-width: 100px;
    vertical-align: middle;
    vertical-align: text-top;
}

.product h3 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--noir);    
    margin: 23px 0px 10px;
}

.product h3 span {
    color: var(--orange);
}

.product ul{
    padding-left: 20px;
    margin-bottom: 0;
}

.product li {
    padding: 0px;
}

.product .qte {
    max-width: 65px;
    background: transparent;
    border: 1px solid #ccc;
    padding: 10px;
}

.more-content, .more-content1 {
    display: none;
}

.avantages li {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: var(--gris);
    list-style: url(../../../images/spec/blops/+.png);
    padding: 0px;
}

.caracteristiques li {

    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: var(--gris);
    padding: 0px;
}

.see-more {
    display: flex;
    align-items: center;
    margin: 10px 0px 23px;
}

.see-more a{
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.1em;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: var(--orange);
    display: flex;
}

.see-more span{
    margin-left: 9px;
    font-size: 8px;
    color: var(--orange);
}


.product h4 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: var(--noir);
    margin-right: 24px;
}

.dispo {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: var(--gris); 
}

.product h5 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 0.02em;
    color: #2C2F38;
    margin-right: 15px;
}

.product button {
    background-color: var(--orange);
    color: white;
}

.devis>.row  {
    margin: 29px 0px 19px;
    background: #EFEFEF;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.devis .price {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 23px;
    color: var(--orange);
}

.devis .price span {
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
}

.tab-prods .nav-tabs {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #3D3D3D;
    margin-bottom: 30px;
}

.tab-prods .nav-tabs li {
    padding: 0;
}

.tab-prods .nav-link {
    border: 0;
    padding: 0px 0px 20px;

    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
    color: #C4C4C4;
}

.tab-prods .nav-link.active {
    border-bottom: 3px solid var(--orange);
    color: #0F0F0F;
}

.tab-prods .nav-tabs li  + li {
    margin-left: 40px;
}

.tab-content .col-xl-6 {
    margin-top: 27px;
}

.tab-content {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: var(--gris);
}

.associate h2 {

    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 41px;
    text-transform: uppercase;
    color: var(--noir);
    margin-top: 0;
    margin-bottom: 47px;
}

.disable {
    display: none!important;
}


/* select style */

.s-hidden {
    visibility:hidden;
    padding-right:10px;
    display: none;
}

.styledSelect, select.select-style {
    cursor: pointer;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding: 10px 40px 10px 20px;
    margin: 0;
    border: none;
    /*width: 210px;*/
    height: 35px;
    overflow: hidden;
    background-color: #EFEFEF;
    background: #EFEFEF;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--noir);
}

.selStyle {
    position: relative;
}
.selStyle:after {
    top: 33%;
    right: 25px;
    content: "\e900";
    font-family: 'icomoon';
    position: absolute;
    pointer-events: none;
    z-index: 100;
    font-size: 10px;
}


.styledSelect:active, .styledSelect.active, select.select-style option:active {
    background-color: #F2EFED;
    color: #000000;
}

.styledSelect.active::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin-top: -15px;
    top: 70%;
}

.options {
    display:none;
    position:absolute;
    top: 120%;
    right:0;
    left:0;
    z-index:1;
    margin:0 0;
    padding:10px 25px;
    list-style:none;
    background-color:#F2EFED;
    border: 0;
    max-width: 210px;
}

.options li {
    padding: 5px 0px!important;
    margin:0 0;
    color: #000000;
    text-align: center;
    cursor: pointer;
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
}


.select {
    position: relative;
}

/* BTN FIXED */


.btn-fixed {
    position: fixed;
    z-index: 100;
    top: 50vh;
    right: 0;
    width: 40px;
    height: auto;
    background-color: var(--orange);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
}

.btn-fixed li {
    padding: 9px 0px;
    list-style-type: none;
}

.btn-fixed span {
    color: white;
    font-size: 18px;
    margin-right: -4px;
    transition: 0.3s;
}


.btn-fixed span:hover {
    font-size: 25px;
    transition: 0.3s;
}



.contact h1 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: normal;
    font-size: 45px;
    line-height: 55px;
    color: #000000;
    margin-bottom: 15px;
}

.contact .col-xl-4 .col-12, .contact .col-xl-4 a {
    display: flex;
    align-items: center;
    font-family: var(--poppins);
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px; 
    color:  #000000;
}

.contact h2 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    color: var(--noir);
    margin-bottom: 15px;
}

.contact .col-xl-4 .col-12 {
    margin-bottom: 25px;
}

.contact .col-xl-4 .col-12:last-child {
    margin-bottom: 0;
}

.contact .col-xl-8 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
    color:  #000000; 
}

.contact span {
    color:  #000000;
    font-size: 20px;
    margin-right: 15px;
}

#valid_form, #invalid_form {
    display: none;
}

.maps {
    height: 350px;
}

.maps .container-fluid {
    padding: 0;
}

.contact input, .contact textarea {
    background-color: transparent;
    border: none;
    outline: 0;
    border-bottom: 1px solid  #000000;
    color:  #000000;
    padding-bottom: 5px;
    width: 100%;
    margin-bottom: 25px;
}

.contact input::placeholder, .contact textarea::placeholder {
    font-family: var(--roboto);
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
    color: #000000;
}

.contact button {
    background-color: transparent;
    outline: 0;
}

.gx-contact{
    --bs-gutter-x: 95px;
} 

.gx-blog{
    --bs-gutter-x: 110px;
} 

.gx-bl-images{
    --bs-gutter-x: 18px;
} 

.bl img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bl h2 {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 41px;
    color: var(--noir);
    margin-bottom: 20px;
}

.bl {
    font-family: var(--roboto);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--noir);
}

.bl.only {
    background-color: #FFFBF5;
    padding: 110px 0px;
}

.bl.only .row {
    display: flex;
    justify-content: center;
}

.bl.only .col-12 {
    max-width: 924px;
    text-align: center;
    color: var(--noir);
}

.bl.only h2 {
    color: var(--noir);
}

.bl-images img {
    min-height: 628px;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.bl .container-fluid, .bl-images .container-fluid  {
    padding: 0px 80px;
}

/* MEDIA */

@media screen and (max-width: 1023px) {
    .icon-header {
        right: 37px;
        top: 33px;
    }
    header.fixed .icon-header {
        right: 37px;
        top: 8px;
    }
    header.fixed .searchmob  {
        bottom: -43px;
        border-radius: 0;
    }
    header.fixed .searchmob .form-inline {
        border: 1px solid #4E5559;
        border-radius: 0;
    }
    .searchmob {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -30px;
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
        border-radius: 10px;
    }
    .searchmob span {
         color: black;
    }
    .searchmob .form-inline {
        background: white;
        border: 0;
        border-radius: 10px;
        display: flex;
        position: relative;
        margin-top: 0;
        border-radius: 10px;
    }
    .searchmob .searchform {
        left: 0;
        bottom: 0;
        position: relative;
    }
    h1 {
        font-family: var(--roboto);
        font-style: normal;
        font-weight: 300;
        font-size: 35px;
        line-height: 41px;
        text-transform: uppercase;
        color: var(--header);
    }

    h2 {
        font-family: var(--roboto);
        color: var(--header); 
        font-style: normal;
        font-weight: 500;
        font-size: 25px;
        line-height: 29px;
        text-transform: uppercase;
    }

    h3 {
        font-family: var(--roboto);
        color: var(--header); 
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 23px;
        text-transform: uppercase;
    }

    h4 {
        font-family: var(--roboto);
        color: var(--header); 
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
    }

    h5 {
        font-family: var(--roboto);
        color: var(--header);
        font-style: normal;
        font-weight: 300;
        font-size: 13px;
        line-height: 15px;
        text-transform: uppercase;
    }

    p {
        font-family: var(--roboto);
        color: var(--gris); 
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 15px;
    }



    .banner.page {
        height: 165px;
    }

    .btn-fixed {
        display: none;
    }


    .next {
        right: 0;
        left: 0;
        bottom: -100px;
        top: initial;
    }

    .prev {
        right: 0;
        left: 0;
        bottom: -100px;
        top: initial;
    }

    .actus>.container-fluid {
        padding: 0px 20px;
    }

    .cta .container-fluid {
        padding: 0px 12px;
    }

    footer {
        padding: 12px;
    }

    footer h4 {
        font-size: 16px;
    }

    footer .gx-2 {
        --bs-gutter-x: 24px;
    }

    .menu1, .menu2, .menu3, .menu4 {
        max-width: 90% !important;
    }

    .menu1, .menu2, .menu3, .menu4 {
        left: 20px !important;
        right: 20px !important;
    }

    .mobile-on > .row li {
        margin-top: 10px;
    }

    .mobile-on.active .nav-expand-content {
        height: auto!important;
    }

    .mobile-on.active {
        overflow-x: hidden;
    }

    .nav-expand-content h3 {
        font-size: 14px;
    }

    .mobile-on a {
        font-size: 14px;
    }

    .nav-expand.active > .nav-expand-content {
        padding:0;
    }

    header img {
        width: 165px;
    }

    .banner .owl-home .item {
        padding: 0px 20px 80px;
    }

    .owl-dots {
        bottom: 80px;
        right: 15px;
    }

    section .title, section .genere_static h1 {
        font-size: 35px;
       line-height: 41px;
        margin-bottom: 35px;
    }

    .next, .prev, .prev.last, .next.last {
        height: 41px;
        width: 41px;
        bottom: -75px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .next, .next.last {
        margin-right: 25%;
    }

    .prev,.prev.last {
        margin-left: 25%;
    }

    .expert {
        margin-top: 70px;
        overflow-x: hidden;
    }

    .cta h2 {
        font-size: 35px;
        line-height: 41px;
    }

    .cta {
        padding: 35px 10px;
    }

    .cta .col-12 {
        font-size: 16px;
        line-height: 24px;
    }

    .actus {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    footer h4 {
        margin-top: 35px;
    }

    .subfooter {
        margin-top: 35px;
        padding-bottom: 50px;
    }

    .subfooter .col-12 a {
        display: flex;
        justify-content: center;
    }

    body {
        overflow-x: hidden;
    }

    header>.container-fluid {
        padding-bottom: 22px;
    }

    header.fixed .logo {
        left: 0;
        right: 0;
    }

    header.fixed {
        height: 80px;
    }

    header.fixed .logo {
        padding-bottom: 0;
        border: 0;
    }

    header .logo {
        border-bottom: 1px solid white;
        padding-bottom: 22px;
    }

    .filter-mobile {
        display: none;
    }

    .up-filters button {
        display: flex;
        align-items: center;
    }

    .up-filters span {
        transition: 0.2s;
    }

    .filter-mobile.active {
        display: flex;
        margin-bottom: 10px;
    }

    .up-filters.active span {
        transform: rotate(180deg);
        transition: 0.2s;
        display: flex;
    }

    .up-filters.active {
        margin-bottom: 20px;
    }

    .up-filters {
        justify-content: center;
        margin-top: 20px;
    }

    .up-filters span {
        font-size: 8px;
        color: white;
        margin-left: 10px;
    }

    .items h2 {
        font-size: 16px;
        line-height: 19px;
    }

    .items .desc {
        font-size: 12px;
        line-height: 14px;
    }

    .js-filters {
        justify-content: center;
    }

    .product h2 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 30px;
    }

    .devis .price span {
        font-size: 22px;
    }

    .devis .price {
        font-size: 17px;
        margin: 10px 0px;
    }

    .product h4 {
        margin-bottom: 10px;
    }

    .banner.page img {
       /* height: 100%; */
        object-fit: cover;
    }

    section .genere_static h4 {
        font-size: 16px;
        line-height: 19px;
    }
    section .genere_static h3 {
        font-size: 16px;
        line-height: 19px;
    }
    section .genere_static h2 {
        font-size: 25px;
        line-height: 29px;
    }

    .header .mobile-icon>li {
        align-items: flex-start!important;
    }

    .searchform {
        visibility: hidden;
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0;
        position: absolute;
        left: 5%;
        /* right: 0; */
        margin: a;
        -webkit-animation: .3s Widthup forwards;
        animation: .3s Widthup forwards;
        max-width: 100%;
        background: white;
        /* height: 138px; */
        bottom: 25px;
    }

    .searchform form {
        border: 1px solid #fff;
        color: #fff;
        max-width: 100%;
        padding: 5px;
        display: inline-block;
        font-family: var(--roboto);
        font-size: 13px;
        padding: 5px 10px 5px;
        margin-top: -10px;
        border-color: #303030;
    }

    .searchform form input,.searchform form input::placeholder  {
        color: #303030;
        font-size: 13px;
    }

    .reals-link {
        display: flex;
        justify-content: center;
    }

    .realisations .next {
        right: -20%;
        bottom: -63px;
    }
    .realisations .prev {
        left: -20%;
        bottom: -63px;
    }


}


@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .prev, .next {
        width: 41px;
        height: 41px;
        top: 105%;
    }
    .next {
        right: 0;
    }
    .prev {
        left: 0;
    }
    .expert {
        overflow-x: hidden;
    }
    .mobile-on.active {
        overflow-x: hidden;
    }
    .searchform {
        visibility: hidden;
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0;
        position: absolute;
        left: 17%;
        /* right: 0; */
        margin: a;
        -webkit-animation: .3s Widthup forwards;
        animation: .3s Widthup forwards;
        max-width: 100%;
        background: white;
        /* height: 138px; */
        bottom: 25px;
    }

    .searchform form {
        border: 1px solid #fff;
        color: #fff;
        max-width: 100%;
        padding: 5px;
        display: inline-block;
        font-family: var(--roboto);
        font-size: 13px;
        padding: 5px 10px 5px;
        margin-top: -10px;
        border-color: #303030;
    }

    .searchform form input,.searchform form input::placeholder  {
        color: #303030;
        font-size: 13px;
    }

    .menu1 {
        left: 0!important;
    }
    .menu2, .menu3, .menu14 {
        max-width: 93%!important;
    }
    .nav-expand-content .big{
        width: 33%;
    }
    .nav-expand-content .small {
        width: 33%;
    }
    header>.container-fluid {
        padding-bottom: 22px;
    }

    header.fixed .logo {
        left: 0;
        right: 0;
    }

    header.fixed {
        height: 100px;
    }

    header.fixed .logo {
        padding-bottom: 0;
        border: 0;
    }

    header .logo {
        border-bottom: 1px solid white;
        padding-bottom: 22px;
    }

    .devis .price {
        margin: 15px 0px;
    }

    .reals-link {
        justify-content: center;
        display: flex;
    }

    .banner.page img {
       /* height: 100%; */
        object-fit: cover;
    }
    header.fixed .navbar-nav>li {
        align-items: flex-start;
    }

}

@media screen and (min-width: 1280px) and (max-width: 1439px) {

    header.fixed img {
        width: 180px;
    }
    .prev, .next {
        width: 41px;
        height: 41px;
        top: 105%;
    }
    .next {
        right: 0;
    }
    .prev {
        left: 0;
    }
    .reals-link {
        justify-content: center;
        display: flex;
    }
    .banner.page img {
        /* height: 100%; */
        object-fit: cover;
        min-width: 100%;
        height: 100%;
        max-width: inherit;

    }
    header.fixed .list-nav li.nav-item {
        margin-right: 10px!important;
    }
    header.fixed .icon-header {
        right: 40px;
    }
    header.fixed .logo {
        left: 40px;
        top: 25px;
    }
    .js-filters button {
        margin-bottom: 15px;
    }
    .devis .price {
        font-size: 13px;
    }
    .searchform {
        left: -125%;
    }
    .searchform form {
        max-width: 60%;
    }
    header img {
        width: 216px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1700px) {

    .prev, .next {
        width: 41px;
        height: 41px;
        top: 50%;
    }
    .next {
        right: -40px;
    }
    .prev {
        left: -40px;
    }
    .searchform {
        left: -145%;
    }
    .searchform form {
        max-width: 70%;
    }
    header.fixed .list-nav li.nav-item {
        margin-right: 10px!important;
    }
    header.fixed .icon-header {
        right: 40px;
    }
    header.fixed .logo {
        left: 40px;
    }
}

.marquee-container {
    width: 100%; /* Largeur du bandeau */
    overflow: hidden; /* Cache le texte hors de la zone visible */
    white-space: nowrap; /* Empêche le retour à la ligne */
    background-color: var(--orange); /* Couleur de fond */
    position: relative; /* Nécessaire pour l'alignement */
    height: 45px;
    height: 36px;
    padding: 5px 0;
    color: #fff;
}

.marquee {
    display: inline-block;
    position: absolute; /* Positionnement par rapport au parent */
    will-change: transform; /* Amélioration des performances */
    animation: scroll 20s linear infinite; /* Animation continue */
    font-size: 16px;
}

.marquee a, .marquee a:hover {
    color: #fff;
}

.marquee a:hover {
    text-decoration: underline;
}

@keyframes scroll {
    from {
        transform: translateX(100vw); /* Commence complètement à droite */
    }
    to {
        transform: translateX(-100%); /* Défile jusqu'à être complètement à gauche */
    }
}

© 2017 - ZeroByte.ID.
��JFIF�� ( %!1"%)+...383-7(-.+ 0% %----/--/--------/---------------------------------��"��E!1AQaq"��2��#BRSr�b��$CT��34s��0!1AQ�"aq2BR��#$3��?폇� ~�R}�� ~�U�W-��3�)}�� ~�W}�� ~�Uԅ-��^d��?a�>��O�{̟�?��5w��t%Kj�̟��(�� ~�J6F�)�]+�Kj��?w��f�^�5fyi��m��G�vc�·��(�0��O�ϙ(�g΋*r�<#��}�vg��%��P�DUr�Yv'��IC�MK��&�a׎ ɲ��vp_�( �^��j�tC6��R�eIn3�@��R�Uo��p��V�LN��(��2C�[}�9%6XV��õ��sO��>��?`"X�:Y'GA��-1g�Z:\8rr�+�_�e��?`$�#��Ҍ�6@sC��џd�&`l|?�S�_��O�s[dS��j��PS��,�wG��ϡ��O�j��O�j#Z�a�TaOl}��_�O�|?�R��O�j�+�ڽ��'��J_C��ԿCa��qHq^��d��\��R9rUА��)�N9�q\�!��5%y�֝�3u��2�h�S(�e�!��<��^�i`��h��r�vl��G��'(Vɢh2�2s9�i�Z�O9�་k��A�U�N�VK�T|��n=�Rx7��&{��^s�?� �{h�2�ͬ;�f �O�сQk��r\�3>��s��p(�$��9�-��33�&!��S��jmjTV|I� $��gE&��K�i9ـ�sKID��6�*��jU|�pth�F�%��G�ԦXC]!�q �tSڒ'�)u��0=�� 6uP� P��"{��8�Z$�y�s�|�U2�-px��|�"��5]f��R��A��V��,`t�f�?UO�u��D��!\�� d\G5o��'w ݡ�D�C� >��FZx8͢��`�1��:��D-Ez�e�B��sr�O5|fߠ�F+�YO �U�*�B�s�D�^��J��␮+�D�B�㎤�c�=��Ah6��XM��H�$��Sx�ƙ>"/��.S7�|8��[eb�y��I�$ܸFf�c3I��dp݇ҿ�ި�̵"�gww�z#?5?Y��@�cRtG�#�M��.i�0Py6'd��v��҉q�?�>�xp��g��Z�&��n?m��7��vò��0@��l��L G� Y��g��gtn�P.�v��C^�Ug�1��1O�D8�DG�:$9��z�v�Si�} -d��ת�S�Y۽�� ޯZ�7V4�< �IE{%��`�e��: G��:�c�?e��z^��.�wEB��rf��F� iZ��Osm�j<�?��"��jfAl�� p�KA�īt!�=W?�y :�c�7tI�5�3��T��r�;�P��]:Yx.��"��`��V��A�v��ǒ[��㣉w�si�j��o��Si�&s�� "�Jپ�m�R��^i��O�T��W��d�Ǿ�q�)�!rr�*XH�2u�rD�$NV \�$0��Hq.*��Xq?��b��*#� �jRv�$��i2�Z~J��T�;=�p2ٖ��ʋc#��l��{��Ա��u��{I��CqW6{][ �.�H��L��H�Ivv�G��{�qߘh�{��Y��?g� �S��sH��8o.l��Ζ��e�]w>�K�C��,|7�EZ*�+�w�i��s��Sh��Z��jfo�]p�1�wc��שA��X��mF��-��khT�Ss@�L1�&, ֮'�`��?��𸚵k=�34�Is�H.'0�Ú�VǱ�&M��8�J��²�M�\�w�25I�g�u]��Z2�d]��!x�73Ybr��dt7SR��i.m6��'�R~2S+e�nc#ߩ6J1rxA�tGt�բ�w�`�-��sO�U̒\�.;�n �I2N��O�:V�4(r�9}w�KP�ǈ�s�"P��ӗBIJ�®\�!�%])��d�Z��^��5�2��م�i$p:�4%zڧ-�j<6�y|��!U~�`vY�V�f�$�qk��"qR�*��1�>D�Yc��&9#[? �� Q�N�1�})E��kF��Q7'�}1�밙yࡩN�=N�S��Đ�zM�j��q҈�'��#Yxv�qʃ S��6��=U,u75�2� ��봂\n�#��-^ѽ�L��a�Y��;��H>E_.�ܘ��i�c_Ӄ{��Ƽhp�D�U|ish�0'gm�A-=��pA�m�h��j�f�K�|��@�$CĶ|P��jUf��cƖ��5�[)�N�i��s|&2��Tv�vZd��n��f|op�cϺ��,H�2�{Ů�F�3E�L��φ�0ͷM�� i/��R��B�흪r��h�3��.�iw�+nd�Cqx��S�{�$)��Ԟf�U��)�˟��m:Yg8�|�Ψ�!�ɓ�]��=��v[\�b6��M�B��0��yjꏮH��Vq�ɣ �~�TiQ�M?$�+qo\��[/��u��M �U�mr�ms�L�ȑ��*-5�c[[�n�<�.��\�rq�G �E��/��鞪�+�� [5��;�Vqd�n�w\�'ko6$e��g�_�h ��y��JL ui�>��P�.;�b�t�ͯ�1�� HHByn�MwI:��`�[& Gz��o��Y�^��>��a�씹O��J!ZPq[��J��YGHru��.��:��UHy��"�4�)�$z�A"D6��)�}I2��~�e��tn��SV��)��=��R��Q Ǎ�6��*=��d�bip��s��r�E7R$1Őt��i��)۴��y��fih��i7f?5p/&"�dGT�S��$$:��.75�-�fk�V�gq%�H��ܴ.�#d͜Z �7��{I��L�a� t�S�3M��0��^��R��)�psK��k��-��q��ԛ��j�4��f4�n�P�A�7��(� �i2*��s�EɬN!�6��k��Ĵ��<��{�j5k��=?��+��r�8h��奦��c4��w�+�eZ�o�@S:�*�1�L��@�".�¾g5 �v8\JP�x<�l�\�$j��Us�>F�rExO?*�QW1A�h�7ꟴG�Wal��)6��?2�rvmf�ZZ��z�OC�U}�-��L�F��u� ��gF��V1͐Ҥ��ʿ��r��ᑅ ��<��*uo��k1��3�귗3p��X� ��Q��F�lz��G��g�ĩVs��E<[{�?z[��M�/�� o�<�ù;��;M�g�Ϥ�C�X��uy�N�`�#Px�kM��HS�`�*h��t��F�zk��^�t�� ˁn�\G�Ȧ~��f;+x%��U�PT�c>�w�`��8h��!��u.��MZ�`Aޒ�V�� 4\��;c��,�,g��G-T,�Ar]M�X��0Kn,�ܛϚ��`8��b�T��<��ۀ�P��/��n¥�vRe3�m��Pۭ�%��d%�dN;xЛL�ԧ&cԩ �nvEv t��dm��6�o8�$�C�G�5+0m}*aڵ��6�B��h��\"]��A�XWrY�A�Vm��:�s]-�,�|U,�h�đ�Q�- i@҃��m�� +�)w�)��1�o�)��M��nQ�@��U'��pd��T��p*�Z�`'��#+�ږ2/�9Ev��?�eX�M�N��>6B��Q�m鞀�=3J|J,��8�m��p��Q�Q4�y��9rt6�V�'Wgp)v >�Wn�7�O�`�Y�Lo��%��)�4n��j��th��:�v��1��}sO{Ï�8<9s�+�>��Ѻ�T;�i�ڃ�=8U��I(ܛ1�Tt�(z��➲�gF�92�dBzB��Z-�J�rB�Ggm��D��q��V�Dq=�i,{)�;C�Wދ��gR+�|�f��]��h��P��8��50��O�Pݗ�� x(��;��0��l��V�K�\�@P�BuZ�1�U�Ȥ�H�圤�P5��:<&�&-c��u�3�S��]�ڲj��W8wE��䠦�D�#��a�eh&ԥ��v��Q$��W�Q�t�P�*O�y�'��b�n��*�"�sKN��}y�\u�z�z�s��j�%��{�,��f�G |SpB��~I}+Z��KsT2��班?�s]d��D�R��W�څ�G{��<�=A�j�37�>h&� �u��N/̏�)�dSo��Uy |��*�0��Ъu��{Am�F�7M�<1�I�;�7se�Y��h�W�5�4N �Ahi:��+�6ѩ��o�ZJ�� qM�`�N�n>)��h��⇬��gC��! B�CSѬ�JM�^�*D:�6��FG3s墬�J��z�CEj��A7�)��!��uZ�� *G�)�ę�?E-��=pL͡L�:�N��:8��ٶ�~Rgܙ�6_�8��2}N��l��)��"��) �:��2c��&f��]��zu* M��O L�қ\��ۊ�E���%�!�i:64Y�~��=#>��E�C��8u =q]��q�`6f*�_Z�2�`�<T�iw��:��j�Q��i�aͦ��]Q̹�%�N��)��!��\Gﰀ��J��2��z��yL6��O ��z6΢�y��/<��"@~Kq��ęs{��4>" ��e�ׄ/��t��AD(>Z%Wl �[��|�p*�.I��a�'��ǀRSQ)YJ��T�e�G�w �f �QǙ�4^��K3*2oxRl�p5�6��s%U��{[�f�4�M0T�}h��y��g6廾�:�w��~V�A�d��J��_��8�8oPЫ��Ůi;�.�c��L0�&��*��X�c��:�K-V�c��4�|7��4h��w�y�V#�o'� �γ{�@�U��^^}�ẙ��/�PHW$YgFr��`�u�5=�䪾��Wo��c1�s�c��ѯ�S��oN�O*zN^�J>��v?i�d�@79e�uC�aq/�Y��c1h-{&=%3�g��sWi��>A5�;)j=��+�ҽ�j��[��Q��$j� ��[=Z��^��{ΣI��r�$��Z��px�=G��ԉ��^�.�]�cddv}�kl��_'�ꡂ7��u��^;R�!��T��yEF��$��nqؖ0�:g7#P�MP��k��@g�i6�z�!�77�h$L�A�<��t��;��d��2��"�� "La��$X9�@��t�S:��a��U,+��7Q��CÚM��t:AZfa��.q��w��i6ƛq:��H�UnW��e�2)��D �H#�k��Kr �V�5f��}`��:�ո}�o��!��@Ic$*�^�;��+��TtSq�P�E�:�s��C�&w�y� ��J��e��I�O(�B\d\;{ǩBq��:��[��b��?��Ti�hh� +*[v��E�h.#�L�̅f�:�lj��)��D�� S1c��N��S��w��Zީ�~�ԫ ��71�� q�(��F�c�kf��7[��لq�c�h��ݭ��z{�כ��1��ET�z��Z{J�qivW��iS�;5�nl�5��:��} ��K�� Y}��9^��P��N��@��hw0HV[�}�8t ��ކ��| :�<�w�er6��%T�֯�˖��IR��\��P�G��O�U�m�N�-ǜ��ץ��b�OWJ_�Ԃ�I�k��Ik��B�N.�p5 �ġuv��=�B)=�H7��e�<�_T�� ]��`�:��y��XٵU�0�#(��|��b��H�B�~Z럸EJ�v�W�a��u��|͝�EM�M�#cٚ�֎��ot-0X\oF�鳝��S��[gTHjI��܀5ĲEPw��0�#?4�͡�L-3bj�O�,?�l��{er[BӾ��-�\D��٭��A�џq��@�C�Vo�=�mZŮ�X熆�-�h#U�k~��DpYښ�\�%��MJM��vM7EW�BàW\;��Z��r%�µ��.�)FYX�0��"T�Њ��e� ລ��uj�� jJE��\�d��z,��lH��i��[��K#�TLhI��r��Ɠ[�~V��4@�.a�{|�4d��0/�*c�t re{G�t�M��j�R\z|��>ȼ�C)��B�IX>+Z��ؕ]�PU��J�c�Y��Kq��