{"id":5602,"date":"2026-04-09T12:51:58","date_gmt":"2026-04-09T10:51:58","guid":{"rendered":"https:\/\/crousandgo.crous-lille.fr\/space-pariselle\/?page_id=5602"},"modified":"2026-04-13T13:01:06","modified_gmt":"2026-04-13T11:01:06","slug":"boutique","status":"publish","type":"page","link":"https:\/\/crousandgo.crous-lille.fr\/douai\/","title":{"rendered":"Boutique"},"content":{"rendered":"    <style>\n        .cb-wrap { background: #FBF8F4 !important; padding: 0 0 40px !important; }\n        .cb-banner { background: #253545 !important; border-radius: 14px !important; margin: 20px 28px 0 !important; overflow: hidden !important; }\n        .cb-banner-top { padding: 24px 28px 20px !important; display: flex !important; align-items: center !important; gap: 20px !important; flex-wrap: wrap !important; }\n        .cb-banner-deadline-block { background: #C82828 !important; border-radius: 12px !important; padding: 16px 24px !important; text-align: center !important; min-width: 200px !important; }\n        .cb-banner-deadline-label { color: rgba(255,255,255,0.7) !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; margin: 0 0 2px !important; }\n        .cb-banner-deadline-time { color: #fff !important; font-size: 22px !important; font-weight: 700 !important; margin: 0 !important; line-height: 1.1 !important; white-space: nowrap !important; }\n        .cb-banner-info-block { flex: 1 !important; }\n        .cb-banner-main-text { color: #fff !important; font-size: 16px !important; font-weight: 500 !important; margin: 0 0 10px !important; }\n        .cb-banner-pills { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; }\n        .cb-banner-pill { background: rgba(255,255,255,0.1) !important; border-radius: 8px !important; padding: 8px 14px !important; display: flex !important; align-items: center !important; gap: 8px !important; }\n        .cb-banner-pill span { color: rgba(255,255,255,0.7) !important; font-size: 13px !important; }\n        .cb-banner-bottom { background: rgba(255,255,255,0.05) !important; padding: 12px 28px !important; display: flex !important; align-items: center !important; gap: 10px !important; }\n        .cb-banner-bottom p { margin: 0 !important; color: rgba(255,255,255,0.6) !important; font-size: 13px !important; }\n        .cb-content { padding: 28px 28px 0 !important; }\n        .cb-section-title { margin: 0 0 6px !important; font-size: 20px !important; font-weight: 500 !important; color: #253545 !important; }\n        .cb-section-sub { margin: 0 0 24px !important; font-size: 13px !important; color: #888 !important; }\n        .cb-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; margin-bottom: 24px !important; }\n        @media (max-width: 768px) { .cb-grid { grid-template-columns: repeat(2, 1fr) !important; } .cb-banner-top { flex-direction: column !important; } }\n        @media (max-width: 480px) { .cb-grid { grid-template-columns: 1fr !important; } }\n        .cb-menu-card { background: #fff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 2px 10px rgba(0,0,0,0.04) !important; cursor: pointer !important; border: 2px solid transparent !important; transition: border-color 0.2s, transform 0.2s !important; display: flex !important; flex-direction: column !important; }\n        .cb-menu-card:hover { transform: translateY(-3px) !important; }\n        .cb-menu-card.cb-selected { border-color: #C82828 !important; }\n        .cb-menu-card-img { position: relative !important; height: 140px !important; background: #F3EDE3 !important; overflow: hidden !important; }\n        .cb-menu-card-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }\n        .cb-menu-check { position: absolute !important; top: 10px !important; right: 10px !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; background: #C82828 !important; display: none !important; align-items: center !important; justify-content: center !important; }\n        .cb-selected .cb-menu-check { display: flex !important; }\n        .cb-menu-card-info { padding: 14px 16px !important; flex: 1 !important; display: flex !important; flex-direction: column !important; }\n        .cb-menu-name-row { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 8px !important; flex-wrap: wrap !important; }\n        .cb-menu-name { margin: 0 !important; font-size: 15px !important; font-weight: 500 !important; color: #253545 !important; }\n        .cb-menu-recipe { font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; white-space: nowrap !important; }\n        .cb-menu-composition { margin: 6px 0 0 !important; font-size: 12px !important; color: #253545 !important; background: #FBF8F4 !important; border-radius: 6px !important; padding: 6px 10px !important; line-height: 1.4 !important; }\n        .cb-menu-desc { margin: 4px 0 0 !important; font-size: 12px !important; color: #888 !important; }\n        .cb-menu-allergens-label { margin: 10px 0 4px !important; font-size: 11px !important; color: #888 !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }\n        .cb-menu-allergens { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; }\n        .cb-allergen-tag { font-size: 10px !important; background: #FCEBEB !important; color: #791F1F !important; padding: 3px 7px !important; border-radius: 4px !important; display: inline-flex !important; align-items: center !important; gap: 3px !important; }\n        .cb-allergen-emoji { font-size: 11px !important; }\n        .cb-menu-price { margin: 10px 0 0 !important; font-size: 17px !important; font-weight: 500 !important; color: #C82828 !important; margin-top: auto !important; padding-top: 10px !important; }\n        .cb-cutlery { background: #fff !important; border-radius: 12px !important; padding: 16px 20px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 20px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important; cursor: pointer !important; }\n        .cb-cutlery-left { display: flex !important; align-items: center !important; gap: 12px !important; }\n        .cb-cutlery-check { width: 22px !important; height: 22px !important; border-radius: 6px !important; border: 2px solid #ddd !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s !important; flex-shrink: 0 !important; }\n        .cb-cutlery.cb-checked .cb-cutlery-check { background: #C82828 !important; border-color: #C82828 !important; }\n        .cb-cutlery-label { font-size: 14px !important; font-weight: 500 !important; color: #253545 !important; }\n        .cb-cutlery-sub { font-size: 12px !important; color: #888 !important; margin-top: 2px !important; }\n        .cb-cutlery-price { font-size: 13px !important; color: #888 !important; }\n        .cb-submit { display: block !important; width: 100% !important; padding: 16px !important; background: #C82828 !important; color: #fff !important; border: none !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: background 0.3s !important; text-align: center !important; }\n        .cb-submit:hover { background: #A52020 !important; }\n        .cb-submit:disabled { background: #ccc !important; cursor: not-allowed !important; }\n        .cb-alert { background: #FCEBEB !important; border-radius: 12px !important; padding: 20px !important; text-align: center !important; color: #791F1F !important; font-size: 15px !important; margin: 20px 28px !important; }\n        .cb-alert strong { color: #C82828 !important; }\n        .cb-out-of-stock { opacity: 0.5 !important; cursor: not-allowed !important; position: relative !important; }\n        .cb-out-of-stock::after { content: \"Rupture \\2014 revenez demain\" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: #253545 !important; color: #fff !important; text-align: center !important; padding: 10px !important; font-size: 12px !important; font-weight: 500 !important; border-radius: 0 0 12px 12px !important; }\n        .cb-out-of-stock:hover { transform: none !important; }\n    <\/style>\n\n    <div class=\"cb-wrap\">\n        <div class=\"cb-banner\">\n            <div class=\"cb-banner-top\">\n                <div class=\"cb-banner-deadline-block\">\n                    <p class=\"cb-banner-deadline-label\">Commandez entre<\/p>\n                    <p class=\"cb-banner-deadline-time\">07:00 &#8212; 10:00<\/p>\n                <\/div>\n                <div class=\"cb-banner-info-block\">\n                    <p class=\"cb-banner-main-text\">Passez votre commande puis recuperez-la durant le service<\/p>\n                    <div class=\"cb-banner-pills\">\n                        <div class=\"cb-banner-pill\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                            <span>R\u00e9cup\u00e9ration : 11:15 &#8212; 13:45<\/span>\n                        <\/div>\n                                                <div class=\"cb-banner-pill\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><\/svg>\n                            <span>Ouvert : Lun . Mar . Mer . Jeu . Ven<\/span>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        \n                    <div class=\"cb-alert\">\n                <strong>Bonjour, le Restaurant Universitaire de Douai est ferm\u00e9 pour cong\u00e9s du 24 octobre au 1er novembre. R\u00e9ouverture des commandes le 02 novembre 2026 \u00e0 partir de 7h00. Merci<\/strong>\n                                <br><br>\n                <span style=\"color:#253545;font-size:14px;\">R\u00e9ouverture le <strong>lundi 2 novembre 2026<\/strong> \u00e0 07:00<\/span>\n                            <\/div>\n            <\/div>\n\n    <script>\n    var cbBtnText = 'Ajouter au panier';\n    var cbCutleryPrice = 0.33;\n    var cbCutleryOn = false;\n    var cbSelectedPrice = 0;\n\n    function cbSelectMenu(el) {\n        document.querySelectorAll('.cb-menu-card').forEach(function(c) { c.classList.remove('cb-selected'); });\n        el.classList.add('cb-selected');\n        cbSelectedPrice = parseFloat(el.dataset.price);\n        document.getElementById('cb-selected-product').value = el.dataset.id;\n        cbUpdateBtn();\n    }\n    function cbToggleCutlery() {\n        var el = document.getElementById('cb-cutlery');\n        var svg = document.getElementById('cb-cutlery-svg');\n        cbCutleryOn = !cbCutleryOn;\n        el.classList.toggle('cb-checked', cbCutleryOn);\n        svg.style.display = cbCutleryOn ? 'block' : 'none';\n        document.getElementById('cb-cutlery-input').value = cbCutleryOn ? '1' : '0';\n        cbUpdateBtn();\n    }\n    function cbUpdateBtn() {\n        var btn = document.getElementById('cb-submit');\n        if (!document.getElementById('cb-selected-product').value) { btn.disabled = true; btn.textContent = 'S\u00e9lectionnez un menu'; return; }\n        btn.disabled = false;\n        var total = cbSelectedPrice + (cbCutleryOn ? cbCutleryPrice : 0);\n        btn.textContent = cbBtnText + ' \\u2014 ' + total.toFixed(2).replace('.', ',') + ' \\u20ac';\n    }\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5602","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crousandgo.crous-lille.fr\/douai\/wp-json\/wp\/v2\/pages\/5602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crousandgo.crous-lille.fr\/douai\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crousandgo.crous-lille.fr\/douai\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crousandgo.crous-lille.fr\/douai\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crousandgo.crous-lille.fr\/douai\/wp-json\/wp\/v2\/comments?post=5602"}],"version-history":[{"count":4,"href":"https:\/\/crousandgo.crous-lille.fr\/douai\/wp-json\/wp\/v2\/pages\/5602\/revisions"}],"predecessor-version":[{"id":5705,"href":"https:\/\/crousandgo.crous-lille.fr\/douai\/wp-json\/wp\/v2\/pages\/5602\/revisions\/5705"}],"wp:attachment":[{"href":"https:\/\/crousandgo.crous-lille.fr\/douai\/wp-json\/wp\/v2\/media?parent=5602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}