<!doctype html>
<html lang="fr">
    <head >
        <style>.async-hide { opacity: 0 !important} </style><script nodefer>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;})(window,document.documentElement,'async-hide','dataLayer',2000,{'GTM-PLMB85':true});</script>
        <link rel="apple-touch-icon" sizes="180x180" href="/media/app-icons/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/media/app-icons/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="192x192" href="/media/app-icons/android-chrome-192x192.png">
        <link rel="icon" type="image/png" sizes="228x228" href="/media/app-icons/favicon-228x228.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/media/app-icons/favicon-16x16.png">
        <link rel="manifest" href="/manifest.json">
        <link rel="mask-icon" href="/media/app-icons/safari-pinned-tab.png" color="#ffc42c">
        <link rel="shortcut icon" href="/media/app-icons/favicon.ico">
        <meta name="apple-mobile-web-app-title" content="PerfectDraft">
        <meta name="application-name" content="PerfectDraft">
        <meta name="msapplication-TileColor" content="#ffc42c">
        <meta name="msapplication-TileImage" content="/media/app-icons/mstile-144x144.png">
        <meta name="msapplication-config" content="/browserconfig.xml">
        <meta name="theme-color" content="#ffc42c">
        
                <meta charset="utf-8"/><script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]},feature_flags:["soft_nav"]};(window.NREUM||(NREUM={})).loader_config={licenseKey:"fc980aaa47",applicationID:"113622373",browserID:"115560448"};;/*! For license information please see nr-loader-rum-1.316.0.min.js.LICENSE.txt */
