1 2 3 4 5<!DOCTYPE html> 6<html class="no-js" lang="fr"> 7 <head> 8 9 <link rel="icon" 10 type="image/png" 11 href="https://res.cloudinary.com/opquast/image/upload/v1542709628/favicon.png" /> 12 13 <meta charset="UTF-8"> 14 <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--> 15 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 16 <meta name="description" content="" /> 17 <meta name="keywords" content="Opquast, qualité web, certification, boutique" /> 18 19
19<script> 20 (function () { 21 var theme = localStorage.getItem('opquast-theme-preference'); 22 var isLocalhost = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1'; 23 if (theme) { 24 document.documentElement.setAttribute('data-theme', theme); 25 } else if (!isLocalhost) { 26 document.documentElement.setAttribute('data-theme', 'light'); 27 } 28 })(); 29 </script>
29 30 31 <link rel="preload" href="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/fonts/geograph-regular.woff2" as="font" type="font/woff2" crossorigin> 32 <link rel="preload" href="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/fonts/geograph-bold.woff2" as="font" type="font/woff2" crossorigin> 33 34 <link rel="stylesheet" href="https://website.oqs-cdn.com/wp-content/themes/ffeeeedd-master/style.css" type="text/css" media="all" /> 35 <link rel="stylesheet" href="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/css/_variables.css" type="text/css" media="all" /> 36 <link rel="stylesheet" href="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/style.css" type="text/css" media="all" /> 37 <link rel="stylesheet" href="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/css/_components.css" type="text/css" media="all" /> 38 <link rel="stylesheet" href="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/css/style.css" type="text/css" media="all" /> 39 <link rel="stylesheet" href="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/css/nav-v2.css" type="text/css" media="all" /> 40 <link rel="stylesheet" href="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/css/css-perso.css" type="text/css" media="all" /> 41 42 <link rel="stylesheet" href="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/css/boutique-checkout.css" type="text/css" media="all" /> 43 44<!-- Orejime Cookie Consent CSS --> 45<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/orejime-standard.css"> 46<link rel="stylesheet" href="/public/css/orejime-custom.css?v=2"> 47 48 <style> 49 @font-face{font-family:"Geograph";src:url("https://website.oqs-cdn.com/wp-content/themes/opquast-v2/fonts/geograph-regular.woff2") format("woff2"),url("https://website.oqs-cdn.com/wp-content/themes/opquast-v2/fonts/geograph-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap} 50 @font-face{font-family:"Geograph";src:url("https://website.oqs-cdn.com/wp-content/themes/opquast-v2/fonts/geograph-bold.woff2") format("woff2"),url("https://website.oqs-cdn.com/wp-content/themes/opquast-v2/fonts/geograph-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap} 51 /* Reveal the Typesense dropdown (opquast-v2 ships .nav-top__autocomplete{display:none}) */ 52 .nav-top__autocomplete.is-open{display:block} 53 .topbar,.information-container,.filter-container,.scheme-container,section.models.is-open{display:none} 54 .swagger-ui .opblock.opblock-get .opblock-summary{border-color:#2f4554} 55 .swagger-ui .opblock.opblock-get .opblock-summary-method{background:#2f4554} 56 code{background-color:transparent} 57 .form-check-input{width:1em!important;height:1em!important;margin-top:.25em!important;vertical-align:top!important;background-color:#fff!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;border:1px solid rgba(0,0,0,.25)!important;appearance:none!important;print-color-adjust:exact!important} 58 input[type="checkbox"]{all:unset;appearance:auto} 59 input[type="checkbox"]:checked{background-color:#2f4554!important;border-color:#2f4554!important} 60 .c-breadcrumb__item a{color:white} 61 /* Fix: nav-main button loses its navy background on click. 62 nav-v2.css has .c-nav__btn:focus:not(:focus-visible){background:none} 63 which overrides .nav-main .c-nav__btn[aria-expanded="true"] at equal 64 specificity (0,3,0) via cascade order. Adding [aria-expanded="true"] 65 to the focus rule raises it to (0,4,0) so the open state wins. */ 66 .nav-main .c-nav__btn[aria-expanded="true"]:focus:not(:focus-visible) { 67 background: var(--opq-navy-light); 68 color: var(--opq-text-white); 69 } 70 /* Nav-top typography matches www.opquast.com â reset weights that 71 inherit 700 from a Django-side stylesheet (swagger-ui / drf-yasg). */ 72 .nav-top a{font-weight:400} 73 .nav-top__lang-btn{font-weight:600 !important} 74 /* Minimal Bootstrap-dropdown fallback for nav-top profile menu */ 75 /* (Bootstrap CSS was dropped with the opquast-v2 cascade swap; */
76 /* bootstrap.bundle.min.js still toggles the .show class). */ 77 .nav-top .dropdown{position:relative;display:inline-block} 78 .nav-top .dropdown-menu{display:none;position:absolute;right:0;top:100%;z-index:1000;min-width:10rem;margin-top:.25rem;padding:.5rem 0;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.375rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);list-style:none} 79 .nav-top .dropdown-menu.show{display:block} 80 .nav-top .dropdown-item{display:block;padding:.375rem 1rem;color:#212529;text-decoration:none;white-space:nowrap} 81 .nav-top .dropdown-item:hover,.nav-top .dropdown-item:focus{background-color:#f8f9fa;color:#1e2125} 82 .nav-top .dropdown-divider{height:0;margin:.5rem 0;border-top:1px solid rgba(0,0,0,.15)} 83 .nav-top .dropdown-header{display:block;padding:.25rem 1rem;font-size:.875rem;font-weight:600;color:#6c757d;white-space:nowrap} 84 </style> 85 <link rel="stylesheet" 86 type="text/css" 87 href="/public/drf-yasg/style.css" /> 88 <link rel="stylesheet" 89 type="text/css" 90 href="/public/drf-yasg/swagger-ui-dist/swagger-ui.css" /> 91 92
92<script type='text/javascript' 93 src='https://website.oqs-cdn.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp' 94 id='jquery-core-js'></script>
94 95 96 97 <title> 98 Opquast : Panier de commande 99 </title> 100 101<style> 102 .cart-row { 103 display: grid !important; 104 grid-template-columns: 70px 1fr 150px 110px 150px; 105 column-gap: 8px; 106 align-items: center; 107 } 108 /* Miniature générique des codes de réduction : carré gris clair (CR / DC). */ 109 .cr-badge { 110 display: inline-flex; 111 align-items: center; 112 justify-content: center; 113 width: 48px; 114 height: 48px; 115 margin: 0 auto; 116 background: #e9ecef; 117 color: #6c757d; 118 font-weight: 700; 119 font-size: 0.9rem; 120 border-radius: 4px; 121 } 122</style> 123 124 125 <meta property='og:image' 126 content='https://res.cloudinary.com/opquast/image/upload/logo-opquast.png' /> 127 128 </head> 129 <body class="home page-template-default page page-id-5 page-parent" 130 role="document" 131 itemscope 132 itemtype="http://schema.org/WebPage"> 133 134<!-- Google Tag Manager noscript (controlled by Orejime consent) --> 135<template data-purpose="gtm">
vendor: 68 bytes, lines 135-136
135 136<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
136GTM-TBG3VLXN
vendor: 83 bytes, lines 136-137
136" 137height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
138</template> 139 140 141 <svg xmlns="http://www.w3.org/2000/svg" 142 xmlns:xlink="http://www.w3.org/1999/xlink" 143 style="position: absolute; 144 width: 0; 145 height: 0" 146 aria-hidden="true" 147 id="__SVG_SPRITE_NODE__"> 148 <symbol viewBox="0 0 32 32" id="account" xmlns="http://www.w3.org/2000/svg"> 149 <path fill="currentColor" d="M15.696 1c3.766 0 6.847 3.081 6.847 6.848 0 3.766-3.08 6.848-6.847 6.848-3.767 0-6.848-3.082-6.848-6.848C8.848 4.08 11.929 1 15.696 1zm0 2.609a4.22 4.22 0 00-4.24 4.239 4.22 4.22 0 004.24 4.239 4.22 4.22 0 004.239-4.24 4.22 4.22 0 00-4.24-4.238zm0 11.739C8.11 15.348 2 21.822 2 29.696 2 30.416 2.583 31 3.304 31h24.783c.72 0 1.304-.585 1.304-1.304 0-7.874-6.11-14.348-13.695-14.348zm0 2.609c5.685 0 10.346 4.533 10.964 10.434H4.731c.618-5.901 5.28-10.434 10.965-10.434z"> 150 </path> 151 </symbol> 152 <symbol viewBox="0 0 32 32" id="facebook" xmlns="http://www.w3.org/2000/svg"> 153 <path fill="currentColor" d="M14.77 32V17.236H11v-4.714h3.77V7.814C14.77 3.917 17.239 2 20.715 2c1.664 0 3.096.124 3.512.178v4.073l-2.41.001c-1.89 0-2.331.9-2.331 2.216v4.054h4.713l-.942 4.714h-3.771L19.56 32h-4.79z"> 154 </path> 155 </symbol> 156 <symbol viewBox="0 0 32 32" id="linkedin" xmlns="http://www.w3.org/2000/svg"> 157 <path fill="currentColor" d="M8.167 29.818H2.344v-18.77h5.823zM5.256 8.485h-.038C3.264 8.485 2 7.045 2 5.243 2 3.401 3.302 2 5.294 2S8.512 3.401 8.55 5.243c0 1.801-1.264 3.242-3.294 3.242zm23.907 21.333h-5.822V19.777c0-2.524-.843-4.245-2.95-4.245-1.608 0-2.567 1.161-2.988 2.282-.153.4-.191.961-.191 1.522v10.482h-5.823s.077-17.009 0-18.77h5.823v2.658c.774-1.279 2.158-3.098 5.248-3.098 3.83 0 6.703 2.683 6.703 8.448v10.762z"> 158 </path> 159 </symbol> 160 <symbol viewBox="0 0 32 32" id="arrow" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M15.293 1.707l-1.23 1.23c-.39.39-.39 1.023 0 1.414l9.756 9.774H2a1 1 0 00-1 1v1.75a1 1 0 001 1h21.819l-9.756 9.774a1.003 1.003 0 000 1.414l1.23 1.23a1 1 0 001.414 0L31 16 16.707 1.707a1 1 0 00-1.414 0z"></path></symbol> 161 </svg> 162 <header class="c-header" role="banner"> 163 164 165 166 <!-- ===== BARRE SUPERIEURE (structure alignée sur www.opquast.com) ===== --> 167 <div class="nav-top"> 168 169 <div class="nav-top__lang-selector" id="lang-selector"> 170 <button class="nav-top__lang-btn" id="lang-btn" aria-expanded="false" aria-haspopup="true" type="button"> 171 FR 172 <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 173 <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 174 </svg> 175 </button> 176 <form id="languageform" action="/fr/i18n/setlang/" method="post"> 177 <input type="hidden" name="csrfmiddlewaretoken" value="KJBWd3IaUzjahLOLAZ5OdIyIR9bjAJYnwmawsjzGHMlH9ySu2ZwaGs7UI1QvYeRG"> 178 <input name="next" type="hidden" value=""> 179 <input type="hidden" id="language" name="language" value=""> 180 </form> 181 <ul class="nav-top__lang-dropdown" id="lang-dropdown"> 182 183 <li class="is-current"> 184 <a href="#" 185 data-lang="fr" 186 hreflang="fr" 187 lang="fr"> 188 <span class="lang-code">FR</span> 189 français 190 </a> 191 </li> 192 193 <li> 194 <a href="#" 195 data-lang="en" 196 hreflang="en" 197 lang="en"> 198 <span class="lang-code">EN</span> 199 English 200 </a> 201 </li> 202 203 <li> 204 <a href="#" 205 data-lang="es" 206 hreflang="es" 207 lang="es">
208 <span class="lang-code">ES</span> 209 español 210 </a> 211 </li> 212 213 </ul> 214 </div> 215
215<script> 216 // Language switch form submit (open/close toggle is handled by 217 // opquast-v2 script.js initLangSelector()). 218 (function () { 219 var dd = document.getElementById('lang-dropdown'); 220 var inp = document.getElementById('language'); 221 var form = document.getElementById('languageform'); 222 if (!dd || !inp || !form) return; 223 dd.querySelectorAll('a[data-lang]').forEach(function (a) { 224 a.addEventListener('click', function (e) { 225 e.preventDefault(); 226 inp.value = a.getAttribute('data-lang'); 227 form.submit(); 228 }); 229 }); 230 })(); 231 </script>
231 232 233 234 235 <nav class="nav-top__skip-links" aria-label="Liens d'évitement"> 236 <a href="#content" class="nav-top__skip-link">Aller au contenu</a> 237 <a href="#navigation" class="nav-top__skip-link">Aller au menu</a> 238 <a href="#search" class="nav-top__skip-link">Aller à la recherche</a> 239 </nav> 240 241 <div class="nav-top__right"> 242 <div class="nav-top__zone"> 243 <button class="nav-top__theme-toggle" id="theme-toggle" type="button" aria-pressed="false" aria-label="Activer le mode sombre"> 244 <svg class="theme-toggle__icon theme-toggle__icon--sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 245 <circle cx="12" cy="12" r="5"></circle> 246 <path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"></path> 247 </svg> 248 <svg class="theme-toggle__icon theme-toggle__icon--moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 249 <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path> 250 </svg> 251 </button> 252 </div> 253 254 <span class="nav-top__separator" aria-hidden="true"></span> 255 256 <div class="nav-top__zone"> 257 <nav class="nav-top__links" aria-label="Accès rapide"> 258 <li><a href="https://opquast.com/a-propos/news/">News</a></li> 259 <li><a href="https://opquast.com/a-propos/faq/">FAQ</a></li> 260 <li><a href="https://opquast.com/boutique/">Boutique</a></li> 261 <li><a href="https://opquast.com/a-propos/contact/">Contact</a></li> 262 <li><a href="https://opquast.com/a-propos/">à propos</a></li> 263 </nav> 264 </div> 265 266 <span class="nav-top__separator" aria-hidden="true"></span> 267 268 <div class="nav-top__zone"> 269 <form class="nav-top__search" 270 id="search" 271 role="search" 272 action="https://opquast.com/" 273 method="get"> 274 <label for="nav-top-search-input" class="screen-reader-text">Chercher dans Opquast</label> 275 <input type="search" 276 id="nav-top-search-input" 277 class="nav-top__search-input" 278 name="s" 279 autocomplete="off" 280 placeholder="Chercher dans Opquast"> 281 <button type="submit" 282 class="nav-top__search-btn" 283 id="nav-top-search-btn" 284 aria-label="Rechercher"> 285 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 286 <circle cx="11" cy="11" r="8"></circle> 287 <line x1="21" y1="21" x2="16.65" y2="16.65"></line> 288 </svg> 289 </button> 290 <div id="nav-top-autocomplete" class="nav-top__autocomplete"></div> 291 </form> 292 </div> 293 294 <span class="nav-top__separator" aria-hidden="true"></span> 295 296 <div class="nav-top__zone"> 297 298 <a class="nav-top__cart" href="/fr/cart/" data-cart-widget data-count="0" 299 data-cart-label="Voir le panier ({n} article(s))" 300 aria-label="Voir le panier (0 article(s))"> 301 Panier (<span data-cart-count>0</span>) 302 </a> 303 </div> 304 305 <span class="nav-top__separator" aria-hidden="true"></span> 306 307 <div class="nav-top__zone"> 308 309 310 <a href="/accounts/login/?next=https%3A//shop.opquast.com/fr/cart/" 311 class="nav-top__login" 312 id="cta-account-login" 313 data-gtm-action="account-login" 314 aria-label="Se connecter à mon compte Opquast" 315 title="Se connecter"> 316 <svg width="22" height="22" viewBox="0 0 32 32" aria-hidden="true" focusable="false">
317 <path fill="currentColor" d="M15.696 1c3.766 0 6.847 3.081 6.847 6.848 0 3.766-3.08 6.848-6.847 6.848-3.767 0-6.848-3.082-6.848-6.848C8.848 4.08 11.929 1 15.696 1zm0 2.609a4.22 4.22 0 00-4.24 4.239 4.22 4.22 0 004.24 4.239 4.22 4.22 0 004.239-4.24 4.22 4.22 0 00-4.24-4.238zm0 11.739C8.11 15.348 2 21.822 2 29.696 2 30.416 2.583 31 3.304 31h24.783c.72 0 1.304-.585 1.304-1.304 0-7.874-6.11-14.348-13.695-14.348zm0 2.609c5.685 0 10.346 4.533 10.964 10.434H4.731c.618-5.901 5.28-10.434 10.965-10.434z"/> 318 <text x="23" y="10" font-family="system-ui,sans-serif" font-size="15" font-weight="900" fill="currentColor">?</text> 319 </svg> 320 </a> 321 322 323 </div> 324 </div><!-- /.nav-top__right --> 325 </div><!-- /.nav-top --> 326 327 <!-- ===== NAV PRINCIPALE (depuis le flux RSS opquast-v2) ===== --> 328 <nav class="nav-main" id="navigation"><div class="nav-logo-wrapper"><a class="nav-logo" href="https://www.opquast.com"><img alt="" class="nav-logo__img nav-logo__img--light" src="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/images/opquast.svg" /><img alt="" class="nav-logo__img nav-logo__img--dark" src="https://website.oqs-cdn.com/wp-content/themes/opquast-v2/images/opquast-white.svg" /></a><span class="screen-reader-text">Formation et Certification Qualité Numérique</span></div><button class="burger-btn"><span class="burger-btn__line"></span><span class="burger-btn__text">Menu</span><span class="burger-btn__line"></span></button><ul class="nav-links" id="nav-links-menu"> 329<!-- DEBUG OQ-MENU: Title: Votre profil | LinkTitle Raw: 1426455 | ItemID Resolved: 1426455 | CurrentID: 0 | Is Ancestor: NO | Page For Posts: 0 | Active Class: --> 330 <li class="c-nav__item has-dropdown"> 331 <button class="c-nav__btn / js-show-submenu" type="button">Votre profil</button> <div class="c-nav__panel"> 332 <div class="c-nav__category"> 333 <span class="c-h4">Opquast pour votre métier</span><div><p>Les ressources, les formations et la certification Opquast sont utiles à de multiples métiers. Elles fournissent un socle de culture et de vocabulaire communs pour mieux travailler ensemble ou avec des outils d’intelligence artificielle. </p> 334</div> </div> 335 336 <ul class="c-nav__sublist"><li class="c-nav__subitem"><a class="c-nav__sublink">Votre profil</a> 337<ul class="sub-menu"> 338 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/entreprises-et-grands-comptes/">Entreprises et grands comptes</a></li> 339 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/agences-et-esn/">Agences et ESN</a></li> 340 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/acteurs-publics-et-collectivites/">Acteurs publics et collectivités</a></li> 341 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/ecoles-et-centres-de-formation/">Ãcoles et centres de formation</a></li> 342</ul> 343</li> 344<li class="c-nav__subitem"><a class="c-nav__sublink" style="cursor: default;">Votre métier</a> 345<ul class="sub-menu"> 346 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/product-owner/">Product Owner</a></li> 347 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/chefs-de-projets-passez-la-certification-opquast/">Chefs de projets</a></li> 348 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/designer-ux-ui/">Designer UX/UI</a></li> 349 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/developpeur/">Développeur</a></li> 350 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/redacteur/">Rédacteur web</a></li> 351 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/manager-commercial/">Manager Commercial</a></li> 352 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/resp-formation/">Responsable formation</a></li> 353 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/delivery-managers/">Delivery Manager</a></li> 354</ul> 355</li> 356<li class="c-nav__subitem"><a class="c-nav__sublink" style="cursor: default;">Statuts spécifiques</a> 357<ul class="sub-menu"> 358 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/statuts/salaries-financez-votre-certification-qualite-numerique/">Professionnels en poste</a></li> 359 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/statuts/agents-publics-financez-votre-certification-qualite-numerique/">Fonctionnaires et agents publics</a></li> 360 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/statuts/demandeurs-demploi-financez-votre-certification-qualite-numerique/">Demandeurs d’emploi</a></li> 361 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/statuts/freelances-financez-votre-certification-qualite-numerique/">Freelances</a></li> 362 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/metiers/statuts/etudiants-financez-votre-certification-qualite-numerique/">Ãtudiants</a></li> 363</ul> 364</li> 365</ul> <div class="c-nav__highlight"> 366 <div></div>
366 </div> 367 </div> 368 </li> 369 370<!-- DEBUG OQ-MENU: Title: Ressources | LinkTitle Raw: 1428289 | ItemID Resolved: 1428289 | CurrentID: 0 | Is Ancestor: NO | Page For Posts: 0 | Active Class: --> 371 <li class="c-nav__item has-dropdown"> 372 <button class="c-nav__btn / js-show-submenu" type="button">Ressources</button> <div class="c-nav__panel"> 373 <div class="c-nav__category"> 374 <span class="c-h4">Toutes nos ressources</span><div><p>Depuis 25 ans, Opquast produit des contenus, des modèles, des articles, des référentiels qui contribuent à améliorer le numérique. </p> 375</div> </div> 376 377 <ul class="c-nav__sublist"><li class="c-nav__subitem"><a class="c-nav__sublink">Référentiel</a> 378<ul class="sub-menu"> 379 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://checklists.opquast.com/fr/qualite-numerique/">Référentiel Qualité – 245 règles</a></li> 380 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/vptcs/">Le modèle VPTCS</a></li> 381 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/glossaire/">Le glossaire</a></li> 382</ul> 383</li> 384<li class="c-nav__subitem"><a class="c-nav__sublink">Contenus</a> 385<ul class="sub-menu"> 386 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/">Toutes les ressources Opquast</a></li> 387 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/test-10-questions/">Mini-quiz : Qualité numérique et Opquast</a></li> 388 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/qualite-web-le-livre/">Qualité et conformité numérique : le livre</a></li> 389 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/les-fondamentaux-du-projet-opquast/">Opquast : les fondamentaux</a></li> 390 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/cahiers-des-charges-et-appels-doffres-exigences-qualite-et-references/">Annexe aux cahiers des charges</a></li> 391 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/newsletter/">Newsletter Opquast â Qualité Numérique</a></li> 392</ul> 393</li> 394<li class="c-nav__subitem"><a class="c-nav__sublink">Outils</a> 395<ul class="sub-menu"> 396 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/e-services-manager-pilotage-de-parc-de-services-numeriques/">E-services manager â Pilotage de parc de services numériques</a></li> 397 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://mcp.opquast.com/">MCP (Model Context Protocol)</a></li> 398 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://api.opquast.com">API Opquast</a></li> 399 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/ressources/outils/">Outils de lâécosystème</a></li> 400</ul> 401</li> 402</ul> <div class="c-nav__highlight"> 403 <div></div> </div> 404 </div> 405 </li> 406 407<!-- DEBUG OQ-MENU: Title: Certification | LinkTitle Raw: 14 | ItemID Resolved: 14 | CurrentID: 0 | Is Ancestor: NO | Page For Posts: 0 | Active Class: --> 408 <li class="c-nav__item has-dropdown"> 409 <button class="c-nav__btn / js-show-submenu" type="button">Certification</button> <div class="c-nav__panel"> 410 <div class="c-nav__category"> 411 <span class="c-h4">Certification</span><div><p>Opquast, c’est plusieurs milliers de certifiés, des agences, des écoles, des sociétés, des outils, des canaux de communication, bref, une communauté décidée à rendre le web meilleur. </p> 412</div> </div> 413 414 <ul class="c-nav__sublist"><li class="c-nav__subitem"><a class="c-nav__sublink" style="cursor: default;">Découvrir la certification</a> 415<ul class="sub-menu"> 416 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/certification/opquast-start/">Formation gratuite : module Opquast start</a></li> 417 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/certification/">Certification Opquast</a></li> 418 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/certification/pre-requis-conseils/">Quel score viser ?</a></li> 419 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/certification/scores/">Comprendre le score</a></li> 420 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/certification/references-et-temoignages/">Quelques témoignages</a></li> 421</ul> 422</li> 423<li class="c-nav__subitem"><a class="c-nav__sublink" style="cursor: default;">Se lancer</a> 424<ul class="sub-menu"> 425 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/certification/tarifs-et-financements/">Financer votre formation</a></li> 426</ul> 427</li> 428</ul> <div class="c-nav__highlight"> 429 <div></div>
429 </div> 430 </div> 431 </li> 432 433<!-- DEBUG OQ-MENU: Title: Conseil & formations | LinkTitle Raw: 1428698 | ItemID Resolved: 1428698 | CurrentID: 0 | Is Ancestor: NO | Page For Posts: 0 | Active Class: --> 434 <li class="c-nav__item has-dropdown"> 435 <button class="c-nav__btn / js-show-submenu" type="button">Conseil & formations</button> <div class="c-nav__panel"> 436 <div class="c-nav__category"> 437 <span class="c-h4">à propos</span><div><p>Opquast propose plusieurs formations avancées à la qualité et la conformité numérique et est en mesure d’effectuer des missions de conseil pour vous aider à piloter votre parc de services numériques. </p> 438</div> </div> 439 440 <ul class="c-nav__sublist"><li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/conseil-formation/formations/">Formations avancées</a> 441<ul class="sub-menu"> 442 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/conseil-formation/formations/formation-professionnelle-referent-qualite-numerique-3-jours/">Référent Qualité Numérique</a></li> 443 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/conseil-formation/formations/formateur-qualite-numerique/">Formateur Qualité Numérique</a></li> 444 <li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/conseil-formation/formations/expert-e-opquast/">Expert Qualité et conformité à l’ère de l’IA</a></li> 445</ul> 446</li> 447<li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/conseil-formation/conseil-qualite-conformite/">Conseil en qualité & conformité</a></li> 448<li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/conseil-formation/demander-un-devis/">Demander un devis</a></li> 449</ul> <div class="c-nav__highlight"> 450 <div></div> </div> 451 </div> 452 </li> 453 454<!-- DEBUG OQ-MENU: Title: Ãcosystème | LinkTitle Raw: 13085 | ItemID Resolved: 13085 | CurrentID: 0 | Is Ancestor: NO | Page For Posts: 0 | Active Class: --> 455 <li class="c-nav__item has-dropdown"> 456 <button class="c-nav__btn / js-show-submenu" type="button">Ãcosystème</button> <div class="c-nav__panel"> 457 <div class="c-nav__category"> 458 <span class="c-h4">Ãcosystème</span><div><p>Opquast c’est aussi un écosystème de partenaires entreprises, agences, ESN, écoles, certifiés. </p> 459</div> </div> 460 461 <ul class="c-nav__sublist"><li class="c-nav__subitem"><a class="c-nav__sublink" href="https://directory.opquast.com/fr/">Annuaire de partenaires et certifiés</a></li> 462<li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/communaute/">Devenir partenaire Opquast</a></li> 463<li class="c-nav__subitem"><a class="c-nav__sublink" href="https://directory.opquast.com/fr/certifies/">Authentifier un certificat</a></li> 464<li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/communaute/formateurs-officiels-opquast/">Formateurs officiels</a></li> 465<li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/communaute/jobs/">Jobs Qualité Numérique</a></li> 466<li class="c-nav__subitem"><a class="c-nav__sublink" href="https://www.opquast.com/communaute/discussions-et-echanges/">Discussions et échanges</a></li> 467</ul> <div class="c-nav__highlight"> 468 <div></div> </div> 469 </div> 470 </li> 471 </ul></nav> 472
472<script> 473 // Wire the chrome-feed burger button to the opquast-v2 mobile-menu 474 // pattern (.nav-links.open + aria-expanded). The RSS feed emits a 475 // bare <button class="burger-btn"> without the disclosure attributes 476 // opquast-v2 script.js expects, so we bind it ourselves. 477 (function () { 478 var burger = document.querySelector('.burger-btn'); 479 var menu = document.querySelector('.nav-main .nav-links') || document.getElementById('nav-links-menu'); 480 if (!burger || !menu) return; 481 if (!menu.id) menu.id = 'nav-links-menu'; 482 burger.setAttribute('type', 'button'); 483 burger.setAttribute('aria-controls', menu.id); 484 burger.setAttribute('aria-expanded', 'false'); 485 burger.addEventListener('click', function () { 486 var isOpen = menu.classList.toggle('open'); 487 burger.classList.toggle('open', isOpen); 488 burger.setAttribute('aria-expanded', String(isOpen)); 489 }); 490 document.addEventListener('keyup', function (e) { 491 if (e.key === 'Escape' && menu.classList.contains('open')) { 492 menu.classList.remove('open'); 493 burger.classList.remove('open'); 494 burger.setAttribute('aria-expanded', 'false'); 495 burger.focus(); 496 } 497 }); 498 })(); 499</script>
499 500 501 502 503 </header> 504 505 506 507<div class="c-checkout-page"> 508 509 510 511 512 513<div class="c-page-header c-page-header--invert"> 514 <div class="o-wrapper"> 515 <nav class="c-breadcrumb c-breadcrumb--inline" aria-label="Fil dâAriane"> 516 <li class="c-breadcrumb__item"><a class="c-breadcrumb__link" href="/">Opquast</a></li> 517 <li class="c-breadcrumb__item" aria-current="location"> Boutique : panier</li> 518 </nav> 519 <div class="o-media"> 520 <div class="o-media__content"> 521 <h1 class="c-page-header__title" style="background: linear-gradient(to top, var(--opq-turquoise-light) 50%, transparent 50%) !important; display: inline; font-size: 36px !important; font-weight: 700 !important; color: #254356 !important;">Boutique : panier</h1> 522 <p class="c-page-header__description" style="margin-top: 0.5rem; font-size: 19.8px !important; color: #4a6072 !important;">Quantité et code de réduction éventuel</p> 523 </div> 524 </div> 525 </div> 526</div> 527 528 529<div class="o-large-wrapper"> 530 531 532<section class="mt-1"> 533 <div class="container container-1400"> 534 <nav aria-label="Ãtapes de la commande"> 535 <ol class="breadcrumb justify-content-center"> 536 <li class="breadcrumb-item"> 537 538 <span aria-current="step" class="underline">1. Panier</span> 539 540 </li> 541 <li class="breadcrumb-item"> 542 543 <span class="text-muted">2. Identification</span> 544 545 </li> 546 <li class="breadcrumb-item"> 547 548 <span class="text-muted">3. Facturation</span> 549 550 </li> 551 <li class="breadcrumb-item"> 552 553 <span class="text-muted">4. Paiement</span> 554 555 </li> 556 </ol> 557 </nav> 558 </div> 559</section> 560 561<div id="lang" class="d-none">fr</div> 562<div id="discount_label" class="d-none">Code promo</div> 563<div id="removal_error_label" class="d-none">Le retrait n'a pas pu être effectué. Merci de réessayer.</div> 564<div id="qty-discount" data-reduc="" data-percentage="" data-description=""></div> 565 566 567<section class="mt-3"> 568 <div class="container"> 569 <div class="alert alert-info d-flex flex-wrap justify-content-between align-items-center gap-2" role="alert"> 570 <span>Vous renouvelez, êtes partenaire ou déjà certifié·e ? Identifiez-vous pour bénéficier de vos tarifs.</span> 571 <a href="/accounts/login/?next=https%3A//shop.opquast.com/fr/cart/" class="btn btn-secondary text-white btn-sm">Se connecter</a> 572 </div> 573 </div> 574</section> 575 576 577 578<section class="my-4"> 579 <div class="container"> 580 <div class="card mb-4"> 581 <div class="card-body p-4 text-center py-5"> 582 <p class="text-muted mb-4">Votre panier est vide.</p> 583 <div class="d-flex flex-wrap gap-2 justify-content-center mb-4"> 584 <a href="/fr/start/?product=mqw" class="btn btn-primary btn-lg">Ajouter la certification</a> 585 <a href="/fr/start/?product=book" class="btn btn-outline-primary btn-lg">Ajouter le livre</a> 586 </div> 587 <a href="https://opquast.com/boutique/" class="link-secondary">â Reprendre la navigation</a> 588 </div> 589 </div> 590 </div> 591</section> 592 593 594 595<!-- Accordion --> 596<section class="mt-4 mb-5"> 597 <div class="container"> 598 <h2 class="my-3">Vous avez des questions ?</h2> 599 <div class="accordion" id="accordionExample"> 600 <div class="accordion-item"> 601 <h2 class="accordion-header" id="headingOne"> 602 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> 603 Comment se déroule ma commande ? 604 </button> 605 </h2> 606 <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> 607 <div class="accordion-body"> 608 <ul> 609 <li>Votre commande se déroule en 4 étapes.</li> 610 <li> 611 <strong>Ãtape 1 (Panier) :</strong> vous choisissez les produits, les quantités, et saisissez un éventuel code de réduction. Vous pouvez dâores et déjà vou
611s connecter pour bénéficier dâoffres ou de réductions (partenaires, renouvellement). 612 </li> 613 <li> 614 <strong>Ãtape 2 (Identification) :</strong> vous vous connectez à votre compte Opquast (si vous en avez un) ou vous saisissez votre adresse e-mail. 615 </li> 616 <li> 617 <strong>Ãtape 3 (Facturation) :</strong> vous saisissez vos informations de facturation (et de livraison si un livre est au panier). Si vous commandez pour une entreprise, vous pourrez saisir les informations nécessaires. Vous pourrez également préciser si vous commandez pour vous-même ou pour dâautres personnes. 618 </li> 619 <li> 620 <strong>Ãtape 4 (Paiement) :</strong> le règlement est possible par carte bancaire immédiatement, ou en différé par chèque ou virement. Suivez les instructions à lâécran. Une fois votre commande terminée, votre compte sera créé et vous recevrez vos accès par mail. 621 </li> 622 </ul> 623 </div> 624 </div> 625 </div> 626 <div class="accordion-item"> 627 <h2 class="accordion-header" id="headingTwo"> 628 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> 629 Je ne commande pas pour moi, comment faire ? 630 </button> 631 </h2> 632 <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> 633 <div class="accordion-body"> 634 <ul> 635 <li> 636 à lâ<strong>étape 3 (Facturation)</strong>, choisissez « Je commande pour une ou plusieurs autres personnes ». 637 </li> 638 <li> 639 Dès le règlement effectué, vous recevrez un mail de confirmation qui vous permettra de vous connecter à votre espace dâadministration Opquast et dâinscrire les candidats. 640 </li> 641 <li> 642 Une fois inscrits, les candidats bénéficieront dâun accès à la plateforme de formation et dâexamen durant 3 mois. 643 </li> 644 <li> 645 Vous pourrez, après avoir activé le compte, déléguer lâadministration, lâinscription des candidats et le suivi des formations à une autre personne avec son adresse e-mail. 646 </li> 647 </ul> 648 <p> 649 Si vous ne souhaitez pas avoir de compte chez Opquast, <a href="https://www.opquast.com/a-propos/demander-un-devis/">demandez-nous un devis</a> et vous pourrez ensuite nous transmettre la liste des stagiaires par le moyen de votre choix. 650 </p> 651 </div> 652 </div> 653 </div> 654 <div class="accordion-item"> 655 <h2 class="accordion-header" id="headingFour"> 656 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> 657 Quels moyens de paiement puis-je utiliser ? 658 </button> 659 </h2> 660 <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample"> 661 <div class="accordion-body"> 662 <ul> 663 <li> 664 Le règlement immédiat est possible par carte bancaire avec Stripe, par PayPal ou par prélèvement SEPA. 665 </li> 666 <li> 667 Le règlement différé par chèque ou virement : suivez les instructions affichées à lâ<strong>étape 4 (Paiement)</strong>. 668 </li> 669 </ul> 670 </div> 671 </div> 672 </div> 673 <div class="accordion-item"> 674 <h2 class="accordion-header" id="headingFive"> 675 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> 676 Ai-je droit à des réductions, quels justificatifs dois-je fournir ? 677 </button> 678 </h2> 679 <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample"> 680 <div class="accordion-body"> 681 <ul> 682 <li> 683 Réductions liées à votre compte (renouvellement, tarif partenaire) : elles sâappliquent automatiquement une fois que vous êtes connecté, à lâ<strong>étape 2</strong>. 684 </li> 685 <li> 686 Bons de réduction : saisissez votre code dans le champ prévu à lâ<strong>étape 1 (Panier)</strong>. Si votre bon est à durée limitée, veillez à respecter les conditions dâutilisation. 687 </li> 688 <li> 689 Ãtudiants : un justificatif dâinscription dans un établissement dâenseignement en cours de validité et une pièce dâidentité pourront vous être demandés durant la période de formation. 690 </li> 691 <li> 692 Demandeurs dâemploi : un justificatif en cours de validité et une pièce dâidentité pourront vous être demandés durant la période de formation. 693 </li> 694 </ul> 695 </div> 696 </div> 697 </div> 698 </div> 699 </div> 700 </section> 701 <!--/ Accordion --> 702 703 704</div> 705</div> 706 707 </main> 708 709 <!-- / #content --> 710 711 712 <footer class="c-footer"> 713 714 <div class="o-wrapper c-footer__wrapper"> 715 <div class="c-footer__about"> 716 717 <a class="c-footer__logo" href="/"> 718 <img alt="Opquast" height="32" src="https://website.oqs-cdn.com/w
718p-content/themes/opquast-v2/images/opquast-txt.svg" width="112" /> 719 </a> 720 <p class="c-footer__address"> 721 SAS au capital de 180 380⬠722 <br />18, rue Lucien Granet 723 <br />33150, Cenon, France 724 </p> 725 <abbr class="c-notdot" title="Numéro de téléphone">Tél</abbr> : 726 <a class="c-footer__phone" href="">+33 5 56 401 402</a> 727 <small class="c-footer__training-number">N° organisme de formation : 72.33.05637.33</small> 728 729 <div class="footer_qualiopi"> 730 <a href="https://www.opquast.com/a-propos/mentions-legales/#qualiopi"><img alt="Qualiopi, processus certifié, République française" src="https://website.oqs-cdn.com/wp-content/uploads/2023/11/qualiopi-200x120.png" /></a> 731 <span>La certification qualité a été délivrée au titre de la catégorie d'action suivante : actions 732 de formations</span> 733 734 </div> 735 736 </div> 737 738 <ul class="c-footer__map"><li class="c-footer__map-item"><a class="c-footer__map-link" href="https://www.opquast.com/plan-du-site/">Plan du site</a></li> 739<li class="c-footer__map-item"><a class="c-footer__map-link" href="https://www.opquast.com/a-propos/">à propos</a></li> 740<li class="c-footer__map-item"><a class="c-footer__map-link" href="https://www.opquast.com/a-propos/mentions-legales/">Mentions légales</a></li> 741<li class="c-footer__map-item"><a class="c-footer__map-link" href="https://www.opquast.com/a-propos/donnees-personnelles/">Données personnelles</a></li> 742<li class="c-footer__map-item"><a class="c-footer__map-link" href="https://www.opquast.com/a-propos/conditions-generales-de-vente-cgv/">
742Conditions générales de vente (CGV)</a></li> 743<li class="c-footer__map-item"><a class="c-footer__map-link" href="https://www.opquast.com/ressources/newsletter/">Newsletter</a></li> 744<li class="c-footer__map-item"><a class="c-footer__map-link" href="https://www.opquast.com/ressources/glossaire/">Glossaire</a></li> 745<li class="c-footer__map-item"><a class="c-footer__map-link" href="https://www.opquast.com/a-propos/contact/">Contact</a></li> 746</ul> 747 <div class="c-footer__network"> 748 <span class="c-footer__header">Suivez-nous</span> 749 <ul class="c-footer__list"> 750 <li class="c-footer__network-item"> 751 <a class="c-footer__network-link external" href="https://fr-fr.facebook.com/opquast/" id="cta-social-facebook" rel="noopener" target="_blank"> 752 <svg class="c-footer__network-img" xmlns="http://www.w3.org/2000/svg"> 753 <use xlink:href="#facebook" xmlns:xlink="http://www.w3.org/1999/xlink"></use> 754 </svg> 755 <span class="c-footer__label">Facebook</span> 756 </a> 757 </li> 758 <li class="c-footer__network-item"> 759 <a class="c-footer__network-link external" href="https://www.linkedin.com/company/opquast/?originalSubdomain=fr" id="cta-social-linkedin" rel="noopener" target="_blank"> 760 <svg class="c-footer__network-img" xmlns="http://www.w3.org/2000/svg"> 761 <use xlink:href="#linkedin" xmlns:xlink="http://www.w3.org/1999/xlink"></use> 762 </svg> 763 <span class="c-footer__label">LinkedIn</span> 764 </a> 765 </li> 766 </ul> 767 </div> 768 </div> 769 </footer> 770 771 772
772<script type='text/javascript' src='https://website.oqs-cdn.com/wp-content/themes/opquast-v2/scripts/no-js.min.js' id='nojs-js'></script>
772 773
773<script type='text/javascript' src='https://website.oqs-cdn.com/wp-content/themes/opquast-v2/scripts/swiper-bundle.min.js' id='swiperbundle-js'></script>
773 774
774<script type='text/javascript' src='https://website.oqs-cdn.com/wp-content/themes/opquast-v2/scripts/van11y-accessible-simple-tooltip-aria.min.js' id='toolvan11-js'></script>
774 775
775<script type='text/javascript' src='https://website.oqs-cdn.com/wp-content/themes/opquast-v2/scripts/script.js' id='site-js'></script>
775 776
776<script type='text/javascript' src='https://website.oqs-cdn.com/wp-content/themes/opquast-v2/scripts/theme-toggle.js' id='theme-toggle-js'></script>
776 777
777<script type='text/javascript' src='https://website.oqs-cdn.com/wp-includes/js/wp-embed.min.js?ver=5.5.1' id='wp-embed-js'></script>
777 778
778<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
778 779 780
780<script>window.OQS_CART_CFG = { apiBase: "", lang: "fr" };</script>
780 781
781<script src="/public/js/opquast-cart-widget.js"></script>
781 782 783
783<script src="https://unpkg.com/typesense@latest/dist/typesense.min.js"></script>
783 784
784<script type="text/javascript"> 785 // Nav-top live multi-collection search (Typesense). The parent <form> 786 // still performs a plain WP ?s=<term> submit on Enter if JS is off 787 // or if Typesense fails to load. 788 (function () { 789 const searchInput = document.getElementById('nav-top-search-input'); 790 const autocompleteResults = document.getElementById('nav-top-autocomplete'); 791 if (!searchInput || !autocompleteResults || typeof Typesense === 'undefined') { 792 return; 793 } 794 const typesenseClient = new Typesense.Client({ 795 nodes: [{ 796 host: 'ld0tuq76jf9b3axyp-1.a1.typesense.net', 797 port: '443', 798 protocol: 'https', 799 }], 800 apiKey: "Wk6flyPFRmlmeD98TNEsej4eqZ3Zt2Ou", 801 connectionTimeoutSeconds: 2 802 }); 803 804 function hideResults() { 805 autocompleteResults.innerHTML = ''; 806 autocompleteResults.classList.remove('is-open'); 807 } 808 function showResults() { 809 autocompleteResults.classList.add('is-open'); 810 } 811 812 searchInput.addEventListener('input', function () { 813 const query = searchInput.value; 814 if (query.length === 0) { 815 hideResults(); 816 return; 817 } 818 const lang = "fr"; 819 const criterionCollection = lang === 'en' ? 'Criterion_en' : (lang === 'es' ? 'Criterion_es' : 'Criterion_fr'); 820 typesenseClient.multiSearch.perform({ 821 searches: [ 822 { collection: criterionCollection, q: query, query_by: 'metadata, description, goal', limit: 5 }, 823 { collection: 'post', q: query, query_by: 'post_title, post_content, post_date, post_author, tags', limit: 5 }, 824 { collection: 'CorpoPartner', q: query, query_by: 'name, services, description', limit: 10 }, 825 { collection: 'FormationCenter', q: query, query_by: 'name, services, description', limit: 10 }, 826 { collection: 'Organization', q: query, query_by: 'name, services, description', limit: 10 }, 827 { collection: 'ReferencedPartner', q: query, query_by: 'name, services, description', limit: 10 }, 828 { collection: 'Applicant', q: query, query_by: 'name, description, certification_key', limit: 10 } 829 ] 830 }).then(function (searchResults) { 831 autocompleteResults.innerHTML = ''; 832 const flat = []; 833 searchResults.results.forEach(function (resultSet) { 834 const collection = resultSet.request_params.collection_name; 835 (resultSet.hits || []).forEach(function (hit) { 836 let category, name, url; 837 if (['Criterion_fr', 'Criterion_en', 'Criterion_es'].includes(collection)) { 838 category = collection === 'Criterion_fr' ? 'Règle' : (collection === 'Criterion_en' ? 'Rule' : 'Regla'); 839 name = hit.document.description; 840 url = hit.document.checklist_url; 841 } else if (collection === 'post') { 842 category = 'Articles'; 843 name = hit.document.post_title; 844 url = hit.document.permalink; 845 } else if (collection === 'Applicant') { 846 category = 'Certifiés et certifiées'; 847 name = hit.document.name; 848 url = hit.document.directory_url; 849 } else { 850 category = 'Partenaires'; 851 name = hit.document.name; 852 url = hit.document.directory_url; 853 } 854 flat.push({ score: Number(hit.text_match) || 0, category: category, name: name, url: url }); 855 }); 856 }); 857 flat.sort(function (a, b) { return b.score - a.score; }); 858 flat.forEach(function (entry) { 859 const link = document.createElement('a'); 860 link.className = 'nav-top__autocomplete-item';
861 link.href = entry.url || '#'; 862 link.target = '_blank'; 863 link.rel = 'noopener'; 864 const cat = document.createElement('span'); 865 cat.className = 'nav-top__autocomplete-cat'; 866 cat.textContent = entry.category; 867 link.appendChild(cat); 868 link.appendChild(document.createTextNode(' ' + (entry.name || ''))); 869 autocompleteResults.appendChild(link); 870 }); 871 if (flat.length === 0) { 872 const empty = document.createElement('div'); 873 empty.className = 'nav-top__autocomplete-empty'; 874 empty.textContent = 'Aucun résultat trouvé'; 875 autocompleteResults.appendChild(empty); 876 } 877 showResults(); 878 }).catch(function (error) { 879 console.error('Typesense search error:', error); 880 }); 881 }); 882 883 searchInput.addEventListener('focus', function () { 884 if (autocompleteResults.innerHTML.trim() !== '') { 885 showResults(); 886 } 887 }); 888 889 document.addEventListener('click', function (event) { 890 if (!searchInput.contains(event.target) && !autocompleteResults.contains(event.target)) { 891 hideResults(); 892 } 893 }); 894 })(); 895 </script>
895 896 897
897<script src="https://chat-assets.frontapp.com/v1/chat.bundle.js"></script>
897 898
898<script>window.FrontChat('init', {chatId: '950b87e7268501a35ebecb684f43bf55', useDefaultLauncher: true});</script>
898 899 900
901<script src="https://unpkg.com/mustache@latest"></script>
vendor: 1 bytes, line 901
901
902<script> 903 const dj_csrftoken_field = '<input type="hidden" name="csrfmiddlewaretoken" value="KJBWd3IaUzjahLOLAZ5OdIyIR9bjAJYnwmawsjzGHMlH9ySu2ZwaGs7UI1QvYeRG">'; 904 const dj_url_public_check_voucher = '/fr/check_voucher/'; 905 const dj_url_public_remove_coupon = '/fr/remove_coupon/'; 906 const dj_url_public_remove_product = '/fr/remove_product/'; 907</script>
vendor: 1 bytes, line 907
907
908<script id="dj-partner-discount" type="application/json">0</script>
vendor: 1 bytes, line 908
908
909<script id="dj-saved-discounts" type="application/json">[]</script>
vendor: 1 bytes, line 909
909
910<script> 911 // `json_script` échappe la donnée et la sort du contexte JavaScript : les 912 // descriptions et les codes saisis par l'internaute ne peuvent plus fermer la 913 // balise, et un nombre reste un nombre quelle que soit la locale. 914 const partner_discount = JSON.parse(document.getElementById("dj-partner-discount").textContent); 915 const dj_saved_discounts = JSON.parse(document.getElementById("dj-saved-discounts").textContent); 916</script>
vendor: 1 bytes, line 916
916
917<script type="module" src="/public/js/cart.js"></script>
917 918 919 920 921 <!-- Matomo (controlled by Orejime consent) --> 922 <template data-purpose="matomo"> 923
923<script type="text/javascript"> 924 var _paq = window._paq = window._paq || []; 925 _paq.push(["setDocumentTitle", document.domain + "/" + document.title]); 926 _paq.push(["setCookieDomain", "*.www.opquast.com"]); 927 _paq.push(["setDomains", ["*.www.opquast.com","*.checklists.opquast.com","*.directory.opquast.com"]]); 928 _paq.push(['trackPageView']); 929 _paq.push(['enableLinkTracking']); 930 (function() { 931 var u="//opquast.matomo.cloud/"; 932 _paq.push(['setTrackerUrl', u+'matomo.php']); 933 _paq.push(['setSiteId', '1']); 934 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 935 g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 936 })(); 937 </script>
937 938 </template> 939 <!-- End Matomo Code --> 940 941
941<script> 942 document.addEventListener('DOMContentLoaded', () => { 943 const menu = document.getElementById('js-header__menu'); 944 if (menu) menu.removeAttribute('hidden'); 945 }); 946 </script>
946 947
948<script>window.__oqsOrejimeCookieName = 'orejime-opquast';</script>
948 949 950<!-- Google Consent Mode v2 â default denied (EEA compliance) + returning visitor detection -->
951<script> 952window.dataLayer = window.dataLayer || []; 953function gtag(){dataLayer.push(arguments);} 954 955(function() { 956 if (window.__oqsConsentInitialized) return; 957 window.__oqsConsentInitialized = true; 958 959 window.__oqsGtagConsentUpdate = function(granted) { 960 var state = granted ? 'granted' : 'denied'; 961 gtag('consent', 'update', { 962 'ad_storage': state, 963 'analytics_storage': state, 964 'ad_user_data': state, 965 'ad_personalization': state 966 }); 967 }; 968 969 gtag('consent', 'default', { 970 'ad_storage': 'denied', 971 'analytics_storage': 'denied', 972 'ad_user_data': 'denied', 973 'ad_personalization': 'denied', 974 'wait_for_update': 500 975 }); 976 977 try { 978 var match = document.cookie.match(new RegExp('(^| )' + window.__oqsOrejimeCookieName + '=([^;]+)')); 979 if (match) { 980 var consents = JSON.parse(decodeURIComponent(match[2])); 981 window.__oqsGtagConsentUpdate(consents.gtm === true); 982 } 983 } catch(e) { 984 if (window.console) { 985 console.warn('[orejime] Failed to parse consent cookie, falling back to denied:', e); 986 } 987 window.__oqsGtagConsentUpdate(false); 988 } 989})(); 990</script>
990 991<!-- Google Tag Manager (controlled by Orejime consent) --> 992<template data-purpose="gtm">
993<script>
vendor: 327 bytes, lines 993-997
993(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 994new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 995j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 996'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 997})(window,document,'script','dataLayer','
997GTM-TBG3VLXN
vendor: 3 bytes, line 997
997');
997</script>
997 998</template> 999 1000 1001<!-- Orejime Cookie Consent --> 1002<div id="orejime-root"></div>
1003<script src="/public/js/orejime-config.js?v=4"></script>
vendor: 1 bytes, line 1003
1003
1004<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/orejime-standard-fr.js"></script>
1004 1005 1006 </body> 1007</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.