PageSourceSearch

https://www.apothical.fr/a-propos

html apothical.fr collected 2026-10-01 16:12:16 UTC 51,573 bytes, 776 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3    <head>
4        <title>Apothical</title>
5        <meta charset="UTF-8" />
6                    <meta name="description" content="Apothical">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
8    <link rel="manifest" href="/manifest-apothical.json">
9    <link rel="apple-touch-icon" href="/apple-touch-icon-apothical.png" />
10        <link rel="icon" type="image/svg+xml" href="/favicon-apothical.svg" sizes="any">
11    
12                                    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto">
13    <link rel="stylesheet" type="text/css" href="https://cdn.mesoigner.fr/dist/front_associations/scripts.78610001.css">
14    <link rel="stylesheet" type="text/css" href="https://cdn.mesoigner.fr/dist/front_associations/apothical.e173eb96.css">
vendor: 100 bytes, lines 14-15
14
15                                    <script async src="https://www.googletagmanager.com/gtag/js?id=
15G-GLH2WGV28F
vendor: 95 bytes, lines 15-16
15"></script>
16                    <script async src="https://www.googletagmanager.com/gtag/js?id=
16G-790TC12M5L
vendor: 28 bytes, lines 16-17
16"></script>
17                
17<script>
18            window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());
19            var gtagConfig = {'anonymize_ip': true, 'cookie_domain': window.location.hostname, 'cookie_expires': 60 * 60 * 24 * 365};
20            var gtagSent = false;
21            function sendAnalytics() {
22                if (gtagSent) {
23                    return;
24                }
25                                    gtag('config', 'G-GLH2WGV28F', gtagConfig);
26                                    gtag('config', 'G-790TC12M5L', gtagConfig);
27                            }
28                    </script>
28
29        </head>
30    <body class="">
31                    <div class="d-flex flex-column">
32        <div class="order-first slogans-header">
33        </div>
34                    <header data-theme="apothical" class="">
35                <div class="bg-primrose d-none d-lg-flex justify-content-end" style="padding-bottom: 2px; padding-top: 2px;">
36    <div class="d-flex text-secondary mr-4 align-items-center" style="line-height: 1">
37        <div>
38            <a class="text-decoration-none text-secondary" href="/offres-emploi">
39                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/header/recrutement.svg" alt="Recrutement" class="mr-1">Recrutement</a>
40        </div>
41        <div class="ml-4">
42            <a class="text-decoration-none text-secondary" href="https://moncompte.apothical.fr" target="_blank">
43                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/header/programme-de-fidelite.svg" alt="Carte de fidélité" class="">
44                Mon compte fidélité
45            </a>
46        </div>
47        <div class="ml-3">
48            <a class="text-decoration-none text-secondary" target="_blank" href="https://www.facebook.com/ApothicalPharmacies/">
49                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/header/facebook.svg" alt="Icône Facebook" style="max-height: 1.3em;">
50            </a>
51        </div>
52        <div class="ml-4">
53            <a class="text-decoration-none text-secondary" target="_blank" href="https://www.instagram.com/apothicalpharmacies/?hl=fr">
54                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/header/instagram.svg" alt="Icône Instagram" style="max-height: 1.3em;">
55            </a>
56        </div>
57    </div>
58</div>
59<div class="sticky-placeholder">
60    <div class="header-wrapper stickable">
61        <div class="header-wrapper-container">
62            <div class="container-fluid container-fluid-max header-content px-2 px-sm-3">
63                <div class="d-none d-lg-flex row no-gutters justify-content-center align-items-center pt-2 pt-lg-3">
64                    <div class="col-auto d-lg-none">
65                        <label for="menu-mobile" class="m-0"><span class="em-1-6 mr-3">☰</span></label>
66                    </div>
67                    <div class="col col-lg-auto">
68                        <div class="row align-items-center no-gutters">
69                            <div class="col-auto">
70                                
71                                    <a href="/">
72                                        <img class="header-logo mr-3" width="149" height="86" src="https://cdn.mesoigner.fr/uploads/logos/logo-association-apothical.png" alt="Apothical, Aix en Provence" />
73                                    </a>
74                                
75                            </div>
76                            <div class="col">
77                        </div>
78                    </div>
79                </div>
80            </div>
81            <div class="d-flex d-lg-none justify-content-between align-items-center py-2 py-lg-4">
82                <div>
83                    <label for="menu-mobile" class="m-0"><span class="em-1-6 mr-3">☰</span></label>
84                </div>
85                <div>
86                    <div class="row align-items-center no-gutters">
87                        <div class="mobile-header-logo-wrapper">
88                            <a href="/">
89                                <img class="header-logo mr-2" width="149" height="86" src="https://cdn.mesoigner.fr/uploads/logos/logo-association-apothical.png" alt="Apothical, Aix en Provence" />
90                            </a>
91                        </div>
92                        <div>
93                    </div>
94                </div>
95            </div>
96            <div></div>
97        </div>
98    </div>
99</div>
100<div class="sticky-placeholder d-none d-lg-block">
101    <nav class="main-menu-wrapper stickable">
102        <div class="container-fluid header-content" style="max-width: 1100px;">
103            <ul class="main-menu-lvl1">
104                <li class="main-menu-item main-menu-item-lvl1 main-menu-item-lvl1-service">
105                    <a class="main-menu-link main-menu-link-lvl1" href="/a-propos">
106                        Qui sommes-nous ?
107                    </a>
108                    <div class="main-menu-lvl2-dropdown">
109                        <a class="text-decoration-none text-left my-2" href="/a-propos">Nos offres et services</a>
110                        <a class="text-decoration-none text-left my-2" href="/offres-emploi">Recrutement</a>
111                        <a class="text-decoration-none text-left my-2" href="/contact" >Contact</a>
112                    </div>
113                </li>
114                <li class="main-menu-item main-menu-item-lvl1 main-menu-item-lvl1-service">
115                    <a class="main-menu-link main-menu-link-lvl1" href="/programme-de-fidelite">
116                        Programme de fidélité
117                    </a>
118                </li>
119                <li class="main-menu-item main-menu-item-lvl1 main-menu-item-lvl1-service">
120                    <a class="main-menu-link main-menu-link-lvl1" href="/trouvez-une-pharmacie">
121                        Nos pharmacies
122                    </a>
123                </li>
124                <li class="main-menu-item main-menu-item-lvl1 main-menu-item-lvl1-service">
125                    <a class="main-menu-link main-menu-link-lvl1" href="/medicaments-parapharmacie">
126                        Nos produits
127                    </a>
128                    <div class="main-menu-lvl2-dropdown">
129                        <a class="text-decoration-none text-left my-2" href="/parapharmacie">Parapharmacie</a>
130                        <a class="text-decoration-none text-left my-2" href="/medicaments-parapharmacie/produits/page/1/categorie/2-medicaments">Médicaments</a>
131                        <a class="text-decoration-none text-left my-2" href="/carte-cadeau">Carte cadeau</a>
132                        <a class="text-decoration-none text-left my-2" href="/calendrier-de-lavent">
133                            Calendrier de l’avent 2026
134                        </a>
135                    </div>
136                </li>
137                <li class="main-menu-item main-menu-item-lvl1 main-menu-item-lvl1-service">
138                    <a class="main-menu-link main-menu-link-lvl1" href="/rendez-vous/">
139                        Nos services et rendez-vous
140                    </a>
141                    <div class="main-menu-lvl2-dropdown">
142                        <a class="text-decoration-none text-left my-2" href="/rendez-vous/#vaccination">Vaccination</a>
143                        <a class="text-decoration-none text-left my-2" href="/rendez-vous/#test-covid">Test Covid-19</a>
144                        <a class="text-decoration-none text-left my-2" href="/rendez-vous/#evenements">Événements</a>
145                        <a class="text-decoration-none text-left my-2" href="/rendez-vous/#services">Nos services</a>
146                    </div>
147                </li>
148                <li class="main-menu-item main-menu-item-lvl1 main-menu-item-lvl1-service">
149                    <a class="main-menu-link main-menu-link-lvl1" href="/actualites">
150                        Actualités et conseils
151                    </a>
152                    <div class="main-menu-lvl2-dropdown">
153                        <a class="text-decoration-none text-left my-2" href="/actualites">Actualités</a>
154                        <a class="text-decoration-none text-left my-2" href="/conseils">Conseils</a>
155                        <a class="text-decoration-none text-left my-2" href="/epidemies/">Cartes épidémiques</a>
156                    </div>
157                </li>
158                <li class="main-menu-item main-menu-item-lvl1 main-menu-item-sticky">
159                    <a class="main-menu-link main-menu-link-lvl1 cursor-pointer text-bottle-green"><svg class="icon-svg menu-svg-color" role="img" width="1.4em" height="1.4em"><use xlink:href="/fonts/mesoigner.svg#icon-search" /></svg></a>
160                    <div class="main-menu-submenu-wrapper">
161                        <div class="main-menu-submenu main-menu-submenu-search">
162                            <div class="container-fluid container-fluid-max header-content">
163                                <div class="py-4">
164                                    <form method="post" action="/medicaments-parapharmacie/formulaire-recherche">
165                                        <div class="row no-gutters">
166                                            <div class="col">
167                                                <input type="text" name="search" class="form-control input-search search-completion rounded"
168                                                       placeholder="Trouvez un produit ou une pharmacie"
169                                                       autocomplete="off"
170                                                       data-completion-url="/medicaments-parapharmacie/formulaire-recherche/completion/1" />
171                                            </div>
172                                            <div class="col-auto">
173                                                <button class="ml-3 btn btn-search sticky-btn-search rounded" type="submit">
174                                                    <span class="btn-text-loading"><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span></span>
175                                                    <span class="btn-text"><svg class="icon-svg" role="img" width="1.3em" height="1.3em"><use xlink:href="/fonts/icons.svg#icon-search" /></svg></span>
176                                                </button>
177                                            </div>
178                                        </div>
179                                    </form>
180                                </div>
181                            </div>
182                        </div>
183                    </div>
184                </li>
185            </ul>
186        </div>
187    </nav>
188</div>
189<input type="checkbox" id="menu-mobile" class="menu-mobile-checkbox">
190<div class="menu-mobile">
191    <div class="px-4 pt-4">
192        <div class="row align-items-center justify-content-end">
193            <div class="col">
194                <form method="post" action="/medicaments-parapharmacie/formulaire-recherche">
195                    <div class="w-100 d-flex">
196                        <input type="text" name="search" class="form-control input-search search-completion rounded py-2"
197                               placeholder="Trouvez un produit ou une pharmacie"
198                               autocomplete="off"
199                               data-completion-url="/medicaments-parapharmacie/formulaire-recherche/completion/1" />
200                        <button class="btn btn-search mobile-btn-search rounded" type="submit">
201                            <span class="btn-text-loading"><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span></span>
202                            <span class="btn-text"><svg class="icon-svg" role="img" width="1.3em" height="1.3em"><use xlink:href="/fonts/icons.svg#icon-search" /></svg></span>
203                        </button>
204                    </div>
205                </form>
206            </div>
207            <div class="col-auto">
208                <label class="menu-mobile-close" for="menu-mobile">
209                    <svg class="icon-svg" role="img" width="1em" height="1em"><use xlink:href="/fonts/icons.svg#icon-logout" /></svg>
210                </label>
211            </div>
212        </div>
213    </div>
214    <div class="py-4">
215        <div class="px-4 py-1">
216            <div class="px-1 py-1">
217                <a class="text-decoration-none" href="/a-propos">Qui sommes-nous ?</a>
218                <a href="#mobile-menu-association" class="mobile-menu-collapse" data-toggle="collapse"
219                   data-collapse-show-text="&lt;svg class=&quot;icon-svg ml-2&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;"
220                   data-collapse-hide-text="&lt;svg class=&quot;icon-svg ml-2&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;">
221                    <svg class="icon-svg ml-2" role="img" width="0.6em" height="0.6em"><use xlink:href="/fonts/icons.svg#icon-caret" /></svg>
222                </a>
223                <ul class="list-unstyled mt-1 collapse pt-2 ml-2" id="mobile-menu-association">
224                    <li class="my-2">
225                        <a class="text-decoration-none font-weight-bold" href="/a-propos">
226                            Nos offres et services
227                        </a>
228                    </li>
229                    <li class="my-2">
230                        <a class="text-decoration-none font-weight-bold" href="/offres-emploi">
231                            Recrutement
232                        </a>
233                    </li>
234                    <li class="my-2">
235                        <a class="text-decoration-none font-weight-bold" href="/contact">
236                            Contact
237                        </a>
238                    </li>
239                </ul>
240            </div>
241        </div>
242        <div class="px-4 py-1">
243            <div class="px-1 py-1">
244                <a class="text-decoration-none" href="/programme-de-fidelite">Programme de fidélité</a>
245            </div>
246        </div>
247        <div class="px-4 py-1">
248            <div class="px-1 py-1">
249                <a class="text-decoration-none" href="/trouvez-une-pharmacie">Nos pharmacies</a>
250            </div>
251        </div>
252        <div class="px-4 py-1">
253            <div class="px-1 py-1">
254                <a class="text-decoration-none" href="/medicaments-parapharmacie">Nos produits</a>
255                <a href="#mobile-menu-association-find-product" class="mobile-menu-collapse" data-toggle="collapse" data-collapse-show-text="&lt;svg class=&quot;icon-svg ml-2&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;" data-collapse-hide-text="&lt;svg class=&quot;icon-svg ml-2&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;"><svg class="icon-svg ml-2" role="img" width="0.6em" height="0.6em"><use xlink:href="/fonts/icons.svg#icon-caret" /></svg></a>
256                <ul class="list-unstyled collapse pt-2 ml-2" id="mobile-menu-association-find-product">
257                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/parapharmacie">Parapharmacie</a></li>
258                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/medicaments-parapharmacie/produits/page/1/categorie/2-medicaments">Médicaments</a></li>
259                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/carte-cadeau">Carte cadeau</a></li>
260                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/calendrier-de-lavent">
261                            Calendrier de l’avent 2026</a>
262                    </li>
263                </ul>
264            </div>
265        </div>
266        <div class="px-4 py-1">
267            <div class="px-1 py-1">
268                <a class="text-decoration-none" href="/rendez-vous/">Nos services et rendez-vous</a>
269                <a href="#mobile-menu-meetings" class="mobile-menu-collapse" data-toggle="collapse" data-collapse-show-text="&lt;svg class=&quot;icon-svg ml-2&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;" data-collapse-hide-text="&lt;svg class=&quot;icon-svg ml-2&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;"><svg class="icon-svg ml-2" role="img" width="0.6em" height="0.6em"><use xlink:href="/fonts/icons.svg#icon-caret" /></svg></a>
270                <ul class="list-unstyled mt-1 collapse pt-2 ml-2" id="mobile-menu-meetings">
271                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/rendez-vous/#covid">Covid-19</a></li>
272                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/rendez-vous/#evenements">Événements</a></li>
273                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/rendez-vous/#services">Nos services</a></li>
274                </ul>
275            </div>
276        </div>
277        <div class="px-4 py-1">
278            <div class="px-1 py-1">
279                <a class="text-decoration-none" href="/actualites">Actualités et conseils</a>
280                <a href="#mobile-menu-news-advices" class="mobile-menu-collapse" data-toggle="collapse" data-collapse-show-text="&lt;svg class=&quot;icon-svg ml-2&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;" data-collapse-hide-text="&lt;svg class=&quot;icon-svg ml-2&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;"><svg class="icon-svg ml-2" role="img" width="0.6em" height="0.6em"><use xlink:href="/fonts/icons.svg#icon-caret" /></svg></a>
281                <ul class="list-unstyled mt-1 collapse pt-2 ml-2" id="mobile-menu-news-advices">
282                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/actualites">Actualités</a></li>
283                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/conseils">Conseils</a></li>
284                    <li class="my-2"><a class="text-decoration-none font-weight-bold" href="/epidemies/">Cartes épidémiques</a></li>
285                </ul>
286            </div>
287        </div>
288    </div>
289</div>
290<div class="menu-mobile-overlay"><label class="w-100 h-100 menu-mobile-close" for="menu-mobile"></label></div>
291
292            </header>
293            </div>
294
295    <main class="content-wrapper position-relative">
296                    <div class="main-content">
297                <div class="">
298                        <div class="about-headband text-center d-flex align-items-center">
299        <h1 class="mx-auto">
300            <strong class="d-block font-weight-normal text-josefin-sans em-1-6" style="line-height: 1;"><span class="bg-primrose d-inline-block px-1 px-sm-2">"La grande enseigne de santé,<span class="d-inline d-sm-none">
300 naturalité et bien-être"</span></span></strong>
301            <span class="d-none d-sm-block text-josefin-sans em-1-6 mt-3" style="line-height: 1;"><span class="bg-primrose d-inline-block px-1 px-sm-2">naturalité et bien-être"</span></span>
302        </h1>
303    </div>
304    <div class="container mt-5 pt-0 pt-sm-4">
305        <div class="row justify-content-center">
306            <div class="col col-6 col-sm-3 text-center">
307                <p class="about-metric text-primary font-weight-bold font-headings">140</p>
308                <p>Pharmacies</p>
309            </div>
310            <div class="col col-6 col-sm-3 text-center">
311                <p class="about-metric text-primary font-weight-bold font-headings">3 500</p>
312                <p>Collaborateurs</p>
313            </div>
314            <div class="col col-6 col-sm-3 text-center mt-4 mt-sm-0">
315                <p class="about-metric text-primary font-weight-bold font-headings">+300</p>
316                <p>Laboratoires partenaires</p>
317            </div>
318            <div class="col col-6 col-sm-3 text-center mt-4 mt-sm-0">
319                <p class="about-metric text-primary font-weight-bold font-headings">500m²</p>
320                <p>de surface moyenne par pharmacie</p>
321            </div>
322        </div>
323    </div>
324    <div class="about-commitments mt-5">
325        <div class="container-fluid container-fluid-max-1600">
326            <div class="py-4 py-sm-5 text-center">
327                <h2 class="text-primary font-weight-bold text-uppercase mt-0 px-2 px-sm-0">Apothical, engagé de nature</h2>
328                <div class="row justify-content-center mt-4 mt-sm-5 pt-3">
329                    <div class="col col-12 col-xl-11 col-xxl-9">
330                        <div class="row">
331                            <div class="col col-12 col-sm-6 col-lg-3 px-4 px-xxl-5">
332                                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/about/logo-proximite.png" alt="Logo proximité">
333                                <h3 class="roboto-medium mt-3" style="letter-spacing: 1px;">Proximité</h3>
334                                <div class="fade-out-parent mt-2 mt-sm-4 px-0 px-xl-3">
335                                    <p class="fade-out-content mb-0">Tout en capitalisant sur une offre prix/produits imbattable, nous souhaitons
336                                        offrir à
337                                        l’ensemble de nos patients un service personnalisé et de proximité. Le réseau APOTHICAL est reconnu pour son
338                                        expertise, ses conseils, l’écoute, la considération. Il fédère des professionnels de santé passionnés par leur
339                                        métier.</p>
340                                    <div class="fade-out-overlay"></div>
341                                </div>
342                                <a href="" class="fade-out-see-more font-weight-bold pt-3">Lire la suite</a>
343                            </div>
344                            <div class="col col-12 col-sm-6 col-lg-3 px-4 px-xxl-5 mt-5 mt-sm-0">
345                                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/about/logo-accompagnement.png"
346                                     alt="Logo proximité">
347                                <h3 class="roboto-medium mt-3" style="letter-spacing: 1px;">Accompagnement</h3>
348                                <div class="fade-out-parent mt-2 mt-sm-4 px-0 px-xl-3">
349                                    <p class="fade-out-content mb-0">Nous proposons à notre clientèle un accompagnement et un suivi personnalisé, des
350                                        consultations gratuites avec nos experts santé : naturopathes, nutritionnistes, diététiciens et conseillères
351                                        dermato cosmétique. En parallèle, APOTHICAL a développé de nouveaux services innovants pour accompagner le
352                                        patient
353                                        dans son quotidien santé : messagerie sécurisée avec nos pharmaciens, rappel de prise de médicaments et de
354                                        renouvellement d’ordonnance, traitement dématérialisé des ordonnances…</p>
355                                    <div class="fade-out-overlay"></div>
356                                </div>
357                                <a href="" class="fade-out-see-more font-weight-bold pt-3">Lire la suite</a>
358                            </div>
359                            <div class="col col-12 col-sm-6 col-lg-3 px-4 px-xxl-5 mt-5 mt-lg-0">
360                                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/about/logo-ethique.png" alt="Logo proximité">
361                                <h3 class="roboto-medium mt-3" style="letter-spacing: 1px;">Éthique</h3>
362                                <div class="fade-out-parent mt-2 mt-sm-4 px-0 px-xl-3">
363                                    <p class="fade-out-content mb-0">Les équipes APOTHICAL prônent la transparence aussi bien dans leurs conseils
364                                        santé que
365                                        dans la sélection des produits proposés.</p>
366                                    <div class="fade-out-overlay"></div>
367                                </div>
368                                <a href="" class="fade-out-see-more font-weight-bold pt-3">Lire la suite</a>
369                            </div>
370                            <div class="col col-12 col-sm-6 col-lg-3 px-4 px-xxl-5 mt-5 mt-lg-0">
371                                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/about/logo-naturalité.png" alt="Logo proximité">
372                                <h3 class="roboto-medium mt-3" style="letter-spacing: 1px;">Nature & bien-être</h3>
373                                <div class="fade-out-parent mt-2 mt-sm-4">
374                                    <p class="fade-out-content mb-0 px-0 px-xl-3">Parce que le bien-être de nos clients est au cœur de nos préoccupations, nous
375                                        nous
376                                        engageons à devenir le référent en matière d’offre « Nature », en proposant l’offre la plus large sur ce
377                                        segment
378                                        et en sélectionnant les produits et les marques adeptes de la Clean Beauty.</p>
379                                    <div class="fade-out-overlay"></div>
380                                </div>
381                                <a href="" class="fade-out-see-more font-weight-bold pt-3">Lire la suite</a>
382                            </div>
383                        </div>
384                    </div>
385                </div>
386            </div>
387        </div>
388    </div>
389    <div class="mt-5 text-center position-relative about-fidelity">
390        <h2 class="text-primary font-weight-bold text-uppercase">Notre programme de fidélité</h2>
391        <div class="container-fluid container-fluid-max-2000 mt-4 mt-xl-0">
392            <div class="row align-items-center justify-content-center">
393                <div class="col col-12 col-md-8 col-xl-5 row justify-content-center justify-content-sm-start align-items-center">
394                    <div class="col col-12 col-sm-6 order-last order-sm-first">
395                        <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/about/carte-fidelite.png" alt="Carte de fidélité Apothical"
396                             class="fidelity-card-img">
397                    </div>
398                    <div class="col col-12 col-sm-6 order-first order-sm-last d-flex justify-content-center">
399                        <p class="bg-white text-primary em-1-3 p-sm-4 offset-text">Vous souhaitez devenir client
400                            privilégié et recevoir tout au long de l’année des promotions, cadeaux et offres exclusives ? Découvrez sans plus attendre
401                            notre programme de fidélité.
402                        </p>
403                    </div>
404                </div>
405                <div class="col col-12 col-md-4 col-xl-4 mt-3 mt-md-0 text-left">
406                    <div class="pr-0 pr-lg-4 pr-xl-0">
407                        <p class="roboto-bold mb-1">Comment adhérer au programme ?</p>
408                        <p>Dès votre prochaine visite en pharmacie, demandez la carte APOTHICAL à nos équipes, elle est GRATUITE ! Elle vous donne
409                            accès à
410                            des avantages dès votre adhésion !</p>
411                        <p class="roboto-bold mb-1 mt-4">Comment ça fonctionne ?</p>
412                        <p>A chaque passage en caisse sur des produits de parapharmacie, 2% de
413                            réduction sont cagnottés sur votre carte de fidélité. Vos euros se cumulent sur votre compte et sont disponibles lors de
414                            votre
415                            prochain achat.</p>
416                        <p class="mt-4">A tout moment depuis votre espace personnel, vous pouvez consulter votre cagnotte et modifier vos informations
417                            personnelles.
418                            N’oubliez pas de compléter votre profil à 100% pour bénéficier d’offres personnalisées ! De plus un bonus
419                            cagnotte d’1€ est reversé pour chaque profil complété.</p>
420                        <div class="text-center text-sm-left">
421                            <a href="/programme-de-fidelite"
422                              class="btn btn-rounded-primary font-weight-bold px-4">En savoir plus</a>
423                        </div>
424                    </div>
425                </div>
426                <div class="col d-none d-xl-block col-xl-3"></div>
427            </div>
428        </div>
429        <div class="position-absolute d-none d-lg-flex vertical-lines-container h-100">
430            <div class="vertical-line pr-2 h-100"></div>
431            <div class="vertical-line pr-2 h-100"></div>
432            <div class="vertical-line pr-2 h-100"></div>
433            <div class="vertical-line pr-2 h-100"></div>
434        </div>
435    </div>
436    <div class="mt-5 pt-3 pt-lg-4">
437        <div class="find-pharmacies-wrapper py-0 py-sm-5 d-flex justify-content-center align-items-center">
438    <div class="bg-white my-5 px-5 py-0 py-sm-5 find-pharmacies">
439        <div class="mx-0 mx-sm-5 mt-2 mb-3">
440            <div class="row align-items-center no-gutters justify-content-center d-none d-sm-flex">
441                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/logo-picto-only.svg" alt="Logo Apothical" width="65" height="65">
442            </div>
443            <h2 class="text-center mt-4 text-uppercase text-primary em-1-3 font-weight-bold">Toutes les pharmacies Apothical</h2>
444            <p class="text-center mt-3 d-none d-sm-block">Trouvez la pharmacie la plus proche</p>
445            <form class="geolocation-form mt-4 pt-2" action="" data-geolocation-target="/trouvez-une-pharmacie">
446                <div class="row no-gutters align-items-center">
447                    <div class="col col-12 col-sm-8">
448                        <div class="position-relative">
449                            <input required="required" minlength="3" type="text"
450                                   class="form-control form-control-home search-completion geolocation-input h-100 py-2"
451                                   name="search" autocomplete="off"
452                                   placeholder="Code postal ou ville"
453                                   data-completion-url="/villes/formulaire-recherche/completion"/>
454                        </div>
455                    </div>
456                    <div class="col col-12 col-sm-4 text-center pl-2 pl-sm-0 order-2 order-sm-1 mt-4 mt-sm-0">
457                        <button type="submit" class="btn btn-primary mt-3 mt-sm-0 px-4 px-sm-3 py-3 py-sm-2 rounded text-uppercase font-weight-bold">
458                            Rechercher
459                        </button>
460                    </div>
461                    <a href="" class="geolocation-button ask-geolocation btn btn-outline-secondary text-uppercase rounded px-3 py-2 mx-auto mt-4 order-1 order-sm-2">
462                        <svg class="icon-svg mr-1 d-inline-block align-middle" role="img" width="1.3em" height="1.3em"><use xlink:href="/fonts/mesoigner.svg#icon-target" /></svg>
463                        <span class="d-inline-block align-middle">Géolocalisation</span>
464                    </a>
465                </div>
466            </form>
467        </div>
468    </div>
469</div>
470
471    </div>
472                </div>
473            </div>
474            </main>
475
476            <footer class="footer">
477            <section class="bg-secondary">
478    <div class="container-fluid container-fluid-max-1700 px-md-0 mx-auto">
479        <div class="row  mb-3 pt-5 d-none d-md-flex ml-0 ml-sm-2 ml-xl-5">
480            <div class="col col-4 col-lg-2 px-2 px-xl-1 d-flex align-items-center align-items-lg-start">
481                <a class="text-primary font-headings text-decoration-none em-1-2" href="/">
482                    <img class="img img-fluid d-block"
483                         width="149"
484                         height="86"
485                         src="https://cdn.mesoigner.fr/uploads/logos/alternative-logo-association-apothical.png"
486                         alt="Apothical, Aix en Provence"
487                    />
488                </a>
489            </div>
490            <div class="col col-4 col-lg-2 px-2 px-xl-1">
491                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/a-propos">Qui sommes-nous ?</a>
492                <ul class="list-unstyled mt-3 px-0">
493                    <li>
494                        <a class="text-white text-decoration-none" href="/a-propos">
495                            Nos offres et services
496                        </a>
497                    </li>
498                    <li>
499                        <a class="text-white text-decoration-none" href="/offres-emploi">
500                            Recrutement
501                        </a>
502                    </li>
503                    <li>
504                        <a class="text-white text-decoration-none" href="/programme-de-fidelite">
505                            Programme de fidélité
506                        </a>
507                    </li>
508                    <li>
509                        <a class="text-white text-decoration-none" href="/contact">
510                            Contact
511                        </a>
512                    </li>
513                </ul>
514            </div>
515            <div class="col col-4 col-lg-2 px-2 px-xl-1">
516                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/trouvez-une-pharmacie">Nos pharmacies</a>
517                <ul class="list-unstyled mt-3 px-0">
518                    <li>
519                        <a class="text-white text-decoration-none" href="/trouvez-une-pharmacie">
520                            Pharmacies Apothical
521                        </a>
522                    </li>
523                </ul>
524            </div>
525            <div class="col col-4 col-lg-2 mt-4 mt-lg-0 px-2 px-xl-1">
526                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/medicaments-parapharmacie">Nos produits</a>
527                <ul class="list-unstyled mt-3 px-0">
528                    <li>
529                        <a class="text-white text-decoration-none" href="/parapharmacie">
530                            Parapharmacie
531                        </a>
532                    </li>
533                    <li>
534                        <a class="text-white text-decoration-none" href="/medicaments-parapharmacie/produits/page/1/categorie/2-medicaments">
535                            Médicaments
536                        </a>
537                    </li>
538                    <li>
539                        <a class="text-white text-decoration-none" href="/carte-cadeau">
540                            Carte cadeau
541                        </a>
542                    </li>
543                    <li>
544                        <a class="text-white text-decoration-none" href="/calendrier-de-lavent">
545                            Calendrier de l’avent 2026
546                        </a>
547                    </li>
548                </ul>
549            </div>
550            <div class="col col-4 col-lg-2 mt-4 mt-lg-0 px-2 px-xl-1">
551                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/rendez-vous/">
552                    Nos services et rendez-vous
553                </a>
554                <ul class="list-unstyled mt-3 px-0">
555                    <li>
556                        <a class="text-white text-decoration-none" href="/rendez-vous/#covid">
557                            Covid-19
558                        </a>
559                    </li>
560                    <li>
561                        <a class="text-white text-decoration-none" href="/rendez-vous/#evenements">
562                            Événements
563                        </a>
564                    </li>
565                    <li>
566                        <a class="text-white text-decoration-none" href="/rendez-vous/#services">
567                            Nos services
568                        </a>
569                    </li>
570                </ul>
571            </div>
572            <div class="col col-4 col-lg-2 mt-4 mt-lg-0 px-2 px-xl-1">
573                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/actualites">Actualités et conseils</a>
574                <ul class="list-unstyled mt-3 px-0">
575                    <li>
576                        <a class="text-white text-decoration-none" href="/actualites">
577                            Actualités
578                        </a>
579                    </li>
580                    <li>
581                        <a class="text-white text-decoration-none" href="/conseils">
582                            Conseils
583                        </a>
584                    </li>
585                    <li>
586                        <a class="text-white text-decoration-none" href="/epidemies/">
587                            Cartes épidémiques
588                        </a>
589                    </li>
590                </ul>
591            </div>
592        </div>
593        <div class="row  mb-3 pt-4 d-block d-md-none">
594            <div class="text-center">
595                <img class="img img-fluid px-2"
596                     width="149"
597                     height="86"
598                     src="https://cdn.mesoigner.fr/uploads/logos/alternative-logo-association-apothical.png"
599                     alt="Apothical, Aix en Provence"
600                />
601                <div class="text-left mx-auto mt-5 pl-2" style="max-width: 240px;">
602                    <div class="my-3">
603                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/a-propos">
604                            Qui sommes-nous ?
605                        </a>
606                        <a href="#mobile-footer-about" class="mobile-menu-collapse rotate-240 text-primary" data-toggle="collapse"
607                           data-collapse-show-text="&lt;svg class=&quot;icon-svg ml-2 text-primary&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;"
608                           data-collapse-hide-text="&lt;svg class=&quot;icon-svg ml-2 text-primary rotate-240&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;">
609                            <svg class="icon-svg ml-2 text-primary rotate-240" role="img" width="0.6em" height="0.6em"><use xlink:href="/fonts/icons.svg#icon-caret" /></svg>
610                        </a>
611                        <ul class="list-unstyled mt-2 px-0 collapse" id="mobile-footer-about">
612                            <li class="mb-1">
613                                <a class="text-white text-decoration-none" href="/a-propos">
614                                    Nos offres et services
615                                </a>
616                            </li>
617                            <li class="mb-1">
618                                <a class="text-white text-decoration-none" href="/offres-emploi">
619                                    Recrutement
620                                </a>
621                            </li>
622                            <li>
623                                <a class="text-white text-decoration-none" href="/contact">
624                                    Contact
625                                </a>
626                            </li>
627                        </ul>
628                    </div>
629                    <div class="my-3">
630                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/programme-de-fidelite">
631                            Programme de fidélité
632                        </a>
633                    </div>
634                    <div class="my-3">
635                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/trouvez-une-pharmacie">
636                            Nos pharmacies
637                        </a>
638                    </div>
639                    <div class="my-3">
640                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/medicaments-parapharmacie">
641                            Nos produits
642                        </a>
643                        <a href="#mobile-footer-find-a-product" class="mobile-menu-collapse rotate-240 text-primary" data-toggle="collapse"
644                           data-collapse-show-text="&lt;svg class=&quot;icon-svg ml-2 text-primary&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;"
645                           data-collapse-hide-text="&lt;svg class=&quot;icon-svg ml-2 text-primary rotate-240&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;">
646                            <svg class="icon-svg ml-2 text-primary rotate-240" role="img" width="0.6em" height="0.6em"><use xlink:href="/fonts/icons.svg#icon-caret" /></svg>
647                        </a>
648                        <ul class="list-unstyled mt-2 px-0 collapse" id="mobile-footer-find-a-product">
649                            <li class="mb-1">
650                                <a class="text-white text-decoration-none" href="/parapharmacie">
651                                    Parapharmacie
652                                </a>
653                            </li>
654                            <li>
655                                <a class="text-white text-decoration-none" href="/medicaments-parapharmacie/produits/page/1/categorie/2-medicaments">
656                                    Médicaments
657                                </a>
658                            </li>
659                            <li>
660                                <a class="text-white text-decoration-none" href="/carte-cadeau">
661                                    Carte cadeau
662                                </a>
663                            </li>
664                            <li>
665                                <a class="text-white text-decoration-none" href="/calendrier-de-lavent">
666                                    Calendrier de l’avent 2026
667                                </a>
668                            </li>
669                        </ul>
670                    </div>
671                    <div class="my-3">
672                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/rendez-vous/">
673                            Nos services et rendez-vous
674                        </a>
675                        <a href="#mobile-footer-meetings" class="mobile-menu-collapse rotate-240 text-primary" data-toggle="collapse"
676                           data-collapse-show-text="&lt;svg class=&quot;icon-svg ml-2 text-primary&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;"
677                           data-collapse-hide-text="&lt;svg class=&quot;icon-svg ml-2 text-primary rotate-240&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;">
678                            <svg class="icon-svg ml-2 text-primary rotate-240" role="img" width="0.6em" height="0.6em"><use xlink:href="/fonts/icons.svg#icon-caret" /></svg>
679                        </a>
680                        <ul class="list-unstyled mt-2 px-0 collapse" id="mobile-footer-meetings">
681                            <li class="mb-1">
682                                <a class="text-white text-decoration-none" href="/rendez-vous/#covid">
683                                    Covid-19
684                                </a>
685                            </li>
686                            <li class="mb-1">
687                                <a class="text-white text-decoration-none" href="/rendez-vous/#evenements">
688                                    Événements
689                                </a>
690                            </li>
691                            <li>
692                                <a class="text-white text-decoration-none" href="/rendez-vous/#services">
693                                    Nos services
694                                </a>
695                            </li>
696                        </ul>
697                    </div>
698                    <div class="my-3">
699                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/actualites">
700                            Actualités et conseils
701                        </a>
702                        <a href="#mobile-footer-news-advices" class="mobile-menu-collapse rotate-240 text-primary" data-toggle="collapse"
703                           data-collapse-show-text="&lt;svg class=&quot;icon-svg ml-2 text-primary&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;"
704                           data-collapse-hide-text="&lt;svg class=&quot;icon-svg ml-2 text-primary rotate-240&quot; role=&quot;img&quot; width=&quot;0.6em&quot; height=&quot;0.6em&quot;&gt;&lt;use xlink:href=&quot;/fonts/icons.svg#icon-caret&quot; /&gt;&lt;/svg&gt;">
705                            <svg class="icon-svg ml-2 text-primary rotate-240" role="img" width="0.6em" height="0.6em"><use xlink:href="/fonts/icons.svg#icon-caret" /></svg>
706                        </a>
707                        <ul class="list-unstyled mt-2 px-0 collapse" id="mobile-footer-news-advices">
708                            <li class="mb-1">
709                                <a class="text-white text-decoration-none" href="/actualites">
710                                    Actualités
711                                </a>
712                            </li>
713                            <li class="mb-1">
714                                <a class="text-white text-decoration-none" href="/conseils">
715                                    Conseils
716                                </a>
717                            </li>
718                            <li>
719                                <a class="text-white text-decoration-none" href="/epidemies/">
720                                    Cartes épidémiques
721                                </a>
722                            </li>
723                        </ul>
724                    </div>
725                </div>
726            </div>
727        </div>
728    </div>
729    <div class="w-100 footer-separator d-none d-md-block"></div>
730    <div class="container footer-down-container">
731        <div class="d-flex flex-column flex-lg-row justify-content-between pt-4 mt-1 pb-2 pb-lg-5">
732            <div class="mb-4 mt-2 my-lg-0 text-center">
733                <div class="d-block d-lg-flex text-white ml-0 ml-lg-4">
734                    <p class="text-primary font-headings text-uppercase font-weight-bold em-1-1 mb-3 mb-lg-2">Suivez-nous !</p>
735                    <div class="d-flex justify-content-center flex-wrap">
736                        <div class="ml-0 ml-lg-4 mr-1">
737                            <a class="text-decoration-none text-white" target="_blank" href="https://www.facebook.com/ApothicalPharmacies/">
738                                <img class="white-img" src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/facebook.svg" al
738t="Icône Facebook"
739                                     style="max-height: 1.3em;">
740                            </a>
741                        </div>
742                        <div class="ml-3">
743                            <a class="text-decoration-none text-white" target="_blank" href="https://www.linkedin.com/company/gpo-groupement-de-pharmaciens-d-officines">
744                                <svg class="icon-svg mr-1" role="img" width="1.2em" height="1.2em"><title>Linkedin</title><use xlink:href="/fonts/icons.svg#icon-linkedin" /></svg>
745                            </a>
746                        </div>
747                        <div class="ml-3">
748                            <a class="text-decoration-none text-white" target="_blank" href="https://www.instagram.com/apothicalpharmacies/?hl=fr">
749                                <svg class="icon-svg mr-1" role="img" width="1.2em" height="1.2em"><title>Instagram</title><use xlink:href="/fonts/icons.svg#icon-instagram" /></svg>
750                            </a>
751                        </div>
752                    </div>
753                </div>
754            </div>
755            <div class="d-flex justify-content-center justify-content-lg-start align-items-center">
756                <div class="text-center px-2">
757                    <a class="text-white text-decoration-none em-0-8" href="/mentions-legales">Mentions légales</a>
758                </div>
759                <div class="text-center d-none d-sm-block px-2">
760                    <p class="text-white em-0-8 mb-0">Copyright &#xA9; meSoigner</p>
761                </div>
762            </div>
763        </div>
764    </div>
765</section>
766
767        </footer>
768                
768<script>
769                    var userConsentEnable = true;
770                var customerHasUnreadMessages = false;
771        var environment = 'prod';
772        var mesoignerCdnUrl = 'https://cdn.mesoigner.fr';
773    </script>
773
774    
774<script src="https://cdn.mesoigner.fr/dist/front_associations/scripts.50c60673.js"></script>
774
775            </body>
776</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.