(()=>{var e,t,r={122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),s=0===Object.keys(r).length?e:r;for(let o in s)if(void 0!==e[o])try{if(null===e[o]){r[o]=null;continue}Array.isArray(e[o])&&Array.isArray(t[o])?r[o]=Array.from(new Set([...e[o],...t[o]])):e[o]instanceof Map||e[o]instanceof Set||e[o]instanceof Date||e[o]instanceof RegExp?r[o]=e[o]:"object"==typeof e[o]&&"object"==typeof t[o]?r[o]=i(e[o],t[o]):r[o]=e[o]}catch(e){r[o]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>u,RI:()=>i,WN:()=>l,bv:()=>s,gm:()=>o,m:()=>c,mw:()=>a,sb:()=>d,zk:()=>f});var n=r(863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a=Boolean("hidden"===o?.document?.visibilityState),c=""+o?.location,u=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),d=u&&"undefined"==typeof SharedWorker,l=((()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Date.now()-(0,n.t)()),f=()=>{const e=o?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<o.performance.now())return e}},234:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},241:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(154);const i="newrelic";function s(e={}){try{n.gm.dispatchEvent(new CustomEvent(i,{detail:e}))}catch(e){}}},261:(e,t,r)=>{"use strict";r.d(t,{$9:()=>u,BL:()=>a,CH:()=>g,Dl:()=>_,Fw:()=>y,PA:()=>h,Pl:()=>n,Pv:()=>k,Tb:()=>l,U2:()=>s,V1:()=>R,Wb:()=>x,bt:()=>b,cD:()=>v,d3:()=>w,dT:()=>c,eY:()=>p,fF:()=>f,hG:()=>i,k6:()=>o,nb:()=>m,o5:()=>d});const n="api-",i="addPageAction",s="addToTrace",o="addRelease",a="finished",c="interaction",u="log",d="noticeError",l="pauseReplay",f="recordCustomEvent",g="recordReplay",p="register",m="setApplicationVersion",h="setCurrentRouteName",v="setCustomAttribute",b="setErrorHandler",y="setPageViewName",_="setUserId",w="start",x="wrapLogger",R="measure",k="consent"},289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,Qr:()=>c,sB:()=>a});var n=r(878),i=r(389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(s())return e();const r=(0,i.J)(e),o=setInterval(()=>{s()&&(clearInterval(o),r())},500);(0,n.sp)("load",r,t)}function a(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>s,xv:()=>n});const n="1.316.0",i="PROD",s="CDN"},362:(e,t,r)=>{"use strict";r.d(t,{d:()=>s});var n=r(566),i=r(741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>a,Zm:()=>c,bQ:()=>d,dV:()=>u,pV:()=>l});var n=r(154),i=r(863),s=r(944),o=r(910);const a={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function u(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,o.i)(...Object.values(e.o))),e}function d(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:a.beacon,errorBeacon:a.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),u(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}},389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},555:(e,t,r)=>{"use strict";r.d(t,{D:()=>a,f:()=>o});var n=r(384),i=r(122);const s={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function o(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}const a=e=>(0,i.a)(e,s)},566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>a,bz:()=>o});var n=r(154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function s(e,t){return e?15&e[t]:16*Math.random()|0}function o(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map(e=>"x"===e?s(t,r++).toString(16):"y"===e?(3&s()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const o=[];for(var a=0;a<e;a++)o.push(s(r,i++).toString(16));return o.join("")}},606:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(908);s.on=o;var i=s.handlers={};function s(e,t,r,s){o(s||n.d,i,e,t,r)}function o(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var o=t[s]=t[s]||{};(o[r]=o[r]||[]).push([e,i])}},607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(566).bz)()},614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>s,Wt:()=>n,g:()=>c,iL:()=>a,tS:()=>o,wk:()=>i});const n="NRBA_SESSION::",i=144e5,s=18e5,o={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},a={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},c={OFF:0,FULL:1,ERROR:2}},630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>a,Ze:()=>u,x3:()=>c});var n=r(241),i=r(606),s=r(860),o=r(646);function a(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&d(e))}function u(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,d(e)}}function d(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,a=i.i.handlers;if(s&&!s.aborted&&s.backlog&&a){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=a[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof o.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete a[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],s=e[2];n.apply(i,s)}})}},699:(e,t,r)=>{"use strict";r.d(t,{It:()=>s,KC:()=>a,No:()=>i,qh:()=>o});var n=r(860);const i=16e3,s=1e6,o="SESSION_ERROR",a={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0}},738:(e,t,r)=>{"use strict";r.d(t,{U:()=>f,Y:()=>l});var n=r(241),i=r(908),s=r(863),o=r(944),a=r(969),c=r(362),u=r(860),d=r(261);function l(e,t,r,s){const l=s||r;!l||l[e]&&l[e]!==c.d.prototype[e]||(l[e]=function(){(0,i.p)(a.xV,["API/"+e+"/called"],void 0,u.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:d.Pl+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,o.R)(23,e)}})}function f(e,t,r,n,o){const a=e.info;null===r?delete a.jsAttributes[t]:a.jsAttributes[t]=r,(o||null===r)&&(0,i.p)(d.Pl+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},741:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(261);class s{#e(e,...t){if(this[e]!==s.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e(i.$9,e,t)}start(){return this.#e(i.d3)}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},836:(e,t,r)=>{"use strict";r.d(t,{P:()=>a,ee:()=>c});var n=r(384),i=r(990),s=r(646),o=r(607);const a="nr@context:".concat(o.W),c=function e(t,r){var n={},o={},d={},l=!1;try{l=16===r.length&&u.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var a=g(n);m(e).forEach(e=>{e.apply(a,r)});var u=v()[o[e]];u&&u.push([f,e,r,a]);return a},get:h,listeners:m,context:g,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{o[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[o[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function g(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,a,()=>new s.y(a)):new s.y(a)}function p(e,t){n[e]=m(e).concat(t)}function m(e){return n[e]||[]}function h(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),u=(0,n.Zm)();u.ee||(u.ee=c)},843:(e,t,r)=>{"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>d,K7:()=>c,P3:()=>u,XX:()=>i,Yy:()=>a,df:()=>s,qY:()=>n,v4:()=>o});const n="events",i="jserrors",s="browser/blobs",o="rum",a="browser/logs",c={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},u={[c.pageViewEvent]:1,[c.pageViewTiming]:2,[c.metrics]:3,[c.jserrors]:4,[c.softNav]:5,[c.ajax]:6,[c.sessionTrace]:7,[c.sessionReplay]:8,[c.logging]:9,[c.genericEvents]:10},d={[c.pageViewEvent]:o,[c.pageViewTiming]:n,[c.ajax]:n,[c.softNav]:n,[c.metrics]:i,[c.jserrors]:i,[c.sessionTrace]:s,[c.sessionReplay]:s,[c.logging]:a,[c.genericEvents]:"ins"}},863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},910:(e,t,r)=>{"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},944:(e,t,r)=>{"use strict";r.d(t,{R:()=>i});var n=r(241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>a,rs:()=>i,xV:()=>o,z_:()=>s});const n=r(860).K7.metrics,i="sm",s="cm",o="storeSupportabilityMetrics",a="storeEventMetrics"},990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var s=n[e]={exports:{}};return r[e](s,s.exports,i),s.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce((t,r)=>(i.f[r](e,t),t),[])),i.u=e=>"nr-rum-1.316.0.min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.316.0.PROD:",i.l=(r,n,s,o)=>{if(e[r])e[r].push(n);else{var a,c;if(void 0!==s)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+s){a=l;break}}if(!a){c=!0;var f={296:"sha512-jIy711COcvYTdufY9XXNNQaPvXp9CzLzgyI7kxmbI9RLMR0SBawMfv3DLsTJ4+RwkGrvP36bKNVeHloWZxeEKQ=="};(a=document.createElement("script")).charset="utf-8",i.nc&&a.setAttribute("nonce",i.nc),a.setAttribute("data-webpack",t+s),a.src=r,0!==a.src.indexOf(window.location.origin+"/")&&(a.crossOrigin="anonymous"),f[o]&&(a.integrity=f[o])}e[r]=[n];var g=(t,n)=>{a.onerror=a.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),i&&i.forEach(e=>e(n)),t)return t(n)},p=setTimeout(g.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=g.bind(null,a.onerror),a.onload=g.bind(null,a.onload),c&&document.head.appendChild(a)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={374:0,840:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var s=new Promise((r,i)=>n=e[t]=[r,i]);r.push(n[2]=s);var o=i.p+i.u(t),a=new Error;i.l(o,r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var s=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;a.message="Loading chunk "+t+" failed: ("+s+": "+o+")",a.name="ChunkLoadError",a.type=s,a.request=o,n[1](a)}},"chunk-"+t,t)}};var t=(t,r)=>{var n,s,[o,a,c]=r,u=0;if(o.some(t=>0!==e[t])){for(n in a)i.o(a,n)&&(i.m[n]=a[n]);if(c)c(i)}for(t&&t(r);u<o.length;u++)s=o[u],i.o(e,s)&&e[s]&&e[s][0](),e[s]=0},r=self["webpackChunk:NRBA-1.316.0.PROD"]=self["webpackChunk:NRBA-1.316.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(374);var e=i(362),t=i(860);const r=Object.values(t.K7);var n=i(384),s=i(741);var o=i(555);t.K7.genericEvents;const a="experimental.resources",c="register",u=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var d=i(614),l=i(944),f=i(122);const g="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0},api:{register:{get enabled(){return e.feature_flags.includes(c)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(a)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:d.wk,inactiveMs:d.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){u(t)?e.mask_selector="".concat(t,",").concat(g):""===t||null===t?e.mask_selector=g:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){u(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}})());var m=i(154),h=i(324);let v=0;const b={buildEnv:h.F3,distMethod:h.Xs,version:h.xv,originTime:m.WN},y={consented:!1},_={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||y.consented},set consented(e){y.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,harvester:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++v}};var w=i(836),x=i(241);const R={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};function k(e,t={},r,a){let{init:c,info:u,loader_config:d,runtime:l={},exposed:g=!0}=t;if(!u){const e=(0,n.pV)();c=e.init,u=e.info,d=e.loader_config}var h;e.init=p(c||{}),e.loader_config=(h=d||{},(0,f.a)(h,R)),u.jsAttributes??={},m.bv&&(u.jsAttributes.isWorker=!0),e.info=(0,o.D)(u);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,_),r=Object.keys(b).reduce((e,t)=>(e[t]={value:b[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",i.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,n.pV)();Object.getOwnPropertyNames(s.W.prototype).forEach(r=>{const n=s.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=r,e.ee=w.ee.get(e.agentIdentifier),e.exposed=g,(0,x.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.runtime.configured=!0)}var A=i(908),T=i(863),S=i(261),E=i(738);var j=i(687),P=i(234),N=i(289);const O=e=>m.RI&&!0===e?.privacy.cookies_enabled;function M(e){return!!(0,n.dV)().o.MO&&O(e)&&!0===e?.session_trace.enabled}var I=i(389),D=i(699);const W=new WeakSet;class B extends P.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,I.J)(()=>{(0,j.Ak)(e,this.featureName),t()}))}):(0,j.Ak)(e,t)}importAggregator(e,t,r={}){if(this.featAggregate)return;const n=async()=>{if(await this.deferred,this.#t(e),!(0,o.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);let n;try{if(O(e.init)){const{setupAgentSession:t}=await i.e(296).then(i.bind(i,8));n=t(e)}}catch(e){(0,l.R)(20,e),this.ee.emit("internal-error",[e]),(0,A.p)(D.qh,[e],void 0,this.featureName,this.ee)}try{if(!this.#r(this.featureName,n,e.init))return(0,j.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:i}=await t();this.featAggregate=new i(e,r),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,j.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1),this.ee&&this.ee.abort()}};m.RI?(0,N.GG)(()=>n(),!0):n()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return M(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!W.has(e)&&(W.add(e),!(0,o.f)(e.info))){const t=(0,n.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}k(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var V=i(630);class K extends B{static featureName=V.T;constructor(e){var t;super(e,V.T),this.setupInspectionEvents(),t=e,(0,E.Y)(S.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,A.p)(S.Pl+S.Fw,[(0,T.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>i.e(296).then(i.bind(i,146)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,x.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,N.sB)(t=>{e(t,"DOMContentLoaded")}),(0,N.GG)(t=>{e(t,"load")}),(0,N.Qr)(t=>{e(t,"navigate")}),this.ee.on(d.tS.UPDATE,(e,t)=>{(0,x.W)({type:"lifecycle",name:"session",data:t})})}}class C extends e.d{constructor(e){var t;(super(),m.gm)?(this.features={},(0,n.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(K),k(this,e,e.loaderType||"agent"),t=this,(0,E.Y)(S.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,E.U)(t,e,r,S.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,E.Y)(S.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,A.p)(S.Pl+"setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,E.U)(e,"enduser.id",t,S.Dl,!0)},e)}(this),function(e){(0,E.Y)(S.nb,function(t){if("string"==typeof t||null===t)return(0,E.U)(e,"application.version",t,S.nb,!1);(0,l.R)(42,typeof t)},e)}(this),function(e){(0,E.Y)(S.d3,function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,E.Y)(S.Pv,function(t=!0){if("boolean"==typeof t){if((0,A.p)(S.Pl+S.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum()})}}else(0,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return r.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),n=[...this.desiredFeatures];n.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),n.forEach(r=>{if(!e[r.featureName]&&r.featureName!==t.K7.pageViewEvent)return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,n.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var F=i(843),U=i(782);class L extends B{static featureName=U.T;constructor(e){super(e,U.T),m.RI&&((0,F.u)(()=>(0,A.p)("docHidden",[(0,T.t)()],void 0,U.T,this.ee),!0),(0,F.G)(()=>(0,A.p)("winPagehide",[(0,T.t)()],void 0,U.T,this.ee)),this.importAggregator(e,()=>i.e(296).then(i.bind(i,117))))}}var G=i(969);class H extends B{static featureName=G.TZ;constructor(e){super(e,G.TZ),this.importAggregator(e,()=>i.e(296).then(i.bind(i,623)))}}new C({features:[K,L,H],loaderType:"lite"})})()})();</script>
<meta name="title" content="Perfectdraft : Fut, Tireuse à bière, Pompe, Machine &amp; Verre"/>
<meta name="description" content="Large sélection de fûts de bière Perfectdraft &amp; Tireuses à bière, Verres... Fût grandes marques, IPA, belles brasseries, Abbayes. Livraison rapide."/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="format-detection" content="telephone=no"/>
<title>Perfectdraft : Fut, Tireuse à bière, Pompe, Machine &amp; Verre</title>
<link  rel="stylesheet" type="text/css"  media="print" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/css/print.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/css/third-party/smartbanner.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/jquery/uppy/dist/uppy-custom.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Clearpay_Clearpay/css/clearpay-express-checkout.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/FLOA_Payment/css/floa.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Algolia_AlgoliaSearch/css/recommend.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Magefan_Blog/css/blog-new.css" />
<link  rel="stylesheet" type="text/css"  rel="stylesheet" type="text/css" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/css/bss-label-text.css" />


















<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/DM_Sans/DMSans-Regular.ttf" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/Open_Sans/open-sans-v18-latin-700.woff" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/fa/webfonts/fa-light-300.woff" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/fa/webfonts/fa-regular-400.woff" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/fa/webfonts/fa-solid-900.woff" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/Montserrat/montserrat-v15-latin-900.woff2" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/Open_Sans/open-sans-v18-latin-regular.woff2" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/Open_Sans/open-sans-v18-latin-700.woff2" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/fa/webfonts/fa-light-300.woff2" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/fa/webfonts/fa-regular-400.woff2" />
<link rel="preload" as="font" crossorigin="anonymous" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/fa/webfonts/fa-solid-900.woff2" />
<link  rel="icon" type="image/x-icon" href="https://jtdtcwvg.tinifycdn.com/media/favicon/stores/31/favicon.png" />
<link  rel="shortcut icon" type="image/x-icon" href="https://jtdtcwvg.tinifycdn.com/media/favicon/stores/31/favicon.png" />
<!-- Google Site Verification -->
<meta name="google-site-verification" content="XuCUgrfp8jHZuD98hmB7E_dfSBpWD_FAlqWrJf2T-JA" />
<!-- Google Site Verification -->

<!-- OneTrust Cookies Consent Notice start for www.perfectdraft.com/fr-fr/ -->


<!-- OneTrust Cookies Consent Notice end for www.perfectdraft.com/fr-fr/ -->

<style>

/* Temp hide non-DY swatches PDP x */
.catalog-product-view .pd-pdp .product-cta-container .product-swatches{display:none !important;}

/* TEMP: Hide star-ratings on PLP */
.result-content .result-sub-content .ratings{display:none;}@media (min-width: 768px){.result-content .result-title{height:42px;}.result-content .result-sub-content{height:215px;justify-content:flex-end;}}
/* END: Hide star-ratings on PLP */

/* TEMP: Show default delivery message on Cart */
.checkout-cart-index .shipping__info--text .default_delivery_msg {display:inline-block!important;margin-top:8px;}
/* END: Show default delivery message on Cart */

/* Temp webiew H1 fix */
.webview .page-title-wrapper.make__grid{display: none;}
/* END: webiew H1 fix */

/* Temp Customer Account Label Capitalisation fix */
.account .my-details-header .block-title, 
.account.customer-account-edit form .field .label span, .account.customer-address-form form .field .label span, .account.customer-address form .field .label span{text-transform:unset;}
/* END: Temp Customer Account Label Capitalisation fix */


/* Temp Fix wallet flow */
@media (max-width:425px){.account .my-beer-tokens .beer-tokens-card-holder .beer-tokens-card .store-credit--amounts {flex-direction:column;}.account .my-beer-tokens .beer-tokens-card-holder .beer-tokens-card .store-credit--amounts .points-title {margin-left:unset; border-left:unset; padding-left:unset;}}
/* END: Fix wallet flow */

/* Temp Hide 'Add New Card' */
li.nav.item.payment-card-icon{display:none;}
/* END: Hide 'Add New Card' */

/* Temp: reposition OT button */
@media (max-width: 991px) {
    .checkout-cart-index #ot-sdk-btn-floating.ot-floating-button{bottom:92px!important;}
    .catalog-product-view #ot-sdk-btn-floating.ot-floating-button{bottom:136px!important;}
}
/* END: reposition OT button */

/* Temp: Fix capitalised menu items in My Account*/
.account .nav.items.single li a, .account .nav.items.single li strong {
    text-transform: none;
}

/* Temp: Hide reward notification UI */
.account.magento_reward-customer-info .reward-settings-container{display:none;}
/* END: Hide reward notification UI */

/* START: Temp - Hide Ratings PLP / PDP */
.catalog-product-view .pd-pdp-reviews-summary {display:none !important;}
.catalogsearch-result-index .product-reviews-summary .rating-summary {display:none !important;}
/* END: Temp - Hide Ratings PLP / PDP */

/* START: Temp - Hide Duplicate Delivery Icons - PDP */
 .catalog-product-view .pd-pdp-hero-right .product-value-propositions li[data-popup-label]:last-child,
 .page-product-bundle .pd-pdp-hero-right .product-value-propositions li[data-popup-label]:last-child {
    display: none
 }
/* END: Temp - Hide Duplicate Delivery Icons - PDP */

</style>







<!-- Global tracking for CMS/landing pages -->

<!-- Global tracking for CMS/landing pages -->

<!-- Temp: fix Help link in mobile nav -->

<!-- Temp: fix Help link in mobile nav -->
        <link  rel="canonical" href="https://www.perfectdraft.com/fr-fr/" />
<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/css/bhstyles.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/fonts/fa/css/all.min.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/css/widgets.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/mage/calendar.css" media="print" onload="this.media='all'">

    <!-- Start SmartBanner configuration -->
    <meta name="smartbanner:title" content="PerfectDraft" />
    <meta name="smartbanner:author" content="AB InBev" />
    <meta name="smartbanner:price" content="OFFERTE" />
    <meta name="smartbanner:price-suffix-apple" content=" sur l'App Store" />
    <meta name="smartbanner:price-suffix-google" content=" dans Google Play" />
    <meta name="smartbanner:icon-apple" content="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/app.png" />
    <meta name="smartbanner:icon-google" content="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/app.png" />
    <meta name="smartbanner:button" content="VISITE" />
    <meta name="smartbanner:button-url-apple" content="https://apps.apple.com/app/apple-store/id1578658955?pt=123345657&ct=Website_Banner&mt=8" />
    <meta name="smartbanner:button-url-google" content="https://play.google.com/store/apps/details?id=com.perfectdraft&amp;hl=en_GB&amp;gl=GB&amp;pli=1" />
    <meta name="smartbanner:enabled-platforms" content="android,ios" />
    <meta name="smartbanner:close-label" content="Fermer" />
    <meta name="smartbanner:exclude-user-agent-regex" content="PerfectDraftApp">
    <!-- End SmartBanner configuration -->
    



<!-- Google Tag Manager -->
<script nodefer>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MMD3JDC');</script>
<!-- End Google Tag Manager -->

						<!-- lazy sizes configuration -->





<meta property="og:type" content="website"/>
<meta property="og:title" content="Perfectdraft&#x20;&#x3A;&#x20;Fut,&#x20;Tireuse&#x20;&#xE0;&#x20;bi&#xE8;re,&#x20;Pompe,&#x20;Machine&#x20;&amp;&#x20;Verre"/>
<meta property="og:description" content="Large&#x20;s&#xE9;lection&#x20;de&#x20;f&#xFB;ts&#x20;de&#x20;bi&#xE8;re&#x20;Perfectdraft&#x20;&amp;&#x20;Tireuses&#x20;&#xE0;&#x20;bi&#xE8;re,&#x20;Verres...&#x20;F&#xFB;t&#x20;grandes&#x20;marques,&#x20;IPA,&#x20;belles&#x20;brasseries,&#x20;Abbayes.&#x20;Livraison&#x20;rapide."/>
<meta property="og:url" content="https://www.perfectdraft.com/fr-fr"/>
<meta property="og:site_name" content="PerfectDraft Europe"/>
<link rel="stylesheet" href="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/css/blocks/cms/homepage.css" media="all">

    <link rel="preconnect" href="//cdn-eu.dynamicyield.com">
    <link rel="preconnect" href="//st-eu.dynamicyield.com">
    <link rel="preconnect" href="//rcom-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//cdn-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//st-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//rcom-eu.dynamicyield.com">
    <script nodefer type="text/javascript">
        window.dyReady = false;
        window.dyConsent = false;

        document.addEventListener('DOMContentLoaded', function() {
            !window.dyReady && (window.dyReadyChecker = setInterval(() => {
                if (window.DY) {

                    // DY Ready
                    const dyReady = new Event('dyReady');
                    window.dyReady = true;
                    document.dispatchEvent(dyReady);

                    // DY Page Context
                    const pageTypes = [
                        'cms-homepage',
                        'catalog-category-view',
                        'catalogsearch-result-index',
                        'catalog-product-view',
                        'checkout-cart-index',
                        'checkout-index-index',
                        'account'
                    ];

                    if (!pageTypes.find(type => Array.from(document.body.classList).includes(type))) {
                        DY.recommendationContext = {
                            type: 'OTHER',
                            lng: 'fr_FR',
                            data: [Array.from(document.body.classList)[0]]
                        };
                    }

                    // DY Cognito ID
                    const DYAppLoadedEventListener = (e) => {
                        const customerData = bhApp.getData('customer'),
                            customerCUID = customerData.cuid;

                        if (customerData.isLoggedIn) {
                            if (window.dataLayer.some((data) => typeof data.cognito_id === 'string')) return;
                            window.dataLayer.push({'cognito_id': customerCUID});
                        }
                    }

                    document.querySelector('body').addEventListener(
                        'bhAppLoaded',
                        DYAppLoadedEventListener,
                        false
                    );

                    // DY Consent
                    window.DY.userActiveConsent = { accepted: false };

                    window.checkOneTrustConsent = () => {
                        const cookieKeyValuePairs = document.cookie.split(';').map(str => {
                            var prop = str.split('=');
                            if (prop.length == 2) return prop;
                            if (prop.length > 2) {
                                return [prop[0], prop.slice(1).join('=')];
                            }
                        });

                        const cookie = Object.assign({}, ...cookieKeyValuePairs.map(pair => pair.length == 2 && ({ [pair[0].trim()]: pair[1].trim() })));

                        if (cookie.OptanonConsent) {
                            const consentGroups = decodeURIComponent(cookie.OptanonConsent).split('&').find(val => val.includes('groups='));
                            if (typeof consentGroups === 'string' && consentGroups.includes('4:1')) {
                                window.DY.userActiveConsent = { accepted: true };
                                window.DYO && DYO.ActiveConsent.updateConsentAcceptedStatus(true);

                                const dyConsent = new Event('dyConsent');
                                window.dyConsent = true;
                                document.dispatchEvent(dyConsent);

                                return true;
                            } else {
                                return false;
                            }
                        } else {
                            return false;
                        }
                    };

                    window.checkOneTrustConsent();
                    !window.dyConsent && (window.dyConsentChecker = setInterval(() => {
                        window.checkOneTrustConsent() && clearInterval(window.dyConsentChecker);
                    }, 100));

                    clearInterval(window.dyReadyChecker);
                }
            }, 100));
        });

    </script>
    <script nodefer type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9880997/api_dynamic.js"></script>
    <script nodefer type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9880997/api_static.js"></script>
    <script nodefer type="text/javascript">
        const dyHomepage = () => {
            DY.recommendationContext = {
                type: 'HOMEPAGE',
                lng: 'fr_FR'
            }
        };
        window.dyReady ? dyHomepage() : document.addEventListener('dyReady', dyHomepage);
    </script>
    </head>
    <body data-container="body" data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/loader-2.gif"}}' id="html-body" class="cms-homepage cms-index-index page-layout-1column">
        




<div class="cookie-status-message" id="cookie-status">
    The store will not work correctly when cookies are disabled.</div>




    <noscript>
        <div class="message global noscript">
            <div class="content">
                <p>
                    <strong>JavaScript seems to be disabled in your browser.</strong>
                    <span>
                        For the best experience on our site, be sure to turn on Javascript in your browser.                    </span>
                </p>
            </div>
        </div>
    </noscript>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MMD3JDC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<div class="page-wrapper"><div class="toast-container swipe-container">
    <div id="toast" class="swipe-content"></div>
</div>

<!-- The "toastConfig" object is passed to app/design/frontend/BeerHawk/perfectdraft/Magento_Theme/web/js/toast.js -->
<header class="page-header"><div id="skipToContent" class="skip-to-content" >
  <a class="skip-link" href='#contentarea'>Passer au contenu</a>
  <a class="skip-link" href='#footerwrapper'>Passer en bas de page</a>
</div>
<div class="header-wrapper__fw make__fw">
        
    
    
<div class="usp-wrapper__fw make__fw"><div id="js-uspbar" class="usp-wrapper make__grid"><a class="usp__item usp__item-left" href="conditions-des-offres">
<div class="usp__large">Livraison offerte avec Mondial Relay !</div>
</a><a class="usp__item usp__item-left" href="futs-de-biere">
<div class="usp__large">
Profitez de -15% dès 3 fûts & -20% dès 6 fûts unitaires
</div>
</a>
<a class="usp__item usp__item-right" href="https://www.ekomi.fr/avis-clients-perfectdraft.html" target="_blank" rel="noopener">
<div class="usp__small">Les amateurs de bière nous adorent</div>
<div class="stars"><img class="lazyload" alt="Star Rating" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/icons/star-rating.svg"> 4.6/5</div>
</a></div></div><div class="header-wrapper"><div class="header-wrapper__main make__grid"><button 
    id="mobile-burger-menu"
    class="nav-icon__wrapper"
    aria-label="Toggle main menu"
    aria-expanded="false"
    onClick="
        if (this.ariaExpanded === 'false') {
            this.setAttribute('aria-expanded', true);
            setTimeout(() => document.getElementById('main-menu').focus(), 100);
            document.getElementById('mobile-header-search-icon').tabIndex = '-1';
        } else {
            this.setAttribute('aria-expanded', false);
            this.focus();
            document.getElementById('mobile-header-search-icon').tabIndex = '0';
        }
    "
>
    <div id="nav-icon">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</button>
    <div class="searchbar">
        <button 
            tabindex="0"
            type="button"
            aria-label="mobile search toggle"
            aria-expanded="false"
            id="mobile-header-search-icon" 
            class="mobile-search-toggle" 
            data-role="minisearch-label"
        >
            <img src="https://d30lee2gy4gtgb.cloudfront.net/static/version0.0.0.661/frontend/BeerHawk/perfectdraft/en_GB/images/icons/icon-search-2.svg" height="32" width="32" title="Open search" aria-hidden="true">
        </button>
        <div id="algoliaAutocomplete" class="block block-search algolia-search-block algolia-search-input">
            <div id="aa-Panel-container"></div>
        </div>
    </div>
    <strong class="logo">
    <img class="lazyload desktop-logo" 
            data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/logo.svg"
            alt="PerfectDraft"
            width="170"                />
    </strong>

<div class="account-menu__wrapper ajax-logged-in" data-logged-in="-1">
    <div class="account-menu__icon">
        <i class="fal fa-user"></i>
    </div>
    <div id="menu-account" class="account-menu__menu">
        <ul class="loading">
            <li class="loading-item">
                <span>Chargement...</span>
            </li>
        </ul>
        <ul class="logged-in-items">
            <li class="beer-tokens-menu-item"></li>
            <li><a href="/customer/account" class="my-account-menu-item">Afficher mon compte</a></li>
            <li><a href="/keg/returns/hub" class="krh-menu-item">Retour de fûts</a></li>
            <li><a href="https://support.beerhawk.co.uk/support/tickets/new" class="customer-service-menu-item" target="bh_freshdesk" rel="nofollow">Service Client</a></li>
            <li><a href="/contact" class="contact-us-menu-item">Contactez-nous</a></li>
            <li><a href="/customer/account/logout" class="logout-menu-item">Se déconnecter</a></li>
        </ul>
        <ul class="logged-out-items">
            <li class="beer-tokens-menu-item"></li>
            <li><a href="/customer/account/login" rel="nofollow" class="authLink">Connexion</a></li>
            <li><a href="https://support.beerhawk.co.uk/support/tickets/new" class="customer-service-menu-item" target="bh_freshdesk" rel="nofollow">Service Client</a></li>
            <li><a href="/contact" class="contact-us-menu-item">Contactez-nous</a></li>
        </ul>
    </div>
</div>

<div class="logo-mobile">
    <a href="https://www.perfectdraft.com/fr-fr/" onClick="window.dataLayer.push({'event': 'clickHeaderLogo'});">
        <svg width="138" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44.587 24.344h2.684a.159.159 0 0 0 .164-.164v-8.706h3.188a.159.159 0 0 0 .165-.165V12.92a.159.159 0 0 0-.165-.165H47.44c0-1.223.007-2.597 1.556-2.597.358 0 1.013.036 1.33.283 0 0 .225-.041.228-.043l.673-1.893c.037-.128.013-.2-.086-.289a4.805 4.805 0 0 0-2.658-.686c-2.571 0-4.061.824-4.061 5.042v.18H42.17a.16.16 0 0 0-.165.164v2.39a.16.16 0 0 0 .165.165h2.25v8.705a.16.16 0 0 0 .167.168ZM119.603 24.344h2.683a.16.16 0 0 0 .165-.164v-8.706h3.186a.159.159 0 0 0 .165-.165V12.92a.159.159 0 0 0-.165-.165h-3.181v-.193c0-1.696.217-2.404 1.557-2.404.358 0 1.011.036 1.327.283 0 0 .226-.04.229-.043l.673-1.893c.041-.128.013-.2-.086-.289a4.802 4.802 0 0 0-2.657-.686c-2.572 0-4.061.824-4.061 5.042v.18h-2.251c-.088-.008-.172.076-.166.164v2.39c-.006.089.078.172.166.165h2.251v8.705c-.01.09.075.176.165.168ZM106.369 20.846c0 3.224 2.582 3.703 4.115 3.703.669 0 2.309-.133 3.129-1.364l.279-.419.231 1.433a.308.308 0 0 0 .288.197h1.843a.16.16 0 0 0 .164-.166v-6.407c0-1.39-.318-3.275-1.839-4.353-1.521-1.078-3.947-1.286-5.938-.527l-.395.158c-.031.012-.328.134-.358.163-.106.062-.024.255.012.337l.743 1.827c.034.08.083.133.163.1a6.024 6.024 0 0 1 2.05-.425c1.762 0 2.505.767 2.505 2.566v.385c-.876-.63-1.866-.853-2.945-.853-1.503.002-4.047.475-4.047 3.645Zm5.058-1.497c.739.028 1.561.26 1.978.924v1.044c-.511.546-1.33.815-2.07.815-1.885 0-2.281-.83-2.281-1.528 0-.469.31-1.334 2.373-1.255ZM90.389 24.4c4.69 0 8.096-3.525 8.096-8.381s-3.48-8.501-8.096-8.501H84.05a.159.159 0 0 0-.166.166v16.55a.16.16 0 0 0 .166.166h6.339Zm-3.47-14.117h2.922c3.198 0 5.608 2.508 5.608 5.827 0 3.253-2.358 5.614-5.608 5.614H86.92v-11.44ZM21.646 13.078c-.025-3.216-2.122-5.553-4.983-5.553H9.958c-.088-.004-.165.077-.163.165l.132 16.448a.164.164 0 0 0 .168.167h2.684a.162.162 0 0 0 .163-.165l-.047-5.58h3.856c3.012.033 4.92-2.655 4.895-5.482Zm-8.767 2.708-.043-5.323h3.552c1.073 0 2.225.695 2.241 2.645 0 1.317-.726 2.697-2.2 2.678h-3.55ZM79.619 24.326c1.034 0 1.35 0 2.182-.284.064-.062.074-.159.058-.246l-.5-2.1c-.081-.103-.209-.095-.322-.06-.319.049-.641.07-.964.063-1.293 0-1.345-.86-1.345-2.979v-3.24h2.793a.159.159 0 0 0 .166-.165V12.92a.159.159 0 0 0-.166-.165h-2.793V7.677a.16.16 0 0 0-.165-.165H75.88a.159.159 0 0 0-.165.165v5.084h-1.498a.159.159 0 0 0-.164.164v2.39a.16.16 0 0 0 .165.165h1.497v3.904c-.005 4.104 1.555 4.942 3.904 4.942ZM132.665 24.326c1.034 0 1.352 0 2.182-.284.064-.062.074-.159.058-.246l-.499-2.1c-.086-.107-.203-.097-.323-.06-.319.049-.641.07-.964.063-1.293 0-1.345-.86-1.345-2.979v-3.24h2.794a.158.158 0 0 0 .165-.165V12.92a.158.158 0 0 0-.165-.165h-2.794V7.677a.159.159 0 0 0-.165-.165h-2.683a.158.158 0 0 0-.165.165v5.084h-1.498a.158.158 0 0 0-.164.164v2.39a.16.16 0 0 0 .164.165h1.498v3.904c-.005 4.104 1.556 4.942 3.904 4.942ZM135.686 9.507c-.002.019.015.037.034.034h.357c.018.002.036-.015.035-.034v-.47h.15l.234.47c.005.02.024.035.044.034h.345a.034.034 0 0 0 .033-.034L136.617 9a.53.53 0 0 0 .293-.479c0-.294-.127-.582-.653-.582h-.535c-.025 0-.034.01-.034.034l-.002 1.535Zm.795-1.012c0 .185-.229.142-.356.142v-.292c.131 0 .356-.04.356.15Z" fill="#000"/><path d="M134.821 8.785c0 .868.826 1.543 1.668 1.374a1.425 1.425 0 0 0 1.095-1.103c.167-.851-.513-1.674-1.372-1.671-.757 0-1.393.651-1.391 1.4Zm1.389-1.137c.696-.002 1.249.664 1.114 1.354-.087.441-.448.806-.887.895-.682.138-1.353-.408-1.354-1.112a1.184 1.184 0 0 1 1.127-1.137ZM34.085 12.759a.159.159 0 0 0-.165.165v11.252a.159.159 0 0 0 .165.165h2.684a.159.159 0 0 0 .164-.165v-5.77c0-1.185.285-2.778 2.754-2.917l.907-.011a.159.159 0 0 0 .164-.165V12.92a.159.159 0 0 0-.164-.165l-.895.011c-1.416.08-2.496.762-3.512 1.703l-.245-1.51c-.073-.179-.145-.2-.229-.2h-1.628ZM99.903 12.759a.159.159 0 0 0-.164.165v11.252a.159.159 0 0 0 .164.165h2.684a.158.158 0 0 0 .164-.165v-5.77c0-1.185.285-2.778 2.754-2.917l.907-.011a.158.158 0 0 0 .164-.165V12.92a.158.158 0 0 0-.164-.165l-.895.011c-.923.052-1.968.267-3.249 1.458l-.263.245-.245-1.513c-.073-.18-.145-.2-.229-.2l-1.628.003ZM62.002 18.544c-.133-3.559-2.235-5.796-5.475-5.766-3.24.031-5.458 2.608-5.458 5.86 0 3.25 2.388 5.708 5.766 5.731 1.835.011 3.283-.813 4.176-2.119a.101.101 0 0 0-.022-.13L59.291 20.8a.098.098 0 0 0-.132.017 2.828 2.828 0 0 1-2.186 1.058c-1.306 0-2.412-.92-2.78-2.189h7.616c.078 0 .15-.063.159-.141.035-.333.046-.667.034-1.002Zm-7.872-.863a2.576 2.576 0 0 1 2.485-2.407c1.497-.024 2.358 1.124 2.4 2.407H54.13ZM27.27 12.778c-3.24.031-5.462 2.608-5.462 5.86 0 3.25 2.387 5.708 5.765 5.731 1.835.011 3.285-.813 4.175-2.119a.1.1 0 0 0-.02-.13l-1.69-1.319a.098.098 0 0 0-.132.017 2.86 2.86 0 0 1-2.194 1.058c-1.307 0-2.413-.92-2.782-2.189h7.613a.165.165 0 0 0 .16-.141c.382-3.451-1.712-6.803-5.433-6.768Zm-2.399 4.903a2.58 2.58 0 0 1 2.484-2.407c1.497-.024 2.358 1.124 2.4 2.407h-4.884ZM62.886 18.59c0-3.182 2.43-5.8 5.836-5.8 2.05 0 3.345.675 4.372 1.79a.12.12 0 0 1 0 .156l-1.778 1.913a.117.117 0 0 1-.165 0c-.68-.698-1.374-1.14-2.451-1.14-1.578 0-2.7 1.393-2.7 3.035 0 1.645 1.088 3.119 2.825 3.119 1.013 0 1.721-.417 2.453-1.09a.145.145 0 0 1 .197 0l1.657 1.676a.146.146 0 0 1 0 .197c-1.05 1.14-2.294 1.938-4.45 1.938a5.765 5.765 0 0 1-5.797-5.795Z" fill="#000"/><path d="M23.071 0H3.33C1.673 0 .376 1.56.645 3.172L5.94 29.74A2.736 2.736 0 0 0 8.623 32h9.17a2.736 2.736 0 0 0 2.684-2.26l1.073-5.428h-3.11l-.926 4.646H8.893L3.704 3.044h18.999l-.895 4.414h3.084l.852-4.285c.277-1.61-1.018-3.174-2.673-3.172Z" fill="#000"/></svg>
    </a>
</div>
<ul class="header links"><li class="authorization-link ajax-logged-in" data-logged-in="0">
    <ul class="account-items">
        <li class="item">
            <a  
                aria-label="Connexion"
                aria-expanded="false"
                role="button"
                id="nav-account-icon" 
                class="my-account" 
                rel="nofollow"
            >
                <span>Chargement...</span>
            </a>
        </li>
    </ul>

    <ul class="logged-out-items">
        <li class="beer-tokens-menu-item"></li>
    </ul>

    <ul class="logged-in-items">
        <li class="beer-tokens-menu-item icon-wallet-small"></li>
        <li class="icon-orders"><a href="https://www.perfectdraft.com/fr-fr/sales/order/history" rel="nofollow">Mes commandes</a></li>
        <li class="icon-returns"><a href="https://www.perfectdraft.com/fr-fr/keg/returns/hub" rel="nofollow">Retour de fûts</a></li>
        <li class="icon-exit"><a href="https://www.perfectdraft.com/fr-fr/customer/account/logout/" rel="nofollow">Se déconnecter</a></li>
    </ul>
</li>

<script id="beer-tokens-card" type="text/x-magento-template">
    <div class="beer-tokens-card store-credit-card">
        <% if (data.isLoggedIn) { %>
            <% if (data.tokensSpendable > 0) { %>
                <% if (data.isEU) { %>
                    <div class="store-credit" data-wallet="<%- data.walletCredit %>">
                        <p class="tokens-title">Votre compte de fidélité</p>
                        <div class="store-credit--amounts">
                            <a href="https://www.perfectdraft.com/fr-fr/reward/customer/info/" rel="nofollow" title="Cagnotte">
                                <p class="wallet-credit">Cagnotte : <span class="wallet-placeholder credit--loading">0.00</span></p>
                            </a>
                            <a href="https://www.perfectdraft.com/fr-fr/reward/customer/info/" rel="nofollow" title="Points">
                                <p class="points-title">Points : <span class="points-placeholder credit--loading">0 points</span></p>
                                <p class="monetary-credit">(soit <span class="monetary-credit-placeholder credit--loading">0</span>)</p>
                            </a>
                        </div>
                    </div>
                <% } else { %>
                    <a href="https://www.perfectdraft.com/fr-fr/reward/customer/info/" rel="nofollow" title="Voir mes points">
                        <p>Vous avez <span class="tokens-amount"><%- data.tokensSpendable %></span></p>
                        <p class="tokens-title">points</p>
                        <p class="tokens-monetary">(soit <b>€<%- data.tokensValue %>)</b></p>
                    </a>
                <% } %>
            <% } else { %>
                <a href="https://www.perfectdraft.com/fr-fr/reward/customer/info" rel="nofollow">
                    <p class="no-tokens"><span>Passez une commande</span>  et cumulez des points fidélité.</p>
                </a>
            <% } %>
        <% } else { %>
            <p class="no-tokens">Connectez-vous ou créez un compte pour cumuler des points à chaque achat.</p>
        <% } %>
    </div>
</script>
</ul>
<div aria-expanded="false" aria-label="Shopping Cart" aria-owns="mini-cart-popover" tabindex="0"
     data-block="minicart" class="minicart-wrapper hover-enabled" data-bind="scope: 'minicart_content'">

    <a aria-hidden="true" tabindex="-1" class="action showcart" href="https://www.perfectdraft.com/fr-fr/checkout/cart/" rel="nofollow" data-bind="css: { hasItems : !!getCartParam('summary_count_minicart') == true }">
    <img src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/icons/icon-cart.svg" height="32" width="32" aria-hidden="true"/>

            <span class="counter"
                data-bind="css: { empty: !!getCartParam('summary_count_minicart') == false }, blockLoader: isLoading">
                <!-- ko if: getCartParam('summary_count_minicart') -->
                    <span class="counter-number"><!-- ko text: getCartParam('summary_count_minicart') --><!-- /ko --></span>
                <!-- /ko -->
                <!-- ko ifnot: getCartParam('summary_count_minicart') -->
                    <span class="counter-number">0</span>
                <!-- /ko -->
            </span>
            <!-- ko if: getCartParam('subtotalAmountFormated') -->
                <span class="price-wrapper" data-bind="html: getCartParam('subtotalAmountFormated')"></span>
            <!-- /ko -->
            <!-- ko ifnot: getCartParam('subtotalAmountFormated') -->
                <span class="price-wrapper">0,00 €</span>
            <!-- /ko -->
        </a>

        <div class="minicart-popover" id="mini-cart-popover">

        <div class="close-popover" onClick="window.miniCart.show(false);"
             aria-label="Close Cart" aria-controls="mini-cart-popover" aria-expanded="false">
            <p>x</p>
        </div>

            <div class="popover-cart-empty-content">
                <div class="popover-cart-empty-header">
                    <div class="popover-cart-empty-image">
                        <img src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/icons/icon-cart.svg" height="28" width="28" title="Cart Empty" aria-hidden="true"/>
                    </div>
                    <p>Votre panier est vide!</p>
                    <p>Il est temps de commencer à faire des achats.</p>
                </div>
                <div class="popover-cart-empty-suggestions">
                    <p>Explorez ces catégories populaires et remplissez votre panier d'économies. </p>
                    <div class="suggestion-links"></div>
                </div>
            </div>

            <div class="popover-promos no-promos"></div>

            <div class="popover-cart-populated-content">

                <div class="popover-items">
                    <p>Produits</p>
                    <ol class="popover-items-list"></ol>
                </div>

            <div class="popover-totals">
                <p>Sous-total (avec consignes)</p>
                <span>0,00 €</span>
            </div>

            <div class="popover-actions">
                <button
                    type="button"
                    title="Voir mon panier"
                    class="button button--primary-inv"
                    onClick="dataLayer.push({'event': 'clickMiniCartCTA', 'mini_cart_cta': 'view cart'}); window.location = `${window.BASE_URL}checkout/cart`;"
                >
                    Voir mon panier                </button>
                <button
                    type="button"
                    title="Voir mon panier"
                    class="button button--primary"
                    onClick="dataLayer.push({'event': 'clickMiniCartCTA', 'mini_cart_cta': 'checkout'}); window.location = `${window.BASE_URL}checkout`;"
                >
                    Valider mon panier                </button>
            </div>
        </div>

        </div>
    </div>

    

    <!-- The "miniConfig" object is passed to app/design/frontend/BeerHawk/perfectdraft/Magento_Checkout/web/js/minicart.js -->
    

</div></div></div><div class="navigation-wrapper__fw make__fw"><div class="navigation-wrapper make__grid">    
    <nav 
        id="main-menu" 
        class="main-nav" 
        aria-label="Main menu" 
        aria-expanded="false"
        tabIndex="0"
    >

        <div class="submenu-header">
            <button 
                class="submenu-back-button arrow-icon"
                aria-label="Back to previous menu"
            ></button>
            <span class="subMenuTitle"></span>
        </div>

        <ul 
            class="main-nav__list"
            data-mage-init='{
                "BeerHawk_Design/js/menu": {
                    "menuClass": "main-nav",
                    "allLabel": "Tous les produits"
                }
            }'
        >
                                            <li class="main-nav__item">
                    <a href="https://www.perfectdraft.com/fr-fr/futs-de-biere" class="main-nav__link" data-menu="menu-680">
    Fûts</a>                                    </li>
                                            <li class="main-nav__item">
                    <a href="https://www.perfectdraft.com/fr-fr/tireuse-a-biere" class="main-nav__link" data-menu="menu-679">
    Tireuses</a>                                    </li>
                                            <li class="main-nav__item">
                    <a href="https://www.perfectdraft.com/fr-fr/accessoires-perfectdraft" class="main-nav__link" data-menu="menu-832">
    Verres et Accessoires</a>                                    </li>
                                            <li class="main-nav__item nav-promote">
                    <a href="https://www.perfectdraft.com/fr-fr/offres/fete-des-peres" class="main-nav__link" data-menu="menu-926">
    Fête des pères</a>                                    </li>
                                            <li class="main-nav__item nav-promote">
                    <a href="https://www.perfectdraft.com/fr-fr/offres/suivez-evenement" class="main-nav__link" data-menu="menu-931">
    Suivez l’événement ! </a>                                    </li>
                                            <li class="main-nav__item">
                    <a href="https://www.perfectdraft.com/fr-fr/comparaison-tireuse" class="main-nav__link" data-menu="menu-910">
    Quelle tireuse est faite pour moi ?</a>                                    </li>
                                            <li class="main-nav__item">
                    <a href="https://www.perfectdraft.com/fr-fr/les-brasseries" class="main-nav__link" data-menu="menu-923">
    Les Brasseries </a>                                    </li>
                                            <li class="main-nav__item hide-desktop logged-in">
                    <a href="/fr-fr/customer/account/logout/" data-menu="menu-687" class="main-nav__link">
    Se déconnecter</a>                                    </li>
                    </ul>

        <div class="menu-footer">
            <div class="menu-footer-inner">
                <a 
                    role="button"
                    aria-label="Aider"
                    href="https://support.perfectdraft.com/support/home" target="__blank" class="menu-footer-item help">
                    <img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/icons/icon-help.svg" alt="" />
                    <span>Aider</span>
                </a>
                <a 
                    role="button"
                    aria-label="Retour de fûts"
                    href="https://www.perfectdraft.com/fr-fr/keg/returns/hub" class="menu-footer-item keg-returns">
                    <img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/icons/icon-kegreturns.svg" alt="" />
                    <span>Retour de fûts</span>
                </a>
                <a 
                    role="button"
                    aria-label="Compte"
                    href="https://www.perfectdraft.com/fr-fr/customer/account/" class="menu-footer-item my-account">
                    <img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/icons/icon-account.svg" alt="" />
                    <span>Compte</span>
                </a>
            </div>
        </div>

    </nav>

</div></div></header><main id="maincontent" class="page-main make__fw"><div id="algolia-autocomplete-container"></div>
<!-- Some of banners attributes will be updated/added with JS -->
<div id="bh-notification-banners-wrapper">
    </div>
<style type="text/css">
    .bhNotificationBannerMessageContainer {
        text-align: center;
        padding: 10px 15px;
        font-size: 18px;
        font-weight: 700;
    }
    .bhNotificationBannerMessageContainer > span {
        max-width: 1140px;
        display: block;
        margin: 0 auto;
    }
    
    /*
        For media queries used the value of $medium breakpoint from _mixins.scss
        desktop version >= $medium
        mobile version < $medium
        As alternative .desktop-only / .mobile-only CSS-classes could be used.
     */
    @media screen and (max-width: 767px) {
        .bhNotificationBannerDesktop {
            display: none;
        }
    }
    @media screen and (min-width: 768px) {
        .bhNotificationBannerMobile {
            display: none;
        }
    }
</style>

<a id="contentarea" tabindex="-1"></a>
<div class="page messages"><div data-placeholder="messages"></div>
<div data-bind="scope: 'messages'">
    <!-- ko if: cookieMessages && cookieMessages.length > 0 -->
    <div role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages">
        <div data-bind="attr: {
            class: 'message-' + message.type + ' ' + message.type + ' message',
            'data-ui-id': 'message-' + message.type
        }">
            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
            <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> -->
        </div>
    </div>
    <!-- /ko -->

    <!-- ko if: messages().messages && messages().messages.length > 0 -->
    <div role="alert" data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages">
        <div data-bind="attr: {
            class: 'message-' + message.type + ' ' + message.type + ' message',
            'data-ui-id': 'message-' + message.type
        }">
            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
            <!-- <button class="close-message" onclick="event.target.parentElement.remove();">x</button> -->
        </div>
    </div>
    <!-- /ko -->
