<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Jardinerie Charleroi, pépinière Hainaut, outils et matériel jardinage, motoculture et robot jardin Belgique</title>
<meta name="description" content="Jardinerie située à Charleroi dans la province du Hainaut depuis 1960, Jardiland vous propose un large choix de produits aussi bien pour le jardin que la maison." />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes"/>
<meta name="google-site-verification" content="bnSLSfUJbaA2e1KRAED6ZCLkD1-qR5DY0LDs4wH2e5o" />
<meta name="facebook-domain-verification" content="b0z7xttg4c8rbweo6o1swm000ey8nt" />
<style>
.slick-slider { position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus { outline:none;}
.slick-list.dragging { cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform:translate3d(0 0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.slick-track { position:relative; top:0; left:0; display:block;}
.slick-track:before,
.slick-track:after { display:table; content: '';}
.slick-track:after { clear:both;}
.slick-loading .slick-track { visibility:hidden;}
.slick-slide { display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide { float:right;}
.slick-slide img { display:block;}
.slick-slide.slick-loading img { display:none;}
.slick-slide.dragging img { pointer-events:none;}
.slick-initialized .slick-slide { display:block;}
.slick-loading .slick-slide { visibility:hidden;}
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent;}
</style> <style>
/***** fonts et reset *****/
@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@1,700&display=swap');
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display:block;}
input, textarea { -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;}
* { outline:none !important;}
strong, b { font-weight:600;}
ul { list-style-type:none;}
body { font:normal 15px/28px "Barlow"; color:#181818; background: #f2f2f2;}
body.active_overflow { overflow:hidden;}
a { text-decoration:none; color:#181818; transition:background 400ms ease-in-out, color 400ms ease-in-out, border 400ms ease-in-out; position:relative;}
img { border:none;}
#wrapper { max-width:1920px; min-width:320px; margin:0 auto; overflow:hidden; background:#fff; position:relative;}
#wrapper * { box-sizing:border-box;}
/***** scollbar *****/
::-webkit-scrollbar { width: 6px; height: 6px; background-color: #f2f2f2;}
::-webkit-scrollbar-thumb { background-color: #e02620;}
/***** transition *****/
@media (min-width:1201px) {
.link, :before, :after, .sub, a, a span, .titre_actu { transition:all 400ms ease-in-out;}
}
/***** animation *****/
.animate.mask { position:relative;}
.animate.mask:after { width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; z-index:50; transition:width 800ms ease-out; content:"";}
.animate.mask.play:after { width:0; transition-delay:200ms;}
.animate.mask_bottom { position:relative;}
.animate.mask_bottom:after { width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:50; transition:height 800ms ease-out; content:"";}
.animate.mask_bottom.play:after { height:0; transition-delay:200ms;}
.animate.fade_in { opacity:0; transition:opacity 800ms ease-out; transition-delay:0ms;}
.animate.fade_in.play { opacity:1; transition-delay:300ms;}
.animate.fade_up { opacity:0; transform:translateY(40px); transition:opacity 800ms ease-out, transform 800ms ease-out; transition-delay:0ms;}
.animate.fade_up.play { opacity:1; transform:translateY(0); transition-delay:300ms;}
/***** class *****/
.wrapper { width:95%; max-width:1380px; padding:0 40px; margin:0 auto; position:relative;}
.clear { clear:both; display:block;}
.titre_main { font:700 40px/46px "Barlow"; letter-spacing:0.4px; color:#ec1c24; position:relative; margin-bottom:20px;}
.sous_titre { font:italic 20px/30px "Noto Serif"; position:relative; margin:0 0 20px 0;}
.sous_titre.sized { font-size:26px; line-height:36px;}
.link { font:500 16px/52px "Barlow"; height:54px; display:inline-block; vertical-align:middle; letter-spacing:0.4px; color:#fff; padding:0 25px; border-radius:5px; background-position:100% 0;}
.link.dep { height:50px; line-height:48px; padding:0 20px;}
.link.folder { padding:0 35px; line-height:58px; height:60px; text-align:center;}
.link.folder span { display:inline-block; background:url(images/folder.svg) 0 50% no-repeat; padding-left:45px;}
@media (min-width:1201px) {
.link:hover { background-position:0 0;}
}
@media (max-width:1300px) {
.wrapper { width:100%;}
}
@media (max-width:1200px) {
.titre_main { font-size:34px; line-height:40px;}
.sous_titre.sized { font-size:24px; line-height:34px;}
}
@media (max-width:600px) {
.wrapper { padding:0 20px;}
.titre_main { font-size:30px; line-height:36px;}
.sous_titre { font-size:18px; line-height:28px;}
.sous_titre.sized { font-size:20px; line-height:30px;}
.link { line-height:48px; height:50px; padding:0 25px;}
.link.dep { height:40px; font-weight:400; font-size:14px; line-height:38px;}
.link.folder { padding:0 20px; line-height:48px; height:50px; display:block;}
}
/***** spring *****/
.spring_colors .bg_seasons { background:#d0db83;}
.spring_colors .bg_seasons:before { background:#d0db83;}
.spring_colors .bg_seasons .link { background-image:linear-gradient(to left, #9dab38 0%, #9dab38 50%, #879527 50%, #879527 100%); background-size:200%;}
/***** summer *****/
.summer_colors .bg_seasons { background:#f9dedd;}
.summer_colors .bg_seasons:before { background:#f9dedd;}
.summer_colors .bg_seasons .link { background-image:linear-gradient(to left, #ee6661 0%, #ee6661 50%, #e0534e 50%, #e0534e 100%); background-size:200%;}
/***** autumn *****/
.autumn_colors .bg_seasons { background:#dfc48f;}
.autumn_colors .bg_seasons:before { background:#dfc48f;}
.autumn_colors .bg_seasons .link { background-image:linear-gradient(to left, #9b7148 0%, #9b7148 50%, #86603b 50%, #86603b 100%); background-size:200%;}
/***** winter *****/
.winter_colors .bg_seasons { background:#d9e3ee;}
.winter_colors .bg_seasons:before { background:#d9e3ee;}
.winter_colors .bg_seasons .link { background-image:linear-gradient(to left, #546e8b 0%, #546e8b 50%, #485f78 50%, #485f78 100%); background-size:200%;}
/***** spring *****/
.spring_colors .bg_seasons { background: #f2f2f2;}
.spring_colors .bg_seasons:before { background: #f2f2f2;}
.spring_colors .bg_seasons .link { background-image:linear-gradient(to left, #ec1c24 0%, #ec1c24 50%, #d20c13 50%, #d20c13 100%); background-size:200%;}
/***** summer *****/
.summer_colors .bg_seasons { background: #f2f2f2;}
.summer_colors .bg_seasons:before { background: #f2f2f2;}
.summer_colors .bg_seasons .link { background-image:linear-gradient(to left, #ec1c24 0%, #ec1c24 50%, #d20c13 50%, #d20c13 100%); background-size:200%;}
/***** autumn *****/
.autumn_colors .bg_seasons { background: #f2f2f2;}
.autumn_colors .bg_seasons:before { background: #f2f2f2;}
.autumn_colors .bg_seasons .link { background-image:linear-gradient(to left, #ec1c24 0%, #ec1c24 50%, #d20c13 50%, #d20c13 100%); background-size:200%;}
/***** winter *****/
.winter_colors .bg_seasons { background: #f2f2f2;}
.winter_colors .bg_seasons:before { background: #f2f2f2;}
.winter_colors .bg_seasons .link { background-image:linear-gradient(to left, #ec1c24 0%, #ec1c24 50%, #d20c13 50%, #d20c13 100%); background-size:200%;}
/***** général jardiland *****/
.gen_jardiland .link { background-image:linear-gradient(to left, #ec1c24 0%, #ec1c24 50%, #d20c13 50%, #d20c13 100%); background-size:200%;}
.gen_jardiland .color { color:#ec1c24;}
.gen_jardiland .bg { background:#ec1c24;}
.gen_jardiland .arrow { background:url(images/arrow-red.svg) 50% no-repeat;}
/***** département animalerie *****/
.dep_animalerie .link { background-image:linear-gradient(to left, #f8972a 0%, #f8972a 50%, #eb830f 50%, #eb830f 100%); background-size:200%;}
.dep_animalerie .color { color:#f8972a;}
.dep_animalerie .bg { background:#f8972a;}
.dep_animalerie .arrow { background:url(images/arrow-orange.svg) 50% no-repeat;}
/***** département végétaux *****/
.dep_vegetaux .link { background-image:linear-gradient(to left, #e0306a 0%, #e0306a 50%, #f8417d 50%, #f8417d 100%); background-size:200%;}
.dep_vegetaux .color { color:#e0306a;}
.dep_vegetaux .bg { background:#e0306a;}
.dep_vegetaux .arrow { background:url(images/arrow-pink.svg) 50% no-repeat;}
/***** département mobiliers *****/
.dep_mobiliers .link { background-image:linear-gradient(to left, #84c23e 0%, #84c23e 50%, #8ed83a 50%, #8ed83a 100%); background-size:200%;}
.dep_mobiliers .color { color:#84c23e;}
.dep_mobiliers .bg { background:#84c23e;}
.dep_mobiliers .arrow { background:url(images/arrow-green.svg) 50% no-repeat;}
/***** département décoration *****/
.dep_decoration .link { background-image:linear-gradient(to left, #913787 0%, #913787 50%, #b14ba6 50%, #b14ba6 100%); background-size:200%;}
.dep_decoration .color { color:#913787;}
.dep_decoration .bg { background:#913787;}
.dep_decoration .arrow { background:url(images/arrow-purple.svg) 50% no-repeat;}
/***** département machines *****/
.dep_machines .link { background-image:linear-gradient(to left, #1e5894 0%, #1e5894 50%, #1e6ab8 50%, #1e6ab8 100%); background-size:200%;}
.dep_machines .color { color:#1e5894;}
.dep_machines .bg { background:#1e5894;}
.dep_machines .arrow { background:url(images/arrow-blue.svg) 50% no-repeat;}
/***** header et menu ****
.header { width:100%; position:absolute; top:0; left:0; font-size:0; line-height:0; background:#fff; z-index:100;}
.header_top { width:100%; position:relative; text-align:center;}
.header_top .content { font:400 14px/22px "Barlow"; letter-spacing:0.4px; padding:14px 0; max-width:1000px; display:inline-block;}
.header .header_annonce .titre_site { display:none;}
.header .header_annonce { color:#fff; background:#ec1c24;}
.header_nav { width:100%; text-align:right; background:#fff; z-index:150;}
.header_nav .logo { width:200px; display:block; position:absolute; left:40px; top:50%; margin-top:-25px; z-index:5;}
.header_nav .logo img { width:100%; height:auto;}
.header_nav .menu { display:block; position:relative;}
.header_nav .menu li { display:inline-block; vertical-align:middle; position:relative; margin-left:30px;}
.header_nav .menu i { display:inline-block; vertical-align:middle; width:7px; height:4px; margin:0 -7px 0 10px; background:url(images/arrow-sub.svg) 50% no-repeat;}
.header_nav .menu a { font:500 16px/90px "Barlow"; letter-spacing:0.4px; display:inline-block; vertical-align:middle; padding:10px 0;}
.header_nav .menu>li.active>a { color:#ec1c24;}
.header_nav .sub { width:280px; position:absolute; top:100%; left:50%; margin-left:-140px; background:#ec1c24; display:block; visibility:hidden; opacity:0;}
.header_nav .sub li { width:100%; margin:0; text-align:center; border-bottom:1px solid #d20c13;}
.header_nav .sub li:last-child { border:none;}
.header_nav .sub li a { width:100%; height:60px; font-size:16px; line-height:60px; color:#fff; padding:0;}
.header_nav .menu li:hover .sub { opacity:1; visibility:visible; z-index:999;}
.header_nav .menu .sub li.active a { background:#d20c13; color:#fff;}
.sticky .header_nav { position:fixed; top:0; left:0;}
@media (min-width:1201px) {
.header_nav .menu_mobile,
.header_nav .menu .vue_mobile { display:none;}
.header_nav .menu,
.header_nav .sub { display:block !important;}
.menu li:hover>a { color:#ec1c24;}
.menu li:hover .sub li a:after { top:-4px;}
.menu .sub a:hover { background:#d20c13; color:#fff;}
.sub li:nth-child(2) a:after { width:8px; height:8px; position:absolute; top:4px; left:50%; margin-left:-4px; transform:rotate(45deg); background:#ec1c24; z-index:-1; content:"";}
.sub li:nth-child(2) a:hover:after { background:#d20c13;}
.sticky .header_nav .menu a { padding:0;}
}
@media (max-width:1200px) {
.header_nav .menu { width:100%; height:100vh; background:#fff; text-align:left; position:absolute; left:0; top:100%; display:none; padding:20px 40px 100px 40px; overflow-y:scroll;}
.header_nav .menu li { width:100%; display:block; margin:0;}
.header_nav .menu li a { display:block; font-size:18px; line-height:50px; padding:0;}
.header_nav .menu i { width:100%; height:50px; line-height:50px; position:absolute; right:0; top:0; z-index:10; background-position:calc(100% - 12px) 50%; margin:0;}
.header_nav .menu .vue_mobile { display:block;}
.header_nav .menu .sub { width:auto; display:none; visibility:visible; position:relative; left:auto; top:auto; margin:10px -40px; opacity:1;}
.header_nav .menu .sub li a { font-size:16px; line-height:55px; height:55px; padding:0 40px; text-align:left;}
.menu_mobile { width:110px; height:100px; display:inline-block; vertical-align:middle; cursor:pointer; transition:height 400ms ease-in-out; position:relative; margin-right:-40px;}
.menu_mobile div { width:30px; height:2px; background:#ec1c24; position:absolute; right:50%; top:50%; margin:-1px -15px 0 0;}
.menu_mobile div:before { width:100%; height:2px; background:#ec1c24; position:absolute; right:0; top:7px; content:"";}
.menu_mobile div:after { width:100%; height:2px; background:#ec1c24; position:absolute; right:0; top:-7px; content:"";}
.menu_mobile.active div { height:0;}
.menu_mobile.active div:before { top:0; transform:rotate(45deg);}
.menu_mobile.active div:after { top:0; transform:rotate(-45deg);}
}
@media (max-width:600px) {
.header { position:relative; top:auto; left:auto;}
.header_nav .logo { width:160px; margin-top:-20px; left:20px;}
.header_nav .menu { padding:0 20px 100px 20px;}
.header_nav .menu li a { font-size:16px;}
.header_nav .menu .sub li a { font-size:14px; font-weight:400; line-height:50px; height:50px;}
.menu_mobile { width:70px; height:80px; margin-right:-20px;}
}*/
/***** header et menu *****/
.header { width: 100%; font-size: 0; line-height: 0; letter-spacing: 0; position: fixed; left: 0; top: 0; z-index: 100; text-align: right; border-top: 50px solid #e02620; background: #fff; transition: all 400ms ease-in-out;}
.header .logo { width: 205px; position: absolute; left: 40px; top: 50%; transform: translateY(-50%); z-index: 280; transition: all 400ms ease-in-out;}
.header .logo img { width: 100%; height: auto; display: block;}
.header .titre_site { position: absolute; left: 40px; top: -50px; font-size: 14px; line-height: 50px; font-weight: 400; letter-spacing: 0.4px; /*color: #181818;*/ color: #fff;}
/* menu */
.header .header_nav { display: block; position: relative;}
.header .menu_top { position: absolute; right: 0; top: -50px; z-index: 20;}
.header .menu_top>li { position: relative; display: inline-block; vertical-align: top; margin-right: 40px;}
.header .menu_top>li:after { width: 1px; height: 10px; content: ""; position: absolute; left: -20px; top: 20px; background: #fff;}
.header .menu_top>li:last-child { margin: 0;}
.header .menu_top>li:first-child:after,
.header .menu_top>li:last-child:after { display: none;}
.header .menu_top>li a { font: 400 14px/50px "Barlow"; letter-spacing: 0.4px; height: 50px; display: block; color: #fff;}
.header .menu_top>li.fid { margin-left: -15px;}
.header .menu_top>li.fid a { padding-left: 25px; background: url("../images/icon_love.svg") 0 52% no-repeat;}
.header .menu_top .sub { width: 200px; text-align: center; position: absolute; top: 100%; left: 50%; margin-left: -100px; display: block; background: #333; opacity: 0; visibility: hidden;}
.header .menu_top .sub li a { line-height: 48px; height: 50px; border-bottom: 1px solid #444; padding: 0 25px;}
.header .menu_top .sub li:last-child a { border: none;}
.header .menu_top .sub li.active a { background: #444;}
.header .menu>li { display: inline-block; vertical-align: middle; margin-right: 40px; position: relative;}
.header .menu>li a { font: 500 16px/108px "Barlow"; height: 110px; letter-spacing: 0.4px; display: inline-block; vertical-align: middle; color: #181818;}
.header .menu>li a.promo { font-weight: 700; color: #e02620;}
.header .menu>li.active>a { color: #e02620;}
.header .menu>li i { display: inline-block; vertical-align: middle; width: 7px; height: 4px; margin: 0 -7px 0 10px; background: url(images/arrow-sub.svg) 50% no-repeat;}
.header .menu>li.shop { margin: 0 0 0 10px;}
.header .menu>li.shop a { width: 180px; line-height: 42px; height: 44px; background: #f2f2f2; border-radius: 10px; padding-left: 65px; text-align: left;}
.header .menu>li.shop a:before { width: 56px; height: 56px; background: url("../images/icon_cart.svg") 50% no-repeat #e02620; border-radius: 50%; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); content: "";}
.header .menu .sub { width: 300px; text-align: center; position: absolute; top: 85%; left: 50%; margin-left: -150px; display: block; background: #f2f2f2; opacity: 0; visibility: hidden;}
.header .menu .sub li a { line-height: 54px; height: 56px; border-bottom: 1px solid #ccc; padding: 0 25px; display: block;}
.header .menu .sub li:last-child a { border: none;}
.header .menu .sub li.active a { color: #e02620;}
@media (min-width:1201px) {
.menu_mobile { display: none;}
.header .menu_top>li a:hover { color: #fff;}
.header .menu_top .sub li a:hover { opacity: 0.5;}
.header .menu>li:hover>a,
.header .menu .sub li a:hover { color: #e02620;}
.header .menu_top>li:hover .sub,
.header .menu>li:hover .sub { opacity: 1; visibility: visible; z-index: 999;}
.sticky:not(.scrolling_top) .header { top: -50px;}
.sticky:not(.scrolling_top) .header .logo { width: 190px;}
.sticky:not(.scrolling_top) .header .menu>li>a { line-height: 90px; height: 90px;}
.sticky:not(.scrolling_top) .header .menu>li.shop>a { line-height: 42px; height: 44px;}
.sticky:not(.scrolling_top) .header .menu_top .sub { opacity: 0; visibility: hidden;}
}
@media (min-width:701px) {
.sticky:not(.scrolling_top) .header { top: -50px;}
}
@media (max-width:1200px) {
.header ::-webkit-scrollbar { display: none;}
.header .logo { width: 190px;}
.header .titre_site { width: 100%; text-align: center; left: 0; z-index: 300; background: #e02620;}
.menu_mobile { width: 60px; height: 90px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; z-index: 250; margin: 0 -10px; transition: height 400ms ease-in-out;}
.menu_mobile div { width: 40px; height: 2px; background: #181818; position: absolute; right: 50%; top: 50%; margin: -1px -20px 0 0;}
.menu_mobile div:before { width: 100%; height: 2px; background: #181818; position: absolute; right: 0; top: 8px; content: "";}
.menu_mobile div:after { width: 100%; height: 2px; background: #181818; position: absolute; right: 0; top: -8px; content: "";}
.menu_mobile.active div { height: 0;}
.menu_mobile.active div:before { top: 0; transform: rotate(45deg);}
.menu_mobile.active div:after { top: 0; transform: rotate(-45deg);}
.header .header_nav { width: 100%; height: 100vh; position: fixed; right: -100%; top :0; overflow-y: scroll; padding: 0; z-index: 200; background: #fff; border-top: 140px solid #fff; display: grid; grid-template-rows: auto 1fr; grid-gap: 55px; padding: 40px; transition: all 400ms ease-in-out 400ms;}
.header .menu_top { position: relative; right: auto; top: auto; grid-area: 2; text-align: left; border-top: 1px solid #ccc; padding-top: 35px; opacity: 0; transition: all 400ms ease-in-out 0ms;}
.header .menu_top>li { display: block; margin: 0;}
.header .menu_top>li:after { display: none;}
.header .menu_top>li a { font-size: 16px; line-height: 40px; font-weight: 500; height: auto; color: #181818;}
.header .menu_top>li.active>a { color: #e02620;}
.header .menu_top>li>i { width: 50px; height: 50px; display: block; margin: -45px 0 0 0; position: relative; z-index: 5; background: none; float: right;}
.header .menu_top>li>i:after { width: 100%; height: 100%; background: url("../images/arrow-sub.svg") 50% no-repeat #f2f2f2; background-size: 8px auto; position: absolute; right: 0; top: 0; border-radius: 5px; content: "";}
.header .menu_top>li>i.active:after { transform: rotate(-180deg);}
.header .menu_top>li.fid { margin: 15px 0 0 0;}
.header .menu_top>li.fid a { padding: 0 20px; height: 36px; line-height: 34px; background: #fcdb1e; display: inline-block; border-radius: 5px;}
.header .menu_top .sub { width: 100%; position: relative; left: auto; top: auto; padding: 5px 20px; margin: 15px 0; background: #f2f2f2; visibility: visible; opacity: 1; border-radius: 5px; display: none;}
.header .menu_top .sub ul { padding: 0;}
.header .menu_top .sub li { width: 100%; margin: 0; position: relative;}
.header .menu_top .sub li a { text-align: left; padding: 0; height: 46px; line-height: 44px; font-size: 14px; border-color: #ccc;}
.header .menu { display: block; text-align: left; padding: 0; position: relative; z-index: 100; opacity: 0; transition: all 400ms ease-in-out 0ms;}
.header .menu>li { display: block; margin: 0 0 10px 0; position: relative;}
.header .menu>li>a { font-size: 18px; line-height: 48px; height: 50px; font-weight: 600; display: block; background: #f2f2f2; border-radius: 5px; padding: 0 20px; transition: none;}
.header .menu>li>i { width: 51px; height: 50px; display: block; margin: -50px 0 0 0; position: relative; z-index: 5; background: none; float: right;}
.header .menu>li>i:after { width: 100%; height: 100%; background: url("../images/arrow-sub.svg") 50% no-repeat; background-size: 8px auto; position: absolute; right: 0; top: 0; content: "";}
.header .menu>li>i.active:after { transform: rotate(-180deg);}
.header .menu>li.shop { margin: 40px 0 0 10px;}
.header .menu>li.shop a { font-size: 16px; padding: 0 0 0 65px;}
.header .menu .sub { width: 100%; position: relative; left: auto; top: auto; padding: 0 20px; margin: 15px 0; background: #fff; visibility: visible; opacity: 1; border-radius: 5px; display: none;}
.header .menu .sub ul { padding: 0;}
.header .menu .sub li { width: 100%; margin: 0; position: relative;}
.header .menu .sub li a { text-align: left; padding: 0; height: 50px; line-height: 48px;}
.header.active .header_nav { right: 0; transition-delay: 0ms;}
.header.active .menu_top,
.header.active .menu { opacity: 1; transition-delay: 400ms;}
}
@media (max-width:600px) {
.header { border-width: 40px;}
.header .titre_site { font-size: 13px; line-height: 40px; top: -40px;}
.header .logo { width: 148px; left: 20px;}
.menu_mobile { height: 70px;}
.header .header_nav { border-width: 110px; grid-gap: 35px; padding: 20px;}
.header .menu_top { padding-top: 20px;}
.header .menu_top>li a { font-size: 14px; line-height: 36px;}
.header .menu_top>li>i { width: 46px; height: 46px; margin: -41px 0 0 0;}
.header .menu_top>li.fid a { padding: 0 15px; height: 34px;}
.header .menu>li>a { font-size: 16px; line-height: 44px; height: 46px;}
.header .menu>li>i { width: 47px; height: 46px; margin: -46px 0 0 0;}
.header .menu>li.shop { margin: 30px 0 0 10px;}
.header .menu>li.shop a { font-size: 14px; padding: 0 0 0 65px;}
.header .menu .sub { margin: 10px 0;}
.header .menu .sub li a { height: 46px; line-height: 44px; font-size: 14px;}
.sticky:not(.scrolling_top) .header { top: -40px;}
}
@media (max-width:400px) {
.header { border-width: 52px;}
.header .titre_site { line-height: 18px; top: -52px; padding: 8px 50px;}
.header .header_nav { border-width: 122px;}
.header .logo { width: 140px;}
.sticky:not(.scrolling_top) .header { top: -52px;}
}
/***** arrows slick *****/
.slick-arrow { width:50px; height:50px; border-radius:50%; border:0; padding:0; font-size:0; z-index:5; cursor:pointer;}
.slick-prev { background:url(images/arrow-prev.svg) 50% no-repeat #fff;}
.slick-next { background:url(images/arrow-next.svg) 50% no-repeat #fff; margin-left:10px;}
@media (max-width:600px) {
.slick-arrow { width:40px; height:40px;}
}
/***** grid *****/
.grid { display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:30px;}
.grid img { width:100%; height:auto; transition:opacity 400ms ease-in-out;}
.grid .item { position:relative; overflow:hidden;}
.grid .bg { display:block; font-size:0; line-height:0; transition:none;}
.grid .bg .button { width:100%; height:60px; font:500 18px/56px "Barlow"; color:#fff; display:block; text-align:center;}
.grid .hide { width:100%; height:auto; position:absolute; left:0; top:55%; transform:translateY(-50%); color:#fff; text-align:center; padding:140px 40px 100px 40px; opacity:0; transition:all 400ms ease-in-out; z-index:5;}
.grid .hide .sous_titre { color:#fff;}
.grid .hide p { margin:0 0 10px 0;}
.grid .hide p a { color:#fff; border-bottom:0;}
.grid .hide .arrow { width:80px; height:60px; background:url(images/arrow-white.svg) 50% no-repeat; display:inline-block;}
.grid .only_link .button { text-align:left; padding-left:30px; position:relative;}
.grid .only_link .button:after { width:30px; height:100%; background:url(images/arrow-white.svg) 50% no-repeat; position:absolute; right:30px; top:0; content:"";}
@media (min-width:1201px) {
.grid .item:not(.only_link):hover .bg img { opacity:0;}
.grid .item:not(.only_link):hover .bg .button { opacity:0;}
.grid .item:not(.only_link):hover .hide { opacity:1; top:50%;}
.grid .hide p a:hover { color:#fff;}
.grid .only_link:hover .button { background-position:0 0;}
}
@media (max-width:1200px) {
.grid .hide { display:none;}
.grid .bg .button { text-align:left; padding-left:35px; background:url(images/arrow-white.svg) calc(100% - 35px) 50% no-repeat;}
.grid .only_link .button { background:none;}
}
@media (max-width:1000px) {
.grid { grid-template-columns:1fr 1fr;}
}
@media (max-width:700px) {
.grid { grid-template-columns:1fr; grid-gap:20px;}
.grid .bg img { width:30%; display:inline-block; vertical-align:middle;}
.grid .bg .button { width:70%; display:inline-block; vertical-align:middle; padding-left:40px; background-position:calc(100% - 40px) 50%;}
}
@media (max-width:600px) {
.grid { grid-gap:10px; margin:0;}
.grid .bg img { width:90px; height:80px; object-fit:cover;}
.grid .bg .button { width:calc(100% - 90px); padding-left:20px; font-size:16px; line-height:24px; background-position:calc(100% - 20px) 50%; height:auto; padding-right:60px;}
}
/***** photos + textes *****/
.photo_texte { font-size:0; line-height:0; letter-spacing:0; position:relative; margin:120px 0;}
.photo_texte>div { width:50%; vertical-align:middle; display:inline-block; font-size:15px; line-height:28px; position:relative; z-index:10;}
.photo_texte.align_top>div { vertical-align:top;}
.photo_texte .photo { line-height:0;}
.photo_texte .photo img { width:100%; height:auto;}
.photo_texte .texte { padding-left:80px;}
.photo_texte .texte :last-child { margin-bottom:0;}
.photo_texte .link { margin-top:5px;}
.photo_texte.reverse .texte { right:50%; padding-left:0; padding-right:80px;}
.photo_texte.reverse .photo { left:50%;}
@media (max-width:1200px) {
.photo_texte { margin:100px 0;}
.photo_texte .texte { padding-left:60px;}
.photo_texte.reverse .texte { padding-left:0; padding-right:60px;}
}
@media (max-width:800px) {
.photo_texte { margin:80px 0;}
.photo_texte>div { width:100%;}
.photo_texte .texte { padding-left:0; margin-top:40px;}
.photo_texte .photo img { width:100%; max-height:50vh; min-height:280px; object-fit:cover;}
.photo_texte.reverse .texte { right:auto; padding-right:0;}
.photo_texte.reverse .photo { left:auto;}
}
@media (max-width:600px) {
.photo_texte { margin:50px 0;}
.photo_texte .photo img { max-height:40vh; min-height:180px;}
}
/***** eshop *****/
.list_shop { position: relative;}
.list_shop .slider { margin-top: 30px; margin-right: -20px; max-height: 560px;}
.list_shop .slider:before { width: 50px; height: 100%; background: #fff; position: absolute; right: -35px; top: 0; z-index: 50; content: "";}
.list_shop .slider .slick-slide { margin-right: 20px;}
.list_shop .nav_slider { position: absolute; right: 0; top: 0; z-index: 10;}
.list_shop .nav_slider .slick-arrow { border: 1px solid #ccc;}
.list_shop .link { margin-top: 30px; height: 60px; line-height: 58px; padding: 0 35px;}
.list_shop .link span { display: inline-block; padding-left: 40px; background: url(images/icon_cart.svg) -10px 50% no-repeat;}
.list_shop .sous_titre { padding: 10px 0 6px 0;}
.product_shop { display: block; overflow: hidden; border: 1px solid #ccc; border-radius: 5px; position: relative;}
.product_shop .thumbnail { display: block; background: #fff;}
.product_shop .thumbnail img { display: block; width: 100%; height: auto;}
.product_shop .product_desc { background: #fff; padding: 20px 30px 30px 30px; /*min-height: 140px;*/}
.product_shop .product_desc>a { display: block; /*min-height: 188px;*/}
.product_shop .product_desc .product_title { font: 600 17px/24px "Barlow"; letter-spacing: 0.4px; color: #181818; display: block; transition: color 400ms ease-in-out;}
.product_shop .product_desc .product_brand { font-size: 16px; font-weight: 500; display: block; color: #181818; transition: color 400ms ease-in-out;}
.product_shop .features { margin-top: 20px;}
.product_shop .features span { font-size: 14px; line-height: 22px; color: #181818; display: block;}
.product_shop .features span.feature-value { font-size: 16px; margin-bottom: 8px;}
.product_shop .product_price { font-size: 18px; line-height: 20px; font-weight: 600; color: #181818; text-align: left; letter-spacing: 0.2px; margin-top: 25px;}
.product_shop .product_price .price_discount { color: #ec1c24;}
.product_shop .regular_price { font-size: 15px; line-height: 20px; color: #444; font-weight: 400; text-decoration: none; margin-right: 10px; position: relative;}
.product_shop .regular_price:after { width: 100%; height: 1px; background: #444; position: absolute; bottom: 9px; left: 0; content: "";}
.product_shop .flags { width: 100%; padding: 15px 0 0 15px; position: absolute; left: 0; top: 0; font-size: 0; line-height: 0;}
.product_shop .flags li.flag { display: inline-block; font: 700 9px/25px "Barlow"; text-transform: uppercase; letter-spacing: 1.4px; height: 25px; padding: 0 10px; text-align: center; background: #ec1c24; color: #fff;}
.product_shop .flags li.flag.out_of_stock { position: absolute; right: 15px; top: 15px; font-size: 0; width: 10px; height: 10px; padding: 0; min-width: inherit; border-radius: 50%;}
@media (min-width:1201px) {
.product_shop .thumbnail:hover { opacity: 0.50;}
.product_shop .product_desc>a:hover .product_title,
.product_shop .product_desc>a:hover .product_brand { color: #ec1c24;}
}
@media (max-width:1200px) {
.list_shop .slider { max-height: none;}
}
@media (max-width:600px) {
.list_shop .slider:before { display: none;}
.list_shop { margin: 40px 0;}
.list_shop .slider { margin-top: 20px;}
.list_shop .slider .slick-slide { max-width: 300px; width: 75vw; margin-right: 15px;}
.list_shop .nav_slider { position: static; margin-top: 20px;}
.list_shop .link { width: 100%; margin-top: 20px; height: 50px; line-height: 48px; padding: 0 20px; text-align: center;}
.list_shop .sous_titre { padding: 0;}
.product_shop .product_desc { padding: 15px 20px 25px 20px;}
.product_shop .product_desc>a { display: block; min-height: 160px;}
.product_shop .product_desc .product_title { font-size: 16px; line-height: 22px;}
.product_shop .product_desc .product_brand { font-size: 14px;}
.product_shop .features { margin-top: 15px;}
.product_shop .flags { padding: 10px 0 0 10px;}
.product_shop .flags li.flag.out_of_stock { right: 10px; top: 10px;}
}
@media (max-width:400px) {
.product_shop .product_desc { min-height: 265px;}
}
/***** animation opening ****
.opening { width:100%; height:0; position:fixed; left:0; top:0; background:#fff; overflow:hidden; z-index:100;}
.start_anim .opening { animation:opening 2.2s ease;}
.start_anim .opening_logo { width:240px; height:200px; background:url(images/opening.svg) 50% no-repeat; background-size:contain; position:absolute; left:50%; top:42%; transform:translate(-50%,-50%); animation:opening_logo 2.2s ease;}
.header_top.bg_seasons:before { width:100%; height:0; background:#fff; position:absolute; right:0; bottom:0; z-index:50; content:""; animation:header_top 3s ease;}
.start_anim .header_nav { animation:header_nav 3s ease;}
.start_anim .banner:before { width:0; height:100%; background:#fff; position:absolute; right:0; top:0; z-index:50; content:""; animation:banner 3.2s ease;}
@media (max-width:1000px) {
.opening_logo { width:200px;}
}
@media (max-width:600px) {
.opening_logo { width:160px;}
}
@keyframes opening {
0% { height:100%;}
75% { height:100%;}
100% { height:0;}
}
@keyframes opening_logo {
0% { opacity:0; top:52%;}
15% { opacity:0; top:52%;}
40% { opacity:1; top:42%;}
70% { opacity:1; top:42%;}
90% { opacity:0; top:32%;}
100% { opacity:0; top:32%;}
}
@keyframes header_top {
0% { height:100%;}
80% { height:100%;}
100% { height:0;}
}
@keyframes header_nav {
0% { opacity:0;}
70% { opacity:0;}
90% { opacity:1;}
100% { opacity:1;}
}
@keyframes banner {
0% { width:100%;}
70% { width:100%;}
100% { width:0;}
}*/
/***** banner *****/
.banner { width: 100%; height: 100vh; max-height: 1100px; min-height: 600px; padding-top: 120px; margin: 0 auto; position: relative; background: #fff; z-index: 50;}
.banner .slider,
.banner .slider .slick-list,
.banner .slider .slick-track,
.banner .slider .slick-slide { width:100%; height:100%; position:relative;}
.banner .slider .img { width:100%; height:100%; position:absolute; left:0; top:0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.banner .slider .img video { width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; object-fit:cover;}
.banner .slider .wrapper { top:50%; transform:translateY(-50%); text-align:right; z-index:10;}
.banner .slider .content { width:400px; display:inline-block; padding:50px 40px; background:#fff; text-align:left; position:relative; margin-top:20px;}
.banner .slider .dep { position:absolute; right:40px; top:-25px;}
.banner .slider .arrow { position:absolute; right:25px; bottom:25px; width:60px; height:40px;}
.banner .nav_slider { top:-90px;}
.banner .video { cursor:pointer;}
.banner .video:before { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); z-index:5; content:"";}
.banner .video video { width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; object-fit:cover; -object-fit:contain;}
.banner .video .content { width:100%; padding:0 40px; background:none; text-align:center; color:#fff; transition:opacity 400ms ease-in-out;}
.banner .video .link { cursor:pointer;}
.banner .video .link span { background:url(images/play.svg) 0 50% no-repeat; padding-left:30px;}
.banner .video.play:before,
.banner .video.play .content { opacity:0;}
@media (max-width:1200px) {
.banner { max-height: 820px;}
.banner .content { margin-top:0;}
}
@media (min-width:601px) {
.banner .slick-slide .wrapper { transition:opacity 800ms ease-in-out 400ms; opacity:0;}
.banner .slick-current .wrapper { opacity:1;}
}
@media (max-width:600px) {
.banner { padding-top: 80px; max-height:100%; min-height:0; height:auto; background:#fff;}
.banner .slider { max-height:none; min-height:0; height:auto; max-height: calc(80vw + 200px);}
.banner .slider .slick-list,
.banner .slider .slick-track,
.banner .slider .slick-slide { height:auto;}
.banner .slider .img { height: 80vw; position:relative; left:auto; top:auto;}
.banner .slider .wrapper { top:auto; transform:none; padding:0;}
.banner .slider .content { width:100%; padding: 25px 20px 30px 20px; margin:0;}
.banner .slider .content .sous_titre{ font-size: 16px; line-height: 24px;}
.banner .slider p { display:none;}
.banner .slider .dep { position:relative; right:auto; top:auto;}
.banner .slider .arrow { background-position:100% 50%; right:20px; bottom:30px;}
.banner .nav_slider { position:absolute; left:0; top:80vw; margin-top: 20px;}
.banner .video video { height:80vw; position:relative; left:auto; top:auto;}
.banner .video:before { display:none;}
.banner .video .wrapper { position:static;}
.banner .video .content { color:#181818; position:static; text-align:left;}
.banner .video .sous_titre { margin-bottom:0;}
.banner .video .link { width:170px; position:absolute; left:50%; top:40vw; margin:-10px 0 0 -85px; transition:opacity 400ms ease-in-out;}
.banner .video.play .content { opacity:1;}
.banner .video.play .link { opacity:0;}
}
/***** départements *****/
.departements { margin:150px 0;}
.departements .first { line-height:28px; padding-right:40px;}
.departements .first .bulle { height:50px; font-size:14px; line-height:50px; letter-spacing:0.4px; padding:0 25px; border-radius:5px; border-bottom-left-radius:0; background:#ec1c24; color:#fff; display:inline-block;}
.departements .first .bulle:after { width:0; height:0; border-style:solid; border-width:8px 8px 0 0; border-color:#ec1c24 transparent transparent transparent; display:block; margin-left:-25px; content:"";}
.departements .first .titre_main { margin:30px 0 20px 0;}
@media (max-width:1200px) {
.departements { margin:120px 0;}
.departements .first { padding-right:20px;}
}
@media (max-width:1000px) {
.departements { margin:100px 0;}
}
@media (max-width:700px) {
.departements { margin:80px 0;}
.departements .first { padding-right:0; margin-bottom:20px;}
}
@media (max-width:600px) {
.departements { margin:0;}
.departements .first { padding-right:0; margin-bottom:20px; overflow:visible;}
.departements .first .bulle { display:block; padding:0 20px; border-radius:0; margin:0 -20px 35px -20px;}
.departements .first .bulle:after { display:none;}
}
/***** catalogue *****/
.catalogue { text-align:center; padding:55px 40px; margin:150px 0;}
@media (max-width:1200px) {
.catalogue { margin:120px 0; padding:45px 40px;}
}
@media (max-width:1000px) {
.catalogue { margin:100px 0;}
}
@media (max-width:700px) {
.catalogue { margin:80px 0;}
}
@media (max-width:600px) {
.catalogue { margin:50px -20px; padding:40px 20px;}
.catalogue .sous_titre { max-width:280px; margin:0 auto 20px auto;}
}
@media (max-width:480px) {
.catalogue .sous_titre { max-width:280px; margin:0 auto 20px auto;}
}
/***** robot de jardin *****/
.robot_jardin { margin:0;}
.robot_jardin .photo { padding-right:15px;}
.robot_jardin .photo .link { position:absolute; left:30px; bottom:30px;}
.robot_jardin .texte { padding-left:65px;}
.robot_jardin .sous_titre i { width:100px; height:60px; border-radius:5px; border-bottom-left-radius:0; background:url(images/icone-robot.svg) 50% no-repeat #1e5894; position:absolute; right:0; top:-75px;}
.robot_jardin .sous_titre i:after { width:0; height:0; border-style:solid; border-width:8px 8px 0 0; border-color:#1e5894 transparent transparent transparent; position:absolute; left:0; bottom:-8px; content:"";}
.robot_jardin .services { display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:10px; margin-top:30px;}
.robot_jardin .services a { display:block; border-radius:5px; border:1px solid #ccc; text-align:center; padding:30px 0; background-image:linear-gradient(to left, #fff 0%, #fff 50%, #f4f4f4 50%, #f4f4f4 100%); background-size:200%; background-position:100% 0;}
.robot_jardin .services a span { font:500 16px/24px "Barlow"; letter-spacing:0.2px; display:block; margin-top:2px;}
@media (min-width:1201px) {
.robot_jardin .services a:hover { background-position:0 100%;}
}
@media (max-width:1200px) {
.robot_jardin>div { vertical-align:top;}
.robot_jardin .photo { padding-right:30px;}
.robot_jardin .texte { padding-left:30px;}
.robot_jardin .sous_titre i { display:none;}
.robot_jardin .services { grid-template-columns:1fr 1fr;}
}
@media (max-width:800px) {
.robot_jardin .photo { padding:0;}
.robot_jardin .texte { padding:0;}
.robot_jardin .services { grid-gap:20px;}
}
@media (max-width:600px) {
.robot_jardin .photo .link { display:none;}
.robot_jardin .services { grid-gap:10px;}
.robot_jardin .services a { padding:20px 0;}
}
@media (max-width:380px) {
.robot_jardin .services a span { font-size:13px;}
}
/***** actualites *****/
.actualites { font-size:0; margin:125px -15px; position:relative;}
.actualites .left { width:50%; display:inline-block; vertical-align:top; padding:25px 15px;}
.actualites .bg_seasons { text-align:center; padding:55px 40px; position:relative;}
.actualites .folder span { background:url(images/megaphone.svg) 0 50% no-repeat; padding-left:40px;}
.actualites .slider { width:50%; display:inline-block; vertical-align:top; padding:0 15px;}
.actualites .item { padding:25px 0;}
.actualites .item .content { width:100%; display:table; min-height:226px; position:relative; background:#f4f4f4;}
.actualites .item .content img { display:table-cell; vertical-align:middle; width:226px; height:226px; object-fit:cover;}
.actualites .item .dep { position:absolute; right:40px; top:-25px; z-index:10;}
.actualites .item .texte { display:table-cell; vertical-align:middle; font-size:15px; padding:0 40px; position:relative;}
.actualites .item .sous_titre { display:inline-block; margin-bottom:10px; font-size:18px; line-height:26px;}
.actualites .nav_slider { position:absolute; right:55px; bottom:0; z-index:10;}
.actualites .slick-arrow { border:1px solid #ccc;}
@media (min-width:1201px) {
.dep_animalerie a.sous_titre:hover { color:#f8972a;}
.dep_vegetaux a.sous_titre:hover { color:#e0306a;}
.dep_mobiliers a.sous_titre:hover { color:#84c23e;}
.dep_decoration a.sous_titre:hover { color:#913787;}
.dep_machines a.sous_titre:hover { color:#1e5894;}
.gen_jardiland a.sous_titre:hover { color:#d20c13;}
}
@media (max-width:1200px) {
.actualites { margin:95px -15px;}
.actualites .bg_seasons { padding:68px 40px;}
.actualites .bg_seasons .sous_titre { margin:0;}
.actualites .folder { display:none;}
.actualites .item .content { min-height:204px;}
.actualites .item .content img { width:204px; height:204px;}
.actualites .left { width:33.33%;}
.actualites .slider { width:66.66%;}
}
@media (max-width:1000px) {
.actualites { margin:100px 0;}
.actualites .left { width:100%; padding:0 0 30px 0;}
.actualites .bg_seasons { padding:40px;}
.actualites .bg_seasons:before { width:14px; height:14px; position:absolute; right:50%; bottom:-7px; transform:translateX(-50%) rotate(45deg); content:"";}
.actualites .slider { width:100%; padding:0;}
.actualites .item { padding:30px 0 0 0;}
.actualites .nav_slider { bottom:-25px;}
}
@media (max-width:600px) {
.actualites { margin:50px -20px;}
.actualites .left { padding:0 0 30px 0;}
.actualites .bg_seasons { padding:30px;}
.actualites .item .content { display:block; min-height:0; background:#fff; padding:0 20px;}
.actualites .item .content img { width:120px; height:auto; margin-bottom:-35px;}
.actualites .item .dep { right:20px; top:0;}
.actualites .item .texte { display:block; padding:0;}
.actualites .item .sous_titre { font-size:16px; line-height:24px; margin-top:60px;}
.actualites .nav_slider { position:relative; right:auto; bottom:auto; margin-top:25px; padding:0 20px;}
}
/***** about *****/
.about { margin:0 0 150px 0;}
.about img { min-height:100%; object-fit:cover;}
.about .first { line-height:28px; padding-right:40px; align-self:center;}
.about .first p { margin-top:20px;}
.about .first p a { font-weight:600; color:#ec1c24; display:inline-block;}
.about .catalogue { display:flex; align-items:center; justify-content:center; text-align:center; padding:45px;}
.about .bg { background:#ec1c24; height:100%;}
.about .bg .button { position:absolute; left:0; bottom:0;background-color:#ec1c24;}
.about .atouts { line-height:0;}
.about .atouts .content { width:100%; height:auto; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; text-align:center; padding:0 40px; z-index:5;}
.about .atouts p { font:italic 18px/28px "Noto Serif"; margin:25px 0;}
@media (max-width:1200px) {
.about { margin:120px 0;}
.about .first { padding-right:20px;}
}
@media (max-width:1000px) {
.about { margin:100px 0;}
.about .first { grid-row:span 2; align-self:start;}
.about .catalogue { grid-column:span 2;}
.about .catalogue br { display:none;}
}
@media (max-width:700px) {
.about { margin:80px 0;}
.about .first { padding-right:0; margin-bottom:20px;}
.about .catalogue { grid-column:span 1;}
.about .bg img { width:100%;}
.about .bg .button { width:100%; padding-left:35px; background-position:calc(100% - 35px) 50%;}
}
@media (max-width:600px) {
.about { grid-gap:0; margin:0 -20px;}
.about img { max-height:60vh; min-height:300px;}
.about .first { padding:0 20px; margin-bottom:30px; overflow:visible;}
.about .catalogue .sous_titre { max-width:280px;}
.about .bg img { height:auto;}
.about .bg .button { padding-left:20px; background-position:calc(100% - 20px) 50%; line-height:58px; height:60px;}
}
/***** footer*****/
.footer { width:100%; position:relative; font-size:0;}
.footer .wrap_footer { display:inline-block; width:95%; max-width:690px; text-align:left; padding:0 40px; position:relative;}
.footer .bg_seasons { display:inline-block; vertical-align:top; width:50%; text-align:right; padding-bottom:40px;}
.footer .bloc_footer { display:inline-block; vertical-align:top; padding:100px 0;}
.footer .bloc_footer:nth-child(2) { margin-left:80px;}
.footer .bloc_footer p { letter-spacing:0.2px; margin-bottom:15px; font-size:15px; line-height:25px;}
.footer .bloc_footer p b { font:700 20px/26px "Barlow"; letter-spacing:0.4px; display:block; padding-bottom:5px;}
.footer .bloc_footer p a { border-bottom:1px solid #222; padding-bottom:2px; }
.footer .bloc_footer .link { width:146px; text-align:center; padding:0; margin-top:15px;}
.footer .rs { display:inline-block; vertical-align:top; width:50%;}
.footer .rs .bloc_footer { margin-left:40px;}
.footer .rs p b { color:#ec1c24;}
.footer .rs a { width:50px; height:50px; border-radius:50%; display:inline-block; background:linear-gradient(to left, #ec1c24 0%, #ec1c24 50%, #d20c13 50%, #d20c13 100%); background-size:202%; background-position:100% 0; margin:0 10px 0 0;}
.footer .rs a:after { width:100%; height:100%; position:absolute; left:0; top:0; background:url(images/social.svg) no-repeat; content:"";}
.footer .rs .facebook:after { background-position:0 50%;}
.footer .rs .instagram:after { background-position:-50px 50%;}
.footer .rs .youtube:after { background-position:-100px 50%;}
.footer .rs .scroll:after { background-position:-150px 50%;}
.footer .rs .scroll { position:absolute; right:40px; top:0; border-radius:5px; margin:0;}
.footer_bottom ul { padding:20px 0; line-height:0; margin-top:-60px; position:relative;}
.footer_bottom li { display:inline-block; font-size:13px; line-height:20px; letter-spacing:0.2px; margin-right:20px; position:relative;}
.footer_bottom li:after { width:1px; height:10px; content:""; position:absolute; right:-10px; top:5px; background:#222;}
.footer_bottom li:last-child:after { display:none;}
.toponweb { display:block; z-index:85; position:absolute; right:0; bottom:0; transition:bottom 400ms ease-in-out;}
.toponweb span { width:auto; height:60px; display:block; padding:20px; background:linear-gradient(to left, #ec1c24 0%, #ec1c24 50%, #d20c13 50%, #d20c13 100%); background-size:202%; background-position:100% 0; transition:background 400ms ease-in-out;}
.toponweb img { width:70px; height:auto; display:block; margin:0 auto;}
.toponweb.show { bottom:0;}
@media (min-width:1201px) {
.bloc_footer p a:hover { border-color:transparent;}
.footer .rs a:hover,
.toponweb:hover span { background-position:0 0;}
}
@media (max-width:1300px) {
.footer .wrap_footer { width:100%;}
}
@media (max-width:1200px) {
.footer .bloc_footer:nth-child(2) { margin-left:60px;}
.footer .rs .bloc_footer { margin-left:20px;}
}
@media (max-width:1000px) {
.footer .wrap_footer { max-width:100%;}
.footer .bg_seasons { width:100%; padding-bottom:0;}
.footer .bloc_footer { padding:80px 0;}
.footer .rs { width:100%;}
.footer .rs .bloc_footer { margin-left:0;}
.footer .rs .scroll { top:auto; bottom:80px; border-radius:50%;}
.footer_bottom ul { margin-top:-20px;}
}
@media (max-width:700px) {
.footer_bottom { text-align:left;}
.footer_bottom li { display:block; margin-right:0; line-height:25px;}
.footer_bottom li:after { display:none;}
}
@media (max-width:600px) {
.footer .wrap_footer { padding:0 20px;}
.footer .bg_seasons { padding:30px 0}
.footer .bloc_footer { padding:20px 0; margin-right:60px;}
.footer .bloc_footer:nth-child(2) { margin-left:0;}
.footer .rs .bloc_footer { padding:50px 0;}
.footer .rs .scroll { bottom:50px; right:20px;}
}
#home .banner { width: 100%; height: auto; max-height: none; min-height: inherit; padding-top: 120px;}
#home .banner .slider .banner_promo a { display: block; height: 100%;}
#home .banner .slider .banner_promo picture,
#home .banner .slider .banner_promo picture img { width: 100%; height: auto; min-height: 580px; max-height: 80vh; position: relative; display: block; object-fit: cover; object-position: left center;}
#home .banner .nav_slider { top: auto; position: absolute; right: 40px; bottom: 40px; text-align: right;}
#home .banner .slick-dots { width: 100%; text-align: center; margin: 0; position: absolute; left: 0; bottom: 50px; line-height: 0;}
#home .banner .slick-dots li { display: inline-block; vertical-align: center; margin: 0 8px;}
#home .banner .slick-dots button { width: 25px; height: 4px; border-radius: 10px; display: inline-block; background: #fff; opacity: 0.5; font-size: 0; padding: 0; border: none;}
#home .banner .slick-dots .slick-active button { width: 36px; height: 6px; opacity: 1;}
@media (max-width:1000px) {
#home .banner .slider .banner_promo picture,
#home .banner .slider .banner_promo picture img { object-position: 10% 50%; max-height: inherit;}
}
@media (max-width:700px) {
#home .banner .slider .banner_promo picture,
#home .banner .slider .banner_promo picture img { min-height: inherit;}
#home .banner .nav_slider { left: auto; right: 20px; bottom: 20px;}
#home .banner .slick-dots { left: 20px; bottom: 35px; text-align: left;}
#home .banner .slick-dots li { margin: 0 10px 0 0;}
#home .banner .slick-dots button { width: 20px;}
#home .banner .slick-dots .slick-active button { width: 30px;}
}
.product_shop { border-color: #ddd; border-radius: 8px;}
.product_shop .flags li.flag { width: 140px; transform: rotate(-40deg); left: -50px; top: 0; position: relative; font-size: 11px;}
@media (max-width:700px) {
.product_shop .flags li.flag { font-size: 9px;}
}
.titre { font-size: clamp(22px, 3.2vw, 34px); font-weight: 600;}
.titre_small { font-size: clamp(18px, 2.4vw, 24px);}
.m-b { margin-bottom: clamp(10px, 2vw, 15px);}
.m-b--medium { margin-bottom: clamp(20px, 3vw, 25px);}
.m-b--large { margin-bottom: clamp(25px, 4vw, 35px);}
.m-t { margin-top: clamp(10px, 2vw, 15px);}
.m-t--medium { margin-top: clamp(20px, 3vw, 25px);}
.m-t--large { margin-top: clamp(25px, 4vw, 35px);}
.banner_small { height: auto; min-height: inherit; max-height: none;}
.banner_small picture,
.banner_small picture img { width: 100%; height: auto; min-height: 420px; max-height: 80vh; position: relative; display: block; object-fit: cover; object-position: left center;}
.banner_small .wrap { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; padding: 0 40px; margin-top: 20px;}
.banner_small .titre_main { color: #fff; font-size: clamp(40px, 5vw, 60px); line-height: 130%; margin: 0; letter-spacing: 0.6px;}
.banner_small .titre_main span { font-size: clamp(30px, 3.6vw, 40px); font-weight: 600; display: block; line-height: 140%; padding-top: 4px;}
.gen_jardiland .list_sigle li { padding-left: 56px; background: url(images/sigle.webp) 0 50% no-repeat; background-size: 40px auto; position: relative;}
.gen_jardiland .list_sigle b { display: block; font-size: 18px; font-weight: 600;}
.gen_jardiland .list_count li { background: none;}
.gen_jardiland .list_count span { color: #ec1c24; background: -webkit-linear-gradient(135deg,rgba(193, 43, 80, 1) 0%, rgba(229, 90, 37, 1) 50%, rgba(253, 229, 3, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; left: 0; top: calc(50% - 20px); line-height: 40px; font-size: 40px; font-weight: 700;}
.cta_fidelity { font-size: 18px; font-weight: 600; text-align: center; border-radius: 12px; background: #fcdb1e; padding: 10px 20px 12px 20px;}
.grid_rewards { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 60px;}
.count_pts { font-size: 18px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; border-radius: 12px; background: linear-gradient(135deg,rgba(193, 43, 80, 1) 0%, rgba(229, 90, 37, 1) 50%, rgba(253, 229, 3, 1) 100%); padding: 10px 20px 12px 20px; margin: clamp(10px, 2vw, 15px) 0;}
.rewards { text-align: center;}
.rewards .item { border: 2px solid #ccc; text-align: center; padding: 30px; border-radius: 16px; margin: 5px 0; position: relative;}
.rewards .item span { width: 26px; height: 32px; position: absolute; left: -14px; top: calc(50% - 16px); padding: 0; line-height: 30px; border-radius: 8px; margin: 0;}
.rewards .item p { margin: 0; line-height: 150%;}
.rewards .item p b { font-size: 18px; font-weight: 600; padding-bottom: 8px; display: block;}
@media (max-width:1200px) {
.banner_small .wrap { margin-top: 0;}
}
@media (max-width:1000px) {
.grid_rewards { grid-gap: 40px;}
.banner_small .titre_main { font-size: clamp(30px, 6vw, 40px);}
.banner_small .titre_main span { font-size: clamp(20px, 5vw, 30px);}
}
@media (max-width:600px) {
.gen_jardiland .list_sigle b { font-size: 17px;}
.cta_fidelity { font-size: 16px; border-radius: 10px; padding: 8px 20px 10px 20px;}
.count_pts { font-size: 15px; border-radius: 10px; padding: 8px 20px 10px 20px; letter-spacing: 0.8px;}
.grid_rewards { grid-template-columns: 1fr;}
.rewards .item { padding: 20px 35px; border-radius: 12px; margin: 5px 10px;}
}
</style>
</head>
<body class="start_anim winter_colors">
<div id="wrapper">
<!-- header -->
<header class="header" id="header">
<div class="wrapper">
<h1 class="titre_site">Jardinerie, animalerie et pépinière à <b>Gozée</b> et <b>Jumet</b></h1>
<a href="index.php" class="logo" title="Jardiland">
<img src="images/logo.svg" alt="Jardiland">
</a>
<nav class="header_nav">
<ul class="menu_top">
<li class='active'><a href="index.php" title="Accueil">Accueil</a></li>
<li><a href="magasins-jardiland.php" title="Magasins">Magasins</a>
<i></i>
<ul class="sub">
<li><a href="magasins-jardiland-gozee.php" title="Jardiland Gozée">Jardiland Gozée</a></li>
<li><a href="magasins-jardiland-jumet.php" title="Jardiland Jumet">Jardiland Jumet</a></li>
</ul>
</li>
<li><a href="actualites.php" title="Actualités">Actualités</a></li>
<li><a href="contact.php" title="Contact">Contact</a></li>
<li class="fid"><a href="programme-fidelite.php" title="Programme de fidélité">Programme de fidélité</a></li>
</ul>
<ul class="menu">
<!--<li><a href="/shop/promotions" title="SOLDES" class="promo">SOLDES</a>-->
<li><a href="jardin.php" title="Jardin">Jardin</a>
<i></i>
<ul class="sub">
<li><a href="jardin-plantes.php" title="Végétaux">Végétaux</a></li>
<li><a href="jardin-amenagement.php" title="Aménagement du jardin">Aménagement du jardin</a></li>
<li><a href="jardin-entretien.php" title="Entretien du jardin">Entretien du jardin</a></li>
</ul>
</li>
<li><a href="motoculture.php" title="Machines">Machines</a>
<i></i>
<ul class="sub">
<li><a href="motoculture-vente.php" title="Vente de matériel">Vente de matériel</a></li>
<li><a href="motoculture-robot-tondeuse.php" title="Robots de jardin">Robots de jardin</a></li>
<li><a href="machines-portatives.php" title="Machines sur batterie">Machines sur batterie</a></li>
<li><a href="motoculture-service.php" title="SAV et entretien">SAV et entretien</a></li>
</ul>
</li>
<li><a href="mobiliers.php" title="Mobiliers">Mobiliers</a>
<i></i>
<ul class="sub">
<li><a href="jardin-meubles-salons.php" title="Meubles de jardin">Meubles de jardin</a></li>
<li><a href="maison-meubles.php" title="Meubles de maison">Meubles de maison</a></li>
</ul>
</li>
<li><a href="maison.php" title="Maison">Maison</a>
<i></i>
<ul class="sub">
<li><a href="maison-art-table.php" title="Art de la table">Art de la table</a></li>
<li><a href="maison-accessoires-cuisine.php" title="Accessoires cuisine">Accessoires cuisine</a></li>
<li><a href="maison-cadeaux.php" title="Cadeaux et ambiances">Cadeaux et ambiances</a></li>
<li><a href="maison-fleurs-artificielles.php" title="Fleurs artificielles">Fleurs artificielles</a></li>
<li><a href="maison-librairie.php" title="Librairie">Librairie</a></li>
<li><a href="maison-loisirs-floral.php" title="Loisirs créatifs et art floral">Loisirs créatifs et art floral</a></li>
<li><a href="maison-luminaires.php" title="Luminaires">Luminaires</a></li>
<li><a href="maison-textiles.php" title="Textiles">Textiles</a></li>
<li><a href="maison-decoration.php" title="Décorations de saisons">Décorations de saisons</a></li>
</ul>
</li>
<li><a href="animaux.php" title="Animaux">Animaux</a>
<i></i>
<ul class="sub">
<li><a href="animaux-chiens.php" title="Chiens">Chiens</a></li>
<li><a href="animaux-chats.php" title="Chats">Chats</a></li>
<li><a href="animaux-poissons.php" title="Poissons">Poissons</a></li>
<li><a href="animaux-oiseaux.php" title="Oiseaux">Oiseaux</a></li>
<li><a href="animaux-rongeurs.php" title="Rongueurs">Rongueurs</a></li>
<li><a href="animaux-reptiles.php" title="Reptiles">Reptiles</a></li>
<li><a href="animaux-basse-cour.php" title="Basse-cour">Basse-cour</a></li>
</ul>
</li>
<li class="shop"><a href="/shop/" title="Shop en ligne">Shop en ligne</a></li>
</ul>
</nav>
<div class="menu_mobile"><div></div></div>
</div>
</header> <main id="home">
<div class="banner">
<div class="slider animate mask">
<div class="item banner_promo">
<picture>
<source media="(min-width:701px)" data-srcset="images/banner_promo_bbq.webp" type="image/webp" srcset="images/banner_promo_bbq.webp">
<img src="images/banner_promo_bbq_mobile.webp" alt="Barbecue" width="700" height="800">
</picture>
</div>
<div class="item banner_promo">
<a href="/shop/36-promotions-a-la-une" title="J'en profite sur la boutique">
<picture>
<source media="(min-width:701px)" data-srcset="images/banner_promo_robots.webp" type="image/webp" srcset="images/banner_promo_robots.webp">
<img src="images/banner_promo_robots_mobile.webp" alt="Robot tondeuse" width="700" height="800">
</picture>
</a>
</div>
<div class="item banner_promo">
<a href="programme-fidelite.php" title="J'en profite sur la boutique">
<picture>
<source media="(min-width:701px)" data-srcset="images/banner_fidelite_home.webp" type="image/webp" srcset="images/banner_fidelite_home.webp">
<img src="images/banner_fidelite_home_mobile.webp" alt="Programme de fidélité" width="700" height="800">
</picture>
</a>
</div>
<!--
<div class="item banner_promo">
<picture>
<source media="(min-width:701px)" data-srcset="images/banner_promo_vegetaux.webp" type="image/webp" srcset="images/banner_promo_vegetaux.webp">
<img src="images/banner_promo_vegetaux_mobile.webp" alt="Fleurs" width="700" height="800">
</picture>
</div>
-->
</div>
<div class="nav_slider"></div>
</div>
<div class="wrapper">
<!-- catalogue Noël -->
<!--
<div class="gen_jardiland catalogue animate mask_bottom" style="background:url(images/bckgrd_noel.jpg) 50% / cover no-repeat;">
<div class="sous_titre sized">Choisissez et retirez vos articles de Noël</div>
<a href="pdf/deploy/pdf_catalogue_noel.html" target="_blank" class="link folder" title="Catalogue Jardiland - Noël"><span>Catalogue de Noël</span></a>
</div>
-->
<!-- départements -->
<div class="grid departements">
<div class="item first animate fade_in">
<span class="bulle">Qu’est-ce que Jardiland ?</span>
<h2 class="titre_main">5 départements<br /> à votre service</h2>
<p>Notre jardinerie et magasin de jardin vous propose un large choix de produits et de services pour vos extérieures et la décoration de votre maison. Découvrez tous nos départements !</p>
</div>
<div class="item dep_animalerie animate mask">
<div class="hide">
<h3 class="sous_titre">Animalerie</h3>
<p>Retrouvez dans notre espace animalerie un large assortiment pour vos compagnons de toutes tailles: nourriture, soins, jouets, accessoires, etc.</p>
<a href="animaux.php" class="arrow" title="En savoir plus"></a>
</div>
<a href="animaux.php" title="Animalerie" class="bg">
<img src="images/home-dep-animalerie.jpg" />
<span class="button">Animalerie</span>
</a>
</div>
<div class="item dep_vegetaux animate mask">
<div class="hide">
<h3 class="sous_titre">Végétaux</h3>
<p>Envie de mettre de la verdure dans votre jardin ou dans votre intérieur : plantes, arbres, arbustes, fleurs... notre pépinière vous permettra de trouver tout ce dont vous avez besoin.</p>
<a href="jardin.php" class="arrow" title="En savoir plus"></a>
</div>
<a href="jardin.php" title="Végétaux" class="bg">
<img src="images/home-dep-vegetaux.jpg" />
<span class="button">Végétaux</span>
</a>
</div>
<div class="item dep_mobiliers animate mask">
<div class="hide">
<h3 class="sous_titre">Mobiliers</h3>
<p>Notre département mobiliers vous propose à la fois des meubles et accessoires pour votre terrasse et jardin ainsi que du mobilier pour l’aménagement des différentes pièces de votre intérieur.</p>
<a href="mobiliers.php" class="arrow" title="En savoir plus"></a>
</div>
<a href="mobiliers.php" title="Mobiliers" class="bg">
<img src="images/home-dep-mobiliers.jpg" />
<span class="button">Mobiliers</span>
</a>
</div>
<div class="item dep_decoration animate mask">
<div class="hide">
<h3 class="sous_titre">Décoration</h3>
<p>Des livres aux luminaires en passant par les loisirs créatifs et les arts de la table ou encore les textiles, venez découvrir tous nos accessoires pour la décoration de votre maison en fonction des saisons.</p>
<a href="maison.php" class="arrow" title="En savoir plus"></a>
</div>
<a href="maison.php" title="Décoration" class="bg">
<img src="images/home-dep-decoration.jpg" />
<span class="button">Décoration</span>
</a>
</div>
<div class="item dep_machines animate mask">
<div class="hide">
<h3 class="sous_titre">Machines</h3>
<p>L’entretien et l’aménagement de votre jardin nécessitent l’usage de machines et de matériel performants. Venez découvrir nos machines de grandes marques pour professionnels et particuliers.</p>
<a href="motoculture.php" class="arrow" title="En savoir plus"></a>
</div>
<a href="motoculture.php" title="Machines" class="bg">
<img src="images/home-dep-machines.jpg" />
<span class="button">Machines</span>
</a>
</div>
</div>
<!-- liste des produits du shop -->
<div class="list_shop gen_jardiland animate fade_in">
<h2 class="titre_main">Acheter en ligne</h2>
<div class="slider">
<div class="product_shop">
<a href="https://www.jardiland.be/shop//282-ensemble-salon-virginia-wood-alu-charc-mat.html" target="_blank" class="thumbnail">
<img src="shop/img/p/1/0/3/2/1032-home_default.jpg" alt="Ensemble Salon Virginia Wood-Alu Charc Mat 4 places" width="360" height="280">
</a>
<div class="product_desc">
<a href="https://www.jardiland.be/shop//282-ensemble-salon-virginia-wood-alu-charc-mat.html" target="_blank" title="Ensemble Salon Virginia Wood-Alu Charc Mat 4 places">
<h4 class="product_title">
<span class="product_brand">Jati&Kebon</span>
Ensemble Salon Virginia Wood-Alu Charc Mat 4 places </h4>
<div class="features">
<span class="feature-name">Nombres de places</span>
<span class="feature-value">4</span>
<span class="feature-name">Longueur</span>
<span class="feature-value">267 cm</span>
</div>
</a>
<div class="product_price">
<span class="regular_price">
5.499,00 €
</span>
<span class="price price_discount">
2.199,60 €
</span>
</div>
</div>
<ul class="flags">
<li class="flag discount">Promo</li>
</ul>
</div>
<div class="product_shop">
<a href="https://www.jardiland.be/shop//149-tondeuse-automatique-320-nera.html" target="_blank" class="thumbnail">
<img src="shop/img/p/3/4/8/348-home_default.jpg" alt="Tondeuse Automatique 320 NERA plug-in sans fils inclus" width="360" height="280">
</a>
<div class="product_desc">
<a href="https://www.jardiland.be/shop//149-tondeuse-automatique-320-nera.html" target="_blank" title="Tondeuse Automatique 320 NERA plug-in sans fils inclus">
<h4 class="product_title">
<span class="product_brand">Husqvarna</span>
Tondeuse Automatique 320 NERA plug-in sans fils inclus </h4>
<div class="features">
<span class="feature-name">Surface de tonte max</span>
<span class="feature-value">2200 m²</span>
<span class="feature-name">Surface de tonte conseillée</span>
<span class="feature-value">800 m²</span>
</div>
</a>
<div class="product_price">
<span class="regular_price">
3.299,00 €
</span>
<span class="price price_discount">
2.999,00 €
</span>
</div>
</div>
<ul class="flags">
<li class="flag discount">Promo</li>
</ul>
</div>
<div class="product_shop">
<a href="https://www.jardiland.be/shop//266-ensemble-repas-agra-150-200-250x90-jusqu-a-10-places-duca-graphite-gris.html" target="_blank" class="thumbnail">
<img src="shop/img/p/1/1/8/3/1183-home_default.jpg" alt="Ensemble Repas Agra 150: 200: 250x90 jusqu'à 10 pl. Duca Graphite/Gris" width="360" height="280">
</a>
<div class="product_desc">
<a href="https://www.jardiland.be/shop//266-ensemble-repas-agra-150-200-250x90-jusqu-a-10-places-duca-graphite-gris.html" target="_blank" title="Ensemble Repas Agra 150: 200: 250x90 jusqu'à 10 pl. Duca Graphite/Gris">
<h4 class="product_title">
<span class="product_brand">ProLoisirs</span>
Ensemble Repas Agra 150: 200: 250x90 jusqu'à 10 pl. Duca Graphite/Gris </h4>
<div class="features">
<span class="feature-name">Nombres de places</span>
<span class="feature-value">6</span>
<span class="feature-name">Table extensible</span>
<span class="feature-value">Oui</span>
</div>
</a>
<div class="product_price">
<span class="regular_price">
989,00 €
</span>
<span class="price price_discount">
791,20 €
</span>
</div>
</div>
<ul class="flags">
<li class="flag discount">Promo</li>
</ul>
</div>
<div class="product_shop">
<a href="https://www.jardiland.be/shop//891-taille-haies-2t-226hd75s-robuste.html" target="_blank" class="thumbnail">
<img src="shop/img/p/2/5/2/1/2521-home_default.jpg" alt="TAILLE-HAIES 2T 226HD75S ROBUSTE" width="360" height="280">
</a>
<div class="product_desc">
<a href="https://www.jardiland.be/shop//891-taille-haies-2t-226hd75s-robuste.html" target="_blank" title="TAILLE-HAIES 2T 226HD75S ROBUSTE">
<h4 class="product_title">
<span class="product_brand">Husqvarna</span>
TAILLE-HAIES 2T 226HD75S ROBUSTE </h4>
<div class="features">
<span class="feature-name">Largeur de coupe</span>
<span class="feature-value">75 cm</span>
<span class="feature-name">Niveau sonore</span>
<span class="feature-value">93 dB(A)</span>
</div>
</a>
<div class="product_price">
<span class="regular_price">
699,00 €
</span>
<span class="price price_discount">
524,25 €
</span>
</div>
</div>
<ul class="flags">
<li class="flag discount">Promo</li>
</ul>
</div>
<div class="product_shop">
<a href="https://www.jardiland.be/shop//1030-tondeuse-husqvarna-batterie-lc-137i-incl-40-c80-en-2x-40-b140.html" target="_blank" class="thumbnail">
<img src="shop/img/p/2/9/0/1/2901-home_default.jpg" alt="Tondeuse HUSQVARNA batterie LC 137I (incl. 40-C80 en 2x 40-B140)" width="360" height="280">
</a>
<div class="product_desc">
<a href="https://www.jardiland.be/shop//1030-tondeuse-husqvarna-batterie-lc-137i-incl-40-c80-en-2x-40-b140.html" target="_blank" title="Tondeuse HUSQVARNA batterie LC 137I (incl. 40-C80 en 2x 40-B140)">
<h4 class="product_title">
<span class="product_brand">Husqvarna</span>
Tondeuse HUSQVARNA batterie LC 137I (incl. 40-C80 en 2x 40-B140) </h4>
<div class="features">
<span class="feature-name">Surface de tonte max</span>
<span class="feature-value">500 m²</span>
<span class="feature-name">Hauteur de coupe</span>
<span class="feature-value">25 à 75 mm</span>
</div>
</a>
<div class="product_price">
<span class="regular_price">
599,00 €
</span>
<span class="price price_discount">
509,15 €
</span>
</div>
</div>
<ul class="flags">
<li class="flag discount">Promo</li>
</ul>
</div>
</div>
<div class="nav_slider"></div>
<a href="/shop" title="Notre shop en ligne" class="link"><span>Notre shop en ligne</span></a>
</div>
<!-- catalogue -->
<div class="bg_seasons catalogue animate mask_bottom">
<h2 class="sous_titre sized">Tout l’univers du jardin à portée de main</h2>
<a href="pdf/deploy/pdf_catalogue_jardiland.html" target="_blank" class="link folder" title="Catalogue Jardiland"><span>Catalogue Jardiland</span></a>
</div>
<!-- robot de jardin -->
<div class="photo_texte robot_jardin">
<div class="photo dep_machines animate mask">
<img src="images/home-robot-jardin.jpg" alt="Robot de jardin" />
<a href="pdf/deploy/pdf_catalogue_robot.html" target="_blank" class="link folder" title="Folder robots tondeuses"><span>Folder robots tondeuses</span></a>
</div>
<div class="texte animate fade_up">
<h2 class="sous_titre sized">Le spécialiste du robot de jardin <i></i></h2>
<p>Pour une pelouse bien tondue et en bonne état à toutes les saisons sans faire d’effort, nous vous proposons des robots tondeuses performants. En tant que spécialiste des robots de jardin nos magasins sont à votre disposition pour la réalisation d’une étude complète pour le choix de votre modèle de robot et son installation.</p>
<div class="services">
<a href="motoculture-robot-tondeuse-conseils.php" title="Étude complète">
<img src="images/icone-robot-etude.svg" alt="" />
<span>Étude complète</span>
</a>
<a href="motoculture-robot-tondeuse-installation.php" title="Installation">
<img src="images/icone-robot-installation.svg" alt="" />
<span>Installation</span>
</a>
<a href="motoculture-robot-tondeuse-fonctionnement.php" title="Fonctionnement">
<img src="images/icone-robot-fonctionnement.svg" alt="" />
<span>Fonctionnement</span>
</a>
<a href="motoculture-robot-tondeuse-entretien.php" title="Entretien">
<img src="images/icone-robot-entretien.svg" alt="" />
<span>Entretien</span>
</a>
<a href="motoculture-robot-tondeuse-avantages.php" title="Avantages">
<img src="images/icone-robot-avantages.svg" alt="" />
<span>Avantages</span>
</a>
<a href="motoculture-robot-tondeuse-modeles.php" title="Nos modèles">
<img src="images/icone-robot-modeles.svg" alt="" />
<span>Nos modèles</span>
</a>
</div>
</div>
</div>
<!-- actualités -->
<div class="actualites">
<div class="left animate mask_bottom">
<div class="bg_seasons">
<h2 class="sous_titre sized">Quoi de neuf chez Jardiland ?</h2>
<a href="actualites.php" class="link folder" title="Nos actualités"><span>Nos actualités</span></a>
</div>
</div>
<div class="slider animate fade_in">
<div class="item dep_machines">
<div class="content">
<img src="img/actualites/main/JARDILAND-Robots2025_210x270_P8-9.jpg" title="Catalogue Robots 2025 en ligne" />
<a href="actualites/8-Catalogue-Robots-2025-en-ligne" title="Machines" class="link dep">Machines</a>
<div class="texte">
<a href="actualites/8-Catalogue-Robots-2025-en-ligne" class="sous_titre">Catalogue Robots 2025 en ligne</a>
<p>Après 2023, l’année 2024 est un nouveau record de précipitations. Dans ces conditions de t...</p>
</div>
</div>
</div> </div>
<div class="nav_slider animate fade_in"></div>
</div>
</div>
</main>
<!-- blocs bas de page -->
<div class="wrapper">
<div class="grid about">
<div class="item first animate fade_in">
<h2 class="titre_main">Jardiland<br /> en quelques mots</h2>
<p>C’est dans la région de Charleroi, plus précisément à Gozée, que notre société familiale a vu le jour. Anciennement Lange Jardin Service et Vive le Jardin, c’est aujourd’hui deux magasins Jardiland et un très large un assortiment de produits, d’accessoires et de services qui sont mis à votre disposition.</p>
<p>Venez profiter de nos produits, végétaux et décoration de saisons pour agrémenter votre jardin et votre intérieur.</p>
</div>
<div class="item magasins animate mask">
<div class="hide">
<h3 class="sous_titre">Nos magasins</h3>
<p>Pour mieux vous servir quels que soient vos besoins en termes de jardinage, horticulture, robot tondeuse, animalerie ou décoration, nos deux magasins vous accueillent à Gozée et à Jumet dans un environnement agréable.</p>
<a href="magasins-jardiland.php" class="arrow" title="En savoir plus"></a>
</div>
<a href="magasins.php" title="Nos magasins" class="bg">
<img src="images/home-magasins.jpg" />
<span class="button">Nos magasins</span>
</a>
</div>
<div class="item atouts animate mask">
<div class="content">
<p>Plus de 15.000 m²<br /> d’espace</p>
<p>Services et conseils<br /> depuis 1960</p>
<p>Respect, excellence<br /> et rigueur</p>
</div>
<img src="images/home-atouts.jpg" />
</div>
</div>
</div>
<!-- footer -->
<footer id="footer" class="footer">
<div class="bg_seasons animate mask_bottom">
<div class="wrap_footer">
<div class="bloc_footer">
<p><b>Jardiland Gozée</b></p>
<p>Rue Marchienne, 104<br /> 6534 Gozée</p>
<p><a href="mailto:gozee@jardiland.be" title="gozee@jardiland.be">gozee@jardiland.be</a></p>
<a href="tel:071518860" title="071 / 51 88 60" class="link">071 / 51 88 60</a>
</div>
<div class="bloc_footer">
<p><b>Jardiland Jumet</b></p>
<p>Rue Hubert Bastin, 7<br /> 6040 Jumet</p>
<p><a href="mailto:jumet@jardiland.be" title="jumet@jardiland.be">jumet@jardiland.be</a></p>
<a href="tel:071518860" title="071 / 51 88 60" class="link">071 / 51 88 60</a>
</div>
</div>
</div>
<div class="rs">
<div class="wrap_footer animate fade_in">
<div class="bloc_footer">
<p><b>Suivez-nous</b></p>
<a href="https://www.facebook.com/JardilandJumetGozee" title="Facebook" target="_blank" class="facebook">Facebook</a>
<!-- <a href="https://www.instagram.com/jardiland_lange/" title="Instagram" target="_blank" class="instagram">Instagram</a>-->
<a href="https://www.youtube.com/channel/UCdvZlonK0HnT-1TG9KsGVkw" title="Youtube" target="_blank" class="youtube">Youtube</a>
</div>
<a href="#wrapper" title="Remonter" class="scroll">Remonter</a>
</div>
</div>
<div class="wrapper footer_bottom">
<ul>
<li>S.A. JM Lange & Fils - Jardiland</li>
<li>BE0420.901.707</li>
<li><a href="pdf/jardiland-cgv-comptoir.pdf" title="CGV comptoir">CGV comptoir</a></li>
<li><a href="plan.php" title="Plan du site">Plan du site</a></li>
<li><a href="//rgpdconsent3.toponweb.be/mentions.php" class="rgpdLink" title="Mentions légales" target="_blank">Mentions légales</a></li>
<li><a href="#" class="rgpdOpenCookieSettingsBtn" title="Gérer les cookies">Cookies</a></li>
</ul>
</div>
<a href="http://www.toponweb.be/" title="Réalisé par Toponweb" target="_blank" class="toponweb"><span><img src="images/toponweb.svg" alt="Top On Web" /></span></a>
</footer>
<!-- mentions légales -->
<style>
#rgpdBlackOverlay { display:block; position:fixed; top:0%; left: 0%; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 1000;}
#rgpdCloseBtn { margin:2% auto; width:100px; border-radius:3px; height:40px; color:#000; background:#fff; text-align:center; font:normal 14px/40px Arial; cursor:pointer;}
#rgpdLoader { margin:4% auto; margin-top:0; max-width:1140px; height:90%; background-color:#fff; z-index:1002;}
#rgpdLoader iframe { width:100%; height:100%; border:none;}
</style>
<!-- alert cookies -->
<style>
/* latin-ext */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.alertCookies { width:360px; position:fixed; bottom:2.5vw; left:2.5vw; padding:40px; background-color:#fff; z-index:999; color:#222; font:400 13px/24px "Barlow"; letter-spacing:0.6px; box-sizing:border-box; border-radius:5px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); display:none;}
.alertCookies * { box-sizing:border-box;}
.alertCookies p { margin:0 0 20px 0; color:#222; display:inline-block;}
.alertCookies p.alertCookiesTitle { font:700 30px/36px "Barlow"; letter-spacing:0.4px; margin-bottom:20px;}
.alertCookies a { position:relative; color:#222; cursor:pointer; border-bottom:1px solid #222; padding-bottom:1px; text-decoration:none;}
.alertCookies .rgpdAccept { width:100%; height:60px; font:500 16px/56px "Barlow"; letter-spacing:0.6px; background:linear-gradient(to top, #222 0%, #222 50%, #000 50%, #000 100%); background-size:100% 200%; background-position:0 100%; color:#fff !important; text-align:center; margin:6px 0 22px 0; text-decoration:none; border-radius:5px; display: inline-block; cursor: pointer; transition:background 400ms ease-in-out;}
.alertCookies .rgpdCustom { border-bottom:1px solid #222; cursor: pointer;}
.alertCookiesContainer { position:fixed; background:rgba(24,24,24,0.8); top:0; left:0; width:100%; height:100%; overflow-y:scroll; z-index:998; display:none;}
.alertCookiesContainer::-webkit-scrollbar { display:none;}
.gridCookies { display:grid; align-items:center; min-height:100%; padding:0 7.5vw;}
.cookieSettings { width:100%; max-width:600px; position:static; margin:5vw auto; display:block; padding:50px;}
.cookieSettings p.alertCookiesTitle { font-size:21px; line-height:30px; margin:-5px 0 30px 0;}
.cookieSettings .rgpdSaveSettings { margin-bottom:0;}
.cookieSettings .rgpdCookieItem { display:block; clear:both; margin:0 0 5px 0;}
.cookieSettings input[type=checkbox]{ -webkit-appearance:checkbox; -ms-appearance:checkbox; appearance:checkbox; -moz-appearance:checkbox; -o-appearance:checkbox; width:20px; height:20px !important; display:block; float:left; padding:0; margin:0;}
.cookieSettings label { display:block; margin:0 0 15px 0; padding:0 0 0 30px; float:none; width:auto; height:auto; pointer-events:inherit; font:700 16px/20px "Barlow"; letter-spacing:0.4px;}
@media (min-width:1201px) {
.alertCookies .rgpdAccept:hover { background-position:0 0;}
}
@media (max-width:600px) {
.alertCookies { padding:7.5vw; bottom:0; left:0; width:100%; border-radius:0;}
.alertCookies p.alertCookiesTitle { font-size:20px; line-height:26px; margin:5px 0 15px 0; display:block;}
.alertCookies p { margin-bottom:15px;}
.alertCookies .rgpdAccept { height:auto; font-size:13px; line-height:46px; margin:10px 0 20px 0; letter-spacing:0.8px;}
.cookieSettings { border-radius:5px; margin:10vw auto;}
.cookieSettings p.alertCookiesTitle { font-size:18px; line-height:26px; margin:0 0 25px 0;}
.cookieSettings .rgpdSaveSettings { margin:5px 0 0 0;}
}
</style>
<script type="text/javascript">
//Consent mode update for rgpd_accept function to take more parameters
function rgpd_accept(choice, adStorage, adUserData, adPersonalization, pixel, fade = true)
{
$("<div id='setCookieContainer' style='display:none'></div>").insertAfter("#rgpdInsertTarget");
$("#setCookieContainer").load("footer.php?rgpdAccept=" + choice + "&rgpdAcceptAdStorage=" + adStorage + "&rgpdAcceptAdUserData=" + adUserData + "&rgpdAcceptAdPersonalization=" + adPersonalization + "&rgpdAcceptPixel=" + pixel + "&nocache=1786377898");
if (fade)
$(".alertCookiesContainer,.alertCookies").fadeOut(400);
//Send consent to dataLayer
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('consent', 'update', {
'ad_storage': (adStorage == 1) ? 'granted' : 'denied',
'ad_user_data': (adUserData == 1) ? 'granted' : 'denied',
'ad_personalization': (adPersonalization == 1) ? 'granted' : 'denied',
'analytics_storage': (choice == 1) ? 'granted' : 'denied'
});
}
function rgpd_init()
{
$(".alertCookies .rgpdAccept").click(function () {
rgpd_accept(1, 1, 1, 1, 1);
});
$(".alertCookies .rgpdCustom,.rgpdOpenCookieSettingsBtn").click(function (e) {
$(".alertCookies").remove();
e.preventDefault();
$("<div class='alertCookiesContainer' style='display:block'><div class='gridCookies'><div class='alertCookies cookieSettings'><p class='alertCookiesTitle'>Paramétrer les cookies</p><div class='rgpdCookieItem'><input type='checkbox' disabled checked /><label>Les cookies nécessaires</label><p>Nécessaires au bon fonctionnement technique du site, ces cookies ne peuvent pas être refusés. Concernant les cookies analytiques, ils nous permettent d'améliorer la performance du site en mesurant le nombre de visites et les sources de trafic. Les données collectées sont anonymes.</p></div><div class='rgpdCookieItem'><input type='checkbox' id='acceptAdStorage' " + (document.cookie.search("acceptAdStorage=1") >= 0 ? "checked" : "") + " /><label for='acceptAdStorage'>Les cookies publicitaires</label><p>Ils permettent le stockage de fichiers utilisés pour suivre et mesurer les comportements en ligne à des fins publicitaires. Ils peuvent être refusés.</p></div><div class='rgpdCookieItem'><input type='checkbox' id='acceptAdUserData' " + (document.cookie.search("acceptAdUserData=1") >= 0 ? "checked" : "") + " /><label for='acceptAdUserData'>Les données utilisateur liées à la publicité</label><p>Elles permettent le partage à Google de fichiers utilisés pour suivre et mesurer les comportements en ligne à des fins publicitaires. Elles peuvent être refusées.</p></div><div class='rgpdCookieItem'><input type='checkbox' id='acceptAdPersonalization' " + (document.cookie.search("acceptAdPersonalization=1") >= 0 ? "checked" : "") + " /><label for='acceptAdPersonalization'>La personnalisation de la publicité</label><p>Elle adapte les contenus publicitaires selon les comportements et intérêts des utilisateurs. Elle peut être refusée.</p></div><div class='rgpdCookieItem'><input type='checkbox' id='acceptPixel' " + (document.cookie.search("acceptPixel=1") >= 0 ? "checked" : "") + " /><label for='acceptPixel'>Le Pixel de suivi</label><p>Le pixel permet aux réseaux sociaux de suivre votre navigation et de créer des audiences selon vos intérêts. Il peut être refusé.</p></div><div class='alertCookiesActions'><a class='rgpdAccept rgpdSaveSettings' title='Enregistrer mes préférences'>Enregistrer mes préférences</a></div></div></div>").insertAfter("#rgpdInsertTarget");
$(".rgpdSaveSettings").click(function (e) {
rgpd_accept(1, $("#acceptAdStorage").is(":checked") ? 1 : 0, $("#acceptAdUserData").is(":checked") ? 1 : 0, $("#acceptAdPersonalization").is(":checked") ? 1 : 0, $("#acceptPixel").is(":checked") ? 1 : 0);
$("#rgpdBlackOverlay").remove();
});
$("#rgpdCloseBtn").click(function (e) {
$("#rgpdBlackOverlay").remove();
});
$("#rgpdBlackOverlay").click(function (e) {
if (e.target === e.currentTarget)
$(this).remove();
});
});
$(".rgpdLink").click(function (e) {
e.preventDefault();
$("<div id='rgpdBlackOverlay'><div id='rgpdCloseBtn'>Fermer</div><div id='rgpdLoader'><iframe src='" + $(this).attr("href") + "'></iframe></div></div>").insertAfter("#rgpdInsertTarget");
$("#rgpdBlackOverlay").click(function (e) {
$(this).remove();
});
});
if (document.cookie.search("acceptCookiesV2=") < 0)
{
$(".alertCookies").delay(500).fadeIn(500);
}
}
window.onload = function (e) {
if (!window.jQuery)
{
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "//rgpdconsent3.toponweb.be/js/jquery.min.js";
script.onload = function () {
rgpd_init();
};
document.getElementsByTagName('head')[0].appendChild(script);
} else
rgpd_init();
}
</script>
<div id="rgpdInsertTarget"></div>
<div class="alertCookies">
<p class='alertCookiesTitle'>Ce site utilise des cookies</p><p>Nous utilisons des cookies pour assurer le bon fonctionnement du site. Vous pouvez consulter nos <a class='rgpdLink' href='//rgpdconsent3.toponweb.be/mentions.php#cookies' title='Mentions légales' target='_blank'>mentions légales</a> et notre <a class='rgpdLink' href='//rgpdconsent3.toponweb.be/confidentialite.php' title='Politique de confidentialité' target='_blank'>politique de confidentialité</a> pour plus d'informations.</p><div class='alertCookiesActions'><span title='Accepter' class='rgpdAccept'>Accepter les cookies</span><span title='Paramétrer' class='rgpdCustom'>Paramétrer ou refuser les cookies</span><br><a href='https://business.safety.google/intl/fr/privacy/' target='blank' title='Plus d'>Plus d'informations sur l'utilisation de vos données personnelles</a></div> </div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript">
$('.banner .slider').slick({
infinite: true,
dots: true,
autoplaySpeed: 5000,
autoplay: true,
speed: 500,
cssEase: 'linear',
arrows: true,
appendArrows: '.banner .nav_slider',
pauseOnHover: true,
slidesToShow: 1,
fade: true,
responsive: [
{
breakpoint: 601, settings: {adaptiveHeight: true}
}
]
});
$('.list_shop .slider').slick({
infinite: true,
dots: false,
autoplaySpeed: 5000,
autoplay: false,
speed: 500,
cssEase: 'linear',
arrows: true,
appendArrows: '.list_shop .nav_slider',
pauseOnHover: true,
slidesToShow: 4,
responsive: [
{
breakpoint: 1201,
settings: { slidesToShow: 3 }
},{
breakpoint: 1001,
settings: { slidesToShow: 2 }
},{
breakpoint: 601,
settings: { variableWidth: true }
}
]
});
$('.actualites .slider').slick({
infinite: true,
dots: false,
autoplaySpeed: 5000,
autoplay: false,
speed: 500,
cssEase: 'linear',
arrows: true,
appendArrows: '.actualites .nav_slider',
pauseOnHover: true,
slidesToShow: 1,
fade: false
});
var my_video = document.getElementById("video");
function play_pause() {
if (my_video.paused)
my_video.play(),
$(".video").addClass("play");
else
my_video.pause(),
$(".video").removeClass("play");
if (my_video.stop)
$(".video").removeClass("play");
}
my_video.onended = function () {
$(".video").removeClass("play");
};
</script>
<script>
// Define dataLayer and the gtag function.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Set default consent to 'denied' as a placeholder
// Determine actual values based on your own requirements
gtag('consent', 'default', {
ad_storage: 'denied',
ad_user_data: 'denied',
ad_personalization: 'denied',
analytics_storage: 'granted',
wait_for_update: 1000 // milliseconds to wait for update
});
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W38PMP6');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W38PMP6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript">
gtag('consent', 'update', {
'ad_storage': (document.cookie.search("acceptAdStorage=1") >= 0) ? 'granted' : 'denied',
'ad_user_data': (document.cookie.search("acceptAdUserData=1") >= 0) ? 'granted' : 'denied',
'ad_personalization': (document.cookie.search("acceptAdPersonalization=1") >= 0) ? 'granted' : 'denied',
'analytics_storage': 'granted'
});
</script> </body>
</html>
