/* * Icones du Coffice, generees par tools/icones.py -- ne pas editer a la main. * * Chaque icone est un mask-image : la forme vient du SVG, la couleur de * background-color, mise a currentColor. Une icone suit donc la couleur de * son bouton et s'inverse avec lui au survol, sans regle supplementaire. */ .coffice-ico { display: inline-block; flex: 0 0 auto; width: 1.15em; height: 1.15em; vertical-align: -0.2em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } /* pastille ronde, pour les cartes */ .coffice-ico-pastille { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin-bottom: 16px; border-radius: 14px; background: var(--coffice-creme); color: var(--coffice-brun); transition: background-color 0.22s ease, color 0.22s ease, transform 0.22s ease; } .coffice-ico-pastille .coffice-ico { width: 24px; height: 24px; vertical-align: 0; } :root { --coffice-ico-boisson: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%20-0.5%29%22%3E%3Cpath%20d%3D%22M6%204h12l-1.4%2015.2a2%202%200%200%201-2%201.8H9.4a2%202%200%200%201-2-1.8Z%22%2F%3E%3Cpath%20d%3D%22M6.6%2010h10.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-bureau: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M2%2020h20M9%2016v4M15%2016v4%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-bus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%200.5%29%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2010h16%22%2F%3E%3Cpath%20d%3D%22M7%2016v3M17%2016v3%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2213.5%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2213.5%22%20r%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-cafe: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%28-0.5%202%29%22%3E%3Cpath%20d%3D%22M4%208h12v5a5%205%200%200%201-5%205H9a5%205%200%200%201-5-5V8Z%22%2F%3E%3Cpath%20d%3D%22M16%209h2.5a2.5%202.5%200%200%201%200%205H16%22%2F%3E%3Cpath%20d%3D%22M7%202v2.5M11%202v2.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-cafeteria: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%20-0.5%29%22%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3Cpath%20d%3D%22M5%2010V7a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v3%22%2F%3E%3Cpath%20d%3D%22M5%2010v8a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2v-8%22%2F%3E%3Cpath%20d%3D%22M12%2013v4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-courriel: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%2219%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%207%209%206%209-6%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-ecran: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%224%22%20width%3D%2219%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2020h8M12%2016v4%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-ergonomie: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%200.75%29%22%3E%3Cpath%20d%3D%22M4%2019v-3a4%204%200%200%201%204-4h3%22%2F%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%226.5%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M13%2012h4a3%203%200%200%201%203%203v4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-etudiant: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%200.5%29%22%3E%3Cpath%20d%3D%22m3%209%209-4%209%204-9%204-9-4Z%22%2F%3E%3Cpath%20d%3D%22M7%2011v4c0%201.7%202.2%203%205%203s5-1.3%205-3v-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-fleche: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-google: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%28-0.04%20-0.31%29%22%3E%3Cpath%20d%3D%22M20.5%2012H12%22%2F%3E%3Cpath%20d%3D%22M20.3%2014.5A8.5%208.5%200%201%201%2018%206.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-horloge: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3.5%202%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-instagram: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M17%207h.01%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-journal: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%28-0.25%200%29%22%3E%3Cpath%20d%3D%22M3%206.5A1.5%201.5%200%200%201%204.5%205H17a1.5%201.5%200%200%201%201.5%201.5V19H5a2%202%200%200%201-2-2V6.5Z%22%2F%3E%3Cpath%20d%3D%22M18.5%209H20a1.5%201.5%200%200%201%201.5%201.5V17a2%202%200%200%201-2%202%22%2F%3E%3Cpath%20d%3D%22M6.5%209h8.5M6.5%2012.5h8.5M6.5%2016h5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-liste: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280.25%200%29%22%3E%3Cpath%20d%3D%22M8%206h12M8%2012h12M8%2018h12M3.5%206h.01M3.5%2012h.01M3.5%2018h.01%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-lumiere: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6M10%2021h4%22%2F%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%201%203.6%2010.8c-.4.3-.6.8-.6%201.2v.5H9v-.5c0-.4-.2-.9-.6-1.2A6%206%200%200%201%2012%203Z%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-niche: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V9l8-5%208%205v11%22%2F%3E%3Cpath%20d%3D%22M9%2020v-6h6v6%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-personne: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227.5%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2020a7%207%200%200%201%2014%200%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-pin: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-5.5%207-11a7%207%200%201%200-14%200c0%205.5%207%2011%207%2011Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.6%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-plan: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%20-0.25%29%22%3E%3Cpath%20d%3D%22M9%204%203%206.5v14L9%2018l6%202.5%206-2.5v-14L15%206.5%209%204Z%22%2F%3E%3Cpath%20d%3D%22M9%204v14M15%206.5v14%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-porte: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2021V4a1%201%200%200%201%201-1h10a1%201%200%200%201%201%201v17%22%2F%3E%3Cpath%20d%3D%22M4%2021h16%22%2F%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2212.5%22%20r%3D%22.9%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-prise: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%228%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M9%208V4M15%208V4M9.5%2013v2M14.5%2013v2%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-prive: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%200.25%29%22%3E%3Crect%20x%3D%224.5%22%20y%3D%2210%22%20width%3D%2215%22%20height%3D%2210%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8.5%2010V7a3.5%203.5%200%200%201%207%200v3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-salle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%203v4M16%203v4M3%2011h18%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-sans-engagement: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%200%209%209%22%2F%3E%3Cpath%20d%3D%22m9%2012%202.5%202.5L20%206%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-son: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%28-0.7%200%29%22%3E%3Cpath%20d%3D%22M4%209v6h4l5%204V5L8%209H4Z%22%2F%3E%3Cpath%20d%3D%22M17%209.5a4%204%200%200%201%200%205%22%2F%3E%3Cpath%20d%3D%22M19.5%207a7.5%207.5%200%200%201%200%2010%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-telephone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%222.5%22%20width%3D%2210%22%20height%3D%2219%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M10.5%205.5h3M11%2018.5h2%22%2F%3E%3C%2Fsvg%3E"); --coffice-ico-tiktok: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%28-0.25%201.25%29%22%3E%3Cpath%20d%3D%22M14%203v11.5a4%204%200%201%201-3.2-3.92%22%2F%3E%3Cpath%20d%3D%22M14%203c.4%202.6%202%204.2%204.5%204.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-train: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%200.25%29%22%3E%3Crect%20x%3D%225%22%20y%3D%223.5%22%20width%3D%2214%22%20height%3D%2212%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%2010h14%22%2F%3E%3Cpath%20d%3D%22m7%2020%202-3M17%2020l-2-3%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2213%22%20r%3D%22.6%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2213%22%20r%3D%22.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-traiteur: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%200.5%29%22%3E%3Cpath%20d%3D%22M3%2018h18%22%2F%3E%3Cpath%20d%3D%22M5%2018a7%207%200%200%201%2014%200%22%2F%3E%3Cpath%20d%3D%22M12%208V5M10%205h4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-valise: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%200.5%29%22%3E%3Crect%20x%3D%223%22%20y%3D%227.5%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%207.5V5a1.5%201.5%200%200%201%201.5-1.5h3A1.5%201.5%200%200%201%2015%205v2.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-voiture: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%20-1.5%29%22%3E%3Cpath%20d%3D%22M4%2016v-3l2-5h12l2%205v3%22%2F%3E%3Cpath%20d%3D%22M3%2016h18v3h-3v-3M6%2019H3v-3%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2216%22%20r%3D%221.4%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2216%22%20r%3D%221.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-whatsapp: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280.13%20-0.13%29%22%3E%3Cpath%20d%3D%22M3.5%2020.5%204.9%2016A8.2%208.2%200%201%201%208%2019.1l-4.5%201.4Z%22%2F%3E%3Cpath%20d%3D%22M9%209.2c.3%202.2%202.6%204.5%204.8%204.8l1-1.2%201.8.9c-.2%201-1%201.6-2%201.6-3%200-6.9-3.9-6.9-6.9%200-1%20.6-1.8%201.6-2l.9%201.8-1.2%201Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --coffice-ico-wifi: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%280%20-0.89%29%22%3E%3Cpath%20d%3D%22M2%208.8a16%2016%200%200%201%2020%200%22%2F%3E%3Cpath%20d%3D%22M5%2012.3a11%2011%200%200%201%2014%200%22%2F%3E%3Cpath%20d%3D%22M8.5%2015.8a6%206%200%200%201%207%200%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2219.5%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .coffice-ico[data-ico="boisson"] { -webkit-mask-image: var(--coffice-ico-boisson); mask-image: var(--coffice-ico-boisson); } .coffice-ico[data-ico="bureau"] { -webkit-mask-image: var(--coffice-ico-bureau); mask-image: var(--coffice-ico-bureau); } .coffice-ico[data-ico="bus"] { -webkit-mask-image: var(--coffice-ico-bus); mask-image: var(--coffice-ico-bus); } .coffice-ico[data-ico="cafe"] { -webkit-mask-image: var(--coffice-ico-cafe); mask-image: var(--coffice-ico-cafe); } .coffice-ico[data-ico="cafeteria"] { -webkit-mask-image: var(--coffice-ico-cafeteria); mask-image: var(--coffice-ico-cafeteria); } .coffice-ico[data-ico="courriel"] { -webkit-mask-image: var(--coffice-ico-courriel); mask-image: var(--coffice-ico-courriel); } .coffice-ico[data-ico="ecran"] { -webkit-mask-image: var(--coffice-ico-ecran); mask-image: var(--coffice-ico-ecran); } .coffice-ico[data-ico="ergonomie"] { -webkit-mask-image: var(--coffice-ico-ergonomie); mask-image: var(--coffice-ico-ergonomie); } .coffice-ico[data-ico="etudiant"] { -webkit-mask-image: var(--coffice-ico-etudiant); mask-image: var(--coffice-ico-etudiant); } .coffice-ico[data-ico="fleche"] { -webkit-mask-image: var(--coffice-ico-fleche); mask-image: var(--coffice-ico-fleche); } .coffice-ico[data-ico="google"] { -webkit-mask-image: var(--coffice-ico-google); mask-image: var(--coffice-ico-google); } .coffice-ico[data-ico="horloge"] { -webkit-mask-image: var(--coffice-ico-horloge); mask-image: var(--coffice-ico-horloge); } .coffice-ico[data-ico="instagram"] { -webkit-mask-image: var(--coffice-ico-instagram); mask-image: var(--coffice-ico-instagram); } .coffice-ico[data-ico="journal"] { -webkit-mask-image: var(--coffice-ico-journal); mask-image: var(--coffice-ico-journal); } .coffice-ico[data-ico="liste"] { -webkit-mask-image: var(--coffice-ico-liste); mask-image: var(--coffice-ico-liste); } .coffice-ico[data-ico="lumiere"] { -webkit-mask-image: var(--coffice-ico-lumiere); mask-image: var(--coffice-ico-lumiere); } .coffice-ico[data-ico="niche"] { -webkit-mask-image: var(--coffice-ico-niche); mask-image: var(--coffice-ico-niche); } .coffice-ico[data-ico="personne"] { -webkit-mask-image: var(--coffice-ico-personne); mask-image: var(--coffice-ico-personne); } .coffice-ico[data-ico="pin"] { -webkit-mask-image: var(--coffice-ico-pin); mask-image: var(--coffice-ico-pin); } .coffice-ico[data-ico="plan"] { -webkit-mask-image: var(--coffice-ico-plan); mask-image: var(--coffice-ico-plan); } .coffice-ico[data-ico="porte"] { -webkit-mask-image: var(--coffice-ico-porte); mask-image: var(--coffice-ico-porte); } .coffice-ico[data-ico="prise"] { -webkit-mask-image: var(--coffice-ico-prise); mask-image: var(--coffice-ico-prise); } .coffice-ico[data-ico="prive"] { -webkit-mask-image: var(--coffice-ico-prive); mask-image: var(--coffice-ico-prive); } .coffice-ico[data-ico="salle"] { -webkit-mask-image: var(--coffice-ico-salle); mask-image: var(--coffice-ico-salle); } .coffice-ico[data-ico="sans-engagement"] { -webkit-mask-image: var(--coffice-ico-sans-engagement); mask-image: var(--coffice-ico-sans-engagement); } .coffice-ico[data-ico="son"] { -webkit-mask-image: var(--coffice-ico-son); mask-image: var(--coffice-ico-son); } .coffice-ico[data-ico="telephone"] { -webkit-mask-image: var(--coffice-ico-telephone); mask-image: var(--coffice-ico-telephone); } .coffice-ico[data-ico="tiktok"] { -webkit-mask-image: var(--coffice-ico-tiktok); mask-image: var(--coffice-ico-tiktok); } .coffice-ico[data-ico="train"] { -webkit-mask-image: var(--coffice-ico-train); mask-image: var(--coffice-ico-train); } .coffice-ico[data-ico="traiteur"] { -webkit-mask-image: var(--coffice-ico-traiteur); mask-image: var(--coffice-ico-traiteur); } .coffice-ico[data-ico="valise"] { -webkit-mask-image: var(--coffice-ico-valise); mask-image: var(--coffice-ico-valise); } .coffice-ico[data-ico="voiture"] { -webkit-mask-image: var(--coffice-ico-voiture); mask-image: var(--coffice-ico-voiture); } .coffice-ico[data-ico="whatsapp"] { -webkit-mask-image: var(--coffice-ico-whatsapp); mask-image: var(--coffice-ico-whatsapp); } .coffice-ico[data-ico="wifi"] { -webkit-mask-image: var(--coffice-ico-wifi); mask-image: var(--coffice-ico-wifi); }