</div>

</div><div class="columns make__grid"><div class="column main"><input name="form_key" type="hidden" value="LKjlDLbrlvfsrDtx" />






                    


<style>
    /* Hide Google reCAPTCHA v3 badge */
    .grecaptcha-badge {
        visibility: hidden !important;
    }
</style>
<style>
/* Temp: fix gaps in BT card */
@media (min-width: 768px) {
    .beertoken__informationTextContainer .beer-tokens-card a, .myaccount__informationTextContainer .beer-tokens-card a {
        -ms-grid-columns: repeat(4, min-content);
        grid-template-columns: repeat(4, min-content);
        grid-gap: 0.25em;
        gap: 0.25em;
    }
}
/* END: fix gaps in BT card */
</style>
<div class="home__top" role="region" aria-label="home page banners">
<div class="beertoken__banner ajax-logged-in" data-logged-in="0">
    <div class="beertoken__information">
        <div class="beertoken__informationIconContainer">
            <img class="lazyload beertoken__iconImg" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/icons/Wallet--Money.svg" alt="Wallet Icon">
        </div>
        <div class="beertoken__informationTextContainer">
            <h2>Vos points</h2>
            <div class="beer-tokens-banner-card-holder"></div>
            <p class="beer-token-loading-message">Récupérer votre cagnotte</p>
            <div class="beertoken__informationTextLinks">
                <a 
                    aria-label="Découvrez le programme de fidélité."
                    role="button"
                    href="https://www.perfectdraft.com/fr-fr/customer/rewards/wallet" 
                    class="beertoken__informationLink">Découvrez le programme de fidélité.                </a>
                <a  
                    aria-label="Mon compte"
                    role="button"
                    href="https://www.perfectdraft.com/fr-fr/customer/account" 
                    class="auth myaccount__informationLink">Mon compte                </a>
            </div>
        </div>
    </div>
    <div class="beertoken__buttonContainer">
        <span class="auth auth--kegs">
            <button 
                aria-label="Je commande"
                class="button button--secondary" 
                href="https://www.perfectdraft.com/fr-fr/futs-de-biere" 
                rel="nofollow">Je commande            </button>
        </span>
        <span class="anon">
            <button 
                aria-label="Connexion"
                aria-expanded="false"
                onclick="
                    if (this.ariaExpanded === 'false') {
                        this.setAttribute('aria-expanded', true);
                        setTimeout(() => trapModalFocus(document.querySelector('#contentarea')), 100);
                    } else {
                        this.setAttribute('aria-expanded', false);
                        this.focus();
                    }
                "
                onfocus="if (this.ariaExpanded === 'true') this.setAttribute('aria-expanded', false);"
                class="button button--primary button--loading beertoken__login" 
                href="https://www.perfectdraft.com/fr-fr/customer/account/login/" 
                rel="nofollow" 
                target="_self">Connexion            </button>
            <button 
                aria-label="Créer mon compte"
                aria-expanded="false"
                onclick="
                    if (this.ariaExpanded === 'false') {
                        this.setAttribute('aria-expanded', true);
                        setTimeout(() => trapModalFocus(document.querySelector('#contentarea')), 100);
                    } else {
                        this.setAttribute('aria-expanded', false);
                        this.focus();
                    }
                "
                onfocus="if (this.ariaExpanded === 'true') this.setAttribute('aria-expanded', false);"
                class="button button--secondary button--loading beertoken__register" 
                href="https://www.perfectdraft.com/fr-fr/customer/account/create/" 
                rel="nofollow" 
                target="_self">Créer mon compte            </button>
        </span>
    </div>
</div>


<div class="hp-banners" role="list"><style>
  .hp-banners .banner-item {background-color: #ffffff;border-radius: 10px;}
  .hp-banners .banner-item .banner-text-inner>p>span>span{padding-right:10px;line-height:1.2;text-transform: unset;transform: unset;-webkit-transform: unset;}
  @media (max-width: 320px){.hp-banners .banner-item .banner-text {font-size: 16px;}}
  @media (max-width: 425px){.hp-banners .banner-item:first-of-type .banner-text, .hp-banners .banner-item:nth-of-type(2) .banner-text {font-size: 20px;}}
  @media (min-width: 768px) and (max-width: 930px){.hp-banners .banner-item .banner-text {font-size: 16px;}}
  @media (min-width: 768px) and (max-width: 768px){.hp-banners .banner-item .banner-text {font-size: 32px;}}
  @media (min-width: 992px) {.hp-banners .banner-item .banner-text {font-size:23px;}.hp-banners .banner-item:first-of-type .banner-text, .hp-banners .banner-item:nth-of-type(2) .banner-text {font-size: 32px;}}
  @media (min-width: 576px) and (max-width:767px){.home__top{flex-direction:column;padding-top:15px;}}
  @media (min-width: 768px){.hp-banners{margin-top:unset;}.p5a_1811_KegReturns{display: none;}}
</style>
<div class="banner-item--outer" role="listitem">

<!-- p1 -->
 <style>.p1_june .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){
  .p1_1405_x2 .html-data div{font-size:16px;} }</style><a 
    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
    id="p1_june" href="tireuse-a-biere" 
    class="p1_june banner-item" 
    title="Commander" 
    aria-label="Commander" 
    data-analytics-label="p1_june"
>
        <div class="html-data"><div>Commander</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/W22_P1_FR.png" class="lazyload" alt="Commander" width="555" height="430" />
</a>
</div>
<div class="banner-item--outer" role="listitem">

<!-- p2 --> 
<style>.p2_june .html-data div{  color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){
  .p2_1001_tireuse .html-data div{font-size:16px;} }</style><a 
    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
    id="p2_june" href="futs-de-biere" 
    class="p2_june banner-item" 
    title="Acheter maintenant" 
    aria-label="Acheter maintenant" 
    data-analytics-label="p2_june"
>
        <div class="html-data"><div>Acheter maintenant</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/W24_P2_1110x860_FR_1.png" class="lazyload" alt="Acheter maintenant" width="555" height="430" />
</a>
</div>
<div class="banner-item--outer" role="listitem">

<!-- p3 --> 
<style>.p3_june .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){
  .p3_1001_saison .html-data div{font-size:16px;} }</style><a 
    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
    id="p3_june" href="e-carte-cadeau-perfectdraft" 
    class="p3_june banner-item" 
    title="Dcouvrir" 
    aria-label="Dcouvrir" 
    data-analytics-label="p3_june"
>
        <div class="html-data"><div>Découvrir</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/W24_P5_2_1110x860_FR.png" class="lazyload" alt="Dcouvrir" width="555" height="430" />
</a>
</div>
<div class="banner-item--outer" role="listitem">

<!-- p4 --> 
<style>.p4_june .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){
  .p4_0819_multi .html-data div{font-size:16px;} }</style><a 
    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
    id="p4_june" href="2-futs-au-choix-2-verres-offerts" 
    class="p4_june banner-item" 
    title="Jen profite" 
    aria-label="Jen profite" 
    data-analytics-label="p4_june"
>
        <div class="html-data"><div>J'en profite</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/W22_P4_Chouffe_FR.png" class="lazyload" alt="Jen profite" width="555" height="430" />
</a>
</div>
<div class="banner-item--outer" role="listitem">

<!-- p5 --> 
<style>.p5_june .html-data div{ color: #000000;background-color: #ffffff;font-weight: 700;text-align: left;text-transform: none;position: relative;display: inline-block;margin-bottom: 20px;left: -40px;font-family: 'Montserrat';padding: 0 20px 0 60px;line-height: 1.4;font-size:20px;}@media(max-width:375px){
  .p5_1405_liv .html-data div{font-size:16px;} }</style><a 
    onclick="typeof promoClicked !== 'undefined' && promoClicked(event);" 
    id="p5_june" href="futs-de-biere" 
    class="p5_june banner-item" 
    title="Jen profite" 
    aria-label="Jen profite" 
    data-analytics-label="p5_june"
>
        <div class="html-data"><div>J'en profite</div></div>    <img data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/W24_P5_1_1110x860_FRFR_1.png" class="lazyload" alt="Jen profite" width="555" height="430" />
</a>
</div> </div>
</div>
<div class="product-promo" style="margin-top: 20px; margin-bottom: 20px; display: none;"><div id="pr-products-s4pQW" class="col-md-12 pd-instant-search-results-container"></div>
<div id="pr-products-s4pQW-hit">
    
</div>



