<!doctype html>
<html lang="fr">
<head >
<meta charset="utf-8"/>
<meta name="title" content="Myrtillier : conseils de plantation, taille et entretien"/>
<meta name="description" content="Conseils pour avoir des myrtilles au jardin : plantation, taille, et entretien des myrtilliers. Par les spécialistes du jardinage Meilland Richardier. La variété de myrtille Blue Crop est insensible aux maladies, très productive et autofertile, et ses fruits sont savoureux et parfumés. Les premiers fruits apparaissent généralement dès la deuxième année de plantation."/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Myrtillier : conseils de plantation, taille et entretien</title>
<link rel="stylesheet" type="text/css" media="all" href="https://www.meillandrichardier.com/static/version1766071907/_cache/merged/2b1de34adcfebc612719a6ecee232988.min.css" />
<script type="text/javascript" src="https://www.meillandrichardier.com/static/version1766071907/_cache/merged/288232ab10d1a1b7cd908fa63ad4efcf.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Figtree:wght@300;400;500;600;700;800&display=swap" />
<link rel="icon" type="image/x-icon" href="https://www.meillandrichardier.com/media/favicon/stores/2/favicon-mr.png" />
<link rel="shortcut icon" type="image/x-icon" href="https://www.meillandrichardier.com/media/favicon/stores/2/favicon-mr.png" />
<link rel="canonical" href="https://www.meillandrichardier.com/myrtilliers-conseils-plantation-taille-entretien" />
<!-- NO Pixel ID is configured, please goto Admin --> <script type="text/javascript"> console.log('No Meta pixel is configured, please log in as a admin and then visit Stores -> Meta -> Setup -> Get Started');</script> <!--Custom Style--> <script>
var ga4IsGtm = false;
var ga4IsTrackVariant = 0;
var productImpressions = [];
var promoImpressions = [];
</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-ZXNH124197"></script><script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
var options = {"currency":"EUR"};
if (typeof window.ga4Options === 'object' && window.ga4Options !== null) {
options = Object.assign(options, window.ga4Options);
}
gtag(
'config',
'G-ZXNH124197',
options
);
</script><script>
</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@graph":[]}</script> <script>
var BASE_URL = 'https://www.meillandrichardier.com/';
var THEME_PATH = 'https://www.meillandrichardier.com/static/version1766071907/frontend/Meilland/hyva/fr_FR';
var COOKIE_CONFIG = {
"expires": null,
"path": "\u002F",
"domain": ".www.meillandrichardier.com",
"secure": true,
"lifetime": "86400",
"cookie_restriction_enabled": false };
var CURRENT_STORE_CODE = 'meilland_fr';
var CURRENT_WEBSITE_ID = '2';
window.hyva = window.hyva || {}
window.cookie_consent_groups = window.cookie_consent_groups || {}
window.cookie_consent_groups['necessary'] = true;
window.cookie_consent_config = window.cookie_consent_config || {};
window.cookie_consent_config['necessary'] = [].concat(
window.cookie_consent_config['necessary'] || [],
[
'user_allowed_save_cookie',
'form_key',
'mage-messages',
'private_content_version',
'mage-cache-sessid',
'last_visited_store',
'section_data_ids'
]
);</script> <script>
'use strict';
(function( hyva, undefined ) {
function lifetimeToExpires(options, defaults) {
const lifetime = options.lifetime || defaults.lifetime;
if (lifetime) {
const date = new Date;
date.setTime(date.getTime() + lifetime * 1000);
return date;
}
return null;
}
function generateRandomString() {
const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
length = 16;
let formKey = '',
charactersLength = allowedCharacters.length;
for (let i = 0; i < length; i++) {
formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
}
return formKey;
}
const sessionCookieMarker = {noLifetime: true}
const cookieTempStorage = {};
const internalCookie = {
get(name) {
const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
return v ? v[2] : null;
},
set(name, value, days, skipSetDomain) {
let expires,
path,
domain,
secure,
samesite;
const defaultCookieConfig = {
expires: null,
path: '/',
domain: null,
secure: false,
lifetime: null,
samesite: 'lax'
};
const cookieConfig = window.COOKIE_CONFIG || {};
expires = days && days !== sessionCookieMarker
? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
: lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
path = cookieConfig.path || defaultCookieConfig.path;
domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
secure = cookieConfig.secure || defaultCookieConfig.secure;
samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
document.cookie = name + "=" + encodeURIComponent(value) +
(expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
(path ? '; path=' + path : '') +
(domain ? '; domain=' + domain : '') +
(secure ? '; secure' : '') +
(samesite ? '; samesite=' + samesite : 'lax');
},
isWebsiteAllowedToSaveCookie() {
const allowedCookies = this.get('user_allowed_save_cookie');
if (allowedCookies) {
const allowedWebsites = JSON.parse(unescape(allowedCookies));
return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
}
return false;
},
getGroupByCookieName(name) {
const cookieConsentConfig = window.cookie_consent_config || {};
let group = null;
for (let prop in cookieConsentConfig) {
if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
if (cookieConsentConfig[prop].includes(name)) {
group = prop;
break;
}
}
return group;
},
isCookieAllowed(name) {
const cookieGroup = this.getGroupByCookieName(name);
return cookieGroup
? window.cookie_consent_groups[cookieGroup]
: this.isWebsiteAllowedToSaveCookie();
},
saveTempStorageCookies() {
for (const [name, data] of Object.entries(cookieTempStorage)) {
if (this.isCookieAllowed(name)) {
this.set(name, data['value'], data['days'], data['skipSetDomain']);
delete cookieTempStorage[name];
}
}
}
};
hyva.getCookie = (name) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
}
return internalCookie.get(name);
}
hyva.setCookie = (name, value, days, skipSetDomain) => {
const cookieConfig = window.COOKIE_CONFIG || {};
if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
cookieTempStorage[name] = {value, days, skipSetDomain};
return;
}
return internalCookie.set(name, value, days, skipSetDomain);
}
hyva.setSessionCookie = (name, value, skipSetDomain) => {
return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
}
hyva.getBrowserStorage = () => {
const browserStorage = window.localStorage || window.sessionStorage;
if (!browserStorage) {
console.warn('Browser Storage is unavailable');
return false;
}
try {
browserStorage.setItem('storage_test', '1');
browserStorage.removeItem('storage_test');
} catch (error) {
console.warn('Browser Storage is not accessible', error);
return false;
}
return browserStorage;
}
hyva.postForm = (postParams) => {
const form = document.createElement("form");
let data = postParams.data;
if (! postParams.skipUenc && ! data.uenc) {
data.uenc = btoa(window.location.href);
}
form.method = "POST";
form.action = postParams.action;
Object.keys(postParams.data).map(key => {
const field = document.createElement("input");
field.type = 'hidden'
field.value = postParams.data[key];
field.name = key;
form.appendChild(field);
});
const form_key = document.createElement("input");
form_key.type = 'hidden';
form_key.value = hyva.getFormKey();
form_key.name="form_key";
form.appendChild(form_key);
document.body.appendChild(form);
form.submit();
}
hyva.getFormKey = function () {
let formKey = hyva.getCookie('form_key');
if (!formKey) {
formKey = generateRandomString();
hyva.setCookie('form_key', formKey);
}
return formKey;
}
hyva.formatPrice = (value, showSign, options = {}) => {
const groupSeparator = options.groupSeparator;
const decimalSeparator = options.decimalSeparator
delete options.groupSeparator;
delete options.decimalSeparator;
const formatter = new Intl.NumberFormat(
'fr\u002DFR',
Object.assign({
style: 'currency',
currency: 'EUR',
signDisplay: showSign ? 'always' : 'auto'
}, options)
);
return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
formatter.formatToParts(value).map(({type, value}) => {
switch (type) {
case 'currency':
return '\u20AC' || value;
case 'minusSign':
return '- ';
case 'plusSign':
return '+ ';
case 'group':
return groupSeparator !== undefined ? groupSeparator : value;
case 'decimal':
return decimalSeparator !== undefined ? decimalSeparator : value;
default :
return value;
}
}).reduce((string, part) => string + part) :
formatter.format(value);
}
const formatStr = function (str, nStart) {
const args = Array.from(arguments).slice(2);
return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
const idx = parseInt(n) - nStart;
if (args[idx] === null || args[idx] === void 0) {
return m;
}
return p.length % 2
? p.slice(0, -1).replace('%%', '%') + args[idx]
: p.replace('%%', '%') + n;
})
}
hyva.str = function (string) {
const args = Array.from(arguments);
args.splice(1, 0, 1);
return formatStr.apply(undefined, args);
}
hyva.strf = function () {
const args = Array.from(arguments);
args.splice(1, 0, 0);
return formatStr.apply(undefined, args);
}
/**
* Take a html string as `content` parameter and
* extract an element from the DOM to replace in
* the current page under the same selector,
* defined by `targetSelector`
*/
hyva.replaceDomElement = (targetSelector, content) => {
const parser = new DOMParser();
const doc = parser.parseFromString(content, 'text/html');
const contentNode = doc.querySelector(targetSelector);
if (!contentNode || !document.querySelector(targetSelector)) {
return;
}
hyva.activateScripts(contentNode);
document.querySelector(targetSelector).replaceWith(contentNode);
window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
hyva.initMessages();
}
hyva.removeScripts = (contentNode) => {
const scripts = contentNode.getElementsByTagName('script');
for (let i = 0; i < scripts.length; i++) {
scripts[i].parentNode.removeChild(scripts[i]);
}
const templates = contentNode.getElementsByTagName('template');
for (let i = 0; i < templates.length; i++) {
const container = document.createElement('div');
container.innerHTML = templates[i].innerHTML;
hyva.removeScripts(container);
templates[i].innerHTML = container.innerHTML;
}
}
hyva.activateScripts = (contentNode) => {
const scripts = Array.from(contentNode.getElementsByTagName('script'));
for (const original of scripts) {
const script = document.createElement('script');
original.type && (script.type = original.type);
script.innerHTML = original.innerHTML;
original.parentNode.removeChild(original)
document.head.appendChild(script);
}
return contentNode;
}
const replace = {['+']: '-', ['/']: '_', ['=']: ','};
hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
let currentTrap;
const focusableElements = (rootElement) => {
const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
return Array.from(rootElement.querySelectorAll(selector))
.filter(el => {
return el.style.display !== 'none'
&& !el.disabled
&& el.tabIndex !== -1
&& (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
})
}
const focusTrap = (e) => {
const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
if (!isTabPressed) return;
const focusable = focusableElements(currentTrap)
const firstFocusableElement = focusable[0]
const lastFocusableElement = focusable[focusable.length - 1]
e.shiftKey
? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
: document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
};
hyva.releaseFocus = (rootElement) => {
if (currentTrap && (!rootElement || rootElement === currentTrap)) {
currentTrap.removeEventListener('keydown', focusTrap)
currentTrap = null
}
}
hyva.trapFocus = (rootElement) => {
if (!rootElement) return;
hyva.releaseFocus()
currentTrap = rootElement
rootElement.addEventListener('keydown', focusTrap)
const firstElement = focusableElements(rootElement)[0]
firstElement && firstElement.focus()
}
hyva.safeParseNumber = (rawValue) => {
const number = rawValue ? parseFloat(rawValue) : null;
return Array.isArray(number) || isNaN(number) ? rawValue : number;
}
const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {
const camelCase = toCamelCase(name);
const key = '__hyva_bool_' + name
return new Proxy(Object.assign(
additionalMethods,
{
[key]: !!value,
[name]() {return !!this[key]},
['!' + name]() {return !this[key]},
['not' + camelCase]() {return !this[key]},
['toggle' + camelCase]() {this[key] = !this[key]},
[`set${camelCase}True`]() {this[key] = true},
[`set${camelCase}False`]() {this[key] = false},
}
), {
set(target, prop, value) {
return prop === name
? (target[key] = !!value)
: Reflect.set(...arguments);
}
})
}
hyva.alpineInitialized = (fn) => {
const initAlpine = window.deferLoadingAlpine || ((callback) => callback())
window.deferLoadingAlpine = (callback) => {
initAlpine(callback)
Promise.resolve().then(() => fn())
}
}
window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
}( window.hyva = window.hyva || {} ));</script> <script>
if (!window.IntersectionObserver) {
window.IntersectionObserver = function (callback) {
this.observe = el => el && callback(this.takeRecords());
this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
this.disconnect = () => {};
this.unobserve = () => {};
}
}</script> <script>
function deepMerge(target, ...sources) {
if (!sources.length) {
return target;
}
const source = sources.shift();
if (typeof target !== 'object' || typeof source !== 'object') {
return target;
}
for (let key in source) {
if (source.hasOwnProperty(key)) {
if (source[key] instanceof Array) {
target[key] = target[key] || [];
target[key] = target[key].concat(source[key]);
} else if (typeof source[key] === 'object') {
target[key] = deepMerge(target[key] || {}, source[key]);
} else {
target[key] = source[key];
}
}
}
return deepMerge(target, ...sources);
}
function amastyRewardsProduct() {
return {
captionStartText: 'Vous\u0020pouvez\u0020gagner',
captionAfterText: '',
captionRegistrationText: 'Pour\u0020l\u0027inscription\u0021',
captionEndText: '',
productId: this.$el.dataset.productId,
formSelector: 'product_addtocart_form',
form: null,
refreshUrl: this.$el.dataset.refreshUrl,
loader: false,
isFetching: false,
abortFetchController: false,
highlight: {
registration_link: '',
caption_color: '',
caption_text: '0',
visible: false
},
init() {
this.formObserver();
document.addEventListener(`update-qty-${this.productId}`, () => {
this.updateData();
});
window.addEventListener('update-bundle-option-selection', () => {
this.updateData();
});
this.$nextTick(() => this.updateData());
},
hideBlock() {
this.highlight.visible = false;
this.loader = true;
},
dispatchStatus(type, message) {
window.dispatchMessages([{
type: type,
text: message
}], 5000);
},
formObserver() {
const product = document.querySelector(`input[name='product'][value='${this.productId}']`);
if (product) {
const productForm = product.form;
if (productForm) {
productForm.addEventListener('change', () => {
this.updateData();
});
}
}
},
updateData() {
if (this.isFetching) {
return false;
}
if (!this.refreshUrl) {
this.loader = false;
return false;
}
this.hideBlock();
if (this.abortFetchController) {
this.abortFetchController.abort();
}
this.abortFetchController = new AbortController();
const product = document.querySelector(`input[name='product'][value='${this.productId}']`);
let formParams = '';
if (!product) {
formParams = 'form_key=' + hyva.getFormKey() + '&product=' + this.productId;
} else {
const form = product.form;
const formData = new FormData(form);
formParams = new URLSearchParams(formData).toString();
}
const formJson = JSON.stringify({
page: 0,
productId: this.productId,
attributes: formParams
});
const requestOptions = {
method: 'POST',
body: formJson,
headers: {
'Content-Type': 'application/json',
'x-requested-with': 'XMLHttpRequest',
},
signal: this.abortFetchController.signal
};
this.isFetching = true;
fetch(this.refreshUrl, requestOptions).then(response => {
if (!response.ok) {
return Promise.reject(`${response.status} ${response.statusText}`);
}
return response.json();
}).then((data) => {
this.highlight.visible = data.visible;
this.highlight.caption_text = data.caption_text;
this.highlight.caption_color = data.caption_color;
if (data?.registration_link) {
this.highlight.registration_link = data.registration_link;
}
if (data?.need_to_change_message && data?.need_to_change_message === 1) {
this.captionAfterText = 'for\u0020making\u0020a\u0020purchase\u0021\u0020Available\u0020for';
this.captionRegistrationText = 'registered';
this.captionEndText = 'customers\u0020only.';
}
}).catch(error => {
if (error.name !== 'AbortError' && typeof error === 'string' && error.match(/'401'/g) !== null) {
this.dispatchStatus('error', error);
}
}).finally(() => {
this.loader = false;
this.isFetching = false;
});
},
highlightCaptionText() {
return this.highlight.caption_text !== '0' && !this.loader;
},
highlightStyle() {
return `color: ${this.highlight.caption_color}`;
},
isHighlightRegistrationLink() {
return this.highlight.registration_link && this.highlight.registration_link !== '';
},
isNotRegistrationLink() {
return !this.highlight.registration_link;
},
highlightVisible() {
return this.highlight.visible && !this.loader;
}
}
}
window.addEventListener(
'alpine:init',
() => Alpine.data('amastyRewardsProduct', amastyRewardsProduct),
{ once: true }
);</script></head>
<body id="html-body" class="cms-myrtilliers-conseils-plantation-taille-entretien cms-page-view page-layout-1column">
<script>
console.warn(
`Crisp chatbox is installed but not configured -
To enable the chatbox please login to your store as
admin then go to: Stores > Settings > Configuration
> Crisp > Settings and configure your Crisp websiteID.`
);</script><div class="mst-gdpr__cookie-bar-wrapper"
id="gdprCookieBar"
x-data="initMstGdprCookieBar()"
x-init="initDisplay()"
>
<div class="fixed z-modal inset-x-0 bottom-0 flex max-w-full translate-y-full bg-white border-t-2 border-border transition-transform duration-700 ease-out"
:class="{'opacity-70': isLoading, 'translate-y-0': isBarVisible, 'translate-y-full': !isBarVisible}"
>
<div class="container">
<div class="flex flex-col xl:flex-row items-center justify-center gap-2 p-4 lg:p-8"
x-show="isBarVisible"
>
<div class="consent-text text-sm lg:text-base">
Les cookies nous aident à vous offrir une expérience de navigation personnalisée et mesurer notre audience. Vous pouvez les paramétrer à tout moment et consulter notre politique de confidentialité. <p class="mb-4">
<a href="https://www.meillandrichardier.com/protection-des-donnees/"
class="underline"
title="Lire notre politique"
>
Lire notre politique </a>
</p>
</div>
<div class="mst-gdpr__buttons flex flex-col lg:flex-row gap-2 md:gap-4">
<button type="button"
class="action btn btn-secondary justify-center text-sm w-auto m-0"
x-bind:class="{'opacity-0': isLoading}"
@click="openSettings">
<span>Paramétrer</span>
</button>
<button class="action btn btn-primary justify-center text-sm w-auto m-0"
data-trigger-settings="agree"
x-bind:class="{'opacity-0': isLoading}"
@click="handleAllow(1)"><span>Accepter</span></button>
<button
class="action btn btn-secondary justify-center text-sm w-auto m-0"
data-trigger-settings="agree"
x-bind:class="{'opacity-0': isLoading}"
@click="handleDecline"><span>Refuser</span></button>
</div>
</div>
</div>
<div class="mst-gdpr__cookie-bar-overlay bg-white fixed h-full left-0 opacity-60 top-0 w-full z-40"
style="display: none"
id="gdprCookieBarOverlay" x-show="isScreenLocked"
>
</div>
</div>
</div>
<script>
function initMstGdprCookieBar() {
'use strict';
const cookieGroupName = 'gdpr_cookie_groups';
const consentCookieName = 'gdpr_cookie_consent'
return {
isLoading: false,
isBarVisible: false,
isScreenLocked: false,
initDisplay: function () {
!hyva.getCookie(cookieGroupName) || !hyva.getCookie(consentCookieName)
? this.show()
: this.hide();
window.addEventListener('mst-gdpr-cookie-settings-save', () => {
this.handleAllow();
})
},
show: function () {
this.isBarVisible = true;
this.isScreenLocked = window.location.href.indexOf('cookie') === -1 && 0;
if (this.isScreenLocked) {
document.querySelector('body').style.overflow = 'hidden';
}
},
hide: function () {
this.isBarVisible = false;
this.isScreenLocked = false;
document.querySelector('body').style.overflowY = 'auto';
document.querySelector('body').style.overflowX = 'clip';
},
handleAllow: function (agreeAll) {
this.isLoading = true;
let checkedGroups = [];
if (agreeAll) {
checkedGroups = document.querySelectorAll('.cookie-group-container .checkbox');
} else {
checkedGroups = document.querySelectorAll('.cookie-group-container .checkbox:checked');
}
const checked = Array.from(checkedGroups || []);
const body = checked.reduce((body, item) => {
body.append('group_ids[]', item.dataset.groupId);
return body;
}, new URLSearchParams({form_key: hyva.getFormKey()}))
fetch('https://www.meillandrichardier.com/gdpr_cookie/cookie/allow/', {
method: 'post',
body: body,
headers: {contentType: 'application/x-www-form-urlencoded; charset=UTF-8'}
})
.then(() => this.hide())
.finally(() => this.isLoading = false)
},
handleDecline: function () {
this.isLoading = true;
const body = new URLSearchParams({form_key: hyva.getFormKey()});
fetch('https://www.meillandrichardier.com/gdpr_cookie/cookie/decline/', {
method: 'post',
body: body,
headers: {contentType: 'application/x-www-form-urlencoded; charset=UTF-8'}
})
.then(() => this.hide())
.finally(() => this.isLoading = false)
},
openSettings: function () {
window.dispatchEvent(new CustomEvent('mst-gdpr-cookie-settings-open'));
}
};
}
</script> <script>
(function (config) {
function deleteDisallowedCookies() {
if (!hyva.getCookie(config.consentCookieName)) {
return;
}
const allowedGroups = unescape(hyva.getCookie(config.groupCookieName)).split(',');
const groupIds = Object.keys(config.groups || {});
const disallowedGroupIds = groupIds.filter(groupId => !allowedGroups.includes(groupId));
setInterval(() => {
disallowedGroupIds.forEach(groupId => {
config.groups[groupId].forEach(cookieCode => hyva.setCookie(cookieCode, '', -1));
});
}, 5000);
}
window.addEventListener('DOMContentLoaded', deleteDisallowedCookies, {once: true});
})({"groups":{"2":["AdWords","__Secure-3PSIDCC","SIDCC","__Secure-1PAPISID","SAPISID","SSID","__Secure-3PSIDD","__Secure-1PSIDD","__Secure-1PSIDTS","HSID","APISID","__Secure-1PSIDCC","__Secure-3PSIDTS","__Secure-3PAPISID","SID","_ga","SOCS"],"1":["Toky","user_allowed_save_cookie","intercom-device-id-cv6ld8kq","__cf_bm","intercom-id-cv6ld8kq","private_content_version","visitor_country","form_key","PHPSESSID","last_visited_store","CONSENT","section_data_ids"],"3":["_ga_RQXSGJFQ59","_ga_GJH9RGDDP5","_ga_X6LMX9VR0Y","_gid","_ga_4BXXKZJZTZ","_gcl_au","SEARCH_SAMESITE","_ga_1LGNSX0EVM","_ga_B8SKQ9HHPZ","_ga_Z574RD7GDB"]},"groupCookieName":"gdpr_cookie_groups","consentCookieName":"gdpr_cookie_consent"})</script>
<div x-data="initGdprSettingsModal()"
x-init="init"
class="relative z-modal"
>
<div class="fixed w-full h-full flex items-center justify-center" x-show="open">
<div class="absolute bg-black h-full opacity-50 w-full" x-on:click="close"
style="display: none"
x-show="open">
</div>
<div class="bg-white border border-gray-200 content h-full lg:max-w-4xl max-w-sm md:h-4/6 md:max-w-md overflow-auto overscroll-contain p-2 xs:p-4 sm:p-6 lg:p-8 rounded-md z-20"
style="display: none"
x-show.transition.origin.top="open">
<div class="flex justify-between mb-3 pb-4">
<p class="text-2xl lg:text-3xl">Gestion des cookies</p>
<div class="cursor-pointer pt-1"
x-on:click="close"
>
<span class="text-3xl">×</span>
</div>
</div>
<div class="text-sm lf:text-base">
Ce site Web utilise des cookies pour améliorer votre expérience lorsque vous naviguez sur le site Web. Parmi ces cookies, les cookies classés comme nécessaires sont stockés sur votre navigateur car ils sont essentiels au fonctionnement des fonctionnalités de base du site Web. Nous utilisons également des cookies tiers qui nous aident à analyser et à comprendre comment vous utilisez ce site Web. Ces cookies ne seront stockés dans votre navigateur qu'avec votre consentement. Vous avez également la possibilité de refuser ces cookies. Mais la désactivation de certains de ces cookies peut avoir un effet sur votre expérience de navigation. </div>
<div class="group-content">
<div x-data="{open1: false}"
class="cookie-group-container cookie-group-container-1 border border-gray-300 mt-4 p-6 rounded-2xl shadow-sm"
>
<div class="flex flex justify-between">
<p class="title text-lg cursor-pointer"
x-on:click="open1 = !open1">
<span x-show="! open1">↓</span>
<span x-show="open1" style="display: none">↑</span>
Essentiels </p>
<input class="checkbox disabled:opacity-40" type="checkbox" value="1" disabled checked data-group-id="1" name="allowed-group-1">
</div>
<div class="content mt-4 pl-5" x-show.transition.origin.top="open1" style="display: none">
<div>
Ces cookies sont indispensables au bon fonctionnement de notre site et ne peuvent donc pas être désactivés sans rendre celui-ci inutilisable. Ces cookies ne stockent aucune information d’identification personnelle. </div>
<div class="cookie-list text-sm hidden">
<table class="block lg:table">
<tr class="hidden lg:table-row border-b">
<th class="p-2 text-left">Nom</th>
<th class="p-2 text-left">Description</th>
<th class="p-2 text-left">Lifetime</th>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>CART</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>The association with your shopping cart.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>CATEGORY_INFO</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Allows pages to be displayed more quickly.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>COMPARE</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>The items that you have in the Compare Products list.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>CUSTOMER</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>An encrypted version of your customer id.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>CUSTOMER_AUTH</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>An indicator if you are signed into the store.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>CUSTOMER_INFO</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>An encrypted version of the customer group you belong to.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>toky_state</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span></td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>20 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>user_allowed_save_cookie</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Enregistre les préférences de l'utilisateur concernant les cookies sur le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>41 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>intercom-device-id-cv6ld8kq</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant unique utilisé pour suivre les interactions de l'utilisateur avec le site via Intercom.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>63 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>__cf_bm</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifie de manière unique les clients individuels derrière une adresse IP partagée et applique des paramètres de sécurité par client.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>154 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>intercom-id-cv6ld8kq</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span></td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>56 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>private_content_version</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span></td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>55 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>visitor_country</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span> Choix du volet pays</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>17 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>form_key</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span></td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>0</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>PHPSESSID</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span></td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>41 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>last_visited_store</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span></td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>25 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>CONSENT</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Stocke le statut du consentement des cookies de l'utilisateur pour le domaine actuel.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>18 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>section_data_ids</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span></td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
</table>
</div>
</div>
</div>
<div x-data="{open2: false}"
class="cookie-group-container cookie-group-container-2 border border-gray-300 mt-4 p-6 rounded-2xl shadow-sm"
>
<div class="flex flex justify-between">
<p class="title text-lg cursor-pointer"
x-on:click="open2 = !open2">
<span x-show="! open2">↓</span>
<span x-show="open2" style="display: none">↑</span>
Cookies commerciaux </p>
<input class="checkbox disabled:opacity-40" type="checkbox" value="1" checked data-group-id="2" name="allowed-group-2">
</div>
<div class="content mt-4 pl-5" x-show.transition.origin.top="open2" style="display: none">
<div>
Ces cookies peuvent être utilisés par ces sociétés pour établir un profil de vos intérêts et vous proposer des publicités pertinentes sur d'autres sites Web. Ils ne stockent pas directement des données personnelles, mais sont basés sur l'identification unique de votre navigateur et de votre appareil Internet. Si vous n'autorisez pas ces cookies, vous ne serez pas nécessairement moins ciblé(e) par des publicités, mais celles-ci seront moins ciblées. </div>
<div class="cookie-list text-sm hidden">
<table class="block lg:table">
<tr class="hidden lg:table-row border-b">
<th class="p-2 text-left">Nom</th>
<th class="p-2 text-left">Description</th>
<th class="p-2 text-left">Lifetime</th>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>CUSTOMER_SEGMENT_IDS</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Stores your Customer Segment ID</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>EXTERNAL_NO_CACHE</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>A flag that, indicates whether caching is on or off.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>FRONTEND</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Your session ID on the server.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>GUEST-VIEW</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Allows guests to edit their orders.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>LAST_CATEGORY</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>The last category you visited.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>LAST_PRODUCT</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>The last product you looked at.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>NEWMESSAGE</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Indicates whether a new message has been received.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>NO_CACHE</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Indicates whether it is allowed to use cache.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>PERSISTENT_SHOPPING_CART</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>A link to information about your cart and viewing history if you have asked the site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>1P_JAR</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Service 'Google Ads Optimization' pour la délivrance de publicités ciblées</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>18 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>__Secure-3PSIDCC</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Stocke des informations sur l'utilisation du site pour les annonces Google.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>90 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>SIDCC</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de session Google utilisé pour maintenir l'intégrité et la sécurité de votre session lors de l'utilisation des services Google.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>81 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>__Secure-1PAPISID</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Utilisé pour livrer des annonces plus pertinentes et pour améliorer les rapports de performance des campagnes publicitaires.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>51 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>SAPISID</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant unique utilisé pour suivre les préférences de l'utilisateur et fournir des recommandations de contenu personnalisé.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>41 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>SSID</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Stocke des informations telles que la langue préférée de l'utilisateur afin de personnaliser l'expérience de navigation.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>21 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>__Secure-3PSIDD</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Utilisé pour collecter des informations sur l'interaction de l'utilisateur avec le site Web, telles que les publicités qu'il a vues et les actions qu'il a entreprises.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>167 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>__Secure-1PSIDD</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de session utilisé pour maintenir l'état de la session de l'utilisateur entre les demandes de page.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>167 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>__Secure-1PSIDTS</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Utilisé pour mesurer les performances du site et analyser les modèles de trafic des utilisateurs.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>93 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>HSID</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de session utilisé pour maintenir l'état de la session de l'utilisateur.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>21 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>APISID</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifie de manière unique votre navigateur pour fournir des publicités et des services personnalisés sur Google.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>40 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>__Secure-1PSIDCC</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span></td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>0</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>__Secure-3PSIDTS</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Utilisé pour collecter des informations sur l'interaction de l'utilisateur avec le site Web</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>93 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>__Secure-3PAPISID</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span></td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>51 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>SID</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de session.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>156 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_ga</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de suivi unique utilisé pour collecter des données sur le comportement des utilisateurs sur le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>30 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>SOCS</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Stocke des informations sur les préférences de l'utilisateur et aide à personnaliser l'expérience de navigation.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>58 Jours</td>
</tr>
</table>
</div>
</div>
</div>
<div x-data="{open3: false}"
class="cookie-group-container cookie-group-container-3 border border-gray-300 mt-4 p-6 rounded-2xl shadow-sm"
>
<div class="flex flex justify-between">
<p class="title text-lg cursor-pointer"
x-on:click="open3 = !open3">
<span x-show="! open3">↓</span>
<span x-show="open3" style="display: none">↑</span>
Analyse & performances </p>
<input class="checkbox disabled:opacity-40" type="checkbox" value="1" checked data-group-id="3" name="allowed-group-3">
</div>
<div class="content mt-4 pl-5" x-show.transition.origin.top="open3" style="display: none">
<div>
Ces cookies nous permettent d'évaluer le nombre de visites et l'origines des requêtes afin de mesurer et d’améliorer les performances de notre site. Ils nous aident également à identifier les pages les plus / moins visitées afin d'améliorer nos contenus. Les données liées à ces cookies sont agrégées et anonymisées. </div>
<div class="cookie-list text-sm hidden">
<table class="block lg:table">
<tr class="hidden lg:table-row border-b">
<th class="p-2 text-left">Nom</th>
<th class="p-2 text-left">Description</th>
<th class="p-2 text-left">Lifetime</th>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>RECENTLYCOMPARED</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>The items you recently compared.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>STF</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Information on products you emailed to friends.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>STORE</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>The store view or language you have selected.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>USER_ALLOWED_SAVE_COOKIE</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Indicates whether a customer authorized cookies.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>VIEWED_PRODUCT_IDS</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>The products that you recently looked at.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>WISHLIST</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>An encrypted list of products added to your wish list.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>WISHLIST_CNT</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>The number of items in your wish list.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>1 Année</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_ga_RQXSGJFQ59</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de suivi unique utilisé pour recueillir des données sur la façon dont les visiteurs interagissent avec le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>52 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_ga_GJH9RGDDP5</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de suivi unique utilisé pour recueillir des données sur la façon dont les visiteurs interagissent avec le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>52 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_ga_X6LMX9VR0Y</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de suivi unique utilisé pour recueillir des données sur la façon dont les visiteurs interagissent avec le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>60 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_gid</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de suivi unique utilisé pour recueillir des données sur la façon dont les visiteurs interagissent avec le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>30 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_ga_4BXXKZJZTZ</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de suivi unique utilisé pour recueillir des données sur la façon dont les visiteurs interagissent avec le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>52 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_gcl_au</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Utilisé par Google AdSense pour expérimenter l'efficacité de la publicité sur les sites Web utilisant leurs services.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>31 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>SEARCH_SAMESITE</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Stocke des informations sur les paramètres de même site pour garantir le bon fonctionnement des fonctionnalités du site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>23 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_ga_1LGNSX0EVM</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de suivi unique utilisé pour recueillir des données sur la façon dont les visiteurs interagissent avec le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>52 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_ga_B8SKQ9HHPZ</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de suivi unique utilisé pour recueillir des données sur la façon dont les visiteurs interagissent avec le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>52 Jours</td>
</tr>
<tr class="block lg:table-row mb-2">
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Nom</i>: </span>_ga_Z574RD7GDB</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Description</i>: </span>Identifiant de suivi unique utilisé pour recueillir des données sur le comportement des utilisateurs sur le site.</td>
<td class="block lg:table-cell lg:p-2"><span class="lg:hidden"><i>Lifetime</i>: </span>60 Jours</td>
</tr>
</table>
</div>
</div>
</div>
<div x-data="{open5: false}"
class="cookie-group-container cookie-group-container-5 border border-gray-300 mt-4 p-6 rounded-2xl shadow-sm"
>
<div class="flex flex justify-between">
<p class="title text-lg cursor-pointer"
x-on:click="open5 = !open5">
<span x-show="! open5">↓</span>
<span x-show="open5" style="display: none">↑</span>
Fonctionnels </p>
<input class="checkbox disabled:opacity-40" type="checkbox" value="1" checked data-group-id="5" name="allowed-group-5">
</div>
<div class="content mt-4 pl-5" x-show.transition.origin.top="open5" style="display: none">
<div>
Cookies fonctionnels </div>
<div class="cookie-list text-sm hidden">
<table class="block lg:table">
<tr class="hidden lg:table-row border-b">
<th class="p-2 text-left">Nom</th>
<th class="p-2 text-left">Description</th>
<th class="p-2 text-left">Lifetime</th>
</tr>
</table>
</div>
</div>
</div>
</div>
<button class="btn btn-primary mx-auto mt-4 text-sm cursor-pointer"
x-on:click="save"><span>sauvegarder</span></button>
</div>
</div>
</div>
<script>
function initGdprSettingsModal() {
return {
open: false,
close: function () {
this.open = false;
document.querySelector('body').style.overflowY = 'auto';
document.querySelector('body').style.overflowX = 'clip';
},
init: function () {
window.addEventListener('mst-gdpr-cookie-settings-open', () => {
document.querySelector('body').style.overflow = 'hidden';
this.open = true;
})
},
save: function () {
window.dispatchEvent(new CustomEvent('mst-gdpr-cookie-settings-save'));
this.close();
}
};
}
</script> <input name="form_key" type="hidden" value="HL0ejrkCn1f3tbf3" />
<script>
'use strict';
const isTouchDevice = () => ('ontouchstart' in window) ||
(navigator.maxTouchPoints > 0) ||
(navigator.msMaxTouchPoints > 0);
function switchBodyOverflow(signal) {
const body = document.querySelector('body');
const html = document.documentElement;
if (signal) {
// html.style.overflowY = 'auto';
body.style.overflowY = 'auto';
body.style.overflowX = 'clip';
} else {
// html.style.overflowX = html.style.overflowY = 'hidden';
body.style.overflowX = body.style.overflowY = 'hidden';
}
}
/**
* View model for header drawers
*
* @param String srcElementSel
*/
function initDrawer(srcElementSel) {
return {
open: false,
srcElements: null,
init() {
this.srcElements = document.querySelectorAll(srcElementSel);
},
toggle(signal = null) {
signal = typeof signal == "boolean" ? signal : !this.open
if (signal !== this.open) {
this.open = signal;
switchBodyOverflow(!signal);
if (this.srcElements) {
for (let i = 0; i < this.srcElements.length; ++i) {
this.srcElements[i].setAttribute('aria-expanded', this.open);
}
}
}
}
}
}
/**
* VM StickyHeader
* Element sticks to the viewport top, hides on scrolling down and shows on scrolling up
*/
function initStickyHeader(extraHeight = 200) {
document.querySelector('header').style.position = 'relative';
return {
triggerLimit: 0,
lastScrollTop: 0,
active: false,
hide: false,
init() {
const eRect = this.$root.getBoundingClientRect();
this.triggerLimit = extraHeight + eRect.top + eRect.height + (window.scrollY || document.documentElement.scrollTop);
document.addEventListener('scroll', this.onScroll.bind(this), {passive: true});
},
onScroll() {
const scroll = window.scrollY || document.documentElement.scrollTop;
if (scroll <= this.triggerLimit) {
this.active = this.hide = false;
this.$root.classList.remove('u-sticky-header', 'active', 'hide');
} else {
this.$root.classList.add('u-sticky-header');
const isSticky = scroll > this.triggerLimit;
if (this.active !== isSticky) {
this.active = isSticky;
this.active ? this.$root.classList.add('active') : this.$root.classList.remove('active');
}
const scrollingDown = scroll > this.lastScrollTop;
if (this.hide !== scrollingDown) {
this.hide = scrollingDown;
this.hide ? this.$root.classList.add('hide') : this.$root.classList.remove('hide');
}
}
this.lastScrollTop = scroll;
}
};
}
/**
* VM StickyFooter
* Element sticks to the viewport bottom, hides on scrolling down and shows on scrolling up
* Also hides when reach a given element
*
* @param DomElement maxScrollElement
* @param Boolean hiddenOnScroll
*/
function initStickyFooter(maxScrollElement = null) {
return {
lastScrollTop: 0,
maxScroll: Number.MAX_VALUE,
init() {
this.$root.classList.add('u-sticky-footer');
this.$root.style.zIndex = 20;
document.addEventListener('scroll', this.onScroll.bind(this), {passive: true});
if (maxScrollElement) {
const element = document.querySelector(maxScrollElement);
if (element) {
this.maxScroll = element.getBoundingClientRect().top + window.scrollY;
}
}
},
onScroll() {
const st = window.scrollY || document.documentElement.scrollTop;
st > this.lastScrollTop && st < this.maxScroll ?
this.$root.classList.add('hide') : this.$root.classList.remove('hide');
this.lastScrollTop = st;
}
};
}
/**
* Makes element as a scrolling container
* Creates buttons if {step} is different from -1 for scrolling left and right with a given {step}
* (or screen wide if step is 0)
* Creates fast-access nav block if {withNav}
* Creates left/right transparency gradient if {withGradient}
* Requires 'u-scrolling-container' and 'u-horizontal-scroll' css classes
*/
function initScrollingContainer(el) {
function updateUi() {
if (ticker) {
clearTimeout(ticker);
}
ticker = setTimeout(() => {
const firstVisibleChild = getFirstVisibleChild();
const index = firstVisibleChild?.dataset.index;
if (nav) {
for (let i = 0; i < nav.children.length; ++i) {
i == index ? nav.children[i].classList.add('active') : nav.children[i].classList.remove('active');
}
}
const isPrevBtnVisible = !!firstVisibleChild?.previousElementSibling;
const isNextBtnVisible = hasHiddenSiblings(firstVisibleChild);
if (prevBtn) {
prevBtn.style.visibility = isPrevBtnVisible ? 'visible' : 'hidden';
nextBtn.style.visibility = isNextBtnVisible ? 'visible' : 'hidden';
if (nav) {
nav.style.visibility = (isPrevBtnVisible || isNextBtnVisible) ? 'visible' : 'hidden';
}
}
if ('withGradient' in el.dataset) {
const parentClasses = el.parentElement.classList;
isNextBtnVisible ? parentClasses.add('show-right') : parentClasses.remove('show-right');
isPrevBtnVisible ? parentClasses.add('show-left') : parentClasses.remove('show-left');
}
}, 500)
}
function getNextSibling(child) {
const sibling = child?.nextElementSibling;
return sibling?.classList?.contains('handler') ? null : sibling;
}
function hasHiddenSiblings(child) {
while (child = getNextSibling(child)) {
if (child.offsetLeft + child.clientWidth - el.scrollLeft > el.clientWidth) {
return true;
}
}
return false;
}
function getFirstVisibleChild() {
let child = el.firstElementChild;
while (child) {
if (child.offsetLeft + child.clientWidth > el.scrollLeft) {
return child;
}
child = getNextSibling(child);
}
return null;
}
function scrollTo(child) {
el.scroll({left: child.offsetLeft, behavior: 'smooth'});
updateUi();
}
function onBtnClick(type) {
let max = parseInt(el.dataset?.step) || 99;
let child = getFirstVisibleChild();
let totalSpace = el.clientWidth - child.clientWidth;
let sibling;
do {
sibling = type === 'next' ? getNextSibling(child) : child.previousElementSibling;
if (sibling) {
totalSpace -= Math.abs(sibling.offsetLeft - child.offsetLeft);
child = sibling;
}
}
while (sibling && totalSpace >= 0 && max--);
scrollTo(child);
}
function createBtn(type) {
const btn = document.createElement('button');
btn.innerHTML = (type === 'prev' ? (el.dataset?.prev || '←') : (el.dataset?.next || '→'));
btn.classList.add('handler', type);
btn.onclick = () => onBtnClick(type);
el.append(btn);
return btn;
}
function createNav() {
const nav = document.createElement('nav');
let child = el.firstElementChild;
let index = 0;
while (child) {
if (child.tagName !== 'TEMPLATE') {
const span = document.createElement('span');
child.setAttribute('data-index', index.toString());
span.setAttribute('data-ref', index.toString());
++index;
nav.append(span);
}
child = getNextSibling(child);
}
nav.onclick = (e) => onNavClick(e);
el.after(nav);
return nav;
}
let prevBtn = null;
let nextBtn = null;
let nav = null;
let ticker = 0;
el.classList.add('u-scrolling-container', 'u-horizontal-scroll');
if (el.dataset?.gradient) {
el.parentElement.classList.add('u-horizontal-scrolling-gradient', 'relative');
el.parentElement.style.color = getComputedStyle(el)?.["background-color"] ?? 'inherit';
}
el.addEventListener('scroll', updateUi, { passive: true});
el.addEventListener('resize', onBtnClick)
if (el.dataset?.step !== "-1") {
prevBtn = createBtn('prev');
nextBtn = createBtn('next');
('withNav' in el.dataset) && (nav = createNav());
updateUi();
}
}
document.addEventListener("DOMContentLoaded", function(event) {
// Init scrolling containers
setTimeout(() => {
const scrollingContainers = document.querySelectorAll('[data-type="scrolling-container"]');
for (let i = 0; i < scrollingContainers.length; ++i) {
setTimeout(() => {
initScrollingContainer(scrollingContainers[i]);
}, 0);
}
}, 0);
// Obfuscation (see https://www.410-gone.fr/seo/optimisation-on-site/maillage-interne/cocon-semantique/obfuscation.html)
var classname = document.getElementsByClassName("qcd");
for (let i = 0; i < classname.length; ++i) {
//click gauche
classname[i].addEventListener('click', myFunction, false);
//click droit
classname[i].addEventListener('contextmenu', myRightFunction, false);
}
});
//fonction du click gauche
var myFunction = function(event) {
var attribute = this.getAttribute("data-qcd");
if(event.ctrlKey) {
var newWindow = window.open(decodeURIComponent(window.atob(attribute)), '_blank');
newWindow.focus();
} else {
document.location.href= decodeURIComponent(window.atob(attribute));
}
};
//fonction du click droit
var myRightFunction = function(event) {
var attribute = this.getAttribute("data-qcd");
if(event.ctrlKey) {
var newWindow = window.open(decodeURIComponent(window.atob(attribute)), '_blank');
newWindow.focus();
} else {
window.open(decodeURIComponent(window.atob(attribute)),'_blank');
}
}
/**
* Fetch server content
*
*/
function fetchContent(content, insertionNode = 'body') {
const url = new URL('https://www.meillandrichardier.com/pdfcore/index/fetch/');
const params = {
content: content,
form_key: hyva.getFormKey(),
};
Object.keys(params).forEach(key => url.searchParams.append(key, params[key]));
const target = insertionNode instanceof Element ? insertionNode : document.querySelector(insertionNode);
if (target) {
return fetch(url, {headers: {"X-Requested-With": "XMLHttpRequest"}})
.then(response => response.json(response))
.then(response => {
response?.result && target?.insertAdjacentHTML('beforeend', response?.result);
return response?.result;
});
}
}
// Fetch non-essential svg symbols
// Removed
</script>
<script>
'use strict';
(function(hyva) {
const formValidationRules = {
required(value, options, field, context) {
const el = field.element.type === 'hidden' ? createTextInputFrom(field.element) : field.element,
msg = 'This\u0020field\u0020is\u0020required.';
if (el.type === 'radio' || el.type === 'checkbox') {
return (value === undefined || value.length === 0) ? msg : true;
}
el.setAttribute('required', '');
el.checkValidity();
return el.validity.valueMissing ? msg : true;
},
maxlength(value, options, field, context) {
if (value.length > Number(options)) {
return hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u0020\u00250\u0020characters.', options);
}
return true;
},
minlength(value, options, field, context) {
if (value.length > 0 && value.length < Number(options)) {
return hyva.strf('Please\u0020enter\u0020at\u0020least\u0020\u0022\u00250\u0022\u0020characters.', options);
}
return true;
},
max(value, options, field, context) {
field.element.setAttribute('max', options);
field.element.checkValidity();
if (field.element.validity.rangeOverflow) {
return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020less\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options);
}
return true;
},
min(value, options, field, context) {
field.element.setAttribute('min', options);
field.element.checkValidity();
if (field.element.validity.rangeUnderflow) {
return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020greater\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options);
}
return true;
},
step(value, options, field, context) {
field.element.setAttribute('step', options);
field.element.checkValidity();
if (field.element.validity.stepMismatch) {
const val = Number(options);
return hyva.strf('Please\u0020enter\u0020a\u0020valid\u0020value.\u0020The\u0020two\u0020nearest\u0020valid\u0020values\u0020are\u0020\u0022\u00250\u0022\u0020and\u0020\u0022\u00251\u0022.', Math.floor(val), Math.ceil(val));
}
return true;
},
email(value, options, field, context) {
const rule = /^([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*@([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*\.(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]){2,})$/i;
if (value.length > 0 && !rule.test(value)) {
return 'Saisissez\u0020un\u0020email\u0020valide.';
}
return true;
},
password(value, options, field, context) {
const rule = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/;
if (value.length > 0 && !rule.test(value)) {
return 'Please\u0020provide\u0020at\u0020least\u0020one\u0020upper\u0020case,\u0020one\u0020lower\u0020case,\u0020one\u0020digit\u0020and\u0020one\u0020special\u0020character\u0020\u0028\u0023\u003F\u0021\u0040\u0024\u0025\u005E\u0026\u002A\u002D\u0029';
}
return true;
},
equalTo(value, options, field, context) {
const dependencyField = context.fields[options].element;
const dependencyFieldName = dependencyField.label || dependencyField.name;
if (value !== dependencyField.value) {
return hyva.strf('This\u0020field\u0020value\u0020must\u0020be\u0020the\u0020same\u0020as\u0020\u0022\u00250\u0022.', dependencyFieldName);
}
return true;
}
};
function raceSome(promises, pred) {
return new Promise((resolve, reject) => {
if (promises.length === 0) {
return resolve();
}
let settled = false, nDone = 0;
const resolveIf = v => {
if (!settled && (pred(v) || ++nDone === promises.length)) {
settled = true;
resolve(v);
}
return v;
}
promises.map(promise => {
promise.then(resolveIf).catch(reason => {
settled = true;
reject(reason)
});
return promise;
});
});
}
function getRules(element) {
let rules = {};
const BROWSER_ATTRS = ['min', 'max', 'required', 'minlength', 'maxlength', 'step'];
const DEFAULT_TYPES = ['email', 'password'];
BROWSER_ATTRS.forEach(attrName => {
if (element.hasAttribute(attrName)) {
rules[attrName] = element.getAttribute(attrName);
}
})
if (DEFAULT_TYPES.includes(element.type)) {
rules[element.type] = true;
}
if (element.dataset.validate) {
try {
Object.assign(rules, JSON.parse(element.dataset.validate));
} catch (error) {
console.error('Validator error. Cannot parse data-validate attribute of element:\n', element);
}
}
return rules;
}
function isInvalidRuleResult(ruleState) {
return typeof ruleState === 'string' || !ruleState;
}
async function runValidateFn(rule, options, value, field) {
return formValidationRules[rule](value, options, field, this);
}
function generateId() {
let id;
do {
id = `${this.idPrefix}-${++this.idSeq}`;
} while (document.getElementById(id));
return id;
}
function isVisible(element) {
const el = element.type !== 'hidden' ? element : (element.parentElement || {});
return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length)
}
function elementWillValidate(element) {
return (element.willValidate || element.type === 'hidden')
&& element.tagName !== 'BUTTON'
&& element.disabled === false
&& !(element.tagName === 'INPUT' && element.type === 'submit')
&& (element.hasAttribute('data-validate-hidden') || isVisible(element))
}
function createMessageContainer(el, fieldWrapperClassName) {
if (! el.parentElement) {
return;
}
const refocus = document.activeElement === el;
const wrapper = document.createElement('div');
wrapper.classList.add.apply(wrapper.classList, fieldWrapperClassName.split(' '));
el.parentElement.insertBefore(wrapper, el);
wrapper.appendChild(el);
refocus && document.activeElement !== el && el.focus();
return wrapper;
}
function containerNotFound(selector, el) {
const msg = `Cannot find message container element ${selector} of ${el.name}`;
console.error(msg, el);
throw msg;
}
function createTextInputFrom(el) {
const text = document.createElement('INPUT');
text.type = 'text';
text.value = el.value;
return text;
}
function classNamesToSelector(classNames) {
return classNames.split(' ')
.filter(className => className.length > 0)
.map(className => `.${className}`)
.join('')
}
function hasMessagesWrapper(field, messagesWrapperClassName) {
return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName));
}
function getMessagesWrapper(field, messagesWrapperClassName) {
if (hasMessagesWrapper.call(this, field, messagesWrapperClassName)) {
return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName));
}
const msgWrapper = document.createElement('ul');
msgWrapper.id = generateId.call(this);
msgWrapper.classList.add.apply(msgWrapper.classList, messagesWrapperClassName.split(' '));
this.getMessageContainer(field).appendChild(msgWrapper);
return msgWrapper;
}
function getCheckedValues(field) {
const name = field.element.name.replace(/([\\"])/g, '\\$1');
const elements = field.element.form.querySelectorAll('input[name="' + name + '"]:checked');
return Array.from(elements).map(el => el.value);
}
function formValidation(formElement, options) {
// Disable browser default validation
if (formElement.tagName === 'FORM') {
formElement.setAttribute('novalidate', '');
} else {
console.error('formValidation can be initialized only on FORM element', formElement);
return;
}
options = Object.assign({
fieldWrapperClassName: 'field field-reserved',
messagesWrapperClassName: 'messages',
validClassName: 'field-success',
invalidClassName: 'field-error',
pageMessagesWrapperSelector: null,
scrollToFirstError: true,
}, options || {});
return {
state: {
valid: false,
},
fields: {},
idSeq: 0,
idPrefix: formElement.id || 'vld-msg',
setupFields(elements) {
this.fields = {};
Array.from(elements).forEach(element => {
if (elementWillValidate(element)) {
this.setupField(element);
}
});
},
setupField(element) {
if (elementWillValidate(element)) {
const rules = getRules(element);
if (Object.keys(rules).length > 0) {
if (this.fields[element.name]) {
Object.assign(this.fields[element.name].rules, rules);
} else {
this.fields[element.name] = {
element,
rules: rules,
state: {
valid: null,
rules: {}
}
}
}
}
} else {
console.error('Element will not validate', element);
}
},
onSubmit(event) {
if (event.target.tagName === 'FORM') {
event.preventDefault();
this.validate()
.then(() => event.target.submit())
.catch(invalidElements => {});
}
},
onChange(event) {
if (!Object.keys(this.fields).length) {
this.setupFields(formElement.elements);
}
if (!Object.keys(this.fields).includes(event.target.name)) {
this.setupField(event.target);
}
const field = this.fields[event.target.name];
this.validateField(field);
},
validate() {
if (!Object.keys(this.fields).length || !Object.keys(this.fields).length !== formElement.elements.length) {
this.setupFields(formElement.elements);
}
return new Promise(async (resolve, reject) => {
if (formElement.elements) {
await raceSome(this.validateFields(), result => result !== true)
const invalidFields = Object.values(this.fields).filter(field => !field.state.valid);
this.state.valid = invalidFields.length === 0;
if (this.state.valid) {
resolve();
} else {
if (options.scrollToFirstError && invalidFields.length > 0) {
invalidFields[0].element.focus()
invalidFields[0].element.select && invalidFields[0].element.select();
}
reject(invalidFields.map(field => field.element));
}
}
});
},
validateFields() {
const fields = Object.values(this.fields);
fields.forEach(field => {
this.getMessageContainer(field).classList.remove(options.validClassName, options.invalidClassName)
});
return fields.map(field => this.validateField(field))
},
validateField(field) {
let value;
if (field.element.type === 'checkbox') {
value = getCheckedValues(field);
} else if (field.element.type === 'radio') {
value = getCheckedValues(field)[0] || undefined;
} else if (field.element.tagName === 'SELECT' && field.element.multiple) {
value = Array.from(field.element.selectedOptions).map(opt => opt.value);
} else {
value = field.element.value;
}
const rules = field.rules || {};
field.state.valid = true;
this.showFieldState(field);
if (!elementWillValidate(field.element)) {
return new Promise(resolve => resolve(true));
}
const fieldValidations = Object.keys(rules).filter(rule => formValidationRules[rule]).map(async rule => {
return runValidateFn.call(this, rule, rules[rule], value, field).then(result => {
field.state.rules[rule] = result;
return result;
})
});
return new Promise(resolve => {
Promise.all(fieldValidations).then(results => {
field.state.valid = !elementWillValidate(field.element) || rules.length === 0 || !results.some(isInvalidRuleResult)
this.showFieldState(field);
resolve(field.state.valid);
})
});
},
getMessagesByField(field) {
const messages = [];
const invalidRules = Object.keys(field.state.rules).filter(rule => isInvalidRuleResult(field.state.rules[rule]));
field.rules && Object.keys(field.rules).forEach((rule) => {
if (invalidRules.includes(rule)) {
const customMessage = field.element.getAttribute('data-msg-' + rule);
const message = customMessage ? customMessage : field.state.rules[rule];
const ruleOptions = JSON.parse(JSON.stringify(field.rules[rule]));
if (typeof message !== 'string') {
messages.push(hyva.strf('Validation rule "%0" failed.', rule));
} else if (Array.isArray(ruleOptions)) {
ruleOptions.unshift(message);
messages.push(hyva.strf.apply(null, ruleOptions));
} else {
messages.push(hyva.strf(message, ruleOptions));
}
}
});
return messages;
},
/** @deprecated */
getFieldWrapper(field) {
return this.getMessageContainer(field)
},
getMessageContainer(field) {
let container;
const pageSelector = field.element.getAttribute('data-validation-container') || options.pageMessagesContainerSelector;
if (pageSelector) {
container = document.querySelector(pageSelector)
|| containerNotFound(pageSelector, field.element)
} else {
const containerSelector = classNamesToSelector(options.fieldWrapperClassName);
container = field.element.closest(containerSelector)
|| createMessageContainer(field.element, options.fieldWrapperClassName)
|| containerNotFound(containerSelector, field.element);
}
return container;
},
showFieldState(field) {
const container = this.getMessageContainer(field),
hasErrorMessages = hasMessagesWrapper.call(this, field, options.messagesWrapperClassName);
container.classList.toggle(options.validClassName, field.state.valid && ! hasErrorMessages);
container.classList.toggle(options.invalidClassName, !field.state.valid || hasErrorMessages);
this.createErrorMessage(field, this.getMessagesByField(field));
if (field.state.valid) {
field.element.removeAttribute('aria-invalid');
} else {
field.element.setAttribute('aria-invalid', 'true');
if (! document.activeElement) {
field.element.focus();
}
}
},
removeMessages(field, messagesClass) {
if (! hasMessagesWrapper.call(this, field, messagesClass)) {
return;
}
const msgWrapper = getMessagesWrapper.call(this, field, messagesClass);
const messages = msgWrapper.querySelectorAll(`[data-msg-field='${field.element.name}']`);
Array.from(messages).forEach(msg => msg.remove());
if (msgWrapper && msgWrapper.childElementCount === 0) {
msgWrapper.remove();
}
},
createErrorMessage(field, messages) {
this.removeMessages(field, options.messagesWrapperClassName);
field.element.removeAttribute('aria-errormessage');
if (!field.state.valid) {
const msgWrapper = this.addMessages(field, options.messagesWrapperClassName, messages)
field.element.setAttribute('aria-errormessage', msgWrapper.id);
}
},
/** @deprecated */
createMessage(field, message) {
return this.addMessages(field, options.messagesWrapperClassName, message);
},
addMessages(field, messagesClass, messages) {
const msgWrapper = getMessagesWrapper.call(this, field, messagesClass);
(Array.isArray(messages) ? messages : [messages]).forEach((message) => {
const li = document.createElement('li');
li.innerText = message;
li.setAttribute('data-msg-field', field.element.name);
msgWrapper.appendChild(li);
});
return msgWrapper;
},
setField(name, value) {
this.fields[name].element.value = value;
this.fields[name].element.dispatchEvent((new Event('input')));
this.validateField(this.fields[name]);
}
}
}
hyva.formValidation = formValidation;
hyva.formValidation.rules = formValidationRules;
hyva.formValidation.addRule = (name, validator) => {
formValidationRules[name] = validator;
}
}(window.hyva = window.hyva || {}));
</script><div class="page-wrapper"><header class="page-header"><a class="action skip sr-only contentarea"
href="#contentarea">
<span>
Aller au contenu </span>
</a><script>
function initHeader () {
return {
searchOpen: false,
cart: {},
summary_count: 0,
getData(data) {
if (data.cart) {
const self = this;
this.cart = data.cart;
this.summary_count = 0;
data.cart?.items?.forEach(function (item) {
if (!item.is_promo_item) {
self.summary_count += item.qty;
}
});
}
}
}
}
function initCompareHeader() {
return {
compareProducts: null,
itemCount: 0,
receiveCompareData(data) {
if (data['compare-products']) {
this.compareProducts = data['compare-products'];
this.itemCount = this.compareProducts.count;
}
}
}
}
function toggleMenu() {
document.querySelector('.js-main-nav .nav-0').classList.toggle('active')
document.querySelector('.js-main-nav').classList.toggle('displayed')
document.querySelector('.js-main-nav-mask').classList.toggle('displayed')
}
function redirectToCartPage() {
window.location.replace(BASE_URL + 'checkout/cart/index');
}
</script>
<div x-data="{scrollAtTop: true}">
<div class="w-full"
@scroll.window="scrollAtTop = (window.pageYOffset > 100) ? false : true; scrollAtTop ? document.querySelector('.page-header').classList.remove('scroll') : document.querySelector('.page-header').classList.add('scroll')"
>
<div id="header"
class="relative z-50 w-full"
x-data="initHeader()"
@keydown.window.escape="searchOpen = false;"
@private-content-loaded.window="getData(event.detail.data)"
>
<div class="header__top">
<div class="container">
<div>
<div>
<!-- Mobile menu trigger -->
<a class="main-nav__trigger xl:hidden" @click="toggleMenu()"></a>
<!--Logo-->
<div class="header__logo">
<a href="https://www.meillandrichardier.com/"
title=""
aria-label="store logo"
>
<img src="https://www.meillandrichardier.com/static/version1766071907/frontend/Meilland/hyva/fr_FR/images/logo.svg"
title=""
alt=""
width="166"
height="52"
/>
</a>
</div> </div>
<!--Quick links-->
<div class="header__quick-links">
<!--Search Icon-->
<div class="search">
<button id="menu-search-icon"
class="inline-block no-underline"
@click.prevent=" searchOpen = !searchOpen; $nextTick(function () { document.querySelector('#search').select(); }); "
>
<span class="sr-only label">
Chercher </span>
</button>
</div>
<!--Customer Icon & Dropdown-->
<!-- BLOCK header.customer -->
<div x-data="{ open: false }" class="relative customer">
<a
href="https://www.meillandrichardier.com/customer/account/"
id="customer-menu"
class="block bg-unlogged-icon"
@click.prevent="open = true;"
:aria-expanded="open ? 'true' : 'false'"
aria-label="Mon Compte"
>
<span class="hidden label xl:inline-block">
Mon Compte </span>
</a>
<nav class="absolute right-0 z-30 hidden w-40 px-1 py-2 mt-2 -mr-4 overflow-auto origin-top-right rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter"
:class="{ 'hidden' : !open }"
@click.away="open = false;"
aria-labelledby="customer-menu"
>
<a class="block px-4 py-2 lg:px-3 lg:py-2 hover:bg-gray-100"
onclick="hyva.setCookie && hyva.setCookie( 'login_redirect', window.location.href, 1 )"
href="https://www.meillandrichardier.com/customer/account/index/">
Se connecter </a>
<a class="block px-4 py-2 lg:px-3 lg:py-2 hover:bg-gray-100"
href="https://www.meillandrichardier.com/customer/account/create/"
>
Créer un compte </a>
</nav>
</div><!-- /BLOCK header.customer -->
<!--Cart Icon-->
<div class="cart">
<a id="menu-cart-icon"
@click="summary_count === 0 ? redirectToCartPage() : ''"
@click.prevent.stop="$dispatch('toggle-cart',{});" class="relative inline-block"
href="https://www.meillandrichardier.com/checkout/cart/index/"
>
<span class="hidden label xl:inline-block">
Mon panier </span>
<span x-text="summary_count"
class="absolute top-0 right-0 hidden w-6 h-6 py-1 -mt-5 -mr-4 text-xs font-semibold text-center text-white uppercase transform -translate-x-1 translate-y-1/2 rounded-full leading-base bg-tertiary-theme-100"
:class="{ 'hidden': !summary_count, 'block': summary_count }"
></span>
</a>
</div>
<!--Lang switcher-->
<div class="hidden xl:block">
<div x-data="{ open: false }"
class="flex items-center w-full sm:w-1/2 md:w-full"
>
<div class="relative mt-3 text-left">
<div>
<button @click.prevent="open = !open;"
@click.away="open = false;"
@keydown.window.escape="open=false"
type="button"
class="inline-flex justify-center gap-x-2 !items-center w-full !pl-4 !pr-0 !py-0 bg-white focus:outline-none border-0"
aria-haspopup="true"
aria-expanded="true"
>
<span class="font-medium">fr</span>
<svg xmlns="http://www.w3.org/2000/svg" width="6.707" height="4.061" viewbox="0 0 6.707 4.061" class="opacity-50 relative top-[2px]">
<path data-name="Tracé 3504" d="M.707 6.707 0 6l2.646-2.646L0 .707.707 0l3.354 3.354z" transform="rotate(90 3.353 3.354)" style="fill:#a4959b"/>
</svg>
</button>
</div>
<nav x-cloak=""
x-show="open"
class="absolute -right-2 top-full z-20 w-[4.375rem] mt-3 overflow-auto origin-top-right rounded-md bg-white"
style="box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);"
>
<div role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<span class="qcd inline-flex !px-3 py-3 hover:underline !items-center gap-x-2 cursor-pointer"
data-qcd="aHR0cHM6Ly93d3cubWVpbGxhbmRyaWNoYXJkaWVyLmNvbS9zdG9yZXMvc3RvcmUvcmVkaXJlY3QvX19fc3RvcmUvbWVpbGxhbmRfaXQvX19fZnJvbV9zdG9yZS9tZWlsbGFuZF9mci91ZW5jL2FIUjBjSE02THk5M2QzY3VjbTl6WVdrdFpTMXdhV0Z1ZEdVdGJXVnBiR3hoYm1RdWFYUXZiWGx5ZEdsc2JHbGxjbk10WTI5dWMyVnBiSE10Y0d4aGJuUmhkR2x2YmkxMFlXbHNiR1V0Wlc1MGNtVjBhV1Z1UDE5ZlgzTjBiM0psUFcxbGFXeHNZVzVrWDJsMC8="
>
<svg data-name="IT icon" xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewbox="0 0 24 16">
<path data-name="Rectangle 1481" d="M2 0h6v16H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z" style="fill:#739c61"/>
<path data-name="Rectangle 1482" transform="translate(8)" style="fill:#fff" d="M0 0h8v16H0z"/>
<path data-name="Rectangle 1483" d="M0 0h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H0V0z" transform="translate(16)" style="fill:#f84860"/>
</svg>
it </span>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__bottom">
<div class="container">
<!--Main Navigation-->
<div x-data="initMenu_6949b6bfd3957()" x-init="setActiveMenu($el), triggerNav()">
<nav class="main-nav js-main-nav"
@keydown.window.escape="closeNav()">
<div class="container">
<div class="main-nav__head">
<div class="header__logo">
<a href="https://www.meillandrichardier.com/"
title=""
aria-label="store logo"
>
<img src="https://www.meillandrichardier.com/static/version1766071907/frontend/Meilland/hyva/fr_FR/images/logo.svg"
title=""
alt=""
width="166"
height="52"
/>
</a>
</div> <a class="hidden main-nav__trigger xl:block"></a>
<p class="main-nav__title js-main-nav-title">
<a class="main-nav__back js-main-nav-back" @click.self="toggleNav($event.target)"></a>
<span><!--updated on tab change--></span>
</p>
<a class="main-nav__close js-main-nav-close" @click.self="closeNav(); open=false;"></a>
</div>
<ol class="nav nav-0">
<li >
<a href="javascript:;"
title="Gammes &amp; produits"
@click.self.prevent="toggleNav($event.target)" class="has-child"
>
<span>
Gammes & produits </span>
</a>
<ol class="nav nav-1">
<li >
<a href="javascript:;"
title="Rosiers"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/rosiers_picto_menu.svg"
alt="Rosiers" />
<span>
Rosiers </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/rosiers"
title="Rosiers : voir tous les produits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers : voir tous les produits </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/nouveautes-et-baptemes-rosiers"
title="Nouveautés et baptêmes de rosiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nouveautés et baptêmes de rosiers </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/creation-francaise/rosiers-creation-francaise"
title="Rosiers Création française"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers Création française </span>
</a>
</li> <li >
<a href="javascript:;"
title="Rosiers buissons"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Rosiers buissons </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/rosiers/rosiers-buissons"
title="Rosiers buissons : voir tout"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers buissons : voir tout </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-buissons/rosiers-buissons-a-grandes-fleurs"
title="Rosiers buissons à grandes fleurs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers buissons à grandes fleurs <small>(106)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-buissons/rosiers-buissons-a-massifs"
title="Rosiers buissons à massifs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers buissons à massifs <small>(29)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Rosiers grimpants et lianes"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Rosiers grimpants et lianes </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/rosiers/rosiers-grimpants"
title="Rosiers grimpants et lianes : voir tout"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers grimpants et lianes : voir tout </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-grimpants/rosiers-grimpants-petit-developpement"
title="Rosiers grimpants petit développement S"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers grimpants petit développement S </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-grimpants/rosiers-grimpants-developpement-moyen"
title="Rosiers grimpants développement moyen M"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers grimpants développement moyen M <small>(7)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-grimpants/rosiers-grimpants-grand-developpement"
title="Rosiers grimpants grand développement L"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers grimpants grand développement L <small>(12)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-grimpants/rosiers-grimpants-lianes-tres-grand-developpement"
title="Rosiers grimpants lianes XL"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers grimpants lianes XL <small>(13)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-grimpants/rosiers-grimpants-parfumes"
title="Rosiers grimpants parfumés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers grimpants parfumés </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Rosiers paysagers"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Rosiers paysagers </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/rosiers/rosiers-paysagers"
title="Rosiers paysagers : voir tout"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers paysagers : voir tout </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-paysagers/rosiers-couvre-sol"
title="Rosiers couvre-sol"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers couvre-sol <small>(15)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-paysagers/rosiers-arbustifs"
title="Rosiers arbustifs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers arbustifs <small>(8)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-paysagers/rosiers-buissonnants"
title="Rosiers buissonnants"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers buissonnants <small>(22)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-anciens"
title="Rosiers anciens"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers anciens </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-tiges"
title="Rosiers tiges"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers tiges </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-demi-tiges"
title="Rosiers demi-tiges"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers demi-tiges </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-pleureurs"
title="Rosiers pleureurs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers pleureurs </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/mini-rosiers"
title="Mini-rosiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mini-rosiers </span>
</a>
</li> <li >
<a href="javascript:;"
title="Rosiers par couleurs"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Rosiers par couleurs </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-couleur"
title="Rosiers par couleurs : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers par couleurs : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-couleur/rosiers-jaunes"
title="Rosiers jaunes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers jaunes <small>(14)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-couleur/rosiers-blancs"
title="Rosiers blancs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers blancs <small>(22)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-couleur/rosiers-orange"
title="Rosiers orange"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers orange <small>(11)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-couleur/rosiers-rose"
title="Rosiers roses"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers roses <small>(30)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-couleur/rosiers-rouges"
title="Rosiers rouges"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers rouges <small>(27)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-couleur/rosiers-violets"
title="Rosiers violets : l'originalité"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers violets : l'originalité <small>(3)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-couleur/coloris-originaux"
title="Coloris originaux"
@click.self="toggleNav($event.target)" class=""
>
<span>
Coloris originaux <small>(15)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-grands-parfums-meilland-r"
title="Rosiers parfumés PERFUMELLA ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers parfumés PERFUMELLA ® </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-romantiques"
title="Rosiers romantiques ROMANTICA ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers romantiques ROMANTICA ® </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/collections-pretes-a-planter"
title="Collections prêtes-à-planter"
@click.self="toggleNav($event.target)" class=""
>
<span>
Collections prêtes-à-planter </span>
</a>
</li> <li >
<a href="javascript:;"
title="Rosiers en pots"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Rosiers en pots </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/rosiers/rosiers-en-pots"
title="Rosiers en pot : voir tout"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers en pot : voir tout </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-en-pots/rosiers-en-pot-2-et-3-litres"
title="Rosiers en pots de 2L et de 3L"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers en pots de 2L et de 3L <small>(55)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-en-pots/rosiers-grands-pots"
title="Rosiers en pots de 5L et plus"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers en pots de 5L et plus <small>(12)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Rosiers par gamme"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Rosiers par gamme </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-gamme"
title="Rosiers par gamme : voir tout"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers par gamme : voir tout </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-gamme/rosiers-pour-petits-jardins-drift"
title="Rosiers paysagers DRIFT ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers paysagers DRIFT ® <small>(12)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-gamme/rosiers-paysagers-buissonnants-friendly-r"
title="Rosiers paysagers FRIENDLY ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers paysagers FRIENDLY ® <small>(5)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-gamme/rosiers-paysagers-street-colors-r"
title="Rosiers paysagers STREET COLORS ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers paysagers STREET COLORS ® <small>(8)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-gamme/rosiers-zepeti-r"
title="Mini-rosiers ZEPETI ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mini-rosiers ZEPETI ® <small>(1)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-gamme/rosiers-tige-demi-tige-meilove-r"
title="Rosiers tiges et demi-tiges MEILOVE ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers tiges et demi-tiges MEILOVE ® <small>(9)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-gamme/rosiers-paysagers-pretty-pollyr"
title="Rosiers paysagers PRETTY POLLY®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers paysagers PRETTY POLLY® <small>(3)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-gamme/rosiers-galaxy"
title="Mini-rosiers GALAXY ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mini-rosiers GALAXY ® <small>(4)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-par-gamme/rosiers-meidiland"
title="Rosiers Meidiland"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers Meidiland <small>(6)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-pour-petits-espaces"
title="Rosiers pour balcons et terrasses"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers pour balcons et terrasses </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-primes"
title="Rosiers primés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers primés </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-pour-fleurs-a-couper-bouquets"
title="Rosiers pour bouquets"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers pour bouquets </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-de-stars"
title="Rosiers de stars"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers de stars </span>
</a>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/rosier-knock-out-r-radrazz.html">
<img src="https://www.promessedefleurs.com/media/menu/rosier-knock-out.jpg">
<span>Rosier paysager KNOCK OUT ® Radrazz</span>
</a>
</li>
<li>
<a href="https://www.meillandrichardier.com/rosiers">
<img src="https://www.meillandrichardier.com/media/menu/ROSIERS-precommande.jpg">
<span>Trouvez votre rosier</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Fleurs à Bulbes"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/bulbes_picto_menu.svg"
alt="Fleurs à Bulbes" />
<span>
Fleurs à Bulbes </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/bulbes"
title="Fleurs à bulbes : voir tous les produits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fleurs à bulbes : voir tous les produits </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/catalog/category/view/id/43172/"
title="Nouveautés de la saison"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nouveautés de la saison </span>
</a>
</li> <li >
<a href="javascript:;"
title="Bulbes à planter au Printemps"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Bulbes à planter au Printemps </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps"
title="Bulbes à planter au Printemps : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bulbes à planter au Printemps : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps/agapanthes"
title="Agapanthes en pot ou en pleine terre : le Rêve bleu et blanc du Jardin !"
@click.self="toggleNav($event.target)" class=""
>
<span>
Agapanthes en pot ou en pleine terre : le Rêve bleu et blanc du Jardin ! <small>(15)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps/arums"
title="Arums"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arums <small>(9)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps/begonias"
title="Bégonias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bégonias <small>(21)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps/cannas"
title="Cannas"
@click.self="toggleNav($event.target)" class=""
>
<span>
Cannas <small>(9)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps/glaieuls"
title="Glaieuls"
@click.self="toggleNav($event.target)" class=""
>
<span>
Glaieuls <small>(15)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps/lys-de-printemps-et-d-ete"
title="Lis ou Lilium de printemps et d'été"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lis ou Lilium de printemps et d'été <small>(15)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps/tulbaghias-1"
title="Tulbaghias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Tulbaghias <small>(4)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps/autres-bulbes-de-printemps"
title="Autres bulbes de printemps"
@click.self="toggleNav($event.target)" class=""
>
<span>
Autres bulbes de printemps <small>(27)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/alstroemeres-ou-lis-des-incas"
title="Alstroemères ou Lis des Incas"
@click.self="toggleNav($event.target)" class=""
>
<span>
Alstroemères ou Lis des Incas </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/dahlias"
title="Dahlias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Dahlias </span>
</a>
</li> <li >
<a href="javascript:;"
title="Bulbes à planter à l'Automne"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Bulbes à planter à l'Automne </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-a-l-automne"
title="Bulbes à planter à l'Automne : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bulbes à planter à l'Automne : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-a-l-automne/amaryllis"
title="Amaryllis ou Hippeastrum"
@click.self="toggleNav($event.target)" class=""
>
<span>
Amaryllis ou Hippeastrum <small>(12)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-a-l-automne/courrones-imperiales"
title="Couronnes impériales ou fritillaires"
@click.self="toggleNav($event.target)" class=""
>
<span>
Couronnes impériales ou fritillaires <small>(5)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-a-l-automne/crocus"
title="Crocus"
@click.self="toggleNav($event.target)" class=""
>
<span>
Crocus <small>(11)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-a-l-automne/jacinthes"
title="Jacinthes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jacinthes <small>(23)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-a-l-automne/lys"
title="Lis ou Lilium à planter en automne"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lis ou Lilium à planter en automne <small>(6)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-a-l-automne/autres-bulbes-d-automne"
title="Bulbes fantaisie d'automne"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bulbes fantaisie d'automne <small>(21)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-a-l-automne/allium-ail-d-ornement"
title="Allium, ail d'ornement"
@click.self="toggleNav($event.target)" class=""
>
<span>
Allium, ail d'ornement <small>(4)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/tulipes"
title="Tulipes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Tulipes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/narcisses-et-jonquilles"
title="Narcisses et jonquilles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Narcisses et jonquilles </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/collections-pretes-a-planter-de-bulbes"
title="Collections prêtes à planter de bulbes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Collections prêtes à planter de bulbes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-pour-balcon-et-terrasse"
title="Bulbes pour balcon et terrasse"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bulbes pour balcon et terrasse </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-pour-jardin-d-ombre"
title="Bulbes pour jardin d'ombre"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bulbes pour jardin d'ombre </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes/bulbes-d-interieur"
title="Bulbes d'intérieur"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bulbes d'intérieur </span>
</a>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/bulbes/bulbes-a-planter-au-printemps/agapanthes">
<img src="https://www.promessedefleurs.com/media/menu/agapanthes_7.jpg">
<span>Toutes nos Agapanthes</span>
</a>
</li>
<li>
<a href="https://www.meillandrichardier.com/bulbes/alstroemeres-ou-lis-des-incas">
<img src="https://www.meillandrichardier.com/media/menu/alstroemerecarre.jpg">
<span>Toutes nos Alstromères</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Plantes annuelles"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/saison_icone_menu.svg"
alt="Plantes annuelles" />
<span>
Plantes annuelles </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/fleurs-de-saison"
title="Plantes annuelles : voir tous les produits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes annuelles : voir tous les produits </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/catalog/category/view/id/43208/"
title="Nouveautés de plantes annuelles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nouveautés de plantes annuelles </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/collections-pretes-a-planter-annuelles"
title="Collections prêtes-à-planter d'annuelles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Collections prêtes-à-planter d'annuelles </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/geraniums-lierres-et-zonales"
title="Géraniums lierres et zonales "
@click.self="toggleNav($event.target)" class=""
>
<span>
Géraniums lierres et zonales </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/petunias-surfinia"
title="Pétunias et SURFINIA ® "
@click.self="toggleNav($event.target)" class=""
>
<span>
Pétunias et SURFINIA ® </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/dipladenias"
title="Dipladenias SUNDAVILLE ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Dipladenias SUNDAVILLE ® </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/fuchsias-d-ete"
title="Fuchsias d'été"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fuchsias d'été </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/impatiens-de-nouvelle-guinee"
title="Impatiens de Nouvelle Guinée"
@click.self="toggleNav($event.target)" class=""
>
<span>
Impatiens de Nouvelle Guinée </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/lobelias"
title="Lobélias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lobélias </span>
</a>
</li> <li >
<a href="javascript:;"
title="Autres plantes annuelles"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Autres plantes annuelles </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles"
title="Autres plantes annuelles : voir tout"
@click.self="toggleNav($event.target)" class=""
>
<span>
Autres plantes annuelles : voir tout </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/bidens"
title="Bidens"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bidens </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/begonias"
title="Bégonias annuels"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bégonias annuels </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/calibrachoas-million-bells"
title="Calibrachoas"
@click.self="toggleNav($event.target)" class=""
>
<span>
Calibrachoas </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/verveines"
title="Verveines hybrides "
@click.self="toggleNav($event.target)" class=""
>
<span>
Verveines hybrides </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/roses-d-inde"
title="Roses d'Inde"
@click.self="toggleNav($event.target)" class=""
>
<span>
Roses d'Inde </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/brachycomes"
title="Brachycomes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Brachycomes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/oeillets-d-inde"
title="Oeillets d'Inde"
@click.self="toggleNav($event.target)" class=""
>
<span>
Oeillets d'Inde </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/bacopas-scopia"
title="Bacopas scopia"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bacopas scopia </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/pourpiers"
title="Pourpiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pourpiers </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/lantanas-esperanta"
title="Lantanas "
@click.self="toggleNav($event.target)" class=""
>
<span>
Lantanas </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/gazanias"
title="Gazanias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Gazanias </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/autres-plantes-annuelles/scaevolas"
title="Scaevolas "
@click.self="toggleNav($event.target)" class=""
>
<span>
Scaevolas </span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/fleurs-de-saison-pour-massifs"
title="Annuelles pour massifs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Annuelles pour massifs </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/annuelles-pour-terrasses-et-balcons-au-soleil"
title="Annuelles pour terrasses et balcons au soleil"
@click.self="toggleNav($event.target)" class=""
>
<span>
Annuelles pour terrasses et balcons au soleil </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/annuelles-retombantes"
title="Annuelles retombantes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Annuelles retombantes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/annuelles-pour-terrasses-et-balcons-d-ombre"
title="Annuelles pour terrasses et balcons d'ombre"
@click.self="toggleNav($event.target)" class=""
>
<span>
Annuelles pour terrasses et balcons d'ombre </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurs-de-saison/annuelles-tolerantes-a-la-secheresse"
title="Annuelles tolérantes à la sécheresse"
@click.self="toggleNav($event.target)" class=""
>
<span>
Annuelles tolérantes à la sécheresse </span>
</a>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/surfinia-r-purple-shihi-brilliant.html">
<img src="https://www.promessedefleurs.com/media/menu/P_tunia_SURFINIA_PURPLE_Shihi_Brilliant.jpg">
<span>Pétunia SURFINIA ® PURPLE ® Shihi Brilliant</span>
</a>
</li>
<li>
<a href="https://www.meillandrichardier.com/geranium-odorant-mosquitaway-eva.html">
<img src="https://www.promessedefleurs.com/media/menu/G_ranium_odorant_Mosquitaway_Eva.jpg">
<span>Géranium odorant Mosquitaway Eva</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Fleurs Vivaces"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/fleurs_vivaces_icone_menu.svg"
alt="Fleurs Vivaces" />
<span>
Fleurs Vivaces </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/vivaces"
title="Fleurs vivaces : voir tous les produits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fleurs vivaces : voir tous les produits </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/catalog/category/view/id/43246/"
title="Nouveautés de vivaces"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nouveautés de vivaces </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/collections-pretes-a-planter"
title="Collections prêtes à planter de vivaces"
@click.self="toggleNav($event.target)" class=""
>
<span>
Collections prêtes à planter de vivaces </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/pivoines"
title="Pivoines"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pivoines </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/geraniums-vivaces"
title="Géraniums vivaces"
@click.self="toggleNav($event.target)" class=""
>
<span>
Géraniums vivaces </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/iris"
title="Iris"
@click.self="toggleNav($event.target)" class=""
>
<span>
Iris </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/lavandes"
title="Lavandes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lavandes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/oeillets"
title="Œillets"
@click.self="toggleNav($event.target)" class=""
>
<span>
Œillets </span>
</a>
</li> <li >
<a href="javascript:;"
title="Vivaces par variétés"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Vivaces par variétés </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type"
title="Vivaces par variétés : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces par variétés : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/aubrietes"
title="Aubriètes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Aubriètes <small>(5)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/asters-vivaces"
title="Asters"
@click.self="toggleNav($event.target)" class=""
>
<span>
Asters <small>(14)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/benoites-geum"
title="Benoîtes ou Geum"
@click.self="toggleNav($event.target)" class=""
>
<span>
Benoîtes ou Geum <small>(4)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/campanules-campanula"
title="Campanules ou Campanula"
@click.self="toggleNav($event.target)" class=""
>
<span>
Campanules ou Campanula <small>(8)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/coreopsis"
title="Coréopsis"
@click.self="toggleNav($event.target)" class=""
>
<span>
Coréopsis <small>(5)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/cyclamens"
title="Cyclamens"
@click.self="toggleNav($event.target)" class=""
>
<span>
Cyclamens <small>(7)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/delphiniums"
title="Delphiniums"
@click.self="toggleNav($event.target)" class=""
>
<span>
Delphiniums <small>(1)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/fougeres"
title="Fougères"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fougères <small>(3)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/fuchsias-vivaces"
title="Fuchsias vivaces"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fuchsias vivaces <small>(5)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/gaillardes"
title="Gaillardes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Gaillardes <small>(6)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/gauras-oenothera-lindheimeri"
title="Gauras"
@click.self="toggleNav($event.target)" class=""
>
<span>
Gauras <small>(4)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/graminees"
title="Graminées"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graminées <small>(7)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/hemerocalles"
title="Hémérocalles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Hémérocalles <small>(3)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/heucheres-heuchera"
title="Heuchères ou Heuchera"
@click.self="toggleNav($event.target)" class=""
>
<span>
Heuchères ou Heuchera <small>(7)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/joubarbes-sempervivum"
title="Joubarbes ou Sempervivum"
@click.self="toggleNav($event.target)" class=""
>
<span>
Joubarbes ou Sempervivum <small>(8)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/kniphofias-tison-de-satan-1"
title="Kniphofias ou Tison de Satan"
@click.self="toggleNav($event.target)" class=""
>
<span>
Kniphofias ou Tison de Satan <small>(5)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/marguerites-et-compagnie"
title="Marguerites et érigerons"
@click.self="toggleNav($event.target)" class=""
>
<span>
Marguerites et érigerons <small>(6)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/phlox"
title="Phlox"
@click.self="toggleNav($event.target)" class=""
>
<span>
Phlox <small>(11)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/plants-aromatiques-et-condimentaires"
title="Plants aromatiques et condimentaires"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plants aromatiques et condimentaires <small>(28)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/pourpiers-vivaces"
title="Pourpiers vivaces"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pourpiers vivaces <small>(9)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/roses-de-noel"
title="Roses de Noël"
@click.self="toggleNav($event.target)" class=""
>
<span>
Roses de Noël <small>(8)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/rudbeckia-et-echinacea"
title="Rudbeckia et Echinacea"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rudbeckia et Echinacea <small>(10)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/sauges"
title="Sauges"
@click.self="toggleNav($event.target)" class=""
>
<span>
Sauges <small>(13)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/scabieuses"
title="Scabieuses"
@click.self="toggleNav($event.target)" class=""
>
<span>
Scabieuses <small>(3)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/sedum-orpins"
title="Sedum ou Orpins"
@click.self="toggleNav($event.target)" class=""
>
<span>
Sedum ou Orpins <small>(10)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-par-type/autres-varietes-de-vivaces"
title="Autres variétés de vivaces"
@click.self="toggleNav($event.target)" class=""
>
<span>
Autres variétés de vivaces <small>(67)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-pour-massifs-et-fleurs-a-couper"
title="Vivaces pour massifs et bouquets"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces pour massifs et bouquets </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-pour-bordures-et-rocailles"
title="Vivaces pour bordures et rocailles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces pour bordures et rocailles </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-en-pot-gros-conteneur"
title="Vivaces en gros pot"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces en gros pot </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-a-floraison-printaniere"
title="Vivaces à floraison printanière"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces à floraison printanière </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-a-floraison-estivale"
title="Vivaces à floraison estivale"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces à floraison estivale </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-a-floraison-automnale"
title="Vivaces à floraison automnale"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces à floraison automnale </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-a-floraison-hivernale"
title="Vivaces à floraison hivernale"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces à floraison hivernale </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-melliferes"
title="Vivaces mellifères"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces mellifères </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces/vivaces-tolerantes-a-la-secheresse"
title="Vivaces tolérantes à la sécheresse"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces tolérantes à la sécheresse </span>
</a>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/vivaces/geraniums-vivaces">
<img src="https://www.promessedefleurs.com/media/menu/g_raniums-vivaces.jpg">
<span>Nos géraniums vivaces</span>
</a>
</li>
<li>
<a href="https://www.meillandrichardier.com/lavande-intermedia-phenomenal.html">
<img src="https://www.promessedefleurs.com/media/menu/Lavande_Intermedia_Phenomenal.jpg">
<span>Lavande Intermedia Phenomenal</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Arbustes"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="https://www.meillandrichardier.com/media/menu/Haie_7.svg"
alt="Arbustes" />
<span>
Arbustes </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/arbustes"
title="Arbustes : voir tous les produits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes : voir tous les produits </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/nouveautes-d-arbustes"
title="Nouveautés d'arbustes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nouveautés d'arbustes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/hortensias-ou-hydrangea"
title="Hortensias ou Hydrangea"
@click.self="toggleNav($event.target)" class=""
>
<span>
Hortensias ou Hydrangea </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/lauriers-roses"
title="Lauriers-roses"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lauriers-roses </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/buddleias-arbres-a-papillons-ou-buddleja-davidii"
title="Buddleias, Arbres à papillons ou Buddleja davidii"
@click.self="toggleNav($event.target)" class=""
>
<span>
Buddleias, Arbres à papillons ou Buddleja davidii </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/lagerstroemia-ou-lilas-des-indes"
title="Lagerstroemias ou lilas des Indes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lagerstroemias ou lilas des Indes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/palmiers"
title="Palmiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Palmiers </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/erables-du-japon-ou-acer-palmatum"
title="Érables du Japon ou Acer palmatum"
@click.self="toggleNav($event.target)" class=""
>
<span>
Érables du Japon ou Acer palmatum </span>
</a>
</li> <li >
<a href="javascript:;"
title="Arbustes par variétés"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Arbustes par variétés </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes"
title="Arbustes par variétés : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes par variétés : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/agaves"
title="Agaves"
@click.self="toggleNav($event.target)" class=""
>
<span>
Agaves </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/agrumes"
title="Agrumes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Agrumes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/abelias"
title="Abélias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Abélias </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/albizias"
title="Arbres de soie ou albizias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbres de soie ou albizias </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/bambous"
title="Bambous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bambous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/bruyeres"
title="Bruyères"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bruyères </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/camelias-ou-camellia"
title="Camélias ou Camellia"
@click.self="toggleNav($event.target)" class=""
>
<span>
Camélias ou Camellia </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/caryopteris"
title="Caryopteris"
@click.self="toggleNav($event.target)" class=""
>
<span>
Caryopteris </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/ceanothes"
title="Céanothes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Céanothes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/cypres"
title="Cyprès"
@click.self="toggleNav($event.target)" class=""
>
<span>
Cyprès </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/daphnes"
title="Daphnés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Daphnés </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/escallonias"
title="Escallonias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Escallonias </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/eucalyptus"
title="Eucalyptus"
@click.self="toggleNav($event.target)" class=""
>
<span>
Eucalyptus </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/gardenias"
title="Gardénias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Gardénias </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/genets-d-espagne"
title="Genêts d'Espagne"
@click.self="toggleNav($event.target)" class=""
>
<span>
Genêts d'Espagne </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/hibiscus"
title="Hibiscus ou Althéas"
@click.self="toggleNav($event.target)" class=""
>
<span>
Hibiscus ou Althéas </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/lauriers-tin"
title="Lauriers-tin"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lauriers-tin </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/lavateres"
title="Lavatères"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lavatères </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/lilas-communs"
title="Lilas communs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lilas communs </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/magnolias"
title="Magnolias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Magnolias </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/oliviers"
title="Oliviers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Oliviers </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/orangers-du-mexique-ou-choisya"
title="Orangers du Mexique ou Choisya"
@click.self="toggleNav($event.target)" class=""
>
<span>
Orangers du Mexique ou Choisya </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/photinias"
title="Photinias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Photinias </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/pittosporums"
title="Pittosporums"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pittosporums </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/plumbagos"
title="Plumbagos"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plumbagos </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/potentilles"
title="Potentilles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Potentilles </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/seringats"
title="Seringats"
@click.self="toggleNav($event.target)" class=""
>
<span>
Seringats </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/viornes"
title="Viornes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Viornes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/weigelias"
title="Weigelias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Weigelias </span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-mediterraneens"
title="Arbustes méditerranéens"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes méditerranéens </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-a-fleurs"
title="Arbustes à fleurs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes à fleurs </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-a-feuillage-persistant"
title="Arbustes à feuillage persistant"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes à feuillage persistant </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-pour-jardin-d-ombre"
title="Arbustes pour jardin d'ombre"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes pour jardin d'ombre </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-pour-balcons-et-terrasses"
title="Arbustes pour balcons et terrasses"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes pour balcons et terrasses </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-pour-haies"
title="Arbustes pour haies"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes pour haies </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-a-floraison-estivale"
title="Arbustes à floraison estivale"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes à floraison estivale </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-a-floraison-printaniere"
title="Arbustes à floraison printanière"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes à floraison printanière </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-a-floraison-automnale-hivernale"
title="Arbustes à floraison automnale / hivernale"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes à floraison automnale / hivernale </span>
</a>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/arbustes/arbustes-mediterraneens">
<img src="https://www.promessedefleurs.com/media/menu/arbustes-med.jpg">
<span>Nos arbustes méditerranéens</span>
</a>
</li>
<li>
<a href="https://www.meillandrichardier.com/arbustes/nouveautes-d-arbustes">
<img src="https://www.meillandrichardier.com/media/menu/ARBUSTES-bruyeres.jpg">
<span>Nos nouveautés</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Plantes grimpantes"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="https://www.meillandrichardier.com/media/menu/arbuste_plante_grimpantes_icone_menu_2.svg"
alt="Plantes grimpantes" />
<span>
Plantes grimpantes </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/plantes-grimpantes2"
title="Plantes grimpantes : voir tous les produits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes grimpantes : voir tous les produits </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/nouveautes-de-plantes-grimpantes"
title="Nouveautés de plantes grimpantes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nouveautés de plantes grimpantes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/jasmins"
title="Jasmins"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jasmins </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/chevrefeuilles"
title="Chèvrefeuilles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Chèvrefeuilles </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/clematites"
title="Clématites"
@click.self="toggleNav($event.target)" class=""
>
<span>
Clématites </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers/rosiers-grimpants"
title="Rosiers grimpants"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers grimpants </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/vignes"
title="Vignes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vignes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/glycines"
title="Glycines"
@click.self="toggleNav($event.target)" class=""
>
<span>
Glycines </span>
</a>
</li> <li >
<a href="javascript:;"
title="Plantes grimpantes par variété"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Plantes grimpantes par variété </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-par-variete"
title="Plantes grimpantes par variétés : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes grimpantes par variétés : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-par-variete/abutilons"
title="Abutilons"
@click.self="toggleNav($event.target)" class=""
>
<span>
Abutilons </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-par-variete/akebias"
title="Akebias"
@click.self="toggleNav($event.target)" class=""
>
<span>
Akebias </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-par-variete/bignones-et-podraneas"
title="Bignones et podraneas"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bignones et podraneas </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits/kiwis"
title="Kiwis"
@click.self="toggleNav($event.target)" class=""
>
<span>
Kiwis </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-par-variete/lierres"
title="Lierres"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lierres </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-par-variete/passiflores"
title="Passiflores"
@click.self="toggleNav($event.target)" class=""
>
<span>
Passiflores </span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-fruitieres"
title="Plantes grimpantes fruitières"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes grimpantes fruitières </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-pour-jardin-d-ombre"
title="Plantes grimpantes pour jardin d'ombre"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes grimpantes pour jardin d'ombre </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-pour-balcons-et-terrasses"
title="Plantes grimpantes pour balcons et terrasses"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes grimpantes pour balcons et terrasses </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-a-floraison-estivale"
title="Plantes grimpantes à floraison estivale"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes grimpantes à floraison estivale </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-a-floraison-printaniere"
title="Plantes grimpantes à floraison printanière"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes grimpantes à floraison printanière </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes2/plantes-grimpantes-a-floraison-automnale-hivernale"
title="Plantes grimpantes à floraison automnale / hivernale"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes grimpantes à floraison automnale / hivernale </span>
</a>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/plantes-grimpantes/clematites">
<img src="https://www.meillandrichardier.com/media/menu/carreclematites.jpg">
<span>Nos clématites</span>
</a>
</li>
<li>
<a href="https://www.meillandrichardier.com/plantes-grimpantes/jasmins">
<img src="https://www.meillandrichardier.com/media/menu/carrejasmin.jpg">
<span>Nos jasmins</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Fruitiers"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/fruitiers_icone_menu.svg"
alt="Fruitiers" />
<span>
Fruitiers </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/fruitiers"
title="Fruitiers : voir tous les produits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fruitiers : voir tous les produits </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/nouveautes-fruitiers"
title="Nouveautés de fruitiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nouveautés de fruitiers </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/collections-pretes-a-planter"
title="Collections prêtes à planter"
@click.self="toggleNav($event.target)" class=""
>
<span>
Collections prêtes à planter </span>
</a>
</li> <li >
<a href="javascript:;"
title="Arbres fruitiers"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Arbres fruitiers </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers"
title="Arbres fruitiers : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbres fruitiers : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers/arbres-fruitiers-nains"
title="Arbres fruitiers nains"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbres fruitiers nains <small>(8)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers/abricotiers-pruniers"
title="Abricotiers et pruniers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Abricotiers et pruniers <small>(12)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers/cerisiers"
title="Cerisiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Cerisiers <small>(4)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers/figuiers"
title="Figuiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Figuiers <small>(6)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers/fruitiers-a-fruits-secs"
title="Fruitiers à fruits secs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fruitiers à fruits secs <small>(6)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers/pechers-nectariniers"
title="Pêchers et nectariniers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pêchers et nectariniers <small>(10)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers/pommiers-poiriers"
title="Pommiers et poiriers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pommiers et poiriers <small>(13)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers/autres-arbres-fruitiers"
title="Autres arbres fruitiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Autres arbres fruitiers <small>(3)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Petits fruits"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Petits fruits </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits"
title="Petits fruits : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Petits fruits : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits/cassis-groseilles"
title="Cassis et groseilles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Cassis et groseilles <small>(18)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits/fraisiers"
title="Fraisiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fraisiers <small>(12)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits/framboisiers"
title="Framboisiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Framboisiers <small>(15)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits/kiwis"
title="Kiwis"
@click.self="toggleNav($event.target)" class=""
>
<span>
Kiwis <small>(8)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits/muriers"
title="Mûriers ou Ronces à fruits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mûriers ou Ronces à fruits <small>(5)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits/myrtilliers"
title="Myrtilliers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Myrtilliers <small>(6)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits/vignes-de-table"
title="Vignes de table"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vignes de table <small>(13)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits/autres-petits-fruits"
title="Autres petits fruits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Autres petits fruits <small>(6)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes/arbustes-par-varietes/agrumes"
title="Agrumes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Agrumes </span>
</a>
</li> <li >
<a href="javascript:;"
title="Fruitiers par utilisation"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Fruitiers par utilisation </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/fruitiers/vos-envies-par-meilland"
title="Fruitiers par utilisation : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fruitiers par utilisation : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/vos-envies-par-meilland/fruitiers-en-pot-gros-conteneur"
title="Fruitiers en pot gros conteneur"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fruitiers en pot gros conteneur <small>(5)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/vos-envies-par-meilland/pour-balcons-terrasses"
title="Fruitiers pour balcons et terrasses"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fruitiers pour balcons et terrasses <small>(15)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/vos-envies-par-meilland/entretien-et-recolte-faciles"
title="Entretien et récolte faciles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Entretien et récolte faciles <small>(17)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitiers/vos-envies-par-meilland/petits-fruits-deco-bons-beaux"
title="Bons et beaux, les petits fruits déco"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bons et beaux, les petits fruits déco <small>(1)</small>
</span>
</a>
</li> </ol>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/fruitiers/arbres-fruitiers">
<img src="https://www.meillandrichardier.com/media/menu/FRUITIERS-arbres.jpg">
<span>Nos arbres fruitiers</span>
</a>
</li>
<li>
<a href="https://www.meillandrichardier.com/fruitiers/petits-fruits">
<img src="https://www.meillandrichardier.com/media/menu/FRUITIERS-groseilles.jpg">
<span>Nos petits fruits</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Graines et potager"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/graines-et-potager-icone-menu.svg"
alt="Graines et potager" />
<span>
Graines et potager </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/graines-et-potager"
title="Graines et potager : voir tous les produits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines et potager : voir tous les produits </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/nouveaute-graines-potager"
title="Nouveautés de graines et potagers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nouveautés de graines et potagers </span>
</a>
</li> <li >
<a href="javascript:;"
title="Jardinage connecté"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Jardinage connecté </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/graines-et-potager/jardinage-connecte"
title="Jardinage connecté : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardinage connecté : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/jardinage-connecte/jardin-interieur-outils-connectes"
title="Jardins d’intérieur et outils connectés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardins d’intérieur et outils connectés <small>(3)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/jardinage-connecte/graines-engrais-associes-jardin-connecte"
title="Graines et engrais associés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines et engrais associés <small>(8)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines-bio"
title="Graines BIO"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines BIO </span>
</a>
</li> <li >
<a href="javascript:;"
title="Graines potagères"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Graines potagères </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/graines-et-potager/graines"
title="Graines potagères : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines potagères : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/aubergines"
title="Aubergines"
@click.self="toggleNav($event.target)" class=""
>
<span>
Aubergines <small>(4)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/betteraves"
title="Betteraves"
@click.self="toggleNav($event.target)" class=""
>
<span>
Betteraves <small>(8)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/carottes"
title="Carottes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Carottes <small>(14)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/choux"
title="Choux"
@click.self="toggleNav($event.target)" class=""
>
<span>
Choux <small>(19)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/courges-courgettes-cornichons-et-melons"
title="Courges, courgettes, cornichons et melons"
@click.self="toggleNav($event.target)" class=""
>
<span>
Courges, courgettes, cornichons et melons <small>(38)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/epinards"
title="Épinards"
@click.self="toggleNav($event.target)" class=""
>
<span>
Épinards <small>(6)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/graines-aromatiques-et-condimentaires"
title="Graines aromatiques et condimentaires"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines aromatiques et condimentaires <small>(36)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/haricots-pois-feves"
title="Haricots, pois et fèves"
@click.self="toggleNav($event.target)" class=""
>
<span>
Haricots, pois et fèves <small>(45)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/navets"
title="Navets"
@click.self="toggleNav($event.target)" class=""
>
<span>
Navets <small>(2)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/oignons-echalottes"
title="Oignons et échalotes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Oignons et échalotes <small>(12)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/poireaux-poirees"
title="Poireaux"
@click.self="toggleNav($event.target)" class=""
>
<span>
Poireaux <small>(7)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/radis"
title="Radis"
@click.self="toggleNav($event.target)" class=""
>
<span>
Radis <small>(15)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/salades-et-compagnie"
title="Salades et compagnie"
@click.self="toggleNav($event.target)" class=""
>
<span>
Salades et compagnie <small>(54)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/tomates"
title="Tomates"
@click.self="toggleNav($event.target)" class=""
>
<span>
Tomates <small>(20)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines/graines-potageres"
title="Autres graines potagères"
@click.self="toggleNav($event.target)" class=""
>
<span>
Autres graines potagères <small>(47)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Graines de fleurs"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Graines de fleurs </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/graines-et-potager/graines-de-fleurs"
title="Graines de fleurs : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines de fleurs : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines-de-fleurs/jacheres-fleuries"
title="Jachères fleuries"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jachères fleuries <small>(16)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/graines-de-fleurs/graines-de-gazon"
title="Graines de gazon"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines de gazon <small>(5)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Bulbes et plants potagers"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Bulbes et plants potagers </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers"
title="Bulbes et plants potagers : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bulbes et plants potagers : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers/ails-oignons-echalotes"
title="Ails, oignons et échalotes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Ails, oignons et échalotes <small>(8)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers/asperges"
title="Asperges"
@click.self="toggleNav($event.target)" class=""
>
<span>
Asperges <small>(3)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers/pommes-de-terre"
title="Pommes de terre"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pommes de terre <small>(17)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers/plants-aromatiques-et-condimentaires"
title="Plants aromatiques et condimentaires"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plants aromatiques et condimentaires <small>(11)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers/courges-courgettes-cornichons-melons"
title="Plants de courges, courgettes, cornichons, melons"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plants de courges, courgettes, cornichons, melons <small>(10)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers/tomates"
title="Plants de tomates"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plants de tomates <small>(26)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers/plants-potagers-greffes"
title="Plants potagers greffés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plants potagers greffés <small>(9)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers/autres-bulbes-potagers"
title="Autres bulbes potagers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Autres bulbes potagers <small>(2)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/bulbes-plants-potagers/autres-plants-potagers"
title="Autres plants potagers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Autres plants potagers <small>(12)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/accessoires-potager"
title="Accessoires du potager"
@click.self="toggleNav($event.target)" class=""
>
<span>
Accessoires du potager </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/carres-potager"
title="Carrés potager"
@click.self="toggleNav($event.target)" class=""
>
<span>
Carrés potager </span>
</a>
</li> <li >
<a href="javascript:;"
title="Graines et potager par envie"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Graines et potager par envie </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/graines-et-potager/vos-envies-par-meilland"
title="Graines et potager par envie : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines et potager par envie : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/vos-envies-par-meilland/pour-balcons-terrasses"
title="Graines et potagers pour balcons et terrasses"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines et potagers pour balcons et terrasses <small>(94)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/vos-envies-par-meilland/mon-potager-facile"
title="Mon potager facile"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mon potager facile <small>(56)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/vos-envies-par-meilland/legumes-d-hiver"
title="Légumes d'hiver"
@click.self="toggleNav($event.target)" class=""
>
<span>
Légumes d'hiver <small>(70)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/vos-envies-par-meilland/legumes-d-ete"
title="Légumes d'été"
@click.self="toggleNav($event.target)" class=""
>
<span>
Légumes d'été <small>(72)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/vos-envies-par-meilland/legumes-primeurs"
title="Légumes primeurs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Légumes primeurs <small>(13)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/vos-envies-par-meilland/legumes-oublies"
title="Légumes oubliés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Légumes oubliés <small>(18)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/graines-et-potager/vos-envies-par-meilland/saveurs-du-monde"
title="Saveurs du monde"
@click.self="toggleNav($event.target)" class=""
>
<span>
Saveurs du monde <small>(6)</small>
</span>
</a>
</li> </ol>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/graines-et-potager/graines-de-fleurs">
<img src="https://www.meillandrichardier.com/media/menu/GRAINES-grainesflorales.jpg">
<span>Nos graines florales</span>
</a>
</li>
<li>
<a href="https://www.meillandrichardier.com/graines-et-potager/graines-bio">
<img src="https://www.meillandrichardier.com/media/menu/GRAINES-grainesbio.jpg">
<span>Nos graines bio</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Jardins BIO et naturel"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/jardin-bio-icone-menu.svg"
alt="Jardins BIO et naturel" />
<span>
Jardins BIO et naturel </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel"
title="Jardins BIO et naturel : voir tous les produits"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardins BIO et naturel : voir tous les produits </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/graines-bio"
title="Graines potagères BIO"
@click.self="toggleNav($event.target)" class=""
>
<span>
Graines potagères BIO </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/produits-utilisables-en-culture-bio"
title="Produits utilisables en culture BIO"
@click.self="toggleNav($event.target)" class=""
>
<span>
Produits utilisables en culture BIO </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/bio-controles-et-jardinage-raisonne"
title="Bio-contrôles et Jardinage raisonné"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bio-contrôles et Jardinage raisonné </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/plantes-utiles-a-la-biodiversite"
title="Plantes utiles à la biodiversité"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes utiles à la biodiversité </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/plantes-tolerantes-a-la-secheresse"
title="Plantes tolérantes à la sécheresse"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes tolérantes à la sécheresse </span>
</a>
</li> <li >
<a href="javascript:;"
title="Animaux du jardin"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Animaux du jardin </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/animaux-du-jardin"
title="Animaux du jardin : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Animaux du jardin : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/animaux-du-jardin/abreuvoirs"
title="Abreuvoirs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Abreuvoirs <small>(2)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/animaux-du-jardin/accessoires"
title="Accessoires"
@click.self="toggleNav($event.target)" class=""
>
<span>
Accessoires <small>(3)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/animaux-du-jardin/mangeoires"
title="Mangeoires"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mangeoires <small>(19)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/animaux-du-jardin/nichoirs-et-abris"
title="Nichoirs et abris"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nichoirs et abris <small>(10)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/animaux-du-jardin/nourritures"
title="Nourritures"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nourritures <small>(10)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Jardins bio et naturel par envie"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Jardins bio et naturel par envie </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/vos-envies-par-meilland"
title="Jardins bio et naturel par envie : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardins bio et naturel par envie : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-bio-ou-naturel/vos-envies-par-meilland/amenager-un-jardin-accueillant"
title="Aménager un jardin accueillant"
@click.self="toggleNav($event.target)" class=""
>
<span>
Aménager un jardin accueillant <small>(8)</small>
</span>
</a>
</li> </ol>
</li> <ol class="main-nav__media">
<li>
<a href="/jardin-bio-ou-naturel/plantes-utiles-a-la-biodiversite">
<img src="/media/menu/4745-Tournesol-_-fleur-g_ante-TO-PM144137-500.jpg">
<span>Nos plantes utiles à la biodiversité</span>
</a>
</li>
<li>
<a href="/jardin-bio-ou-naturel/animaux-du-jardin/mangeoires">
<img src="/media/menu/Mangeoire-220-160.jpg">
<span>Nos mangeoires</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Produits jardin et bien-être"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/accessoires-icone-menu.svg"
alt="Produits jardin et bien-être" />
<span>
Produits jardin et bien-être </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre"
title="Produits jardin et bien-être : voir tout"
@click.self="toggleNav($event.target)" class=""
>
<span>
Produits jardin et bien-être : voir tout </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/nouveaute-accessoires"
title="Nouveautés d'accessoires"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nouveautés d'accessoires </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/produits-bien-etre"
title="Produits de bien-être"
@click.self="toggleNav($event.target)" class=""
>
<span>
Produits de bien-être </span>
</a>
</li> <li >
<a href="javascript:;"
title="Jardinage connecté"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Jardinage connecté </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/jardinage-connecte"
title="Jardinage connecté : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardinage connecté : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/jardinage-connecte/jardin-interieur-outils-connectes"
title="Potagers d'intérieur"
@click.self="toggleNav($event.target)" class=""
>
<span>
Potagers d'intérieur <small>(8)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/anti-nuisible"
title="Anti-nuisibles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Anti-nuisibles </span>
</a>
</li> <li >
<a href="javascript:;"
title="Accessoires indispensables"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Accessoires indispensables </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/accessoires-indispensables"
title="Accessoires indispensables : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Accessoires indispensables : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/accessoires-indispensables/accessoires-incontournables"
title="Les incontournables"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les incontournables <small>(49)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/accessoires-indispensables/arches-pergolas-tonnelles-tuteurs-decorations"
title="Arches, pergolas, tonnelles, tuteurs et décorations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arches, pergolas, tonnelles, tuteurs et décorations <small>(42)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/accessoires-indispensables/arrosage-reservoirs-eau"
title="Arrosages et réservoirs d'eau"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arrosages et réservoirs d'eau <small>(21)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/accessoires-indispensables/outils-de-coupe"
title="Outils de coupe"
@click.self="toggleNav($event.target)" class=""
>
<span>
Outils de coupe <small>(11)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/accessoires-indispensables/serres-de-jardin-tunnels-chassis-composteurs"
title="Serres, tunnels, châssis et composteurs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Serres, tunnels, châssis et composteurs <small>(19)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Soins du jardin"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Soins du jardin </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/soins-du-jardin"
title="Soins du jardin : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Soins du jardin : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/soins-du-jardin/engrais"
title="Engrais"
@click.self="toggleNav($event.target)" class=""
>
<span>
Engrais <small>(31)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/soins-du-jardin/engrais-osmocote"
title="Engrais Osmocote ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Engrais Osmocote ® <small>(4)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/soins-du-jardin/traitements-naturels-du-jardin"
title="Traitements naturels du jardin"
@click.self="toggleNav($event.target)" class=""
>
<span>
Traitements naturels du jardin <small>(30)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/soins-du-jardin/protection-traitement-phytosanitaire"
title="Protections pour traitements phytosanitaires"
@click.self="toggleNav($event.target)" class=""
>
<span>
Protections pour traitements phytosanitaires <small>(6)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Bacs en bois et pots"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Bacs en bois et pots </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/bacs-en-bois-et-pots"
title="Bacs en bois et pots : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bacs en bois et pots : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/bacs-en-bois-et-pots/carre-potager"
title="Carrés potager"
@click.self="toggleNav($event.target)" class=""
>
<span>
Carrés potager <small>(15)</small>
</span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/mobiliers-pour-jardin-et-jardinage"
title="Mobiliers pour jardin et jardinage"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mobiliers pour jardin et jardinage </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/livres"
title="Livres"
@click.self="toggleNav($event.target)" class=""
>
<span>
Livres </span>
</a>
</li> <li >
<a href="javascript:;"
title="Produits jardin par envie"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Produits jardin par envie </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/vos-envies-par-meilland"
title="Produits jardin par envie : voir tous"
@click.self="toggleNav($event.target)" class=""
>
<span>
Produits jardin par envie : voir tous </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/vos-envies-par-meilland/amenager-balcons-terrasses"
title="Aménager balcons et terrasses"
@click.self="toggleNav($event.target)" class=""
>
<span>
Aménager balcons et terrasses <small>(24)</small>
</span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/produits-jardin-et-bien-etre/vos-envies-par-meilland/embellir-votre-jardin"
title="Embellir votre jardin"
@click.self="toggleNav($event.target)" class=""
>
<span>
Embellir votre jardin <small>(17)</small>
</span>
</a>
</li> </ol>
</li> <ol class="main-nav__media">
<li>
<a href="/produits-jardin-et-bien-etre/accessoires-indispensables/arches-pergolas-tonnelles-tuteurs-decorations">
<img src="/media/menu/9270C-Kiosque-Premium-decor-treillage-Moulin-T500.jpg">
<span>Nos arches, pergolas et tunnels</span>
</a>
</li>
<li>
<a href="/produits-jardin-et-bien-etre/accessoires-indispensables">
<img src="/media/menu/serrebalcon-220-160.jpg">
<span>Nos accessoires du jardinier</span>
</a>
</li>
</ol>
</ol>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Conseils &amp; inspirations"
@click.self.prevent="toggleNav($event.target)" class="has-child"
>
<span>
Conseils & inspirations </span>
</a>
<ol class="nav nav-1">
<li >
<a href="javascript:;"
title="Inspirations jardin"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/Inspirations_jardin.svg"
alt="Inspirations jardin" />
<span>
Inspirations jardin </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="/inspirations-jardin"
title="Toutes les inspirations jardin"
@click.self="toggleNav($event.target)" class=""
>
<span>
Toutes les inspirations jardin </span>
</a>
</li> <li >
<a href="javascript:;"
title="Je souhaite un jardin"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Je souhaite un jardin </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/idees-amenagement-jardin"
title="Je souhaite un jardin : toutes les inspirations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Je souhaite un jardin : toutes les inspirations </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-jardin-breton"
title="Un jardin breton"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin breton </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/garder-un-jardin-decoratif-meme-en-plein-ete"
title="Garder un jardin décoratif tout l'été"
@click.self="toggleNav($event.target)" class=""
>
<span>
Garder un jardin décoratif tout l'été </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/tendance-xeriscaping-conseils"
title="Un jardin résistant à la sécheresse (Xeriscaping)"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin résistant à la sécheresse (Xeriscaping) </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-mediterraneen-ambiance"
title="Un jardin aux accents méditerranéens"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin aux accents méditerranéens </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-sante-plantes-officinales"
title="Un jardin santé"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin santé </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/tendance-romantique-3-points-cles"
title="Un jardin romantique"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin romantique </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/attirer-papillons-et-oiseaux"
title="Un jardin favorable à la biodiversité"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin favorable à la biodiversité </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/un-jardin-parfume"
title="Un jardin parfumé"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin parfumé </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-fleuri-toute-annee"
title="Un jardin fleuri toute l'année"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin fleuri toute l'année </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-fleuri-en-automne"
title="Un jardin fleuri en automne"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin fleuri en automne </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-jardin-automne"
title="Un jardin d'automne"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin d'automne </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-anglais"
title="Un jardin à l'anglaise"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin à l'anglaise </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/le-jardin-ecologique"
title="Un jardin écologique"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin écologique </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-de-vacances"
title="Un jardin de vacances fleuri tout l'été"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin de vacances fleuri tout l'été </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes-vivaces-fleurir-son-jardin-petit-budget"
title="Un beau jardin toute l'année sans se ruiner"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un beau jardin toute l'année sans se ruiner </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-un-jardin-a-la-francaise-revisite"
title="Un jardin à la française revisité"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin à la française revisité </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nos ambiances faciles à recréer"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Nos ambiances faciles à recréer </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/nos-ambiances-faciles-a-recreer"
title="Nos ambiances faciles à recréer : toutes les inspirations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos ambiances faciles à recréer : toutes les inspirations </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-jardin-meditatif"
title="Un jardin méditatif"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin méditatif </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-economes-en-eau"
title="Les plantes économes en eau"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les plantes économes en eau </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-ambiance-sous-bois"
title="Ambiance sous-bois"
@click.self="toggleNav($event.target)" class=""
>
<span>
Ambiance sous-bois </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/sublimer-structurer-son-jardin"
title="Sublimer et structurer votre jardin"
@click.self="toggleNav($event.target)" class=""
>
<span>
Sublimer et structurer votre jardin </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/pimper-balcon-ou-terrasses-cet-ete"
title="Pimper votre balcon et votre terrasse"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pimper votre balcon et votre terrasse </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-patio-andalou"
title="Un patio andalou"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un patio andalou </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-balcon-gourmand"
title="Un balcon gourmand"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un balcon gourmand </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-bulle-de-fraicheur"
title="Une bulle de fraîcheur"
@click.self="toggleNav($event.target)" class=""
>
<span>
Une bulle de fraîcheur </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-jardin-suspendu"
title="Un balcon suspendu"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un balcon suspendu </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-antan-grand-mere"
title="Un air d'antan avec le jardin des grand-mères"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un air d'antan avec le jardin des grand-mères </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-des-fragrances"
title="Jardin des fragrances"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardin des fragrances </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/creer-un-jardin-de-roses-style-regence-charme-et-elegance-vintage"
title="Un jardin de roses style Régence"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin de roses style Régence </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Espaces difficiles à fleurir"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Espaces difficiles à fleurir </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="/espaces-difficiles-a-fleurir"
title="Espaces difficiles à fleurir : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Espaces difficiles à fleurir : tous les conseils </span>
</a>
</li> <li >
<a href="/special-petits-jardins"
title="Spécial petits jardins"
@click.self="toggleNav($event.target)" class=""
>
<span>
Spécial petits jardins </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/amenager-jardin-bord-de-mer"
title="Un jardin de bord de mer"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin de bord de mer </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-jardin-en-pente"
title="Un jardin en pente"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin en pente </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/culture-en-pots"
title="Une terrasse comme au jardin avec la culture en pots, c'est possible ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Une terrasse comme au jardin avec la culture en pots, c'est possible ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fleurir-un-balcon-ou-une-terrasse"
title="Fleurir facilement un balcon ou une terrasse"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fleurir facilement un balcon ou une terrasse </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/petits-compagnons-pour-petits-espaces"
title="Nos petits compagnons : les plantes parfaites pour les petits espaces"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos petits compagnons : les plantes parfaites pour les petits espaces </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nos jardins en couleurs"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Nos jardins en couleurs </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="/jardins-en-couleurs"
title="Nos jardins en couleurs : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos jardins en couleurs : tous les conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/inspiration-jardin-blanc"
title="Jardin blanc"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardin blanc </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/couleurs-tendances-jaune-soleil"
title="Jardin jaune"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardin jaune </span>
</a>
</li> <li >
<a href="/couleurs-tendances-mauve"
title="Jardin violet"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardin violet </span>
</a>
</li> <li >
<a href="/couleurs-tendances-noir-blanc"
title="Jardin noir et blanc"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardin noir et blanc </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com//couleurs-tendances-orange-tonique"
title="Jardin orange"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardin orange </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/couleurs-tendances-rose-parfume"
title="Jardin rose"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardin rose </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com//couleurs-tendances-jardin-rouge"
title="Jardin rouge"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardin rouge </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nos inspirations rosiers"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Nos inspirations rosiers </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/inspirations-rosiers"
title="Nos inspirations rosiers - toutes nos inspirations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos inspirations rosiers - toutes nos inspirations </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/des-rosiers-bien-entoures"
title="Des rosiers bien entourés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Des rosiers bien entourés </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-preferes-equipes-meilland-richardier"
title="Les rosiers préférés de l'équipe"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les rosiers préférés de l'équipe </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-coups-de-coeur-meilland-richardier"
title="Les coups de coeur de notre équipe"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les coups de coeur de notre équipe </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-paysagers-atout-floraison-resistance"
title="Nos rosiers paysagers pour une abondance de fleurs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos rosiers paysagers pour une abondance de fleurs </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-romantica-r-rosiers-romantiques-meilland"
title="Un espace romantique avec nos rosiers ROMANTICA ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un espace romantique avec nos rosiers ROMANTICA ® </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-perfumella-r-rosiers-meilland-les-plus-parfumes"
title="Le plaisir du parfum avec nos rosiers PERFUMELLA ®"
@click.self="toggleNav($event.target)" class=""
>
<span>
Le plaisir du parfum avec nos rosiers PERFUMELLA ® </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/sublimer-votre-jardin-rosiers-grimpants-arches-pergolas"
title="Sublimez votre jardin avec des rosiers grimpants, arches et pergolas"
@click.self="toggleNav($event.target)" class=""
>
<span>
Sublimez votre jardin avec des rosiers grimpants, arches et pergolas </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-galaxy-des-rosiers-compacts-pour-fleurir-cours-balcons-et-espaces-urbains"
title="Rosiers GALAXY® : des rosiers compacts pour fleurir cours, balcons et espaces urbains"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers GALAXY® : des rosiers compacts pour fleurir cours, balcons et espaces urbains </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nos-rosiers-pour-bouquets-des-roses-ideales-pour-la-fleur-coupee"
title="Nos rosiers pour bouquets : des roses idéales pour la fleur coupée"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos rosiers pour bouquets : des roses idéales pour la fleur coupée </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-pour-haie-floraison-genereuse-et-presence-remarquable-en-haie-fleurie"
title="Rosiers pour haie : nos meilleures variétés pour haies fleuries"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers pour haie : nos meilleures variétés pour haies fleuries </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/les-rosiers-sauvages-pour-un-jardin-slowflower"
title="Les rosiers sauvages pour un jardin « slowflower »"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les rosiers sauvages pour un jardin « slowflower » </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-et-jungle-urbaine-jouer-sur-la-verticalite"
title="Rosiers et jungle urbaine : jouer sur la verticalité"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers et jungle urbaine : jouer sur la verticalité </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/un-jardin-de-roses-aux-airs-d-enfance-entre-simplicite-et-nostalgie"
title="Un jardin de roses aux airs d'enfance, entre simplicité et nostalgie"
@click.self="toggleNav($event.target)" class=""
>
<span>
Un jardin de roses aux airs d'enfance, entre simplicité et nostalgie </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jardin-de-roses-sans-contraintes-les-rosiers-faciles-a-entretenir"
title="Jardin de roses sans contraintes : des rosiers faciles à entretenir"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jardin de roses sans contraintes : des rosiers faciles à entretenir </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-resistants-a-la-secheresse-pour-jardins-secs-et-ensoleilles"
title="Rosiers résistants à la sécheresse pour jardins secs et ensoleillés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers résistants à la sécheresse pour jardins secs et ensoleillés </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/l-art-de-meler-les-feuillages-et-les-roses"
title="L'art de mêler les feuillages et les roses"
@click.self="toggleNav($event.target)" class=""
>
<span>
L'art de mêler les feuillages et les roses </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-pour-sols-pauvres-et-terrains-difficiles-les-varietes-resistantes"
title="Rosiers pour sols pauvres et terrains difficiles: les variétés résistantes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers pour sols pauvres et terrains difficiles: les variétés résistantes </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nos inspirations Fleurs à bulbes"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Nos inspirations Fleurs à bulbes </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/inspirations-bulbes"
title="Nos inspirations fleurs à bulbes - toutes nos inspirations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos inspirations fleurs à bulbes - toutes nos inspirations </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/amaryllis-des-fleurs-en-hiver"
title="Les amaryllis pour fleurir l'hiver"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les amaryllis pour fleurir l'hiver </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nouveautes-agapanthes-alstromeres-arums"
title="Agapanthes, arums et alstroemères"
@click.self="toggleNav($event.target)" class=""
>
<span>
Agapanthes, arums et alstroemères </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nouveautes-bulbes"
title="Nos nouveautés de bulbes à floraison estivales"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos nouveautés de bulbes à floraison estivales </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/grand-retour-des-glaieuls"
title="Les glaieuls : leur grand retour !"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les glaieuls : leur grand retour ! </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/dahlias-bulbes"
title="Les dahlias : du relief dans vos massifs"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les dahlias : du relief dans vos massifs </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nos inspirations Fleurs Annuelles"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Nos inspirations Fleurs Annuelles </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/inspirations-annuelles"
title="Nos inspirations fleurs annuelles - toutes nos inspirations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos inspirations fleurs annuelles - toutes nos inspirations </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-annuelles-fleurir-votre-exterieur-maintenant"
title="Les plantes annuelles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les plantes annuelles </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/les-dipladenias-des-plantes-polyvalentes-et-accessibles"
title="Dipladénias : polyvalents et accessibles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Dipladénias : polyvalents et accessibles </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/les-geraniums-incontournables-de-tous-vos-espaces"
title="Les incontournables géraniums"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les incontournables géraniums </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nos inspirations Vivaces"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Nos inspirations Vivaces </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/inspirations-vivaces"
title="Nos inspirations vivaces : toutes les inspirations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos inspirations vivaces : toutes les inspirations </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/les-plantes-tapissantes"
title="Les plantes tapissantes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les plantes tapissantes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/trois-nouvelles-vivaces"
title="3 nouvelles vivaces pour l'été"
@click.self="toggleNav($event.target)" class=""
>
<span>
3 nouvelles vivaces pour l'été </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/iris-germanica-fleurir-un-jardin-sans-effort"
title="Les Iris Germanica pour fleurir votre jardin sans effort"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les Iris Germanica pour fleurir votre jardin sans effort </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/lupins-de-russels-explosion-de-couleurs"
title="Les lupins de Russels"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les lupins de Russels </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/top-10-vivaces-les-plus-faciles-a-cultiver"
title="Le top 10 des fleurs vivaces les plus faciles"
@click.self="toggleNav($event.target)" class=""
>
<span>
Le top 10 des fleurs vivaces les plus faciles </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nouveautes-3-heucheres"
title="Nos nouveautés d'heuchères"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos nouveautés d'heuchères </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nos inspirations Arbustes"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Nos inspirations Arbustes </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/inspirations-arbustes"
title="Nos inspirations arbustes - toutes nos inspirations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos inspirations arbustes - toutes nos inspirations </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nouveautes-arbustes-petits-espaces"
title="Les arbustes pour petits espaces"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les arbustes pour petits espaces </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/3-mini-buddleias-maxi-effet"
title="Mini buddléias = maxi effet !"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mini buddléias = maxi effet ! </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/creer-bouquet-hortensias-seches"
title="Créer un bouquet d'hortensias séchés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Créer un bouquet d'hortensias séchés </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbustes-resistants-au-froid"
title="Arbustes résistants au froid : les meilleures variétés pour un jardin vivace en hiver"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes résistants au froid : les meilleures variétés pour un jardin vivace en hiver </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nos inspirations Plantes Grimpantes"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Nos inspirations Plantes Grimpantes </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/inspirations-grimpantes"
title="Nos inspirations plantes grimpantes - toutes nos inspirations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos inspirations plantes grimpantes - toutes nos inspirations </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/top10-plantes-grimpantes-balcon-terrasse"
title="Le top 10 des meilleures plantes grimpantes pour balcon ou terrasse"
@click.self="toggleNav($event.target)" class=""
>
<span>
Le top 10 des meilleures plantes grimpantes pour balcon ou terrasse </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nouveautes-plantes-grimpantes-ah23"
title="Nos nouveautés de plantes grimpantes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos nouveautés de plantes grimpantes </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nos inspirations Fruitiers"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Nos inspirations Fruitiers </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/inspirations-fruitiers"
title="Nos inspirations fruitiers - toutes nos inspirations"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nos inspirations fruitiers - toutes nos inspirations </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/petits-fruits-creez-facilement-votre-espace-gourmand-sur-votre-terrasse-ou-votre-balcon"
title="Les petits fruits : un espace gourmand sur votre balcon"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les petits fruits : un espace gourmand sur votre balcon </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nouveautes-de-la-saison-les-vignes-fragola"
title="Les vignes Fragola"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les vignes Fragola </span>
</a>
</li> </ol>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/jardin-des-fragrances">
<img src="https://www.meillandrichardier.com/media/menu/fragrancecarre.jpg">
<span>Jardin des fragrances</span>
</a>
</li>
<li>
<a href="/tendance-romantique-3-points-cles">
<img src="/media/menu/romantique.jpg">
<span>Un jardin romantique</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Avant /après plantation"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/avant_apres.svg"
alt="Avant /après plantation" />
<span>
Avant /après plantation </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/avant-de-planter"
title="Voir tous nos conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Voir tous nos conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/guide-de-plantation"
title="Notre Guide de Plantation"
@click.self="toggleNav($event.target)" class=""
>
<span>
Notre Guide de Plantation </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/preparer-et-ameliorer-le-sol"
title="Préparer et améliorer le sol"
@click.self="toggleNav($event.target)" class=""
>
<span>
Préparer et améliorer le sol </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/quand-et-ou-planter"
title="Quand et où planter ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Quand et où planter ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/planter-en-racines-nues"
title="Plants en racines nues : stop aux idées reçues !"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plants en racines nues : stop aux idées reçues ! </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/avantages-plantes-racines-nues"
title="Pourquoi et comment choisir des rosiers, arbustes et fruitiers en racines nues"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pourquoi et comment choisir des rosiers, arbustes et fruitiers en racines nues </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/retour-froid-proteger-plantes"
title="Protéger vos plantes avec le retour du froid : conseils et gestes essentiels"
@click.self="toggleNav($event.target)" class=""
>
<span>
Protéger vos plantes avec le retour du froid : conseils et gestes essentiels </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/retour-froid-proteger-plantes"
title="Protéger vos plantes avec le retour du froid : conseils et gestes essentiels"
@click.self="toggleNav($event.target)" class=""
>
<span>
Protéger vos plantes avec le retour du froid : conseils et gestes essentiels </span>
</a>
</li> <ol class="main-nav__media">
<li>
<a href="/preparer-et-ameliorer-le-sol">
<img src="/media/menu/preparerlesol-220-160.jpg">
<span>Préparer et améliorer le sol</span>
</a>
</li>
<li>
<a href="/special-petits-jardins">
<img src="/media/menu/aubriete-220-160.jpg">
<span>Embellir un petit jardin</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Conseils par plante"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/conseils_par_plante.svg"
alt="Conseils par plante" />
<span>
Conseils par plante </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/conseils-de-jardiniers"
title="Voir tous nos conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Voir tous nos conseils </span>
</a>
</li> <li >
<a href="javascript:;"
title="Rosiers"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Rosiers </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/conseils-plantation-et-entretien-les-rosiers"
title="Rosiers : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers : tous les conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/conseils-rosiers-comment-choisir"
title="Rosiers, comment choisir sa variété ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers, comment choisir sa variété ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/quand-et-ou-planter-les-rosiers"
title="Rosiers, comment réussir leur plantation ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers, comment réussir leur plantation ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/conseils-rosiers-buissons"
title="Rosiers buissons : conseils de plantation, taille et entretien"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers buissons : conseils de plantation, taille et entretien </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/conseils-rosiers-paysagers"
title="Rosiers paysagers : conseils de plantation, taille et entretien"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers paysagers : conseils de plantation, taille et entretien </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantation-rosiers-grimpants"
title="Rosiers grimpants : conseils de plantation, taille et entretien"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers grimpants : conseils de plantation, taille et entretien </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantation-rosiers-tiges-pleureurs"
title="Rosiers tiges et pleureurs : conseils de plantation, de taille et d'entretien"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers tiges et pleureurs : conseils de plantation, de taille et d'entretien </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/cultiver-rosier-balcon-terrasse"
title="Rosiers, comment réussir une plantation en pot pour balcon ou terrasse ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers, comment réussir une plantation en pot pour balcon ou terrasse ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/entretien-des-rosiers"
title="Rosiers, conseils généraux d'entretien"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers, conseils généraux d'entretien </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/conseils-rosiers-protection-aleas-climat"
title="Rosiers, comment les préserver des aléas climatiques ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers, comment les préserver des aléas climatiques ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rosiers-paysagers-nos-conseils-pour-faire-le-bon-choix"
title="Rosiers paysagers, nos conseils pour faire le bon choix !"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers paysagers, nos conseils pour faire le bon choix ! </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/gestes-simples-rosiers"
title="Les gestes simples pour vos rosiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les gestes simples pour vos rosiers </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Fleurs à bulbes"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Fleurs à bulbes </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/conseils-de-plantation-entretien-des-bulbes"
title="Fleurs à bulbes : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fleurs à bulbes : tous les conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbes-tous-nos-conseils-de-plantation"
title="Bulbe : conseils de plantation"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bulbe : conseils de plantation </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/conservation-bulbes-apres-floraison"
title="Comment conserver ses bulbes après floraison ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Comment conserver ses bulbes après floraison ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/planter-les-bulbes-d-automne"
title="Bien planter les fleurs à bulbes d'automne"
@click.self="toggleNav($event.target)" class=""
>
<span>
Bien planter les fleurs à bulbes d'automne </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bulbe-vivace-agapanthe-conseils-plantation-taille-entretien"
title="Agapanthe"
@click.self="toggleNav($event.target)" class=""
>
<span>
Agapanthe </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/alstroemere-conseils-plantation-et-entretien"
title="Alstroemère"
@click.self="toggleNav($event.target)" class=""
>
<span>
Alstroemère </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/amaryllis-conseils-plantation-et-entretien"
title="Amaryllis"
@click.self="toggleNav($event.target)" class=""
>
<span>
Amaryllis </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arum-conseils-plantation-et-entretien"
title="Arum"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arum </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/begonia-conseils-plantation-et-entretien"
title="Begonia"
@click.self="toggleNav($event.target)" class=""
>
<span>
Begonia </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/canna-conseils-plantation-et-entretien"
title="Canna"
@click.self="toggleNav($event.target)" class=""
>
<span>
Canna </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/dahlias-conseils-plantation-taille-entretien"
title="Dahlia"
@click.self="toggleNav($event.target)" class=""
>
<span>
Dahlia </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/glaieul-conseils-plantation-et-entretien"
title="Glaïeul"
@click.self="toggleNav($event.target)" class=""
>
<span>
Glaïeul </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/jacinthes-conseils-plantation-taille-entretien"
title="Jacinthe"
@click.self="toggleNav($event.target)" class=""
>
<span>
Jacinthe </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/lys-tous-nos-conseils-de-plantation-taille-et-entretien"
title="Lis"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lis </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/narcisses-conseils-plantation-taille-entretien"
title="Narcisse"
@click.self="toggleNav($event.target)" class=""
>
<span>
Narcisse </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/tulipes-conseils-de-plantation-taille-entretien"
title="Tulipe"
@click.self="toggleNav($event.target)" class=""
>
<span>
Tulipe </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Plantes annuelles"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Plantes annuelles </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/conseils-plantes-annuelles"
title="Plantes annuelles : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes annuelles : tous les conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/dipladenia-conseils"
title="Dipladénia"
@click.self="toggleNav($event.target)" class=""
>
<span>
Dipladénia </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fuchsia-ete-conseils"
title="Fuchsia d'été"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fuchsia d'été </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/geranium-lierre-zonale-conseils-plantation-entretien"
title="Géranium lierre et zonale"
@click.self="toggleNav($event.target)" class=""
>
<span>
Géranium lierre et zonale </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Fleurs vivaces"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Fleurs vivaces </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/conseils-jardinage-plantes-vivaces"
title="Fleurs vivaces : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fleurs vivaces : tous les conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-vivaces-conseils-de-plantation"
title="Fleurs vivaces : conseils de plantation"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fleurs vivaces : conseils de plantation </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces-conseils-de-taille-et-entretien"
title="Vivaces : nos conseils d'entretien"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vivaces : nos conseils d'entretien </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vivaces-gestes-saisonniers"
title="Gestes saisonniers essentiels pour entretenir vos vivaces"
@click.self="toggleNav($event.target)" class=""
>
<span>
Gestes saisonniers essentiels pour entretenir vos vivaces </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/oeillets-conseils-plantation-taille-entretien"
title="Œillet"
@click.self="toggleNav($event.target)" class=""
>
<span>
Œillet </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fuchsia-vivace-conseils"
title="Fuchsia vivace"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fuchsia vivace </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/hemerocalle-conseils"
title="Hémérocalle"
@click.self="toggleNav($event.target)" class=""
>
<span>
Hémérocalle </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/iris-conseils-plantation-taille-entretien"
title="Iris"
@click.self="toggleNav($event.target)" class=""
>
<span>
Iris </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/lavande-conseils"
title="Lavande"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lavande </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rose-de-noel-hellebore-conseils-plantation-taille-entretien"
title="Rose de Noël (Hellebore)"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rose de Noël (Hellebore) </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/rose-tremiere-conseils-plantation-taille-entretien"
title="Rose trémière"
@click.self="toggleNav($event.target)" class=""
>
<span>
Rose trémière </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/conseils-sauges-plantation-entretien"
title="Sauge"
@click.self="toggleNav($event.target)" class=""
>
<span>
Sauge </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/pivoines-conseils-de-plantation-et-d-entretien"
title="Pivoine"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pivoine </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Arbustes"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Arbustes </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/conseils-plantation-et-entretien-les-arbustes"
title="Arbustes : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbustes : tous les conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/taille-arbustes-automne"
title="Quels arbustes tailler à l’automne pour un jardin éclatant au printemps ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Quels arbustes tailler à l’automne pour un jardin éclatant au printemps ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/agrume-conseils-plantation-taille-entretien"
title="Agrumes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Agrumes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/althea-conseils-plantation-taille-entretien"
title="Althéa ou Hibiscus syriacus"
@click.self="toggleNav($event.target)" class=""
>
<span>
Althéa ou Hibiscus syriacus </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/bambou-conseils-plantation-taille-entretien"
title="Bambou "
@click.self="toggleNav($event.target)" class=""
>
<span>
Bambou </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/buddleia-conseils-plantation-taille-entretien"
title="Buddleia "
@click.self="toggleNav($event.target)" class=""
>
<span>
Buddleia </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/camelia-conseils"
title="Camélia"
@click.self="toggleNav($event.target)" class=""
>
<span>
Camélia </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/erable-du-japon-conseils"
title="Érable du Japon"
@click.self="toggleNav($event.target)" class=""
>
<span>
Érable du Japon </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/hortensias-conseils-plantation"
title="Hortensia"
@click.self="toggleNav($event.target)" class=""
>
<span>
Hortensia </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/lagerstroemia-conseils-plantation-taille-entretien"
title="Lagerstroemia"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lagerstroemia </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/laurier-rose-conseils-plantation-taille-entretien"
title="Laurier-rose"
@click.self="toggleNav($event.target)" class=""
>
<span>
Laurier-rose </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/lavatere-conseils-plantation-taille-entretien"
title="Lavatère"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lavatère </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/lilas-conseils-plantation-taille-entretien"
title="Lilas"
@click.self="toggleNav($event.target)" class=""
>
<span>
Lilas </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/mimosa-conseils-plantation-taille-entretien"
title="Mimosa"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mimosa </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/palmier-conseils"
title="Palmier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Palmier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/potentille-conseils-plantation-taille-entretien"
title="Potentilles arbustives"
@click.self="toggleNav($event.target)" class=""
>
<span>
Potentilles arbustives </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Plantes grimpantes"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Plantes grimpantes </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/conseils-jardinage-plantes-grimpantes"
title="Plantes grimpantes : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plantes grimpantes : tous les conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-grimpantes-comment-les-choisir"
title="Plante grimpante : conseils de plantation"
@click.self="toggleNav($event.target)" class=""
>
<span>
Plante grimpante : conseils de plantation </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/chevrefeuilles-conseils-plantation-taille-entretien"
title="Chèvrefeuille"
@click.self="toggleNav($event.target)" class=""
>
<span>
Chèvrefeuille </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/clematites-conseils-de-plantation"
title="Clématites"
@click.self="toggleNav($event.target)" class=""
>
<span>
Clématites </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantation-rosiers-grimpants"
title="Rosiers grimpants "
@click.self="toggleNav($event.target)" class=""
>
<span>
Rosiers grimpants </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vignes-de-table-conseils-plantation-taille-entretien"
title="Vignes de table"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vignes de table </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Fruitiers"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Fruitiers </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/conseils-culture-fruitiers"
title="Fruitiers : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fruitiers : tous les conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbres-fruitiers-quelle-forme-choisir"
title="Arbres fruitiers : quelle forme choisir ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbres fruitiers : quelle forme choisir ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbre-fruitier-scion-conseils-plantation-taille-entretien"
title="Le scion, tout comprendre sur cette forme de fruitier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Le scion, tout comprendre sur cette forme de fruitier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbre-fruitier-gobelet-conseils-taille-plantation-entretien"
title="Le gobelet, tout comprendre sur cette forme de fruitier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Le gobelet, tout comprendre sur cette forme de fruitier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbre-fruitier-demi-tige-conseils-plantation-taille-entretien"
title="La demi-tige, tout comprendre sur cette forme de fruitier"
@click.self="toggleNav($event.target)" class=""
>
<span>
La demi-tige, tout comprendre sur cette forme de fruitier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitier-palmette-conseils-plantation-taille-entretien"
title="La palmette, tout comprendre sur cette forme de fruitiers"
@click.self="toggleNav($event.target)" class=""
>
<span>
La palmette, tout comprendre sur cette forme de fruitiers </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fruitier-nain-conseils-plantation-taille-entretien"
title="Tout savoir sur les fruitiers nains"
@click.self="toggleNav($event.target)" class=""
>
<span>
Tout savoir sur les fruitiers nains </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/arbres-fruitiers-conseils-plantation-entretien"
title="Arbres fruitiers : conseils de plantation et d'entretien"
@click.self="toggleNav($event.target)" class=""
>
<span>
Arbres fruitiers : conseils de plantation et d'entretien </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/abricotier-tous-nos-conseils-de-plantation-taille-et-entretien"
title="Abricotier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Abricotier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/amandiers-conseils-de-plantation-taille-et-entretien"
title="Amandier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Amandier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/cerisiers-conseils-de-plantation-taille-et-entretien"
title="Cerisier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Cerisier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/figuiers-conseils-plantation-taille-entretien"
title="Figuier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Figuier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nectariniers-conseils-plantation-taille-entretien"
title="Nectarinier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Nectarinier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/pechers-conseils-plantation-taille-entretien"
title="Pêcher"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pêcher </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/poiriers-conseils-plantation-taille-entretien"
title="Poirier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Poirier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/pommiers-conseils-plantation-taille-entretien"
title="Pommier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Pommier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/pruniers-conseils-plantation-taille-entretien"
title="Prunier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Prunier </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Petits fruits"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Petits fruits </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/conseils-jardin-petits-fruits"
title="Petits fruits : tous les conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Petits fruits : tous les conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/cassissiers-conseils-plantation-taille-entretien"
title="Cassissier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Cassissier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/fraisiers-conseils-plantation-taille-entretien"
title="Fraisier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Fraisier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/framboisiers-conseils-plantation-taille-entretien"
title="Framboisier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Framboisier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/myrtilliers-conseils-plantation-taille-entretien"
title="Myrtillier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Myrtillier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/murier-conseils"
title="Mûrier"
@click.self="toggleNav($event.target)" class=""
>
<span>
Mûrier </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/vignes-de-table-conseils-plantation-taille-entretien"
title="Vigne de table"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vigne de table </span>
</a>
</li> </ol>
</li> <ol class="main-nav__media">
<li>
<a href="https://www.meillandrichardier.com/entretien-des-rosiers">
<img src="https://www.meillandrichardier.com/media/menu/rosierscarre.jpg">
<span>Rosiers conseils généraux</span>
</a>
</li>
<li>
<a href="/plantes-vivaces-conseils-de-plantation">
<img src="/media/menu/choisir-vivaces-220-160.jpg">
<span>Vivaces : conseils de plantation</span>
</a>
</li>
</ol>
</ol>
</li> <li >
<a href="javascript:;"
title="Conseils par saison"
@click.self="toggleNav($event.target)" class="has-child"
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/conseils_par_plante_1.svg"
alt="Conseils par saison" />
<span>
Conseils par saison </span>
</a>
<ol class="nav nav-2">
<li class="heading">
<a href="https://www.meillandrichardier.com/tous-nos-conseils-par-saison"
title="Voir tous les conseils par saison"
@click.self="toggleNav($event.target)" class=""
>
<span>
Voir tous les conseils par saison </span>
</a>
</li> <li >
<a href="javascript:;"
title="Hiver"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Hiver </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/hiver-tous-nos-conseils"
title="Hiver : tous nos conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Hiver : tous nos conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/retour-froid-proteger-plantes"
title="Retour du froid et des gelées, protégez vos plantes"
@click.self="toggleNav($event.target)" class=""
>
<span>
Retour du froid et des gelées, protégez vos plantes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/proteger-vos-plantes-du-froid"
title="Vague de froid, comment protéger vos plantes ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Vague de froid, comment protéger vos plantes ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/plantes-qui-fleurissent-en-hiver"
title="Les plantes qui fleurissent en hiver"
@click.self="toggleNav($event.target)" class=""
>
<span>
Les plantes qui fleurissent en hiver </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/que-faire-au-jardin-en-janvier"
title="Que faire au jardin en janvier ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Que faire au jardin en janvier ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/que-faire-au-jardin-en-decembre"
title="Que faire au jardin en décembre ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Que faire au jardin en décembre ? </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Printemps"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Printemps </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/printemps-tous-nos-conseils"
title="Printemps : tous nos conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Printemps : tous nos conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/preparer-son-potager-pour-ete"
title="Avoir un beau potager facilement"
@click.self="toggleNav($event.target)" class=""
>
<span>
Avoir un beau potager facilement </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Été"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Été </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/ete-tous-nos-conseils"
title="Été : tous nos conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Été : tous nos conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/prendre-soin-des-plantes-contre-chaleur"
title="Sécheresse : Comment prendre soin de ses plantes ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Sécheresse : Comment prendre soin de ses plantes ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/canicule-comment-aider-ses-plantes"
title="Canicule, comment aider ses plantes ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Canicule, comment aider ses plantes ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/que-faire-au-jardin-en-septembre"
title="Que faire en septembre au jardin ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Que faire en septembre au jardin ? </span>
</a>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Automne"
@click.self="toggleNav($event.target)" class="has-child"
>
<span>
Automne </span>
</a>
<ol class="nav nav-3">
<li class="heading">
<a href="https://www.meillandrichardier.com/automne-tous-nos-conseils"
title="Automne : tous nos conseils"
@click.self="toggleNav($event.target)" class=""
>
<span>
Automne : tous nos conseils </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/taille-arbustes-automne"
title="Quels arbustes tailler à l'automne ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Quels arbustes tailler à l'automne ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/que-faire-au-jardin-en-octobre"
title="Que faire en octobre au jardin ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Que faire en octobre au jardin ? </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/que-faire-au-jardin-en-novembre"
title="Que faire en novembre au jardin ?"
@click.self="toggleNav($event.target)" class=""
>
<span>
Que faire en novembre au jardin ? </span>
</a>
</li> </ol>
</li> <ol class="main-nav__media">
<li>
<a href="/quand-et-ou-planter-les-rosiers">
<img src="/media/menu/Guide-plantation-220-160.jpg">
<span>Rosiers : quand et où planter</span>
</a>
</li>
<li>
<a href="/cerisiers-conseils-de-plantation-taille-et-entretien">
<img src="/media/menu/cerisiers-220-160.jpg">
<span>Cerisier : conseils</span>
</a>
</li>
</ol>
</ol>
</li> </ol>
</li> <li >
<a href="javascript:;"
title="Nouveautés"
@click.self.prevent="toggleNav($event.target)" class="has-child"
style="color:#739c61">
<span>
Nouveautés </span>
</a>
<ol class="nav nav-1">
<li >
<a href="https://www.meillandrichardier.com/catalog/category/view/id/43543/"
title="Nouveautés - Rosiers"
@click.self="toggleNav($event.target)" class=""
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/rosiers_icon_3x_2.png"
alt="Nouveautés - Rosiers" />
<span>
Nouveautés - Rosiers </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nouveautes/nouveautes-plantes"
title="Nouveautés - Plantes"
@click.self="toggleNav($event.target)" class=""
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/grimpants_icon_3x_1.png"
alt="Nouveautés - Plantes" />
<span>
Nouveautés - Plantes </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nouveautes/nouveautes-accessoires"
title="Nouveautés - Accessoires"
@click.self="toggleNav($event.target)" class=""
>
<img class="menu-icon" width="32" height="32"
src="/media/menu/accessoires_icon_3x_1.png"
alt="Nouveautés - Accessoires" />
<span>
Nouveautés - Accessoires </span>
</a>
</li> <li >
<a href="https://www.meillandrichardier.com/nouveautes"
title="Voir toutes les nouveautés"
@click.self="toggleNav($event.target)" class=""
>
<span>
Voir toutes les nouveautés </span>
</a>
</li> </ol>
</li> <li >
<a href="https://www.meillandrichardier.com/promotions"
title="Promotions"
@click.self.prevent="toggleNav($event.target)" class="has-child"
style="color:#f84860">
<span>
Promotions </span>
</a>
<ol class="nav nav-1">
<li >
<a href="https://www.meillandrichardier.com/promotions"
title="Voir toutes nos offres du moment"
@click.self="toggleNav($event.target)" class=""
>
<img class="menu-icon" width="32" height="32"
src="https://www.meillandrichardier.com/media/menu/Fichier_1_2.svg"
alt="Voir toutes nos offres du moment" />
<span>
Voir toutes nos offres du moment </span>
</a>
</li> </ol>
</li> <li class="main-nav__customer-services md:hidden">
<!--Header customer service-->
</li>
<li class="main-nav__lang md:hidden">
<!--Lang switcher-->
<div x-data="{ open: false }"
class="flex items-center w-full sm:w-1/2 md:w-full"
>
<div class="relative mt-3 text-left">
<div>
<button @click.prevent="open = !open;"
@click.away="open = false;"
@keydown.window.escape="open=false"
type="button"
class="inline-flex justify-center gap-x-2 !items-center w-full !pl-4 !pr-0 !py-0 bg-white focus:outline-none border-0"
aria-haspopup="true"
aria-expanded="true"
>
<span class="font-medium">fr</span>
<svg xmlns="http://www.w3.org/2000/svg" width="6.707" height="4.061" viewbox="0 0 6.707 4.061" class="opacity-50 relative top-[2px]">
<path data-name="Tracé 3504" d="M.707 6.707 0 6l2.646-2.646L0 .707.707 0l3.354 3.354z" transform="rotate(90 3.353 3.354)" style="fill:#a4959b"/>
</svg>
</button>
</div>
<nav x-cloak=""
x-show="open"
class="absolute -right-2 top-full z-20 w-[4.375rem] mt-3 overflow-auto origin-top-right rounded-md bg-white"
style="box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);"
>
<div role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<span class="qcd inline-flex !px-3 py-3 hover:underline !items-center gap-x-2 cursor-pointer"
data-qcd="aHR0cHM6Ly93d3cubWVpbGxhbmRyaWNoYXJkaWVyLmNvbS9zdG9yZXMvc3RvcmUvcmVkaXJlY3QvX19fc3RvcmUvbWVpbGxhbmRfaXQvX19fZnJvbV9zdG9yZS9tZWlsbGFuZF9mci91ZW5jL2FIUjBjSE02THk5M2QzY3VjbTl6WVdrdFpTMXdhV0Z1ZEdVdGJXVnBiR3hoYm1RdWFYUXZiV0ZvTDJaMWJtTjBhVzl1TG5Cb2NEOWZYMTl6ZEc5eVpUMXRaV2xzYkdGdVpGOXBkQX5+Lw=="
>
<svg data-name="IT icon" xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewbox="0 0 24 16">
<path data-name="Rectangle 1481" d="M2 0h6v16H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z" style="fill:#739c61"/>
<path data-name="Rectangle 1482" transform="translate(8)" style="fill:#fff" d="M0 0h8v16H0z"/>
<path data-name="Rectangle 1483" d="M0 0h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H0V0z" transform="translate(16)" style="fill:#f84860"/>
</svg>
it </span>
</div>
</nav>
</div>
</div>
</li>
</ol>
</div>
</nav>
<!--Desktop nav, triggered target subnav -->
<div class="nav-0-desktop js-nav-desktop">
<a class="main-nav__trigger" @click="triggerNav()"></a>
<ol class="nav nav-0">
<li>
<a title=""><span>Gammes & produits</span></a>
</li>
<li>
<a title=""><span>Conseils & inspirations</span></a>
</li>
<li>
<a title="" style="color:#739c61"><span>Nouveautés</span></a>
</li>
<li>
<a title="" style="color:#f84860"><span>Promotions</span></a>
</li>
</ol>
</div>
<!--nav mask-->
<div class="main-nav__mask js-main-nav-mask" @click.self="closeNav()"></div>
</div>
<script>
'use strict';
const initMenu_6949b6bfd3957 = () => {
return {
title: '',
breakpoint: window.matchMedia("(min-width: 1280px)"),
setActiveMenu(menuNode) {
Array.from(menuNode.querySelectorAll('a')).filter(link => {
return link.href === window.location.href.split('?')[0];
}).map(item => {
// item.classList.add('selected');
// item.closest('div.level-0') &&
// item.closest('div.level-0').querySelector('a.level-0').classList.add('underline');
});
},
toggleNav(entry) {
const self = this
let mainNav = document.querySelector('.js-main-nav'),
nav0 = mainNav.querySelector('.nav-0'),
nav1 = mainNav.querySelectorAll('.nav-1'),
nav2 = mainNav.querySelectorAll('.nav-2'),
nav3 = mainNav.querySelectorAll('.nav-3'),
navToDisplay = entry.nextElementSibling,
mainNavMask = document.querySelector('.js-main-nav-mask')
let entryLabel = entry.innerHTML,
navTitle = document.querySelector('.js-main-nav-title'),
navTitleLabel = document.querySelector('.js-main-nav-title span')
let navLogo = document.querySelector('.main-nav__head .header__logo')
// Check if if we have submenu to display
if(navToDisplay && navToDisplay.classList.contains('nav')) {
preventBodyScroll(true)
mainNav.classList.add('displayed')
mainNavMask.classList.add('displayed')
let parentNav = entry.closest('.nav')
let navs
if(self.breakpoint.matches) {
navs = mainNav.querySelectorAll('.nav:not(.nav-0)')
} else{
navs = mainNav.querySelectorAll('.nav')
}
/* =======================================
Nav 1
======================================= */
if(navToDisplay.classList.contains('nav-1')){
// For desktop
if(self.breakpoint.matches) {
// Reset if large
if(mainNav.classList.contains('main-nav--large')) {
mainNav.classList.remove('main-nav--large')
}
nav1.forEach((el) => {
el.classList.remove('folded')
})
nav2.forEach((el) => {
el.classList.remove('toggle', 'push')
})
nav3.forEach((el) => {
el.classList.remove('toggle', 'push')
})
}
// hide others
navs.forEach((el) => {
el.classList.remove('active')
})
mainNav.querySelectorAll('.current').forEach((el) => {
el.classList.remove('current')
})
// Mobile : Set nav title
navTitleLabel.innerHTML = entryLabel
navTitle.classList.add('show')
navLogo.classList.add('hide')
// Display nav
navToDisplay.classList.add('active')
}
else{
/* =======================================
Sub menus
======================================= */
// Check if sub is already open
// If not :
if( !navToDisplay.classList.contains('toggle') ) {
// hide others
document.querySelectorAll(navToDisplay.classList).forEach((el) => {
el.classList.remove('toggle')
})
// Remove all current
parentNav.querySelectorAll('.current').forEach((el) => {
el.classList.remove('current')
el.closest('.nav').classList.remove('push')
})
// Set display styles
navToDisplay.classList.add('toggle')
if(navToDisplay.closest('li').nextElementSibling) {
navToDisplay.closest('li').nextElementSibling.classList.add('temp-no-border')
}
if(navToDisplay.classList.contains('nav-2')) {
if(mainNav.classList.contains('main-nav--large')) {
mainNav.classList.remove('main-nav--large')
}
// For desktop
if(parentNav.classList.contains('folded')) {
mainNav.querySelectorAll('.nav-2, .nav-3').forEach((el) => {
el.classList.remove('toggle')
})
setTimeout(() => {
navToDisplay.classList.add('toggle')
}, 200);
}else{
parentNav.classList.toggle('folded')
}
}
if(navToDisplay.classList.contains('nav-3')) {
mainNav.querySelectorAll('.nav-3').forEach((el) => {
el.classList.remove('toggle')
})
setTimeout(() => {
navToDisplay.classList.add('toggle')
}, 200);
// For desktop
parentNav.classList.toggle('push')
if(parentNav.querySelector('.main-nav__media')) {
parentNav.querySelector('.main-nav__media').classList.toggle('push')
}
if(!mainNav.classList.contains('main-nav--large')) {
mainNav.classList.add('main-nav--large')
}
}
}
else{
// For desktop
if(self.breakpoint.matches) {
if(navToDisplay.classList.contains('nav-2')) {
navToDisplay.querySelector('.nav-3').classList.remove('toggle')
mainNav.classList.remove('main-nav--large')
navToDisplay.classList.remove('toggle')
setTimeout(() => {
parentNav.classList.remove('folded')
}, 150 );
}else{
self.removeStyles(navToDisplay, parentNav)
parentNav.classList.remove('push')
if(parentNav.querySelector('.main-nav__media')) {
parentNav.querySelector('.main-nav__media').classList.remove('push')
}
if(entry.classList.contains('current')) {
mainNav.classList.remove('main-nav--large')
}else{
document.querySelectorAll('.main-nav .nav-2 .current').forEach((el) => {
el.classList.remove('current')
})
entry.nextElementSibling.classList.add('toggle')
}
}
}else{
self.removeStyles(navToDisplay, parentNav)
}
}
}
// toggle current class
entry.classList.toggle('current')
}
if(entry.classList.contains('js-main-nav-back')) {
// Reset navs
document.querySelectorAll('.nav:not(.nav-0)').forEach((el) => {
el.classList.remove('toggle', 'active')
})
document.querySelectorAll('.nav:not(.nav-0) .current').forEach((el) => {
el.classList.remove('current')
})
navTitle.classList.remove('show')
navLogo.classList.remove('hide')
// Display nav-0
document.querySelector('.nav-0').classList.add('active')
}
},
removeStyles(navToDisplay, parentNav) {
navToDisplay.classList.remove('toggle')
if(navToDisplay.closest('li').nextElementSibling) {
navToDisplay.closest('li').nextElementSibling.classList.remove('temp-no-border')
}
},
closeNav() {
document.querySelector('.js-main-nav').classList.remove('displayed')
setTimeout(() => {
document.querySelector('.js-main-nav-mask').classList.remove('displayed')
document.querySelector('.js-main-nav').classList.remove('main-nav--large')
document.querySelectorAll('.main-nav .nav').forEach((el) => {
el.classList.remove('toggle', 'active', 'folded', 'push')
if(el.hasAttribute('style')) {
el.classList.style = ''
}
})
document.querySelectorAll('.main-nav .current').forEach((el) => {
el.classList.remove('current')
})
document.querySelector('.js-main-nav-title span').innerHTML = ''
document.querySelector('.js-main-nav-title').classList.remove('show')
document.querySelector('.main-nav__head .header__logo').classList.remove('hide')
}, 300);
preventBodyScroll(false)
},
triggerNav() {
const self = this
document.querySelectorAll('.js-nav-desktop a').forEach((el, index) => {
el.addEventListener('click', (evt) => {
let item = document.querySelectorAll('.js-main-nav .nav-0 > li')[index - 1]
if(!item) {
item = document.querySelector('.js-main-nav .nav-0 > li:first-child')
}
self.toggleNav(item.firstElementChild)
self.open = true
document.querySelector('.js-main-nav .nav-0').classList.add('active')
})
})
},
}
}
</script>
<!--Header customer service-->
</div>
</div>
<!--Search-->
<div class="hidden header__search_content"
id="search-content"
:class="{ 'block': searchOpen, 'hidden': !searchOpen }"
@click.away="searchOpen = false"
x-show="true"
>
<script>
'use strict';
function initMiniSearch() {
return {
minSearchLength: 3,
suggestions: [],
productsSuggestions: [],
cmsPagesSuggestions: [],
categoriesSuggestions: [],
searchField: '',
term: '',
visible: false,
suggest() {
let bottomHeader = document.querySelector('.header__bottom')
const search = this.$refs.searchInput;
if (search.value.length >= this.minSearchLength) {
if (window.innerWidth >= 1280) {
document.querySelector('.header__search_content').classList.add('xl:pointer-events-default');
bottomHeader.style.position = "static"
}
this.term = search.value;
search.setCustomValidity('');
search.reportValidity();
this.fetchSuggestions(this.term);
} else {
this.suggestions = [];
if (window.innerWidth >= 1280) {
document.querySelector('.header__search_content').classList.remove('xl:pointer-events-default');
}
}
},
fetchSuggestions(term) {
fetch(
window.BASE_URL + 'search/ajax/suggest?' + new URLSearchParams({q: term}),
{
headers: {
'X-Requested-With': 'XMLHttpRequest'
}
}
)
.then(response => response.json())
.then(result => {
this.suggestions = result;
this.productsSuggestions = this.getSuggestionCategory('product');
this.categoriesSuggestions = this.getSuggestionCategory('category');
this.cmsPagesSuggestions = this.getSuggestionCategory('cms_page');
if (Object.values(this.suggestions).length) {
this.showOverlay();
}
});
},
search(term) {
const search = this.$refs.searchInput;
term = term || search.value;
if (term.length < this.minSearchLength) {
search.setCustomValidity('Longueur\u0020minimale\u0020de\u0020requ\u00EAte\u0020recherche\u00203');
search.reportValidity();
} else {
search.setCustomValidity('');
search.value = term;
this.$refs.form.submit();
}
},
focusElement(element) {
if (element && element.nodeName === "DIV") {
element.focus();
return true;
} else {
return false;
}
},
getSuggestionCategory(filterType) {
let suggestions = Object.values(this.suggestions).filter(suggestion => suggestion.type === filterType);
return suggestions;
},
getProductsCount() {
let suggestions = Object.values(this.suggestions);
let count = 0;
for (let i = 0; i < suggestions.length; i++) {
const suggestion = suggestions[i];
if (suggestion.type === 'term' && suggestion.title === this.term) {
count = suggestion.num_results;
break;
}
}
// if the count result = 0 or less than product items list we get the count of product items
if (count === 0 || count < this.productsSuggestions.length) {
count = this.productsSuggestions.length;
}
return count;
},
getTitle(title) {
const search = this.$refs.searchInput;
let term = search.value;
const regex = new RegExp(term, 'gi');
title = title.replace(/(<mark class="highlight">|<\/mark>)/gim, '');
const newTitle = title.replace(regex, '<mark class="highlight">$&</mark>');
return newTitle;
},
hideOverlay() {
document.body.classList.remove('overflow-y-hidden');
document.querySelector('.header__bottom').style.position = "relative";
this.suggestions = [];
this.searchField = '';
this.visible = false;
},
showOverlay() {
document.body.classList.add('overflow-y-hidden');;
this.visible = true;
}
}
}
</script>
<div class="container" x-data="initMiniSearch()">
<form class="form minisearch header__search" id="search_mini_form" x-ref="form" @submit.prevent="search()"
action="https://www.meillandrichardier.com/catalogsearch/result/" method="get">
<div class="relative">
<label class="hidden" for="search" data-role="minisearch-label">
<span>Chercher</span>
</label>
<input id="search"
x-ref="searchInput"
x-model="searchField"
type="search"
autocomplete="off"
name="q"
value=""
placeholder="Rechercher une plante, un accessoire..."
maxlength="128"
@focus.once="suggest"
@input.debounce.300="suggest"
@keydown.arrow-down.prevent="focusElement($el.querySelector('[tabindex]'))"
/>
<button type="submit"
title="Chercher"
class="action search"
aria-label="Search"
>
<span class="sr-only">Chercher</span>
</button>
</div>
<template x-if="visible">
<div>
<div class="top-0 left-0 right-0 bottom-0 fixed bg-black opacity-50 w-[100vw] h-[100vh] overlay"
@click="hideOverlay"
></div>
<div
class="absolute left-0 right-0 z-50 px-5 py-5 m-auto bg-white border rounded-xl xl:px-24 wrap-search-content">
<div class="content-search-results">
<template x-if="productsSuggestions.length > 0 ">
<div>
<div
class="pb-4 my-4 font-bold border-b-4 border-[#cdebb9] w-100">PRODUITS (<span
x-html="getProductsCount()"></span>)
</div>
<div class="flex flex-wrap products-suggestion-block">
<!-- reduce the display of product to 6 to fit with zeplin / NOT FINISH -->
<template x-for="suggestion in productsSuggestions" :key="suggestion.id">
<div
tabindex="0"
@click="search(suggestion.title)"
@keydown.enter="search(suggestion.title)"
@keydown.arrow-up.prevent="focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()"
@keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)"
class="py-3 item-results"
>
<a x-bind:href="suggestion.url">
<template x-if="suggestion.image">
<div class="flex items-center">
<img :src="suggestion.image"
class="object-cover w-24 h-24 rounded-md"></img>
<div class="flex flex-col mx-5 xl:mx-6 w-60">
<span class="font-semibold truncate-2-lines"
x-html="getTitle(suggestion.title)"></span>
<div x-html="suggestion.price" class="product-price"></div>
</div>
</div>
</template>
</a>
</template>
</div>
</div>
</template>
<template x-if="categoriesSuggestions.length > 0 ">
<div>
<div
class="pb-4 my-4 font-bold border-b-4 border-[#ebd0af] w-100">CATÉGORIES (<span x-html="categoriesSuggestions.length"></span>)
</div>
<div class="flex block-categories">
<template x-for="suggestion in categoriesSuggestions" :key="suggestion.url">
<div class="flex flex-col py-3 item-results x-12">
<a x-bind:href="suggestion.url">
<div class="flex">
<template x-if="suggestion.image">
<img :src="suggestion.image"
class="object-cover w-24 h-24 rounded-md"></img>
</template>
<div class="flex flex-col mx-5 mt-5 xl:mx-12 w-60">
<span class="font-semibold"
x-html="getTitle(suggestion.title)"></span>
<template x-if="suggestion.in_stock_products_count">
<div>
<span class="text-[12px] text-[#A4959B]"
x-html="suggestion.in_stock_products_count"></span>
<span
class="text-[12px] text-[#A4959B]"> produits disponibles</span>
</div>
</template>
</div>
</div>
</a>
</div>
</template>
</div>
</div>
</template>
<template x-if="cmsPagesSuggestions.length > 0 ">
<div>
<div
class="pb-4 my-4 font-bold border-b-4 border-[#ceeaff] w-100">CONSEILS ET INSPIRATIONS (<span
x-html="cmsPagesSuggestions.length"></span>)
</div>
<div class="flex block-cms-suggestion">
<template x-for="suggestion in cmsPagesSuggestions" :key="suggestion.url">
<div class="flex flex-col py-3 item-results x-12 w-60">
<a x-bind:href="suggestion.url">
<template x-if="suggestion.image">
<div class="flex">
<img :src="suggestion.image" class="w-24 h-24 rounded-md"></img>
<div class="flex flex-col mx-5 mt-5 xl:mx-12 w-60">
<span class="font-semibold"
x-html="getTitle(suggestion.title)"></span>
</div>
</div>
</template>
<template x-if="!suggestion.image">
<span class="font-semibold"
x-html="getTitle(suggestion.title)"></span>
</template>
</a>
</div>
</template>
</div>
</div>
</template>
<button
class="flex px-16 py-4 mx-auto mt-5 mb-5 font-sans font-bold text-white xl:mt-20 xl:mb-16 bg-secondary-theme-100 btn-search-result"
@click="search()">Tous les résultats</button>
</div>
</div>
</div>
</template>
</form>
</div> </div>
<!--Cart Drawer-->
<script>
function initCartDrawer() {
return {
open: false,
isLoading: false,
cart: {},
maxItemsToDisplay: 999,
itemsCount: 0,
totalCartAmount: 0,
showMergedCartMessage: true,
getData(data) {
if (data.cart) {
this.cart = data.cart;
this.itemsCount = data.cart.items && data.cart.items.length || 0;
this.totalCartAmount = this.cart.summary_count;
this.setCartItems();
this.showMergedCartMessage = event.detail?.data?.cart?.items?.some(i => i?.merged_qty > 0);
}
this.isLoading = false;
},
cartItems: [],
getItemCountTitle() {
return hyva.strf('(%0 sur %1)', this.maxItemsToDisplay, this.itemsCount)
},
setCartItems() {
this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || [];
if (this.maxItemsToDisplay > 0) {
this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
}
},
deleteItemFromCart(itemId) {
this.isLoading = true;
const formKey = hyva.getFormKey();
const postUrl = BASE_URL + 'checkout/sidebar/removeItem/';
fetch(postUrl, {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key=" + formKey + "&item_id=" + itemId,
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(response => {
if (response.redirected) {
window.location.href = response.url;
} else if (response.ok) {
return response.json();
} else {
window.dispatchMessages && window.dispatchMessages([{
type: 'warning',
text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.'
}]);
this.isLoading = false;
}
}).then(result => {
window.dispatchMessages && window.dispatchMessages([{
type: result.success ? 'success' : 'error',
text: result.success
? 'Vous\u0020avez\u0020supprim\u00E9\u0020l\u0027\u00E9l\u00E9ment.'
: result.error_message
}], result.success ? 5000 : 0)
window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
});
},
formatSubtotalItem(qty, price) {
let subtotal = qty * price;
return subtotal.toFixed(2) + '€';
}
}
}
</script>
<section id="cart-drawer"
x-data="initCartDrawer()"
@private-content-loaded.window="getData($event.detail.data)"
@toggle-cart.window="open=true"
@keydown.window.escape="open=false"
@close-merged-cart-popup.window="showMergedCartMessage = false"
>
<template x-if="cart && cart.summary_count">
<div role="dialog"
aria-labelledby="cart-drawer-title"
aria-modal="true"
@click.away="open=false"
class="fixed inset-y-0 right-0 z-30 flex max-w-full">
<div class="backdrop"
x-show="open"
x-transition:enter="ease-in-out duration-500"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease-in-out duration-500"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
@click="open=false"
aria-label="Close panel"></div>
<div class="relative w-screen max-w-md shadow-2xl"
x-show="open"
x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full"
>
<div
x-show="open"
x-transition:enter="ease-in-out duration-500"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease-in-out duration-500"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex p-2 mt-2">
<button @click="open=false" aria-label="Close panel"
class="drawer__close"
>
×
</button>
</div>
<div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl">
<header class="px-4 sm:px-6">
<h2 id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900">
Mon panier <span class="items-total text-xs"
x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount"
x-text="getItemCountTitle()">
</span>
</h2>
</header>
<div x-show="showMergedCartMessage"
x-cloak
class="mx-2 p-2 border text-xs leading-tight border-2 rounded-lg"
>
Nous avons fusionné vos paniers ! Les articles mis au panier lors d'une précédente visite ont été récupérés. </div>
<div class="relative grid gap-6 px-4 overflow-y-auto bg-white border-b sm:gap-8 sm:px-6 border-container"
>
<template x-for="item in cartItems">
<div class="flex cart-drawer__item item items-start p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg"
:class="showMergedCartMessage && parseInt(item?.merged_qty || 0, 10) > 0 ? 'border-2' : ''"
>
<div class="flex flex-col w-full">
<div class="flex flex-row item__head mb-2 w-full">
<div class="max-w-[25%]">
<a :href="item.product_url">
<img
class="item__image w-full"
:src="item.product_image.src"
loading="lazy"
/>
</a>
</div>
<div class="pl-4">
<strong>
<p class="item__name product-item-name">
<span x-html="item.qty"></span> x <span x-html="item.product_name"></span>
</p>
</strong>
<div class="item__sku item-sku">
<p class="">Réf <span x-html="item.product_sku"></span></p>
</div>
</div>
</div>
<div class="flex flex-row w-full">
<div class="w-full">
<template x-if="item?.product_conditionnement">
<div class="flex flex-row mb-2 item__price price w-full">
<div class="item__label">conditionnement</div>
<div class="" x-html="item.product_conditionnement"></div>
</div>
</template>
<template x-for="option in item.options">
<div class="flex flex-row mb-2 item__price price w-full">
<div class="item__label" x-text="option.label + ':'"></div>
<div class="" x-html="option.value"></div>
</div>
</template>
<div class="flex flex-row mb-2 item__price price w-full">
<div class="item__label">
Prix unitaire </div>
<div class="">
<p><span x-html="item.product_price"></span></p>
</div>
</div>
<div class="flex flex-row mb-2 item__qty qty">
<div class="item__label">
Quantité </div>
<div class="">
<p><span x-text="item.qty"></span></p>
</div>
</div>
<div class="flex flex-row mb-2 item__subtotal subtotal">
<div class="item__label">
Sous-total </div>
<div class="">
<p><span x-text="formatSubtotalItem(item.qty, item.product_price_value)"></span></p>
</div>
</div>
</div>
<div class="self-end">
<button class="inline-flex p-2"
@click="deleteItemFromCart(item.item_id)"
title="Retirer l'article"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
</template>
</div>
<div class="relative grid gap-6 px-4 py-6 bg-white sm:gap-8 sm:px-6">
<div class="w-full p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg">
<p>Sous-total: <span x-html="cart.subtotal"></span></p>
</div>
<div class="flex justify-center w-full p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg">
<a
href="https://www.meillandrichardier.com/checkout/cart/"
class="inline-flex btn btn-primary">
Commander </a>
</div>
</div>
</div>
</div>
<div class="flex flex-row justify-center items-center w-full h-full fixed select-none"
style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);"
x-show="isLoading"
x-transition:enter="ease-out duration-200"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0">
<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img">
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)" stroke-width="2">
<circle cx="5" cy="50" r="5">
<animate attributename="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcmode="linear" repeatcount="indefinite"/>
<animate attributename="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcmode="linear" repeatcount="indefinite"/>
</circle>
<circle cx="27" cy="5" r="5">
<animate attributename="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcmode="linear" repeatcount="indefinite"/>
<animate attributename="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcmode="linear" repeatcount="indefinite"/>
</circle>
<circle cx="49" cy="50" r="5">
<animate attributename="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcmode="linear" repeatcount="indefinite"/>
<animate attributename="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcmode="linear" repeatcount="indefinite"/>
</circle>
</g>
</g>
<title>loader</title></svg>
<div class="ml-10 text-primary text-xl">
En cours de chargement... </div>
</div> </div>
</template>
</section>
<!--Authentication Pop-Up-->
</div>
</div></header>
<script>
function initBannershop() {
const MS_PER_DAY = 24 * 3600 * 1000;
const DEADLINE = 0;
const DISPLAY_TIME = 0;
const SHOW_COUNTDOWN = false;
return {
show: !DEADLINE || !DISPLAY_TIME || (DEADLINE - Date.now() < DISPLAY_TIME),
days: '-',
hours: '--',
minutes: '--',
seconds: '--',
interval: 0,
init() {
if (this.show && SHOW_COUNTDOWN) {
if (DISPLAY_TIME) {
const remaining = DEADLINE - Date.now();
if (remaining > DISPLAY_TIME) {
setTimeout(() => {
this.init()
}, remaining - DISPLAY_TIME);
return;
}
}
this.interval = setInterval(() => {
const now = Date.now();
let remaining = DEADLINE - now;
if (remaining <= 0) {
this.show = false;
clearInterval(this.interval);
} else {
this.days = Math.floor(remaining / MS_PER_DAY);
remaining -= this.days * MS_PER_DAY;
this.hours = Math.floor(remaining / 3600000);
remaining -= this.hours * 3600000;
this.minutes = Math.floor(remaining / 60000);
remaining -= this.minutes * 60000;
this.seconds = Math.floor(remaining / 1000);
}
}, 1000);
}
}
}
}
</script>
<div x-data="initBannershop()"
x-show="show"
class="u-full-width h-[40px] flex items-center justify-center"
style=" background-color: #ca9e67; color: #FFFFFF "
>
<a href="https://www.meillandrichardier.com/promotions"
title="Découvrez toutes nos promotions du moment !"
>
<div class="text-sm sm:text-lg xl:text-2xl text-center">
Découvrez toutes nos promotions du moment ! </div>
</a>
</div><div class="top-container"><nav class="breadcrumbs" aria-label="Breadcrumb">
<div class="container">
<ol class="items">
<li class="item home">
<a href="https://www.meillandrichardier.com/"
title="Aller à la page d'accueil"
>Accueil</a>
</li>
<li class="item cms_page">
<span aria-hidden="true" class="separator">
<i> </i>
</span>
<a href=""
aria-current="page"
>Myrtillier : conseils de plantation, taille et entretien</a>
</li>
</ol>
</div>
</nav>
</div><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div><div id="fp.wp.marker-top"></div><div class="page messages"><script>
function initMessages() {
"use strict";
return {
messages: window.mageMessages || [],
isEmpty() {
return this.messages.reduce(
function (isEmpty, message) {
return isEmpty && message === undefined
}, true
)
},
removeMessage(messageIndex) {
this.messages[messageIndex] = undefined;
delete this.messages[messageIndex]; // fix error for later messages
document.removeEventListener("scroll", this.hideMessage)
},
hideMessage() {
document.querySelector('#messages').hidden = true
},
addMessages(messages, hideAfter) {
messages.map((message) => {
let isExisted = this.messages.some(function(item) {
return item.type === message.type && item.text === message.text;
});
if (!isExisted){
this.messages = this.messages.concat(message);
document.addEventListener("scroll", this.hideMessage)
if (hideAfter) {
this.setHideTimeOut(this.messages.length -1, hideAfter);
}
}
});
},
setHideTimeOut(messageIndex, hideAfter) {
setTimeout((messageIndex) => {
this.removeMessage(messageIndex);
}, hideAfter, messageIndex);
},
eventListeners: {
['@messages-loaded.window']() {
this.addMessages(event.detail.messages, 5000)
},
['@private-content-loaded.window'](event) {
const data = event.detail.data;
if (
data.messages &&
data.messages.messages &&
data.messages.messages.length
) {
this.addMessages(data.messages.messages, 5000);
}
},
['@clear-messages.window']() {
this.messages = [];
}
}
}
}
</script>
<section id="messages"
x-data="initMessages()"
x-spread="eventListeners"
>
<template x-if="!isEmpty()">
<div class="w-full">
<div role="alert"
class="messages container mx-auto py-6 messages-container fixed top-[194px] left-0 right-0"
@scroll.window="scrollAtTop = (window.pageYOffset >= 34) ? false : true; scrollAtTop ? document.querySelector('.messages-container').classList.remove('scroll') : document.querySelector('.messages-container').classList.add('scroll')"
>
<template x-for="(message, index) in messages" :key="index">
<div>
<template x-if="message">
<div class="message" :class="message.type"
:ui-id="'message-' + message.type"
>
<p>
<span x-html="message.text"></span>
</p>
<a href="#" class="cursor-pointer close" title="close"
@click.prevent="removeMessage(index)">
</a>
</div>
</template>
</div>
</template>
</div>
</div>
</template>
</section></div><div class="columns cms-custom"><div class="column main"><style>#html-body [data-pb-style=P2D5QMJ],#html-body [data-pb-style=WFUL72D]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=WFUL72D]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=P2D5QMJ]{align-self:stretch}#html-body [data-pb-style=QNHFOBB]{display:flex;width:100%}#html-body [data-pb-style=XRAV0VJ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner" data-pb-style="WFUL72D"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-background-lazy-load="" data-element="main" data-pb-style="P2D5QMJ"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="QNHFOBB"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-background-lazy-load="" data-element="main" data-pb-style="XRAV0VJ"><div data-content-type="text" data-appearance="default" data-element="main"><p></p><p></p><div class="relative">
<div class=""></div>
<div class="relative mx-6 md:mx-12 xl:mx-24">
<div class="absolute inset-0 bg-black opacity-[0.24] rounded-lg"></div>
<picture> <source type="image/webp" srcset="/media/opti_image/webp/wysiwyg/conseils-inspi/myrtillier/fruitiers-myrtillebanner.webp"> <source type="image/jpeg" srcset="/media/wysiwyg/conseils-inspi/myrtillier/fruitiers-myrtillebanner.jpg"> <img src="/media/wysiwyg/conseils-inspi/myrtillier/fruitiers-myrtillebanner.jpg" class="absolute inset-0 object-cover w-full h-full rounded-lg" alt="Myrtillier : conseils de plantation, taille et entretien" title="Myrtillier : conseils de plantation, taille et entretien"></source></source></picture> <div class="relative pl-6 pr-10 xl:pt-[1.875rem] xl:pb-[2rem] xl:pl-20">
<div class="hidden xl:block">
<span class="xl:font-medium xl:text-[12px] xl:uppercase xl:text-white">
— Conseils </span>
</div>
<div class="min-h-[152px] flex items-center">
<h1 class="font-serif text-[40px] font-semibold text-white leading-10 xl:text-[56px]">
Myrtillier : conseils de plantation, taille et entretien </h1>
</div>
</div>
</div>
<div class="px-6 pt-2 pb-10 border-b border-primary-300 xl:py-10 xl:px-24">
<div class="font-sans text-base font-medium text-primary">
<p>Récoltez de délicieuses myrtilles dans votre jardin ou sur votre balcon grâce à nos précieux conseils de plantation ! </p> </div>
</div>
</div>
<div class="px-6 space-y-4 text-center py-10 md:px-12 xl:px-24">
<div class="max-w-[828px] mx-auto">
<div>
<h2 class="font-bold text-[32px] text-[#5f5056]">
Connaître le myrtillier </h2>
</div>
<div>
<p class="text-base text-[#6a5b61]">
<a name="connaitremyrtillier"></a></p><p style="text-align: justify;"><strong> </strong></p>
<p style="text-align: justify;"><strong>Le myrtillier est un arbuste vigoureux et touffu</strong> d'environ 1,50 m de haut. Les fleurs blanches teintées de rouge apparaissent en mai. La fructification s'établit sur le bois de 2 ans et se raréfie sur les rameaux de 4 ans et plus. Les myrtilles réunies en grappes de baies juteuses sont bleu noir et mûrissent de fin juin à août. Le myrtillier exige un sol acide, léger, et riche en humus, à mi-ombre.<br><br><strong>La <a title="myrtille blue crop" href="/myrtille-blue-crop.html" target="_blank" rel="noopener">variété de myrtille Blue Crop</a> est insensible aux maladies, très productive et autofertile, et ses fruits sont savoureux et parfumés</strong>. Les premiers fruits apparaissent généralement dès la deuxième année de plantation.<br><br>Le myrtillier est livré en pot et se plante en massif ou bordures, associé par exemple aux plantes de terre de bruyère.</p>
</div>
</div>
</div>
<div class="border-b border-primary-300 bg-[#FAF8F8]">
<div class="flex flex-col mx-6 md:mx-12 xl:mx-24 py-10 xl:flex-row xl:space-x-28">
<div class="xl:w-1/2">
<p><a name="plantationmyrtillier"></a></p>
<h3 class="title">CONSEILS DE PLANTATION DU MYRTILLIER</h3>
<p style="text-align: justify;"><strong> </strong></p>
<p style="text-align: justify;"><strong>Le <span class="widget widget-product-link-inline"><a title="myrtiller" href="/myrtille-blue-crop.html" target="_blank" rel="noopener">myrtiller</a></span> livré en pot se plante d'octobre à mai</strong>, à environ 80 cm de distance les uns par rapport aux autres.<br>Pour la plantation, faire un trou d'environ 50-60 cm de profondeur et de large de façon à bien ameublir la terre et l'améliorer par l'ajout de terre de bruyère. Supprimer cailloux et mauvaises herbes.<br>Rajouter au fond du trou de plantation environ 80 g de <strong><a title="corne torrefiee" href="/corne-torrefiee.html" target="_blank" rel="noopener">corne torréfiée</a></strong> à mélanger à la terre puis reboucher de moitié avec de la terre additionnée de terre de bruyère (1/3 de terre franche 2/3 de terre de bruyère) et une pelletée de <strong><a title="acheter du fumier fertilisant" href="/lombricompost.html" target="_blank" rel="noopener">fumier composté type Lombricompost</a></strong>.</p>
<p style="text-align: justify;"><br>Faire tremper quelques minutes la plante avec son pot dans un seau d'eau afin de bien hydrater la motte. Dépoter l'arbuste et desserrer les racines afin qu'elles puissent se développer plus facilement. Installer le collet de votre myrtillier au niveau du sol et combler le trou de plantation avec un mélange de 2/3 terre de bruyère et 1/3 terre franche.<br>Tasser en formant une cuvette au pied de l'arbuste et arroser abondamment (10 à 15 litres d'eau) afin d'assurer une bonne reprise du myrtillier.<br>Terminer par une légère taille, de préférence au dessus d'un bourgeon placé vers l'extérieur de la ramure.</p> </div>
<div class="flex h-full pt-6 space-x-6 xl:pt-0 xl:space-x-12 xl:w-1/2">
<div class="w-[144px] flex-grow flex flex-col xl:w-[390px]">
<div class="rounded-md relative">
<div class="product-pellet">
<ul>
</ul>
</div>
<picture> <source type="image/webp" srcset="https://www.meillandrichardier.com/media/opti_image/webp/catalog/product/cache/67ee89799642c567a71fc92f3699d937/6/4/6411-myrtillier-blue-crop_pixabay_3548239_1920_t1000.webp" width="360" height="360"> <source type="image/jpeg" srcset="https://www.meillandrichardier.com/media/catalog/product/cache/67ee89799642c567a71fc92f3699d937/6/4/6411-myrtillier-blue-crop_pixabay_3548239_1920_t1000.jpg" width="360" height="360"> <img src="https://www.meillandrichardier.com/media/catalog/product/cache/67ee89799642c567a71fc92f3699d937/6/4/6411-myrtillier-blue-crop_pixabay_3548239_1920_t1000.jpg" alt="Myrtille Blue Crop - Vaccinum corymbosum " title="Myrtille Blue Crop - Vaccinum corymbosum " class="product-image-photo rounded-md w-full" x-data @update-gallery-29164.window="$el.src = $event.detail" loading="lazy" width="360" height="360"></source></source></picture> </div>
<div class="pt-1 font-semibold text-base text-[#5f5056]">
Myrtillier ou Vaccinium corymbosum 'Blue Crop' </div>
<p class="variants text-[12px] font-medium text-[#6a5b61]">
2 conditionnements disponibles </p>
<div class="flex items-center justify-between w-full h-full">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="29164" data-price-box="product-id-29164"> <div class="price-box"> <p class="minimal-price"><span class="price-label">À partir de</span> <span class="price-container tax weee"> <span data-price-amount="13.5" data-price-type="" class="price-wrapper"><span class="price">13,50 €</span></span> </span></p></div></div> <div class="status">
<div class="stock-status">
<span class="left current bg-secondary-theme-300">En stock</span>
</div>
</div>
</div>
<div class="pb-px">
<a class="mt-4 py-4 w-full flex items-center justify-center border border-[#A4959B] rounded-md" href="https://www.meillandrichardier.com/myrtille-blue-crop-le-conteneur.html">
<span class="text-base font-semibold text-[#43353A]">
Voir le détail </span>
</a>
</div>
</div>
<div class="w-[144px] flex-grow flex flex-col xl:w-[390px]">
<div class="rounded-md">
<div class="product-pellet">
<ul>
</ul>
</div>
<picture> <source type="image/webp" srcset="https://www.meillandrichardier.com/media/opti_image/webp/catalog/product/cache/67ee89799642c567a71fc92f3699d937/m/y/myrtille-yello_belloblue--p_pini_res-travers-_55_-1000.webp" width="360" height="360"> <source type="image/jpeg" srcset="https://www.meillandrichardier.com/media/catalog/product/cache/67ee89799642c567a71fc92f3699d937/m/y/myrtille-yello_belloblue--p_pini_res-travers-_55_-1000.jpg" width="360" height="360"> <img src="https://www.meillandrichardier.com/media/catalog/product/cache/67ee89799642c567a71fc92f3699d937/m/y/myrtille-yello_belloblue--p_pini_res-travers-_55_-1000.jpg" alt="Myrtillier ou Vaccinium corymbosum YELLO!BELLOBLUE ® Andval1601" title="Myrtillier ou Vaccinium corymbosum YELLO!BELLOBLUE ® Andval1601" class="product-image-photo rounded-md w-full" x-data @update-gallery-196296.window="$el.src = $event.detail" loading="lazy" width="360" height="360"></source></source></picture> </div>
<div class="hidden space-x-1">
<svg data-name="star review" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path data-name="Tracé 3502" d="m6.994 0 1.657 5.349H14l-4.319 3.3L11.326 14l-4.332-3.3-4.32 3.3 1.645-5.349L0 5.349h5.349z" style="fill:#ffd998"></path>
</svg>
<svg data-name="star review" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path data-name="Tracé 3502" d="m6.994 0 1.657 5.349H14l-4.319 3.3L11.326 14l-4.332-3.3-4.32 3.3 1.645-5.349L0 5.349h5.349z" style="fill:#ffd998"></path>
</svg>
<svg data-name="star review" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path data-name="Tracé 3502" d="m6.994 0 1.657 5.349H14l-4.319 3.3L11.326 14l-4.332-3.3-4.32 3.3 1.645-5.349L0 5.349h5.349z" style="fill:#ffd998"></path>
</svg>
<svg data-name="star review" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path data-name="Tracé 3502" d="m6.994 0 1.657 5.349H14l-4.319 3.3L11.326 14l-4.332-3.3-4.32 3.3 1.645-5.349L0 5.349h5.349z" style="fill:#ffd998"></path>
</svg>
<svg data-name="star review" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<g data-name="Tracé 3502" style="fill:none">
<path d="m6.994 0 1.657 5.349H14l-4.319 3.3L11.326 14l-4.332-3.3-4.32 3.3 1.645-5.349L0 5.349h5.349z" style="stroke:none"></path>
<path d="m6.997 3.39-.91 2.96H2.956L5.48 8.28l-.932 3.029L6.993 9.44l2.461 1.876L8.52 8.28l2.525-1.93h-3.13L6.996 3.39M6.994 0 8.65 5.35H14l-4.32 3.3L11.327 14l-4.332-3.302L2.674 14 4.32 8.65 0 5.35h5.349L6.994 0z" style="fill:#e1d9dc;stroke:none"></path>
</g>
</svg>
</div>
<div class="pt-1 font-semibold text-base text-[#5f5056]">
Myrtillier ou Vaccinium corymbosum YELLO!BELLOBLUE ® Andval1601 </div>
<p class="variants text-[12px] font-medium text-[#6a5b61]">
1 conditionnement disponible </p>
<div class="flex items-center justify-between w-full h-full">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="196296" data-price-box="product-id-196296"> <div class="price-box"> <p class="minimal-price"><span class="price-label">À partir de</span> <span class="price-container tax weee"> <span data-price-amount="8.9" data-price-type="" class="price-wrapper"><span class="price">8,90 €</span></span> </span></p></div></div> <div class="status">
<div class="stock-status">
<span class="left current bg-secondary-theme-300">En stock</span>
</div>
</div>
</div>
<div class="pb-px">
<a class="mt-4 py-4 w-full flex items-center justify-center border border-[#A4959B] rounded-md" href="https://www.meillandrichardier.com/myrtillier-vaccinium-corymbosum-yellobelloblue-r-andval1601.html">
<span class="text-base font-semibold text-[#43353A]">
Voir le détail </span>
</a>
</div>
</div>
</div>
</div>
</div>
<script>
function initWidget6949b818ba9f4() {
return {
imageSize() {
if (window.innerWidth >= 1300) {
const contentSize = document.querySelector('#rightContent-6949b818ba9f4').offsetHeight;
const image = document.querySelector('#leftImage-6949b818ba9f4');
image.style.height = contentSize.toString() + 'px';
}
}
}
}
</script>
<div x-data="initWidget6949b818ba9f4()" x-init="imageSize()" class="px-6 pb-10 border-b pt-14 border-primary-300 md:px-12 xl:py-10 xl:flex xl:items-start xl:space-x-20 xl:px-24">
<div class="w-full overflow-hidden rounded-md xl:w-1/2">
<picture x-cloak> <source type="image/webp" srcset="/media/opti_image/webp/wysiwyg/conseils-inspi/myrtillier/A014A-Myrtillier_ou_Vaccinium_corymbosum_Patriot_-TRAVERS-T1000.webp"> <source type="image/jpeg" srcset="/media/wysiwyg/conseils-inspi/myrtillier/A014A-Myrtillier_ou_Vaccinium_corymbosum_Patriot_-TRAVERS-T1000.jpg"> <img src="/media/wysiwyg/conseils-inspi/myrtillier/A014A-Myrtillier_ou_Vaccinium_corymbosum_Patriot_-TRAVERS-T1000.jpg" alt="/media/wysiwyg/conseils-inspi/myrtillier/A014A-Myrtillier_ou_Vaccinium_corymbosum_Patriot_-TRAVERS-T1000.jpg" title="/media/wysiwyg/conseils-inspi/myrtillier/A014A-Myrtillier_ou_Vaccinium_corymbosum_Patriot_-TRAVERS-T1000.jpg" id="leftImage-6949b818ba9f4" class="xl:min-h-[300px] object-cover w-full"></source></source></picture> </div>
<div class="xl:w-1/2" id="rightContent-6949b818ba9f4">
<div class="pt-2">
<h3 class="text-[#6A5B61] text-[20px] uppercase font-extrabold">
Conseils de taille et d'entretien du myrtillier </h3>
</div>
<div class="pt-4">
<div class="text-base font-medium text-[#6A5B61]">
<p><a name="taillemyrtillier"></a></p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"><strong>L'année suivant la plantation, laissez pousser naturellement votre <span class="widget widget-product-link-inline"><a title="myrtillier" href="/myrtille-blue-crop.html" target="_blank" rel="noopener">myrtillier</a></span> : il va se ramifier seul</strong>.</p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;">La taille du myrtillier est très simple, elle consiste à nettoyer périodiquement les arbustes pour les garder vigoureux et fructifères. Nous vous conseillons d'effectuer cette opération en <strong>février-mars s'il ne gèle pas</strong>, ceci est nécessaire lorsque les branches ne produisent plus. Afin de préserver la fertilité du sol, un apport de <span class="widget widget-product-link-inline"><a title="Lombricompost" href="/lombricompost.html" target="_blank" rel="noopener">Lombricompost</a></span> peut être effectué chaque année en automne. Un apport d’<strong>engrais au printemps</strong> est également recommandé pour favoriser la production de myrtilles.</p> </div>
</div>
</div>
</div>
<p><span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 488px; left: 710px;">Enregistrer</span></p>
<p><span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; top: 22px; left: 1100px;">Enregistrer</span></p>
<p><span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;">Enregistrer</span></p>
<p><span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;">Enregistrer</span></p>
<p><span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;">Enregistrer</span></p>
<p><span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;">Enregistrer</span></p>
<p><span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;">Enregistrer</span></p>
<p><span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;">Enregistrer</span></p></div></div></div></div></div></div><div class="px-3 pt-6 pb-10 mx-6 bg-[#FAF8F8] mb-[24px] rounded-lg mt-14 xl:mx-12 xl:py-10 xl:px-24 xl:mb-[40px]">
<div class="grid grid-cols-2 gap-x-12 gap-y-8 md:grid-cols-3 xl:grid-cols-6">
<div class="flex flex-col items-center justify-center max-w-[7.5rem] mx-auto xl:max-w-[12rem]">
<div>
<svg data-name="shipping icon" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewbox="0 0 96 96">
<g data-name="Groupe 5878" transform="translate(16.783 29.353)">
<path data-name="Tracé 3694" d="M9.148 34.345H4.137A3.637 3.637 0 0 1 .5 30.708V4.137A3.637 3.637 0 0 1 4.137.5H32.6a3.637 3.637 0 0 1 3.637 3.637v30.208h-15" transform="translate(-.5 -.5)" style="stroke:#6a5b61;stroke-miterlimit:10;fill:#fff"/>
<path data-name="Tracé 3695" d="M127.365 45.1h2.528a3.271 3.271 0 0 0 3.271-3.271v-4.136a12.624 12.624 0 0 0-4.1-9.309l-7.65-7.007a17.7 17.7 0 0 0-11.957-4.649h-2.993V45.1h8.81" transform="translate(-70.73 -11.255)" style="fill:#CEEAFF;stroke:#6a5b61;stroke-miterlimit:10"/>
<path data-name="Tracé 3696" d="M114.223 35.233h16.452l-7.164-6.427a11.159 11.159 0 0 0-7.554-2.946 1.734 1.734 0 0 0-1.734 1.734z" transform="translate(-75.87 -17.308)" style="fill:#faf8f8;stroke:#6a5b61;stroke-miterlimit:10"/>
<circle data-name="Ellipse 273" cx="6.984" cy="6.984" r="6.984" transform="translate(43.608 23.326)" style="fill:#a4959b;stroke:#6a5b61;stroke-miterlimit:10"/>
<circle data-name="Ellipse 274" cx="6.984" cy="6.984" r="6.984" transform="translate(7.709 23.326)" style="fill:#a4959b;stroke:#6a5b61;stroke-miterlimit:10"/>
<circle data-name="Ellipse 275" cx="3.532" cy="3.532" r="3.532" transform="translate(47.06 26.777)" style="stroke:#6a5b61;stroke-miterlimit:10;fill:#fff"/>
<circle data-name="Ellipse 276" cx="3.532" cy="3.532" r="3.532" transform="translate(11.16 26.777)" style="stroke:#6a5b61;stroke-miterlimit:10;fill:#fff"/>
</g>
</svg>
</div>
<div class="text-center">
<span class="font-medium text-[#6A5B61]">
Livraison chez vous ou en point relais </span>
</div>
</div>
<div class="flex flex-col items-center justify-center max-w-[7.5rem] mx-auto xl:max-w-[12rem]">
<div>
<svg data-name="loyalty icon" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewbox="0 0 96 96">
<g data-name="Groupe 6215">
<g data-name="Polygone 136" style="fill:#fff">
<path d="M23.572 28.966 15.4 23.053l-.293-.212-.293.212-8.172 5.913 2.835-10.04.09-.319-.257-.207-7.938-6.396 9.972-.268.349-.01.111-.33 3.303-9.827 3.303 9.826.111.332.35.009 9.971.268-7.938 6.396-.257.207.09.318 2.835 10.04z" style="stroke:none" transform="translate(32.885 30.404)"/>
<path d="m15.107 3.139-3.052 9.078-9.311.25 7.394 5.958-2.624 9.293 7.593-5.494 7.593 5.494-2.624-9.293 7.394-5.958-9.312-.25-3.051-9.078m0-3.139 3.777 11.236 11.33.305-8.996 7.249 3.226 11.424-9.337-6.756-9.337 6.756L8.996 18.79 0 11.54l11.33-.304L15.107 0z" style="fill:#6a5b61;stroke:none" transform="translate(32.885 30.404)"/>
</g>
<path data-name="Tracé 869" d="M228.1 233.6a16.954 16.954 0 0 1 .649-9.7 16.765 16.765 0 0 1 5.509 7.961 15.8 15.8 0 0 1-.071 7.762 13.829 13.829 0 0 0-.6 1.913 16.7 16.7 0 0 1-5.487-7.936zm6.225 8.459a18.541 18.541 0 0 0 .692-2.242 18 18 0 0 1 4.346-6.1 14.72 14.72 0 0 1-3.808 17.921 16.951 16.951 0 0 1-1.228-9.577zm-38.912-10.193a16.765 16.765 0 0 1 5.509-7.961 16.956 16.956 0 0 1 .649 9.7 16.738 16.738 0 0 1-5.484 7.942 13.8 13.8 0 0 0-.6-1.913 15.8 15.8 0 0 1-.072-7.766zm-5.1 1.855a17.963 17.963 0 0 1 4.345 6.092 18.678 18.678 0 0 0 .693 2.246 16.98 16.98 0 0 1-1.231 9.583 14.718 14.718 0 0 1-3.807-17.921zm-1.513 23.195a16.9 16.9 0 0 1-3.347-9.11 16.534 16.534 0 0 1 8.257 4.968 16.884 16.884 0 0 1 3.345 9.1 13.347 13.347 0 0 0-1.761-.557 15.511 15.511 0 0 1-6.494-4.401zm5.757 11.82a16.659 16.659 0 0 1-7.149-6.494 17.5 17.5 0 0 1 7.595-.115 17.991 17.991 0 0 0 1.912.6c.029.012.057.02.086.032a16.666 16.666 0 0 1 7.148 6.493 16.39 16.39 0 0 1-9.594-.517zm10.909 8.02a16.437 16.437 0 0 1-9.312-2.389A14.31 14.31 0 0 1 214.2 272.7a16.5 16.5 0 0 1-8.736 4.055zm18.748 0a16.5 16.5 0 0 1-8.732-4.051 14.31 14.31 0 0 1 18.044 1.663 16.4 16.4 0 0 1-9.314 2.387zm18.058-14.514a16.623 16.623 0 0 1-7.149 6.493 16.39 16.39 0 0 1-9.592.518 16.656 16.656 0 0 1 7.148-6.493c.029-.012.058-.021.087-.032a18.027 18.027 0 0 0 1.9-.6 17.555 17.555 0 0 1 7.604.114zm-7.885-.923a13.375 13.375 0 0 0-1.761.556 16.894 16.894 0 0 1 3.346-9.1 16.528 16.528 0 0 1 8.257-4.968 16.862 16.862 0 0 1-3.347 9.11 15.522 15.522 0 0 1-6.498 4.402z" transform="translate(-166.838 -204.316)" style="fill:#cdebb9;stroke:#6a5b61"/>
<path data-name="Polygone 135" d="m4.34 0 1.086 3.228 3.255.088L6.1 5.4l.927 3.282L4.34 6.74 1.658 8.681 2.585 5.4 0 3.316l3.255-.088z" transform="translate(43.651 42.15)" style="fill:#ca9e67"/>
</g>
</svg>
</div>
<div class="text-center">
<span class="font-medium text-[#6A5B61]">
Récompense fidélité à chaque commande </span>
</div>
</div>
<div class="flex flex-col items-center justify-center max-w-[7.5rem] mx-auto xl:max-w-[12rem]">
<div>
<svg data-name="label icon" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewbox="0 0 96 96">
<g data-name="Groupe 5882" transform="translate(26.654 20.018)">
<path data-name="Tracé 3705" d="M60.225 128.788v15.566l-7.015-4.1-7.015 4.1v-15.566" transform="translate(-31.863 -88.387)" style="stroke:#6a5b61;stroke-miterlimit:10;fill:#e1d9dc"/>
<path data-name="Tracé 3703" d="M22.148.822 26 5.843l5.648-2.853 1.292 6.195 6.327-.119-1.524 6.142 5.752 2.637-4.038 4.872 4.038 4.872-5.752 2.638 1.524 6.142-6.327-.119-1.292 6.195L26 39.592l-3.851 5.021-3.849-5.021-5.649 2.853-1.295-6.195-6.327.119 1.524-6.142L.8 27.589l4.038-4.872L.8 17.845l5.752-2.637-1.523-6.142 6.327.119 1.292-6.195L18.3 5.843z" transform="translate(-.801 -.822)" style="stroke:#6a5b61;stroke-miterlimit:10;fill:#fff"/>
<circle data-name="Ellipse 279" cx="13.532" cy="13.532" r="13.532" transform="translate(7.814 8.679)" style="fill:#ffd998;stroke:#6a5b61;stroke-miterlimit:10"/>
<path data-name="Tracé 3704" d="M60.9 66.206v-1.089h3.147V55.71l-2.977.6v-.867L64.4 54.3h.834v10.817h3.317v1.089z" transform="translate(-42.516 -38.335)" style="fill:#6a5b61"/>
</g>
</svg>
</div>
<div class="text-center">
<span class="font-medium text-[#6A5B61]">
La Garantie Confiance Meilland *
</span>
</div>
</div>
<div class="flex flex-col items-center justify-center max-w-[7.5rem] mx-auto xl:max-w-[12rem]">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewbox="0 0 96 96">
<g data-name="Groupe 6814">
<path data-name="Tracé 8116" d="M24.473 4.276V.5a11.874 11.874 0 0 0-8.9 4.127l-.016.007A11.869 11.869 0 0 0 6.667.5v3.792A19.573 19.573 0 0 0 .5 3.251v21.6a10.038 10.038 0 0 0 15.065 8.7l.005.007a10.052 10.052 0 0 0 15.071-8.708V3.251a19.55 19.55 0 0 0-6.168 1.025" transform="translate(32.429 18.712)" style="fill:#ffd998"/>
<path data-name="Tracé 8117" d="M14.459 41.54s-4.1.481-7.032-1.735-3.593-6.287-3.593-6.287 4.1-.481 7.032 1.733 3.593 6.289 3.593 6.289z" transform="translate(33.54 29.704)" style="stroke-linecap:round;stroke:#6b5b61;fill:#cdebb9;stroke-linejoin:round"/>
<path data-name="Tracé 8118" d="M11.8 39.356s4.1.481 7.032-1.735 3.593-6.287 3.593-6.287-4.1-.481-7.032 1.733-3.593 6.289-3.593 6.289z" transform="translate(36.197 28.976)" style="stroke-linecap:round;stroke:#6b5b61;fill:#cdebb9;stroke-linejoin:round"/>
<path data-name="Tracé 8119" d="M19.746 26.3a6.354 6.354 0 1 1-12.708 0" transform="translate(34.608 27.311)" style="stroke-miterlimit:10;stroke:#6b5b61;fill:#fff"/>
<path data-name="Ligne 713" transform="translate(47.999 59.965)" style="fill:none;stroke-miterlimit:10;stroke-linecap:round;stroke:#6b5b61" d="M0 0v16.825"/>
<path data-name="Tracé 8120" d="M20.6 24.159a10.05 10.05 0 0 1-20.1 0V2.563c9.391 0 20.1 7.248 20.1 21.596z" transform="translate(32.429 19.4)" style="fill:none;stroke-miterlimit:10;stroke:#6b5b61"/>
<path data-name="Tracé 8121" d="M11.8 32.867a10.052 10.052 0 0 0 15.071-8.708V2.563A20.1 20.1 0 0 0 11.8 9.547" transform="translate(36.197 19.4)" style="fill:none;stroke-miterlimit:10;stroke:#6b5b61"/>
<path data-name="Tracé 8122" d="M5.125 4.271V.5A11.827 11.827 0 0 1 16.11 8.148" transform="translate(33.971 18.712)" style="fill:none;stroke-miterlimit:10;stroke:#6b5b61"/>
<path data-name="Tracé 8123" d="M20.707 4.271V.5a11.872 11.872 0 0 0-8.9 4.127" transform="translate(36.197 18.712)" style="fill:none;stroke-miterlimit:10;stroke:#6b5b61"/>
</g>
</svg>
</div>
<div class="text-center">
<span class="font-medium text-[#6A5B61]">
Reconnu mondialement depuis 1867 </span>
</div>
</div>
<div class="flex flex-col items-center justify-center max-w-[7.5rem] mx-auto xl:max-w-[12rem]">
<div>
<svg data-name="advice icon" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewbox="0 0 96 96">
<g data-name="Groupe 5880">
<path data-name="Tracé 3697" d="M20.5 13.462V6.085A5.6 5.6 0 0 1 26.083.5H39a5.6 5.6 0 0 1 5.585 5.585" transform="translate(8.816 23.556)" style="stroke:#6a5b61;fill:none"/>
<path data-name="Tracé 3698" d="M20.5 13.462V6.085A5.6 5.6 0 0 1 26.083.5H39a5.6 5.6 0 0 1 5.585 5.585" transform="translate(8.816 23.556)" style="stroke-miterlimit:10;stroke:#6a5b61;fill:none"/>
<path data-name="Tracé 3699" d="M74.489 25.437v-2.329a5.217 5.217 0 0 1 5.2-5.2h16.043a5.217 5.217 0 0 1 5.2 5.2v11.883a5.217 5.217 0 0 1-5.2 5.2h-7.807" transform="translate(-27.82 11.744)" style="stroke:#6a5b61;fill:none"/>
<path data-name="Tracé 3700" d="M74.489 25.437v-2.329a5.217 5.217 0 0 1 5.2-5.2h16.043a5.217 5.217 0 0 1 5.2 5.2v11.883a5.217 5.217 0 0 1-5.2 5.2h-7.807" transform="translate(-27.82 11.744)" style="fill:#ceeaff;stroke-miterlimit:10;stroke:#6a5b61"/>
<path data-name="Tracé 3701" d="M32.006 41.08H6.213A5.729 5.729 0 0 0 .5 46.793v16.881a5.73 5.73 0 0 0 5.713 5.713h18.052A9.558 9.558 0 0 0 34.306 76.7a13.221 13.221 0 0 1-3.566-6.646 13.027 13.027 0 0 1-.118-.664h1.384a5.73 5.73 0 0 0 5.713-5.713V46.793a5.729 5.729 0 0 0-5.713-5.713" transform="translate(22.385 -3.979)" style="stroke:#6a5b61;fill:none"/>
<path data-name="Tracé 3702" d="M32.006 41.08H6.213A5.729 5.729 0 0 0 .5 46.793v16.881a5.73 5.73 0 0 0 5.713 5.713h18.052A9.558 9.558 0 0 0 34.306 76.7a13.221 13.221 0 0 1-3.566-6.646 13.027 13.027 0 0 1-.118-.664h1.384a5.73 5.73 0 0 0 5.713-5.713V46.793a5.729 5.729 0 0 0-5.713-5.713z" transform="translate(22.385 -3.979)" style="stroke-miterlimit:10;stroke:#6a5b61;fill:#fff"/>
<path data-name="Ligne 624" transform="translate(29.78 46.987)" style="stroke:#6a5b61;fill:none" d="M0 0h13.717"/>
<path data-name="Ligne 625" transform="translate(29.78 51.938)" style="stroke:#6a5b61;fill:none" d="M0 0h23.319"/>
<path data-name="Ligne 626" transform="translate(29.78 56.889)" style="stroke:#6a5b61;fill:none" d="M0 0h16.46"/>
</g>
</svg>
</div>
<div class="text-center">
<span class="font-medium text-[#6A5B61]">
Une équipe d’experts à votre écoute </span>
</div>
</div>
<div class="flex flex-col items-center justify-center max-w-[7.5rem] mx-auto xl:max-w-[12rem]">
<div>
<svg data-name="warranty icon" xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewbox="0 0 96 96">
<g data-name="Groupe 5884">
<path data-name="Tracé 3706" d="M37.81 3.957A46.733 46.733 0 0 1 19.365.547 46.733 46.733 0 0 1 .919 3.957H.5v17.016c0 15.38 18.865 29.135 18.865 29.135s18.864-13.755 18.864-29.135V3.955z" transform="translate(28.634 22.672)" style="stroke:#6a5b61;stroke-miterlimit:10;fill:#faf8f8"/>
<path data-name="Tracé 3707" d="M43.527 22.289a35.116 35.116 0 0 1-13.861-2.563 35.117 35.117 0 0 1-13.861 2.563h-.315v12.786C15.49 46.632 29.666 56 29.666 56s14.176-9.369 14.176-20.926V22.287z" transform="translate(18.333 9.492)" style="fill:#ebd0af;stroke:#6a5b61;stroke-miterlimit:10"/>
<path data-name="Tracé 8115" d="M7.893 4.053a4.915 4.915 0 0 1-3.029-.992A6.555 6.555 0 0 1 2.795.331a10.058 10.058 0 0 1-.747-4 10.186 10.186 0 0 1 .736-4A6.515 6.515 0 0 1 4.832-10.4a4.838 4.838 0 0 1 3-.992 4.69 4.69 0 0 1 2.005.459 5.791 5.791 0 0 1 1.76 1.28 6.219 6.219 0 0 1 1.227 1.888l-1.152.7a5.13 5.13 0 0 0-.949-1.611A4.7 4.7 0 0 0 9.355-9.76a3.272 3.272 0 0 0-1.525-.395 3.476 3.476 0 0 0-2.283.832 5.465 5.465 0 0 0-1.568 2.294 9.269 9.269 0 0 0-.565 3.36A9.356 9.356 0 0 0 3.979-.3a5.331 5.331 0 0 0 1.578 2.295 3.6 3.6 0 0 0 2.336.821 3.059 3.059 0 0 0 1.536-.427 4.8 4.8 0 0 0 1.355-1.184 5.788 5.788 0 0 0 .949-1.739l1.152.7a6.725 6.725 0 0 1-1.237 2.016 5.955 5.955 0 0 1-1.76 1.376 4.373 4.373 0 0 1-1.995.495zM.32-1.707v-1.109h9.152v1.109zm0-2.816v-1.109h9.152v1.109z" transform="translate(40.106 48.201)" style="fill:#6a5b61"/>
</g>
</svg>
</div>
<div class="text-center">
<span class="font-medium text-[#6A5B61]">
Un paiement en ligne 100% sécurisé </span>
</div>
</div>
</div>
</div></div></div><div id="fp.wp.marker-bottom"></div></main><footer class="page-footer"><div class="footer content">
<div id="footer_top" class="container">
<div>
<div>
<form class="form subscribe"
action="https://www.meillandrichardier.com/newsletter/subscriber/new/"
method="post"
x-data="initNewsletterForm()"
@submit.prevent="submitForm()"
id="newsletter-validate-detail">
<p class="title title--big">
Newsletter </p>
<div>
<label for="newsletter-subscribe" class="sr-only">
Adresse mail </label>
<p class="headline">
Ne manquez plus les dernières promotions & nouveautés </p>
<div class="wrapper">
<input name="email"
type="email"
required
id="newsletter-subscribe"
class="form-input inline-flex w-full"
placeholder="Votre adresse e-mail"><input type="text" name="email_confirm" />
<input name="form_key" type="hidden" value="HL0ejrkCn1f3tbf3" /> <button>
Je m'inscris </button>
</div>
<p class="informations">
Votre adresse e-mail sera exclusivement utilisée par Meilland Richardier et sera conservée jusqu’à votre désinscription. Celle-ci peut se faire à tout moment, à votre demande, depuis le lien de désinscription dans nos e-mails, ou en nous contactant directement. </p>
</div>
<div>
<template x-if="displayErrorMessage">
<p class="flex items-center text-red">
<span class="inline-block w-8 h-8 mr-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>exclamation-circle</title></svg>
</span>
<template x-for="errorMessage in errorMessages">
<span x-html="errorMessage"></span>
</template>
</p>
</template>
</div>
</form>
<div class="w-full">
</div>
<script>
function initNewsletterForm() {
return {
errors: 0,
hasCaptchaToken: 0,
displayErrorMessage: false,
errorMessages: [],
setErrorMessages(messages) {
this.errorMessages = [messages]
this.displayErrorMessage = this.errorMessages.length
},
submitForm() {
// Do not rename $form, the variable is expected to be declared in the recaptcha output
const $form = document.querySelector('#newsletter-validate-detail');
if (this.errors === 0) {
$form.submit();
}
}
}
}
</script>
</div> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="rs-wrapper"> <p class="title title--big">Réseaux sociaux</p> <p class="headline">Rejoignez la communauté Meilland Richardier</p> <ul> <li class="fb"><a href="https://www.facebook.com/rosesmeilland" target="_blank" title="Facebook">Facebook</a></li> <li class="inst"><a href="https://www.instagram.com/meillandrichardier/" target="_blank" title="Notre Instagram">Instagram</a></li> <li class="pin"><a href="https://fr.pinterest.com/rosesmeilland/" target="_blank" title="Pinterest">Pinterest</a></li><!--<li class="twt"><a href="https://x.com/rosesmeilland" target="_blank" title="Twitter">Twitter</a></li>--><li class="yt"><a href="https://www.youtube.com/user/meillandrichardier" target="_blank" title="Youtube">Youtube</a></li> </ul> </div></div> </div>
</div>
<div id="footer_bottom" class="container">
<div class="wrapper">
<div>
<div class="item list">
<p class="title">Notre entreprise</p>
<ul>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/qui-sommes-nous" title="Qui-sommes-nous ?">
<span>Qui-sommes-nous ?</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/histoire-meilland-richardier" title="Notre histoire">
<span>Notre histoire</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/notre-expertise" title="Notre expertise">
<span>Notre expertise</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/certifications-et-recompenses" title="Certifications et récompenses">
<span>Certifications et récompenses</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/palmares-meilland-richardier" title="Palmarès du magazine Capital">
<span>Palmarès du magazine Capital</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/recrutement" title="Recrutement">
<span>Recrutement</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/meilland-international" title="Meilland International">
<span>Meilland International</span>
</a>
</span>
</li>
</ul>
</div>
<div class="item list">
<p class="title">Besoin d'aide</p>
<ul>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/faq" title="FAQ">
<span>FAQ</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/comment-commander" title="Comment commander ?">
<span>Comment commander ?</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/quand-commander" title="Quand commander ?">
<span>Quand commander ?</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/modes-de-livraison" title="Mode de livraison">
<span>Mode de livraison</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/frais-de-port" title="Frais de port">
<span>Frais de port</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/delai-livraison" title="Délais de livraison">
<span>Délais de livraison</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/lexique-du-jardinier" title="Lexique du jardinier">
<span>Lexique du jardinier</span>
</a>
</span>
</li>
</ul>
</div>
<div class="item list">
<p class="title">Plus d'infos</p>
<ul>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/cheque-cadeau" title="Chèques cadeaux">
<span>Chèques cadeaux</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/les-garanties" title="Nos garanties">
<span>Nos garanties</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/club-fidelite-meilland-richardier" title="Programme fidélité">
<span>Programme fidélité</span>
</a>
</span>
</li>
<li><span class="widget block block-cms-link-inline">
<a href="https://www.meillandrichardier.com/journalistes" title="Journalistes">
<span>Journalistes</span>
</a>
</span>
</li>
</ul>
</div>
<div class="item externals">
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div style="text-align: center;"><a title="Donner son avis" href="https://www.google.com/search?sca_esv=f4b6b6f8ee117d10&hl=fr&authuser=0&sxsrf=AE3TifNLL8Wy748P6CFjzguZwr1sZPWqVQ:1764080549603&uds=AOm0WdE2fekQnsyfYEw8JPYozOKzPL59JAd9gTtHLR-mSSIx2F1D2RwezbLiGECbREmGy1UOVsA0PC5TSd_WCQR-CBEa1k3fHyg1QC0_nFR1Ztjj2JJAHQyU9nYoofQ-VRj0a1G6hVPEwUu0J7HbH8ax9VZ-JytsVNlJV5kawG8eelRfYheK7kS7UEuAihzEfdmtKh5SWxNbCnkG4vpkaOUoQDW9rQm72GjrJuO1brrU3e_fdrtI8NUmTAz9iHiQWcfEEj_IUe3q3m5DCyluA3aWuBdEaO3fM2EAxxt_on2cuvnEblRLYf4&q=Meilland+Richardier+Avis&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-E-YjWLTr4rzLR-iM3FHQcJgVSFfy4l-l3PS1S3UDmRTeAAiHNP-lcbj7zw4eDe4KSP_plqlx9hH7mCKKDZfs45G0SfZCVgo65e1Bs_j-rVGq6oixag%3D%3D&sa=X&ved=2ahUKEwjmrI6UwI2RAxU2TKQEHZaWJSAQ_4MLegQIKRAI&biw=1920&bih=945&dpr=1" target="_blank" rel="noopener"><img src="https://www.promessedefleurs.com/media/wysiwyg/Meilland/avis-google-MR-FR.png" alt="Avis Google" width="200" height="150"> </a></div>
</div> </div>
</div>
<div class="item action">
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><style>
#footer_bottom > div.wrapper > div.item.action > div{
background:none;
}
#footer_bottom > div.wrapper > div.item.action > div > div > div > p > a {
margin-top: .8125rem;
font-weight: 500;
text-decoration: none;
min-width: 15.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: .25rem;
padding: .5rem 1rem;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(.4,0,.2,1);
min-height: 3rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(164,149,155,var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgba(255,255,255,var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(0,0,0,var(--tw-text-opacity));
background-color: transparent;
color: #fff;
margin-bottom: 2.75rem;
}
</style>
<div>
<p class="title title--big">Service client</p>
<div>
<p><a href="/contact">Contacter</a></p>
</div>
</div>
</div> </div>
</div>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div> <ul class="legals"> <li><span> <span class="widget block block-cms-link-inline"><a href="https://www.meillandrichardier.com/conditions-generales-de-vente" title="Conditions générales de ventes des Roseraies Meilland Richardier"><span>Conditions Générales de Vente</span></a></span></span></li> <li><span> <span class="widget block block-cms-link-inline"><a href="https://www.meillandrichardier.com/mentions-legales" title="Mentions légales"><span>Mentions légales</span></a></span></span></li> <li><span> <span class="widget block block-cms-link-inline"><a href="https://www.meillandrichardier.com/collecte-des-donnees-personnelles" title="Collecte des données personnelles"><span>Cookies et collecte des données</span></a></span></span></li></ul> <p> <img src="https://www.meillandrichardier.com/media/wysiwyg/payment-icons-bar.png" alt="Méthodes de paiement" loading="lazy" /> <a href="https://www.sutunam.com/" target="_blank"><img src="https://www.meillandrichardier.com/media/wysiwyg/sutunam-signature.png" alt="Website by Sutunam" loading="lazy" /></a> </p> </div></div></div>
<div x-data="{show_backToTop: false}"
@scroll.window="show_backToTop = window.scrollY > 500">
<div x-cloak :class="show_backToTop ? 'block' : 'hidden'">
<button @click="window.scrollTo({top: 0, behavior: 'smooth'})"
class="fixed right-6 bottom-6 z-50 lg:w-16 lg:h-16 w-10 h-10 rounded-full cursor-pointer flex justify-center items-center bg-secondary-theme-500 hover:bg-secondary-theme-300 transition"
aria-label="retour en haut de page"
>
<svg xmlns="http://www.w3.org/2000/svg" class="lg:w-16 lg:h-16 w-10 h-10" viewbox="0 0 20 20" fill="#fff">
<path fill-rule="evenodd"
d="M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z"
clip-rule="evenodd"/>
</svg>
</button>
</div>
</div>
<script type="text/javascript">
const footerAccordionTile = document.querySelectorAll('.page-footer .list .title')
const footerAccordionContent = document.querySelectorAll('.page-footer .list .title + ul')
for (let i = 0; i < footerAccordionTile.length; i++) {
footerAccordionTile[i].addEventListener("click", (evt) => {
for (let j = 0; j < footerAccordionContent.length; j++) {
if (i == j) {
let title = evt.target
let content = title.nextElementSibling
title.classList.toggle('open')
content.classList.toggle('open')
if(content.style.maxHeight === "0px" || content.style.maxHeight === "" ) {
content.style.maxHeight = content.scrollHeight + 30 + 'px'
}else{
content.style.maxHeight = "0px"
}
} else {
footerAccordionTile[j].classList.remove('open')
footerAccordionContent[j].style.maxHeight = "0px"
footerAccordionContent[j].classList.remove('open')
}
}
});
}
</script></div></footer> <script>
(function () {
"use strict";
const DIRECTIVE = "intersect";
const X_ATTR_RE = /^x-([a-z-]*)\b/i;
function parseHtmlAttribute(reference) {
const name = reference.name;
const value = reference.value;
const typeMatch = name.match(X_ATTR_RE);
const valueMatch = name.match(/:([a-zA-Z0-9\-:]+)/);
const modifiers = name.match(/\.[^.\]]+(?=[^\]]*$)/g) || [];
return {
type: typeMatch ? typeMatch[1] : null,
value: valueMatch ? valueMatch[1] : null,
modifiers: modifiers.map((i) => i.replace(".", "")),
expression: value,
};
}
function getXDirectives(el) {
return Array.from(el.attributes)
.filter(function (attr) {
return X_ATTR_RE.test(attr.name);
})
.map(parseHtmlAttribute);
}
if (window.Alpine) {
console.error("Intersect plugin must be included before AlpineJs, x-intersect will not work.");
}
const getLengthValue = (rawValue) => {
let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/)
return match ? match[1] + (match[2] || 'px') : undefined
}
const getRootMargin = (modifiers) => {
const key = 'margin'
const fallback = '0px 0px 0px 0px'
const index = modifiers.indexOf(key)
if (index === -1) return fallback
let values = []
for (let i = 1; i < 5; i++) {
values.push(getLengthValue(modifiers[index + i] || ''))
}
values = values.filter((v) => v !== undefined)
return values.length ? values.join(' ').trim() : fallback
}
const getThreshhold = (modifiers) => {
if (modifiers.includes("full")) return 0.8;
if (modifiers.includes("half")) return 0.5;
return 0;
};
const AlpineIntersectionDirective = {
start: function start() {
Alpine.onBeforeComponentInitialized(function (component) {
const legacyResolveBoundAttributes = component.resolveBoundAttributes;
component.resolveBoundAttributes = function (el, initialUpdate, extraVars) {
if (initialUpdate === void 0) {
initialUpdate = false;
}
if (initialUpdate) {
const attrs = getXDirectives(el);
attrs.forEach(function (reference) {
const type = reference.type;
const expression = reference.expression;
const value = reference.value;
const modifiers = reference.modifiers;
if (type === DIRECTIVE) {
const options = {
rootMargin: getRootMargin(modifiers),
threshold: getThreshhold(modifiers),
};
const observer = new IntersectionObserver((elements) => {
elements.forEach((element) => {
if (element.isIntersecting === (value === 'leave')) return
component.evaluateReturnExpression(el, expression, extraVars);
modifiers.includes("once") && observer.disconnect();
});
}, options);
observer.observe(el);
}
});
}
return legacyResolveBoundAttributes.bind(component)(el, initialUpdate, extraVars);
};
});
},
};
const initAlpine = window.deferLoadingAlpine || ((callback) => callback());
window.deferLoadingAlpine = (callback) => {
AlpineIntersectionDirective.start();
initAlpine(callback);
};
})();</script> <script>
(function () {
"use strict";
const initAlpine = window.deferLoadingAlpine || ((callback) => callback());
window.deferLoadingAlpine = (callback) => {
const origInitializeComponent = Alpine.initializeComponent;
Alpine.initializeComponent = function (el) {
if (! el.closest('[x-ignore]')) {
origInitializeComponent.call(this, el);
}
};
initAlpine(callback);
};
})()</script> <script>
(function () {
"use strict";
const hasAlpine = new Promise(resolve => {
window.addEventListener('hyva-alpine:x-defer-initialized', resolve, {once: true, passive: true})
})
const hasInteract = new Promise(resolve => {
(events => {
const onInteract = () => {
resolve();
events.forEach(type => window.removeEventListener(type, onInteract));
}
events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
})(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
});
const onIntersect = (el) => {
return new Promise(resolve => {
const observer = new IntersectionObserver(entries => {
for (const entry of entries) {
if (entry.isIntersecting) {
observer.disconnect()
resolve();
}
}
}, {});
observer.observe(el);
});
}
function runComponent(el) {
hasAlpine.then(() => {
el.removeAttribute('x-ignore');
queueMicrotask(() => Alpine.initializeComponent(el));
});
}
function initDeferredComponents() {
document.querySelectorAll('[x-data][x-defer]').forEach(el => {
el.setAttribute('x-ignore', '');
const deferUntil = (el.getAttribute('x-defer') || '').trim();
switch (deferUntil) {
case 'interact':
hasInteract.then(() => runComponent(el));
break;
case 'intersect':
onIntersect(el).then(() => runComponent(el))
break;
case 'idle':
window.requestIdleCallback
? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
: setTimeout(() => runComponent(el), 4000);
break;
case 'eager':
runComponent(el);
break;
default:
if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
}
}
});
}
const initAlpine = window.deferLoadingAlpine || ((callback) => callback());
window.deferLoadingAlpine = (callback) => {
initDeferredComponents()
initAlpine(callback);
window.dispatchEvent(new Event('hyva-alpine:x-defer-initialized'));
};
})()</script> <script type="module"
src="https://www.meillandrichardier.com/static/version1766071907/frontend/Meilland/hyva/fr_FR/Hyva_Theme/js/alpine.min.js"
defer
crossorigin
></script> <script>
'use strict';
function dispatchMessages(messages, hideAfter) {
const messagesEvent = new CustomEvent("messages-loaded", {
detail: {
messages: messages,
hideAfter: hideAfter
}
});
window.dispatchEvent(messagesEvent);
}
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
(function( hyva, undefined ) {
hyva.initFormKey = () => {
const inputSelector = 'input[name="form_key"]',
formKey = hyva.getFormKey();
Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
input.value = formKey
});
}
hyva.initMessages = () => {
try {
const messages = hyva.getCookie('mage-messages');
window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
dispatchMessages(window.mageMessages);
const skipSetDomain = true;
hyva.setCookie('mage-messages','', -1, skipSetDomain);
} catch (error) {
console.warn('Error parsing Cookie Messages:', error);
}
}
window.addEventListener('DOMContentLoaded', hyva.initFormKey);
hyva.alpineInitialized(hyva.initMessages)
}( window.hyva = window.hyva || {} ));</script> <script>
'use strict';
{
const private_content_key = 'mage-cache-storage';
const private_content_expire_key = 'mage-cache-timeout';
const private_content_version_key = 'private_content_version';
const section_data_ids_key = 'section_data_ids';
const mage_cache_session_id_key = 'mage-cache-sessid';
const last_visited_store_key = 'last_visited_store';
const ttl = 86400;
if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
}
function loadSectionData () {
const browserStorage = hyva.getBrowserStorage();
if (!browserStorage) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "warning",
text: "Please enable LocalStorage in your browser."
}]
);
return;
}
try {
let isInvalid = false;
if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
isInvalid = true;
}
hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
if (!hyva.getCookie(mage_cache_session_id_key)) {
isInvalid = true;
browserStorage.removeItem(private_content_key);
const skipSetDomain = true;
const days = false;
hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
}
const cookieVersion = hyva.getCookie(private_content_version_key);
const storageVersion = browserStorage.getItem(private_content_version_key);
if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
isInvalid = true;
}
const privateContentExpires = browserStorage.getItem(private_content_expire_key);
if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
browserStorage.removeItem(private_content_key);
}
if (isInvalid && cookieVersion) {
fetchPrivateContent([]);
} else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
if (
privateContent &&
privateContentExpires &&
privateContent.cart &&
privateContent.customer
) {
dispatchPrivateContent(privateContent);
} else {
fetchPrivateContent([]);
}
} else {
if (document.getElementById('default-section-data')) {
const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
dispatchPrivateContent(privateContent);
} else {
dispatchPrivateContent({});
}
}
} catch (error) {
console.warn('Error retrieving Private Content:', error);
}
}
hyva.alpineInitialized(loadSectionData)
window.addEventListener('reload-customer-section-data', loadSectionData);
window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);
function dispatchPrivateContent(data) {
const privateContentEvent = new CustomEvent("private-content-loaded", {
detail: {
data: window.processSectionDataBeforeDispatch(data)
}
});
window.dispatchEvent(privateContentEvent);
}
function fetchPrivateContent(sections) {
fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(response => response.ok && response.json())
.then(
data => {
if (data) {
try {
const browserStorage = hyva.getBrowserStorage();
const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
delete oldSectionData['checkout-data'];
}
const newSectionData = Object.assign(oldSectionData, data);
dispatchPrivateContent(newSectionData);
if (newSectionData.messages && newSectionData.messages.messages ) {
newSectionData.messages.messages = [];
}
browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
browserStorage.setItem(private_content_expire_key, expiresAt);
const newCookieVersion = hyva.getCookie(private_content_version_key);
browserStorage.setItem(private_content_version_key, newCookieVersion);
hyva.setCookie(
section_data_ids_key,
JSON.stringify(
Object.keys(data).reduce((sectionDataIds, sectionKey) => {
sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
return sectionDataIds;
}, {})
),
false,
true
);
} catch (error) {
console.warn("Couldn't store privateContent", error);
}
}
}
);
}
}</script> <script>
(() => {
document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
})()</script> <script>
(events => {
const dispatchUserInteractionEvent = () => {
events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
window.dispatchEvent(new Event('init-external-scripts'))
};
events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
})(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown'])</script><!--b1bdcbdda485842fb39d699d8d118fd6-->
<script src=""></script>
<script>
function initCompareOnProductList() {
return {
addToCompare(productId) {
const formKey = hyva.getFormKey();
const postUrl = BASE_URL + 'catalog/product_compare/add/';
fetch(postUrl, {
"headers": {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
"body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
"method": "POST",
"mode": "cors",
"credentials": "include"
}).then(function (response) {
if (response.redirected) {
window.location.href = response.url;
}
}).catch(function (error) {
typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
[{
type: "error",
text: error
}], 5000
);
});
}
};
}
</script>
<script>
function initConfigurableOptions(productId, optionConfig) {
function findPathParam(key) {
const baseUrl = (BASE_URL.substr(0, 2) === '//' ? 'http:' : '') + BASE_URL;
const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
for (let i = 0; i < pathParts.length; i += 2) {
if (pathParts[i] === key && pathParts.length > i) {
return pathParts[i + 1];
}
}
}
return {
optionConfig,
productId,
itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
allowedAttributeOptions: [],
selectedValues: [],
init() {
this.findAllowedAttributeOptions();
this.$nextTick(() => {
if (typeof this.optionConfig.defaultValues === 'object') {
for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) {
this.changeOption(optionId, value + '');
}
}
});
},
findSimpleIndex() {
this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
},
calculateSimpleIndexForPartialSelection(selectedValues) {
if (selectedValues.length === 0) return 0;
let productIndexIds = Object.keys(this.optionConfig.index);
Object.keys(this.optionConfig.attributes).forEach((attribute) => {
const productsWithAttributeMatch = selectedValues[attribute]
? productIndexIds.filter((productIndex) => {
return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute]
})
: [];
productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds
})
return productIndexIds[0];
},
calculateSimpleIndexForFullSelection(selectedValues) {
const productIndexes = this.optionConfig.index;
return Object.keys(productIndexes).find(productIndex => {
const productCandidateOptions = productIndexes[productIndex];
for (const productOption in productCandidateOptions) {
if (
! selectedValues[productOption] ||
selectedValues[productOption] !== productCandidateOptions[productOption]
) {
return false;
}
}
return productIndex;
});
},
productIndex: 0,
findAllowedAttributeOptions() {
this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
},
calculateAllowedAttributeOptions(selectedValues) {
const allAttributes = this.optionConfig.attributes;
const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
return a.position - b.position
});
const productIndexes = this.optionConfig.index;
let previousOption = false;
let availableIndexes = Object.keys(productIndexes);
const newAllowedAttributeOptions = [];
allAttributesSorted.forEach(attribute => {
if (previousOption && selectedValues[previousOption]) {
availableIndexes = availableIndexes.filter(availableIndex => {
return productIndexes[availableIndex][previousOption] ===
selectedValues[previousOption]
})
}
newAllowedAttributeOptions[attribute.id] =
allAttributes[attribute.id].options.filter(option => {
return !!option.products.find(product => {
return availableIndexes.includes(product);
})
});
previousOption = attribute.id;
});
return newAllowedAttributeOptions.map(items => this.sutunamEnrichItems(items));
},
sutunamEnrichItems(items) {
if (items === null) {
return null;
}
return items?.map(item => this.sutunamEnrichItem(item));
},
sutunamEnrichItem(item) {
const allAttributes = this.optionConfig.attributes;
const productId = item.products && item.products[0] ? item.products[0] : null;
Object.values(allAttributes).forEach(attribute => {
const option = (productId ? attribute.selectOptions[productId] : {}) || {};
item = {...item, ...option};
});
return item;
},
findAttributeByOptionId(optionId) {
for (const attributeId in this.optionConfig.attributes) {
const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
if (attributeOptions.find(option => option.id === optionId)) {
return attributeId;
}
}
},
getAllowedAttributeOptions(attributeId) {
return this.allowedAttributeOptions[attributeId] || []
},
getProductIdsForOption(option) {
const attributeId = this.findAttributeByOptionId(option.id);
const allOptions = this.optionConfig.attributes[attributeId];
const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
return opt && opt.products
? opt.products
: [];
},
findProductIdsForPartialSelection(optionSelection) {
const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
const newCandidates = this.getProductIdsForOption({id: optionId});
return candidates === null
? newCandidates
: candidates.filter(productId => newCandidates.includes(productId));
}, null);
return candidateProducts || [];
},
findCheapestProductForPartialSelection(optionSelection) {
const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
return candidateProducts.reduce((cheapest, simpleIdx) => {
// in the first iteration we start with simpleIdx as the currently cheapest product
if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
? simpleIdx
: cheapest;
}, 0)
},
findProductIdToUseForOptionPrice(option) {
// try to find a product for a complete selection
const attributeId = this.findAttributeByOptionId(option.id);
const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
// if there is no complete selection, use the cheapest product for the option
return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
},
getAttributeOptionLabel(option) {
const optionProduct = this.findProductIdToUseForOptionPrice(option);
if ((! optionProduct) || (optionProduct === this.productIndex)) {
return option.label;
}
const currentPrice = this.getOptionPriceAdjustmentBasePrice();
if (this.optionConfig.optionPrices[optionProduct]) {
const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
if (optionPrice !== currentPrice){
return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
}
}
return option.label;
},
getOptionPriceAdjustmentBasePrice() {
if (this.optionConfig.optionPrices[this.productIndex]) {
return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount
}
const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues);
return this.optionConfig.optionPrices[cheapestForSelection]
? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount
: this.optionConfig.prices.finalPrice.amount; // default price if no option selection
},
changeOption(optionId, value) {
if (value === '') {
// create new array so the length property is reset if no option is selected (avoiding delete)
this.selectedValues = this.selectedValues.reduce((newSelection, val, opt) => {
if (opt !== optionId) {
newSelection[opt] = val;
}
return newSelection;
}, []);
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
this.updateGallery();
window.dispatchEvent(
new CustomEvent(
'configurable-selection-changed',
{
detail: {
productId: this.productId,
optionId: this.optionId,
value: this.value,
productIndex: this.productIndex,
selectedValues: this.selectedValues
}
}
)
);
},
calculateIsMinimalPrice() {
return (
this.selectedValues.filter(value => !!value).length <
Object.keys(this.optionConfig.attributes).length
);
},
updatePrices() {
const value = this.productIndex ?
this.optionConfig.optionPrices[this.productIndex] :
this.optionConfig.prices;
window.dispatchEvent(
new CustomEvent(
"update-prices-" + this.productId,
{
detail: Object.assign(
value,
{ isMinimalPrice: this.calculateIsMinimalPrice() }
)
}
)
);
},
updateGallery () {
if (this.productIndex) {
const images = this.optionConfig.images[this.productIndex];
images && window.dispatchEvent(new CustomEvent(
"update-gallery",
{ detail: this.sortImagesByPosition(images) }
));
} else {
window.dispatchEvent(new Event("reset-gallery"));
}
},
sortImagesByPosition(images) {
return images.sort((x, y) => {
return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
});
},
onGetCartData(data) {
this.preselectCartItems(data);
this.preselectQuerystringItems();
this.preselectLocationHashItems();
},
preselectCartItems(data) {
// pre-select options based on cart data for current (quote) itemId
const cart = data && data.cart;
if (cart && cart.items) {
const cartItem = cart.items.find((item) => {
return (
item.item_id === this.itemId
&& item.product_id === this.productId
)
});
if (cartItem && cartItem.options && cartItem.options.length) {
cartItem.options.map(option => {
this.changeOption(option.option_id, option.option_value);
})
}
}
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
Object.values(this.optionConfig.attributes).map(attribute => {
urlQueryParams.get(attribute.code) &&
this.changeOption(attribute.id, urlQueryParams.get(attribute.code));
});
},
preselectLocationHashItems() {
// pre-select option like #144=167
const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
Object.values(this.optionConfig.attributes).map(attribute => {
urlHashParams.get(attribute.id) &&
this.changeOption(attribute.id, urlHashParams.get(attribute.id));
});
}
}
}
</script><script>
function initSwatchOptions(swatchConfig) {
return {
swatchConfig,
getAttributeSwatchData(attributeId) {
const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
return swatchConfig;
},
getAllAttributeOptions(attributeId) {
return (
this.optionConfig.attributes[attributeId] &&
this.optionConfig.attributes[attributeId].options
) || []
},
optionIsActive(attributeId, optionId) {
// return true if a product with this option is in stock
return !!this.getAllowedAttributeOptions(attributeId).find(
option => option.id === optionId
)
},
optionIsEnabled(attributeId, optionId) {
// return true if a product with this option is enabled
for (const productId in this.optionConfig.index) {
if (this.optionConfig.index[productId][attributeId] === optionId) {
return true;
}
}
return false;
},
mapSwatchTypeNumberToTypeCode(typeNumber) {
switch ("" + typeNumber) {
case "1":
return "color"
case "2":
return "image"
case "3":
return "empty"
case "0":
default:
return "text"
}
},
getTypeOfFirstOption(attributeId) {
for (const optionId in this.swatchConfig[attributeId]) {
const option = this.swatchConfig[attributeId][optionId];
if (typeof option.type !== 'undefined') {
return this.mapSwatchTypeNumberToTypeCode(option.type);
}
}
},
getVisualSwatchType(attributeId, targetOptionId) {
// If a type configuration is present for the given option id, use it
const config = this.swatchConfig[attributeId];
if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
}
// Otherwise - if no config is present for the target option - use the type of the first option
// with a type property from the attribute, thus assuming its the same type as the target option.
// (This edge case condition can occur on single swatch products if some options are not salable)
return this.getTypeOfFirstOption(attributeId);
},
getSwatchType(attributeId, optionId) {
// Deserialize the attribute details the first time they are used
if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
}
const type = this.swatchConfig[attributeId] &&
this.swatchConfig[attributeId].details &&
this.swatchConfig[attributeId].details.swatch_input_type ||
"empty";
return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
},
isTextSwatch(attributeId, optionId) {
return this.getSwatchType(attributeId, optionId) === 'text';
},
isVisualSwatch(attributeId, optionId) {
const type = this.getSwatchType(attributeId, optionId);
return ['image', 'color'].includes(type);
},
getSwatchBackgroundStyle(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
const type = this.getSwatchType(attributeId, optionId);
if (type === "color") {
return 'background-color:' + config.value;
} else if (type === "image") {
return "background: #ffffff url('" + config.value + "') no-repeat center";
} else {
return '';
}
},
getSwatchText(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
},
getOptionLabelFromOptionConfig(attributeId, optionId) {
// Fallback if no value is present in swatchConfig data
// Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
return option && option[0] && option[0].label ||'';
},
getSwatchConfig(attributeId, optionId) {
return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
? this.swatchConfig[attributeId][optionId]
: false;
},
activeTooltipItem: false,
tooltipPositionElement: false,
isTooltipVisible() {
return this.activeTooltipItem &&
this.getSwatchConfig(
this.activeTooltipItem.attribute,
this.activeTooltipItem.item
);
},
getTooltipImageStyle(attributeId, optionId) {
const config = this.getSwatchConfig(attributeId, optionId);
const type = this.getSwatchType(attributeId, optionId);
if (type === "color") {
return 'background-color:' + config.value + '; width: 110px; height: 90px;';
} else if (type === "image") {
return "background: #ffffff url('" + config.thumb +
"') center center no-repeat; width: 110px; height: 90px;";
} else {
return 'display:none';
}
},
getTooltipPosition() {
return this.tooltipPositionElement ?
`top: ${this.tooltipPositionElement.offsetTop}px;` +
`left: ${
this.tooltipPositionElement.offsetLeft - (
this.tooltipPositionElement.closest('.snap') &&
this.tooltipPositionElement.closest('.snap').scrollLeft ||
0
)
}px;` : ''
},
getTooltipLabel() {
return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
},
focusedLabel: false,
focusLabel(optionId) {
this.focusedLabel = optionId;
},
blurLabel() {
this.focusedLabel = false;
},
showSwatches: false,
initShowSwatchesIntersect() {
if ('IntersectionObserver' in window && !window.scrollY) {
const io = new IntersectionObserver(
entries => {
entries.map(entry => {
if (entry.isIntersecting) {
this.showSwatches = true;
io.unobserve(this.$el);
}
})
}
);
io.observe(this.$el);
} else {
this.showSwatches = true
}
}
}
}
</script> <script>
function amastyRewardsCatalog() {
return {
productId: this.$el.dataset.productId,
formSelector: 'product_addtocart_form',
refreshUrl: this.$el.dataset.refreshUrl,
loader: false,
isFetching: false,
abortFetchController: false,
highlight: {
caption_color: '',
caption_text: '',
visible: false
},
init() {
this.formObserver();
document.addEventListener(`update-qty-${this.productId}`, () => {
this.updateData();
});
this.$nextTick(() => this.updateData());
},
hideBlock() {
this.highlight.visible = false;
this.loader = true;
},
dispatchStatus(type, message) {
window.dispatchMessages([{
type: type,
text: message
}], 5000);
},
formObserver() {
const product = document.querySelector(`input[name="product"][value="${this.productId}"]`);
if (product) {
const productForm = product.form;
if (productForm) {
productForm.addEventListener('change', () => {
this.updateData();
});
}
}
},
updateData() {
if (!this.refreshUrl || this.isFetching) return false;
this.hideBlock();
if (this.abortFetchController) {
this.abortFetchController.abort();
}
this.abortFetchController = new AbortController();
const product = document.querySelector(`input[name='product'][value='${this.productId}']`);
if (!product) return false;
const form = product.form;
const formData = new FormData(form);
const formParams = new URLSearchParams(formData).toString();
const formJson = JSON.stringify({
productId: this.productId,
attributes: formParams
});
const requestOptions = {
method: 'POST',
body: formJson,
headers: {
'Content-Type': 'application/json',
'x-requested-with': 'XMLHttpRequest',
},
signal: this.abortFetchController.signal
};
this.isFetching = true;
fetch(this.refreshUrl, requestOptions).then(response => {
if (!response.ok) {
return Promise.reject(`${response.status} ${response.statusText}`);
}
return response.json();
}).then(data => {
this.highlight.visible = data.visible;
this.highlight.caption_text = data.caption_text;
this.highlight.caption_color = data.caption_color;
}).catch(error => {
if (error.name !== 'AbortError'
&& typeof error === 'string'
&& error.match(/'401'/g) !== null
) {
this.dispatchStatus('error', error);
}
}).finally(() => {
this.loader = false;
this.abortFetchController = false;
this.isFetching = false;
});
},
highlightVisible() {
return this.highlight.visible && !this.loader;
},
highlightStyle() {
return `color: ${this.highlight.caption_color}`;
},
}
}
window.addEventListener(
'alpine:init',
() => Alpine.data('amastyRewardsCatalog', amastyRewardsCatalog),
{ once: true }
);</script><script>
'use strict';
(() => {
const equalizeButtonWidths = (buttons) => {
const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]');
let buttonMinWidth = 0;
buttonList.forEach(button => {
const buttonWidth = button.offsetWidth;
if (buttonWidth > buttonMinWidth) {
buttonMinWidth = buttonWidth;
}
});
buttonList.forEach(button => {
button.style.minWidth = `${buttonMinWidth}px`;
});
};
window.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('[data-content-type="buttons"][data-same-width="true"]').forEach(buttons => {
equalizeButtonWidths(buttons);
});
});
})();
</script><script>
'use strict';
(() => {
const initCarousels = (elements) => {
if (!Glider) {
return;
}
const initProductCarousel = (carousel) => {
const gliderElement = carousel.querySelector('[data-role="glider-content"]');
if (!gliderElement) {
return;
}
const gliderDots = carousel.querySelector('.glider-dots');
const gliderPrev = carousel.querySelector('.glider-prev');
const gliderNext = carousel.querySelector('.glider-next');
const glider = new Glider(gliderElement, {
slidesToShow: 2,
slidesToScroll: 2,
scrollLock: true,
draggable: true,
dragVelocity: 2.5,
dots: gliderDots,
arrows: {
prev: gliderPrev,
next: gliderNext,
},
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 1024,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
},
],
});
carousel.classList.remove('overflow-x-scroll');
gliderPrev.classList.remove('hidden');
gliderNext.classList.remove('hidden');
if (carousel.dataset.autoplay !== 'false') {
gliderAutoplay(
glider,
carousel.dataset.autoplaySpeed,
carousel.dataset.infiniteLoop
);
}
};
const initSliderCarousel = (slider) => {
slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
slider.classList.add('glider-contain');
slider.insertAdjacentHTML(
'beforeend',
'\u000A\u003Cdiv\u0020class\u003D\u0022carousel\u002Dnav\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020p\u002D4\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Pr\u00E9c\u00E9dent\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dprev\u0020w\u002D8\u0020h\u002D8\u0020mr\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u003D\u0022img\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020d\u003D\u0022M15\u002019l\u002D7\u002D7\u00207\u002D7\u0022\u002F\u003E\u000A\u003Ctitle\u003Echevron\u002Dleft\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020role\u003D\u0022tablist\u0022\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D1\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Suivant\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dnext\u0020w\u002D8\u0020h\u002D8\u0020ml\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u003D\u0022img\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020d\u003D\u0022M9\u00205l7\u00207\u002D7\u00207\u0022\u002F\u003E\u000A\u003Ctitle\u003Echevron\u002Dright\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E'
);
const gliderElement = slider.querySelector('[data-role="glider-content"]');
const gliderDots = slider.querySelector('.glider-dots');
const gliderPrev = slider.querySelector('.glider-prev');
const gliderNext = slider.querySelector('.glider-next');
const glider = new Glider(gliderElement, {
slidesToShow: 1,
slidesToScroll: 1,
scrollLock: true,
scrollLockDelay: 250,
draggable: true,
dragVelocity: 2.5,
dots: gliderDots,
arrows: {
prev: gliderPrev,
next: gliderNext,
},
});
slider.classList.add('glider-initialized');
if (slider.dataset.showArrows === 'true') {
gliderPrev.classList.remove('hidden');
gliderNext.classList.remove('hidden');
}
if (slider.dataset.autoplay !== 'false') {
gliderAutoplay(
glider,
slider.dataset.autoplaySpeed,
slider.dataset.infiniteLoop
);
}
};
const gliderAutoplay = (glider, milliseconds, loop) => {
const pagesCount = glider.track.childElementCount;
let slideTimeout = null;
let nextIndex = 1;
let paused = false;
const slide = () => {
slideTimeout = setTimeout(
() => {
if (loop && nextIndex >= pagesCount) {
nextIndex = 0;
}
glider.scrollItem(nextIndex);
},
parseInt(milliseconds)
);
};
glider.ele.addEventListener('glider-animated', () => {
nextIndex = glider.slide + glider.opt.slidesToScroll;
window.clearInterval(slideTimeout);
if (!paused && (loop || nextIndex < pagesCount)) {
slide();
}
});
const pause = () => {
if (!paused) {
clearInterval(slideTimeout);
paused = true;
}
};
const unpause = () => {
if (paused) {
slide();
paused = false;
}
};
glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true});
glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true});
glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true});
glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true});
slide();
};
elements.forEach(element => {
if (element.dataset.contentType === 'products') {
initProductCarousel(element);
}
if (element.dataset.contentType === 'slider') {
initSliderCarousel(element);
}
});
};
window.addEventListener('DOMContentLoaded', () => {
const carouselElements = document.querySelectorAll(
`[data-content-type="products"][data-appearance="carousel"],
[data-content-type="slider"]`
);
if (carouselElements.length > 0) {
const script = document.createElement('script');
script.type = 'text/javascript';
script.addEventListener('load', () => {
initCarousels(carouselElements);
});
script.src = 'https\u003A\u002F\u002Fwww.meillandrichardier.com\u002Fstatic\u002Fversion1766071907\u002Ffrontend\u002FMeilland\u002Fhyva\u002Ffr_FR\u002FMagento_PageBuilder\u002Fjs\u002Fglider.min.js';
document.head.appendChild(script);
}
});
})();
</script><script>
'use strict';
(() => {
const initMaps = (elements) => {
const renderMap = (element) => {
const dataLocations = element.dataset.locations;
// Hide map if no locations set
if (!dataLocations || dataLocations === '[]') {
element.classList.add('hidden');
return;
}
const map = new google.maps.Map(
element,
getMapOptions(
element.dataset.showControls !== 'true',
element.dataset.showControls === 'true'
)
);
const locations = JSON.parse(dataLocations);
const latitudeLongitudeBounds = new google.maps.LatLngBounds();
const bounds = [];
locations.forEach(location => {
const position = {
lat: parseFloat(location.position.latitude),
lng: parseFloat(location.position.longitude),
};
bounds.push(position);
const infowindow = new google.maps.InfoWindow({
content: getInfoWindowContent(location),
});
const marker = new google.maps.Marker({
position: position,
map,
title: location.location_name,
});
marker.addListener('click', () => {
infowindow.open(map, marker);
});
});
// Set bounds if multiple locations
if (bounds.length > 1) {
bounds.forEach(function (bound) {
latitudeLongitudeBounds.extend(bound);
});
map.fitBounds(latitudeLongitudeBounds);
}
// Center if single location
if (bounds.length === 1) {
map.setCenter(bounds[0]);
}
};
const getMapOptions = (disableDefaultUI, mapTypeControl) => {
const style = '';
return {
zoom: 8,
scrollwheel: false,
disableDoubleClickZoom: false,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DEFAULT,
},
styles: style ? JSON.parse(style) : [],
disableDefaultUI: disableDefaultUI,
mapTypeControl: mapTypeControl,
};
};
const getInfoWindowContent = (location) => {
const title = location.location_name ?
`<h3 class="text-2xl font-medium text-gray-900 title-font">${location.location_name}</h3>` : '';
const comment = location.comment ? `<p class="px-1 pt-3 text-primary">${location.comment}</p>` : '';
const phone = location.phone ? `<p class="px-1 pt-3 text-primary">Phone: ${location.phone}</p>` : '';
const street = location.address ? `${location.address}<br/>` : '';
const city = location.city ? `${location.city}<br/>` : '';
const state = location.state ? `${location.state}<br/>` : '';
const zipCode = location.zipcode ? `${location.zipcode}<br/>` : '';
const country = location.country ? location.country : '';
return `<div>
${title}
${comment}
${phone}
<p class="px-1 pt-3 text-primary">
${street}
${city}
${state}
${zipCode}
${country}
</p>
</div>`;
};
const hideAllMaps = () => {
document.querySelectorAll('[data-content-type="map"]').forEach(element => {
element.classList.add('hidden');
});
};
window.gm_authFailure = () => {
hideAllMaps();
};
if (typeof google.maps === 'undefined') {
hideAllMaps();
return;
}
elements.forEach(element => {
if (element.dataset.contentType === 'map') {
renderMap(element);
}
});
};
window.addEventListener('DOMContentLoaded', () => {
const mapElements = document.querySelectorAll('[data-content-type="map"]');
if (mapElements.length > 0) {
const script = document.createElement('script');
script.type = 'text/javascript';
script.addEventListener('load', () => {
initMaps(mapElements);
});
script.src = 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.56\u0026key\u003D';
document.head.appendChild(script);
}
});
})();
</script><script>
'use strict';
(() => {
const initParallaxImage = (element) => {
if (!window.jarallax) {
return;
}
element.classList.add('jarallax');
element.dataset.jarallax = '';
const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5;
const elementStyle = window.getComputedStyle(element);
window.jarallax(element, {
imgPosition: elementStyle.backgroundPosition || '50% 50%',
imgRepeat: elementStyle.backgroundRepeat || 'no-repeat',
imgSize: elementStyle.backgroundSize || 'cover',
speed: parallaxSpeed,
});
};
const initVideoBackground = (element) => {
if (!window.jarallax) {
return;
}
let slider = null;
if (element.classList.contains('pagebuilder-slide-wrapper')) {
const viewportElement = document.createElement('div');
slider = element.closest('[data-content-type=slider]');
viewportElement.classList.add('jarallax-viewport-element');
element.dataset.elementInViewport = '.jarallax-viewport-element';
element.appendChild(viewportElement);
}
element.classList.add('jarallax');
element.dataset.jarallax = '';
const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5;
window.jarallax(element, {
imgSrc: element.dataset.videoFallbackSrc,
speed: parallaxSpeed,
videoLoop: element.dataset.videoLoop,
videoPlayOnlyVisible: element.dataset.videoPlayOnlyVisible,
videoLazyLoading: element.dataset.videoLazyLoad,
disableVideo: false,
elementInViewport: element.dataset.elementInViewport &&
element.querySelector(element.dataset.elementInViewport),
});
if (slider) {
if (slider.dataset.afterChangeIsSet) {
return;
}
slider.addEventListener('glider-loaded', () => {
slider.querySelectorAll('.jarallax').forEach(videoSlide => {
videoSlide.jarallax && videoSlide.jarallax.onScroll();
});
});
slider.addEventListener('glider-animated', () => {
slider.querySelectorAll('.jarallax').forEach(videoSlide => {
videoSlide.jarallax && videoSlide.jarallax.onScroll();
});
});
slider.dataset.afterChangeIsSet = true;
}
};
window.addEventListener('DOMContentLoaded', () => {
const parallaxImageElements = document.querySelectorAll(
`[data-content-type="row"][data-background-type="image"][data-enable-parallax="1"],
[data-content-type="row"] > [data-background-type="image"][data-enable-parallax="1"]`
);
const videoBackgroundsElements = document.querySelectorAll(
`[data-content-type="row"][data-background-type="video"][data-enable-parallax="1"],
[data-content-type="row"] > [data-background-type="video"][data-enable-parallax="1"],
[data-content-type="banner"] [data-background-type="video"],
[data-content-type="slide"] [data-background-type="video"]`
);
if (parallaxImageElements.length > 0 || videoBackgroundsElements.length > 0) {
const jarallaxScript = document.createElement('script');
jarallaxScript.type = 'text/javascript';
jarallaxScript.addEventListener('load', () => {
parallaxImageElements.forEach(row => {
initParallaxImage(row);
});
const jarallaxVideoScript = document.createElement('script');
jarallaxVideoScript.type = 'text/javascript';
jarallaxVideoScript.addEventListener('load', () => {
videoBackgroundsElements.forEach(element => {
initVideoBackground(element);
});
});
jarallaxVideoScript.src = 'https\u003A\u002F\u002Fwww.meillandrichardier.com\u002Fstatic\u002Fversion1766071907\u002Ffrontend\u002FMeilland\u002Fhyva\u002Ffr_FR\u002FMagento_PageBuilder\u002Fjs\u002Fjarallax\u002Dvideo.min.js';
document.head.appendChild(jarallaxVideoScript);
});
jarallaxScript.src = 'https\u003A\u002F\u002Fwww.meillandrichardier.com\u002Fstatic\u002Fversion1766071907\u002Ffrontend\u002FMeilland\u002Fhyva\u002Ffr_FR\u002FMagento_PageBuilder\u002Fjs\u002Fjarallax.min.js';
document.head.appendChild(jarallaxScript);
}
});
})();
</script><script>
'use strict';
(() => {
const applyShowOnHover = (element) => {
const showOverlayOnHover = (element) => {
const overlay = element.querySelector('.pagebuilder-overlay');
const color = overlay.dataset.overlayColor;
element.addEventListener('mouseover', () => {
overlay.style.backgroundColor = color;
});
element.addEventListener('mouseout', () => {
overlay.style.backgroundColor = 'transparent';
});
};
const showButtonOnHover = (element) => {
const button = element.querySelector('.pagebuilder-banner-button');
element.addEventListener('mouseover', () => {
button.style.opacity = '1';
button.style.visibility = 'visible';
});
element.addEventListener('mouseout', () => {
button.style.opacity = '0';
button.style.visibility = 'hidden';
});
};
if (element.dataset.showOverlay === 'hover') {
showOverlayOnHover(element);
}
if (element.dataset.showButton === 'hover') {
showButtonOnHover(element);
}
};
window.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => {
applyShowOnHover(element);
});
});
})();
</script><script>
'use strict';
(() => {
document.querySelectorAll('[data-content-type="tab-item"]').forEach(tabItem => {
tabItem.setAttribute('x-show', `tab === '${tabItem.id}'`);
});
document.querySelectorAll('[data-content-type="tabs"]').forEach(tab => {
const defaultActiveTab = parseInt(tab.dataset.activeTab) || 0;
tab.querySelectorAll('.tab-header').forEach((tabHeader, index) => {
const tabLink = tabHeader.querySelector('a');
const tabId = tabLink.getAttribute('href').replace('#', '');
tabHeader.setAttribute(':class', `{ 'active': tab === '${tabId}' }`);
tabLink.setAttribute('x-on:click.prevent', `tab = '${tabId}'`);
if (index === defaultActiveTab) {
tab.setAttribute('x-data', `{ tab: '${tabId}' }`);
}
});
});
})();
</script><script>
'use strict';
const grecaptchaV2LoadCallbacks = [];
function executeRecaptchaLoadCallbacks () {
while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
const callback = grecaptchaV2LoadCallbacks.pop();
typeof callback === 'string' ? window[callback]() : callback();
}
}
(function() {
const loadRecaptchaScript = (event) => {
if (window.grecaptcha || !event.target.form) {
return;
}
const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
const siteKey = '';
const script = document.createElement('script');
script.type = 'text/javascript';
script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
script.async = true;
document.head.appendChild(script);
}
window.forceLoadRecaptchaScript = () => {
loadRecaptchaScript({target: {form: 'dummy'}});
executeRecaptchaLoadCallbacks();
};
document.body.addEventListener("input", loadRecaptchaScript, { once: true });
document.body.addEventListener("focus", loadRecaptchaScript, { once: true });
}());
</script> <script>
'use strict';
(function () {
const modals = [];
const excludedFromFocusTrapping = new Set();
function trapFocusInNextModalWithOverlay() {
for (let idx = modals.length -1; idx >= 0; idx--) {
const nextOnStack = modals[idx];
const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name];
if (! isOverlayDisabled(nextDialogElement)) {
hyva.trapFocus(nextDialogElement);
break;
}
}
}
function focusables(dialogElement) {
const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
return Array.from(dialogElement.querySelectorAll(selector))
.filter(el => !el.hasAttribute('disabled'));
}
function firstVisible(elements) {
const a = Array.from(elements);
for (let i = 0; i < a.length; i++) {
if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
}
return null;
}
function isInViewport(element) {
const rect = element && element.getBoundingClientRect();
return rect &&
rect.top >= 0 &&
rect.left >= 0 &&
rect.right <= window.innerWidth &&
rect.bottom <= window.innerHeight;
}
function setFocusAfterTransition(dialogElement, duration) {
const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]'));
const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]'));
next: for (let candidate of candidates) {
for (let child of nested) {
if (child.contains(candidate)) continue next;
}
setTimeout(() => candidate.focus(), 50);
break;
}
window.setTimeout(() => {
const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
focusables(dialogElement)[0] ||
null;
focusElement && isInViewport(focusElement) && focusElement.focus();
}, Math.max(1, duration));
}
function determineTrigger($refs, dialog, trigger) {
if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) {
return dialog.target;
}
if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) {
return trigger.target;
}
if (typeof trigger === 'string') {
try {
return $refs[trigger] || document.querySelector(trigger)
} catch (e) {}
}
if (trigger instanceof Element) {
return trigger;
}
return null;
}
function isOverlayDisabled(dialog) {
return dialog && dialog.hasAttribute('x-no-overlay')
}
function areRemainingModalsWithoutOverlay(modals)
{
const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);
return overflowDisabled.length === modals.length;
}
window.hyva.modal = function(options = {}) {
if (this.$el && this.$el.dataset && this.$el.dataset.options) {
try {
options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}'));
} catch (e) {
throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON');
}
}
const config = Object.assign({
dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300',
transitionEnterStart: 'opacity-0',
transitionEnterEnd: 'opacity-100',
transitionLeave: 'transition ease-in duration-300',
transitionLeaveStart: 'opacity-100',
transitionLeaveEnd: 'opacity-0',
}, options);
let lastHide = 0;
return {
opened: {},
show(dialog, trigger) {
const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
const name = typeof dialog === 'string' ? dialog : config.dialog;
const dialogElement = this.$refs[name];
if (! dialogElement) {
return;
}
const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');
dialogElement.scrollTop = 0;
if (this.opened[name]) {
return;
}
if (focusTargetAfterHide) {
focusTargetAfterHide.setAttribute('aria-expanded', 'true');
}
this.opened[name] = true;
useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
setFocusAfterTransition(dialogElement, config.duration);
const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()};
modals.push(frame);
if (useOverlay) {
document.body.classList.add('overflow-hidden');
}
return new Promise(resolve => frame.resolve = resolve);
},
cancel() {
this.hide(false);
},
ok() {
this.hide(true);
},
hide(value) {
if (Date.now() - lastHide < config.duration) {
return;
}
lastHide = Date.now();
const modal = modals.pop() || {};
if (! modal.instance) {
return;
}
const name = modal.name;
this.opened[name] = false;
hyva.releaseFocus(modal.instance.$refs[modal.name])
trapFocusInNextModalWithOverlay();
const nextFocusAfterHide = modal.focusTarget;
nextFocusAfterHide && setTimeout(() => {
nextFocusAfterHide.setAttribute('aria-expanded', 'false');
nextFocusAfterHide.focus()
}, config.duration);
if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
document.body.classList.remove('overflow-hidden');
}
modal.resolve(value);
},
overlay(dialog) {
dialog = this.$el.dataset.dialogRefName || dialog;
const name = typeof dialog === 'string' ? dialog : config.dialog;
return {
['x-show']() {
return this.opened[name]
},
['x-transition:enter']: config.transitionEnter,
['x-transition:enter-start']: config.transitionEnterStart,
['x-transition:enter-end']: config.transitionEnterEnd,
['x-transition:leave']: config.transitionLeave,
['x-transition:leave-start']: config.transitionLeaveStart,
['x-transition:leave-end']: config.transitionLeaveEnd,
['@hyva-modal-show.window'](event) {
event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
}
};
},
showDialogOnInit() {
const parent = this.$el.closest('[data-dialog-ref-name]');
if (parent && parent.dataset.dialogRefName) {
this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName})
}
}
};
}
window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]
window.hyva.modal.pop = function () {
if (modals.length > 0) {
const modal = modals[modals.length -1];
modal.instance.hide();
}
}
window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
typeof selectors === 'string' || selectors instanceof String
? excludedFromFocusTrapping.add(selectors)
: selectors.map(selector => excludedFromFocusTrapping.add(selector));
}
window.hyva.modal.eventListeners = {
keydown: event => {
if (event.key === 'Escape') {
window.hyva.modal.pop();
}
},
click: event => {
if (modals.length > 0) {
const modal = modals[modals.length -1];
const dialog = modal.instance.$refs[modal.name];
if (modal.time + 50 < Date.now() &&
! isOverlayDisabled(dialog) &&
! dialog.contains(event.target)) {
modal.instance.hide();
}
}
}
};
document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);
document.addEventListener('click', window.hyva.modal.eventListeners.click);
})();
window.addEventListener('alpine:init', () => {
Alpine.data('hyvaModal', window.hyva.modal);
}, {once: true});</script>
<script>
'use strict';
(() => {
function _calculateStrength({elementID, valid}) {
const password = document.getElementById(elementID),
emailElm = document.getElementById('email_address');
let displayScore;
// Display score is based on combination of whether password is empty, valid, and zxcvbn strength
if (!password || !password.value) {
displayScore = 0;
} else {
// We should only perform this check in case there is an email field on screen
if (emailElm && password.value && emailElm.value &&
password.value.toLowerCase() === emailElm.value.toLowerCase()) {
displayScore = 1;
} else {
const zxcvbnScore = zxcvbn(password.value).score;
displayScore = valid && zxcvbnScore > 0 ? zxcvbnScore : 1;
}
}
_displayStrength(displayScore);
}
function _displayStrength(displayScore) {
let strengthLabel = '',
className;
switch (displayScore) {
case 0:
strengthLabel = "Pas\u0020de\u0020mot\u0020de\u0020passe";
className = 'password-none';
break;
case 1:
strengthLabel = "Pr\u00E9dictible";
className = 'password-weak';
break;
case 2:
strengthLabel = "Standard";
className = 'password-medium';
break;
case 3:
strengthLabel = "S\u00E9curis\u00E9";
className = 'password-strong';
break;
case 4:
strengthLabel = "Tr\u00E8s\u0020s\u00E9curis\u00E9";
className = 'password-very-strong';
break;
}
const meterElm = document.getElementById('password-strength-meter-container'),
meterLabelElm = document.getElementById('password-strength-meter-label');
meterElm.className = '';
meterElm.classList.add(className);
meterLabelElm.textContent = strengthLabel;
}
let loading = false;
const callbacks = [];
function loadZxcvbn(cb) {
callbacks.push(cb);
if (loading) return;
loading = true;
const script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https\u003A\u002F\u002Fwww.meillandrichardier.com\u002Fstatic\u002Fversion1766071907\u002Ffrontend\u002FMeilland\u002Fhyva\u002Ffr_FR\u002Fjs\u002Fzxcvbn.min.js';
script.async = true;
script.onload = () => callbacks.forEach(cb => cb());
document.head.appendChild(script);
}
window.addEventListener('password-validate', function (evt) {
const meterElm = document.getElementById('password-strength-meter-container'),
meterLabelElm = document.getElementById('password-strength-meter-label');
if (meterElm && meterLabelElm) {
if (evt.detail && evt.detail.elementID) {
const cb = () => _calculateStrength(evt.detail);
window.zxcvbn ? cb() : loadZxcvbn(cb)
}
}
});
document.addEventListener('DOMContentLoaded', () => {
hyva && hyva.formValidation && hyva.formValidation.addRule('password-strength', function(value, options, field, context) {
let counter = 0;
const minCharacterSets = options.minCharacterSets !== undefined ? options.minCharacterSets : 1;
if (value.match(/\d+/)) {
counter++;
}
if (value.match(/[a-z]+/)) {
counter++;
}
if (value.match(/[A-Z]+/)) {
counter++;
}
if (value.match(/[^a-zA-Z0-9]+/)) {
counter++;
}
queueMicrotask(() => {
window.dispatchEvent(new CustomEvent('password-validate', { detail: {
elementID: field.element.id || 'password',
valid: field.state.valid
}}));
});
if (counter < minCharacterSets) {
const missing = minCharacterSets - counter;
return hyva.str('The\u0020password\u0020must\u0020include\u0020at\u0020least\u0020\u00251\u0020or\u0020more\u0020of\u003A\u0020uppercase\u0020\u0028A\u002DZ\u0029,\u0020lowercase\u0020\u0028a\u002Dz\u0029,\u0020number\u0020and\u0020symbol.', missing);
}
return true;
});
})
})();
</script> <script async src="//l.getsitecontrol.com/p4r1dr1w.js"></script> <script>
(function (w,i,d,g,e,t,s) {w[d] = w[d]||[];t= i.createElement(g);
t.async=1;t.src=e;s=i.getElementsByTagName(g)[0];s.parentNode.insertBefore(t, s);
})(window, document, '_gscq','script','//widgets.getsitecontrol.com/0/script.js');</script> <script type="text/json" id="default-section-data">
{"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AT":{"name":"Autriche","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"BE":{"name":"Belgique"},"BG":{"name":"Bulgarie"},"CH":{"name":"Suisse","regions":{"104":{"code":"AG","name":"Aargau"},"106":{"code":"AR","name":"Appenzell Ausserrhoden"},"105":{"code":"AI","name":"Appenzell Innerrhoden"},"108":{"code":"BL","name":"Basel-Landschaft"},"109":{"code":"BS","name":"Basel-Stadt"},"107":{"code":"BE","name":"Bern"},"110":{"code":"FR","name":"Friburg"},"111":{"code":"GE","name":"Geneva"},"112":{"code":"GL","name":"Glarus"},"113":{"code":"GR","name":"Graub\u00fcnden"},"114":{"code":"JU","name":"Jura"},"115":{"code":"LU","name":"Lucerne"},"116":{"code":"NE","name":"Neuch\u00e2tel"},"117":{"code":"NW","name":"Nidwalden"},"118":{"code":"OW","name":"Obwalden"},"120":{"code":"SH","name":"Schaffhausen"},"122":{"code":"SZ","name":"Schwyz"},"121":{"code":"SO","name":"Solothurn"},"119":{"code":"SG","name":"St. Gallen"},"123":{"code":"TG","name":"Thurgau"},"124":{"code":"TI","name":"Ticino"},"125":{"code":"UR","name":"Uri"},"126":{"code":"VD","name":"Vaud"},"127":{"code":"VS","name":"Wallis"},"128":{"code":"ZG","name":"Zug"},"129":{"code":"ZH","name":"Z\u00fcrich"}}},"CY":{"name":"Chypre"},"CZ":{"name":"Tch\u00e9quie","regions":{"736":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"744":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"738":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"743":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"741":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"740":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"747":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"},"745":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"742":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"737":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"734":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"735":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"739":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"746":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"DE":{"name":"Allemagne","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"DK":{"name":"Danemark","regions":{"546":{"code":"DK-84","name":"Hovedstaden"},"547":{"code":"DK-82","name":"Midtjylland"},"548":{"code":"DK-81","name":"Nordjylland"},"549":{"code":"DK-85","name":"Sj\u00e6lland"},"550":{"code":"DK-83","name":"Syddanmark"}}},"EE":{"name":"Estonie","regions":{"340":{"code":"EE-37","name":"Harjumaa"},"341":{"code":"EE-39","name":"Hiiumaa"},"342":{"code":"EE-44","name":"Ida-Virumaa"},"344":{"code":"EE-51","name":"J\u00e4rvamaa"},"343":{"code":"EE-49","name":"J\u00f5gevamaa"},"346":{"code":"EE-59","name":"L\u00e4\u00e4ne-Virumaa"},"345":{"code":"EE-57","name":"L\u00e4\u00e4nemaa"},"348":{"code":"EE-67","name":"P\u00e4rnumaa"},"347":{"code":"EE-65","name":"P\u00f5lvamaa"},"349":{"code":"EE-70","name":"Raplamaa"},"350":{"code":"EE-74","name":"Saaremaa"},"351":{"code":"EE-78","name":"Tartumaa"},"352":{"code":"EE-82","name":"Valgamaa"},"353":{"code":"EE-84","name":"Viljandimaa"},"354":{"code":"EE-86","name":"V\u00f5rumaa"}}},"ES":{"name":"Espagne","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"},"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"FI":{"name":"Finlande","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00e4-Karjala","name":"Etel\u00e4-Karjala"},"326":{"code":"Etel\u00e4-Pohjanmaa","name":"Etel\u00e4-Pohjanmaa"},"325":{"code":"Etel\u00e4-Savo","name":"Etel\u00e4-Savo"},"337":{"code":"It\u00e4-Uusimaa","name":"It\u00e4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00e4me","name":"Kanta-H\u00e4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00e4ij\u00e4t-H\u00e4me","name":"P\u00e4ij\u00e4t-H\u00e4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"FR":{"name":"France","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"},"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"GR":{"name":"Gr\u00e8ce","regions":{"588":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"575":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"576":{"code":"GR-I","name":"Attik\u00ed"},"577":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"578":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"579":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"580":{"code":"GR-D","name":"\u00cdpeiros"},"581":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"582":{"code":"GR-M","name":"Kr\u00edti"},"583":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"584":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"585":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"},"586":{"code":"GR-E","name":"Thessal\u00eda"},"587":{"code":"GR-K","name":"V\u00f3reio Aiga\u00edo"}}},"HR":{"name":"Croatie"},"HU":{"name":"Hongrie"},"IE":{"name":"Irlande"},"IS":{"name":"Islande","regions":{"605":{"code":"IS-07","name":"Austurland"},"599":{"code":"IS-01","name":"H\u00f6fu\u00f0borgarsv\u00e6\u00f0i"},"604":{"code":"IS-06","name":"Nor\u00f0urland eystra"},"603":{"code":"IS-05","name":"Nor\u00f0urland vestra"},"606":{"code":"IS-08","name":"Su\u00f0urland"},"600":{"code":"IS-02","name":"Su\u00f0urnes"},"602":{"code":"IS-04","name":"Vestfir\u00f0ir"},"601":{"code":"IS-03","name":"Vesturland"}}},"IT":{"name":"Italie"},"LT":{"name":"Lituanie","regions":{"475":{"code":"LT-AL","name":"Alytaus Apskritis"},"476":{"code":"LT-KU","name":"Kauno Apskritis"},"477":{"code":"LT-KL","name":"Klaip\u0117dos Apskritis"},"478":{"code":"LT-MR","name":"Marijampol\u0117s Apskritis"},"479":{"code":"LT-PN","name":"Panev\u0117\u017eio Apskritis"},"480":{"code":"LT-SA","name":"\u0160iauli\u0173 Apskritis"},"481":{"code":"LT-TA","name":"Taurag\u0117s Apskritis"},"482":{"code":"LT-TE","name":"Tel\u0161i\u0173 Apskritis"},"483":{"code":"LT-UT","name":"Utenos Apskritis"},"484":{"code":"LT-VL","name":"Vilniaus Apskritis"}}},"LU":{"name":"Luxembourg"},"LV":{"name":"Lettonie","regions":{"471":{"code":"\u0100da\u017eu novads","name":"\u0100da\u017eu novads"},"366":{"code":"Aglonas novads","name":"Aglonas novads"},"367":{"code":"LV-AI","name":"Aizkraukles novads"},"368":{"code":"Aizputes novads","name":"Aizputes novads"},"369":{"code":"Akn\u012bstes novads","name":"Akn\u012bstes novads"},"370":{"code":"Alojas novads","name":"Alojas novads"},"371":{"code":"Alsungas novads","name":"Alsungas novads"},"372":{"code":"LV-AL","name":"Al\u016bksnes novads"},"373":{"code":"Amatas novads","name":"Amatas novads"},"374":{"code":"Apes novads","name":"Apes novads"},"375":{"code":"Auces novads","name":"Auces novads"},"376":{"code":"Bab\u012btes novads","name":"Bab\u012btes novads"},"377":{"code":"Baldones novads","name":"Baldones novads"},"378":{"code":"Baltinavas novads","name":"Baltinavas novads"},"379":{"code":"LV-BL","name":"Balvu novads"},"380":{"code":"LV-BU","name":"Bauskas novads"},"381":{"code":"Bever\u012bnas novads","name":"Bever\u012bnas novads"},"382":{"code":"Broc\u0113nu novads","name":"Broc\u0113nu novads"},"383":{"code":"Burtnieku novads","name":"Burtnieku novads"},"384":{"code":"Carnikavas novads","name":"Carnikavas novads"},"387":{"code":"LV-CE","name":"C\u0113su novads"},"385":{"code":"Cesvaines novads","name":"Cesvaines novads"},"386":{"code":"Ciblas novads","name":"Ciblas novads"},"388":{"code":"Dagdas novads","name":"Dagdas novads"},"355":{"code":"LV-DGV","name":"Daugavpils"},"389":{"code":"LV-DA","name":"Daugavpils novads"},"390":{"code":"LV-DO","name":"Dobeles novads"},"391":{"code":"Dundagas novads","name":"Dundagas novads"},"392":{"code":"Durbes novads","name":"Durbes novads"},"393":{"code":"Engures novads","name":"Engures novads"},"472":{"code":"\u0112rg\u013cu novads","name":"\u0112rg\u013cu novads"},"394":{"code":"Garkalnes novads","name":"Garkalnes novads"},"395":{"code":"Grobi\u0146as novads","name":"Grobi\u0146as novads"},"396":{"code":"LV-GU","name":"Gulbenes novads"},"397":{"code":"Iecavas novads","name":"Iecavas novads"},"398":{"code":"Ik\u0161\u0137iles novads","name":"Ik\u0161\u0137iles novads"},"399":{"code":"Il\u016bkstes novads","name":"Il\u016bkstes novads"},"400":{"code":"In\u010dukalna novads","name":"In\u010dukalna novads"},"401":{"code":"Jaunjelgavas novads","name":"Jaunjelgavas novads"},"402":{"code":"Jaunpiebalgas novads","name":"Jaunpiebalgas novads"},"403":{"code":"Jaunpils novads","name":"Jaunpils novads"},"357":{"code":"J\u0113kabpils","name":"J\u0113kabpils"},"405":{"code":"LV-JK","name":"J\u0113kabpils novads"},"356":{"code":"LV-JEL","name":"Jelgava"},"404":{"code":"LV-JL","name":"Jelgavas novads"},"358":{"code":"LV-JUR","name":"J\u016brmala"},"406":{"code":"Kandavas novads","name":"Kandavas novads"},"412":{"code":"K\u0101rsavas novads","name":"K\u0101rsavas novads"},"473":{"code":"\u0136eguma novads","name":"\u0136eguma novads"},"474":{"code":"\u0136ekavas novads","name":"\u0136ekavas novads"},"407":{"code":"Kokneses novads","name":"Kokneses novads"},"410":{"code":"LV-KR","name":"Kr\u0101slavas novads"},"408":{"code":"Krimuldas novads","name":"Krimuldas novads"},"409":{"code":"Krustpils novads","name":"Krustpils novads"},"411":{"code":"LV-KU","name":"Kuld\u012bgas novads"},"413":{"code":"Lielv\u0101rdes novads","name":"Lielv\u0101rdes novads"},"359":{"code":"LV-LPX","name":"Liep\u0101ja"},"360":{"code":"LV-LE","name":"Liep\u0101jas novads"},"417":{"code":"L\u012bgatnes novads","name":"L\u012bgatnes novads"},"414":{"code":"LV-LM","name":"Limba\u017eu novads"},"418":{"code":"L\u012bv\u0101nu novads","name":"L\u012bv\u0101nu novads"},"415":{"code":"Lub\u0101nas novads","name":"Lub\u0101nas novads"},"416":{"code":"LV-LU","name":"Ludzas novads"},"419":{"code":"LV-MA","name":"Madonas novads"},"421":{"code":"M\u0101lpils novads","name":"M\u0101lpils novads"},"422":{"code":"M\u0101rupes novads","name":"M\u0101rupes novads"},"420":{"code":"Mazsalacas novads","name":"Mazsalacas novads"},"423":{"code":"Nauk\u0161\u0113nu novads","name":"Nauk\u0161\u0113nu novads"},"424":{"code":"Neretas novads","name":"Neretas novads"},"425":{"code":"N\u012bcas novads","name":"N\u012bcas novads"},"426":{"code":"LV-OG","name":"Ogres novads"},"427":{"code":"Olaines novads","name":"Olaines novads"},"428":{"code":"Ozolnieku novads","name":"Ozolnieku novads"},"432":{"code":"P\u0101rgaujas novads","name":"P\u0101rgaujas novads"},"433":{"code":"P\u0101vilostas novads","name":"P\u0101vilostas novads"},"434":{"code":"P\u013cavi\u0146u novads","name":"P\u013cavi\u0146u novads"},"429":{"code":"LV-PR","name":"Prei\u013cu novads"},"430":{"code":"Priekules novads","name":"Priekules novads"},"431":{"code":"Prieku\u013cu novads","name":"Prieku\u013cu novads"},"435":{"code":"Raunas novads","name":"Raunas novads"},"361":{"code":"LV-REZ","name":"R\u0113zekne"},"442":{"code":"LV-RE","name":"R\u0113zeknes novads"},"436":{"code":"Riebi\u0146u novads","name":"Riebi\u0146u novads"},"362":{"code":"LV-RIX","name":"R\u012bga"},"363":{"code":"LV-RI","name":"R\u012bgas novads"},"437":{"code":"Rojas novads","name":"Rojas novads"},"438":{"code":"Ropa\u017eu novads","name":"Ropa\u017eu novads"},"439":{"code":"Rucavas novads","name":"Rucavas novads"},"440":{"code":"Rug\u0101ju novads","name":"Rug\u0101ju novads"},"443":{"code":"R\u016bjienas novads","name":"R\u016bjienas novads"},"441":{"code":"Rund\u0101les novads","name":"Rund\u0101les novads"},"444":{"code":"Salacgr\u012bvas novads","name":"Salacgr\u012bvas novads"},"445":{"code":"Salas novads","name":"Salas novads"},"446":{"code":"Salaspils novads","name":"Salaspils novads"},"447":{"code":"LV-SA","name":"Saldus novads"},"448":{"code":"Saulkrastu novads","name":"Saulkrastu novads"},"455":{"code":"S\u0113jas novads","name":"S\u0113jas novads"},"449":{"code":"Siguldas novads","name":"Siguldas novads"},"451":{"code":"Skr\u012bveru novads","name":"Skr\u012bveru novads"},"450":{"code":"Skrundas novads","name":"Skrundas novads"},"452":{"code":"Smiltenes novads","name":"Smiltenes novads"},"453":{"code":"Stopi\u0146u novads","name":"Stopi\u0146u novads"},"454":{"code":"Stren\u010du novads","name":"Stren\u010du novads"},"456":{"code":"LV-TA","name":"Talsu novads"},"458":{"code":"T\u0113rvetes novads","name":"T\u0113rvetes novads"},"457":{"code":"LV-TU","name":"Tukuma novads"},"459":{"code":"Vai\u0146odes novads","name":"Vai\u0146odes novads"},"460":{"code":"LV-VK","name":"Valkas novads"},"364":{"code":"Valmiera","name":"Valmiera"},"461":{"code":"LV-VM","name":"Valmieras novads"},"462":{"code":"Varak\u013c\u0101nu novads","name":"Varak\u013c\u0101nu novads"},"469":{"code":"V\u0101rkavas novads","name":"V\u0101rkavas novads"},"463":{"code":"Vecpiebalgas novads","name":"Vecpiebalgas novads"},"464":{"code":"Vecumnieku novads","name":"Vecumnieku novads"},"365":{"code":"LV-VEN","name":"Ventspils"},"465":{"code":"LV-VE","name":"Ventspils novads"},"466":{"code":"Vies\u012btes novads","name":"Vies\u012btes novads"},"467":{"code":"Vi\u013cakas novads","name":"Vi\u013cakas novads"},"468":{"code":"Vi\u013c\u0101nu novads","name":"Vi\u013c\u0101nu novads"},"470":{"code":"Zilupes novads","name":"Zilupes novads"}}},"MT":{"name":"Malte"},"NL":{"name":"Pays-Bas"},"PL":{"name":"Pologne"},"PT":{"name":"Portugal","regions":{"651":{"code":"PT-01","name":"Aveiro"},"652":{"code":"PT-02","name":"Beja"},"653":{"code":"PT-03","name":"Braga"},"654":{"code":"PT-04","name":"Bragan\u00e7a"},"655":{"code":"PT-05","name":"Castelo Branco"},"656":{"code":"PT-06","name":"Coimbra"},"657":{"code":"PT-07","name":"\u00c9vora"},"658":{"code":"PT-08","name":"Faro"},"659":{"code":"PT-09","name":"Guarda"},"660":{"code":"PT-10","name":"Leiria"},"661":{"code":"PT-11","name":"Lisboa"},"662":{"code":"PT-12","name":"Portalegre"},"663":{"code":"PT-13","name":"Porto"},"670":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"669":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"664":{"code":"PT-14","name":"Santar\u00e9m"},"665":{"code":"PT-15","name":"Set\u00fabal"},"666":{"code":"PT-16","name":"Viana do Castelo"},"667":{"code":"PT-17","name":"Vila Real"},"668":{"code":"PT-18","name":"Viseu"}}},"RO":{"name":"Roumanie","regions":{"278":{"code":"AB","name":"Alba"},"279":{"code":"AR","name":"Arad"},"280":{"code":"AG","name":"Arge\u015f"},"281":{"code":"BC","name":"Bac\u0103u"},"282":{"code":"BH","name":"Bihor"},"283":{"code":"BN","name":"Bistri\u0163a-N\u0103s\u0103ud"},"284":{"code":"BT","name":"Boto\u015fani"},"286":{"code":"BR","name":"Br\u0103ila"},"285":{"code":"BV","name":"Bra\u015fov"},"287":{"code":"B","name":"Bucure\u015fti"},"288":{"code":"BZ","name":"Buz\u0103u"},"290":{"code":"CL","name":"C\u0103l\u0103ra\u015fi"},"289":{"code":"CS","name":"Cara\u015f-Severin"},"291":{"code":"CJ","name":"Cluj"},"292":{"code":"CT","name":"Constan\u0163a"},"293":{"code":"CV","name":"Covasna"},"294":{"code":"DB","name":"D\u00e2mbovi\u0163a"},"295":{"code":"DJ","name":"Dolj"},"296":{"code":"GL","name":"Gala\u0163i"},"297":{"code":"GR","name":"Giurgiu"},"298":{"code":"GJ","name":"Gorj"},"299":{"code":"HR","name":"Harghita"},"300":{"code":"HD","name":"Hunedoara"},"301":{"code":"IL","name":"Ialomi\u0163a"},"302":{"code":"IS","name":"Ia\u015fi"},"303":{"code":"IF","name":"Ilfov"},"304":{"code":"MM","name":"Maramure\u015f"},"305":{"code":"MH","name":"Mehedin\u0163i"},"306":{"code":"MS","name":"Mure\u015f"},"307":{"code":"NT","name":"Neam\u0163"},"308":{"code":"OT","name":"Olt"},"309":{"code":"PH","name":"Prahova"},"311":{"code":"SJ","name":"S\u0103laj"},"310":{"code":"SM","name":"Satu-Mare"},"312":{"code":"SB","name":"Sibiu"},"313":{"code":"SV","name":"Suceava"},"314":{"code":"TR","name":"Teleorman"},"315":{"code":"TM","name":"Timi\u015f"},"316":{"code":"TL","name":"Tulcea"},"318":{"code":"VL","name":"V\u00e2lcea"},"317":{"code":"VS","name":"Vaslui"},"319":{"code":"VN","name":"Vrancea"}}},"SE":{"name":"Su\u00e8de","regions":{"681":{"code":"SE-K","name":"Blekinge l\u00e4n"},"682":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"684":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"683":{"code":"SE-I","name":"Gotlands l\u00e4n"},"685":{"code":"SE-N","name":"Hallands l\u00e4n"},"686":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"687":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"688":{"code":"SE-H","name":"Kalmar l\u00e4n"},"689":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"690":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"700":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"701":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"691":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"693":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"692":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"694":{"code":"SE-C","name":"Uppsala l\u00e4n"},"695":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"696":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"697":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"698":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"699":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"SI":{"name":"Slov\u00e9nie"},"SK":{"name":"Slovaquie"},"data_id":1766438936},"captcha":[],"loggedAsCustomer":[],"persistent":[],"review":[],"wishlist":{"items":[]},"mwishlist":[],"ammessages":[],"rewards":[],"capi-event-ids":[],"payplug-payments-cards":[],"papercatalog":[],"stock_alert":[],"purchase_products":[],"plantfit":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[],"paypal-buyer-country":[]}</script> </div> <script>document.querySelectorAll('[name="email_confirm"]').forEach(function(element) { element.style.display = 'none'; });</script></body>
</html>
