JMT Alimentation Animal
Project version : 1.0.3

Page: Default

<div class="site-wrapper">
    <header class="site-header site-header--not-logged">
        <div class="container">
            <div class="site-header__brand">
                <a href="/" title="Retourner à l'accueil"><img src="../../img/brand-jmt.svg" alt="" class="brand" /></a>
            </div>

            <div class="site-header__search">
                <form action="" method="" class="form--main-search">
                    <div class="input--main-search">
                        <input type="search" placeholder="Rechercher" id="form--main-search--input" aria-label="Rechercher un produit ou un magasin" />
                        <input type="submit" value="" tabindex="-1" />

                        <div class="cat-container">
                            <svg width="76px" height="54px" id="search-cat" viewBox="0 0 76 54" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  
                        <defs>
                           <rect id="search-cat-mask-path" x="0" y="0" width="83" height="56" rx="3"></rect>
                        </defs>
                        <g class="cat-body" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                           <mask id="search-cat-mask" fill="white">
                                 <use xlink:href="#search-cat-mask-path"></use>
                           </mask>
                           <use id="Mask" fill-opacity="0" fill="#D8D8D8" xlink:href="#search-cat-mask-path"></use>
                           <g mask="url(#search-cat-mask)">
                              <g transform="translate(1,1)">
                                    <path d="M89.6426986,38.4846002 C91.8289758,31.6114888 101.809031,18.3668717 105.864476,22.8732429 C109.91992,27.3796141 98.8891115,30.4375088 96.4558449,40.4159022 C94.0225784,50.3942955 103.167835,54.0433743 101.809031,61.4992817 C100.926548,66.3415673 96.3365715,72.9834574 88.0391028,81.4249521 C88.0347261,81.8612398 88.0286392,82.3006075 88.0205209,82.743603 L88.0205209,82.743603 L38.3818832,82.743603 C38.8747747,79.575833 38.3340488,76.6252328 36.7597055,73.8918025 C34.3981904,69.7916569 29.4589443,65.8844701 27.188857,60.8555144 C25.6754655,57.5028772 24.9184492,53.1038006 24.9178082,47.6582845 L24.9178082,47.6582845 L38.3818832,45.4050989 C46.4927717,44.5467424 53.9547891,46.7462808 60.7679355,52.0037138 C66.9322107,42.5617932 73.096486,40.8987277 79.2607613,47.0145171 C84.0536273,51.7696844 86.885144,60.0275114 87.7553113,71.7879983 C91.4776778,66.7094473 93.4584655,62.743369 93.6981428,59.8898634 C94.1847961,54.0959576 87.4564214,45.3577117 89.6426986,38.4846002 Z" fill="#1F5263"></path>
                                    <path d="M2.13830493,29.959742 C7.80209258,41.7405147 16.2986958,48.1524788 27.6281145,49.1956342 C38.9575332,50.2387897 51.1582777,45.7128773 64.2303481,35.6178972 C66.1409205,33.567517 67.0962067,32.0027532 67.0962067,30.9236057 C67.0962067,29.8444582 66.1643212,29.5231703 64.3005502,29.959742 C65.7152551,26.6822343 66.2086063,24.6325081 65.7806036,23.8105633 C65.352601,22.9886185 64.0369979,23.1988468 61.8337944,24.4412483 C62.6094886,22.8813393 62.8287558,21.7776405 62.4915959,21.1301521 C62.1544361,20.4826636 60.7840162,20.9031202 58.3803363,22.391522 C56.3606177,18.5583096 54.0583123,15.5625559 51.4734202,13.4042609 C55.8564981,4.50129419 55.4641923,0.977263133 55.4641923,0.167902523 C55.4641923,-0.641458086 46.8777995,1.41928408 39.7974429,7.57042471 C32.3799265,5.78983137 24.9512271,5.83342679 18.3766103,7.61402013 C15.6793316,4.86219406 9.53857222,0.43741068 9.53857222,1.89425978 C9.53857222,3.35110887 9.66998633,7.73873663 11.0186257,13.4042609 C9.3328265,15.4546411 8.01722342,18.0299382 7.07181646,21.1301521 C5.06559011,19.2417708 3.77645716,18.2975802 3.20441759,18.2975802 C2.63237802,18.2975802 2.6059079,19.0840996 3.12500724,20.6571383 C1.07999938,18.9419518 0.038796676,18.5870914 0.0013991366,19.5925572 C-0.0359984028,20.5980229 0.676303529,22.3193674 2.13830493,24.7565908 C1.15290782,23.6921998 0.609185811,23.5356191 0.507138892,24.2868487 C0.405091973,25.0380783 0.948813987,26.9290427 2.13830493,29.959742 Z" fill="#1F5263"></path>
                                    <path d="M24.440329,49.2551697 C14.481893,47.3705287 6.88905396,40.9952943 1.67286958,30.1424163 C0.445825749,27.0160363 -0.107011142,25.093372 0.011689132,24.2195469 C0.0799883003,23.716755 0.350555506,23.3700467 0.754067963,23.3236024 C-0.111381891,21.6742418 -0.530318559,20.43602 -0.498255369,19.5739729 C-0.466521636,18.7207835 0.147456121,18.3504357 0.971647562,18.6313348 C1.32838815,18.7529184 1.76322687,18.9974299 2.28411421,19.3665092 C2.14067322,18.3625132 2.39501072,17.7975802 3.20441759,17.7975802 C3.8963872,17.7975802 5.04326894,18.5898722 6.83486172,20.2279223 C7.7461656,17.4952371 8.95914869,15.1785237 10.4756242,13.2801731 C9.43250399,8.81877461 9.03857222,4.88005285 9.03857222,1.89425978 C9.03857222,1.44959671 9.33660232,1.14299552 9.77010081,1.11030362 C10.0349943,1.09032691 10.3470548,1.16702645 10.7296544,1.32366711 C11.3633653,1.58311569 12.2239301,2.08290243 13.2264906,2.76189683 C15.0596719,4.00343757 17.161363,5.70534402 18.526999,7.05645573 C25.0777988,5.33709782 32.3968156,5.32012119 39.6644318,7.02497378 C42.8238304,4.32306774 46.5148055,2.19371468 50.104203,0.793177889 C51.5526045,0.228030251 52.89433,-0.176800817 53.9178183,-0.372968161 C55.2431183,-0.626982366 55.9641923,-0.600600517 55.9641923,0.167902523 C55.9641923,0.20990334 55.9651869,0.255289243 55.9685692,0.388295464 C55.996112,1.53218507 55.8955148,2.64717134 55.4866245,4.36174159 C54.9097208,6.78083034 53.8207293,9.72137617 52.0932245,13.2751233 C54.5038128,15.3642919 56.6625365,18.1700387 58.5720507,21.6896552 C60.9896544,20.246976 62.4048008,19.8808779 62.9350737,20.8992246 C63.2493261,21.5027213 63.2070337,22.3187064 62.8403799,23.3653906 C64.5702814,22.5879398 65.7138083,22.5996972 66.2240814,23.5796358 C66.7086621,24.5102343 66.3214403,26.369772 65.1171843,29.3087806 C66.6838871,29.1369365 67.5962067,29.6496284 67.5962067,30.9236057 C67.5962067,32.169995 66.5885063,33.8206135 64.535955,36.01363 C59.2117426,40.125283 54.0269322,43.3208795 48.9805683,45.5993816 C53.0597018,46.6136984 56.948916,48.5091021 60.6456638,51.282403 C66.873096,41.9969217 73.2931096,40.3894733 79.612916,46.6595706 C84.3180522,51.327698 87.1513088,59.2412374 88.1433909,70.3927442 C91.3043397,65.9089282 92.9869784,62.3829441 93.1998973,59.8480138 C93.3706938,57.8145763 92.8978718,56.134815 90.9945279,50.9501589 C90.3850839,49.2900503 90.0303022,48.2701458 89.7020023,47.1868878 C88.6200549,43.6168964 88.3707088,40.833937 89.1662232,38.3330376 C90.2999721,34.7688132 93.4104421,29.6789811 96.6824824,26.0754961 C100.574413,21.7893284 104.091484,20.155658 106.236135,22.5387737 C107.005239,23.3933956 107.332629,24.2651705 107.234363,25.1797253 C107.123378,26.2126626 106.508927,27.2114941 105.31108,28.5285413 C104.84763,29.0381102 102.422341,31.4787159 101.740231,32.222535 C99.2494255,34.9386783 97.6891153,37.4689737 96.9416106,40.5343579 C95.9103106,44.7635354 96.7021977,47.5114607 99.4246402,52.0974696 C99.4795477,52.1899625 99.8585842,52.8262459 99.9683948,53.0117455 C100.176221,53.3628194 100.34326,53.6496414 100.499922,53.9259765 C102.165476,56.8638386 102.771799,59.005211 102.300929,61.5889278 C101.400479,66.529797 96.8108446,73.1916979 88.5367419,81.6317553 C88.5327674,82.00283 88.5273323,82.3764997 88.5204369,82.7527645 L88.5114418,83.243603 L37.798069,83.243603 L37.8878279,82.6667301 C38.3632833,79.6110214 37.8436713,76.7756346 36.3264319,74.1413502 C36.0056463,73.5843908 35.622487,73.0080232 35.1676389,72.3917262 C34.7031407,71.762354 34.1742305,71.103707 33.5008615,70.3064923 C33.0942683,69.8251187 31.5417097,68.0257228 31.6553683,68.1581772 C29.1289212,65.2139282 27.7438858,63.3003566 26.7331359,61.0612284 C25.3392071,57.9732387 24.5772944,54.0382165 24.440329,49.2551697 Z" stroke="#1F5263" fill="#1F5263"></path>
                                    <path d="M26.0776653,47.6582845 C25.5491647,52.7819169 26.0277071,57.0200517 27.5132925,60.3726889 C29.7416707,65.4016446 35.3838608,69.7916569 37.7019869,73.8918025 C39.2474042,76.6252328 39.7984719,79.3612439 39.3551898,82.0998357 L87.3716498,82.0998357 C87.7991171,65.254591 84.9873424,53.7740739 78.9363257,47.6582845 C72.885309,41.542495 66.9373241,43.2592078 61.092371,52.808423 C54.4044052,47.5509899 47.1384014,45.0832152 39.2943597,45.4050989 L26.0776653,47.6582845 Z" fill="#9BAFBA"></path>
                                    <ellipse fill="#829AA7" transform="translate(36.273052, 49.106761) rotate(-8.000000) translate(-36.273052, -49.106761) " cx="36.2730521" cy="49.1067609" rx="10.2181632" ry="3.21935032"></ellipse>
                                    <path d="M2.13830493,29.959742 C7.80209258,41.7405147 16.2986958,48.1524788 27.6281145,49.1956342 C38.9575332,50.2387897 51.1582777,45.7128773 64.2303481,35.6178972 C66.1409205,33.567517 67.0962067,32.0027532 67.0962067,30.9236057 C67.0962067,29.8444582 66.1643212,29.5231703 64.3005502,29.959742 C65.7152551,26.6822343 66.2086063,24.6325081 65.7806036,23.8105633 C65.352601,22.9886185 64.0369979,23.1988468 61.8337944,24.4412483 C62.6094886,22.8813393 62.8287558,21.7776405 62.4915959,21.1301521 C62.1544361,20.4826636 60.7840162,20.9031202 58.3803363,22.391522 C56.3606177,18.5583096 54.0583123,15.5625559 51.4734202,13.4042609 C55.8564981,4.50129419 55.4641923,0.977263133 55.4641923,0.167902523 C55.4641923,-0.641458086 46.8777995,1.41928408 39.7974429,7.57042471 C32.3799265,5.78983137 24.9512271,5.83342679 18.3766103,7.61402013 C15.6793316,4.86219406 9.53857222,0.43741068 9.53857222,1.89425978 C9.53857222,3.35110887 9.66998633,7.73873663 11.0186257,13.4042609 C9.3328265,15.4546411 8.01722342,18.0299382 7.07181646,21.1301521 C5.06559011,19.2417708 3.77645716,18.2975802 3.20441759,18.2975802 C2.63237802,18.2975802 2.6059079,19.0840996 3.12500724,20.6571383 C1.07999938,18.9419518 0.038796676,18.5870914 0.0013991366,19.5925572 C-0.0359984028,20.5980229 0.676303529,22.3193674 2.13830493,24.7565908 C1.15290782,23.6921998 0.609185811,23.5356191 0.507138892,24.2868487 C0.405091973,25.0380783 0.948813987,26.9290427 2.13830493,29.959742 Z" fill="#1F5263"></path>
                                    <path d="M2.9614828,30.1211395 C8.2449944,41.298299 16.4126968,47.3949206 27.4645901,48.4110043 C38.5164833,49.427088 50.356911,45.1699643 62.985873,35.6396332 C64.8496441,33.6424641 65.7815296,32.1183087 65.7815296,31.067167 C65.7815296,30.0160254 64.7948273,30.2788108 62.8214227,31.8555233 C64.6641776,27.8208855 65.3767959,25.4032597 64.9592777,24.6026458 C64.5417594,23.802032 62.8972555,24.432717 60.0257661,26.4947008 C61.4510028,24.1821892 61.9991707,22.7105909 61.67027,22.0799059 C61.3413692,21.4492209 60.1353997,21.8171205 58.0523615,23.1836046 C55.7500561,18.7688097 53.3381172,15.5102705 50.8165446,13.4079872 C55.0922546,4.73606857 54.4344531,1.8979861 54.4344531,1.10962986 C54.4344531,0.321273616 46.8697354,2.37099984 39.9628193,8.36250727 C32.7270023,6.62812354 24.6689335,6.62812354 18.2553685,8.36250727 C15.6241624,5.68209605 10.0328493,1.42497235 10.0328493,2.84401359 C10.0328493,4.26305482 10.1972997,7.88949353 11.5129028,13.4079872 C9.86839894,15.4051564 8.55279586,18.2957959 7.56609356,22.0799059 C5.38328071,19.8725084 4.01286084,18.7688097 3.45483395,18.7688097 C2.89680707,18.7688097 2.95162386,19.8725084 3.61928434,22.0799059 C1.463094,19.7340496 0.366758103,19.0508075 0.330276653,20.0301796 C0.293795204,21.0095517 1.3353143,23.1643921 3.45483395,26.4947008 C1.8002437,24.501597 0.923174983,23.870912 0.823627806,24.6026458 C0.724080629,25.3343797 1.43669896,27.1738776 2.9614828,30.1211395 Z" fill="#9BAFBA"></path>
                                    <path d="M56.2223395,40.2861498 C57.7082095,39.3681948 59.9627207,37.8193559 62.985873,35.6396332 C64.8496441,33.6424641 65.7815296,32.1183087 65.7815296,31.067167 C65.7815296,30.0160254 64.7948273,30.2788108 62.8214227,31.8555233 C64.6641776,27.8208855 65.3767959,25.4032597 64.9592777,24.6026458 C64.5417594,23.802032 62.8972555,24.432717 60.0257661,26.4947008 C61.4510028,24.1821892 61.9991707,22.7105909 61.67027,22.0799059 C61.3413692,21.4492209 60.1353997,21.8171205 58.0523615,23.1836046 C55.5105901,19.0563171 54.304312,17.16302 54.4335271,17.5037133 C55.3105958,19.816225 56.1328478,22.1812937 56.9002829,24.5989195 C58.5700057,24.0846573 59.4470744,23.926986 59.531489,24.1259058 C60.0257018,25.2904984 58.0647745,27.4241071 58.0514356,27.5946732 C57.9904832,28.374079 62.983628,26.7988827 62.8204967,27.5946732 C62.5405205,28.9604593 61.4298486,31.0374609 60.6717397,32.4423221 C60.3749408,32.9923237 64.135361,32.583193 63.807199,33.1131669 C63.238294,34.0319353 60.8761987,35.5592272 60.0248402,36.4242631 C56.8294208,39.6710183 54.1956126,41.5382405 56.2223395,40.2861498 Z" fill="#D0DBDD"></path>
                                    <path d="M15.6232364,44.7808393 C13.1198433,36.794903 12.5168586,32.327551 13.8142822,31.3787832 C15.1117059,30.4300154 18.9488815,32.5322987 25.3258091,37.6856331 C35.2197601,31.7889868 41.6881419,29.6867035 44.7309544,31.3787832 C49.2951733,33.9169027 41.7708475,46.8305655 41.7708475,46.8305655 C41.7708475,46.8305655 33.5386599,49.054063 27.2992137,48.5649492 C23.1395829,48.2388734 19.2475905,46.9775034 15.6232364,44.7808393 Z" fill="#E8EDF1"></path>
                                    <path d="M22.3533831,35.640573 C21.0783602,36.2820943 23.9496353,38.9545725 25.7280921,39.0979734 C27.506549,39.2413743 30.1539589,37.0444845 29.4998257,36.2168064 C28.8456926,35.3891282 23.628406,34.9990516 22.3533831,35.640573 Z" fill="#D65461"></path>
                                    <path d="M22.6279629,35.8985929 C21.571716,36.4251996 23.9503208,38.6189616 25.4236195,38.7366754 C26.8969182,38.8543891 29.0900699,37.0510243 28.5481768,36.3716066 C28.0062836,35.692189 23.6842099,35.3719861 22.6279629,35.8985929 Z" fill="#FABDC5"></path>
                                    <path d="M25.4902595,40.3660443 C25.1613587,43.8348118 27.2992137,45.5691955 31.9038245,45.5691955 C35.6861833,45.5691955 40.7841452,43.5194693 42.4286491,38.7893319 C40.1263437,42.7311131 36.3439849,44.4654968 32.2327252,44.7808393 C27.8158545,45.1196228 25.5683659,43.6480245 25.4902595,40.3660443 Z" fill="#1F5265" fill-rule="nonzero"></path>
                                    <path d="M16.9385466,41.6274143 C16.706365,43.3177165 18.0159919,44.1260469 20.8674271,44.0524056 C23.1876612,43.992483 25.9833178,42.4157706 25.654417,39.1046743 C25.2158826,42.047871 23.5199928,43.5341263 20.5667475,43.5634405 C18.257355,43.5863636 17.0479547,42.9410216 16.9385466,41.6274143 Z" fill="#1F5265" fill-rule="nonzero" transform="translate(21.296628, 41.580846) scale(-1, 1) translate(-21.296628, -41.580846) "></path>
                                    <path d="M18.7477937,12.4835734 C21.2693663,9.85571929 23.6813053,10.1710618 25.9836106,13.4296009 C24.1198396,11.8528884 21.7079007,11.5375459 18.7477937,12.4835734 Z" fill="#1F5265"></path>
                                    <path d="M31.9038245,12.4835734 C34.425397,9.85571929 36.837336,10.1710618 39.1396414,13.4296009 C37.2758704,11.8528884 34.8639314,11.5375459 31.9038245,12.4835734 Z" fill="#1F5265" transform="translate(35.521733, 12.076725) scale(-1, 1) translate(-35.521733, -12.076725) "></path>
                                    <path d="M42.4286491,8.98946595 C43.2163189,6.5822667 50.6460412,2.54454613 52.2956721,3.15562976 C53.9453031,3.76671339 51.8171753,10.5002952 49.664466,11.6698772 C47.5117567,12.8394591 41.6409792,11.3966652 42.4286491,8.98946595 Z" fill="#E8EDF1"></path>
                                    <path d="M35.5217329,7.57042471 C28.834084,7.57042471 22.9138701,8.30622387 17.7610914,9.77782219 C14.6913509,6.51928306 12.4986791,4.31188558 11.1830761,3.15562976 C12.279412,3.15562976 14.5817173,4.83745641 18.0899922,8.2011097 C24.558374,7.04485388 30.3689542,6.83462555 35.5217329,7.57042471 Z" fill="#E8EDF1"></path>   
                                    <path transform="translate(29.601519, 24.598920)" d="M3.28900768,7.25287742 C5.10547647,7.25287742 6.57801537,5.40409488 6.57801537,3.48138116 C6.57801537,1.55866744 5.10547647,0 3.28900768,0 C1.4725389,0 0,1.84878253 0,3.77149626 C0,5.69420998 1.4725389,7.25287742 3.28900768,7.25287742 Z" fill="#1F5265"></path>
                                 <path transform="translate(17.761091, 24.283577)" d="M3.28900768,7.25287742 C5.10547647,7.25287742 6.57801537,5.40409488 6.57801537,3.48138116 C6.57801537,1.55866744 5.10547647,0 3.28900768,0 C1.4725389,0 0,1.84878253 0,3.77149626 C0,5.69420998 1.4725389,7.25287742 3.28900768,7.25287742 Z" fill="#1F5265"></path>
                                    <g id="cat-eye-left" transform="translate(17.761091, 24.283577)">
                                       <path d="M3.28900768,7.25287742 C4.92382959,7.25287742 6.2491146,5.6579562 6.2491146,3.86931193 C6.2491146,2.08066766 4.92382959,0.630684993 3.28900768,0.630684993 C1.65418578,0.630684993 0.328900768,2.35055324 0.328900768,4.13919751 C0.328900768,5.92784177 1.65418578,7.25287742 3.28900768,7.25287742 Z" id="path-eye-left" fill="#FFFFFF"></path>
                                       <path d="M2.96010692,6.77986367 C4.04998819,6.77986367 4.93351153,5.77509056 4.93351153,4.73013745 C4.93351153,3.68518434 4.04998819,2.83808247 2.96010692,2.83808247 C1.87022564,2.83808247 0.986702305,3.84285558 0.986702305,4.88780869 C0.986702305,5.9327618 1.87022564,6.77986367 2.96010692,6.77986367 Z" id="pupil-left" class="pupil" fill="#1F5265"></path>
                                       <g class="pupil-large">
                                          <path d="M3.23890857,7.21642298 C3.23890857,7.21642298 5.73890857,7.21642298 6.23890857,5.05642298 C6.73890857,2.89642298 4.44804757,1.21642298 2.23890857,1.21642298 C0.0297695666,1.21642298 -0.261091434,3.21642298 0.238908566,5.21642298 C0.738908566,7.21642298 3.23890857,7.21642298 3.23890857,7.21642298 Z" id="Oval" fill="#1F5265"></path><path d="M0.738908566,3.71642298 C0.596997864,3.43260158 0.948339151,2.5069924 1.23890857,2.21642298 C1.52947798,1.92585357 2.11146942,1.9615447 2.23890857,2.21642298 C2.36634771,2.47130126 2.12666182,2.82866972 1.73890857,3.21642298 C1.35115531,3.60417624 0.880819268,4.00024439 0.738908566,3.71642298 Z" id="Path-8" fill="#FFFFFF"></path>
                                          </g>
                                    </g>
                                    <g id="cat-eye-right" transform="translate(29.601519, 24.598920)">
                                       <path d="M3.28900768,7.25287742 C4.92382959,7.25287742 6.2491146,5.6579562 6.2491146,3.86931193 C6.2491146,2.08066766 4.92382959,0.630684993 3.28900768,0.630684993 C1.65418578,0.630684993 0.328900768,2.35055324 0.328900768,4.13919751 C0.328900768,5.92784177 1.65418578,7.25287742 3.28900768,7.25287742 Z" id="path-eye-right" fill="#FFFFFF"></path>
                                       <path d="M2.96010692,6.77986367 C4.04998819,6.77986367 4.93351153,5.77509056 4.93351153,4.73013745 C4.93351153,3.68518434 4.04998819,2.83808247 2.96010692,2.83808247 C1.87022564,2.83808247 0.986702305,3.84285558 0.986702305,4.88780869 C0.986702305,5.9327618 1.87022564,6.77986367 2.96010692,6.77986367 Z" id="pupil-right" class="pupil" fill="#1F5265"></path>
                                       <g class="pupil-large">
                                          <path d="M3.28900768,7.25287742 C4.92382959,7.25287742 6.2491146,5.6579562 6.2491146,3.86931193 C6.2491146,2.08066766 2.8984809,0.901080485 1.8984809,1.40108048 C0.898480901,1.90108048 0.328900768,2.35055324 0.328900768,4.13919751 C0.328900768,5.92784177 1.65418578,7.25287742 3.28900768,7.25287742 Z" id="Mask" fill="#1F5265"></path><path d="M0.430991219,4.10584185 C0.289080516,3.82202045 0.640421804,2.89641127 0.930991219,2.60584185 C1.22156063,2.31527244 1.80355208,2.35096357 1.93099122,2.60584185 C2.05843036,2.86072013 1.81874448,3.2180886 1.43099122,3.60584185 C1.04323796,3.99359511 0.572901921,4.38966326 0.430991219,4.10584185 Z" id="Path-8" fill="#FFFFFF"></path>
                                       </g>
                                    </g>
                                 </g>
                           </g>
                        </g>
                     </svg>
                        </div>
                    </div>
                </form>
            </div>

            <button id="js-toggle-menu">
            <i class="icon icon--bars"></i>
            <span>Menu</span>
         </button>

            <nav class="site-header__nav main-nav" data-swiped="0">
                <ul class="nav__left">
                    <li aria-haspopup="true" class="has-megadropdown">
                        <a href="#megadropdown" aria-label="Ouvrir le menu de nos produits" class="js-open-dropdown">Nos produits</a>

                        <div class="megadropdown">
                            <ul>
                                <li>
                                    <button class="js-unswipe-one button button--lighter button--upper button--rounded button--with-icon button--smaller">
                                    <i class="icon icon--chevron-left"></i>
                                    <span>Retour à la liste</span>
                                 </button>
                                </li>
                                <li aria-haspopup="true"><button data-category-menu="chien">Chien</button></li>
                                <li aria-haspopup="true"><button data-category-menu="chats">Chats</button></li>
                                <li aria-haspopup="true"><button data-category-menu="bassecour">Basse-Cour</button></li>
                                <li aria-haspopup="true"><button data-category-menu="pigeons">Pigeons</button></li>
                                <li aria-haspopup="true"><button data-category-menu="oiseaux">Oiseaux</button></li>
                                <li aria-haspopup="true"><button data-category-menu="rongeurs">Rongeurs</button></li>
                                <li aria-haspopup="true"><button data-category-menu="chevaux">Chevaux</button></li>
                                <li aria-haspopup="true"><button data-category-menu="poissons">Poissons</button></li>
                                <li aria-haspopup="true"><button data-category-menu="reptiles">Reptiles</button></li>
                            </ul>

                            <div class="megadropdown__content">
                                <button class="js-unswipe-one button button--lighter button--upper button--rounded button--with-icon button--smaller button--upper">
                                 <i class="icon icon--chevron-left"></i>
                                 <span>Retour à la liste</span>
                              </button>

                                <div id="chien">
                                    <div class="megadropdown__lists">
                                        <h6 class="alt--font">Nos rubriques pour chien</h6>

                                        <ul>
                                            <li><a href="#">Aliments</a></li>
                                            <li><a href="#">Antiparasitaires</a></li>
                                            <li><a href="#">Articles à mastiquer</a></li>
                                            <li><a href="#">Cages de Transport</a></li>
                                            <li><a href="#">Colliers Laisses Harnais</a></li>
                                            <li><a href="#">Couchage</a></li>
                                            <li><a href="#">Compléments alimentaires</a></li>
                                            <li><a href="#">Education Sport canin</a></li>
                                            <li><a href="#">Friandises</a></li>
                                            <li><a href="#">Gamelles Distributeurs</a></li>
                                            <li><a href="#">Hygiène et Soins</a></li>
                                            <li><a href="#">Jouets</a></li>
                                            <li><a href="#">Niches</a></li>
                                            <li><a href="#">Vêtements Chaussures</a></li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Tous les produits</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>

                                    <div class="megadropdown__marques">
                                        <h6 class="alt--font">Nos marques</h6>

                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Toutes nos marques</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>
                                </div>
                                <div id="chats">
                                    <div class="megadropdown__lists">
                                        <h6 class="alt--font">Nos rubriques pour chats</h6>

                                        <ul>
                                            <li><a href="#">Aliments</a></li>
                                            <li><a href="#">Antiparasitaires</a></li>
                                            <li><a href="#">Articles à mastiquer</a></li>
                                            <li><a href="#">Cages de Transport</a></li>
                                            <li><a href="#">Colliers Laisses Harnais</a></li>
                                            <li><a href="#">Couchage</a></li>
                                            <li><a href="#">Compléments alimentaires</a></li>
                                            <li><a href="#">Education Sport canin</a></li>
                                            <li><a href="#">Friandises</a></li>
                                            <li><a href="#">Gamelles Distributeurs</a></li>
                                            <li><a href="#">Hygiène et Soins</a></li>
                                            <li><a href="#">Jouets</a></li>
                                            <li><a href="#">Niches</a></li>
                                            <li><a href="#">Vêtements Chaussures</a></li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Tous les produits</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>

                                    <div class="megadropdown__marques">
                                        <h6 class="alt--font">Nos marques</h6>

                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Toutes nos marques</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>
                                </div>
                                <div id="bassecour">
                                    <div class="megadropdown__lists">
                                        <h6 class="alt--font">Nos rubriques pour bassecour</h6>

                                        <ul>
                                            <li><a href="#">Aliments</a></li>
                                            <li><a href="#">Antiparasitaires</a></li>
                                            <li><a href="#">Articles à mastiquer</a></li>
                                            <li><a href="#">Cages de Transport</a></li>
                                            <li><a href="#">Colliers Laisses Harnais</a></li>
                                            <li><a href="#">Couchage</a></li>
                                            <li><a href="#">Compléments alimentaires</a></li>
                                            <li><a href="#">Education Sport canin</a></li>
                                            <li><a href="#">Friandises</a></li>
                                            <li><a href="#">Gamelles Distributeurs</a></li>
                                            <li><a href="#">Hygiène et Soins</a></li>
                                            <li><a href="#">Jouets</a></li>
                                            <li><a href="#">Niches</a></li>
                                            <li><a href="#">Vêtements Chaussures</a></li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Tous les produits</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>

                                    <div class="megadropdown__marques">
                                        <h6 class="alt--font">Nos marques</h6>

                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Toutes nos marques</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>
                                </div>
                                <div id="pigeons">
                                    <div class="megadropdown__lists">
                                        <h6 class="alt--font">Nos rubriques pour pigeons</h6>

                                        <ul>
                                            <li><a href="#">Aliments</a></li>
                                            <li><a href="#">Antiparasitaires</a></li>
                                            <li><a href="#">Articles à mastiquer</a></li>
                                            <li><a href="#">Cages de Transport</a></li>
                                            <li><a href="#">Colliers Laisses Harnais</a></li>
                                            <li><a href="#">Couchage</a></li>
                                            <li><a href="#">Compléments alimentaires</a></li>
                                            <li><a href="#">Education Sport canin</a></li>
                                            <li><a href="#">Friandises</a></li>
                                            <li><a href="#">Gamelles Distributeurs</a></li>
                                            <li><a href="#">Hygiène et Soins</a></li>
                                            <li><a href="#">Jouets</a></li>
                                            <li><a href="#">Niches</a></li>
                                            <li><a href="#">Vêtements Chaussures</a></li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Tous les produits</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>

                                    <div class="megadropdown__marques">
                                        <h6 class="alt--font">Nos marques</h6>

                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Toutes nos marques</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>
                                </div>
                                <div id="oiseaux">
                                    <div class="megadropdown__lists">
                                        <h6 class="alt--font">Nos rubriques pour oiseaux</h6>

                                        <ul>
                                            <li><a href="#">Aliments</a></li>
                                            <li><a href="#">Antiparasitaires</a></li>
                                            <li><a href="#">Articles à mastiquer</a></li>
                                            <li><a href="#">Cages de Transport</a></li>
                                            <li><a href="#">Colliers Laisses Harnais</a></li>
                                            <li><a href="#">Couchage</a></li>
                                            <li><a href="#">Compléments alimentaires</a></li>
                                            <li><a href="#">Education Sport canin</a></li>
                                            <li><a href="#">Friandises</a></li>
                                            <li><a href="#">Gamelles Distributeurs</a></li>
                                            <li><a href="#">Hygiène et Soins</a></li>
                                            <li><a href="#">Jouets</a></li>
                                            <li><a href="#">Niches</a></li>
                                            <li><a href="#">Vêtements Chaussures</a></li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Tous les produits</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>

                                    <div class="megadropdown__marques">
                                        <h6 class="alt--font">Nos marques</h6>

                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Toutes nos marques</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>
                                </div>
                                <div id="rongeurs">
                                    <div class="megadropdown__lists">
                                        <h6 class="alt--font">Nos rubriques pour rongeurs</h6>

                                        <ul>
                                            <li><a href="#">Aliments</a></li>
                                            <li><a href="#">Antiparasitaires</a></li>
                                            <li><a href="#">Articles à mastiquer</a></li>
                                            <li><a href="#">Cages de Transport</a></li>
                                            <li><a href="#">Colliers Laisses Harnais</a></li>
                                            <li><a href="#">Couchage</a></li>
                                            <li><a href="#">Compléments alimentaires</a></li>
                                            <li><a href="#">Education Sport canin</a></li>
                                            <li><a href="#">Friandises</a></li>
                                            <li><a href="#">Gamelles Distributeurs</a></li>
                                            <li><a href="#">Hygiène et Soins</a></li>
                                            <li><a href="#">Jouets</a></li>
                                            <li><a href="#">Niches</a></li>
                                            <li><a href="#">Vêtements Chaussures</a></li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Tous les produits</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>

                                    <div class="megadropdown__marques">
                                        <h6 class="alt--font">Nos marques</h6>

                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Toutes nos marques</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>
                                </div>
                                <div id="chevaux">
                                    <div class="megadropdown__lists">
                                        <h6 class="alt--font">Nos rubriques pour chevaux</h6>

                                        <ul>
                                            <li><a href="#">Aliments</a></li>
                                            <li><a href="#">Antiparasitaires</a></li>
                                            <li><a href="#">Articles à mastiquer</a></li>
                                            <li><a href="#">Cages de Transport</a></li>
                                            <li><a href="#">Colliers Laisses Harnais</a></li>
                                            <li><a href="#">Couchage</a></li>
                                            <li><a href="#">Compléments alimentaires</a></li>
                                            <li><a href="#">Education Sport canin</a></li>
                                            <li><a href="#">Friandises</a></li>
                                            <li><a href="#">Gamelles Distributeurs</a></li>
                                            <li><a href="#">Hygiène et Soins</a></li>
                                            <li><a href="#">Jouets</a></li>
                                            <li><a href="#">Niches</a></li>
                                            <li><a href="#">Vêtements Chaussures</a></li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Tous les produits</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>

                                    <div class="megadropdown__marques">
                                        <h6 class="alt--font">Nos marques</h6>

                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Toutes nos marques</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>
                                </div>
                                <div id="poissons">
                                    <div class="megadropdown__lists">
                                        <h6 class="alt--font">Nos rubriques pour poissons</h6>

                                        <ul>
                                            <li><a href="#">Aliments</a></li>
                                            <li><a href="#">Antiparasitaires</a></li>
                                            <li><a href="#">Articles à mastiquer</a></li>
                                            <li><a href="#">Cages de Transport</a></li>
                                            <li><a href="#">Colliers Laisses Harnais</a></li>
                                            <li><a href="#">Couchage</a></li>
                                            <li><a href="#">Compléments alimentaires</a></li>
                                            <li><a href="#">Education Sport canin</a></li>
                                            <li><a href="#">Friandises</a></li>
                                            <li><a href="#">Gamelles Distributeurs</a></li>
                                            <li><a href="#">Hygiène et Soins</a></li>
                                            <li><a href="#">Jouets</a></li>
                                            <li><a href="#">Niches</a></li>
                                            <li><a href="#">Vêtements Chaussures</a></li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Tous les produits</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>

                                    <div class="megadropdown__marques">
                                        <h6 class="alt--font">Nos marques</h6>

                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Toutes nos marques</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>
                                </div>
                                <div id="reptiles">
                                    <div class="megadropdown__lists">
                                        <h6 class="alt--font">Nos rubriques pour reptiles</h6>

                                        <ul>
                                            <li><a href="#">Aliments</a></li>
                                            <li><a href="#">Antiparasitaires</a></li>
                                            <li><a href="#">Articles à mastiquer</a></li>
                                            <li><a href="#">Cages de Transport</a></li>
                                            <li><a href="#">Colliers Laisses Harnais</a></li>
                                            <li><a href="#">Couchage</a></li>
                                            <li><a href="#">Compléments alimentaires</a></li>
                                            <li><a href="#">Education Sport canin</a></li>
                                            <li><a href="#">Friandises</a></li>
                                            <li><a href="#">Gamelles Distributeurs</a></li>
                                            <li><a href="#">Hygiène et Soins</a></li>
                                            <li><a href="#">Jouets</a></li>
                                            <li><a href="#">Niches</a></li>
                                            <li><a href="#">Vêtements Chaussures</a></li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Tous les produits</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>

                                    <div class="megadropdown__marques">
                                        <h6 class="alt--font">Nos marques</h6>

                                        <ul>
                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>

                                            <li>
                                                <a href="#">
                                                <img src="https://www.purina.fr/beyond/sites/all/themes/custom/beyond_cat/img/logo.png" />
                                             </a>
                                            </li>
                                        </ul>

                                        <a href="#" class="button button--primary button--with-icon button--rounded button--smaller button--upper  button--centered">
                                          <span>Toutes nos marques</span>
                                          <i class="icon icon--chevron-right"></i>
                                       </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li><a href="#">Nos magasins</a></li>
                    <li><a href="#">Actualités &amp; promotions</a></li>

                </ul>

                <ul class="nav__right">
                    <li><a href="">Communauté JMT</a></li>
                    <li><a href="">Vos questions ?</a></li>
                    <li><a href="">Vos photos !</a></li>
                </ul>

                <ul class="nav__shortcute">
                    <li aria-haspopup="true">
                        <button class="js-open-dropdown" href="#user-list" aria-label="Ouvrir le menu utilisateur - Mes listes de courses">
                     <i class="icon">
                        <svg class="svg-heart" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                           <g fill="none" fill-rule="evenodd">
                              <path class="svg-heart-body" d="M28.083 13.519L16.056 26.006 3.98 13.52c-2.396-2.475-2.895-7.194.48-10.075 3.418-2.925 7.436-.806 8.908.718L16.03 6.92l2.664-2.756c1.447-1.5 5.501-3.626 8.907-.72 3.369 2.876 2.876 7.595.48 10.076z" fill="#F05D61" fill-rule="nonzero"/><path class="svg-heart-shadow" d="M13.567 24.563L25.887 12c1.169-1.19 2-2.524 2.495-4a8.948 8.948 0 0 0 .343-4.469l2.589 3.75-.718 3.907-2.214 4.156-11.696 11.625-3.119-2.407z" fill="#D4484C"/><ellipse class="svg-heart-light" fill="#FFC6C6" cx="6.497" cy="6.655" rx="2.559" ry="4.341"/><path class="svg-heart-border" d="M28.9 1.919c-3.4-2.9-8.484-2.419-11.64.844l-1.229 1.274-1.229-1.268C12.257.13 7.124-1.456 3.162 1.919-.754 5.269-.96 11.28 2.546 14.906l12.07 12.488c.387.4.898.606 1.41.606.511 0 1.023-.2 1.41-.606l12.07-12.488c3.518-3.625 3.312-9.637-.605-12.987zm-.817 11.6L16.056 26.006 3.98 13.52c-2.396-2.475-2.895-7.194.48-10.075 3.418-2.925 7.436-.806 8.908.718L16.03 6.92l2.664-2.756c1.447-1.5 5.501-3.626 8.907-.72 3.369 2.876 2.876 7.595.48 10.076z" fill="#4C4636" fill-rule="nonzero"/>
                           </g>
                        </svg>
                     </i>
                     <span>Mes listes<span> de courses</span></span>
                  </button>

                        <ul class="nav-user-list">
                            <li>
                                <button class="js-unswipe-one button button--lighter button--upper button--rounded button--with-icon button--smaller">
                           <i class="icon icon--chevron-left"></i>
                           <span>Retour à la liste</span>
                        </button>
                            </li>
                            <li>
                                <form method="" action="" class="basic-login">
                                    <div class="basic-login__title">Me connecter</div>

                                    <span class="basic-login__input">
                              <label>Adresse e-mail</label>
                              <input type="text" aria-label="Veuillez saisir votre adresse e-mail pour vous connecter" />
                           </span>

                                    <span class="basic-login__input">
                              <label>Mot de passe</label>
                              <input type="password" aria-label="Veuillez indiquer votre mot de passe" />
                           </span>

                                    <button type="submit" class="button button--shadow">M'identifier</button>

                                    <a href="" class="basic-login__sign-in">
                              <span href="#">Je n'ai pas encore de compte</span>
                              <i class="icon icon--chevron-right icon--chevron-right-red"></i>
                           </a>
                                </form>
                            </li>
                        </ul>
                    </li>

                    <li aria-haspopup="true">
                        <button class="js-open-dropdown" href="#user-account" aria-label="Ouvrir le menu utilisateur - Mon compte">
                     <i class="icon">
                        <svg class="svg-user" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
                        <g fill="none" fill-rule="evenodd" style="transform: translate(2px, 6px);">
                           <g class="svg-user__cat-head"><path d="M32.528 28.185a5.5 5.5 0 0 0 7.302-6.1c1.285-1.143 1.828-1.928 1.628-2.355-.199-.428-1.166-.536-2.9-.326a5.475 5.475 0 0 0-2.268-1.556 5.478 5.478 0 0 0-2.425-.306c-1.103-1.362-1.804-1.986-2.102-1.873-.23.087-.326.985-.287 2.695a5.5 5.5 0 0 0 1.051 9.822z" fill="#FFF"/><path d="M43.255 18.87c-.66-1.416-1.89-1.725-3.981-1.564a7.489 7.489 0 0 0-2.316-1.351 7.5 7.5 0 0 0-2.18-.444c-1.496-1.764-2.302-2.27-3.738-1.727-.77.29-1.127.817-1.34 1.46-.093.28-.149.584-.186.938-.035.327-.055.717-.06 1.176a7.5 7.5 0 1 0 12.438 5.853l.001-.342c1.469-1.44 2.028-2.571 1.362-3.999zm-10.743 9.301a5.5 5.5 0 0 1-1.052-9.822l-.007-.488c-.012-1.393.086-2.128.294-2.207.298-.112.999.512 2.103 1.874a5.478 5.478 0 0 1 2.424.306c.908.33 1.676.875 2.268 1.556l.497-.053c1.423-.132 2.224-.006 2.403.379.2.427-.343 1.212-1.627 2.355a5.5 5.5 0 0 1-7.303 6.1z" fill="#4C4636" fill-rule="nonzero"/><path d="M32.947 20.724l.5-1a.5.5 0 0 0-.894-.448l-.5 1a.5.5 0 0 0 .894.448zM36.965 22.953l.5-1.27a.5.5 0 1 0-.93-.366l-.5 1.27a.5.5 0 0 0 .93.366z" fill="#4C4636" fill-rule="nonzero"/></g>
                           <g class="svg-user__dog-head"><path d="M13.003 27.784a5.5 5.5 0 0 0 2.274-7.439c-.467-.877-1.993-2.351-2.777-2.845-1-2.667-2-4-3-4-.5 0-1.753 1.642-1.5 2.5.069.233 1.694-.725 1.885-.21.11.294.318.84.627 1.637a5.475 5.475 0 0 0-2.674.644c-.753.401-1.364.784-1.838 1.429-1.333-2-2.333-2.833-3-2.5-.105.052-1.354 2.124-1 3 .107.265 1.26-1.048 1.5-.5.174.396.674 1.227 1.5 2.493a5.476 5.476 0 0 0 .564 3.517c.256.481.072 3.12.436 3.49 1.664 1.69 4.802-.046 7.003-1.216z" fill="#E5A462"/><path d="M9.495 11.498c-1.874 0-3.802 2.756-3.489 4.75-1.257-1.315-2.473-1.756-3.906-1.04-1.209.605-2.644 3.842-1.96 5.538a2.043 2.043 0 0 0 2.13 1.276c.121-.013.23-.033.332-.06l.326.516a7.47 7.47 0 0 0 .75 3.742l.031.45.047 1.107.022.357c.008.11.017.212.028.31l.016.147c.097.798.23 1.285.748 1.81 1.806 1.834 4.11 1.636 7.032.324l.276-.127.396-.188c.26-.127.524-.262.858-.437l.805-.426a7.5 7.5 0 0 0 3.1-10.143c-.475-.895-1.632-2.147-2.658-2.995l-.234-.189c-1.226-3.058-2.592-4.722-4.65-4.722zm3.503 16.283l-.965.51-.595.3c-1.948.957-4.145 1.725-5.443.407-.364-.37-.18-3.01-.436-3.49a5.476 5.476 0 0 1-.564-3.517l-.457-.708-.378-.603c-.34-.55-.56-.945-.665-1.182-.24-.548-1.393.764-1.5.5-.354-.877.895-2.948 1-3 .667-.334 1.667.5 3 2.5.473-.645 1.085-1.028 1.838-1.43a5.475 5.475 0 0 1 2.674-.643l-.627-1.638c-.19-.514-1.816.444-1.885.21-.254-.857 1-2.5 1.5-2.5 1 0 2 1.334 3 4 .784.494 2.31 1.969 2.777 2.846a5.5 5.5 0 0 1-2.274 7.438z" fill="#4C4636" fill-rule="nonzero"/><path d="M6.6 22.3l1.5 2a.5.5 0 0 0 .8-.6l-1.5-2a.5.5 0 0 0-.8.6zM9.6 20.3l1.5 2a.5.5 0 0 0 .8-.6l-1.5-2a.5.5 0 1 0-.8.6z" fill="#4C4636" fill-rule="nonzero"/></g>
                           <g><path d="M34.857 30.813a1.07 1.07 0 0 1-1.071 1.062H10.214a1.07 1.07 0 0 1-1.071-1.063V28.05c0-3.752 3.074-6.8 6.857-6.8 1.312 0 2.618 1.063 6 1.063 3.375 0 4.687-1.063 6-1.063 3.783 0 6.857 3.048 6.857 6.8v2.762z" fill="#B9EF62" fill-rule="nonzero"/><path d="M13.429 21.25c2.793 1.837 5.65 2.756 8.571 2.756 2.92 0 5.778-.919 8.571-2.756l-2.142-.996L22 21.25l-6.027-.996-2.544.996z" fill="#98C551"/><path d="M22 2.125c3.542 0 6.429 2.862 6.429 6.375S25.542 14.875 22 14.875c-3.542 0-6.429-2.862-6.429-6.375S18.458 2.125 22 2.125z" fill="#F4D1D2" fill-rule="nonzero"/><path class="svg-user__eyes-head" d="M19.254 7.404v1.76c0 .367.3.664.67.664.37 0 .67-.297.67-.664v-1.76c0-.366-.3-.664-.67-.664-.37 0-.67.298-.67.664zM23.272 7.404v1.76c0 .367.3.664.67.664.37 0 .67-.297.67-.664v-1.76c0-.366-.3-.664-.67-.664-.37 0-.67.298-.67.664z" fill="#4C4636" fill-rule="nonzero"/><path d="M15.973 3.719c1.853 1.55 4.465 2.324 7.835 2.324s4.91-.564 4.62-1.693l-4.62-2.922H19.79l-3.817 2.29z" fill="#FF9400"/><path d="M17.982 4.383c1.51.535 2.648.867 3.415.996.767.129 1.694.206 2.78.232-.77-.372-1.697-.648-2.78-.83a35.922 35.922 0 0 0-3.415-.398z" fill="#FFD133"/><path d="M22 17c4.734 0 8.571-3.805 8.571-8.5S26.734 0 22 0s-8.571 3.805-8.571 8.5S17.266 17 22 17zm0-14.875c3.542 0 6.429 2.862 6.429 6.375S25.542 14.875 22 14.875c-3.542 0-6.429-2.862-6.429-6.375S18.458 2.125 22 2.125zM28 19.125c4.969 0 9 3.998 9 8.925v2.762C37 32.572 35.56 34 33.786 34H10.214C8.44 34 7 32.572 7 30.812V28.05c0-4.927 4.031-8.925 9-8.925 1.929 0 2.846 1.063 6 1.063s4.078-1.063 6-1.063zm0 2.125c-1.312 0-2.625 1.063-6 1.063-3.382 0-4.687-1.063-6-1.063-3.783 0-6.857 3.048-6.857 6.8v2.762a1.07 1.07 0 0 0 1.071 1.063h23.572a1.07 1.07 0 0 0 1.071-1.063V28.05c0-3.752-3.074-6.8-6.857-6.8z" fill="#4C4636" fill-rule="nonzero"/><path d="M15.571 31.875v-3.486a.267.267 0 0 0-.267-.266.267.267 0 0 0-.268.266v3.486c0 .147.12.266.268.266a.267.267 0 0 0 .267-.266zM28.964 31.875v-3.486a.267.267 0 0 0-.268-.266.267.267 0 0 0-.267.266v3.486c0 .147.12.266.267.266a.267.267 0 0 0 .268-.266z" fill="#4C4636" fill-rule="nonzero"/></g>
                           </g>
                        </svg>
                     </i>
                     <span>Mon compte<span> & mes animaux</span></span>
                  </button>

                        <ul class="nav-user-account">
                            <li>
                                <button class="js-unswipe-one button button--lighter button--upper button--rounded button--with-icon button--smaller">
                           <i class="icon icon--chevron-left"></i>
                           <span>Retour à la liste</span>
                        </button>
                            </li>
                            <li>
                                <form method="" action="" class="basic-login">
                                    <div class="basic-login__title">Me connecter</div>

                                    <span class="basic-login__input">
                              <label>Adresse e-mail</label>
                              <input type="text" aria-label="Veuillez saisir votre adresse e-mail pour vous connecter" />
                           </span>

                                    <span class="basic-login__input">
                              <label>Mot de passe</label>
                              <input type="password" aria-label="Veuillez indiquer votre mot de passe" />
                           </span>

                                    <button type="submit" class="button button--shadow">M'identifier</button>

                                    <a href="" class="basic-login__sign-in">
                              <span href="#">Je n'ai pas encore de compte</span>
                              <i class="icon icon--chevron-right icon--chevron-right-red"></i>
                           </a>
                                </form>
                            </li>
                        </ul>
                    </li>
                </ul>

            </nav>
        </div>
    </header>
    <main id="main" class="site page page--default">
        <div class="site-container container container-l">
            <div class="loud-single">
                <img src="https://source.unsplash.com/random/1600x900" alt="" />

                <nav class="nav-breadcrumb">
                    <p>
                        <span>
                     <span>
                        <a href="#">Nos produits</a>
                        <i class="icon icon--chevron-right-red"></i>
                        <span>
                           <a href="#">Chiens</a>
                           <i class="icon icon--chevron-right-red"></i>
                           <span>
                              <a href="#"> Alimentations</a>
                              <i class="icon icon--chevron-right-red"></i>
                              <span class="breadcrumb_last" aria-current="page">Croquettes</span>
                        </span>
                        </span>
                        </span>
                        </span>
                    </p>
                </nav>
            </div>

            <article>
                <h1>Default page</h1>

                <div class="wysiwyg">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a lectus fermentum, pretium orci nec, ullamcorper augue. Donec metus sem, vehicula non ante quis, convallis finibus felis. Mauris dictum tempus lectus, vel porttitor odio
                        congue in. Ut maximus lectus porta ex lobortis blandit. Mauris nec leo a nunc congue luctus. Aenean id convallis elit. Quisque tortor nisi, iaculis eu sapien non, varius ullamcorper dolor. In non convallis odio, ut finibus nisi.
                        Mauris eget mauris pulvinar, cursus odio id, congue nulla. Suspendisse semper augue sed placerat ultrices. Integer in tortor eleifend, feugiat arcu sed, accumsan lorem. Praesent risus nisl, finibus in quam non, malesuada aliquam
                        arcu. Cras a pellentesque neque. Vivamus commodo nunc justo, et malesuada arcu ullamcorper at. Sed gravida pharetra ligula a fringilla. Pellentesque sit amet pretium nulla, non porta tortor.</p>
                    <p>Vestibulum eget aliquet justo. Fusce ac ligula a mauris blandit scelerisque ac id sem. In eu rhoncus nisl, a pretium leo. Vestibulum vel felis justo. Sed ut nisi suscipit, sagittis orci ut, sodales nunc. Cras aliquet consequat ultricies.
                        Nam non rutrum est. Nulla in tincidunt augue. Maecenas sit amet libero lorem. Praesent congue volutpat nulla, eget vehicula dui varius vel.</p>
                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas hendrerit quam vitae nulla dictum, tempor rhoncus quam pulvinar. Aenean iaculis sem eget nulla hendrerit vestibulum. Nullam ut semper
                        erat. Suspendisse pulvinar dui eget libero ullamcorper dapibus at at tellus. Aliquam tincidunt non nunc id dapibus. Nulla tempus, mauris eget rhoncus pulvinar, sem turpis congue nisl, et egestas diam metus sed tellus.</p>
                </div>

                <div class="toolbar">
                    <span class="toolbar__label">Partager</span>
                    <ul class="toolbar__share">
                        <li><button data-href="https://www.facebook.com/sharer/sharer.php?u=">Facebook</button></li>
                        <li><button data-href="http://twitter.com/home?status=+">Twitter</button></li>
                        <li><button data-href="https://www.linkedin.com/shareArticle?mini=true&url=&title=
               &summary=">LinkedIn</button></li>
                    </ul>
                </div>
            </article>
        </div>
        <!-- .site-container -->
    </main>

    <footer class="site-footer footer-start">
        <div class="container">
            <nav class="nav-footer">
                <button>Qui somme-nous</button>
                <h6 class="alt--font">Qui somme-nous</h6>

                <ul>
                    <li><a href="#">JMT Alimentation animale</a></li>
                    <li><a href="#">Nos magasins</a></li>
                    <li><a href="#">Nos produits</a></li>
                    <li><a href="#">Nos marques</a></li>
                </ul>
            </nav>
            <nav class="nav-footer">
                <button>Clients</button>
                <h6 class="alt--font">Clients</h6>

                <ul>
                    <li><a href="#">Communauté JMT</a></li>
                    <li><a href="#">Mon compte & mes animaux</a></li>
                    <li><a href="#">Ma liste de course</a></li>
                </ul>
            </nav>
            <nav class="nav-footer">
                <button>Franchisés</button>
                <h6 class="alt--font">Franchisés</h6>

                <ul>
                    <li><a href="#">La franchise JMT</a></li>
                    <li><a href="#">Devenir franchisé</a></li>
                    <li><a href="#">Mon compte franchisé</a></li>
                </ul>
            </nav>
            <nav class="nav-footer">
                <button>Aide en ligne</button>
                <h6 class="alt--font">Aide en ligne</h6>

                <ul>
                    <li><a href="#">Trouver un produit</a></li>
                    <li><a href="#">Trouver un magasin</a></li>
                    <li><a href="#">Questions-Réponses</a></li>
                    <li><a href="#">Contactez-nous</a></li>
                </ul>
            </nav>
            <nav class="nav-footer nav-footer--social">

                <h6 class="alt--font">Suivez-nous</h6>

                <ul>
                    <li><a href="" title="Suivez-nous sur Facebook"><i class="icon icon--facebook"></i></a></li>
                    <li><a href="" title="Suivez-nous sur Instagram"><i class="icon icon--instagram"></i></a></li>
                    <li><a href="" title="Suivez-nous sur YouTube"><i class="icon icon--youtube"></i></a></li>
                </ul>
            </nav>
            <nav class="nav-subfooter">
                <img src="../../img/brand-jmt.svg" alt="" class="brand" />
                <span>&copy; 2019 - JMT Alimentation Animale</span>
                <ul>
                    <li><a href="">Politique de confidentialité</a></li>
                    <li><a href="">Mentions légales</a></li>
                    <li><a href="">Plan de site</a></li>
                </ul>
            </nav>
            <a href="#" class="button button-to-top button--primary button--rounded button--smaller button--with-icon">
            <span><span>Retour en </span>haut de page</span>
            <i class="icon icon--arrow-top"></i>
         </a>

            <div class="svg">
                <svg id="dog-animation" width="175px" height="144px" viewBox="0 0 175 144" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
               <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                  <path d="M39.5,144 C29.1888889,144 20.8333333,144 14.4333333,144 C4.83333333,144 0,126.214894 0,123.5 C0,121.690071 1.83333333,122.690071 5.5,126.5 C4.13336725,121.767234 3.80003392,119.267234 4.5,119 C5.19996608,118.732766 7.36663275,120.732766 11,125 C9.26584932,115.714577 9.3436271,112.274291 11.2333333,114.679144 C12.1393932,115.832202 13.5395183,117.246349 14.5,120 C16.5443334,125.860997 18.1857267,134.391749 20,135.5 C21.7777778,136.585958 27.2111111,138.15234 36.3,140.199148 L39.5,144 Z" fill="#00526A"></path>
                  <path d="M37.5,144 C25.8333333,138.333333 21,130.666667 23,121 C26,106.5 26,103.063114 26,94 C26,84.9368865 19.5,81 23,76 C26.5,71 65.0054578,67.8509195 77,106.5 C80,116.166667 78.5,128.666667 72.5,144 L37.5,144 Z" fill="#00526A"></path>
                  <path d="M39,144 C29.3333333,144 21.5,144 15.5,144 C6.5,144 1.5,127 1.5,124.5 C1.5,122.833333 3.5,124.666667 7.5,130 C5.8437818,124.246082 5.3437818,121.246082 6,121 C6.6562182,120.753918 8.82288487,123.087252 12.5,128 C10.7284004,118.452167 10.7284004,114.785501 12.5,117 C15.1573994,120.321749 17.5,135 20,136.5 C21.6666667,137.5 27,138.833333 36,140.5 L39,144 Z" fill="#FEFEFE"></path>
                  <path d="M39.2392088,144 C28.3109172,137.99525 23.7311809,130.49525 25.5,121.5 C28.1532286,108.007125 29.0684991,105.906462 29.0684991,97.4728442 C29.0684991,89.0392263 22.3198371,81.3757837 25.4152705,76.7230681 C28.5107039,72.0703525 65.5652981,72.1399973 76.1733857,108.104633 C78.8266143,117.099883 76.8333333,129.065006 70.1935428,144 L39.2392088,144 Z" fill="#FFFFFF"></path>
                  <path d="M2,127.5 C6.38940219,134.131194 10.3894022,138.297861 14,140 C17.6105978,141.702139 25.1105978,142.702139 36.5,143 L69.5,144 C37.5,144 19.1666667,144 14.5,144 C9.83333333,144 5.66666667,138.5 2,127.5 Z" fill="#CEDDE6"></path>
                  <path d="M37.2843521,112 C36.4857972,112 34.4601128,114.124018 33.7843521,117 C32.8956753,120.782135 34.2843521,125 35.2843521,125 C35.8552357,125 35.3340103,119.176652 35.7843521,117 C36.234694,114.823348 38.7843521,112 37.2843521,112 Z" fill="#00526A"></path>
                  <path d="M25.5,76 C23.6161432,77.8085025 23.9494766,81.6418358 26.5,87.5 C29.2723805,86.6651814 31.4390472,85.4985147 33,84 C34.5609528,82.5014853 36.0609528,79.3348186 37.5,74.5 C31.3838568,73.6914975 27.3838568,74.1914975 25.5,76 Z" fill="#1D1D1B"></path>
                  <path d="M24.5,79.5 C26.8333333,82.1666667 29,84.3333333 31,86 L26.5,87.5 C24.5,83.1666667 23.8333333,80.5 24.5,79.5 Z" fill="#608FA6"></path>
                  <path d="M33.7081802,77.4257812 C32.9096253,77.4257812 30.883941,79.5497997 30.2081802,82.4257812 C29.3195034,86.2079161 30.7081802,90.4257812 31.7081802,90.4257812 C32.2790638,90.4257812 31.7578384,84.6024336 32.2081802,82.4257812 C32.6585221,80.2491289 35.2081802,77.4257812 33.7081802,77.4257812 Z" fill="#00526A" transform="translate(32.049771, 83.925781) rotate(-142.000000) translate(-32.049771, -83.925781) "></path>
                  <path d="M56.5,109.5 L58.5,115 C62.7578634,117.371399 65.5911967,118.038066 67,117 C68.4088033,115.961934 68.7421366,112.961934 68,108 C71.17936,109.228577 73.17936,109.395244 74,108.5 C75.23096,107.157135 73.6217847,103.03517 73.5,102 C73.4188102,101.309887 73.2521435,100.64322 73,100 L70,94.5 L67,94 L69,98.5 L69,102 L63,103 L62,104.5 L63,108.5 L62.5,111 L56.5,109.5 Z" fill="#CEDDE6"></path>
                  <polygon id="Path-6" fill="#FFFFFF" fill-rule="nonzero" points="59 84 61.5 85.5 69.5 85 68.5 87.5 72 90.5 74 92 69.5 94 67.5 94"></polygon>
                  <path d="M70.3944272,102.447214 C71.1947846,100.846499 70.3255565,98.427231 67.9307647,94.9640336 C72.146758,94.8180903 74.2278797,94.2154845 74.4863939,92.664399 C74.7295948,91.2051935 73.0937229,89.8367271 69.4424752,88.0410257 C69.7794615,87.8454548 70.0530963,87.6432272 70.2658987,87.4304247 C71.0964565,86.5998669 71.0446952,85.5228401 70.1585046,84.7474233 C68.9871175,83.7224596 65.1701874,83.3593858 61.5,83.5 L63.0382845,85.4992669 C66.0061215,85.3855615 67.928594,85.644446 68.6983899,86.1452691 C68.3458489,86.4042801 67.6640685,86.7209541 66.6806493,87.0523634 L64.2678719,87.8654621 L66.5890914,88.9116765 C68.7863006,89.9019974 70.4035129,90.7579651 71.4275079,91.4668847 C71.8933481,91.7893895 72.2201495,92.0709009 72.4029798,92.2943082 C72.1695104,92.4114084 71.8009187,92.5259762 71.307166,92.6247268 C70.1320691,92.8597462 68.3548967,92.987204 65.9945726,93.0000147 L64.005935,93.0108081 L65.2005244,94.6006986 C67.96436,98.2791139 69.0274496,100.709033 68.6055728,101.552786 C68.2191345,102.325663 65.8734643,102.618872 61.6423941,102.01019 L59.9330432,101.764283 L60.5706553,103.369213 C62.2050267,107.483082 62.6716787,109.971893 62.3598156,110.231779 C62.3177565,110.266828 61.7997347,110.220379 60.8659703,109.846874 C60.0803631,109.532631 58.1101933,109.196585 54.9554609,108.838735 C59.588516,111.846692 62.262505,112.916287 63.6401844,111.768221 C64.863708,110.748618 64.5680731,108.368855 63.0309689,104.198087 C67.1150179,104.617219 69.5524375,104.131193 70.3944272,102.447214 Z" fill="#00526A" fill-rule="nonzero"></path>
                  <path d="M80,109.5 C82.9668025,110.091984 85.1334691,108.758651 86.5,105.5 C88.5497963,100.612024 84.6360911,98.4267837 86.5,94 C88.3639089,89.5732163 90.94062,87.1673837 94.5,86.5 C98.05938,85.8326163 101.630858,88.1442481 102.5,91 C103.369142,93.8557519 98.1897103,95.1879575 97,98 C95.8102897,100.812042 96,102.5 97,104 C98,105.5 104,107.5 107,107.5 C110,107.5 120,108 123.5,107.5 C127,107 130.5,105.5 131.5,104 C132.5,102.5 130.85539,90.7580259 131.5,89 C132.14461,87.2419741 135.736951,85.3559072 140.5,90.5 C145.263049,95.6440928 143,98.5 144.5,103 C146,107.5 146.996294,109.348592 148,116.5 C149.003706,123.651408 148.508147,127.358279 148,131 C147.491853,134.641721 147.145012,136.561485 144.5,140 C142.736659,142.292344 140.569992,143.625677 138,144 L79,144 L80,109.5 Z" fill="#00526A"></path>
                  <path d="M122.5,108 C120.166667,101 120.5,97 123.5,96 C126.5,95 129.5,97.6666667 132.5,104 C131.231238,105.307505 129.731238,106.307505 128,107 C126.268762,107.692495 124.435429,108.025829 122.5,108 Z" fill="#00526A"></path>
                  <path d="M123.5,109.5 C120.833333,102.166667 121,98 124,97 C127,96 129.833333,99 132.5,106 C131.564571,106.307505 130.231238,106.807505 128.5,107.5 C126.768762,108.192495 125.102095,108.859162 123.5,109.5 Z" fill="#E7E2E2"></path>
                  <path d="M96,105.5 C97.0497136,102.022413 98.7163802,99.5224132 101,98 C104.42543,95.7163802 106.005203,95.786086 109,96 C111.994797,96.213914 114,98 114,100 C114,102 111.075166,101.924834 109,104 C107.616556,105.383444 106.44989,106.883444 105.5,108.5 L96,105.5 Z" fill="#00526A"></path>
                  <path d="M140.5,142.5 C144.454734,139.150609 148.454734,137.317276 152.5,137 C158.567899,136.524086 165.21347,140.5 167.5,140.5 C169.024353,140.5 168.024353,139.333333 164.5,137 C171.166667,137.698688 174.5,137.698688 174.5,137 C174.5,135.951969 169.482831,134.519215 164.5,133.5 C159.517169,132.480785 157.246152,131.858628 152.5,132.5 C149.335898,132.927581 147.169232,134.094248 146,136 L140.5,142.5 Z" fill="#00526A"></path>
                  <path d="M140.5,142.5 C144.454734,138.483942 148.454734,136.317276 152.5,136 C158.567899,135.524086 164.21347,139.5 166.5,139.5 C168.024353,139.5 166.69102,138.666667 162.5,137 C169.166667,137.698688 172.5,137.698688 172.5,137 C172.5,135.951969 169.482831,135.519215 164.5,134.5 C159.517169,133.480785 157.246152,132.858628 152.5,133.5 C149.335898,133.927581 147.169232,134.760915 146,136 L140.5,142.5 Z" fill="#1D1D1B"></path>
                  <path d="M97,106 C97.3333333,103.333333 98.5,101.166667 100.5,99.5 C103.5,97 105.505203,96.286086 108.5,96.5 C111.494797,96.713914 113,98 113,100 C113,102 110.075166,101.424834 108,103.5 C106.616556,104.883444 105.44989,106.55011 104.5,108.5 C103.090927,108.168692 101.757594,107.835358 100.5,107.5 C99.2424065,107.164642 98.0757398,106.664642 97,106 Z" fill="#E7E2E2"></path>
                  <path d="M80,109.5 C83.6334691,110.091984 86.1334691,108.758651 87.5,105.5 C89.5497963,100.612024 85.6360911,98.4267837 87.5,94 C89.3639089,89.5732163 91.44062,88.1673837 95,87.5 C98.55938,86.8326163 100.130858,87.6442481 101,90.5 C101.869142,93.3557519 96.6897103,95.1879575 95.5,98 C94.3102897,100.812042 95.5,104 96.5,105.5 C97.5,107 105,108.5 108,108.5 C111,108.5 121,109 124.5,108.5 C128,108 132,106 133,104.5 C134,103 132.35539,92.2580259 133,90.5 C133.64461,88.7419741 135.236951,86.3559072 140,91.5 C144.763049,96.6440928 142,100 143.5,104.5 C145,109 145.996294,110.348592 147,117.5 C148.003706,124.651408 147.508147,127.358279 147,131 C146.491853,134.641721 146.145012,136.561485 143.5,140 C141.736659,142.292344 138.903325,143.625677 135,144 L79,144 L80,109.5 Z" fill="#FFFFFF"></path>
                  <path d="M77.5,108.5 L80,108.5 C83.078287,112.882253 84.7449537,118.04892 85,124 C85.2550463,129.95108 84.0883796,136.45108 81.5,143.5 L72.5,144 C75.5510862,135.370622 77.3844195,128.870622 78,124.5 C78.6155805,120.129378 78.4489138,114.796045 77.5,108.5 Z" fill="#B31F0F"></path>
                  <path d="M78.5,109.5 C79.3229577,116.12385 79.6562911,121.62385 79.5,126 C79.2655634,132.564225 77.38367,135.87138 77.5,137.5 C77.61633,139.12862 80.7662677,130.948205 81,132 C81.2337323,133.051795 77.0388514,144.55701 78.5,142 C79.9611486,139.44299 83.6632386,133.296498 84,126 C84.2245076,121.135668 82.8911743,115.635668 80,109.5 L78.5,109.5 Z" fill="#E42813"></path>
                  <path id="z-letter" class="z-letter1 z-letter" d="M43.3,57.552 C45.0066752,57.552 45.86,58.2453264 45.86,59.632 C45.86,61.040007 45.0066752,61.744 43.3,61.744 L33.22,61.744 C32.4733296,61.744 31.8653357,61.5093357 31.396,61.04 C30.9266643,60.5706643 30.692,60.0053366 30.692,59.344 C30.692,58.6399965 30.958664,57.9893363 31.492,57.392 L38.212,50.192 L33.06,50.192 C31.3533248,50.192 30.5,49.488007 30.5,48.08 C30.5,46.6933264 31.3533248,46 33.06,46 L42.756,46 C43.5026704,46 44.1106643,46.2346643 44.58,46.704 C45.0493357,47.1733357 45.284,47.7386634 45.284,48.4 C45.284,49.0826701 45.017336,49.7226637 44.484,50.32 L37.732,57.552 L43.3,57.552 Z" fill="#fff" fill-rule="nonzero"></path>
                  <use class="z-letter2 z-letter" xlink:href="#z-letter"/>
                  <use class="z-letter3 z-letter" xlink:href="#z-letter"/>
               </g>
            </svg>
            </div>
        </div>
    </footer>