</div>
<div class="shop-categories"><style>.shop-categories .button.button--secondary{font-size:14px;letter-spacing:-0.4px;background: #fff; border: #fff;}.shop-categories .block-heading__wrapper{display :block;}
.shop-categories__wrapper{margin-bottom: 20px;}
.recs-block+.recs-block{margin-top: 20px;}
.block-heading__title{text-transform: none;}
.shop-categories__item{text-align:center;}
</style>
<div class="block-heading__wrapper"><span class="block-heading__title">Catégories</span></div>
<div class="shop-categories__wrapper">
<div class="shop-categories__item"><a title="Tireuses à bière" href="https://www.perfectdraft.com/fr-fr/tireuse-a-biere/"> <img alt="Tireuses à bière" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/shop_category/machines.png" class="lazyload"> <span class="button button--secondary">Tireuses à bière</span> </a></div>
<div class="shop-categories__item"><a title="Fûts PerfectDraft" href="https://www.perfectdraft.com/fr-fr/futs-de-biere/"> <img alt="Fûts PerfectDraft" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/cat_banner_leffe_360.png" class="lazyload"> <span class="button button--secondary">Fûts PerfectDraft</span> </a></div>
<div class="shop-categories__item"><a title="Verres" href="https://www.perfectdraft.com/fr-fr/accessoires-perfectdraft/"> <img alt="Verres" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/shop_category/merch.png" class="lazyload"> <span class="button button--secondary">Verres</span> </a></div>
<div class="shop-categories__item"><a title="Packs de fûts" href="https://www.perfectdraft.com/fr-fr/futs-de-biere/packs-de-futs/"> <img alt="Packs de fûts" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/frassets/cat_banner_360.png" class="lazyload"> <span class="button button--secondary">Packs de fûts</span> </a></div>
<div class="shop-categories__item"><a title="Notre App" href="/fr-fr/telechargement-de-lapplication"> <img alt="Notre App" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/fr-fr/AppFR.png" class="lazyload"> <span class="button button--secondary">Notre application</span> </a></div>
</div>
<p>
</p></div>
<div class="shop-categories more-to-explore" role="region" aria-labelledby="block-heading__title"></div>
<p><style>
.about-perfectdraft h1{font-size: 22px;margin:20px 0 10px}
.about-perfectdraft h1,.about-perfectdraft h2{font-family:Montserrat,sans-serif;text-align:center}
.about-perfectdraft h2 {font-size: 16px;margin:10px 0}
.about-perfectdraft p{text-align:center}
.about-perfectdraft a{color:#000;font-weight: 700}
.about-perfectdraft a:hover{text-decoration:none}
</style>
<div class="about-perfectdraft">
    <h1>Découvrez la bière pression à la maison, avec PerfectDraft.</h1>
    <h2>Nous sommes là pour vous aider à découvrir la magie de servir la pinte parfaite.</h2>
    <p style="margin-top:2em">Parce que rien ne nous rend plus heureux que de pouvoir offrir l'expérience ultime aux amateurs de bière comme vous.</p>
    <p>Avec une large gamme de fûts, il y en a pour tous les goûts. Notre catalogue comprend des classiques tels que <a href="fut-perfectdraft-tripel-karmeliet" title="Acheter Tripel Karmeliet 6L">Tripel Karmeliet</a> et <a href="fut-perfectdraft-leffe-blonde " title="Achetez Leffe Blonde 6L">Leffe Blonde</a> ainsi que des nouveautés comme <a href="fut-perfectdraft-victoria" title="Achetez Victoria 6L">Victoria</ a>, <a href="fut-perfectdraft-kwak-blonde" title="Acheter Kwak Blonde">Kwak Blonde</a> et <a href="leffe-prestige-6l-keg" title="Acheter Leffe Prestige 1240 6L">Leffe Prestige 1240</a>.</p>
</div></p></div></div></main><footer class="page-footer"><div class="insurances make__fw"><div class="insurances-inner make__grid"><style>.page-footer .insurances-item .icon.delivery{background-image:url(https://jtdtcwvg.tinifycdn.com/media/wysiwyg/icons/perfectdraft-delivery.svg)}</style>
<div class="insurances-item">
<div class="icon delivery">&nbsp;</div>
<div class="text">
<h2 class="line1">Livraison offerte</h2>
<div class="line2">Profitez de la livraison offerte dès 3 fûts achetés !</div>
</div>
</div>
<div class="insurances-item">
<div class="icon like">&nbsp;</div>
<div class="text">
<h2 class="line1"><img alt="" width="96" height="20" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/icons/Stars.svg" class="lazyload">4.6 / 5</h2>
<div class="line2">Les amateurs de bière nous adorent et nous prenons soin d'eux ! Consulter les avis sur eKomi !</div>
</div>
</div>
<div class="insurances-item">
<div class="icon loyalty">&nbsp;</div>
<div class="text">
<div class="line1">Votre fidélité récompensée</div>
<div class="line2">Nous vous offrons de nombreux avantages dès la première commande.</div>
</div>
</div></div></div><div class="footer-newsletter__fw make__fw"><div class="footer-newsletter make__grid">

<style>
    .widget48364.sign-up-block-holder {
            background:#transparent;
                        color:#222;
        }
                
    }
    @media (min-width: 576px) {
        .widget48364 .sign-up-block-holder {
                            }
        }
    }
    </style>

<div class="sign-up-block-holder widget48364">
    <div class="sign-up-block make__grid">
        <div class="form-holder">
            
        <div>

            <div class="sign-up-title">Ne perdez pas une goutte !</div>
                            <p class="sign-up-description">Inscrivez-vous à notre newsletter pour profiter des promos et pour recevoir nos dernières nouveautés. Recevez 100 points fidélité pour toute première inscription ! Voir conditions.</p>
                        </div>
<div>

            <form class="form sign-up-form" name="sign-up-form" id="widget48364-sign-up-form">
                <div class="field">
                    <label class="label" for="widget48364-sign-up-input">
                        <span>S'inscrire</span>
                    </label>
                    <div class="control">
                        <input name="Email" type="email" id="widget48364-sign-up-input" placeholder="Votre adresse e-mail" data-validate="{required:true, 'validate-email':true}">
                    </div>
                </div>
                <div class="actions">
                    <button class="button button--primary submit-button widget48364-newsletter-signup" title="S'abonner" type="submit"  data-ua-track="true" data-ua-category="Newsletter Sign-up" data-ua-action="User Click" data-ua-label="Footer">
                        <span>S'inscrire</span>
                    </button>
                </div>
            </form>
            <div class="policy-box">
                <input type="checkbox" name="signUpConsent" class="checkbox" id="widget48364-sign-up-consent" title="J'accepte">
                <label for="widget48364-sign-up-consent">
                    <span>J'accepte les <a href="https://www.perfectdraft.com/fr-fr/conditions-generales-de-vente/" style="color:#222">Conditions Générales</a> et <a href="https://www.perfectdraft.com/fr-fr/politique-de-confidentialite/" style="color:#222">Politique de confidentialité</a></span>
                </label>
            </div>
            </div>
        </div>
    </div>
</div>

</div></div><div id="footerwrapper" class="make__fw"><div class="footer-wrapper footer-adjust"><style>
#ot-sdk-btn.ot-sdk-show-settings,#ot-sdk-btn.optanon-show-settings,#ot-sdk-btn.ot-sdk-show-settings:hover,#ot-sdk-btn.optanon-show-settings:hover{color: unset;border: unset;padding:unset;line-height:unset;font-size:unset;background-color:unset;}
#ot-sdk-btn-floating{display:none;}
</style>


<div class="footer_links_container">
    <div class="footer_links col1">
        <div class="footerNav">
            <h2 class="footerHeading">À propos de nous</h2>
            <div class="arrow-down"></div>
        </div>
        <ul class="footer-menu">
<li><a href="https://www.perfectdraft.com/fr-fr/qui-sommes-nous">À propos de PerfectDraft</a></li>
            <li><a href="https://www.ekomi.fr/avis-clients-perfectdraft.html" rel="nofollow">Avis clients</a></li>
<li><a href="https://www.perfectdraft.com/fr-fr/blog">Notre blog</a></li>
<li><a href="https://www.perfectdraft.com/fr-fr/compliance">Lignes d'assistance et conformité</a></li>
 <li><a href="https://www.perfectdraft.com/fr-fr/parrainage">Parrainage</a></li>
 <li><a href="https://www.perfectdraft.com/fr-fr/programme-fidelite">Programme de fidélité</a></li>
    </div>
    <div class="footer_links col2">
        <div class="footerNav">
            <h2 class="footerHeading">Service Clients</h2>
            <div class="arrow-down"></div>
        </div>
        <ul class="footer-menu">
<li><a href="https://support.perfectdraft.com/hc/fr" target="_blank">FAQ</a></li>
            <li><a href="https://www.perfectdraft.com/fr-fr/contact">Nous contacter</a></li>
            <li><a href="https://www.perfectdraft.com/fr-fr/historique-saveur-biere">Histoire de Saveur Bière</a></li>
            <li><a href="https://www.perfectdraft.com/fr-fr/option-de-livraison">Options de livraison</a></li>
            <li><a href="https://www.perfectdraft.com/fr-fr/retour-de-futs" title="Retour de fûts">Retour de fûts</a></li>
        </ul>
    </div>
    <div class="footer_links col3">
        <div class="footerNav">
            <h2 class="footerHeading">Conditions</h2>
            <div class="arrow-down"></div>
        </div>
        <ul class="footer-menu">
<li><a href="https://www.perfectdraft.com/fr-fr/conditions-des-offres">Conditions des offres</a></li>
<li><a href="https://www.perfectdraft.com/fr-fr/conditions-generales-de-vente">Conditions generales de vente</a></li>
            <li><a href="https://www.perfectdraft.com/fr-fr/politique-de-confidentialite">Politique de confidentialité</a></li>
            <li><a href="https://www.perfectdraft.com/fr-fr/politique-relative-aux-cookies">Politique relative aux cookies</a></li>
            <li><a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookies Settings</a></li>        
            <li><a href="https://www.perfectdraft.com/fr-fr/mentions-legales-perfectdraft-france">Mentions légales</a></li>
            <li><a href="https://www.perfectdraft.com/fr-fr/accessibilite/">Accessibilité</a></li>
        </ul>
    </div>
    <div class="footer_links col4">
        <div class="footerNav">
            <h2 class="footerHeading">Réseaux sociaux</h2>
            <div class="arrow-down"></div>
        </div>
        <ul class="footer-menu social-icons">
            <li class="social-icon"><a href="https://www.facebook.com/PerfectDraftFR" title="Facebook" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/social/Social--Facebook--Mono.svg" alt="Facebook" /></a></li>
            <li class="social-icon"><a href="https://www.instagram.com/perfectdraft_france/" title="Instagram" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/social/Social--Instagram--Mono.svg" alt="Instagram" /></a></li>
            <li class="social-icon"><a href="https://twitter.com/PerfectDraft_fr" title="Twitter" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/social/Social--Twitter--Mono.svg" alt="Twitter" /></a></li>
            <li class="social-icon"><a href="https://www.youtube.com/user/perfectdraft-france" title="YouTube" target="_blank"><img class="lazyload" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/social/Social--YouTube--Mono.svg" alt="YouTube" /></a></li>
            </li>
        </ul>
    </div>
    <div class="footer_links col5">
        <div class="footerNav">
            <h2 class="footerHeading">Notre application mobile pour votre machine</h2>
        </div>
        <div class="app-links">
            <a href="https://apps.apple.com/fr/app/perfectdraft/id1578658955?l=en" target="_blank"><img class="lazyload" height="40" width="120" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/AppStore.png" alt="Télécharger sur l&#039;App Store" /></a>
            <a href="https://play.google.com/store/apps/details?id=com.perfectdraft&hl=fr&gl=US" target="_blank"><img class="lazyload" height="40" width="120" data-src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/GooglePlay.png" alt="Obtenez le sur Google Play" /></a>
        </div> 
    </div>
    <div class="clearfix"></div>
</div><!--block: footer-payment-logos-->
<style>
  .footer__absolute .payments .payment-item {
    min-height: unset;
    max-height: 30px;
    max-width: 48px
  }

  @media screen and (min-width: 768px) {
    .footer__absolute .payments .payment-item {
      max-height: 48px;
      max-width: 62px
  }
}
</style>
<div class="footer__absolute">
  <div class="payments">
    <img class="lazyload payment-item" alt="Visa" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/visa_2x.png">
    <img class="lazyload payment-item" alt="Mastercard" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/mastercard_2x.png">
    <img class="lazyload payment-item" alt="Paypal" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/paypal_2x.png">
    <img class="lazyload payment-item" alt="Klarna" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/logos/klarna_2x.png">
  </div>
</div>
<!--/block: footer-payment-logos--><div class="copy">
    <span>&copy; 2026 PerfectDraft Limited. Tous les droits sont réservés.</span>
</div>
<div id="drinkaware" class="drinkaware"><style>
    #footerwrapper .drinkaware {
        max-width: 1200px;
        margin: 0 auto;
    }
</style>

<p>Nos tireuses à bière PerfectDraft vous offrent l'expérience ultime de la bière à domicile avec une sélection de plus de 50 références de fûts différents.</p>

<p>PerfectDraft Europe SAS est membre du programme de conformité Ecologic DEEE. Notre numéro UIN est FR044946_052XKI. Veuillez visiter le site Web <a href="https://www.ecologic-france.com/citoyens/ou-deposer-mes-dechets.html">d'Ecologic</a> pour savoir comment vous débarrasser de votre DEEE ménagers.</p>

<p>L’abus d’alcool est dangereux pour la santé, à consommer avec modération.</p>

<p>Merci de ne pas partager le contenu de ce site avec des mineurs. La consommation d’alcool est vivement déconseillée aux femmes enceintes. La vente d'alcool à des mineurs de moins de 18 ans est interdite. En accédant à nos offres, vous déclarez avoir 18 ans révolus. PerfectDraft Europe SAS, Fretin, France</p>

<div class="widget block block-static-block">
    <style>
.fr-legal-banner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.fr-legal-banner {
  width: 670px;
  max-width: 100%;
  gap: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  color: #000;
  padding: 8px;
}

.fr-legal-banner-content {
  display: flex;
  flex-direction: column;
}

.fr-legal-banner-content > * {
  text-align: center;
  width: 100%;
}

@media all and (min-width: 1024px) {
  .fr-legal-banner-container {
    flex-direction: row;
  }

  .fr-legal-banner {
    flex-direction: row;
  }

  .fr-legal-banner-content > * {
    text-align: left;
  }
}
</style>

<div class="fr-legal-banner-container">
  <div class="fr-legal-banner">
    <img alt="République Française" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/fr-fr/Legal--FrenchRepublic.png" class="lazyload">
    <div class="fr-legal-banner-content">
      <strong>Interdiction de vente de boissons alcooliques aux mineurs de moins de 18 ans</strong>
      <span>La preuve de majorité de l'acheteur est exigée au moment de la vente en ligne.</span>
      <strong>CODE DE LA SANTÉ PUBLIQUE : ART. L. 3342-1. L. 3342-3</strong>
    </div>
  </div>
  <img alt="" data-src="https://jtdtcwvg.tinifycdn.com/media/wysiwyg/fr-fr/Legal--Pregnant--Alcohol.png" class="lazyload">
</div>
</div>
</div></div></div></footer>


<!-- Wrapping template (This template is for the overall layout of the product list & filters) -->


<!-- Stats template (This template is for showing the number of results e.g "1-100 out of 500") -->

<!-- Facet template (This template is for the checkbox and label of a filter option) -->
<!-- Refinements template (This template is for currently applied filters) -->
</div><div class="account-popup-container"><div class="login-popup"><div class="customer-login__container">
    <div class="title">
        <span role="heading" aria-level="2">Connectez-vous avec un e-mail</span>
    </div>
    <div class="block-content" aria-labelledby="block-customer-login-heading">
        <form class="form form-login"
              onSubmit="event.preventDefault(); window.customerLogin(event.target);"
              method="post"
              id="login-form"
              data-mage-init='{"validation": {}}'>
            <input name="form_key" type="hidden" value="l2rVpzfRMZujm40v" />            <fieldset 
                class="fieldset login"
                aria-label="Connectez-vous avec un e-mail"
            >
                <legend class="legend visually-hidden">Connectez-vous avec un e-mail</legend>
                <div class="field email required">
                    <label class="label" for="email"><span>Adresse e-mail</span></label>
                    <div class="control">
                        <input
                            id="email"
                            class="input-text lowercase"
                            type="email"
                            title="E-mail"
                            name="login[username]"
                            value=""
                            autocomplete="username"
                            data-validate="{required:true, 'validate-email':true}"
                            onInput="window.toggleLabel(event.target)"
                        >
                    </div>
                </div>
                <div class="field password required">
                    <label for="pass" class="label"><span>Mot de passe</span></label>
                    <div class="control">
                        <input
                            id="pass"
                            class="input-text"
                            type="password"
                            title="Mot&#x20;de&#x20;passe"
                            name="login[password]"
                            autocomplete="current-password"
                            data-validate="{required:true}"
                            onInput="window.toggleLabel(event.target)"
                        >
                    </div>
                </div>
                                <div class="actions-toolbar">
                    <div class="primary">
                        <button type="submit" class="login button button--secondary button--make_fw" name="send" id="send2"><span>Connexion</span></button>
                    </div>
                    <div class="secondary">
                        <a class="action remind" href="https://www.perfectdraft.com/fr-fr/customer/account/forgotpassword/"><span>Mot de passe oublié?</span></a>
                    </div>
                                            <div class="swap-to-register">
                            <p>
                                Vous n'avez pas encore de compte?                                <button
                                    aria-label="Inscrivez-vous ici"
                                    class="button--neutral"
                                    onclick="event.preventDefault(); window.openAccountPopup && window.openAccountPopup('register')"
                                >
                                    Inscrivez-vous ici                                </button>
                            </p>
                        </div>
                                        <div class="gdpr">
                        <p>En vous connectant à votre compte, vous acceptez nos <a href="https://www.perfectdraft.com/fr-fr/conditions-generales-de-vente/"  id="js--gdpr-terms" target="_terms">Conditions Générales</a> et <a href="https://www.perfectdraft.com/fr-fr/politique-de-confidentialite/" id="js--gdpr-privacy" target="_privacy">Politique de confidentialité</a>.<br></p>
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
    
</div>
</div><div class="register-popup"><div class="block-customer-register">
    <div class="customer-register__container">
    <div class="title">
        <span role="heading" aria-level="2">Créer un compte</span>
    </div>
    <div class="block-content form__container-block" aria-labelledby="block-customer-create-heading">
                                <form
            class="form create account form-create-account"
            onSubmit="event.preventDefault(); window.customerRegister();"
            id="form-validate"
            autocomplete="on"
        >
                        <input name="form_key" type="hidden" value="l2rVpzfRMZujm40v" />            <fieldset 
                class="fieldset create info"
                aria-label="Créer un compte"
            >
                <legend class="legend visually-hidden">Créer un compte</legend>
                <input type="hidden" name="success_url" value=""/>
                <input type="hidden" name="error_url" value=""/>

                <p class="required-message">Les champs marqués d'un * sont obligatoires</p>

                <div class="field field-name-firstname required">
                    <label class="label" for="firstname">
                    <span>Prénom</span>
                    </label>
                    <div class="control">
                        <input 
                            id="firstname"    
                            type="text"
                            name="firstname"
                            autocomplete="given-name"
                            title="Prénom"
                            class="input-text required-entry"
                            data-validate="{required:true}"
                            aria-required="true"
                        />
                    </div>
                </div>

                <div class="field field-name-lastname required">
                    <label class="label" for="lastname">
                    <span>Nom de famille</span>
                    </label>
                    <div class="control">
                        <input
                            type="text" 
                            id="lastname" 
                            name="lastname" 
                            autocomplete="family-name"
                            title="Nom de famille" 
                            class="input-text required-entry" 
                            data-validate="{required:true}" 
                            aria-required="true"
                        />
                    </div>
                </div>


                                
                                
                <fieldset 
                    class="fieldset field date field-dob required populated"
                    aria-label="Date de naissance"
                >    
                    <legend class="legend visually-hidden">Date de naissance</legend>
                    <label class="label" for="customer-dob">
                        <span>Date de naissance</span>
                    </label>
                    <div class="control customer-dob">
                        <input
                            id="customer-dob"
                            type="date"
                            name="dob"
                            value=""
                            data-validate="{'required':true,'validate-date':{dateFormat:'YYYY-MM-DD'},'validate-dob':false,'validate-dob-age':{dateFormat:'YYYY-MM-DD','ge':18}}"
                            autocomplete="on"
                            maxlength="10"
                            aria-required="true"
                            onChange="window.checkInput(event)"
                        />
                    </div>
                </fieldset>     
            
                <fieldset 
                    class="fieldset field telephone"
                    aria-label="Numéro de téléphone"
                > 
                    <legend class="legend visually-hidden">Numéro de téléphone</legend>
                    <label for="pp_telephone" class="label"><span>Numéro de téléphone</span></label>
                    <div class="control">
                        <div class='phone-country-selector'>
                            <div class='phone-country'>
                                <p class='phone-country-iso2'>FR</p>
                                <select 
                                    aria-label='select phone country'
                                    id='qa--input--phone-country'
                                    onChange="window.handlePhoneCountrySelect(event.target)"
                                >
                                </select>
                                <i class='fi'></i>
                            </div>
                            <div class='phone-country-code'></div>
                        </div>
                        <input
                            type="tel"
                            name="pp_telephone"
                            id="pp_telephone"
                            autocomplete="tel-national"
                            data-validate="{'phoneInt':true}"
                            value=""
                            title="Numéro de téléphone"
                            class="input-text "
                        />
                    </div>
                </fieldset> 

            </fieldset> 

            
            <fieldset 
                class="fieldset create account" 
                data-hasrequired="* Champs obligatoires"
                aria-label="Adresse e-mail"
            >
                <legend class="legend visually-hidden">Adresse e-mail</legend>
                <div class="field email required">
                    <label for="email_address" class="label"><span>Adresse e-mail</span></label>
                    <div class="control">
                        <input type="email" name="email" id="email_address" class="input-text lowercase"
                               title="E-mail"
                               class="input-text lowercase"
                               data-validate="{required:true, 'validate-email':true}"
                               autocomplete="username">
                    </div>
                </div>
                <div class="field password required">
                    <label for="modal-password" class="label"><span>Mot de passe</span></label>
                    <div class="control">
                        <input type="password" name="password" id="modal-password" class="password-input"
                               title="Mot de passe"
                               data-password-min-length="8"
                               data-password-min-character-sets="3"
                               data-validate="{required:true, 'validate-customer-password':true}"
                               autocomplete="new-password">
                        <div id="password-strength-meter-container" data-role="password-strength-meter" aria-live="polite">
                            <div id="password-strength-meter" class="password-strength-meter">
                                Fiabilité du mot de passe:
                                <span id="password-strength-meter-label" data-role="password-strength-meter-label">
                                    Pas de mot de passe                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="field confirmation required">
                    <label for="modal-password-confirmation" class="label"><span>Confirmer le mot de passe</span></label>
                    <div class="control">
                        <input type="password" name="password_confirmation" autocomplete="new-password" title="Confirmer le mot de passe" id="modal-password-confirmation" class="input-text" data-validate="{required:true, equalTo:'#modal-password'}" />
                        <div id="password-checker-meter-container" data-role="password-checker-meter" aria-live="polite">
                            <div id="password-checker-meter" class="password-strength-meter">
                                <span class="password-checker-indicator"></span>
                                Les mots de passe correspondent:
                                <span id="password-checker-meter-label" data-role="password-strength-meter-label">
                                    Pas de mot de passe                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                                
<div class="field choice newsletter">
    <input type="checkbox" name="is_subscribed"
           title="S'inscrire aux Newsletters" id="is_subscribed" />
    <label for="is_subscribed" class="label">
        <span>S'inscrire aux Newsletters        </span>
    </label>
    <input type="hidden" name="registration_url" value="testing">
</div>
            </fieldset>
            <div class="actions-toolbar">
                <div class="primary">
                    <button type="submit" id="createAccountButton" class="button button--secondary" title="Créer un compte"><span>Créer un compte</span></button>
                </div>
                                    <div class="swap-to-login">
                        <p>Vous avez déjà un compte? 
                            <button
                                aria-label="Se connecter ici"
                                class="button--neutral"
                                onclick="event.preventDefault(); window.openAccountPopup && window.openAccountPopup('login')"
                            >
                                Se connecter ici                            </button>
                        </p>
                    </div>
                                <div class="gdpr">

                <p>En créant votre compte, vous acceptez nos <a href="https://www.perfectdraft.com/fr-fr/conditions-generales-de-vente/"  id="js--gdpr-terms" target="_terms">Conditions Générales</a>, notre <a href="https://www.perfectdraft.com/fr-fr/politique-de-confidentialite/" id="js--gdpr-privacy" target="_privacy">Politique de confidentialité</a> et nos <a href="https://www.perfectdraft.com/fr-fr/condition-programme-de-fidelite/" target="_program-fidelte">Conditions du Programme de fidélité</a><br></p>


                    <!-- <p>En créant votre compte, vous acceptez notre <a href="/terms-and-conditions" id="js--gdpr-terms" target="_terms">Conditions Générales</a>  et <a href="/privacy-policy" id="js--gdpr-privacy" target="_privacy">Politique de Confidentialité</a></p> -->
                </div>
            </div>
        </form>
    </div>
</div>


</div>
<div class="block-customer-register reasons-to-join">
    </div>
</div><div class="phone-popup"><div class="phone-validation__container">
    <form id="phone-validation-number-form" onSubmit="event.preventDefault();window.phoneValidation('submit-number');">
        <fieldset class="fieldset phone-validation-step1">
            <h3>1. Entrez votre numéro de téléphone</h3>
            <p>Ici, vous pouvez valider votre compte avec votre numéro de téléphone. Si vous n'avez pas accès à un téléphone ou si vous ne recevez pas le code, veuillez effectuer un retour standard.</p>
            <div class="phone-inputs fields">
                <div class="field required">
                    <label class="label" for="phone-validation-number"><span>Numéro de téléphone</span></label>
                    <div class="input">
                        <input
                            id="phone-validation-number"
                            class="input-text"
                            type="tel"
                            title="E-mail"
                            name="telephone_number"
                            value=""
                            autocomplete="phone-validation-number"
                            data-validate="{required:true, 'validate-number':true}"
                            onInput="window.toggleLabel(event.target);window.clearValidation(event.target.parentElement);"
                            style="pointer-events: none; opacity: 0.7;"
                        >
                        <p>s'il vous plaît entrer un numéro de téléphone valide</p>
                    </div>
                </div>
                <div class="control">
                    <button id="submit-phone-number" class="button button--primary button--make_fw" title="Send code"><span>Envoyer le code</span></button>
                </div>
            </div>
        </fieldset>
    </form>
    <hr>
    <form id="phone-validation-code-form" onSubmit="event.preventDefault();window.phoneValidation('submit-code');">
        <fieldset class="fieldset phone-validation-step2" disabled>
            <h3>2. Entrez le code reçu via SMS</h3>
            <p>
                Nous venons de vous envoyer un code de vérification par SMS, veuillez remplir le formulaire ci-dessous. Si vous n'avez rien reçu, vous pouvez demander que le code vous soit renvoyé.                <a href="#" onclick="window.phoneValidation('submit-number')">Renvoyer le code.</a>
            </p>
            <div class="phone-code-inputs fields">
                <div class="field required">
                    <label class="label" for="phone-validation-code"><span>Code de validation</span></label>
                    <div class="input">
                        <input
                            id="phone-validation-code"
                            class="input-text"
                            type="tel"
                            title="E-mail"
                            name="verify_code"
                            value=""
                            autocomplete="off"
                            data-validate="{required:true, 'validate-number':true}"
                            onInput="window.toggleLabel(event.target);window.clearValidation(event.target.parentElement);"
                        >
                        <p>Veuillez saisir un code de vérification</p>
                    </div>
                </div>
                <div class="control">
                    <button type="submit" id="submit-phone-code" class="button button--primary button--make_fw" title="Validate my account"><span>Valider mon compte</span></button>
                    <button onclick="closeBeerHawkPopup()" class="button button--primary-inv button--make_fw" title="Cancel"><span>Annuler</span></button>
                </div>
            </div>
        </fieldset>
    </form>
    
</div></div></div>    
<script>window.mfTranslationConfig={"locale":"fr_FR","store_id":"31","timestamp":1779897780};</script><script>
    var LOCALE = 'fr\u002DFR';
    var BASE_URL = 'https\u003A\u002F\u002Fwww.perfectdraft.com\u002Ffr\u002Dfr\u002F';
    var require = {
        'baseUrl': 'https\u003A\u002F\u002Fwww.perfectdraft.com\u002Fstatic\u002Fversion0.0.0.1193\u002Ffrontend\u002FBeerHawk\u002Fperfectdraft\u002Ffr_FR'
    };</script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/requirejs/require.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/mage/requirejs/mixins.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/requirejs-config.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Anowave_Ec/js/ec.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Magento_Theme/js/lazysizes.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/js/main.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/js/webview-common.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/js/recommendations.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Magento_Theme/js/beerclub.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/js/smartbanner.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/js/live-banner.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Magento_Catalog/js/webview-plp.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Bss_ProductLabel/js/bss_fields_hook.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/BeerHawk_RefillSubscribedSegment/js/products_rendering_hook_nodefer.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Algolia_AlgoliaSearch/js/internals/common.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Algolia_AlgoliaSearch/js/insights.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Algolia_AlgoliaSearch/js/hooks.js"></script><script  type="text/javascript"  src="https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/Algolia_AlgoliaSearch/js/autocomplete.js"></script><script src=https://cdn.cookielaw.org/scripttemplates/otSDKStub.js data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="056c69d7-b533-42d9-85c0-00d78713252b" ></script><script type="text/javascript">
function OptanonWrapper() { }
</script><script>
/* Temp: Embolden wallet text */
    let page = document.querySelector('body.checkout-cart-index')
    if(page) {
        let selector = '.beer-tokens-estimate p';
        elementReady(selector).then(()=>{
            let text = document.querySelector(selector).innerText.split('. ');
            let newtext = text[0] + '. <br><span style="font-weight:700;">'+ text[1]+'</span>';
            document.querySelector(selector).innerHTML = newtext;

        });
    }

    function elementReady(selector) {
        return new Promise((resolve, reject) => {
            let el = document.querySelector(selector);
            if (el) {
                resolve(el);
                return
            }
            new MutationObserver((mutationRecords, observer) => {
                Array.from(document.querySelectorAll(selector)).forEach((element) => {
                    resolve(element);
                    observer.disconnect();
                });
            })
                .observe(document.documentElement, {
                childList: true,
                subtree: true
            });
        });
    }
/* END: Embolden wallet text */



/* Temp: Order Cancellation */
const myOrders = document.querySelector('.account.sales-order-history');
if (myOrders) {
    const orderTable = document.querySelector('.order-table');
    const parentDiv = orderTable.parentNode;
    const newNode = document.createElement('p');

    newNode.style.marginBottom = "20px";
    newNode.innerHTML = 'Pour annuler votre commande, vous devez contacter notre Service Client par e-mail à l&apos;adresse suivante : <a href="mailto:help-fr@help.perfectdraft.com" style="white-space:nowrap;">help-fr@help.perfectdraft.com</a>. Veuillez noter que nous ne pouvons annuler votre commande que si le statut est « Commande acceptée ».';

    parentDiv.insertBefore(newNode, orderTable);
}
/* END: Order Cancellation */
</script><script>
/* Script to show and hide Floapay payment info in the PDP Modal */
document.addEventListener('click', (evt) => {
    // console.log(evt.target)
    let to;
    if (document.querySelector('body').classList.contains('catalog-product-view')) {
        clearTimeout(to);
        if (evt.target.classList.contains('three-x')) {
           // console.log('x3')
            to = setTimeout(() => {
               // console.log('timeout x3')
               // console.log(document.querySelector('.times-three'))
                document.querySelector('.times-four').style.display = 'none';
                document.querySelector('.times-ten').style.display = 'none';
                document.querySelector('.times-three').style.display = 'block';
            }, 550);
        }
        if (evt.target.classList.contains('four-x')) {
            //console.log('x4')
            to = setTimeout(() => {
                //console.log('timeout x4')
                //console.log(document.querySelector('.times-three'))
                document.querySelector('.times-three').style.display = 'none';
                document.querySelector('.times-ten').style.display = 'none';
                document.querySelector('.times-four').style.display = 'block';
            }, 550);
        }
        if (evt.target.classList.contains('ten-x')) {
            //console.log('x10')
            to = setTimeout(() => {
                //console.log('timeout x10')
                //console.log(document.querySelector('.times-three'))
                document.querySelector('.times-three').style.display = 'none';
                document.querySelector('.times-four').style.display = 'none';
                document.querySelector('.times-ten').style.display = 'block';
            }, 550);
        }
    }
});
/* END show and hide Floapay payment info in the PDP Modal */
</script><script>
/* Safari Temp Dialog Fix */
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
    var popupTrigger = document.activeElement;

    document.addEventListener('click', function (event) {

        if (event.target.hasAttribute('aria-expanded')) {
            popupTrigger = event.target || document.activeElement;
        }

        if (document.querySelector('.BeerHawkPopup') && event.target.hasAttribute('onclick')) {
            popupTrigger = event.target || document.activeElement;
        }

        if (document.querySelector('.popup-container') && event.target.id === 'qa--button--close-popup') {
            popupTrigger = event.target || document.activeElement;
        }

        if (event.target.classList.contains('popup-bkg')) {
            popupTrigger = event.target || document.activeElement;
        }

        if (event.target.classList.contains('shippingInfo-popup')) {
            if (event.target.classList.contains('shipping__info--header') || 
                event.target.classList.contains('shipping__info--text') ||
                event.target.classList.contains('fa-question-circle')
            ) {
                popupTrigger = event.target || document.activeElement;
            }
        }

    }, false);
}
/* Safari Temp Dialog Fix */
</script><script>
// global tracking for CMS/landing pages
document.addEventListener('DOMContentLoaded', function () {
    // only run on CMS pages
    if (document.body.classList.contains('cms-page-view')) {
        console.log('global tracking | is a CMS page');

        function validateDataObj(obj) {
            try {
                // add type checking
                if (!obj || typeof obj !== 'object') {
                    console.warn('global tracking | invalid input to validateDataObj:', obj);
                    return { valid: false };
                }

                // filter to only include non-empty values
                const validObj = Object.fromEntries(
                    Object.entries(obj).filter(([_, value]) => {
                        if (value == null) return false;
                        if (typeof value === 'string') return value.trim() !== '';
                        return true; 
                    })
                );
                
                return validObj.event 
                    ? { valid: true, data: validObj } 
                    : { valid: false };

            } catch (error) {
                console.error('global tracking | error in validateDataObj:', error);
                return { valid: false };
            }
        }

        const trackedElements = document.querySelectorAll('[data-layer]');
        console.log({trackedElements})
        if (trackedElements.length > 0) {
            trackedElements.forEach(trackedElement => {
                console.log({trackedElement})
                trackedElement.addEventListener('click', function(e) {
                    try {
                        const attributesObj = JSON.parse(trackedElement.dataset.layer),
                            resultObj = validateDataObj(attributesObj);
                        
                        if (resultObj.valid) {
                            console.log('global tracking | Valid data: ', {resultObj})
                            window.dataLayer && window.dataLayer.push(resultObj.data);
                        }
                    } catch (error) {
                        console.error('global tracking | failed to parse tracking data:', error, trackedElement);
                    }
                });
            });
        }
    }
});

