<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="author" content="KERN IT SRL">
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="dcf8478f-0148-4337-99e2-52b49804a1fe" data-blockingmode="auto" type="text/javascript"></script>
<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-PSPKNH7"></script>
<title>
Ciaco | Vos services d'impression, librairie, copyservice et papeterie
</title>
<meta name="description" content="Bienvenue chez Ciaco, la coopérative aux 80 000 membres. Découvrez nos services de papeterie, matériel Beaux-Arts, impression numérique et syllabus à Louvain-la-Neuve et Bruxelles."/>
<link rel="apple-touch-icon" sizes="57x57" href="/static/images/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/static/images/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/static/images/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/static/images/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/static/images/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/static/images/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/static/images/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/static/images/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/images/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/static/images/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/static/imga/esfavicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicons/favicon-16x16.png">
<link rel="manifest" href="/static/img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/static/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://use.typekit.net/lqu5wfk.css">
<link rel="stylesheet" href="/static/css/dist/styles.css">
<link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
</head>
<body class="homepage">
<header role="banner" class="diheader fixed top-0 left-0 w-full z-50 bg-white">
<nav aria-label="Main Navigation" class="container max-w-[1920px] px-8">
<div class="flex justify-between items-center h-[88px]">
<div class="relative z-50 flex-shrink-0 flex items-center">
<a class="logo__link text-0" href="/">Ciaco</a>
</div>
<input
type="checkbox"
id="menu-toggle"
class="peer hidden"
aria-label="Toggle navigation menu"
/>
<label for="menu-toggle" class="burger relative z-50 cursor-pointer lg:hidden flex flex-col items-center justify-center w-10 h-10 space-y-1.5 group" aria-hidden="true">
<span class="burger-block w-8 h-0.5 bg-primary transition-all duration-300 ease-in-out origin-center peer-checked:group-[]:rotate-45 peer-checked:group-[]:translate-y-2"></span>
<span class="burger-block w-8 h-0.5 bg-primary transition-all duration-300 ease-in-out peer-checked:group-[]:opacity-0"></span>
<span class="burger-block w-8 h-0.5 bg-primary transition-all duration-300 ease-in-out origin-center peer-checked:group-[]:-rotate-45 peer-checked:group-[]:-translate-y-2"></span>
</label>
<div class="fixed px-10 lg:px-0 inset-0 w-screen h-screen bg-secondary-300 text-primary transform translate-x-full peer-checked:translate-x-0 transition-transform duration-500 ease-in-out flex flex-col items-start justify-center z-40 lg:static lg:w-auto lg:h-auto lg:translate-x-0 lg:flex-row lg:bg-transparent lg:transition-none lg:z-auto pt-10 lg:pt-0">
<ul class="main_menu w-full lg:w-auto flex flex-col lg:flex-row sm:gap-7 lg:gap-4 xl:gap-9 gap-y-1.5 sm:gap-y-2 md:gap-y-2 items-start lg:items-center select-none">
<li class="text-2xl lg:text-sm xl:text-base w-full lg:w-auto font-title lg:font-text">
<a href="/papeterie-beaux-arts/" class="inline-block pb-1 lg:pb-1 pt-0 lg:pt-5 mb-0 lg:mb-2 transition-all duration-300 relative">
Papeterie
</a>
</li>
<li class="text-2xl lg:text-sm xl:text-base w-full lg:w-auto font-title lg:font-text">
<a href="/copies-impressions/" class="inline-block pb-1 lg:pb-1 pt-0 lg:pt-5 mb-0 lg:mb-2 transition-all duration-300 relative">
Copies & impressions
</a>
</li>
<li class="text-2xl lg:text-sm xl:text-base w-full lg:w-auto font-title lg:font-text">
<a href="/librairie-universitaire/" class="inline-block pb-1 lg:pb-1 pt-0 lg:pt-5 mb-0 lg:mb-2 transition-all duration-300 relative">
Librairie universitaire
</a>
</li>
<li class="text-2xl lg:text-sm xl:text-base w-full lg:w-auto font-title lg:font-text">
<a href="/imprimerie/" class="inline-block pb-1 lg:pb-1 pt-0 lg:pt-5 mb-0 lg:mb-2 transition-all duration-300 relative">
Imprimerie
</a>
</li>
<li class="text-lg lg:text-sm xl:text-base nav__item relative w-full lg:w-auto">
<span class="flex items-center pt-0 lg:pt-4 mb-5 lg:mb-2 text-2xl lg:text-sm xl:text-base transition-all duration-300 cursor-default font-title lg:font-text">
Notre coopérative
<svg class="w-[15px] lg:w-[7px] h-[15px] lg:h-[4px] ml-2 lg:bg-none p-[3px] lg:p-0 rounded-full" width="7" height="4" viewbox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.10984 0.109835C6.25628 -0.0366117 6.49464 -0.0366117 6.64109 0.109835C6.78753 0.256282 6.78753 0.494638 6.64109 0.641085L3.64108 3.64108C3.49464 3.78753 3.25628 3.78753 3.10983 3.64108L0.109835 0.641085C-0.0366117 0.494638 -0.0366117 0.256282 0.109835 0.109835C0.256282 -0.0366117 0.494638 -0.0366117 0.641085 0.109835L3.37546 2.84421L6.10984 0.109835Z" fill="#18181B"/>
</svg>
</span>
<ul class="px-4 py-2 lg:py-0 lg:px-0 bg-secondary-100 w-full lg:w-auto">
<li>
<a href="/qui-sommes-nous/" class="inline-block" >
Qui sommes-nous
</a>
</li>
<li>
<a href="/nos-engagements-nos-partenaires/" class="inline-block" >
Nos engagements & partenaires
</a>
</li>
<li>
<a href="/devenir-cooperateur/" class="inline-block" >
Devenir Coopérateur
</a>
</li>
<li>
<a href="/blog/" class="inline-block" >
Nos actualités
</a>
</li>
</ul>
</li>
</ul>
<ul class="flex flex-col items-center mt-3 lg:mt-0 ml-[0] lg:ml-[1rem] xl:ml-[3rem] pt-8 lg:flex-row lg:space-y-0 space-y-8 lg:space-x-3 lg:pt-0 w-full lg:w-auto">
<li class="w-full sm:w-2/3 lg:w-auto">
<a href="/contact" data-mode="popup" class="btn-filled-magenta-big text-center block">
Nous retrouver
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<!--Hero-->
<section class="w-full hero-back">
<div class="container px-6 lg:px-8 mt-12 lg:mt-20 mb-12 lg:mb-24 pt-[88px]">
<div class="grid grid-cols-12">
<div class="col-start-1 xl:col-start-3 col-span-12 xl:col-span-8 pb-12 lg:pb-20">
<h1 class="text-5xl lg:text-7xl text-center font-title">
La Ciaco, une <span class="hero-spot relative">coopérative</span>
<br>
de création et de savoir
</h1>
</div>
<div class="col-start-1 col-span-12 grid grid-cols-12 px-0 lg:px-12 gap-4 lg:gap-0">
<div class="hero-service hover:rotate-6 col-start-1 md:col-start-2 lg:col-start-1 col-span-6 md:col-span-5 lg:col-span-3 border-[3px] border-brand-purple-200 bg-brand-purple-200 aspect-square rotate-0 lg:rotate-12 rounded-lg relative">
<img class="w-full h-full object-cover rounded-[inherit]" src="/static/images/home/hero-1.jpg" alt="Fournitures de bureau">
<div class="sm:px-4 px-2 py-1 sm:py-2 absolute rounded-full bottom-2 sm:bottom-6 left-1/2 -translate-x-1/2 bg-white">
<h2 class="text-xs sm:text-sm md:text-base">Papeterie</h2>
</div>
<a href="/papeterie-beaux-arts/" class="inset-1 absolute text-0">Découvrez la papeterie</a>
</div>
<div class="hero-service hover:rotate-3 col-start-7 lg:col-start-4 md:col-span-5 col-span-6 lg:col-span-3 border-[3px] border-magenta-300 bg-magenta-300 aspect-square translate-y-0 lg:translate-y-14 rounded-lg relative">
<img class="w-full h-full object-cover rounded-[inherit]" src="/static/images/home/hero-2.jpg" alt="Imprimeur tendant des impressions au client">
<div class="sm:px-4 px-2 py-1 sm:py-2 absolute rounded-full bottom-2 sm:bottom-6 left-1/2 -translate-x-1/2 bg-white">
<h2 class="text-xs sm:text-sm md:text-base">Copies & impressions</h2>
</div>
<a href="/copies-impressions/" class="inset-1 absolute text-0">Découvrez les copies et impressions</a>
</div>
<div class="hero-service hover:rotate-[6deg] col-start-1 md:col-start-2 lg:col-start-7 md:col-span-5 col-span-6 lg:col-span-3 border-[3px] border-brand-green-200 bg-brand-green-200 aspect-square rotate-0 lg:rotate-12 rounded-lg relative">
<img class="w-full h-full object-cover rounded-[inherit]" src="/static/images/home/hero-3.jpg" alt="Une étudiante feuilletant un livre dans les couloirs de la librairie">
<div class="sm:px-4 px-2 py-1 sm:py-2 absolute rounded-full bottom-2 sm:bottom-6 left-1/2 -translate-x-1/2 bg-white">
<h2 class="text-xs sm:text-sm md:text-base">Librairie universitaire</h2>
</div>
<a href="/librairie-universitaire/" class="inset-1 absolute text-0">Découvrez les librairies</a>
</div>
<div class="hero-service hover:-rotate-3 col-start-7 lg:col-start-10 md:col-span-5 col-span-6 lg:col-span-3 border-[3px] border-brand-yellow-200 bg-brand-yellow-200 aspect-square rounded-lg relative">
<img class="w-full h-full object-cover rounded-[inherit]" src="/static/images/home/hero-4.jpg" alt="Parties mécaniques d'une presse">
<div class="sm:px-4 px-2 py-1 sm:py-2 absolute rounded-full bottom-2 sm:bottom-6 left-1/2 -translate-x-1/2 bg-white">
<h2 class="text-xs sm:text-sm md:text-base">Imprimerie</h2>
</div>
<a href="/imprimerie/" class="inset-1 absolute text-0">Découvrez l'imprimerie</a>
</div>
</div>
</div>
</div>
</section>
<!--Coopérative de l'Université-->
<section class="container px-6 lg:px-8 py-12 lg:py-24">
<div class="grid grid-cols-12 gap-y-6 lg:gap-y-10">
<div class="col-start-1 lg:col-start-3 col-span-12 lg:col-span-8 text-start lg:text-center">
<h2 class="text-2xl lg:text-3xl font-title">La Ciaco est une coopérative de consommateurs fondée en 1970 avec l'objectif de fournir des produits et un service de qualité et sur mesure à sa communauté.</h2>
</div>
<div class="col-start-1 lg:col-start-3 col-span-12 lg:col-span-8 text-start lg:text-center">
<p>
Implantée à Louvain-la Neuve, et à Woluwe, la Ciaco exerce ses activités dans le domaine de la papeterie, des loisirs créatifs, de l'imprimerie, de l'édition de cours et de la diffusion d'ouvrages scientifiques.
</p>
</div>
<div class="col-start-1 lg:col-start-3 col-span-12 lg:col-span-8 flex flex-col lg:flex-row font-title text-magenta">
<div class="w-full lg:w-1/3 xl:w-3/12 flex justify-start">
<p class="text-xl lg:text-2xl">3 points de vente</p>
</div>
<div class="w-full lg:w-1/3 xl:w-6/12 flex justify-start lg:justify-center">
<p class="text-xl lg:text-2xl text-center">+ de 80.000 co­opérateurs</p>
</div>
<div class="w-full lg:w-1/3 xl:w-3/12 flex justify-start lg:justify-end">
<p class="text-xl lg:text-2xl">1 imprimerie</p>
</div>
</div>
<div class="col-start-1 col-span-12 flex justify-center">
<a href="/devenir-cooperateur/" class="btn-filled-primary">Devenir Coopérateur</a>
</div>
</div>
</section>
<!--4 services-->
<section class="overflow-x-hidden py-12 lg:py-24">
<div class="w-full mx-auto relative">
<div class="w-full text-center px-6 lg:px-8">
<h2 class="text-4xl lg:text-6xl font-title mb-12">
Nous proposons 4 services
</h2>
</div>
<nav class="hidden md:flex justify-center flex-wrap gap-8 px-6">
<div class="w-[calc(50%-16px)] md:w-auto flex justify-center items-center">
<button onclick="moveTo(0)" class="service-btn opacity-50 hover:opacity-100 transition cursor-pointer text-sm md:text-base relative">Papeterie & Beaux-arts</button>
</div>
<div class="w-[calc(50%-16px)] md:w-auto flex justify-center items-center">
<button onclick="moveTo(1)" class="service-btn opacity-50 hover:opacity-100 transition cursor-pointer text-sm md:text-base relative">Copies & impressions</button>
</div>
<div class="w-[calc(50%-16px)] md:w-auto flex justify-center items-center">
<button onclick="moveTo(2)" class="service-btn opacity-50 hover:opacity-100 transition cursor-pointer text-sm md:text-base relative">Librairie universitaire</button>
</div>
<div class="w-[calc(50%-16px)] md:w-auto flex justify-center items-center">
<button onclick="moveTo(3)" class="service-btn opacity-50 hover:opacity-100 transition cursor-pointer text-sm md:text-base relative">Imprimerie</button>
</div>
</nav>
<div class="w-full overflow-x-clip my-12">
<section id="viewport" class="relative w-full">
<div id="track" class="flex items-center">
<div class="card-base grid grid-cols-8 shrink-0 w-[80%] md:w-[60%] bg-brand-purple-100 rounded-3xl p-6 pl-6 lg:pl-14">
<div class="col-start-1 lg:col-start-1 col-span-8 lg:col-span-3 contents lg:flex flex-col justify-between pt-8">
<div class="order-1 col-start-1 col-span-8 flex flex-col gap-y-6 lg:gap-y-8 pb-6 lg:pb-8">
<div class="visible md:hidden self-start tag-full bg-brand-purple-200">
<p>Papeterie & Beaux-Arts</p>
</div>
<h3 class="text-2xl lg:text-3xl font-title">Tout pour libérer votre créativité au quotidien </h3>
<p class="text-sm">
Que vous soyez un artiste confirmé ou à la recherche de fournitures scolaires et de bureau, découvrez notre large gamme d'articles de papeterie, de matériel de beaux-arts, de loisirs créatifs et de maroquinerie de qualité.
</p>
</div>
<a href="/papeterie-beaux-arts/" class="order-3 btn-filled-magenta col-start-1 col-span-8 self-start text-center mb-0 lg:mb-12">En savoir plus</a>
</div>
<div class="order-2 col-start-1 lg:col-start-5 col-span-8 lg:col-span-4 w-full min-h-full aspect-[4/3] pb-6 lg:pb-0">
<img class="w-full h-full object-cover rounded-2xl" src="/static/images/home/papeterie.jpg" alt="">
</div>
</div>
<div class="card-base grid grid-cols-8 shrink-0 w-[80%] md:w-[60%] bg-magenta-100 rounded-3xl p-6 pl-6 lg:pl-14">
<div class="col-start-1 lg:col-start-1 col-span-8 lg:col-span-3 contents lg:flex flex-col justify-between pt-8">
<div class="order-1 col-start-1 col-span-8 flex flex-col gap-y-6 lg:gap-y-8 pb-6 lg:pb-8">
<div class="visible md:hidden self-start tag-full bg-magenta-200">
<p>Copies & impressions</p>
</div>
<h3 class="text-2xl lg:text-3xl font-title">Un service d'impression rapide et moderne</h3>
<p class="text-sm">
À la DUC de Louvain-la-Neuve et dans notre magasin de Woluwe, imprimez ou photocopiez vos documents rapidement et au meilleur prix. Vous pouvez le faire via votre adresse mail, votre clé USB ou votre cloud DUC.
</p>
</div>
<a href="/copies-impressions/" class="order-3 btn-filled-magenta col-start-1 col-span-8 self-start text-center mb-0 lg:mb-12">En savoir plus</a>
</div>
<div class="order-2 col-start-1 lg:col-start-5 col-span-8 lg:col-span-4 w-full min-h-full aspect-[4/3] pb-6 lg:pb-0">
<img class="w-full h-full object-cover rounded-2xl" src="/static/images/home/copies.jpg" alt="">
</div>
</div>
<div class="card-base grid grid-cols-8 shrink-0 w-[80%] md:w-[60%] bg-brand-green-100 rounded-3xl p-6 pl-6 lg:pl-14">
<div class="col-start-1 lg:col-start-1 col-span-8 lg:col-span-3 contents lg:flex flex-col justify-between pt-8">
<div class="order-1 col-start-1 col-span-8 flex flex-col gap-y-6 lg:gap-y-8 pb-6 lg:pb-8">
<div class="visible md:hidden self-start tag-full bg-brand-green-200/80">
<p>Librairie universitaire</p>
</div>
<h3 class="text-2xl lg:text-3xl font-title">Vos supports de cours et livres scientifiques au meilleur prix.</h3>
<p class="text-sm">
Trouvez facilement les livres de référence recommandés par vos professeurs, achetez vos syllabus imprimés à prix compressés ou profitez de notre service de livres universitaires de seconde main.
</p>
</div>
<a href="/librairie-universitaire/" class="order-3 btn-filled-magenta col-start-1 col-span-8 self-start text-center mb-0 lg:mb-12">En savoir plus</a>
</div>
<div class="order-2 col-start-1 lg:col-start-5 col-span-8 lg:col-span-4 w-full min-h-full aspect-[4/3] pb-6 lg:pb-0">
<img class="w-full h-full object-cover rounded-2xl" src="/static/images/home/librairie.jpg" alt="">
</div>
</div>
<div class="card-base grid grid-cols-8 shrink-0 w-[80%] md:w-[60%] bg-brand-yellow-100 rounded-3xl p-6 pl-6 lg:pl-14">
<div class="col-start-1 lg:col-start-1 col-span-8 lg:col-span-3 contents lg:flex flex-col justify-between pt-8">
<div class="order-1 col-start-1 col-span-8 flex flex-col gap-y-6 lg:gap-y-8 pb-6 lg:pb-8">
<div class="visible md:hidden self-start tag-full bg-brand-yellow-200/50">
<p>imprimerie</p>
</div>
<h3 class="text-2xl lg:text-3xl font-title">Vos projets sur mesure imprimés avec soin</h3>
<p class="text-sm">
Un service complet destiné aux entreprises, institutions et particuliers pour toutes vos impressions numériques de pointe : rapports, livres, brochures, supports publicitaires (flyers, affiches) et papeterie de bureau personnalisée.
</p>
</div>
<a href="/imprimerie/" class="order-3 btn-filled-magenta col-start-1 col-span-8 self-start text-center mb-0 lg:mb-12">En savoir plus</a>
</div>
<div class="order-2 col-start-1 lg:col-start-5 col-span-8 lg:col-span-4 w-full min-h-full aspect-[4/3] pb-6 lg:pb-0">
<img class="w-full h-full object-cover rounded-2xl" src="/static/images/home/imprimerie.jpg" alt="">
</div>
</div>
</div>
</section>
</div>
<div class="flex justify-center gap-x-6 pt-6">
<button id="prev" class="transition cursor-pointer -scale-x-100">
<img src="/static/images/assets/arrow.svg" alt="Flèche gauche">
</button>
<button id="next" class="transition cursor-pointer">
<img src="/static/images/assets/arrow.svg" alt="Flèche droite">
</button>
</div>
</div>
</section>
<!--Nos engagements-->
<section class="container px-6 lg:px-8 py-12 lg:py-24">
<div class="grid grid-cols-12">
<div class="col-start-1 lg:col-start-3 col-span-12 lg:col-span-8 text-center mb-16">
<h2 class="text-4xl lg:text-6xl font-title pb-8">Nos engagements</h2>
<p>Plus de 55 ans après sa création, la Ciaco prouve qu'un modèle de commerce alternatif est possible. Au quotidien, nous nous engageons à renforcer et soutenir ce modèle à travers :</p>
</div>
<div class="col-start-1 sm:col-start-2 lg:col-start-1 col-span-12 sm:col-span-10 lg:col-span-12 grid grid-cols-12 gap-x-0 lg:gap-x-20 gap-y-20 lg:gap-y-0 mb-20">
<div class="col-span-12 lg:col-span-4 text-center flex flex-col items-center">
<img src="/static/images/illustrations/ico-book.svg" alt="Rame de papier éco-responsable">
<div class="w-full lg:w-3/4">
<h3 class="text-xl lg:text-2xl py-6 font-title text-magenta">Éco-responsabilité des produits</h3>
</div>
<p>Utilisation exclusive de papier certifié FSC et d'encres non toxiques sans solvants pour réduire l'impact environnemental.</p>
</div>
<div class="col-span-12 lg:col-span-4 text-center flex flex-col items-center">
<img src="/static/images/illustrations/ico-hand-heart.svg" alt="Coeur flottant harmonieusement au-dessus de la paume d'une main ouverte">
<div class="w-full lg:w-3/4">
<h3 class="text-xl lg:text-2xl py-6 font-title text-magenta">Modèle d'économie circulaire et sociale</h3>
</div>
<p>Réinvestissement intégral des bénéfices dans l'entreprise pour soutenir durablement son projet et ses valeurs.</p>
</div>
<div class="col-span-12 lg:col-span-4 text-center flex flex-col items-center">
<img src="/static/images/illustrations/ico-piggy.svg" alt="Tirelire souriante accompagnée de pièces de monnaie">
<div class="w-full lg:w-3/4">
<h3 class="text-xl lg:text-2xl py-6 font-title text-magenta">Accessibilité et prix justes</h3>
</div>
<p>Application de tarifs équilibrés pour garantir l'accessibilité au plus grand nombre tout en assurant la viabilité de la structure.</p>
</div>
</div>
<div class="col-start-1 col-span-12 flex justify-center">
<a href="/nos-engagements-nos-partenaires/" class="btn-filled-primary">En savoir plus</a>
</div>
</div>
</section>
<!--Testimonials-->
<div class="block-testimonials">
<!-- AVIS -->
<section class="w-full overflow-x-clip py-12 lg:py-24">
<div class="swiper avis-swiper">
<h2 class="text-4xl lg:text-6xl pb-8 lg:pb-20 font-title text-center px-8">
Ce que pensent nos clients
</h2>
<div class="swiper-wrapper flex items-start">
<div class="swiper-slide"
style="transform: rotate(2deg);"
>
<div class="flex flex-col p-9 self-start shrink-0 bg-brand-yellow-100">
<div class="flex gap-x-1 text-primary mb-6 lg:mb-8">
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
</div>
<h2 class="text-primary/90 text-sm md:text-base">
<p data-block-key="vnqbi">Je suis venue pour faire des copies pendant la semaine de la rentrée universitaire, donc en pleine période de rush pour eux. Malgré la charge de travail, l’équipe a pris le temps de bien m’expliquer certaines choses. J'avais besoin de faire 8 livrets reliés en moins d'une heure, et ils ont relevé le défi sans problème et toujours avec le sourire ! Service rapide, efficace et très pro. Merci encore !</p>
</h2>
<div class="flex gap-x-3 pt-10 items-center">
<div>
<p class="text-sm pb-2">Marie-Adeline De schaetzen</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide"
style="transform: rotate(-4deg);"
>
<div class="flex flex-col p-9 self-start shrink-0 bg-brand-yellow-100">
<div class="flex gap-x-1 text-primary mb-6 lg:mb-8">
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
</div>
<h2 class="text-primary/90 text-sm md:text-base">
<p data-block-key="59f3e">Une super équipe, compétente et à l’écoute !<br/>Je recommande vivement 💫</p>
</h2>
<div class="flex gap-x-3 pt-10 items-center">
<div>
<p class="text-sm pb-2">Sandrine Liégeois</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide"
style="transform: rotate(3deg);"
>
<div class="flex flex-col p-9 self-start shrink-0 bg-brand-yellow-100">
<div class="flex gap-x-1 text-primary mb-6 lg:mb-8">
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
</div>
<h2 class="text-primary/90 text-sm md:text-base">
<p data-block-key="fqgnu">Super service, sourire inclus. Qualité au top. Merci à toute l'équipe de la Ciaco. Beau trabail :)</p>
</h2>
<div class="flex gap-x-3 pt-10 items-center">
<div>
<p class="text-sm pb-2">Adrien RIGOT</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide"
style="transform: rotate(-5deg);"
>
<div class="flex flex-col p-9 self-start shrink-0 bg-brand-yellow-100">
<div class="flex gap-x-1 text-primary mb-6 lg:mb-8">
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
</div>
<h2 class="text-primary/90 text-sm md:text-base">
<p data-block-key="1vqki">Copie :Malgré le monde ,la fille qui travaillait a pris son temps pour chacun et m'a beaucoup aidé ,elle a cherché la solution avec moi et m'a sauvée.<br/>+choix de livress assez vaste +seconde main</p>
</h2>
<div class="flex gap-x-3 pt-10 items-center">
<div>
<p class="text-sm pb-2">Lala Djibril</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide"
style="transform: rotate(3deg);"
>
<div class="flex flex-col p-9 self-start shrink-0 bg-brand-yellow-100">
<div class="flex gap-x-1 text-primary mb-6 lg:mb-8">
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
</div>
<h2 class="text-primary/90 text-sm md:text-base">
<p data-block-key="d8024">Aidants et respectueux des délais. Petite équipe concernée.</p>
</h2>
<div class="flex gap-x-3 pt-10 items-center">
<div>
<p class="text-sm pb-2">Paul Wauters</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide"
style="transform: rotate(2deg);"
>
<div class="flex flex-col p-9 self-start shrink-0 bg-brand-yellow-100">
<div class="flex gap-x-1 text-primary mb-6 lg:mb-8">
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
</div>
<h2 class="text-primary/90 text-sm md:text-base">
<p data-block-key="as0ht">Bien situé à LLN dans rue Charlemagne avec des parkings en sous sol un peu partout. Large gamme de produits tels que agendas, papier, bics, matériel de peinture et de scolarité, sacs en tout genre etc...<br/>Devenez membre de cette coopérative et vous bénéficierez d'un prix inférieur.<br/>Le personnel est très aimable et toujours prêt à vous aider. À vous recommander si vous ne connaissez pas encore ce magasin incontournable à LLN</p>
</h2>
<div class="flex gap-x-3 pt-10 items-center">
<div>
<p class="text-sm pb-2">Hubert Bastin</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide"
style="transform: rotate(-4deg);"
>
<div class="flex flex-col p-9 self-start shrink-0 bg-brand-yellow-100">
<div class="flex gap-x-1 text-primary mb-6 lg:mb-8">
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
</div>
<h2 class="text-primary/90 text-sm md:text-base">
<p data-block-key="0ytjd">J'ai grandi avec ce magasin, et petite, je m'émerveillais devant les centaines de feutres de couleurs proposés. Aujourd'hui, je trouve toujours ce qu'il me faut, et le service sur mesure est vraiment top. J'ai toujours été pleinement satisfaite, c'est un lieu où je peux faire mes achats en toute confiance.</p>
</h2>
<div class="flex gap-x-3 pt-10 items-center">
<div>
<p class="text-sm pb-2">f l o r e n c e</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide"
style="transform: rotate(3deg);"
>
<div class="flex flex-col p-9 self-start shrink-0 bg-brand-yellow-100">
<div class="flex gap-x-1 text-primary mb-6 lg:mb-8">
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
</div>
<h2 class="text-primary/90 text-sm md:text-base">
<p data-block-key="k0w4r">Top bien. Trop beau tout ce matériel. Tres très grand choix. Il y a tout. Tarifs concurrentiels donc pas de raison d'aller ailleurs, personnel très aimable et à l'écoute. Merci</p>
</h2>
<div class="flex gap-x-3 pt-10 items-center">
<div>
<p class="text-sm pb-2">Vince</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide"
style="transform: rotate(2deg);"
>
<div class="flex flex-col p-9 self-start shrink-0 bg-brand-yellow-100">
<div class="flex gap-x-1 text-primary mb-6 lg:mb-8">
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
<svg width="25" height="25" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33496 0.68457C7.83211 -0.255146 9.19419 -0.21991 9.64258 0.744141L11.4258 4.57812L15.6162 5.29785C16.6643 5.47757 17.0607 6.78147 16.2725 7.50684L13.1562 10.373L13.7676 14.5508C13.9226 15.611 12.7915 16.3716 11.8662 15.8574L8.1543 13.7939L4.34277 15.665C3.39252 16.1311 2.30199 15.3144 2.51074 14.2637L3.33398 10.123L0.369141 7.10059C-0.380889 6.33605 0.0804291 5.05419 1.13574 4.92773L5.35742 4.42383L7.33496 0.68457Z" fill="#0A0A0A"/>
</svg>
</div>
<h2 class="text-primary/90 text-sm md:text-base">
<p data-block-key="shusi">Choix suffisant pour la papeterie (cahier, agendas, accessoires de bureau,...) et tarifs raisonnable</p>
</h2>
<div class="flex gap-x-3 pt-10 items-center">
<div>
<p class="text-sm pb-2">Thomas</p>
</div>
</div>
</div>
</div>
</div>
<div class="flex justify-center gap-x-6 pt-8 lg:pt-14">
<button class="swiper-button-prev-avis cursor-pointer -scale-x-100" type="button" aria-label="Arrow left">
<img src="/static/images/assets/arrow.svg" alt="">
</button>
<button class="swiper-button-next-avis cursor-pointer" type="button" aria-label="Arrow right">
<img src="/static/images/assets/arrow.svg" alt="">
</button>
</div>
</div>
</section></div>
<!--3 POINTS DE VENTE-->
<section class="selling-points relative w-full overflow-x-clip overflow-y-clip md:overflow-y-visible">
<div class="container px-6 lg:px-8 pt-12 pb-12 lg:pb-12 lg:pt-24">
<div class="grid grid-cols-12">
<!--title-->
<div class="col-start-1 lg:col-start-3 col-span-12 lg:col-span-8 flex justify-center mb-8 lg:mb-16">
<h2 class="text-4xl lg:text-6xl text-center font-title">Retrouvez-nous à l'un de nos 3 points de vente</h2>
</div>
<div class="col-start-1 col-span-12 grid grid-cols-12 gap-6">
<!--one card-->
<div class="col-span-12 md:col-span-4 bg-white border border-primary bor-der p-7 rounded-3xl">
<div class="flex flex-col h-full justify-between">
<ul class="flex flex-wrap gap-2">
<li class="tag-outlined border-brand-purple text-brand-purple shrink-0">Papeterie & Beaux-arts</li>
</ul>
<div class="flex flex-col gap-y-3 pt-3 pb-5">
<h3 class="text-xl lg:text-2xl font-title">CIACO Papeterie</h3>
<p>
Rue Charlemagne 13<br>1348 Louvain-la-Neuve
</p>
</div>
<div class="flex flex-wrap gap-x-2 mb-6 lg:mb-12">
<a href="mailto:papeterie@ciaco.coop" class="shrink-0 w-10 h-10 flex items-center justify-center bg-secondary-200 rounded-full p-[1px]">
<img class="w-[55%] h-[55%] object-cover" src="/static/images/assets/ico-mail.svg" alt="Mail">
</a>
<a href="tel:010487690" class="shrink-0 w-10 h-10 flex items-center justify-center bg-secondary-200 rounded-full p-[1px]">
<img class="w-[55%] h-[55%] object-cover" src="/static/images/assets/ico-phone.svg" alt="Téléphone">
</a>
<a href="https://maps.app.goo.gl/FgUWxz6RrLCp3vz88" class="shrink-0 w-10 h-10 flex items-center justify-center bg-secondary-200 rounded-full p-[1px]" target="_blank">
<img class="w-[55%] h-[55%] object-cover" src="/static/images/assets/ico-location.svg" alt="Localisation">
</a>
</div>
<div class="w-full aspect-video bg-purple-50 rounded-xl">
<img class="w-full h-full object-cover rounded-[inherit]" src="/static/images/shops/louvain.jpg" alt="Entrée de la papeterie">
</div>
</div>
</div>
<!--one card-->
<div class="col-span-12 md:col-span-4 bg-white border border-primary bor-der p-7 rounded-3xl">
<div class="flex flex-col h-full justify-between">
<ul class="flex flex-wrap gap-2">
<li class="tag-outlined border-magenta text-magenta shrink-0">Copies & impressions</li>
<li class="tag-outlined border-brand-green text-brand-green shrink-0">Librairie indépendante</li>
</ul>
<div class="flex flex-col gap-y-3 pt-3 pb-5">
<h3 class="text-xl lg:text-2xl font-title">DUC Louvain-La-Neuve</h3>
<p>
Grand-Rue 2-14<br>1348 Louvain-la-Neuve
</p>
</div>
<div class="flex flex-wrap gap-x-2 mb-6 lg:mb-12">
<a href="mailto:duc@ciaco.coop" class="shrink-0 w-10 h-10 flex items-center justify-center bg-secondary-200 rounded-full p-[1px]">
<img class="w-[55%] h-[55%] object-cover" src="/static/images/assets/ico-mail.svg" alt="Mail">
</a>
<a href="tel:010453097" class="shrink-0 w-10 h-10 flex items-center justify-center bg-secondary-200 rounded-full p-[1px]">
<img class="w-[55%] h-[55%] object-cover" src="/static/images/assets/ico-phone.svg" alt="Téléphone">
</a>
<a href="https://maps.app.goo.gl/WGgHkyzw1SovKiAGA" class="shrink-0 w-10 h-10 flex items-center justify-center bg-secondary-200 rounded-full p-[1px]" target="_blank">
<img class="w-[55%] h-[55%] object-cover" src="/static/images/assets/ico-location.svg" alt="Localisation">
</a>
</div>
<div class="w-full aspect-video bg-purple-50 rounded-xl">
<img class="w-full h-full object-cover rounded-[inherit]" src="/static/images/shops/copy-duc.jpg" alt="Façade du magasin de Louvain-La-Neuve">
</div>
</div>
</div>
<!--one card-->
<div class="col-span-12 md:col-span-4 bg-white border border-primary bor-der p-7 rounded-3xl">
<div class="flex flex-col h-full justify-between">
<ul class="flex flex-wrap gap-2">
<li class="tag-outlined border-magenta text-magenta shrink-0">Copies & impressions</li>
<li class="tag-outlined border-brand-green text-brand-green shrink-0">Librairie médicale</li>
<li class="tag-outlined border-brand-purple text-brand-purple shrink-0">Papeterie & Beaux-arts</li>
</ul>
<div class="flex flex-col gap-y-3 pt-3 pb-5">
<h3 class="text-xl lg:text-2xl font-title">Ciaco Woluwe</h3>
<p>
Jardin Martin V 29<br>1200 Bruxelles
</p>
</div>
<div class="flex flex-wrap gap-x-2 mb-6 lg:mb-12">
<a href="mailto:lew@ciaco.coop" class="shrink-0 w-10 h-10 flex items-center justify-center bg-secondary-200 rounded-full p-[1px]">
<img class="w-[55%] h-[55%] object-cover" src="/static/images/assets/ico-mail.svg" alt="Mail">
</a>
<a href="tel:027623585" class="shrink-0 w-10 h-10 flex items-center justify-center bg-secondary-200 rounded-full p-[1px]">
<img class="w-[55%] h-[55%] object-cover" src="/static/images/assets/ico-phone.svg" alt="Téléphone">
</a>
<a href="https://maps.app.goo.gl/rLT1ncinHD8M4dEv5" class="shrink-0 w-10 h-10 flex items-center justify-center bg-secondary-200 rounded-full p-[1px]" target="_blank">
<img class="w-[55%] h-[55%] object-cover" src="/static/images/assets/ico-location.svg" alt="Localisation">
</a>
</div>
<div class="w-full aspect-video bg-purple-50 rounded-xl">
<img class="w-full h-full object-cover rounded-[inherit]" src="/static/images/shops/woluwe.jpg" alt="Entrée du magasin de Woluwe">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--impression numériques sur mesure-->
<section class="w-full">
<div class="container px-6 lg:px-8 pt-8 pb-12 lg:pt-12 lg:pb-24">
<div class="grid grid-cols-12">
<div class="col-start-1 lg:col-start-4 col-span-12 lg:col-span-6 flex flex-col items-center">
<div class="">
<img src="/static/images/home/illu-rdv.svg" alt="Jeune homme au téléphone faisant une commande à l'imprimerie">
</div>
<div class="flex flex-col items-center text-center mt-6 mb-4">
<h2 class="text-2xl lg:text-3xl font-title pb-4">
Vous avez plutôt besoin d'impressions numériques sur mesure ?
</h2>
<p class="w-full lg:w-3/4">
Contactez notre équipe ou rendez-vous à notre imprimerie située à Louvain-La-Neuve.
</p>
</div>
<div class="flex justify-center">
<a href="/imprimerie/" class="btn-filled-primary">En savoir plus</a>
</div>
</div>
</div>
</div>
</section>
<!--BLOGPOSTS-->
<section class="py-12 lg:py-24">
<div class="container">
<div class="grid grid-cols-1 lg:grid-cols-12 gap-x-8 mb-10">
<div class="col-span-1 lg:col-span-12">
<div class="flex flex-col md:flex-row justify-between items-start md:items-end">
<div class="text-4xl lg:text-6xl font-title px-0 md:px-4">
Nos derniers articles
</div>
<a href="/blog" class="self-end mt-4 p-0 lg:p-4">Voir plus</a>
</div>
</div>
</div>
<div class="grid grid-cols-12 gap-x-0 lg:gap-x-2 gap-y-16 lg:gap-y-0">
<a href="/blog/elles-reviennent-en-magasin-ce-2410/" class="col-span-12 lg:col-span-4 flex flex-col gap-y-6 sm:p-5 rounded-2xl sm:hover:bg-brand-purple-100/50 transition-all">
<div class="bg-red-200 rounded-xl overflow-clip">
<img src="/media/images/Mystery_Box_1026.e619fdd0.fill-800x500.jpg" alt="" class="w-full object-fill">
</div>
<div class="flex flex-col justify-between h-full gap-y-4">
<div>
<span class="text-xs uppercase">
20 Oct 2026
</span>
</div>
<h2 class="text-xl flex-1 line-clamp-2 font-title">Elles reviennent en magasin ce 24/10 !</h2>
<div class="text-sm line-clamp-3"><p data-block-key="bw09f">Les <b>Mystery Box CIACO </b>font leur retour ce samedi 24 octobre !</p></div>
<p class="text-sm mt-5 text-primary/60">Lire l'article</p>
</div>
</a>
<a href="/blog/ouverture-exceptionnelle-150826/" class="col-span-12 lg:col-span-4 flex flex-col gap-y-6 sm:p-5 rounded-2xl sm:hover:bg-brand-purple-100/50 transition-all">
<div class="bg-red-200 rounded-xl overflow-clip">
<img src="/media/images/15.08.26_v2.2e16d0ba.fill-800x500.png" alt="" class="w-full object-fill">
</div>
<div class="flex flex-col justify-between h-full gap-y-4">
<div>
<span class="text-xs uppercase">
13 Aoû 2026
</span>
</div>
<h2 class="text-xl flex-1 line-clamp-2 font-title">Ouverture exceptionnelle 15.08.26</h2>
<div class="text-sm line-clamp-3"><p data-block-key="u9dne">Notre papeterie de Louvain-la-Neuve sera exceptionnellement ouverte ce samedi 15 août 2026.</p><p data-block-key="tu6e"></p></div>
<p class="text-sm mt-5 text-primary/60">Lire l'article</p>
</div>
</a>
<a href="/blog/concours-de-noel-2025/" class="col-span-12 lg:col-span-4 flex flex-col gap-y-6 sm:p-5 rounded-2xl sm:hover:bg-brand-purple-100/50 transition-all">
<div class="bg-red-200 rounded-xl overflow-clip">
<img src="/media/images/concours_eoy_pap_2025_0.2e16d0ba.fill-800x500.png" alt="" class="w-full object-fill">
</div>
<div class="flex flex-col justify-between h-full gap-y-4">
<div>
<span class="text-xs uppercase">
12 Déc 2025
</span>
</div>
<h2 class="text-xl flex-1 line-clamp-2 font-title">Concours de Noël 2025</h2>
<div class="text-sm line-clamp-3"></div>
<p class="text-sm mt-5 text-primary/60">Lire l'article</p>
</div>
</a>
</div>
</div>
</section>
<!--CTA-->
<section class="py-12 lg:pb-24 px-6 lg:px-8">
<div id="home_cta" class="pattern-cta container rounded-3xl px-8 lg:px-16 py-12 relative overflow-clip bg-magenta-100">
<div class="grid grid-cols-12">
<div class="order-2 lg:order-1 col-start-1 col-span-12 lg:col-span-7 z-10">
<div class="block-cta">
<div>
<h2 class="text-primary text-3xl lg:text-5xl mb-6 font-title">Découvrez nos points de vente et faites vivre vos papiers</2>
</div>
<div class="richtext_cta">
<!-- TODO: Do not let user add h2 in richtext -->
<p data-block-key="33u58">Venez découvrir notre librairie coopérative et trouvez tous vos manuels, syllabi et services d'impression.</p>
</div>
<div class="flex">
<a href="/contact/" class="btn-blank w-full md:w-auto text-center">
Retrouvez-nous
</a>
</div>
</div>
</div>
<div class="order-1 lg:order-2 col-start-2 md:col-start-3 lg:col-start-9 col-span-10 md:col-span-8 lg:col-span-4 aspect-square lg:aspect-auto mb-12 lg:mb-0 z-10">
<div class="w-full h-full flex items-center justify-center">
<img class="object-contain h-full" src="/static/images/home/cta.svg" alt="Une cliente souriante se dirigeant vers le magasin">
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="text-primary pt-24 pb-6 lg:pb-8 text-sm mt-12 overflow-clip relative" id="footer">
<div class="container">
<div class="grid grid-cols-12 gap-x-10 mb-24">
<div class="col-start-1 col-span-10 lg:col-span-3 pb-12 lg:pb-0">
<a href="/" class="">
<img class="mb-10 h-[40px] w-[120px]" src="/static/images/logo.svg" alt="Logo Ciaco">
</a>
<ul class="flex flex-wrap gap-2.5">
</ul>
</div>
<div class="col-start-1 lg:col-start-5 col-span-6 lg:col-span-4 xl:col-span-2 footer__menu-footer menu-footer mb-0 lg:mb-16 flex flex-col break-all">
<div class="mb-14 lg:mb-16 flex flex-col">
<h3 class="text-xl lg:text-lg mb-4 lg:mb-8 font-title">Services</h3>
<ul class="flex flex-col footer-main_menu footer-global-menu">
<li class="text-2xl lg:text-sm xl:text-base w-full lg:w-auto font-title lg:font-text">
<a href="/papeterie-beaux-arts/" class="inline-block pb-1 lg:pb-1 pt-0 lg:pt-5 mb-0 lg:mb-2 transition-all duration-300 relative">
Papeterie
</a>
</li>
<li class="text-2xl lg:text-sm xl:text-base w-full lg:w-auto font-title lg:font-text">
<a href="/copies-impressions/" class="inline-block pb-1 lg:pb-1 pt-0 lg:pt-5 mb-0 lg:mb-2 transition-all duration-300 relative">
Copies & impressions
</a>
</li>
<li class="text-2xl lg:text-sm xl:text-base w-full lg:w-auto font-title lg:font-text">
<a href="/librairie-universitaire/" class="inline-block pb-1 lg:pb-1 pt-0 lg:pt-5 mb-0 lg:mb-2 transition-all duration-300 relative">
Librairie universitaire
</a>
</li>
<li class="text-2xl lg:text-sm xl:text-base w-full lg:w-auto font-title lg:font-text">
<a href="/imprimerie/" class="inline-block pb-1 lg:pb-1 pt-0 lg:pt-5 mb-0 lg:mb-2 transition-all duration-300 relative">
Imprimerie
</a>
</li>
<li class="text-lg lg:text-sm xl:text-base nav__item relative w-full lg:w-auto">
<span class="flex items-center pt-0 lg:pt-4 mb-5 lg:mb-2 text-2xl lg:text-sm xl:text-base transition-all duration-300 cursor-default font-title lg:font-text">
Notre coopérative
<svg class="w-[15px] lg:w-[7px] h-[15px] lg:h-[4px] ml-2 lg:bg-none p-[3px] lg:p-0 rounded-full" width="7" height="4" viewbox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.10984 0.109835C6.25628 -0.0366117 6.49464 -0.0366117 6.64109 0.109835C6.78753 0.256282 6.78753 0.494638 6.64109 0.641085L3.64108 3.64108C3.49464 3.78753 3.25628 3.78753 3.10983 3.64108L0.109835 0.641085C-0.0366117 0.494638 -0.0366117 0.256282 0.109835 0.109835C0.256282 -0.0366117 0.494638 -0.0366117 0.641085 0.109835L3.37546 2.84421L6.10984 0.109835Z" fill="#18181B"/>
</svg>
</span>
<ul class="px-4 py-2 lg:py-0 lg:px-0 bg-secondary-100 w-full lg:w-auto">
<li>
<a href="/qui-sommes-nous/" class="inline-block" >
Qui sommes-nous
</a>
</li>
<li>
<a href="/nos-engagements-nos-partenaires/" class="inline-block" >
Nos engagements & partenaires
</a>
</li>
<li>
<a href="/devenir-cooperateur/" class="inline-block" >
Devenir Coopérateur
</a>
</li>
<li>
<a href="/blog/" class="inline-block" >
Nos actualités
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="col-start-1 sm:col-start-7 col-span-12 sm:col-span-6 lg:col-span-4 xl:col-span-2 footer__menu-footer menu-footer mb-0 lg:mb-16 flex flex-col break-all">
<div class="mb-14 lg:mb-16 flex flex-col">
<h3 class="text-xl lg:text-lg mb-4 lg:mb-8 font-title">Ciaco</h3>
<ul class="flex flex-col text-base footer-global-menu">
<li>
<a href="/qui-sommes-nous/" class="inline-block" >
Qui sommes-nous
</a>
</li>
<li>
<a href="/nos-engagements-nos-partenaires/" class="inline-block" >
Nos engagements & partenaires
</a>
</li>
<li>
<a href="/devenir-cooperateur/" class="inline-block" >
Devenir Coopérateur
</a>
</li>
<li>
<a href="/blog/" class="inline-block" >
Nos actualités
</a>
</li>
</ul>
</div>
</div>
<div class="col-start-1 lg:col-start-5 col-span-12 lg:col-span-8 xl:col-span-4">
<div class="w-full mb-4 lg:mb-8">
<h3 class="text-xl lg:text-lg font-title">Magasins</h3>
</div>
<div class="w-full flex flex-col gap-y-6 md:gap-y-8 lg:gap-y-12 text-sm">
<div class="w-full flex flex-col sm:flex-row gap-x-6 sm:gap-x-10 xl:gap-x-6">
<div class="w-1/2 pb-6 sm:pb-0 relative">
<h4 class="font-bold pb-3">
Ciaco Woluwe
</h4>
<p>Jardin Martin V 29<br>1200 Bruxelles<br>
<span class="text-magenta">02 762 35 85</span>
</p>
<a href="https://maps.app.goo.gl/PHo4DLooJYAUwmon8" class="text-0 absolute inset-1" target="_blank">Vers l'adresse de la Ciaco Woluwe</a>
</div>
<div class="w-1/2 relative">
<h4 class="font-bold pb-3">
CIACO Papeterie
</h4>
<p>Rue Charlemagne 13<br>1348 Louvain-la-Neuve<br>
<span class="text-magenta">010 48 76 90</span>
</p>
<a href="https://maps.app.goo.gl/aTmrJfwaCEG3y5KX7" class="text-0 absolute inset-1" target="_blank">Vers l'adresse de la Ciaco Papeterie</a>
</div>
</div>
<div class="w-full flex flex-col sm:flex-row gap-x-6 sm:gap-x-10 xl:gap-x-6">
<div class="w-1/2 pb-6 sm:pb-0 relative">
<h4 class="font-bold pb-3">
CIACO Imprimerie
</h4>
<p>Parc Scientifique Einstein<br>Rue de Rodeuhaie, 27<br>1348 Louvain-la-Neuve<br>
<span class="text-magenta">010 47 55 35</span>
</p>
<a href="https://maps.app.goo.gl/i8iVMLjdjCY9vssj9" class="text-0 absolute inset-1" target="_blank">Vers l'adresse de la Ciaco Imprimerie</a>
</div>
<div class="w-1/2 relative">
<h4 class="font-bold pb-3">
DUC - Louvain-la-Neuve
</h4>
<p>Grand-Rue 2-14<br>1348 Louvain-la-Neuve<br>
<span class="text-magenta">010 45 30 97</span>
</p>
<a href="https://maps.app.goo.gl/hG3HiauKRY4MRF8J7" class="text-0 absolute inset-1" target="_blank">Vers l'adresse de la DUC Louvain-la-Neuve</a>
</div>
</div>
</div>
</div>
</div>
<div class="privacyCGU grid grid-cols-12 pt-0 lg:pt-18 items-end">
<div class="privacyCGU__li privacyCGU__privacy col-start-1 col-span-12 lg:col-span-8 mb-6 lg:mb-0">
<span class="privacyCGU__text">©</span>
<span class="privacyCGU__text">2026 · </span>
<a href="/mentions-legales" class="privacyCGU__link text-lowercase border-0">Mentions légales</a>
<span class="privacyCGU__text"> · </span>
<a href="/conditions-generales-de-vente" class="privacyCGU__link text-lowercase border-0">Conditions générales</a>
<span class="privacyCGU__text"> · </span>
<a href="/cookie/" class="privacyCGU__link text-lowercase border-0">Cookie Policy</a>
</div>
<div class="col-start-1 lg:col-start-9 col-span-4 lg:col-span-12">
<div class="w-full flex justify-start lg:justify-end">
<a href="https://www.kern-it.be/fr/" target="_blank" class="break-keep">Crafted by KERN-IT</a>
</div>
</div>
</div>
</div>
</footer>
<script src="/static/js/main.js" data-cookieconsent="ignore"></script>
<script src="/static/js/swiper-bundle.min.js" data-cookieconsent="ignore"></script>
</body>
</html>