</div>
<div class="site-wrapper">
   {{> @header }}

   <main id="main" class="site page page--default">
      <div class="site-container container container-l">
         <div class="loud-single">
            {{{page.image}}}

            {{> @nav-breadcrumb }}
         </div>

         <article>
            <h1>{{page.title}}</h1>

            <div class="wysiwyg">
               {{{page.content}}}
            </div>

            {{> @toolbar-share }}
         </article>
      </div><!-- .site-container -->
   </main>

   {{> @footer }}
</div>
{
  "page": {
    "image": "<img src=\"https://source.unsplash.com/random/1600x900\" alt=\"\" />",
    "title": "Default page",
    "content": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a lectus fermentum, pretium orci nec, ullamcorper augue. Donec metus sem, vehicula non ante quis, convallis finibus felis. Mauris dictum tempus lectus, vel porttitor odio congue in. Ut maximus lectus porta ex lobortis blandit. Mauris nec leo a nunc congue luctus. Aenean id convallis elit. Quisque tortor nisi, iaculis eu sapien non, varius ullamcorper dolor. In non convallis odio, ut finibus nisi. Mauris eget mauris pulvinar, cursus odio id, congue nulla. Suspendisse semper augue sed placerat ultrices. Integer in tortor eleifend, feugiat arcu sed, accumsan lorem. Praesent risus nisl, finibus in quam non, malesuada aliquam arcu. Cras a pellentesque neque. Vivamus commodo nunc justo, et malesuada arcu ullamcorper at. Sed gravida pharetra ligula a fringilla. Pellentesque sit amet pretium nulla, non porta tortor.</p><p>Vestibulum eget aliquet justo. Fusce ac ligula a mauris blandit scelerisque ac id sem. In eu rhoncus nisl, a pretium leo. Vestibulum vel felis justo. Sed ut nisi suscipit, sagittis orci ut, sodales nunc. Cras aliquet consequat ultricies. Nam non rutrum est. Nulla in tincidunt augue. Maecenas sit amet libero lorem. Praesent congue volutpat nulla, eget vehicula dui varius vel.</p><p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas hendrerit quam vitae nulla dictum, tempor rhoncus quam pulvinar. Aenean iaculis sem eget nulla hendrerit vestibulum. Nullam ut semper erat. Suspendisse pulvinar dui eget libero ullamcorper dapibus at at tellus. Aliquam tincidunt non nunc id dapibus. Nulla tempus, mauris eget rhoncus pulvinar, sem turpis congue nisl, et egestas diam metus sed tellus.</p>"
  },
  "main_left": {
    "items": [
      {
        "title": "Nos produits",
        "url": "#megadropdown",
        "class": "dropdown-products",
        "megadropdown": true,
        "children": [
          {
            "title": "Chien",
            "label": "chien"
          },
          {
            "title": "Chats",
            "label": "chats"
          },
          {
            "title": "Basse-Cour",
            "label": "bassecour"
          },
          {
            "title": "Pigeons",
            "label": "pigeons"
          },
          {
            "title": "Oiseaux",
            "label": "oiseaux"
          },
          {
            "title": "Rongeurs",
            "label": "rongeurs"
          },
          {
            "title": "Chevaux",
            "label": "chevaux"
          },
          {
            "title": "Poissons",
            "label": "poissons"
          },
          {
            "title": "Reptiles",
            "label": "reptiles"
          }
        ]
      },
      {
        "title": "Nos magasins",
        "url": "#",
        "class": ""
      },
      {
        "title": "Actualités & promotions",
        "url": "#",
        "class": ""
      }
    ]
  },
  "nav_subfooter": {
    "current_year": 2019,
    "site_name": "JMT Alimentation Animale",
    "links": [
      {
        "title": "Politique de confidentialité",
        "links": "#"
      },
      {
        "title": "Mentions légales",
        "links": "#"
      },
      {
        "title": "Plan de site",
        "links": "#"
      }
    ]
  },
  "navs": [
    {
      "title": "Qui somme-nous",
      "links": [
        {
          "title": "JMT Alimentation animale",
          "link": "#"
        },
        {
          "title": "Nos magasins",
          "link": "#"
        },
        {
          "title": "Nos produits",
          "link": "#"
        },
        {
          "title": "Nos marques",
          "link": "#"
        }
      ]
    },
    {
      "title": "Clients",
      "links": [
        {
          "title": "Communauté JMT",
          "link": "#"
        },
        {
          "title": "Mon compte & mes animaux",
          "link": "#"
        },
        {
          "title": "Ma liste de course",
          "link": "#"
        }
      ]
    },
    {
      "title": "Franchisés",
      "links": [
        {
          "title": "La franchise JMT",
          "link": "#"
        },
        {
          "title": "Devenir franchisé",
          "link": "#"
        },
        {
          "title": "Mon compte franchisé",
          "link": "#"
        }
      ]
    },
    {
      "title": "Aide en ligne",
      "links": [
        {
          "title": "Trouver un produit",
          "link": "#"
        },
        {
          "title": "Trouver un magasin",
          "link": "#"
        },
        {
          "title": "Questions-Réponses",
          "link": "#"
        },
        {
          "title": "Contactez-nous",
          "link": "#"
        }
      ]
    }
  ],
  "navs_social": {
    "title": "Suivez-nous",
    "links": [
      {
        "title": "<i class=\"icon icon--facebook\"></i>",
        "link": "#"
      },
      {
        "title": "<i class=\"icon icon--instagram\"></i>",
        "link": "#"
      },
      {
        "title": "<i class=\"icon icon--youtube\"></i>",
        "link": "#"
      }
    ]
  }
}

There are no notes for this item.