</script><script>
    const helpLink = document.querySelector('.main-nav .menu-footer a.help');
    helpLink && (helpLink.href = '/fr-fr/contact');
</script><script  type="text/javascript"  data-routing="commerce=rum" defer="defer" src="https://rum.hlx.page/.rum/@adobe/helix-rum-js@^2/dist/rum-standalone.js"></script><script type="text/x-magento-init">
        {
            "*": {
                "Magento_PageCache/js/form-key-provider": {
                    "isPaginationCacheEnabled":
                        0                }
            }
        }
    </script><script data-ommit="true">

	/**
	 * Magento 2 Google Tag Manager Enhanced Ecommerce (UA) Tracking
	 *
	 * @author Anowave
	 * @see http://www.anowave.com/marketplace/magento-2-extensions/magento-2-google-tag-manager-enhanced-ecommerce-ua-tracking/
	 * @copyright 2020 Anowave
	 */

	window.dataLayer = window.dataLayer || [];

		
	AEC.Const = 
	{
		TIMING_CATEGORY_ADD_TO_CART:		'Add To Cart Time',
		TIMING_CATEGORY_REMOVE_FROM_CART:	'Remove From Cart Time',
		TIMING_CATEGORY_PRODUCT_CLICK:		'Product Detail Click Time',
		TIMING_CATEGORY_CHECKOUT:			'Checkout Time',
		TIMING_CATEGORY_CHECKOUT_STEP:		'Checkout Step Time',
		TIMING_CATEGORY_PRODUCT_WISHLIST:	'Add to Wishlist Time',
		TIMING_CATEGORY_PRODUCT_COMPARE:	'Add to Compare Time'
	};

	AEC.Const.URL 					= 'https://www.perfectdraft.com/fr-fr/';
	AEC.Const.VARIANT_DELIMITER 	= '-';
	AEC.Const.VARIANT_DELIMITER_ATT = ':';

		
	AEC.Const.CHECKOUT_STEP_SHIPPING 	= 1;
	AEC.Const.CHECKOUT_STEP_PAYMENT  	= 2;
	AEC.Const.CHECKOUT_STEP_ORDER  		= 3;

		
	AEC.Const.DIMENSION_SEARCH = 18;

	
	AEC.Const.COOKIE_DIRECTIVE 								= false;
	AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED  			= false;
	AEC.Const.COOKIE_DIRECTIVE_SEGMENT_MODE 				= false;
	AEC.Const.COOKIE_DIRECTIVE_SEGMENT_MODE_EVENTS			= ["cookieConsentGranted"];	
	AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED_EVENT 		= "cookieConsentGranted";
	AEC.Const.COOKIE_DIRECTIVE_CONSENT_DECLINE_EVENT 		= "cookieConsentDeclined";

		
	AEC.Const.CATALOG_CATEGORY_ADD_TO_CART_REDIRECT_EVENT 	= "catalogCategoryAddToCartRedirect";

		
	AEC.Message = 
	{
		confirm: 			 true,
		confirmRemoveTitle:  "Êtes-vous sûr ?",
		confirmRemove: 		 "Êtes-vous sûr que vous souhaitez retirer cet article du panier?"		
	};
			
	AEC.storeName 			= "PerfectDraft France Store View";
	AEC.currencyCode	 	= "EUR";
	AEC.useDefaultValues 	= false;
	AEC.facebook 			= false;
	AEC.facebookInitParams 	= [];
	AEC.eventCallback		= false;

		
	AEC.SUPER = [];

		
	AEC.CONFIGURABLE_SIMPLES = [];

	
	AEC.BUNDLE = {"bundles":[],"options":[]};

	
	AEC.localStorage = true;
	
</script><script data-ommit="true">

	/**
 	 * Define dataLayer[] object
	 */
	window.dataLayer = window.dataLayer || [];

	/**
	 * Define transport layer to use as fallback in case of Ad-Blockers
	 * 
	 * @copyright Anowave
	 */
	var dataLayerTransport = (function()
	{
		var data = [];
		
		return {
			data:[],
			push: function(data)
			{
				this.data.push(data);
				
				return this;
			},
			serialize: function()
			{
				return this.data;
			}
		}	
	})();
	
</script><script data-ommit="true">

	var EC = [], Purchase = [];

	/* Dynamic remarketing */
	window.google_tag_params = window.google_tag_params || {};

	/* Default pagetype */
	window.google_tag_params.ecomm_pagetype = 'home';

	/* Grouped products collection */
	window.G = [];

	/**
	 * Global revenue
	 */
	window.revenue = 0;

	/**
	 * DoubleClick
	 */
	window.DoubleClick =
	{
		DoubleClickRevenue:	 	0,
		DoubleClickTransaction: 0,
		DoubleClickQuantity: 	0
	};

	var visitor = {"visitorLoginState":"Déconnecté","visitorLifetimeValue":0,"visitorExistingCustomer":"Non","visitorType":"NOT LOGGED IN","currentStore":"PerfectDraft France Store View"};

	
	
	AEC.Cookie.visitor(visitor).push(dataLayer, false);

	
	dataLayer.push({ pageType: "home"});

</script><script data-ommit="true">AEC.Bind.apply({"performance":false})</script><script type="text/javascript">
    <!--
    window.lazySizesConfig = window.lazySizesConfig || {};
    lazySizesConfig.loadMode = 1;
    -->
</script><script type="text/javascript">

    requirejs(['jquery'], function (jQuery) {
        (function ($) {

            (function (a, c, b, e) {
            a[b] = a[b] || {}; a[b].initial = { accountCode: "BEERH11111", host: "BEERH11111.pcapredict.com" };
            a[b].on = a[b].on || function () { (a[b].onq = a[b].onq || []).push(arguments) }; var d = c.createElement("script");
            d.async = !0; d.src = e; c = c.getElementsByTagName("script")[0]; c.parentNode.insertBefore(d, c)
            })(window, document, "pca", "/" + "/BEERH11111.pcapredict.com/js/sensor.js");

            pca.magento = pca.magento || {};
            pca.magento.currentUrl = window.location.href;
            pca.magento.checkout = false;

            pca.magento.isElementVisible = function( elem ) {
                return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length );
            };

            pca.magento.setupCheckout = function(){
                pca.magento.checkout = true;
                pca.magento.doLoad();
            };

            pca.on('data', function(source, key, address, variations) {
                switch (source) {
                    case "address":
                        if (pca.magento.checkout)
                        {
                            // Because magento is using form validation on each field we need to fire a change on the fields we populate.
                            var provinceField = null;
                            for(var c = 0; c< pca.capturePlus.controls.length; c++){
                                var cont = pca.capturePlus.controls[c];
                                if(cont.key == key){
                                   for(var f = 0; f < cont.fields.length; f++){
                                       var element = pca.getElement(cont.fields[f].element);
                                       if(cont.fields[f].field === '{ProvinceName}'){
                                           provinceField = element;
                                       }
                                        pca.fire(element, 'change');
                                   }
                                }
                            }
                            if(provinceField){
                                pca.setValue(provinceField, address.ProvinceName);
                                pca.fire(provinceField, 'change');
                            }
                        }
                        break;
                }
            });

            // This bit of code was written to accommodate the Magento 2 DOM element fields with the same name and dynamic id's.
            // We are doing the equivalent of the following : 
            // 1) Recording the amount of times the address fields are on the page, e.g. How many times is the "Postcode" element on the page.
            // 2) Taking each set in turn and getting the dynamic id's that relate to the names. e.g. <input name="postcode" id="D6G65BGS" ...
            // 3) For each of those id's we rewrite the mappings for a key. Control[Index].Mappings.Postcode = BGH34DF (pseudo-code)
            // 4) Reload the controls - this should then reduce down the number of found mappings as they have been re-written to the new id's.
            var loadHitCounter = 0;
            pca.on("load", function(type, key, control){
                if(type == "capture+"){
                    for(var f = 0; f < control.fields.length; f++){
                        if(control.fields[f].element.indexOf('wait_') == 0){
                            control.fields[f].element = control.fields[f].element.replace('wait_', '');
                        }
                        if(document.getElementById(control.fields[f].element)){
                            //ignore
                        }else{
                            var elementsMatchedByName = document.getElementsByName(control.fields[f].element);

                            if(elementsMatchedByName.length > loadHitCounter){
                                control.fields[f].element = elementsMatchedByName[loadHitCounter].id;
                            }else{
                                control.fields[f].element = "wait_" + control.fields[f].element;
                            }
                        }
                    }
                    control.reload();
                    loadHitCounter++;
                }
            });

            pca.magento.reloadPCA = function() {
                if (console && console.log) console.log("Loading PCA");
                loadHitCounter = 0;
                pca.load();
            }

            pca.magento.loadPCA = function() {

                pca.magento.reloadPCA();
                
                // If you login while in the checkout and add a new address, it will show a popup view.
                var buttons = document.getElementsByTagName('button');
                for (var b = 0; b < buttons.length; b++) {
                    if (buttons[b].className.indexOf('action-show-popup') > -1) {
                        //onclick
                        $(buttons[b]).off('click.pca').on('click.pca', function(){
                            pca.magento.reloadPCA();
                        });
                    }
                }

                // Toggle button for adding billing fields on checkout single step.
                var els = document.getElementsByName('billing-address-same-as-shipping');
                if (els && els.length) {
                    for (var i=0; i < els.length; i++) {
                        //onclick
                        $(els[i]).off('click.pca').on('click.pca', function(){
                            if (this.checked === false) {
                                pca.magento.reloadPCA();
                            }
                        });
                    }                    
                }

                // Logged in user can select an address on billing screen or add a new one.
                var els = document.getElementsByName('billing_address_id');
                if (els && els.length) {
                    for (var i=0; i < els.length; i++) {
                        // onchange
                        $(els[i]).off('change.pca').on('change.pca', function(){
                            pca.magento.reloadPCA();
                        });
                    }                    
                }
                
                // This is so we can reload the mappings to find the next set of address fields.
                // NOTE - Monitor Fields and Continual Field Search could potenially remove this.
                if (pca.magento.checkout) {
                    pca.magento.checkUrlChange();
                }
            };

            pca.magento.checkUrlChange = function() {
                if (window.location.href != pca.magento.currentUrl) {
                    pca.magento.currentUrl = window.location.href;
                    window.setTimeout(pca.magento.loadPCA, 500);
                }
                else {
                    window.setTimeout(pca.magento.checkUrlChange, 1000); 
                }
            };

            // Checks for the dynamic fields are on the page - Means we will need to reload the view to perform the dynamic mapping above.
            pca.magento.dynamicMagentoFieldsExist = function() {
                
                var isDynamicRegExp = new RegExp("^[A-Z0-9]{7}$"); // Magento 2 - 7 character dynamic id's.
                var col = document.getElementsByTagName("*");

                for (var i = 0; i < col.length; i++) {
                    if (isDynamicRegExp.test(col[i].id) && pca.magento.isElementVisible(col[i])) {
                        return true;
                    }
                }
            }

            pca.magento.doLoad = function() {
                // Load when ready.                  
                if (pca && 
                    pca.platform && 
                    typeof pca.platform.elementExists === 'function' &&
                    (pca.platform.getBindingsForService("PLATFORM_CAPTUREPLUS").length > 0 
                    || pca.platform.getBindingsForService("PLATFORM_MOBILEVALIDATION").length > 0
                    || pca.platform.getBindingsForService("PLATFORM_EMAILVALIDATION").length > 0)
                    && (!pca.magento.checkout || pca.magento.dynamicMagentoFieldsExist())) { 

                    window.setTimeout(pca.magento.loadPCA, 500);
                }
                else {
                    // re-set the timeout
                    window.setTimeout(pca.magento.doLoad, 500);
                }
            };

               
        })(jQuery);
    });
  
