Let's talk about your quality management system

.egg-hunt__zone{height:56px} .egg-hunt__reveal{max-height:0;overflow:hidden;transition:max-height .55s ease} .egg-hunt.is-found .egg-hunt__reveal{max-height:460px} .egg-hunt__card{position:relative;max-width:460px;margin:0 auto 12px;padding:34px 28px 30px;background:#fff;border:2px dashed #73D003;border-radius:18px;text-align:center} .egg-hunt__burst{position:absolute;left:50%;top:66px;width:0;height:0} .egg-hunt__burst i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:2px;background:var(--c);opacity:0} .egg-hunt__burst i:nth-child(2n){border-radius:50%;width:8px;height:8px} .egg-hunt.is-found .egg-hunt__burst i{animation:aglBurst .95s cubic-bezier(.2,.7,.35,1) .18s forwards} .egg-hunt.is-found .egg-hunt__burst i:nth-child(3n){animation-delay:.28s} .egg-hunt.is-found .egg-hunt__burst i:nth-child(5n){animation-delay:.36s} @keyframes aglBurst{0%{opacity:1;transform:translate(0,0) scale(.3) rotate(0)}70%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1) rotate(var(--r))}} .egg-hunt__egg{opacity:0;position:relative} .egg-hunt.is-found .egg-hunt__egg{animation:aglEgg .7s cubic-bezier(.34,1.56,.64,1) .1s both} @keyframes aglEgg{0%{opacity:0;transform:scale(.2) rotate(-20deg)}60%{opacity:1;transform:scale(1.14) rotate(7deg)}100%{opacity:1;transform:scale(1) rotate(0)}} .egg-hunt__title{margin:16px 0 6px;font-size:21px;font-weight:700;color:#1f1f1f;opacity:0} .egg-hunt__sub{margin:0;font-size:14.5px;line-height:1.55;color:#5c5c5c;opacity:0} .egg-hunt.is-found .egg-hunt__title{animation:aglFade .5s ease .45s both} .egg-hunt.is-found .egg-hunt__sub{animation:aglFade .5s ease .6s both} @keyframes aglFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){ .egg-hunt.is-found .egg-hunt__egg,.egg-hunt.is-found .egg-hunt__title,.egg-hunt.is-found .egg-hunt__sub{animation:none;opacity:1} .egg-hunt__burst{display:none} } (function () { var MOT = 'Grenoble'; // un mot present dans le paragraphe a surligner function check() { var egg = document.getElementById('egg-hunt'); var sel = document.getSelection(); if (!egg || !sel || sel.isCollapsed || !sel.rangeCount) return; if (sel.toString().indexOf(MOT) !== -1 || sel.getRangeAt(0).intersectsNode(egg)) { egg.classList.add('is-found'); } } document.addEventListener('selectionchange', check); document.addEventListener('mouseup', check); document.addEventListener('touchend', check); })();