PageSourceSearch

https://www.apothical.fr/

html apothical.fr collected 2026-10-01 16:12:14 UTC 65,297 bytes, 1,006 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="home">
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                                <h1 class="mb-0">
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                                </h1>
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                                        <section class="">
297        <div class="">
298                                    <div class="photos-slider-container swiper-container swiper-no-arrows-mobile slider-images" data-options='{"arrows":false,"autoplay":{"delay":5000},"spaceBetween":0,"autoHeight":true,"pagination":{"el":".swiper-pagination","clickable":true}}'>
299        <div class="swiper-wrapper">
300                                                <div class="swiper-slide slider-image">
301                        <a href="https://apothical-programme-18-25-ans.my.canva.site/">                                                                                                            <img class="d-sm-none slider-image-flex w-100 slider-mobile-image"
302                                     src="https://www.apothical.fr/media/pharmacy_slider_mobile/uploads/pharmacies/690a1e547181a_banniere-web-version-mobile.png"
303                                     title="" alt="Apothical,Aix en Provence" />
304                                                        <div class="d-none d-sm-flex d-md-none justify-content-center align-items-center slider-image slider-image-flex"
305                                 title="Apothical,Aix en Provence" style="background-image: url(https://www.apothical.fr/media/pharmacy_slider_v2/uploads/pharmacies/690a1e546e4fd_banniere-web-1920-x-340.png)">
306                            </div>
307                            <div class="d-none d-md-flex justify-content-center align-items-center h-100">
308                                <img class="mw-100"
309                                     src="https://www.apothical.fr/media/pharmacy_slider_v2/uploads/pharmacies/690a1e546e4fd_banniere-web-1920-x-340.png"
310                                     title="" alt="Apothical,Aix en Provence"
311                                     />
312                            </div>
313                        </a>                    </div>
314                                                                                    <div class="swiper-slide slider-image">
315                                                                                                                                    <img class="d-sm-none slider-image-flex w-100 slider-mobile-image"
316                                     src="https://www.apothical.fr/media/pharmacy_slider_mobile/uploads/pharmacies/6aa2b01ea8979_banniere-apo-vous-octobre-2026-mobile.png"
317                                     title="" alt="Apothical,Aix en Provence" />
318                                                        <div class="d-none d-sm-flex d-md-none justify-content-center align-items-center slider-image slider-image-flex"
319                                 title="Apothical,Aix en Provence" style="background-image: url(https://www.apothical.fr/media/pharmacy_slider_v2/uploads/pharmacies/6aa2b01ea7110_banniere-apo-vous-octobre-2026.png)">
320                            </div>
321                            <div class="d-none d-md-flex justify-content-center align-items-center h-100">
322                                <img class="mw-100"
323                                     src="https://www.apothical.fr/media/pharmacy_slider_v2/uploads/pharmacies/6aa2b01ea7110_banniere-apo-vous-octobre-2026.png"
324                                     title="" alt="Apothical,Aix en Provence"
325                                     />
326                            </div>
327                                            </div>
328                                                                                    <div class="swiper-slide slider-image">
329                                                                                                                                <div class="d-flex d-md-none justify-content-center align-items-center slider-image slider-image-flex"
330                                 title="Apothical,Aix en Provence" style="background-image: url(https://www.apothical.fr/media/pharmacy_slider_v2/uploads/pharmacies/642e8bd103d9f_slider.png)">
331                            </div>
332                            <div class="d-none d-md-flex justify-content-center align-items-center h-100">
333                                <img class="mw-100"
334                                     src="https://www.apothical.fr/media/pharmacy_slider_v2/uploads/pharmacies/642e8bd103d9f_slider.png"
335                                     title="" alt="Apothical,Aix en Provence"
336                                     />
337                            </div>
338                                            </div>
339                                                                                    <div class="swiper-slide slider-image">
340                                                                                                                                    <img class="d-sm-none slider-image-flex w-100 slider-mobile-image"
341                                     src="https://www.apothical.fr/media/pharmacy_slider_mobile/uploads/pharmacies/6aba4d5466f42_apothical-oscillococcinum-375x270.png"
342                                     title="" alt="Apothical,Aix en Provence" />
343                                                        <div class="d-none d-sm-flex d-md-none justify-content-center align-items-center slider-image slider-image-flex"
344                                 title="Apothical,Aix en Provence" style="background-image: url(https://www.apothical.fr/media/pharmacy_slider_v2/uploads/pharmacies/6aba4d54635b0_apothical-oscillococcinum-1920x340.png)">
345                            </div>
346                            <div class="d-none d-md-flex justify-content-center align-items-center h-100">
347                                <img class="mw-100"
348                                     src="https://www.apothical.fr/media/pharmacy_slider_v2/uploads/pharmacies/6aba4d54635b0_apothical-oscillococcinum-1920x340.png"
349                                     title="" alt="Apothical,Aix en Provence"
350                                     />
351                            </div>
352                                            </div>
353                                                        </div>
354        <div class="swiper-pagination"></div>
355    </div>
356
357        </div>
358    </section>
359
360                                <section class="my-4 py-4">
361        <div class="">
362                        <div class="about-apothical-widget position-relative">
363    <div class="d-flex flex-column flex-lg-row align-items-center align-items-lg-end justify-content-between">
364        <div class="d-flex align-items-center justify-content-center">
365            <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/dame-qui-sourit.png" alt="Femme heureuse qui sourit"
366                 class="shadow-primrose-offset img img-fluid">
367        </div>
368        <div class="text-center mb-0 mb-lg-5 pb-0 pb-lg-5 mx-5 mt-3 mt-lg-0 px-2 px-sm-0 text">
369            <h2 class="text-uppercase font-weight-bold mb-4 em-1-3 text-primary">Votre enseigne nature & santé</h2>
370            <p class="pt-1">
371                Apothical s'engage à vous proposer des produits de parapharmacie de grandes marques au meilleur prix, des conseils d'experts santé et
372                des services personnalisés et innovants.
373            </p>
374            <p cl
374ass="my-4">Ma pharmacie APOTHICAL : Un lieu de vie tourné vers le service, la naturalité et le bien être.</p>
375            <p class="my-4">Votre bien être est au cœur de notre nature !</p>
376            <a href="/a-propos" class="btn btn-rounded-secondary text-uppercase">Je découvre</a>
377        </div>
378        <div class="d-none d-lg-block">
379            <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/feuilles.png" alt="Feuilles" class="img img-fluid">
380        </div>
381    </div>
382    <div class="position-absolute d-none d-xl-flex vertical-lines-container">
383        <div class="vertical-line pr-2"></div>
384        <div class="vertical-line pr-2"></div>
385        <div class="vertical-line pr-2"></div>
386        <div class="vertical-line pr-2"></div>
387    </div>
388</div>
389
390        </div>
391    </section>
392
393            
394                                <section class="my-4 py-4">
395        <div class="">
396                        <div class="widget-shortcuts mx-auto" style="max-width: 1732px;">
397    <div class="row no-gutters">
398        <div class="col col-12 col-sm-6 col-md-3 order-1 order-sm-1 order-md-1">
399            <div style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/tirelire.png)" class="w-100 tile-fluid">
400            </div>
401        </div>
402        <div class="col col-12 col-sm-6 col-md-3 order-2 order-sm-2 order-md-2">
403            <div class="bg-chamois w-100 d-flex flex-column justify-content-center align-items-center tile-fluid">
404                <h3 class="text-center text-secondary text-josefin-sans vw-2-2 mt-0 px-2 px-sm-5 mx-0 mx-sm-5">
405                    Click & Collect
406                </h3>
407                <a href="/medicaments-parapharmacie" class="btn btn-rounded-secondary font-weight-bold mt-0 mt-sm-4 mt-md-2 mt-xl-5 px-4">
408                    Chercher un produit
409                </a>
410            </div>
411        </div>
412        <div class="col col-12 col-sm-6 col-md-3 order-3 order-sm-4 order-md-3">
413            <div style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/caudalie.png)" class="w-100 tile-fluid">
414            </div>
415        </div>
416        <div class="col col-12 col-sm-6 col-md-3 order-4 order-sm-3 order-md-4">
417            <div class="bg-wild-sand w-100 d-flex flex-column justify-content-center align-items-center tile-fluid">
418                <h3 class="text-center text-secondary text-josefin-sans vw-2-2 mt-0 px-2 px-sm-5 mx-0 mx-sm-3 mx-md-0 mx-lg-3">
419                    Nos services et rendez-vous
420                </h3>
421                <a href="/rendez-vous/"
422                   class="btn btn-rounded-secondary font-weight-bold mt-0 mt-sm-4 mt-md-2 mt-xl-5 px-4">Découvrir</a>
423            </div>
424        </div>
425    </div>
426    <div class="row no-gutters">
427        <div class="col col-12 col-sm-6 col-md-3 order-6 order-md-5">
428            <div class="w-100 d-flex flex-column justify-content-center align-items-center tile-fluid fidelity-tile">
429                <h3 class="text-center text-secondary text-josefin-sans vw-2-2 mt-0 px-2 px-sm-5 mx-0 mx-sm-5">
430                    Programme de fidélité Apothical
431                </h3>
432                <a href="/programme-de-fidelite"
433                   class="btn btn-rounded-secondary font-weight-bold mt-0 mt-sm-4 mt-md-2 mt-xl-5 px-4">Découvrir</a>
434            </div>
435        </div>
436        <div class="col col-12 col-sm-6 col-md-3 order-5 order-md-6">
437            <div style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/pharmacienne.png)" class="w-100 tile-fluid">
438            </div>
439        </div>
440        <div class="col col-12 col-sm-6 col-md-3 order-8 order-sm-7 order-md-7">
441            <div class="bg-primrose w-100 d-flex flex-column justify-content-center align-items-center tile-fluid">
442                <h3 class="text-center text-secondary text-josefin-sans vw-2-2 mt-0 px-2 px-sm-5 mx-0 mx-sm-5">Nos animations</h3>
443                <a href="/rendez-vous/#evenements"
444                   class="btn btn-rounded-secondary font-weight-bold mt-0 mt-sm-4 mt-md-2 mt-xl-5 px-4">Découvrir</a>
445            </div>
446        </div>
447        <div class="col col-12 col-sm-6 col-md-3 order-7 order-sm-8 order-md-8">
448            <div style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/vaccination.png)" class="w-100 tile-fluid">
449            </div>
450        </div>
451    </div>
452</div>
453
454        </div>
455    </section>
456
457                                <section class="my-4 py-4">
458        <div class="">
459                        <div class="find-pharmacies-wrapper py-0 py-sm-5 d-flex justify-content-center align-items-center">
460    <div class="bg-white my-5 px-5 py-0 py-sm-5 find-pharmacies">
461        <div class="mx-0 mx-sm-5 mt-2 mb-3">
462            <div class="row align-items-center no-gutters justify-content-center d-none d-sm-flex">
463                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/logo-picto-only.svg" alt="Logo Apothical" width="65" height="65">
464            </div>
465            <h2 class="text-center mt-4 text-uppercase text-primary em-1-3 font-weight-bold">Toutes les pharmacies Apothical</h2>
466            <p class="text-center mt-3 d-none d-sm-block">Trouvez la pharmacie la plus proche</p>
467            <form class="geolocation-form mt-4 pt-2" action="" data-geolocation-target="/trouvez-une-pharmacie">
468                <div class="row no-gutters align-items-center">
469                    <div class="col col-12 col-sm-8">
470                        <div class="position-relative">
471                            <input required="required" minlength="3" type="text"
472                                   class="form-control form-control-home search-completion geolocation-input h-100 py-2"
473                                   name="search" autocomplete="off"
474                                   placeholder="Code postal ou ville"
475                                   data-completion-url="/villes/formulaire-recherche/completion"/>
476                        </div>
477                    </div>
478                    <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">
479                        <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">
480                            Rechercher
481                        </button>
482                    </div>
483                    <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">
484                        <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>
485                        <span class="d-inline-block align-middle">Géolocalisation</span>
486                    </a>
487                </div>
488            </form>
489        </div>
490    </div>
491</div>
492
493        </div>
494    </section>
495
496                                <section class="my-4 py-4">
497        <div class="">
498                        <div class="container-fluid container-fluid-max-1600 mobile-app-widget">
499    <div class="row align-items-center">
500        <div class="col col-12 col-sm-5 col-xl-7">
501            <div class="d-flex justify-content-center justify-content-sm-end mb-2 mb-sm-0">
502                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/application-mobile.png" alt="Application mobile"
503                     class="img img-fluid h-100 img-mobile-app">
504                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/pharmacienne-app.png" alt="Pharmacienne"
505                     class="img img-fluid h-100 img-pharmacist d-none d-xl-block">
506            </div>
507        </div>
508        <div class="col col-12 col-sm-7 col-xl-5">
509            <div style="max-width: 488px;" class="mx-2 ml-sm-4 mx-sm-0">
510                <h2 class="text-primary font-weight-bold em-1-3 text-uppercase text-center text-sm-left" style="line-height: 2;">Ma pharmacie Apothical<br> toujours avec moi !</h2>
511                <p style="line-height: 1.6;" class="my-4">Téléchargez l’application <span class="text-uppercase">Apothical</span> et bénéficiez de
512                    services personnalisés :<br>
513                    Envoi d’ordonnances à distance, click&collect, messagerie instantanée avec votre pharmacien
514                    <span class="text-uppercase">Apothical</span>, renouvellement d’ordonnances, rappel de prise de médicaments…</p>
515                <div class="row justify-content-center justify-content-md-start">
516                    <div class="col-12 col-sm-auto text-center my-1">
517                        <a href="https://play.google.com/store/apps/details?id=fr.apothical.app">
518                            <img alt="Disponible sur Google Play" src="https://cdn.mesoigner.fr/src/img/application/google-play-badge.png" height="40"/>
519                        </a>
520                    </div>
521                    <div class="col-12 col-sm-auto text-center my-1">
522                        <a href="https://itunes.apple.com/fr/app/mesoigner/id1498213506">
523                            <img alt="Télécharger dans l'App Store" src="https://cdn.mesoigner.fr/src/img/application/app-store-badge.svg" height="40"/>
524                        </a>
525                    </div>
526                </div>
527            </div>
528        </div>
529    </div>
530</div>
531
532        </div>
533    </section>
534
535                                <section class="my-4 py-4">
536        <div class="">
537                        <div class="services-widget d-flex align-items-center justify-content-center text-center">
538    <div class="my-5">
539        <h2 class="text-primary em-1-3 font-weight-bold text-uppercase">Nos expertises</h2>
540        <div class="row align-items-center mt-4">
541            <div class="col col-12 col-sm-6">
542                <div class="mx-5">
543                    <ul class="list-unstyled text-left">
544                        <li class="font-headings text-mine-shaft em-1-2"
545                            style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/icons/dermatologie.svg);">
546                            Dermatologie
547                        </li>
548                        <li class="font-headings text-mine-shaft em-1-2"
549                            style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/icons/complements.svg);">
550                            Compléments alimentaires
551                        </li>
552                        <li class="font-headings text-mine-shaft em-1-2"
553                            style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/icons/herboristerie.svg);background-position: 4px;">
554                            Herboristerie
555                        </li>
556                        <li class="font-headings text-mine-shaft em-1-2"
557                            style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/icons/aromatherapie.svg);background-position: 7px;">
558                            Aromathérapie
559                        </li>
560                        <li class="font-headings text-mine-shaft em-1-2"
561                            style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/icons/naturalite.svg);background-position: 4px;">
562                            Naturalité
563                        </li>
564                    </ul>
565                </div>
566            </div>
567            <div class="col col-12 col-sm-6">
568                <div class="mx-5">
569                    <ul class="list-unstyled text-left">
570                        <li class="font-headings text-mine-shaft em-1-2"
571                            style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/icons/hygiene-dentaire.svg);background-position: -1px;
572                                    background-size: 46px;">
573                            Hygiène dentaire
574                        </li>
575                        <li class="font-headings text-mine-shaft em-1-2"
576                            style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/icons/hygiene-corps.svg);background-position: 2px;">
577                            Hygiène corporelle
578                        </li>
579                        <li class="font-headings text-mine-shaft em-1-2"
580                            style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/icons/beaute.svg);background-position: 5px;">
581                            Beauté
582                        </li>
583                        <li class="font-headings text-mine-shaft em-1-2"
584                            style="background-image: url(https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/icons/cheveux.svg);background-position: 3px;">
585                            Cheveux
586                        </li>
587                    </ul>
588                </div>
589            </div>
590        </div>
591    </div>
592</div>
593
594        </div>
595    </section>
596
597                                <section class="my-4 py-4">
598        <div class="">
599                        <a href="https://www.instagram.com/apothicalpharmacies" class="text-decoration-none" target="_blank">
600    <div class="d-flex justify-content-center instagram-widget high-width">
601        <div class="w-100 bg-primrose position-relative mt-5 d-flex justify-content-center align-items-center"
602             style="width:20%;max-width: 517px; height: 262px;margin-right: 150px;">
603            <div class="text-center mr-5 pr-5" style="max-width: 260px;">
604                <div class="mr-5">
605                    <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/header/instagram.svg" alt="Icône Instagram" width="52"
606                         height="55">
607                    <h2 class="text-secondary em-1-3 mt-3" style="line-height: 1.4;">Retrouvez-nous sur Instagram !</h2>
608                </div>
609            </div>
610            <div class="position-absolute" style="top:-50px; right:-132px;">
611                <div class="shadow instagram-img women">
612                </div>
613            </div>
614        </div>
615        <div class="mt-3">
616            <div class="position-relative">
617                <div class="d-flex flex-column flex-wrap justify-content-around bg-mint-julep em-0-8 p-4 mt-5 mx-3 shadow instagram-overlay"
618                     style="min-width: 245px;max-width: 245px;min-height: 245px;max-height: 245px;">
619                    <div class="text-center">
620                        <p class="text-secondary font-headings font-weight-bold mb-2">A l'occasion de la</p>
621                        <p class="text-uppercase text-mint-julep font-headings font-weight-bold" style="line-height: 1.6;"><span
622                                    class="bg-secondary px-2">Journée internationale</span><br>
623                            <span class="bg-secondary px-2">des droits de la femme</span></p>
624                    </div>
625                    <div class="text-center">
626                        <p class="mb-2 text-secondary font-headings font-weight-bold">Portrait de trois femmes inspirantes, qui ont révolutionné le
627                            monde
628                            de
629                            la médecine</p>
630                        <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/instagram/abstract-shape.png" alt="">
631                    </div>
632                </div>
633            </div>
634        </div>
635        <div class="mx-3 position-relative">
636            <div class="shadow instagram-img baby-products">
637            </div>
638        </div>
639        <div class="mx-3 pt-3">
640            <div class="shadow mt-5 pancakes">
641            </div>
642        </div>
643        <div class="mx-3">
644            <div class="shadow instagram-img eucerin-products">
645            </div>
646        </div>
647    </div>
648    <div class="instagram-widget normal container container-fluid">
649        <div>
650            <div class="d-flex flex-column flex-sm-row justify-content-between align-items-center bg-primrose position-relative shadow mx-4 mx-sm-5 p-4 p-sm-0">
651                <div class="text-center mx-sm-3 mx-md-5 pl-0 pl-lg-5 mt-1 mt-sm-0" style="max-width: 260px;">
652                    <div class="ml-0 ml-lg-5">
653                        <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/header/instagram.svg" alt="Icône Instagram" width="52"
654                             height="55">
655                        <h2 class="text-secondary em-1-3 mt-3" style="line-height: 1.4;">Retrouvez-nous sur Instagram !</h2>
656                    </div>
657                </div>
658                <div class="shadow instagram-img women position-relative d-none d-sm-block">
659                </div>
660            </div>
661            <div class="row justify-content-center mt-4 mx-0 mx-sm-3 mx-xl-0 px-0 px-xl-1">
662                <div class="col col-12 col-xl-6 row">
663                    <div class="col col-12 col-sm-6 pb-5 pb-sm-0 position-relative">
664                        <div class="d-flex flex-column flex-wrap justify-content-around bg-mint-julep em-0-8 p-4 shadow w-100 mb-0 mb-md-5 text-block mt-3 mt-sm-0 instagram-overlay">
665                            <div class="text-center">
666                                <p class="text-secondary font-headings font-weight-bold mb-2">A l'occasion de la</p>
667                                <p class="text-uppercase text-mint-julep font-headings font-weight-bold" style="line-height: 1.6;"><span
668                                            class="bg-secondary px-2">Journée internationale</span><br>
669                                    <span class="bg-secondary px-2">des droits de la femme</span></p>
670                            </div>
671                            <div class="text-center">
672                                <p class="mb-2 text-secondary font-headings font-weight-bold">Portrait de trois femmes inspirantes, qui ont révolutionné
673                                    le monde de la médecine</p>
674                                <img src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/instagram/abstract-shape.png" alt="">
675                            </div>
676                        </div>
677                    </div>
678                    <div class="col col-12 col-sm-6">
679                        <div class="shadow instagram-img baby-products w-100 mt-0 mt-xl-5">
680                        </div>
681                    </div>
682                </div>
683                <div class="col col-12 col-xl-6 row">
684                    <div class="col col-12 col-sm-6">
685                        <div class="shadow instagram-img pancakes w-100 mt-4 mt-xl-0">
686                        </div>
687                    </div>
688                    <div class="col col-12 col-sm-6">
689                        <div class="shadow instagram-img eucerin-products w-100 mt-4 mt-xl-5">
690                        </div>
691                    </div>
692                </div>
693            </div>
694        </div>
695    </div>
696</a>
697
698        </div>
699    </section>
700
701        <div class="d-none" id="track-display" data-target="accueil"></div>
702    </main>
703
704            <footer class="footer">
705            <section class="bg-secondary">
706    <div class="container-fluid container-fluid-max-1700 px-md-0 mx-auto">
707        <div class="row mt-5 mb-3 pt-5 d-none d-md-flex ml-0 ml-sm-2 ml-xl-5">
708            <div class="col col-4 col-lg-2 px-2 px-xl-1 d-flex align-items-center align-items-lg-start">
709                <a class="text-primary font-headings text-decoration-none em-1-2" href="/">
710                    <img class="img img-fluid d-block"
711                         width="149"
712                         height="86"
713                         src="https://cdn.mesoigner.fr/uploads/logos/alternative-logo-association-apothical.png"
714                         alt="Apothical, Aix en Provence"
715                    />
716                </a>
717            </div>
718            <div class="col col-4 col-lg-2 px-2 px-xl-1">
719                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/a-propos">Qui sommes-nous ?</a>
720                <ul class="list-unstyled mt-3 px-0">
721                    <li>
722                        <a class="text-white text-decoration-none" href="/a-propos">
723                            Nos offres et services
724                        </a>
725                    </li>
726                    <li>
727                        <a class="text-white text-decoration-none" href="/offres-emploi">
728                            Recrutement
729                        </a>
730                    </li>
731                    <li>
732                        <a class="text-white text-decoration-none" href="/programme-de-fidelite">
733                            Programme de fidélité
734                        </a>
735                    </li>
736                    <li>
737                        <a class="text-white text-decoration-none" href="/contact">
738                            Contact
739                        </a>
740                    </li>
741                </ul>
742            </div>
743            <div class="col col-4 col-lg-2 px-2 px-xl-1">
744                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/trouvez-une-pharmacie">Nos pharmacies</a>
745                <ul class="list-unstyled mt-3 px-0">
746                    <li>
747                        <a class="text-white text-decoration-none" href="/trouvez-une-pharmacie">
748                            Pharmacies Apothical
749                        </a>
750                    </li>
751                </ul>
752            </div>
753            <div class="col col-4 col-lg-2 mt-4 mt-lg-0 px-2 px-xl-1">
754                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/medicaments-parapharmacie">Nos produits</a>
755                <ul class="list-unstyled mt-3 px-0">
756                    <li>
757                        <a class="text-white text-decoration-none" href="/parapharmacie">
758                            Parapharmacie
759                        </a>
760                    </li>
761                    <li>
762                        <a class="text-white text-decoration-none" href="/medicaments-parapharmacie/produits/page/1/categorie/2-medicaments">
763                            Médicaments
764                        </a>
765                    </li>
766                    <li>
767                        <a class="text-white text-decoration-none" href="/carte-cadeau">
768                            Carte cadeau
769                        </a>
770                    </li>
771                    <li>
772                        <a class="text-white text-decoration-none" href="/calendrier-de-lavent">
773                            Calendrier de l’avent 2026
774                        </a>
775                    </li>
776                </ul>
777            </div>
778            <div class="col col-4 col-lg-2 mt-4 mt-lg-0 px-2 px-xl-1">
779                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/rendez-vous/">
780                    Nos services et rendez-vous
781                </a>
782                <ul class="list-unstyled mt-3 px-0">
783                    <li>
784                        <a class="text-white text-decoration-none" href="/rendez-vous/#covid">
785                            Covid-19
786                        </a>
787                    </li>
788                    <li>
789                        <a class="text-white text-decoration-none" href="/rendez-vous/#evenements">
790                            Événements
791                        </a>
792                    </li>
793                    <li>
794                        <a class="text-white text-decoration-none" href="/rendez-vous/#services">
795                            Nos services
796                        </a>
797                    </li>
798                </ul>
799            </div>
800            <div class="col col-4 col-lg-2 mt-4 mt-lg-0 px-2 px-xl-1">
801                <a class="text-primary font-headings text-decoration-none em-1-1 font-weight-bold text-uppercase" href="/actualites">Actualités et conseils</a>
802                <ul class="list-unstyled mt-3 px-0">
803                    <li>
804                        <a class="text-white text-decoration-none" href="/actualites">
805                            Actualités
806                        </a>
807                    </li>
808                    <li>
809                        <a class="text-white text-decoration-none" href="/conseils">
810                            Conseils
811                        </a>
812                    </li>
813                    <li>
814                        <a class="text-white text-decoration-none" href="/epidemies/">
815                            Cartes épidémiques
816                        </a>
817                    </li>
818                </ul>
819            </div>
820        </div>
821        <div class="row mt-5 mb-3 pt-4 d-block d-md-none">
822            <div class="text-center">
823                <img class="img img-fluid px-2"
824                     width="149"
825                     height="86"
826                     src="https://cdn.mesoigner.fr/uploads/logos/alternative-logo-association-apothical.png"
827                     alt="Apothical, Aix en Provence"
828                />
829                <div class="text-left mx-auto mt-5 pl-2" style="max-width: 240px;">
830                    <div class="my-3">
831                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/a-propos">
832                            Qui sommes-nous ?
833                        </a>
834                        <a href="#mobile-footer-about" class="mobile-menu-collapse rotate-240 text-primary" data-toggle="collapse"
835                           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;"
836                           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;">
837                            <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>
838                        </a>
839                        <ul class="list-unstyled mt-2 px-0 collapse" id="mobile-footer-about">
840                            <li class="mb-1">
841                                <a class="text-white text-decoration-none" href="/a-propos">
842                                    Nos offres et services
843                                </a>
844                            </li>
845                            <li class="mb-1">
846                                <a class="text-white text-decoration-none" href="/offres-emploi">
847                                    Recrutement
848                                </a>
849                            </li>
850                            <li>
851                                <a class="text-white text-decoration-none" href="/contact">
852                                    Contact
853                                </a>
854                            </li>
855                        </ul>
856                    </div>
857                    <div class="my-3">
858                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/programme-de-fidelite">
859                            Programme de fidélité
860                        </a>
861                    </div>
862                    <div class="my-3">
863                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/trouvez-une-pharmacie">
864                            Nos pharmacies
865                        </a>
866                    </div>
867                    <div class="my-3">
868                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/medicaments-parapharmacie">
869                            Nos produits
870                        </a>
871                        <a href="#mobile-footer-find-a-product" class="mobile-menu-collapse rotate-240 text-primary" data-toggle="collapse"
872                           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;"
873                           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;">
874                            <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>
875                        </a>
876                        <ul class="list-unstyled mt-2 px-0 collapse" id="mobile-footer-find-a-product">
877                            <li class="mb-1">
878                                <a class="text-white text-decoration-none" href="/parapharmacie">
879                                    Parapharmacie
880                                </a>
881                            </li>
882                            <li>
883                                <a class="text-white text-decoration-none" href="/medicaments-parapharmacie/produits/page/1/categorie/2-medicaments">
884                                    Médicaments
885                                </a>
886                            </li>
887                            <li>
888                                <a class="text-white text-decoration-none" href="/carte-cadeau">
889                                    Carte cadeau
890                                </a>
891                            </li>
892                            <li>
893                                <a class="text-white text-decoration-none" href="/calendrier-de-lavent">
894                                    Calendrier de l’avent 2026
895                                </a>
896                            </li>
897                        </ul>
898                    </div>
899                    <div class="my-3">
900                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/rendez-vous/">
901                            Nos services et rendez-vous
902                        </a>
903                        <a href="#mobile-footer-meetings" class="mobile-menu-collapse rotate-240 text-primary" data-toggle="collapse"
904                           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;"
905                           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;">
906                            <svg class="icon-svg ml-2 text-primary rotate-240" 
906role="img" width="0.6em" height="0.6em"><use xlink:href="/fonts/icons.svg#icon-caret" /></svg>
907                        </a>
908                        <ul class="list-unstyled mt-2 px-0 collapse" id="mobile-footer-meetings">
909                            <li class="mb-1">
910                                <a class="text-white text-decoration-none" href="/rendez-vous/#covid">
911                                    Covid-19
912                                </a>
913                            </li>
914                            <li class="mb-1">
915                                <a class="text-white text-decoration-none" href="/rendez-vous/#evenements">
916                                    Événements
917                                </a>
918                            </li>
919                            <li>
920                                <a class="text-white text-decoration-none" href="/rendez-vous/#services">
921                                    Nos services
922                                </a>
923                            </li>
924                        </ul>
925                    </div>
926                    <div class="my-3">
927                        <a class="text-primary font-headings text-decoration-none em-1-3" href="/actualites">
928                            Actualités et conseils
929                        </a>
930                        <a href="#mobile-footer-news-advices" class="mobile-menu-collapse rotate-240 text-primary" data-toggle="collapse"
931                           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;"
932                           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;">
933                            <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>
934                        </a>
935                        <ul class="list-unstyled mt-2 px-0 collapse" id="mobile-footer-news-advices">
936                            <li class="mb-1">
937                                <a class="text-white text-decoration-none" href="/actualites">
938                                    Actualités
939                                </a>
940                            </li>
941                            <li class="mb-1">
942                                <a class="text-white text-decoration-none" href="/conseils">
943                                    Conseils
944                                </a>
945                            </li>
946                            <li>
947                                <a class="text-white text-decoration-none" href="/epidemies/">
948                                    Cartes épidémiques
949                                </a>
950                            </li>
951                        </ul>
952                    </div>
953                </div>
954            </div>
955        </div>
956    </div>
957    <div class="w-100 footer-separator d-none d-md-block"></div>
958    <div class="container footer-down-container">
959        <div class="d-flex flex-column flex-lg-row justify-content-between pt-4 mt-1 pb-2 pb-lg-5">
960            <div class="mb-4 mt-2 my-lg-0 text-center">
961                <div class="d-block d-lg-flex text-white ml-0 ml-lg-4">
962                    <p class="text-primary font-headings text-uppercase font-weight-bold em-1-1 mb-3 mb-lg-2">Suivez-nous !</p>
963                    <div class="d-flex justify-content-center flex-wrap">
964                        <div class="ml-0 ml-lg-4 mr-1">
965                            <a class="text-decoration-none text-white" target="_blank" href="https://www.facebook.com/ApothicalPharmacies/">
966                                <img class="white-img" src="https://cdn.mesoigner.fr/src/img/association-website/themes/apothical/facebook.svg" alt="Icône Facebook"
967                                     style="max-height: 1.3em;">
968                            </a>
969                        </div>
970                        <div class="ml-3">
971                            <a class="text-decoration-none text-white" target="_blank" href="https://www.linkedin.com/company/gpo-groupement-de-pharmaciens-d-officines">
972                                <svg class="icon-svg mr-1" role="img" width="1.2em" height="1.2em"><title>Linkedin</title>
972<use xlink:href="/fonts/icons.svg#icon-linkedin" /></svg>
973                            </a>
974                        </div>
975                        <div class="ml-3">
976                            <a class="text-decoration-none text-white" target="_blank" href="https://www.instagram.com/apothicalpharmacies/?hl=fr">
977                                <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>
978                            </a>
979                        </div>
980                    </div>
981                </div>
982            </div>
983            <div class="d-flex justify-content-center justify-content-lg-start align-items-center">
984                <div class="text-center px-2">
985                    <a class="text-white text-decoration-none em-0-8" href="/mentions-legales">Mentions légales</a>
986                </div>
987                <div class="text-center d-none d-sm-block px-2">
988                    <p class="text-white em-0-8 mb-0">Copyright &#xA9; meSoigner</p>
989                </div>
990            </div>
991        </div>
992    </div>
993</section>
994
995        </footer>
996                
996<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkXp9-KktpzEkPoxw36AlVTWIPDaOlphs"></script>
996
997        
997<script>
998                    var userConsentEnable = true;
999                var customerHasUnreadMessages = false;
1000        var environment = 'prod';
1001        var mesoignerCdnUrl = 'https://cdn.mesoigner.fr';
1002    </script>
1002
1003    
1003<script src="https://cdn.mesoigner.fr/dist/front_associations/scripts.50c60673.js"></script>
1003
1004        
1005    </body>
1006</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.