</script><script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.perfectdraft.com\/fr-fr\/","name":"PerfectDraft Europe","about":"D\u00e9couvrez l'exp\u00e9rience ultime de la bi\u00e8re pression \u00e0 la maison avec PerfectDraft ! Commandez des f\u00fbts de bi\u00e8re et des tireuses \u00e0 bi\u00e8re PerfectDraft en ligne et faites-les livrer directement \u00e0 votre porte."}</script><script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Organization","@id":"https:\/\/www.perfectdraft.com\/fr-fr\/","name":"PerfectDraft Europe SAS","description":"D\u00e9couvrez l'exp\u00e9rience ultime de la bi\u00e8re pression \u00e0 la maison avec PerfectDraft ! Commandez des f\u00fbts de bi\u00e8re et des tireuses \u00e0 bi\u00e8re PerfectDraft en ligne et faites-les livrer directement \u00e0 votre porte.","email":"help-fr@help.perfectdraft.com","address":{"@type":"PostalAddress","addressCountry":"FR","addressLocality":"Fretin","addressRegion":"Nord","streetAddress":"132 rue du Chemin Vert","postalCode":"59273"},"sameAs":[["https:\/\/www.facebook.com\/PerfectDraftFR","https:\/\/www.instagram.com\/perfectdraft_france\/","https:\/\/twitter.com\/PerfectDraft_fr"]],"image":"https:\/\/jtdtcwvg.tinifycdn.com\/media\/seller_image\/","url":"https:\/\/www.perfectdraft.com\/fr-fr\/"}</script><script type="application/ld+json">{"@context":"http:\/\/schema.org\/","@type":"WebPage","speakable":{"@type":"SpeakableSpecification","cssSelector":[".cms-content"],"xpath":["\/html\/head\/title"]}}</script><script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=default%2CArray.prototype.includes%2CPromise" crossorigin="anonymous"></script><script>
	window.algoliaConfig = {"instant":{"enabled":true,"selector":".columns","isAddToCartEnabled":true,"addToCartParams":{"action":"https:\/\/www.perfectdraft.com\/fr-fr\/checkout\/cart\/add\/","formKey":"LKjlDLbrlvfsrDtx","redirectUrlParam":"uenc"},"infiniteScrollEnabled":true,"urlTrackedParameters":["query","attribute:*","index"],"isSearchBoxEnabled":true,"isVisualMerchEnabled":false,"categorySeparator":" \/\/\/ ","categoryPageIdAttribute":"categoryPageId","isCategoryNavigationEnabled":false,"hidePagination":false},"autocomplete":{"enabled":true,"selector":".algolia-search-input","sections":[],"nbOfProductsSuggestions":3,"nbOfCategoriesSuggestions":2,"nbOfQueriesSuggestions":5,"isDebugEnabled":false,"isNavigatorEnabled":true,"debounceMilliseconds":300,"minimumCharacters":0},"landingPage":{"query":"","configuration":"[]"},"recommend":{"enabledFBT":false,"enabledRelated":false,"enabledFBTInCart":false,"enabledRelatedInCart":false,"enabledLookingSimilar":0,"limitFBTProducts":6,"limitRelatedProducts":6,"limitTrendingItems":6,"limitLookingSimilar":6,"enabledTrendItems":0,"trendItemFacetName":null,"trendItemFacetValue":null,"isTrendItemsEnabledInPDP":0,"isTrendItemsEnabledInCartPage":0,"isAddToCartEnabledInFBT":false,"isAddToCartEnabledInRelatedProduct":false,"isAddToCartEnabledInTrendsItem":false,"isAddToCartEnabledInLookingSimilar":false,"FBTTitle":"Frequently bought together","relatedProductsTitle":"Related products","trendingItemsTitle":"Trending items","addToCartParams":{"action":"https:\/\/www.perfectdraft.com\/fr-fr\/checkout\/cart\/add\/","formKey":"LKjlDLbrlvfsrDtx","redirectUrlParam":"uenc"},"isLookingSimilarEnabledInPDP":0,"isLookingSimilarEnabledInCartPage":0,"lookingSimilarTitle":"Looking Similar"},"extensionVersion":"3.14.3","applicationId":"ADCFIF4IR3","indexName":"Live_fr_FR","apiKey":"MDkxNzA3YmZjNmRhZjBhMTkyNzBhYTQyYTk3NjA1MmExMzdmZWRkYjgyNWVhMWRkOWFhOTAxNzA5NDliZGYyMHRhZ0ZpbHRlcnM9JnZhbGlkVW50aWw9MTc4MTA3Nzg1NQ==","attributeFilter":[],"facets":[{"attribute":"all_product_type","type":"disjunctive","label":"Type de produit","searchable":"2","create_rule":"2"},{"attribute":"number_of_beers","type":"disjunctive","label":"Nombre de bi\u00e8res","searchable":"2","create_rule":"2"},{"attribute":"style","type":"disjunctive","label":"Style","searchable":"1","create_rule":"1"},{"attribute":"country","type":"disjunctive","label":" Pays","searchable":"2","create_rule":"2"},{"attribute":"brewery","type":"disjunctive","label":"Brasserie","searchable":"1","create_rule":"1"},{"attribute":"abvrange","type":"disjunctive","label":"Degr\u00e9","searchable":"2","create_rule":"2"},{"attribute":"price","type":"slider","label":"Prix","searchable":"2","create_rule":"2"},{"attribute":"in_stock","type":"conjunctive","label":"\u00c9tat des stocks","searchable":"2","create_rule":"2"}],"areCategoriesInFacets":false,"hitsPerPage":99,"sortingIndices":[{"attribute":"price","sort":"asc","sortLabel":"Prix \u200b\u200ble plus bas","virtualReplica":"0","name":"Live_fr_FR_products_price_group_0_asc","ranking":["asc(price.EUR.group_0)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Prix \u200b\u200ble plus bas"},{"attribute":"price","sort":"desc","sortLabel":"Le prix le plus \u00e9lev\u00e9","virtualReplica":"0","name":"Live_fr_FR_products_price_group_0_desc","ranking":["desc(price.EUR.group_0)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Le prix le plus \u00e9lev\u00e9"},{"attribute":"rating_summary","sort":"desc","sortLabel":"Note de l'utilisateur","virtualReplica":"0","name":"Live_fr_FR_products_rating_summary_desc","ranking":["desc(rating_summary)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Note de l'utilisateur"},{"attribute":"bestseller","sort":"desc","sortLabel":"Meilleure vente","virtualReplica":"0","name":"Live_fr_FR_products_bestseller_desc","ranking":["desc(bestseller)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Meilleure vente"},{"attribute":"created_at","sort":"desc","sortLabel":"Le plus r\u00e9cent d'abord","virtualReplica":"0","name":"Live_fr_FR_products_created_at_desc","ranking":["desc(created_at)","typo","geo","words","filters","proximity","attribute","exact","custom"],"label":"Le plus r\u00e9cent d'abord"}],"isSearchPage":false,"isCategoryPage":false,"isLandingPage":false,"removeBranding":false,"productId":null,"priceKey":".EUR.group_0","priceGroup":"group_0","origFormatedVar":"price.EUR.group_0_original_formated","tierFormatedVar":"price.EUR.group_0_tier_formated","currencyCode":"EUR","currencySymbol":"\u20ac","priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u202f","groupLength":3,"integerRequired":false},"maxValuesPerFacet":30,"autofocus":true,"resultPageUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/catalogsearch\/result\/","request":{"query":"","refinementKey":"","refinementValue":"","categoryId":"","landingPageId":"","path":"","level":"","parentCategory":"","childCategories":[],"url":"https:\/\/www.perfectdraft.com\/fr-fr\/"},"showCatsNotIncludedInNavigation":true,"showSuggestionsOnNoResultsPage":true,"baseUrl":"https:\/\/www.perfectdraft.com\/fr-fr","popularQueries":["mont blanc","bud","corona","JUPILER","fut","fut 2l","LEFFE BLONDE","retour fut","stella","hoegaarden"],"useAdaptiveImage":false,"urls":{"logo":"https:\/\/www.perfectdraft.com\/static\/version0.0.0.1193\/frontend\/BeerHawk\/perfectdraft\/fr_FR\/Algolia_AlgoliaSearch\/js\/images\/algolia-logo-blue.svg"},"cookieConfiguration":{"customerTokenCookie":"_ALGOLIA_MAGENTO_AUTH","consentCookieName":"user_allowed_save_cookie","cookieAllowButtonSelector":"#btn-cookie-allow","cookieRestrictionModeEnabled":false,"cookieDuration":"15552000000"},"ccAnalytics":{"enabled":true,"ISSelector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","conversionAnalyticsMode":"all","addToCartSelector":".action.primary.tocart","orderedProductIds":[]},"isPersonalizationEnabled":true,"personalization":{"enabled":true,"viewedEvents":{"viewProduct":{"eventName":"Viewed Product","enabled":true,"method":"viewedObjectIDs"}},"clickedEvents":{"productClicked":{"eventName":"Product Clicked","enabled":true,"selector":".ais-Hits-item a.result, .ais-InfiniteHits-item a.result","method":"clickedObjectIDs"},"productRecommended":{"eventName":"Recommended Product Clicked","enabled":false,"selector":".products-upsell .product-item","method":"clickedObjectIDs"}},"filterClicked":{"eventName":"Filter Clicked","enabled":true,"method":"clickedFilters"}},"analytics":{"enabled":false,"delay":"3000","triggerOnUiInteraction":"1","pushInitialSearch":"0"},"now":1780963200,"queue":{"isEnabled":true,"nbOfJobsToRun":100,"retryLimit":3,"nbOfElementsPerIndexingJob":300},"isPreventBackendRenderingEnabled":false,"translations":{"to":"to","or":"or","go":"Go","popularQueries":"You can try one of the popular search queries","seeAll":"See all products","allDepartments":"All departments","seeIn":"See products in","orIn":"or in","noProducts":"No products for query","noResults":"No results","refine":"Refine","selectedFilters":"Selected Filters","clearAll":"Tout effacer","previousPage":"Previous page","nextPage":"Next page","searchFor":"Recherchez des produits","relevance":"Popularit\u00e9","categories":"Categories","products":"Produits","suggestions":"Suggestions","searchBy":"Search by","searchForFacetValuesPlaceholder":"Search for other ...","showMore":"Voir plus de produits","searchTitle":"Search results for","placeholder":"Pack tireuse, F\u00fbt, Leffe, IPA ...","addToCart":"Ajouter au panier"}};

	// Update cached (due to full page cache) form_key. Not a singe place to consider!
    let formKeyFromCookies = (() => {
        let allCookies = document.cookie.split(';');
        const formDataCookieName = 'form_key';

        for (let i = 0; i < allCookies.length; i++) {
            let cookiePair = allCookies[i].split("=");

            if (formDataCookieName == cookiePair[0].trim()) {
                return decodeURIComponent(cookiePair[1]).trim();
            }
        }

        return null;
    })();

    if (formKeyFromCookies && algoliaConfig.instant && algoliaConfig.instant.addToCartParams) {
        algoliaConfig.instant.addToCartParams.formKey = formKeyFromCookies;
    }

</script><script type="text/x-magento-init">
    {
        "*": {
            "Magento_PageBuilder/js/widget-initializer": {
                "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false}},
                "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}}            }
        }
    }
</script><script type="text&#x2F;javascript">document.querySelector("#cookie-status").style.display = "none";</script><script type="text/x-magento-init">
    {
        "*": {
            "cookieStatus": {}
        }
    }
</script><script type="text/x-magento-init">
    {
        "*": {
            "mage/cookies": {
                "expires": null,
                "path": "\u002Ffr\u002Dfr",
                "domain": ".www.perfectdraft.com",
                "secure": true,
                "lifetime": "2592000"
            }
        }
    }
</script><script>
    window.cookiesConfig = window.cookiesConfig || {};
    window.cookiesConfig.secure = true;
</script><script>    require.config({
        map: {
            '*': {
                wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymceAdapter'
            }
        }
    });</script><script>    require.config({
        paths: {
            googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.53\u0026key\u003D'
        },
        config: {
            'Magento_PageBuilder/js/utils/map': {
                style: '',
            },
            'Magento_PageBuilder/js/content-type/map/preview': {
                apiKey: '',
                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.perfectdraft.com\u002Ffr\u002Dfr\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
            },
            'Magento_PageBuilder/js/form/element/map': {
                apiKey: '',
                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.perfectdraft.com\u002Ffr\u002Dfr\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
            },
        }
    });</script><script>
    require.config({
        shim: {
            'Magento_PageBuilder/js/utils/map': {
                deps: ['googleMaps']
            }
        }
    });</script><script type="text/x-magento-init">
    {
        "*": {
            "toastConfig": {}
        }
    }
</script><script type="text/x-magento-init">
{
    ".ajax-logged-in": {
        "beerhawkajaxloggedin": {}
    }
}
</script><script type="text/x-magento-init">
{
    ".ajax-logged-in": {
        "beerhawkajaxloggedin": {}
    },
    ".beer-tokens-menu-item": {
        "beerTokensCard": {}
    }
}
</script><script>
        window.checkout = {"shoppingCartUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/checkout\/cart\/","checkoutUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/checkout\/","updateItemQtyUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/","minicartMaxItemsVisible":3,"websiteId":"15","maxItemsToDisplay":10,"storeId":"31","storeGroupId":"15","customerLoginUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/customer\/account\/login\/","isRedirectRequired":false,"autocomplete":"off","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/captcha\/refresh\/","isRequired":false,"timestamp":1780991433}}};
    </script><script type="text/x-magento-init">
        {
            "*": {
                "minicartConfig": {
                    "imgPath": "https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/icons",
                    "currency": "EUR"
                },
                "Magento_Ui/js/block-loader": "https://www.perfectdraft.com/static/version0.0.0.1193/frontend/BeerHawk/perfectdraft/fr_FR/images/loader-1.gif"
            },
            "[data-block='minicart']": {
                "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":1,"display_cart_subtotal_excl_tax":0,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals","children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}}}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"children":{"clearpay.cta":{"component":"clearpayCta","template":"Clearpay_Clearpay\/cta\/cta","sortOrder":"0","config":{"id":"clearpay-cta-mini-cart","pageType":"mini-cart","modelContainerId":"clearpay-mini-cart-container"},"children":{"clearpay.cta.mini.cart.data.retriever":{"component":"Clearpay_Clearpay\/js\/service\/container\/cart\/mini-cart-data-retriever","config":{"modelContainerId":"clearpay-mini-cart-container"}}}},"clearpay.express.checkout":{"component":"clearpayExpressCheckoutButton","template":"Clearpay_Clearpay\/express-checkout\/button-minicart","sortOrder":"1","config":{"entryPoint":"mini-cart","modelContainerId":"clearpay-mini-cart-container"},"children":{"clearpay.express.checkout.mini.cart.data.retriever":{"component":"Clearpay_Clearpay\/js\/service\/container\/cart\/mini-cart-data-retriever","config":{"modelContainerId":"clearpay-mini-cart-container"}}}},"mini_cart_button":{"component":"Klarna_Kec\/js\/mini-cart-kec-button","displayArea":"miniCartButton"}},"component":"uiComponent","config":{"displayArea":"extraInfo","template":"Klarna_Kec\/mini-cart-btn"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]}            }
        }
    </script><script type="text/x-magento-init">
    {
       "#bh-notification-banners-wrapper": {
            "BeerHawk_NotificationBanner/js/notification-banner": {
                "banners_config_data": {"activatedBanners":[],"storeId":"31","storeTimezone":"Europe\/Paris"}             }
        }
    }
</script><script type="text/x-magento-init">
    {
        "*": {
            "Magento_Ui/js/core/app": {
                "components": {
                        "messages": {
                            "component": "Magento_Theme/js/view/messages"
                        }
                    }
                },
                "Magento_Theme/js/messages-clear": {}
            }
    }
</script><script type="text/x-magento-init">
    {
        "*": {
            "Magento_Customer/js/section-config": {
                "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages","company","customer"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha","customersegments"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart","ammessages"],"sales\/order\/reorder":["cart","ammessages"],"rest\/v1\/requisition_lists":["requisition"],"requisition_list\/requisition\/delete":["requisition"],"requisition_list\/item\/addtocart":["cart"],"checkout\/cart\/add":["cart","directory-data","ammessages"],"checkout\/cart\/delete":["cart","ammessages"],"checkout\/cart\/updatepost":["cart","ammessages"],"checkout\/cart\/updateitemoptions":["cart","ammessages"],"checkout\/cart\/couponpost":["cart","ammessages"],"checkout\/cart\/estimatepost":["cart","ammessages"],"checkout\/cart\/estimateupdatepost":["cart","ammessages"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items","ammessages"],"checkout\/sidebar\/removeitem":["cart","ammessages"],"checkout\/sidebar\/updateitemqty":["cart","ammessages"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase","ammessages"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha","ammessages"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data","ammessages"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase","ammessages"],"customer_order\/cart\/updatefaileditemoptions":["cart"],"checkout\/cart\/updatefaileditemoptions":["cart"],"customer_order\/cart\/advancedadd":["cart"],"checkout\/cart\/advancedadd":["cart"],"checkout\/cart\/removeallfailed":["cart"],"checkout\/cart\/removefailed":["cart"],"customer_order\/cart\/addfaileditems":["cart"],"checkout\/cart\/addfaileditems":["cart"],"customer_order\/sku\/uploadfile":["cart"],"wishlist\/index\/add":["wishlist"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"giftregistry\/index\/cart":["cart"],"giftregistry\/view\/addtocart":["cart"],"company\/company\/select":["customer-companies","cart","cart-data","checkout-data","negotiable_quote","purchase_order"],"rest\/*\/v1\/carts\/*\/po-payment-information":["cart","checkout-data","last-ordered-items"],"purchaseorder\/purchaseorder\/success":["cart","checkout-data","last-ordered-items"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"multishipping\/checkout\/overviewpost":["cart","ammessages"],"wishlist\/index\/copyitem":["wishlist"],"wishlist\/index\/copyitems":["wishlist"],"wishlist\/index\/deletewishlist":["wishlist","multiplewishlist"],"wishlist\/index\/createwishlist":["multiplewishlist"],"wishlist\/index\/editwishlist":["multiplewishlist"],"wishlist\/index\/moveitem":["wishlist"],"wishlist\/index\/moveitems":["wishlist"],"wishlist\/search\/addtocart":["cart","wishlist"],"paypal\/express\/placeorder":["cart","checkout-data","ammessages"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data","ammessages"],"paypal\/express\/onauthorization":["cart","checkout-data","ammessages"],"persistent\/index\/unsetcookie":["persistent"],"quickorder\/sku\/uploadfile\/":["cart"],"review\/product\/post":["review"],"paymentservicespaypal\/smartbuttons\/placeorder":["cart","checkout-data"],"paymentservicespaypal\/smartbuttons\/cancel":["cart","checkout-data"],"amasty_promo\/cart\/add":["cart","ammessages"],"braintree\/paypal\/placeorder":["ammessages","cart","checkout-data"],"authorizenet\/directpost_payment\/place":["ammessages"],"braintree\/googlepay\/placeorder":["cart","checkout-data"],"customer\/guest\/segment":["customersegments"],"clearpay\/payment\/capture":["cart","checkout-data","last-ordered-items"],"clearpay\/express\/placeorder":["cart","checkout-data","last-ordered-items"]},
                "clientSideSections": ["checkout-data","cart-data"],
                "baseUrls": ["https:\/\/www.perfectdraft.com\/fr-fr\/"],
                "sectionNames": ["messages","customer","compare-products","last-ordered-items","requisition","cart","directory-data","captcha","wishlist","company","company_authorization","customer-companies","negotiable_quote","purchase_order","instant-purchase","loggedAsCustomer","multiplewishlist","persistent","review","payments","ammessages","customersegments","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement"]            }
        }
    }
</script><script type="text/x-magento-init">
    {
        "*": {
            "Magento_Customer/js/customer-data": {
                "sectionLoadUrl": "https\u003A\u002F\u002Fwww.perfectdraft.com\u002Ffr\u002Dfr\u002Fcustomer\u002Fsection\u002Fload\u002F",
                "expirableSectionLifetime": 60,
                "expirableSectionNames": ["cart","persistent"],
                "cookieLifeTime": "2592000",
                "cookieDomain": "",
                "updateSessionUrl": "https\u003A\u002F\u002Fwww.perfectdraft.com\u002Ffr\u002Dfr\u002Fcustomer\u002Faccount\u002FupdateSession\u002F",
                "isLoggedIn": ""
            }
        }
    }
</script><script type="text/x-magento-init">
    {
        "*": {
            "Magento_Customer/js/invalidation-processor": {
                "invalidationRules": {
                    "website-rule": {
                        "Magento_Customer/js/invalidation-rules/website-rule": {
                            "scopeConfig": {
                                "websiteId": "15"
                            }
                        }
                    }
                }
            }
        }
    }
</script><script type="text/x-magento-init">
    {
        "body": {
            "pageCache": {"url":"https:\/\/www.perfectdraft.com\/fr-fr\/page_cache\/block\/render\/","handles":["default","cms_index_index","cms_page_view","cms_index_index_id_homepage","algolia_search_handle","blog_css"],"originalRequest":{"route":"cms","controller":"index","action":"index","uri":"\/fr-fr\/"},"versionCookieName":"private_content_version"}        }
    }
</script><script type="text/x-magento-init">
{
    "*": {
        "Magento_Banner/js/model/banner":
            {"sectionLoadUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/banner\/ajax\/load\/","cacheTtl":30000}        }
}
</script><script type="text/x-magento-init">
    {
        "*": {
            "Bss_ProductLabel/js/label":{}
        }
    }
</script><script type="text/x-magento-init">
    {
        "*": {
            "Bss_ProductLabel/js/label-productlist-page":{
            	            		"selector" : ".product"
            				}
        }
    }
</script><script>
            require(['jquery', 'domReady!'], function($){
                if ($('.mfblogunveil').length) {
                    require(['Magefan_Blog/js/lib/mfblogunveil'], function(){
                        $('.mfblogunveil').mfblogunveil();
                    });
                }
            });
        </script><script>
	window.kegDepositConfig = {"isEnabled":true,"depositKegPrice":5,"popupContent":"<style>\r\n    .krh-link:hover,.krh-link:active,.krh-link:focus {text-decoration: none;}\r\n    .deposit-value {font-size: 18px;line-height: 22px;}\r\n    @media (min-width: 768px){.deposit-value{font-size:20px;line-height:24px;}}\r\n    @media (min-width: 1025px) {.deposit-value{font-size:24px;line-height: 29px;}}\r\n<\/style>\r\n<div style=\"box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; width: 100%; min-width: 0px; padding: 16px;\"><img style=\"min-width: 0px; margin-bottom: 16px;\" data-src=\"https:\/\/assets.interdrinks.com\/_next\/static\/images\/KegReturn-45a7c0165000852ddab368c4ef30c16b.svg\" class=\"lazyload\">\r\n<div style=\"box-sizing: border-box; width: 100%; min-width: 0px; margin: 8px;\">\r\n<div class=\"deposit-value\" style=\"box-sizing: border-box; margin: 0px 0px 8px; font-weight: bold; text-align: center; width: 100%; min-width: 0px;\">1 f\u00fbt recycl\u00e9=<span style=\"box-sizing: border-box; color: rgb(205, 20, 44); width: auto; min-width: 0px;\">5\u20ac dans votre cagnotte<\/span><\/div>\r\n<div style=\"box-sizing: border-box; font-size: 16px; line-height: 24px; text-align: center; width: 100%; min-width: 0px;\">Pr\u00e9parez vos f\u00fbts vides et d\u00e9posez-les dans un des points d\u00e9di\u00e9s! Pour chaque f\u00fbt retourn\u00e9, nous vous remboursons 5\u20ac de consigne sur votre cagnotte. <strong>C'est gratuit, rapide et \u00e9cologique. <a class=\"krh-link\" style=\"box-sizing: border-box; color: rgb(28, 119, 195); width: 100%; min-width: 0px;\" title=\"\" href=\"\/fr-fr\/retour-de-futs\">En savoir plus<\/a><\/strong><\/div>\r\n<\/div>\r\n<\/div>"};
</script><script src="https://www.google.com/recaptcha/enterprise.js?render=6LcZQiUoAAAAAAO3JUjLiT470c-pNXbWyepuvMtV"></script><script>
    window.pdGoogleRecaptchaConig = {"isLoginEnabled":true,"siteKey":"6LcZQiUoAAAAAAO3JUjLiT470c-pNXbWyepuvMtV","loginActionName":"Magento\/login"};
</script><script type="text/x-magento-init" nodefer>
{
    "*": {
        "bhApp": {
            "url": "https://www.perfectdraft.com/fr-fr/bhappdata/get/index/"
        }
    }
}
</script><script type="text/x-magento-init">
{
    ".ajax-logged-in": {
        "beerhawkajaxloggedin": {
            "url": "https://www.perfectdraft.com/fr-fr/ajaxloggedin/index/index/"
        }
    },
    ".beer-tokens-banner-card-holder": {
        "beerTokensCard": {}
    }
}
</script><script type="text/template" id="instant-hit-template">
    <div class="col-md-4 col-sm-6" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">

        <meta itemprop="position" content="{{__position}}" />
        <div class="result-wrapper" itemprop="item" itemscope itemtype="http://schema.org/Product">
            <meta itemprop="url"
                {{^__queryID}} content="{{url}}" {{/__queryID}}
                {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
            />
            <meta itemprop="sku" content="{{sku}}" />
            <meta itemprop="brand" content="{{brewery}}" />
            <meta itemprop="image" content="{{image_url}}" />
            <meta itemprop="description" content="{{short_description}}" />

            <div class="result-content">

                <div class="result-thumbnail-continer">
                    <div class="result-thumbnail">
                        {{#image_url}}<img itemprop="image" data-src="{{image_url}}" aria-hidden="true" alt="{{name}}" class="lazyload" />{{/image_url}}
                        {{^image_url}}<span class="no-image" width="235" height="235"></span>{{/image_url}}

                        {{#bssImages}}
                        <img data-src="{{imageUrl}}" class="lazyload bss-label" style="{{imageStyles}}" aria-hidden="true" alt="" />
                        {{/bssImages}}

                        {{#is_free_delivery}}
                        <div class="product-free_delivery"><span>Livraison offerte</span></div>
                        {{/is_free_delivery}}
                    </div>
                </div>

                <div class="result-name-and-rating-container">
                    <h3 itemprop="name" class="result-title text-ellipsis">
                        <a class="result product__link"
                           {{^__queryID}} href="{{url}}" {{/__queryID}}
                        {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}}
                        data-objectid="{{objectID}}"
                        data-indexname="{{__indexName}}"
                        data-position="{{__position}}"
                        data-queryid="{{__queryID}}"

                        data-id="{{sku}}"
                        data-name="{{name}}"
                        data-brand="{{brewery}}"
                        data-price="{{price.EUR.group_0}}"
                        data-position="{{__position}}"
                        {{#in_stock}} data-dimension10="In Stock" {{/in_stock}}
                        {{^in_stock}} data-dimension10="Out of Stock" {{/in_stock}}
                        >
                        {{name}}
                        </a>
                    </h3>

                    <div class="ratings"{{^reviewCount}} style="opacity: 0;pointer-events:none"{{/reviewCount}}>
                        <div class="product-reviews-summary short" {{#reviewCount}}itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating"{{/reviewCount}}>
                            {{#reviewCount}}
                                <meta itemprop="reviewCount" content="{{reviewCount}}"/>
                                <meta itemprop="ratingValue" content="{{rating_summary}}%">
                            {{/reviewCount}}
                            <div class="rating-summary">
                                <span class="label">
                                    <!-- <span> -->Notation:<!-- </span> -->
                                </span>
                                <div class="rating-result" {{#reviewCount}}itemprop="ratingValue"{{/reviewCount}}>
                                    <div class="stars">
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <div class="cover" style="width: {{rating_summary_display}}%;"></div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="result-price-container">
                    {{^price.EUR.group_0_max}}
                    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price">
                        <meta itemprop="price" content="{{price.EUR.group_0}}" />
                        <meta itemprop="url"
                            {{^__queryID}} content="{{url}}" {{/__queryID}}
                            {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
                        />
                        <meta itemprop="availability" content="http://schema.org/{{schemaAvailability}}" />
                    {{/price.EUR.group_0_max}}
                    {{#price.EUR.group_0_max}}
                    <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price">
                        <meta itemprop="lowPrice" content="{{price.EUR.group_0}}" />
                        <meta itemprop="highPrice" content="{{price.EUR.group_0_max}}" />
                    {{/price.EUR.group_0_max}}
                        <meta itemprop="priceCurrency" content="EUR" />
                        <div class="price-wrapper">
                            <div class="price-wrapper-inner">
                                {{^showPriceComparison}}
                                    <span class="display_price">
                                        {{#price.EUR.group_0_original_formated}}
                                            {{price.EUR.group_0_original_formated}}
                                        {{/price.EUR.group_0_original_formated}}

                                        {{^price.EUR.group_0_original_formated}}
                                            {{price.EUR.group_0_formated}}
                                        {{/price.EUR.group_0_original_formated}}
                                    </span>
                                {{/showPriceComparison}}

                                {{#showPriceComparison}}

                                    <span class="after_special
                                        {{#price.EUR.group_0_original_formated}}
                                            promotion
                                        {{/price.EUR.group_0_original_formated}} display_price"
                                    >
                                        {{price.EUR.group_0_formated}}
                                    </span>

                                {{/showPriceComparison}}

                                <div class="price-info">
                                    {{#showPriceComparison}}
                                        <span class="before_special">
                                            {{^bundleSlashPrice}}
                                                {{#price.EUR.group_0_original_formated}}
                                                    {{price.EUR.group_0_original_formated}}
                                                {{/price.EUR.group_0_original_formated}}
                                            {{/bundleSlashPrice}}

                                            {{#bundleSlashPrice}}
                                                {{bundleSlashPrice}}
                                            {{/bundleSlashPrice}}
                                        </span>
                                    {{/showPriceComparison}}

                                                                                                        </div>

                            </div>

                            {{#1}}
                                <span class="tier_price">
                                    Aussi bas que                                    <span class="tier_value display_price">{{price.EUR.group_0_tier_formated}}</span>
                                </span>
                            {{/1}}

                            {{#ppiPrice}}
                                <span class="price-per-item">{{ppiPrice}}{{ppiString}}</span>
                            {{/ppiPrice}}

                            {{#requiresDepositKeg}}
                                <button
                                    aria-label="Consignes fûts"
                                    aria-expanded="false"
                                    class="button--neutral button--keg-deposit keg-deposit-label-wrapper"
                                    onclick="event.preventDefault(); window.showKegDepositPopup();"
                                >
                                    <span class="keg-deposit-label">{{kegDepositMessage}}</span>
                                </button>
                            {{/requiresDepositKeg}}

                        </div>
                    </div>
                </div>

                <div class="result-cart-elements-container">
                    <div class="cart-elements">
                        {{#isAddToCartEnabled}}
                        <form
                            {{#isSubscription}}
                                onSubmit="event.preventDefault(); window.buySubscription({{objectID}}, event.target.elements.qty.value);"
                            {{/isSubscription}}
                            {{^isSubscription}}
                                data-role="tocart-form"
                                action="{{ addToCart.action }}"
                                method="post"
                                onSubmit="event.preventDefault(); window.addToCart(event.target);"
                            {{/isSubscription}}
                            data-reset-form-key="{{resetFormKey}}"
                        >
                            <input type="hidden" name="queryID" value="{{__queryID}}">
                            <input type="hidden" name="product" value="{{objectID}}">
                            <input type="hidden" name="uenc" value="{{ addToCart.uenc }}">
                            <input name="form_key" type="hidden" value="{{ addToCart.formKey }}">
                            <div class="product__qty" {{#hideQtySelectors}}style="opacity:0;visibility:hidden"{{/hideQtySelectors}}>
                                <button type="button" aria-label="decrease quantity" class="qty__down fal fa-minus fa-2x qty__disabled" id="dn_{{objectID}}" {{#in_stock}}onClick="qty_change('dn', '{{objectID}}');"{{/in_stock}}></button>
                                <input data-public="true" aria-label="quantity" type="number" {{^isAvailableForCurrentCustomer}}disabled="true"{{/isAvailableForCurrentCustomer}} name="qty" class="input-text qty" maxlength="12" id="qty_{{objectID}}" data-defaultvalue="1" value="1" title="How many would you like?" onChange="qty_set('{{objectID}}')"  {{^in_stock}}disabled="disabled"{{/in_stock}} />
                                <button type="button" aria-label="increase quantity" class="qty__up fal fa-plus fa-2x {{^in_stock}}qty__disabled{{/in_stock}} {{^isAvailableForCurrentCustomer}}qty__disabled{{/isAvailableForCurrentCustomer}}" id="up_{{objectID}}" {{#in_stock}}onClick="qty_change('up','{{objectID}}');"{{/in_stock}}></button>
                            </div>
                            {{#isAvailableForCurrentCustomer}}
                            {{#isPdpLink}}
                            <a href="{{url}}" class="action button button--primary-inv pdp-link" title="{{buttonTooltip}}" {{#isOOS}}onClick="window.getProductData(event.target);"{{/isOOS}}
                            {{/isPdpLink}}
                            {{^isPdpLink}}
                            <button type="submit" title="{{buttonTooltip}}" class="button button--primary"
                            {{/isPdpLink}}
                                data-objectid="{{objectID}}"
                                data-indexname="{{__indexName}}"
                                data-position="{{__position}}"
                                data-queryid="{{__queryID}}"

                                data-id="{{sku}}"
                                data-name="{{name}}"
                                data-brand="{{brewery}}"
                                data-price="{{price.EUR.group_0}}"
                                data-category="{{category}}"
                                data-position="{{__position}}"

                            >
                            <span>{{buttonLabel}}</span>
                            {{#isPdpLink}}
                            </a>
                            {{/isPdpLink}}
                            {{^isPdpLink}}
                            </button>
                            {{/isPdpLink}}
                            {{/isAvailableForCurrentCustomer}}
                            {{^isAvailableForCurrentCustomer}}
                                {{{disabled_addtocart_description}}}
                            {{/isAvailableForCurrentCustomer}}
                        </form>
                        {{/isAddToCartEnabled}}
                    </div>
                </div>

                <div class="result-labels-and-attributes-container">

                    {{#bssTextLabels.length}}
                        <div class="bss-label-textlist bss-label-textlist-plp" style="width: 100%;">
                            {{#bssTextLabels}}
                            <div class="label-text" style="--bss-label-color: {{textColour}}; --bss-label-background-color: {{textBackgroundColour}}">
                                {{{text}}}
                            </div>
                            {{/bssTextLabels}}
                        </div>
                    {{/bssTextLabels.length}}

                    {{#showAttrTable}}
                        <div class="product-attr-labels">
                            <div class="label attr-label__size"><span>{{attr2}}</span></div>
                            <div class="label attr-label__abv"><span>{{attr1}}</span></div>
                            <div class="label attr-label__country"><span>{{attr3}}</span></div>
                        </div>
                    {{/showAttrTable}}

                </div>

            </div>

            <div class="algolia-clearfix"></div>
        </div>
    </div>
</script><script type="text/x-magento-init">
    {
        "*": {
            "PerfectDraft_ProductWidget/productSection" : {
                "sectionContainer" : "pr-products-s4pQW",
                "productIds" : "1438,1440,2615,4931",
                "kegDepositConfig": {"isEnabled":true,"depositKegPrice":5,"popupContent":"<style>\r\n    .krh-link:hover,.krh-link:active,.krh-link:focus {text-decoration: none;}\r\n    .deposit-value {font-size: 18px;line-height: 22px;}\r\n    @media (min-width: 768px){.deposit-value{font-size:20px;line-height:24px;}}\r\n    @media (min-width: 1025px) {.deposit-value{font-size:24px;line-height: 29px;}}\r\n<\/style>\r\n<div style=\"box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; width: 100%; min-width: 0px; padding: 16px;\"><img style=\"min-width: 0px; margin-bottom: 16px;\" data-src=\"https:\/\/assets.interdrinks.com\/_next\/static\/images\/KegReturn-45a7c0165000852ddab368c4ef30c16b.svg\" class=\"lazyload\">\r\n<div style=\"box-sizing: border-box; width: 100%; min-width: 0px; margin: 8px;\">\r\n<div class=\"deposit-value\" style=\"box-sizing: border-box; margin: 0px 0px 8px; font-weight: bold; text-align: center; width: 100%; min-width: 0px;\">1 f\u00fbt recycl\u00e9=<span style=\"box-sizing: border-box; color: rgb(205, 20, 44); width: auto; min-width: 0px;\">5\u20ac dans votre cagnotte<\/span><\/div>\r\n<div style=\"box-sizing: border-box; font-size: 16px; line-height: 24px; text-align: center; width: 100%; min-width: 0px;\">Pr\u00e9parez vos f\u00fbts vides et d\u00e9posez-les dans un des points d\u00e9di\u00e9s! Pour chaque f\u00fbt retourn\u00e9, nous vous remboursons 5\u20ac de consigne sur votre cagnotte. <strong>C'est gratuit, rapide et \u00e9cologique. <a class=\"krh-link\" style=\"box-sizing: border-box; color: rgb(28, 119, 195); width: 100%; min-width: 0px;\" title=\"\" href=\"\/fr-fr\/retour-de-futs\">En savoir plus<\/a><\/strong><\/div>\r\n<\/div>\r\n<\/div>"}                }
            }
        }
</script><script type="text/x-magento-init">
    {
        "[data-role=tocart-form]": {
            "catalogAddToCart": {}
        }
    }
</script><script>
    const categoryLinks = Array.from(document.querySelectorAll('.shop-categories__wrapper a'));

    Array.isArray(categoryLinks) && categoryLinks.length && categoryLinks.forEach(link => link.addEventListener('click', () => {
        window.dataLayer && window.dataLayer.push({
            'event': 'clickShopCategoriesItem',
            'categoryItem' : link.title
        });
    }));
</script><script type="text/x-magento-init">
{ 
    "*" : { 
        "emailSignUpWidget" : { 
            "uniqueID": "widget48364",
            "signUpFormSuccessMessage": "Merci pour votre inscription, vous recevrez bientôt votre email",
            "signUpFormErrorMessage": "",
            "consentCategories": "pd_pro,pd_philips,kegs",
            "consentText": "Inscrivez-vous \u00e0 notre newsletter pour profiter des promos et pour recevoir nos derni\u00e8res nouveaut\u00e9s. Recevez 100 points fid\u00e9lit\u00e9 pour toute premi\u00e8re inscription ! Voir conditions.",
            "consentType": "Explicit Opt In - Footer"
        }
    } 
}
</script><script type="text/x-magento-init">
        {
            "*": {
                "Magento_Ui/js/core/app": {
                    "components": {
                        "storage-manager": {
                            "component": "Magento_Catalog/js/storage-manager",
                            "appendTo": "",
                            "storagesConfiguration" : {"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/www.perfectdraft.com\/fr-fr\/rest\/fr_FR\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/www.perfectdraft.com\/fr-fr\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":"0"}}                        }
                    }
                }
            }
        }
</script><script data-ommit="true">

	require(['jquery'],function($)
	{
		(function($, dataLayer)
		{
			var events = 
			{
				addToCart: function()
				{
					
					AEC.ajax(this, dataLayer);
					
										
				},
				removeFromCart: function()
				{
					
					AEC.remove(this, dataLayer);
					
										
				},
				productClick: function()
				{
					
					AEC.click(this, dataLayer);
					
										
				},
				addToWishlist: function()
				{
					
					AEC.wishlist(this, dataLayer);
					
										
				},
				addToCompare: function()
				{
					
					AEC.compare(this, dataLayer);
					
										
				},
				addToCartSwatch: function()
				{
					
					AEC.ajaxSwatch(this, dataLayer);
					
									}
			};

			var b = function(events)
			{
				$.each(events, function(event, callback)
				{
					var elements = $('[data-event]').filter(function()
					{
						return $(this).data('event') == event;
					});

					elements.each(function()
					{
						$(this).off('click.ec').on('click.ec', callback);
					});
				});
			};

						
			b(events);

						
			(function(events)
			{
				$(document).ajaxComplete(function( event, request, settings ) 
				{
					b(events);
				});
			})(events);
			
		})($, dataLayer);
	});
</script><script data-ommit="true">

	require(['jquery'],function($)
	{
		$(document).ready(function()
		{
		    var PromotionTrack = (function($, dataLayer)
		    {
		        return {
		            apply: function()
		            {
		                var promotions = [], position = 0;
		
		                $('[data-promotion]').each(function()
		                {
		                    promotions.push(
	                        {
	                            id:      	$(this).data('promotion-id'),
	                            name:    	$(this).data('promotion-name'),
	                            creative:	$(this).data('promotion-creative'),
	                            position:	++position
	                        });
	
		                    $(this).on(
	                        {
	                            click: function()
	                            {
		                           	var data = 
			                        {
	                           			'event': 'promotionClick',
                                        'ecommerce': 
                                        {
                                            'promoClick': 
                                            {
                                                'promotions':
                                                [
	                                                {
		                                                'id':       $(this).data('promotion-id'),
		                                                'name':     $(this).data('promotion-name'),
		                                                'creative': $(this).data('promotion-creative'),
		                                                'position': $(this).data('promotion-position')
	                                                }
                                                ]
                                            }
                                        }
					                };
					                
	                                AEC.Cookie.promotionClick(data).push(dataLayer);

	                                /**
	                                 * Save persistent data
	                                 */
	                                AEC.Persist.push(AEC.Persist.CONST_KEY_PROMOTION,
	    	                        {
		    	                        'promotion':data.ecommerce.promoClick.promotions[0]
		    	                    });
	                            }
	                        });
		                });
		
		                if (promotions.length)
		                {
			                AEC.Cookie.promotion({
		                        'event':'promoViewNonInteractive',
	                            'ecommerce':
	                            {
	                                'promoView':
	                                {
	                                    'promotions': promotions
	                                }
	                            }
	                        }).push(dataLayer);
		                }
		
		                return this;
		            }
		        }
		    })($, dataLayer).apply();
		});
	});
</script><script data-ommit="true">

	if (typeof dataLayer !== "undefined")
	{
		
					
		
					
		
					
		
		if ('undefined' !== typeof fbq)
		{
					}

		for (a = 0, b = EC.length; a < b; a++)
		{
			EC[a].apply(this,[dataLayer]);
			EC[a].apply(this,[dataLayerTransport]);
		}

		/* AdWords Remarketing */
		if (window.google_tag_params)
		{
			(function(callback)
			{
				if (AEC.Const.COOKIE_DIRECTIVE)
				{
					if (!AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED)
					{
						AEC.CookieConsent.queue(callback);
					}
					else
					{
						callback.apply(window,[]);
					}
				}
				else 
				{
					callback.apply(window,[]);
				}
			})
			(
				(function(dataLayer)
				{
					return function()
					{
						AEC.Cookie.remarketing({'event':'fireRemarketingTag', 'google_tag_params':window.google_tag_params}).push(dataLayer);
					}
				})(dataLayer)
			);
		}

		require(['jquery'],function($)
		{
			$(window).on(
			{
				load: function()
				{
					if (!AEC.gtm())
					{
											}
				}
			});
		});

		if (typeof FB !== 'undefined') 
		{
			FB.Event.subscribe('edge.create',function(href) 
		 	{
				dataLayer.push(
				{
					'event': 			'socialInt',
					'socialNetwork': 	'Facebook',
					'socialAction': 	'Like',
					'socialTarget': 	href
				});
			});
		}

		window.sendPlus = function(g)
		{
		    dataLayer.push(
			{
		        'event': 			'socialInt',
		        'socialNetwork': 	'Google',
		        'socialAction': 	'+1',
		        'socialTarget': 	g.href
		    });
		};

		if (typeof twttr !== 'undefined') 
		{
			twttr.ready(function (twttr) 
			{
				twttr.events.bind('click', function()
				{
					dataLayer.push(
					{
						'event': 			'socialInt',
						'socialNetwork': 	'Twitter',
						'socialAction': 	'tweet',
						'socialTarget': 	window.location.href
					});
				}); 
			});
		}
	}
	else
	{
		log('dataLayer[] is not intialized. Check if GTM is installed properly');
	}
	
</script><script type="text/javascript">
    window.dataLayer = window.dataLayer || [];
    var analyticsEvents = JSON.parse("[]");
    
    for(const event of analyticsEvents){
        
        window.dataLayer.push(event);
    }
</script><script type="text/x-magento-init">
{
    "*": {
        "one-trust": {
            "onetrustGroups": []        }
    }
}
</script><script type="text/x-magento-init">
    {
        "*": {
            "BeerHawk_Gtm/js/login-track": {}
        }
    }
</script><script type="text/template" id="instant_wrapper_template">
    <div id="algolia_instant_selector"
         class=" with-facets">
        <div class="row">
            <div class="col-md-3" id="algolia-left-container">
                <div class="filters-wrapper hide-filters">
                    <div id="instant-search-facets-container" class="instant-search-facets-container">
                        <div class="filter-refinements">
                            <div class="title">Filtres sélectionnés</div>
                            <div id="current-refinements"></div>
                            <div id="clear-refinements"></div>
                        </div>
                        <div id="instant-search-facets-container-inner" class="instant-search-facets-container-inner"></div>

                    </div>
                    <button id="hide-filters-button2" class="hide-filters-button"><span>Voir les résultats</span></button>
                </div>
            </div>
            <div class="col-md-9" id="algolia-right-container">
                <div class="row">
                    <div class="col-md-12">
                        <div>
                            <div id="category-title">
                                                             </div>
                                                            <div id="keg-deposit-top-info-block-for-plp">
                                    <style>
    .category-accessoires-perfectdraft #keg-deposit-top-info-block-for-plp{display:none;}
</style>
<p>Le prix des fûts est affiché sans consigne. Le montant des consignes vous sera remboursé dès réception de vos fûts vides <a href="https://www.perfectdraft.com/fr-fr/retour-de-futs/" title="" class="krh-link" target="_blank">En savoir plus</a>.</p>                                </div>
                                                    </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div>
                            {{#second_bar}}
                               <div id="instant-search-bar"></div>
                            {{/second_bar}}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div itemscope itemtype="http://schema.org/ItemList" class="hits">
                            <div class="algolia-infos">
                            <div id="algolia-stats"></div>
                                <div class="filter-and-sort-container">
                                    <div class="sort-by-container">
                                        <label for="ais-SortBy-select" class="sort-by-label">
                                            Trier par                                        </label>
                                        <div class="sort-by-dropdown" id="algolia-sorts"></div>
                                    </div>
                                    <div id="show-filters-button">
                                        <span>Filtrer par</span>
                                        <div class="filters-applied">
                                           <span class="filters-applied-inner-text">Filters applied</span> <span class="filters-applied-inner"></span>
                                        </div>
                                        <span class="no-filters-applied">No filters applied</span>
                                    </div>
                                </div>
                            </div>
                            <div class="algolia-clearfix"></div>
                            <div id="algolia-banner"></div>
                            <div id="instant-empty-results-container"></div>
                            <div id="instant-search-results-container"></div>
                            <div class="algolia-custom-stats--showmore"></div>
                        </div>
                    </div>
                    <div class="algolia-clearfix"></div>
                </div>

                <div class="text-center">
                    <div id="instant-search-pagination-container"></div>
                </div>
            </div>
        </div>
    </div>
</script><script type="text/template" id="instant-hit-template">
    <div class="col-md-4 col-sm-6" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">

        <meta itemprop="position" content="{{__position}}" />
        <div class="result-wrapper" itemprop="item" itemscope itemtype="http://schema.org/Product">
            <meta itemprop="url"
                {{^__queryID}} content="{{url}}" {{/__queryID}}
                {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
            />
            <meta itemprop="sku" content="{{sku}}" />
            <meta itemprop="brand" content="{{brewery}}" />
            <meta itemprop="image" content="{{image_url}}" />
            <meta itemprop="description" content="{{short_description}}" />

            <div class="result-content">

                <div class="result-thumbnail-continer">
                    <div class="result-thumbnail">
                        {{#image_url}}<img itemprop="image" data-src="{{image_url}}" aria-hidden="true" alt="{{name}}" class="lazyload" />{{/image_url}}
                        {{^image_url}}<span class="no-image" width="235" height="235"></span>{{/image_url}}

                        {{#bssImages}}
                        <img data-src="{{imageUrl}}" class="lazyload bss-label" style="{{imageStyles}}" aria-hidden="true" alt="" />
                        {{/bssImages}}

                        {{#is_free_delivery}}
                        <div class="product-free_delivery"><span>Livraison offerte</span></div>
                        {{/is_free_delivery}}
                    </div>
                </div>

                <div class="result-name-and-rating-container">
                    <h3 itemprop="name" class="result-title text-ellipsis">
                        <a class="result product__link"
                           {{^__queryID}} href="{{url}}" {{/__queryID}}
                        {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}}
                        data-objectid="{{objectID}}"
                        data-indexname="{{__indexName}}"
                        data-position="{{__position}}"
                        data-queryid="{{__queryID}}"

                        data-id="{{sku}}"
                        data-name="{{name}}"
                        data-brand="{{brewery}}"
                        data-price="{{price.EUR.group_0}}"
                        data-position="{{__position}}"
                        {{#in_stock}} data-dimension10="In Stock" {{/in_stock}}
                        {{^in_stock}} data-dimension10="Out of Stock" {{/in_stock}}
                        >
                        {{name}}
                        </a>
                    </h3>

                    <div class="ratings"{{^reviewCount}} style="opacity: 0;pointer-events:none"{{/reviewCount}}>
                        <div class="product-reviews-summary short" {{#reviewCount}}itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating"{{/reviewCount}}>
                            {{#reviewCount}}
                                <meta itemprop="reviewCount" content="{{reviewCount}}"/>
                                <meta itemprop="ratingValue" content="{{rating_summary}}%">
                            {{/reviewCount}}
                            <div class="rating-summary">
                                <span class="label">
                                    <!-- <span> -->Notation:<!-- </span> -->
                                </span>
                                <div class="rating-result" {{#reviewCount}}itemprop="ratingValue"{{/reviewCount}}>
                                    <div class="stars">
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <svg width="13" height="12" viewBox="0 0 13 12"><path d="M6.24767 0.271248C6.41777 -0.0904167 6.91572 -0.0904157 7.08583 0.271249L8.68318 3.66738L12.2681 4.21398C12.6484 4.27196 12.8012 4.75462 12.5278 5.03426L9.92939 7.69193L10.5414 11.4361C10.606 11.8311 10.2041 12.1306 9.86259 11.9422L6.66675 10.1792L3.4709 11.9422C3.12935 12.1306 2.72754 11.8311 2.7921 11.4361L3.4041 7.69193L0.805712 5.03426C0.532306 4.75462 0.685113 4.27196 1.06541 4.21398L4.65032 3.66738L6.24767 0.271248Z" /></svg>
                                        <div class="cover" style="width: {{rating_summary_display}}%;"></div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="result-price-container">
                    {{^price.EUR.group_0_max}}
                    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price">
                        <meta itemprop="price" content="{{price.EUR.group_0}}" />
                        <meta itemprop="url"
                            {{^__queryID}} content="{{url}}" {{/__queryID}}
                            {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
                        />
                        <meta itemprop="availability" content="http://schema.org/{{schemaAvailability}}" />
                    {{/price.EUR.group_0_max}}
                    {{#price.EUR.group_0_max}}
                    <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price">
                        <meta itemprop="lowPrice" content="{{price.EUR.group_0}}" />
                        <meta itemprop="highPrice" content="{{price.EUR.group_0_max}}" />
                    {{/price.EUR.group_0_max}}
                        <meta itemprop="priceCurrency" content="EUR" />
                        <div class="price-wrapper">
                            <div class="price-wrapper-inner">
                                {{^showPriceComparison}}
                                    <span class="display_price">
                                        {{#price.EUR.group_0_original_formated}}
                                            {{price.EUR.group_0_original_formated}}
                                        {{/price.EUR.group_0_original_formated}}

                                        {{^price.EUR.group_0_original_formated}}
                                            {{price.EUR.group_0_formated}}
                                        {{/price.EUR.group_0_original_formated}}
                                    </span>
                                {{/showPriceComparison}}

                                {{#showPriceComparison}}

                                    <span class="after_special
                                        {{#price.EUR.group_0_original_formated}}
                                            promotion
                                        {{/price.EUR.group_0_original_formated}} display_price"
                                    >
                                        {{price.EUR.group_0_formated}}
                                    </span>

                                {{/showPriceComparison}}

                                <div class="price-info">
                                    {{#showPriceComparison}}
                                        <span class="before_special">
                                            {{^bundleSlashPrice}}
                                                {{#price.EUR.group_0_original_formated}}
                                                    {{price.EUR.group_0_original_formated}}
                                                {{/price.EUR.group_0_original_formated}}
                                            {{/bundleSlashPrice}}

                                            {{#bundleSlashPrice}}
                                                {{bundleSlashPrice}}
                                            {{/bundleSlashPrice}}
                                        </span>
                                    {{/showPriceComparison}}

                                                                                                        </div>

                            </div>

                            {{#1}}
                                <span class="tier_price">
                                    Aussi bas que                                    <span class="tier_value display_price">{{price.EUR.group_0_tier_formated}}</span>
                                </span>
                            {{/1}}

                            {{#ppiPrice}}
                                <span class="price-per-item">{{ppiPrice}}{{ppiString}}</span>
                            {{/ppiPrice}}

                            {{#requiresDepositKeg}}
                                <button
                                    aria-label="Consignes fûts"
                                    aria-expanded="false"
                                    class="button--neutral button--keg-deposit keg-deposit-label-wrapper"
                                    onclick="event.preventDefault(); window.showKegDepositPopup();"
                                >
                                    <span class="keg-deposit-label">{{kegDepositMessage}}</span>
                                </button>
                            {{/requiresDepositKeg}}

                        </div>
                    </div>
                </div>

                <div class="result-cart-elements-container">
                    <div class="cart-elements">
                        {{#isAddToCartEnabled}}
                        <form
                            {{#isSubscription}}
                                onSubmit="event.preventDefault(); window.buySubscription({{objectID}}, event.target.elements.qty.value);"
                            {{/isSubscription}}
                            {{^isSubscription}}
                                data-role="tocart-form"
                                action="{{ addToCart.action }}"
                                method="post"
                                onSubmit="event.preventDefault(); window.addToCart(event.target);"
                            {{/isSubscription}}
                            data-reset-form-key="{{resetFormKey}}"
                        >
                            <input type="hidden" name="queryID" value="{{__queryID}}">
                            <input type="hidden" name="product" value="{{objectID}}">
                            <input type="hidden" name="uenc" value="{{ addToCart.uenc }}">
                            <input name="form_key" type="hidden" value="{{ addToCart.formKey }}">
                            <div class="product__qty" {{#hideQtySelectors}}style="opacity:0;visibility:hidden"{{/hideQtySelectors}}>
                                <button type="button" aria-label="decrease quantity" class="qty__down fal fa-minus fa-2x qty__disabled" id="dn_{{objectID}}" {{#in_stock}}onClick="qty_change('dn', '{{objectID}}');"{{/in_stock}}></button>
                                <input data-public="true" aria-label="quantity" type="number" {{^isAvailableForCurrentCustomer}}disabled="true"{{/isAvailableForCurrentCustomer}} name="qty" class="input-text qty" maxlength="12" id="qty_{{objectID}}" data-defaultvalue="1" value="1" title="How many would you like?" onChange="qty_set('{{objectID}}')"  {{^in_stock}}disabled="disabled"{{/in_stock}} />
                                <button type="button" aria-label="increase quantity" class="qty__up fal fa-plus fa-2x {{^in_stock}}qty__disabled{{/in_stock}} {{^isAvailableForCurrentCustomer}}qty__disabled{{/isAvailableForCurrentCustomer}}" id="up_{{objectID}}" {{#in_stock}}onClick="qty_change('up','{{objectID}}');"{{/in_stock}}></button>
                            </div>
                            {{#isAvailableForCurrentCustomer}}
                            {{#isPdpLink}}
                            <a href="{{url}}" class="action button button--primary-inv pdp-link" title="{{buttonTooltip}}" {{#isOOS}}onClick="window.getProductData(event.target);"{{/isOOS}}
                            {{/isPdpLink}}
                            {{^isPdpLink}}
                            <button type="submit" title="{{buttonTooltip}}" class="button button--primary"
                            {{/isPdpLink}}
                                data-objectid="{{objectID}}"
                                data-indexname="{{__indexName}}"
                                data-position="{{__position}}"
                                data-queryid="{{__queryID}}"

                                data-id="{{sku}}"
                                data-name="{{name}}"
                                data-brand="{{brewery}}"
                                data-price="{{price.EUR.group_0}}"
                                data-category="{{category}}"
                                data-position="{{__position}}"

                            >
                            <span>{{buttonLabel}}</span>
                            {{#isPdpLink}}
                            </a>
                            {{/isPdpLink}}
                            {{^isPdpLink}}
                            </button>
                            {{/isPdpLink}}
                            {{/isAvailableForCurrentCustomer}}
                            {{^isAvailableForCurrentCustomer}}
                                {{{disabled_addtocart_description}}}
                            {{/isAvailableForCurrentCustomer}}
                        </form>
                        {{/isAddToCartEnabled}}
                    </div>
                </div>

                <div class="result-labels-and-attributes-container">

                    {{#bssTextLabels.length}}
                        <div class="bss-label-textlist bss-label-textlist-plp" style="width: 100%;">
                            {{#bssTextLabels}}
                            <div class="label-text" style="--bss-label-color: {{textColour}}; --bss-label-background-color: {{textBackgroundColour}}">
                                {{{text}}}
                            </div>
                            {{/bssTextLabels}}
                        </div>
                    {{/bssTextLabels.length}}

                    {{#showAttrTable}}
                        <div class="product-attr-labels">
                            <div class="label attr-label__size"><span>{{attr2}}</span></div>
                            <div class="label attr-label__abv"><span>{{attr1}}</span></div>
                            <div class="label attr-label__country"><span>{{attr3}}</span></div>
                        </div>
                    {{/showAttrTable}}

                </div>

            </div>

            <div class="algolia-clearfix"></div>
        </div>
    </div>
</script><script type="text/template" id="instant-stats-template">
    {{#hasOneResult}}<strong>1</strong> résultat found{{/hasOneResult}}

    {{#hasManyResults}}
        Articles        {{^hasNoResults}}{{first}}-{{last}} de{{/hasNoResults}}
        <span itemprop="numberOfItems">{{nbHits}}</span>
        des produits    {{/hasManyResults}}
</script><script type="text/template" id="refinements-lists-item-template">
    <label 
        class="test {{cssClasses.label}} {{#isRefined}}checked{{/isRefined}}" 
        role="group"
        aria-labelledby="ais-name-label"
    >
        <input 
            role="checkbox" 
            aria-checked="false" 
            name="{{value}} checkbox" 
            class="{{cssClasses.checkbox}}" {{#isRefined}}checked{{/isRefined}} 
            type="checkbox" 
            value="{{value}}" 
            tabindex="0"
        />
        {{value}}
        <span class="{{cssClasses.count}}">{{count}}</span>
    </label>
</script><script type="text/template" id="current-refinements-template">
    <div class="cross-wrapper">
        <span class="clear-cross clear-refinement"></span>
    </div>
    <div class="current-refinement-wrapper">
        {{#label}}
        <span class="current-refinement-label">{{label}}{{^operator}}:{{/operator}}</span>
        {{/label}}
        {{#operator}}
        {{{displayOperator}}}
        {{/operator}}
        {{#exclude}}-{{/exclude}}
        <span class="current-refinement-name">{{name}}</span>
    </div>
</script><script>
        require([
            'jquery',
            'Magento_Customer/js/customer-data',
            'mage/url',
            'mage/translate'
        ], function ($, customerData, url, $t) {

            Array.from(document.querySelectorAll('.form-login input')).map(input => window.toggleLabel && window.toggleLabel(input));

            function getSuccessTemplate(isRegistration) {
                return `
                    <div class="${isRegistration ? 'register' : 'login'}-success">
                        <div style="text-align:center;">
                            <div class="sweet-alert visible" style="display:block;">
                                <div class="sa-icon sa-success animate">
                                    <span class="sa-line sa-tip animateSuccessTip"></span><span class="sa-line sa-long animateSuccessLong"></span>
                                    <div class="sa-placeholder"></div>
                                    <div class="sa-fix"></div>
                                </div>
                            </div>

                            <h3>Vous vous êtes ${isRegistration ? 'inscrit avec succès' : 'connecté avec succès'}!</h3>

                            <div class="actions">
                                <button class="button button--${isRegistration ? 'secondary' : 'tertiary'} continue-shopping" title="Continuer vos achats" onclick="closeBeerHawkPopup()">Continuer vos achats</button>
                                <button class="button button--${isRegistration ? 'tertiary' : 'secondary'} my-account" title="Mon compte" onclick="location.href='${window.BASE_URL}customer/account/'">Mon compte</button>
                            </div>
                        </div>
                    </div>
                `;
            }

            window.sendCustomerLoginRequestAndHandleResponse = (form, email, password, metadata = {}) => {
                const isRegistration = form.classList.contains('form-create-account');

                return fetch(`${url.build('customer/ajax/login')}`, {
                    method:"POST",
                    headers: {
                        'content-type': 'application/json',
                        'x-requested-with': 'XMLHttpRequest'
                    },
                    body: JSON.stringify({
                        'username': email,
                        'password': password,
                        'metadata': metadata
                    })
                })
                .then(res => {
                    if (
                        res.status == 200 || res.status == 400 || res.status == 401 ||
                        res.status == 429 || res.status == 403 || res.status == 500
                    ) {
                        let contentType = res.headers.get('Content-Type');
                        if (contentType && contentType.includes('application/json')) {
                            return res.json();
                        }
                    }

                    return false;
                }).then(json => {
                    const button = form.querySelector('button[type="submit"]');

                    if (json && !json.errors) {
                        if (location.pathname.match(/\/login/) || location.pathname.match(/\/create/)) {
                            json.redirectUrl ?
                                location.href = json.redirectUrl :
                                location.href = `${window.BASE_URL}customer/account`;
                        } else if (!customerData || location.pathname.match(/\/cart/)) {
                            location.reload();
                        } else {
                            customerData.invalidate(['customer', 'cart', 'customersegments']);
                            window.loadBhAppData && window.loadBhAppData();
                            customerData.reload(['customer', 'cart', 'customersegments'], true);
                            openBeerHawkPopup && openBeerHawkPopup($t('Success'), getSuccessTemplate(isRegistration), '600px');
                            Array.from(document.querySelectorAll('[data-requires-login]')).map(elem => elem && (elem.removeAttribute('disabled')));
                            if (json.redirectUrl) {
                                location.href = json.redirectUrl
                            }
                        }
                    } else {
                        // TODO: check what messages are allowed to be shown to a customer (depending on the status OR some additioal field from the response body)
                        const newAjaxError = document.createElement('div');
                        newAjaxError.classList.add('ajax-response-error');
                        newAjaxError.innerText = json.message ? json.message : 'Error logging in';
                        button.parentNode.appendChild(newAjaxError);
                    }

                    button.classList.remove('button--loading');
                });
            };

            window.customerLogin = (form) => {
                const isRegistration = form.classList.contains('form-create-account');

                if (isRegistration || (!isRegistration && $("#login-form").valid())) {
                    const button = form.querySelector('button[type="submit"]'),
                          data = new FormData(form),
                          email = data.get('login[username]') || data.get('email'),
                          password = data.get('login[password]') || data.get('password'),
                          ajaxError = button.parentNode.querySelector('.ajax-response-error');

                    ajaxError && ajaxError.remove();
                    button.classList.add('button--loading');

                    if (window.pdGoogleRecaptchaConig && window.pdGoogleRecaptchaConig.isLoginEnabled) {
                        grecaptcha.enterprise.ready(function() {
                            grecaptcha.enterprise.execute(
                                window.pdGoogleRecaptchaConig.siteKey,
                                {
                                    action: window.pdGoogleRecaptchaConig.loginActionName
                                }
                            ).then(function(token) {
                                window.sendCustomerLoginRequestAndHandleResponse(form, email, password, {
                                    'recaptcha': {
                                        'token': token,
                                        'domain': window.location.origin
                                    }
                                });
                            });
                        });
                    } else {
                        window.sendCustomerLoginRequestAndHandleResponse(form, email, password);
                    }
                }
            };

        });
    </script><script>
    require([
        'jquery',
        'Magento_Customer/js/customer-data',
        'Magento_Customer/js/validation',
        'libphonenumber'
    ], function($, customerData, validation, lpn){

        !window.locale && (window.locale = 'FR');

        const dob = document.getElementById('dob');

        Array.from(document.querySelectorAll('.form-create-account input')).map(input => {
            !['hidden', 'checkbox'].includes(input.type) && input.setAttribute('onInput', 'window.toggleLabel(event.target)');
            window.toggleLabel && (input.name !== 'dob') && window.toggleLabel(input);
        });

        window.checkInput = (event) => {
            let target = event.target, value = event.target.value, maxLength = Number(target.getAttribute('maxlength'));
            if (value.length > maxLength) 
                return document.getElementById('customer-dob').value = value.substring(0, maxLength);            
        }

        !window.handlePhoneCountrySelect && (window.handlePhoneCountrySelect = (elem) => {
            const iso2 = elem.previousElementSibling,
                  code = elem.parentElement.nextElementSibling,
                  flag = elem.nextElementSibling;
            iso2 && (iso2.innerText = elem.selectedOptions[0].title);
            code && (code.innerText = '('+elem.selectedOptions[0].id+')');
            flag && (flag.classList = 'fi fi-'+elem.selectedOptions[0].title.toLowerCase());
        });

        //populate phone number field
        const populatePhoneNumber = (field) => {
            if (field && lpn && locale) {
                const getCountryName = new Intl.DisplayNames(['fr'], {type: 'region'}),
                      phoneCountries = lpn.getCountries().map(countryCode => ({code: countryCode, name: getCountryName.of(countryCode)})),
                      phoneCountrySelect = field.querySelector('select'),
                      phoneCountryFlag = field.querySelector('i'),
                      phoneCountryCode = field.querySelector('.phone-country-code');
                phoneCountries.reverse().map(country => {
                    const callingCode = `+${lpn.getCountryCallingCode(country.code)}`;
                    phoneCountrySelect.insertAdjacentHTML(
                        'afterbegin', 
                        `
                            <option 
                                id="${callingCode}"
                                title="${country.code}"
                                ${country.code == locale ? 'selected' : ''}
                            >
                                ${country.code} ${country.name}
                            </option>
                        `
                    )
                    if (country.code == locale) {
                        phoneCountryCode.innerText = `(${callingCode})`
                        phoneCountryFlag.classList = `fi fi-${country.code.toLowerCase()}`
                    }
                });
            }
        };

        populatePhoneNumber(document.querySelector('.fieldset.create .field.telephone'));
        populatePhoneNumber(document.querySelector('.fieldset.address .field.telephone'));

        jQuery(document).ready(function(event) {

            window.addTaxValidation = setInterval(() => {
                if ($.validator && $.validator.addMethod) {
                    $.validator.addMethod("validatetax", function(value, element) {
                        let isValid = false,
                            pattern = null;

                        window.locale == 'ES' && (pattern = /^[0-9XYZ][0-9]{7}[TRWAGMYFPDXBNJZSQVHLCKE]$/i);
                        window.locale == 'IT' && (pattern = /^[A-Z]{6}\d{2}[A-Z]\d{2}[A-Z]\d{3}[A-Z]$/i);

                        value && value.length && value.match(pattern) && (isValid = true);

                        return isValid;
                    }, 'Please enter a valid tax number');
                    clearInterval(window.addTaxValidation);
                }
            }, 500);

            $("#modal-password, #modal-password-confirmation").on("change paste keyup", function() {
                var firstPassInput = $("#modal-password").val();
                var secondPassInput = $("#modal-password-confirmation").val();

                if (secondPassInput.length > 0){
                    $("#modal-password-confirmation").addClass('mage-error');
                    $(".password-checker-indicator").css({
                        "max-width": "100%",
                        "width": + (secondPassInput.length / firstPassInput.length) * 100 + "%",
                        "display":"block",
                        "position":"relative",
                        "top":"0px",
                        "height":"5px",
                        "background-color":"#ffafae"
                    });
                    $("#password-checker-meter-label").html("No");

                    if (secondPassInput === firstPassInput){
                        $("#modal-password-confirmation").removeClass('mage-error');
                        $(".password-checker-indicator").css({
                            "max-width": "100%",
                            "width":"100%",
                            "display":"block",
                            "position":"relative",
                            "top":"0px",
                            "height":"5px",
                            "background-color":"#81b562"
                        });
                        $("#password-checker-meter-label").html("Yes");
                    }
                }
                else{
                    $(".password-checker-indicator").css({"width":"0%", "background-color":"#ffafae"});
                    $("#password-checker-meter-label").html("No Password");
                }
            });

        });

        window.customerRegister = () => {

            if($("#form-validate").valid()) {
                const form = document.querySelector('#form-validate'),
                    button = form.querySelector('button[type="submit"]'),
                    data = new FormData(form),
                    ajaxError = button.parentNode.querySelector('.ajax-response-error');

                const phoneCountry = document.getElementById('qa--input--phone-country').selectedOptions[0].title,
                      phoneNumber = data.get('pp_telephone') ? lpn.parsePhoneNumber(data.get('pp_telephone'), phoneCountry).number : '';

                const customer = {
                    customer: {
                        'email': `${data.get('email')}`,
                        'firstname': `${data.get('firstname')}`,
                        'lastname': `${data.get('lastname')}`,
                        'dob': `${data.get('dob')}`,
                        'extension_attributes': {
                            'is_subscribed': data.get('is_subscribed') == 'on' ? true : false
                        },
                        'custom_attributes': [
                            {
                                'attribute_code': 'pp_telephone',
                                'value': phoneNumber
                            }
                        ]
                    },
                    password: `${data.get('password')}`
                };

                const taxvat = data.get('taxvat');
                if (taxvat && taxvat.length) {
                    customer.customer.taxvat = taxvat;
                }

                ajaxError && ajaxError.remove();
                button.classList.add('button--loading');

                return fetch(`${window.BASE_URL}customer/ajax/creator`, {
                    method:"POST",
                    headers: {'content-type': 'application/json'},
                    body: JSON.stringify(customer)
                })
                .then(res => {
                    return res.json()
                        .then(json => {
                            res.status !== 200 && (json.errors = true);
                            return json;
                        })
                        .catch(err => {
                            return { errors: true, message: err.message ? err.message : false }
                        })
                })
                .then(json => {
                    if (!json.errors) {
                        if (window.customerLogin) {
                            window.customerLogin(form);
                        } else {
                            button.classList.remove('button--loading');
                        }
                    } else {
                        const newAjaxError = document.createElement('div');
                        newAjaxError.classList.add('ajax-response-error');
                        newAjaxError.innerText = json.message ? json.message : 'Error registering account';
                        button.parentNode.appendChild(newAjaxError);
                        button.classList.remove('button--loading');
                    }
                });
            }

        };

    })
</script><script type="text/x-magento-init">
    {
                "*": {
            "Magento_CustomerCustomAttributes/validation": {
                "isDobEnabled": true,
                "disableAutoComplete": false,
                "mixins": [
                    "Magento_CustomerCustomAttributes/error-placement",
                    "Magento_CustomerCustomAttributes/validation-ignore"
                ]
            }
        },
        ".field.email": {
            "Magento_CustomerCustomAttributes/validation": {}
        },
        ".field.password": {
            "passwordStrengthIndicator": {
                "formSelector": "form.form-create-account"
            }
        }
    }
</script><script>

        const successTemplate = `
            <div class="phone-validation-success">
                <div style="text-align:center;">
                    <div class="sweet-alert visible" style="display:block;">
                        <div class="sa-icon sa-success animate">
                            <span class="sa-line sa-tip animateSuccessTip"></span><span class="sa-line sa-long  animateSuccessLong"></span>
                            <div class="sa-placeholder"></div>
                            <div class="sa-fix"></div>
                        </div>
                    </div>
                    <h3>Votre numéro de téléphone a été validé!</h3>
                    <div class="actions">
                        <button class="button button--secondary close" title="Close" onclick="closeBeerHawkPopup()">
                            Fermer                        </button>
                    </div>
                </div>
            </div>
        `;

        window.clearValidation = (element) => element && element.classList && element.classList.remove('input-validation-valid', 'input-validation-invalid');

        !window.phoneValidation && (window.phoneValidation = (action) => {
            if (action && action == 'submit-number' || action == 'submit-code') {
                const formData = new FormData(document.getElementById(`phone-validation-${action == 'submit-code' ? 'code' : 'number'}-form`)),
                      field = document.querySelector(`.phone${action == 'submit-code' ? '-code' : ''}-inputs .input`),
                      button = document.getElementById(`submit-phone-${action == 'submit-code' ? 'code' : 'number'}`),
                      error = field.querySelector('p');

                formData.append("isAjax", "true");
                formData.append("formKey", "doesntMatter");

                clearValidation(field);
                error.innerText = `Please enter a ${action == 'submit-code' ? 'verification code' : 'valid phone number'}`;

                if (
                    (action == 'submit-number' && formData.get('telephone_number') && formData.get('telephone_number').length)
                    ||
                    (action == 'submit-code' && formData.get('verify_code') && formData.get('verify_code').length)
                ) {
                    button.classList.add('button--loading');
                    fetch(`${window.BASE_URL}phoneverif/${action == 'submit-code' ? 'verify' : 'send'}/code`, {
                        method: 'POST',
                        headers: { "Accept": "application/json" },
                        body: formData
                    })
                    .then(res => res.json())
                    .then(res => {
                        button.classList.remove('button--loading');
                        if (res.status == 'OK') {

                            if (res.data.appCode == 'code_sent' || res.data.appCode == 'verified') {

                                if (res.data.appCode == 'code_sent') {
                                    const number = document.getElementById('phone-validation-number'),
                                          phoneField = document.getElementById('pp_telephone');
                                    if (number && phoneField) {
                                        phoneField.setAttribute('value', `${number.value}`);
                                        phoneField.dataset.storednumber = `${number.value}`;
                                    }
                                    field.classList.add('input-validation-valid');
                                    document.querySelector('.phone-validation-step2').disabled = false;
                                }

                                if (res.data.appCode == 'verified') {
                                    document.getElementById('pp_telephone') && (document.getElementById('pp_telephone').dataset.storednumberisverified = 1);
                                    field.classList.add('input-validation-valid');
                                    window.checkPhoneIsVerified && window.checkPhoneIsVerified();
                                    openBeerHawkPopup && openBeerHawkPopup($t('Success'), successTemplate, '600px');
                                    location.reload();
                                }

                            } else {
                                res.data.appCode == 'blocked' && (error.innerText = "Ce compte est bloqué, veuillez contacter le service client");
                                res.data.appCode == 'invalid_telephone_number' && (error.innerText = "Le numéro de téléphone que vous avez soumis n'est pas valide");
                                res.data.appCode == 'landline_not_supported' && (error.innerText = "Désolé, les lignes fixes ne sont pas prises en charge, veuillez utiliser un numéro de mobile");
                                res.data.appCode == 'number_not_found' && (error.innerText = "Le numéro de téléphone que vous avez indiqué est introuvable");
                                res.data.appCode == 'invalid_verify_code' && (error.innerText = "Code invalide, veuillez soumettre un code de vérification à 6 chiffres");
                                res.data.appCode == 'not_verified' && (error.innerText = "Le code que vous avez transmis n'a pas été accepté");
                                ['max_codes_sent','max_verify_attempts'].includes(res.data.appCode) && (error.innerText = "Soumissions maximales atteintes, veuillez patienter 10 minutes et réessayer");
                                field.classList.add('input-validation-invalid');
                            }

                        } else {
                            error.innerText = "Erreur de serveur inattendu, veuillez réessayer plus tard";
                            field.classList.add('input-validation-invalid');
                        }
                    });

                } else {
                    field.classList.add('input-validation-invalid');
                }

            } else {
                console.error(`phoneValidation(); requires one of the following strings to be passed as an argument:`, ['submit-number', 'submit-code']);
            }
        });

    </script><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"fc980aaa47","applicationID":"113622373","transactionName":"ZQRRYkNSDEcCABcNXFxOclVFWg1aTAAOFxxbD1dTSRwLWgcGGw==","queueTime":0,"applicationTime":438,"atts":"SUNGFAtIHxhBAkFeSE8c","errorBeacon":"bam.nr-data.net","agent":""}</script></body>
</html>