<!DOCTYPE html>
<html lang="fr-FR">
<head>
<script type="f27ba6e270c37aabf5fb8ded-text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5PL9ZWL');</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<link rel="preload" href="https://www.franchise-magazine.com/themes/wordplate/fonts/source-sans-3-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://www.franchise-magazine.com/themes/wordplate/fonts/source-sans-3-latin-ext.woff2" as="font" type="font/woff2" crossorigin>
<!-- This site is optimized with the Yoast SEO plugin v27.8 - https://yoast.com/product/yoast-seo-wordpress/ -->
<title>Ouvrir une Franchise Mode & prêt à porter enfant - Devenir Franchisé</title>
<meta name="description" content="Devenir franchisé en ouvrant une franchise Mode & prêt à porter enfant . Découvrez tous les secteurs qui recrutent des franchisés et candidatez." />
<link rel="canonical" href="https://www.franchise-magazine.com/secteur/mode-equipement-de-la-personne/mode-pret-a-porter-enfant/" />
<link rel="next" href="https://www.franchise-magazine.com/secteur/mode-equipement-de-la-personne/mode-pret-a-porter-enfant/page/2/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Ouvrir une Franchise Mode & prêt à porter enfant - Devenir Franchisé" />
<meta property="og:description" content="Devenir franchisé en ouvrant une franchise Mode & prêt à porter enfant . Découvrez tous les secteurs qui recrutent des franchisés et candidatez." />
<meta property="og:url" content="https://www.franchise-magazine.com/secteur/mode-equipement-de-la-personne/mode-pret-a-porter-enfant/" />
<meta property="og:site_name" content="Le meilleur de la franchise | Franchise Magazine" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"CollectionPage","@id":"https:\/\/www.franchise-magazine.com\/secteur\/mode-equipement-de-la-personne\/mode-pret-a-porter-enfant\/","url":"https:\/\/www.franchise-magazine.com\/secteur\/mode-equipement-de-la-personne\/mode-pret-a-porter-enfant\/","name":"Ouvrir une Franchise Mode & prêt à porter enfant - Devenir Franchisé","isPartOf":{"@id":"https:\/\/www.franchise-magazine.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.franchise-magazine.com\/secteur\/mode-equipement-de-la-personne\/mode-pret-a-porter-enfant\/#primaryimage"},"image":{"@id":"https:\/\/www.franchise-magazine.com\/secteur\/mode-equipement-de-la-personne\/mode-pret-a-porter-enfant\/#primaryimage"},"thumbnailUrl":"https:\/\/www.franchise-magazine.com\/uploads\/2026\/03\/Franchise-Mode-Tape-a-loeil-Hautmont.jpg","description":"Devenir franchisé en ouvrant une franchise Mode & prêt à porter enfant . Découvrez tous les secteurs qui recrutent des franchisés et candidatez.","breadcrumb":{"@id":"https:\/\/www.franchise-magazine.com\/secteur\/mode-equipement-de-la-personne\/mode-pret-a-porter-enfant\/#breadcrumb"},"inLanguage":"fr-FR"},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.franchise-magazine.com\/secteur\/mode-equipement-de-la-personne\/mode-pret-a-porter-enfant\/#primaryimage","url":"https:\/\/www.franchise-magazine.com\/uploads\/2026\/03\/Franchise-Mode-Tape-a-loeil-Hautmont.jpg","contentUrl":"https:\/\/www.franchise-magazine.com\/uploads\/2026\/03\/Franchise-Mode-Tape-a-loeil-Hautmont.jpg","width":800,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/www.franchise-magazine.com\/secteur\/mode-equipement-de-la-personne\/mode-pret-a-porter-enfant\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.franchise-magazine.com\/"},{"@type":"ListItem","position":2,"name":"Mode - Équipement de la personne","item":"https:\/\/www.franchise-magazine.com\/secteur\/mode-equipement-de-la-personne\/"},{"@type":"ListItem","position":3,"name":"Mode & prêt à porter enfant"}]},{"@type":"WebSite","@id":"https:\/\/www.franchise-magazine.com\/#website","url":"https:\/\/www.franchise-magazine.com\/","name":"Le meilleur de la franchise | Franchise Magazine","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.franchise-magazine.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel='dns-prefetch' href='//challenges.cloudflare.com' />
<link rel="alternate" type="application/rss+xml" title="Le meilleur de la franchise | Franchise Magazine » Flux de la catégorie Mode & prêt à porter enfant" href="https://www.franchise-magazine.com/secteur/mode-equipement-de-la-personne/mode-pret-a-porter-enfant/feed/" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="wp-block-styles-placeholder-inline-css">
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
/*# sourceURL=wp-block-styles-placeholder-inline-css */
</style>
<style id="wp-global-styles-placeholder-inline-css">
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
/*# sourceURL=wp-global-styles-placeholder-inline-css */
</style>
<link rel="preload" as="style" href="https://www.franchise-magazine.com/plugins/pqp-ad-management/assets/js/vendors/owlcarousel/assets/owl.carousel.min.css?ver=7.0">
<link rel='stylesheet' id='owlcarousel-styles-css' href='https://www.franchise-magazine.com/plugins/pqp-ad-management/assets/js/vendors/owlcarousel/assets/owl.carousel.min.css?ver=7.0' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/plugins/pqp-ad-management/assets/css/front.css?ver=1784552959">
<link rel='stylesheet' id='pqp_ad_management_styles-css' href='https://www.franchise-magazine.com/plugins/pqp-ad-management/assets/css/front.css?ver=1784552959' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/plugins/elasticpress/dist/css/general-styles.css?ver=66295efe92a630617c00">
<link rel='stylesheet' id='ep_general_styles-css' href='https://www.franchise-magazine.com/plugins/elasticpress/dist/css/general-styles.css?ver=66295efe92a630617c00' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/fonts/fonts.css">
<link rel='stylesheet' id='wordplate-fonts-css' href='https://www.franchise-magazine.com/themes/wordplate/fonts/fonts.css' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/assets/main-NhDGKurJ.css">
<link rel='stylesheet' id='wordplate-65dacbf43c5fc17e0b4e9f385e2119e9-css' href='https://www.franchise-magazine.com/themes/wordplate/assets/main-NhDGKurJ.css' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/assets/swiper-DHBATib1.css">
<link rel='stylesheet' id='wordplate-2cb7d25b3d4919f4e5c8c7f814312c84-css' href='https://www.franchise-magazine.com/themes/wordplate/assets/swiper-DHBATib1.css' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/assets/hydration-BXtmtALV.css">
<link rel='stylesheet' id='wordplate-hydration-css-css' href='https://www.franchise-magazine.com/themes/wordplate/assets/hydration-BXtmtALV.css' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/blocks/cta-trophees/build/style-index.css?ver=adb18c613ce70eb5e649">
<link rel='stylesheet' id='cta-trophees-style-css' href='https://www.franchise-magazine.com/themes/wordplate/blocks/cta-trophees/build/style-index.css?ver=adb18c613ce70eb5e649' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/blocks/display-block-quiz/build/style-index.css?ver=fa82fc58a63f04a4f2c3">
<link rel='stylesheet' id='display-block-quiz-style-css' href='https://www.franchise-magazine.com/themes/wordplate/blocks/display-block-quiz/build/style-index.css?ver=fa82fc58a63f04a4f2c3' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/blocks/display-categories/build/style-index.css?ver=11fe0297d1b53175e670">
<link rel='stylesheet' id='display-categories-style-css' href='https://www.franchise-magazine.com/themes/wordplate/blocks/display-categories/build/style-index.css?ver=11fe0297d1b53175e670' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/blocks/display-third-stories/build/style-index.css?ver=2483f4491303ff7a8b47">
<link rel='stylesheet' id='display-third-stories-style-css' href='https://www.franchise-magazine.com/themes/wordplate/blocks/display-third-stories/build/style-index.css?ver=2483f4491303ff7a8b47' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/blocks/four-display-posts/build/style-index.css?ver=8a92ca95ddf56fda7181">
<link rel='stylesheet' id='four-display-posts-style-css' href='https://www.franchise-magazine.com/themes/wordplate/blocks/four-display-posts/build/style-index.css?ver=8a92ca95ddf56fda7181' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/blocks/image-hero/build/style-index.css?ver=36128c74c6ec41b16e14">
<link rel='stylesheet' id='image-hero-style-css' href='https://www.franchise-magazine.com/themes/wordplate/blocks/image-hero/build/style-index.css?ver=36128c74c6ec41b16e14' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate/blocks/display-third-stories/build/style-index.css?ver=1.0.0">
<link rel='stylesheet' id='display-third-stories-styles-css' href='https://www.franchise-magazine.com/themes/wordplate/blocks/display-third-stories/build/style-index.css?ver=1.0.0' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/themes/wordplate-child/assets/main-Blhk6ydB.css">
<link rel='stylesheet' id='wordplate-child-3dd39205ab0f43bedd3638479c8625b5-css' href='https://www.franchise-magazine.com/themes/wordplate-child/assets/main-Blhk6ydB.css' media='all' />
<link rel="preload" as="style" href="https://www.franchise-magazine.com/plugins/mailin/css/mailin-front.css?ver=7.0">
<link rel='stylesheet' id='sib-front-css-css' href='https://www.franchise-magazine.com/plugins/mailin/css/mailin-front.css?ver=7.0' media='all' />
<meta name="sentry-trace" content="8fb9dcee7b6d412b96a6a3ecf7e7a3a2-7c70bca61c8148ce-1" />
<meta name="traceparent" content="" />
<meta name="baggage" content="sentry-trace_id=8fb9dcee7b6d412b96a6a3ecf7e7a3a2,sentry-sample_rate=0.3,sentry-transaction=%2Fsecteur%2F%7Bcategory_name%7D,sentry-public_key=8162dc6c33d74fd89f428b30c0527085,sentry-release=1.0.0,sentry-environment=production,sentry-sampled=true,sentry-sample_rand=0.08061" />
<script id="jquery-core-js" defer src="https://www.franchise-magazine.com/wordpress/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" type="f27ba6e270c37aabf5fb8ded-text/javascript"></script>
<script id="owlcarousel-scripts-js" defer src="https://www.franchise-magazine.com/plugins/pqp-ad-management/assets/js/vendors/owlcarousel/owl.carousel.min.js?ver=7.0" type="f27ba6e270c37aabf5fb8ded-text/javascript"></script>
<script id="pqp_ad_management_scripts-js" defer src="https://www.franchise-magazine.com/plugins/pqp-ad-management/assets/js/front/scripts.js?ver=1784552959" type="f27ba6e270c37aabf5fb8ded-text/javascript"></script>
<script id="sib-front-js-js-extra" type="f27ba6e270c37aabf5fb8ded-text/javascript">
var sibErrMsg = {"invalidMail":"Veuillez entrer une adresse e-mail valide.","requiredField":"Veuillez compl\u00e9ter les champs obligatoires.","invalidDateFormat":"Veuillez entrer une date valide.","invalidSMSFormat":"Veuillez entrer une num\u00e9ro de t\u00e9l\u00e9phone valide."};
var ajax_sib_front_object = {"ajax_url":"https://www.franchise-magazine.com/wordpress/wp-admin/admin-ajax.php","ajax_nonce":"51fff48e87","flag_url":"https://www.franchise-magazine.com/plugins/mailin/img/flags/"};
//# sourceURL=sib-front-js-js-extra
</script>
<script id="sib-front-js-js" defer src="https://www.franchise-magazine.com/plugins/mailin/js/mailin-front.js?ver=1734939546" type="f27ba6e270c37aabf5fb8ded-text/javascript"></script>
<link rel="https://api.w.org/" href="https://www.franchise-magazine.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.franchise-magazine.com/wp-json/wp/v2/categories/139" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.franchise-magazine.com/wordpress/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<script type="f27ba6e270c37aabf5fb8ded-text/javascript">window.searchConfig = { searchPath: "/recherche/" };</script><script type="f27ba6e270c37aabf5fb8ded-text/javascript">window.turnstileSettings = {"siteKey":"0x4AAAAAABhMH_PjEIRQaOmq","enabled":true};</script><script type="f27ba6e270c37aabf5fb8ded-text/javascript" src="https://cdn.by.wonderpush.com/sdk/1.1/wonderpush-loader.min.js" async></script>
<script type="f27ba6e270c37aabf5fb8ded-text/javascript">
window.WonderPush = window.WonderPush || [];
window.WonderPush.push(['init', {"customDomain":"https:\/\/www.franchise-magazine.com\/plugins\/mailin\/","serviceWorkerUrl":"wonderpush-worker-loader.min.js?webKey=8c886aaa4214bb56a7c35a42b9c664078a77929f59370ef94c8af2b21edd77ba","frameUrl":"wonderpush.min.html","webKey":"8c886aaa4214bb56a7c35a42b9c664078a77929f59370ef94c8af2b21edd77ba"}]);
</script><link rel="icon" href="https://www.franchise-magazine.com/uploads/2026/02/cropped-favicon-48x48-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.franchise-magazine.com/uploads/2026/02/cropped-favicon-48x48-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.franchise-magazine.com/uploads/2026/02/cropped-favicon-48x48-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.franchise-magazine.com/uploads/2026/02/cropped-favicon-48x48-1-270x270.png" />
<!-- Google Tag Manager -->
<!-- End Google Tag Manager -->
</head>
<body class="archive category category-mode-pret-a-porter-enfant category-139 wp-theme-wordplate wp-child-theme-wordplate-child min-h-[100dvh] flex flex-col overflow-x-hidden">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5PL9ZWL"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header id="main-header" class="fixed top-0 left-0 w-full z-200 transition-all duration-500 py-2 ease-in-out header-white" data-is-home="false">
<div class="fm-container">
<div class="flex items-center justify-between">
<!-- Logo -->
<div class="flex-shrink-0">
<a href="https://www.franchise-magazine.com" class="flex flex-col items-start">
<div class="site-branding">
<a href="https://www.franchise-magazine.com" class="text-2xl font-bold">
<svg width="128" height="41" viewbox="0 0 128 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M115.811 17.9745V0.586937H127.206V4.43896H120.478V7.16747H126.229V11.0195H120.478V14.1225H127.477V17.9745H115.811Z" fill="#C62828"/>
<path d="M107.076 18.2955C105.973 18.2955 104.824 18.0904 103.63 17.6803C102.437 17.2701 101.361 16.6459 100.402 15.8078L103.061 12.6513C103.694 13.1506 104.372 13.5608 105.095 13.8818C105.837 14.1849 106.533 14.3365 107.185 14.3365C107.89 14.3365 108.396 14.2295 108.704 14.0155C109.029 13.8015 109.192 13.4983 109.192 13.106C109.192 12.6958 108.975 12.3838 108.541 12.1698C108.125 11.9558 107.546 11.7061 106.805 11.4208L104.607 10.5112C103.667 10.1367 102.835 9.54824 102.111 8.74574C101.406 7.94323 101.053 6.91781 101.053 5.66947C101.053 4.6708 101.333 3.77021 101.894 2.96771C102.455 2.14737 103.224 1.49645 104.2 1.01495C105.195 0.515614 106.334 0.265945 107.619 0.265945C108.631 0.265945 109.653 0.462114 110.684 0.854449C111.733 1.22895 112.665 1.80854 113.479 2.59321L111.146 5.48222C110.549 5.07205 109.97 4.75997 109.409 4.54597C108.867 4.33197 108.27 4.22497 107.619 4.22497C107.058 4.22497 106.606 4.32305 106.262 4.51922C105.937 4.71538 105.774 5.00964 105.774 5.40197C105.774 5.81214 106.009 6.13314 106.479 6.36498C106.949 6.57898 107.582 6.83756 108.378 7.14073L110.522 7.96998C111.625 8.39799 112.475 8.9954 113.072 9.76224C113.669 10.5291 113.967 11.5188 113.967 12.7315C113.967 13.7123 113.696 14.6308 113.153 15.4868C112.629 16.3249 111.851 17.0026 110.82 17.5198C109.789 18.0369 108.541 18.2955 107.076 18.2955Z" fill="#C62828"/>
<path d="M93.8926 17.9745V0.586937H98.559V17.9745H93.8926Z" fill="#C62828"/>
<path d="M76.3893 17.9745V0.586937H81.0557V7.06047H86.3189V0.586937H90.9853V17.9745H86.3189V11.073H81.0557V17.9745H76.3893Z" fill="#C62828"/>
<path d="M69.133 18.2955C67.6318 18.2955 66.2391 17.9745 64.9549 17.3325C63.6889 16.6727 62.667 15.6829 61.8892 14.3633C61.1115 13.0436 60.7227 11.394 60.7227 9.41449C60.7227 7.95215 60.9487 6.65923 61.4009 5.53572C61.8712 4.39438 62.5042 3.43138 63.3 2.64671C64.1139 1.86204 65.0273 1.27353 66.0402 0.881198C67.0711 0.47103 68.1382 0.265945 69.2415 0.265945C70.4171 0.265945 71.4662 0.49778 72.3886 0.96145C73.3291 1.40729 74.1068 1.94229 74.7218 2.56646L72.2801 5.50897C71.846 5.13447 71.3938 4.8313 70.9236 4.59947C70.4714 4.3498 69.9469 4.22497 69.35 4.22497C68.6627 4.22497 68.0207 4.43005 67.4238 4.84022C66.845 5.23255 66.3748 5.80322 66.013 6.55223C65.6694 7.30123 65.4976 8.20182 65.4976 9.25399C65.4976 10.8768 65.8412 12.1341 66.5285 13.0258C67.2339 13.8996 68.1563 14.3365 69.2958 14.3365C69.9831 14.3365 70.589 14.1849 71.1135 13.8818C71.6561 13.5786 72.1173 13.2308 72.4971 12.8385L74.9388 15.7275C74.1973 16.5835 73.3291 17.2255 72.3343 17.6535C71.3396 18.0815 70.2725 18.2955 69.133 18.2955Z" fill="#C62828"/>
<path d="M44.2439 17.9745V0.586937H49.0188L52.9255 8.34448L54.6076 12.25H54.7161C54.6076 11.3048 54.481 10.2348 54.3363 9.03998C54.1916 7.82731 54.1193 6.68597 54.1193 5.61596V0.586937H58.5686V17.9745H53.7937L49.887 10.1902L48.2049 6.31146H48.0964C48.2049 7.2923 48.3315 8.38014 48.4762 9.57498C48.6209 10.752 48.6932 11.8755 48.6932 12.9455V17.9745H44.2439Z" fill="#C62828"/>
<path d="M33.9478 9.52148L33.6494 10.7252H36.905L36.6066 9.52148C36.3895 8.68331 36.1725 7.77381 35.9554 6.79297C35.7384 5.81213 35.5214 4.88479 35.3043 4.01095H35.1958C35.0149 4.88479 34.816 5.81213 34.5989 6.79297C34.3819 7.77381 34.1649 8.68331 33.9478 9.52148ZM27.1653 17.9745L32.537 0.586937H38.1801L43.5519 17.9745H38.6142L37.746 14.283H32.8083L31.9402 17.9745H27.1653Z" fill="#C62828"/>
<path d="M20.2297 0.586472C21.4958 0.586472 22.6626 0.756426 23.7297 1.09526C24.7968 1.41626 25.6558 1.98688 26.3069 2.80717C26.958 3.62751 27.2834 4.76013 27.2834 6.20464C27.2834 7.45269 27.0217 8.48695 26.4973 9.30717C25.9728 10.1275 25.2849 10.7693 24.4348 11.233L28.26 17.9742H23.051L20.0129 12.1431H18.2219V17.9742H13.5559V0.586472H20.2297ZM22.6243 6.93217C21.8021 7.30437 21.0613 7.47366 20.843 7.51909C20.0066 7.74947 18.9965 7.88537 18.1321 7.88432L18.1331 7.88042C17.933 7.88015 17.7452 7.87169 17.5647 7.85796C17.5063 7.8529 17.4545 7.89184 17.4456 7.94585L17.0637 10.023C16.9816 10.4706 17.5399 10.7642 17.8928 10.4605L20.094 8.56694C20.2306 8.44912 20.4255 8.41221 20.5989 8.47319L23.2092 9.26616C23.657 9.42002 24.0556 8.94771 23.803 8.56401L22.7688 6.97124C22.7388 6.92391 22.6757 6.90862 22.6243 6.93217ZM23.7258 3.4937C23.6036 3.49354 23.4645 3.53368 23.3723 3.58257C22.7199 4.03776 22.027 4.40038 21.2952 4.68999C20.2494 5.1026 19.1185 5.35766 17.8977 5.49467C17.1163 5.58155 16.2991 5.6227 15.4417 5.62163H15.2415C15.1956 5.62187 15.1551 5.67075 15.178 5.70952C15.6286 6.52931 16.5989 6.85651 17.635 6.93217C17.8015 6.94421 17.9704 6.9515 18.137 6.95171C19.0775 6.95284 20.0117 6.78102 20.6106 6.61284C20.6325 6.60855 21.3773 6.46121 22.2034 6.0894C22.7244 5.85528 23.2776 5.53044 23.7034 5.09526C24.7888 3.98523 23.9434 3.554 23.9055 3.53471L23.9045 3.53374C23.8569 3.50333 23.793 3.49383 23.7258 3.4937ZM19.4524 1.8521C19.2083 1.4823 18.6157 1.59341 18.5354 2.02397L18.0999 4.39214C18.0876 4.46465 18.1527 4.52912 18.2288 4.51909C19.1147 4.39518 19.914 4.20333 20.6477 3.93901C20.715 3.91541 20.7395 3.8373 20.7024 3.77983L19.4524 1.8521Z" fill="#C62828"/>
<path d="M0 17.9745V0.586937H11.5032V4.43896H4.66638V7.75597H10.5265V11.608H4.66638V17.9745H0Z" fill="#C62828"/>
<path class="logo-tochange transition-all duration-500" d="M127.477 30.5446C127.477 31.0462 127.457 31.3672 127.396 31.8888H120.579C120.762 33.4537 121.739 34.4167 123.346 34.4167C124.75 34.4167 125.564 33.875 126.195 33.4337C126.704 33.7547 127.111 34.3967 127.192 34.9785C126.378 35.6205 125.117 36.3227 123.184 36.3227C120.294 36.3227 118.219 34.4368 118.219 31.3271C118.219 28.3779 120.315 26.2512 123.062 26.2512C125.646 26.2512 127.477 27.9967 127.477 30.5446ZM120.6 30.3841H125.218C125.218 29.2606 124.628 28.1171 123.062 28.097C121.637 28.097 120.762 29.0801 120.6 30.3841Z" fill="#1F293F"/>
<path class="logo-tochange transition-all duration-500" d="M112.46 26.2312C115.573 26.2312 116.936 27.9967 116.936 30.1835V36.0217C116.55 36.102 116.143 36.122 115.777 36.122C115.39 36.122 115.024 36.102 114.617 36.0217V30.7252C114.617 28.9798 113.762 28.3177 112.277 28.3177C111.382 28.3177 110.588 28.5785 110.14 28.8393V36.0217C109.774 36.102 109.367 36.122 108.981 36.122C108.614 36.122 108.228 36.102 107.841 36.0217V27.7359C108.696 27.0337 110.385 26.2312 112.46 26.2312Z" fill="#1F293F"/>
<path class="logo-tochange transition-all duration-500" d="M104.773 25.0876C103.939 25.0876 103.267 24.4456 103.267 23.6431C103.267 22.8406 103.939 22.1986 104.773 22.1986C105.566 22.1986 106.238 22.8406 106.238 23.6431C106.238 24.4456 105.566 25.0876 104.773 25.0876ZM104.773 36.122C104.407 36.122 104 36.102 103.613 36.0217V26.5321C104 26.4519 104.386 26.4318 104.773 26.4318C105.139 26.4318 105.546 26.4519 105.912 26.5321V36.0217C105.546 36.102 105.16 36.122 104.773 36.122Z" fill="#1F293F"/>
<path class="logo-tochange transition-all duration-500" d="M102.222 34.1559C102.303 34.3565 102.364 34.6976 102.364 35.0788C102.364 35.46 102.303 35.801 102.222 36.0217H94.2049C94.1032 35.7609 94.0625 35.5202 94.0625 35.2794C94.0625 34.5973 94.3474 34.1358 94.7136 33.7145L99.0273 28.8995L99.4546 28.4581H94.266C94.2049 28.1973 94.1439 27.8562 94.1439 27.5152C94.1439 27.1541 94.2049 26.8331 94.266 26.5923H101.957C102.039 26.7929 102.079 27.0337 102.079 27.2544C102.079 27.8763 101.876 28.4581 101.428 28.9597L97.2571 33.7948L96.9112 34.1559H102.222Z" fill="#1F293F"/>
<path class="logo-tochange transition-all duration-500" d="M88.5608 26.2512C91.1042 26.2512 92.9762 27.3747 92.9762 30.1835V35.3797C91.8368 35.9214 90.1479 36.3227 88.5201 36.3227C85.6714 36.3227 84.2675 35.139 84.2675 33.233C84.2675 31.2669 85.997 30.2036 88.337 30.2236C89.2526 30.2236 90.0462 30.344 90.7176 30.5848V30.0431C90.7176 28.8995 89.9444 28.2174 88.398 28.2174C87.2382 28.2174 86.2615 28.6588 85.7121 29.06C85.1424 28.7791 84.7558 28.2575 84.6541 27.5954C85.2238 27.0537 86.6888 26.2512 88.5608 26.2512ZM86.6074 33.1327C86.6074 33.9954 87.2992 34.5772 88.7236 34.5772C89.4561 34.5772 90.1276 34.4568 90.7176 34.2763V32.2299C90.0869 31.9691 89.334 31.8487 88.5201 31.8487C87.3806 31.8487 86.6074 32.2299 86.6074 33.1327Z" fill="#1F293F"/>
<path class="logo-tochange transition-all duration-500" d="M78.9314 26.2312C80.5592 26.2312 82.0446 26.7729 83.062 27.5353V35.6205C83.062 38.3691 81.0475 40.0142 78.2396 40.0142C76.2455 40.0142 74.7195 39.3521 73.7631 38.3089C73.9055 37.7271 74.3735 37.0851 75.1061 36.8242C75.7775 37.5866 76.7135 38.1283 78.1582 38.1283C79.9691 38.1283 80.7423 37.1653 80.7423 35.8813V35.4399C80.1726 35.6807 79.5418 35.8211 78.7483 35.8211C75.9607 35.8211 73.6614 34.1358 73.6614 31.1666C73.6614 28.1773 75.981 26.2312 78.9314 26.2312ZM78.9517 33.9352C79.7453 33.9352 80.2743 33.7547 80.7423 33.4938V28.6387C80.2133 28.3578 79.6232 28.2174 78.9517 28.2174C77.2629 28.2174 76.0013 29.361 76.0013 31.1265C76.0013 32.8719 77.2426 33.9352 78.9517 33.9352Z" fill="#1F293F"/>
<path class="logo-tochange transition-all duration-500" d="M68.119 26.2512C70.6625 26.2512 72.5344 27.3747 72.5344 30.1835V35.3797C71.395 35.9214 69.7061 36.3227 68.0783 36.3227C65.2297 36.3227 63.8257 35.139 63.8257 33.233C63.8257 31.2669 65.5552 30.2036 67.8952 30.2236C68.8108 30.2236 69.6044 30.344 70.2759 30.5848V30.0431C70.2759 28.8995 69.5027 28.2174 67.9562 28.2174C66.7964 28.2174 65.8197 28.6588 65.2704 29.06C64.7006 28.7791 64.314 28.2575 64.2123 27.5954C64.782 27.0537 66.247 26.2512 68.119 26.2512ZM66.1657 33.1327C66.1657 33.9954 66.8575 34.5772 68.2818 34.5772C69.0143 34.5772 69.6858 34.4568 70.2759 34.2763V32.2299C69.6451 31.9691 68.8922 31.8487 68.0783 31.8487C66.9389 31.8487 66.1657 32.2299 66.1657 33.1327Z" fill="#1F293F"/>
<path class="logo-tochange transition-all duration-500" d="M58.437 26.2312C61.2246 26.2312 62.6489 27.9164 62.6489 29.9829V36.0217C62.2826 36.102 61.8757 36.122 61.5094 36.122C61.1025 36.122 60.7159 36.102 60.3496 36.0217V30.665C60.3496 29.3008 59.7392 28.3177 58.1724 28.3177C57.2364 28.3177 56.5853 28.7189 56.1173 29.1001C56.1784 29.381 56.2191 29.682 56.2191 29.9829V36.0217C55.8528 36.102 55.4459 36.122 55.0796 36.122C54.6726 36.122 54.286 36.102 53.8994 36.0217V30.665C53.8994 29.3008 53.3094 28.3177 51.7426 28.3177C50.9897 28.3177 50.2776 28.5384 49.7689 28.8393V36.0217C49.4026 36.102 48.9957 36.122 48.6091 36.122C48.2428 36.122 47.8562 36.102 47.4696 36.0217V27.7359C48.2428 27.0738 49.9927 26.2312 52.0071 26.2312C53.3908 26.2312 54.4488 26.6525 55.161 27.3346C55.9545 26.7328 57.1347 26.2312 58.437 26.2312Z" fill="#1F293F"/>
</svg>
</a>
</div>
</a>
</div>
<div class="lg:flex items-center gap-8">
<!-- Desktop Navigation -->
<nav class="hidden lg:flex items-center gap-8">
<div class="relative group">
<a href="https://www.franchise-magazine.com/trouver-la-meilleure-franchise/"
class="nav-link flex items-center space-x-1 transition-colors text-sm duration-300">
<span>Trouver ma franchise</span>
</a>
<!-- Desktop Dropdown -->
</div>
<div class="relative group">
<a href="https://www.franchise-magazine.com/actu-des-franchises/"
class="has-children nav-link flex items-center space-x-1 transition-colors text-sm duration-300">
<span>Actualités de la franchise</span>
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</a>
<!-- Desktop Dropdown -->
<div class="menu-submenu absolute top-full left-0 mt-2 w-64 bg-white rounded-lg shadow-lg border border-gray-100 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform translate-y-2 group-hover:translate-y-0">
<div class="px-8 py-6">
<a href="https://www.franchise-magazine.com/actu-des-franchises/breve-actu/"
class="block text-sm py-2 hover:text-primary-600 text-text transition-colors duration-300">
Brèves et actus
</a>
<a href="https://www.franchise-magazine.com/actu-des-franchises/actu-secteurs/"
class="block text-sm py-2 hover:text-primary-600 text-text transition-colors duration-300">
Actualités du secteur
</a>
<a href="https://www.franchise-magazine.com/actu-des-franchises/communique-presse/"
class="block text-sm py-2 hover:text-primary-600 text-text transition-colors duration-300">
Communiqués de presse
</a>
<a href="https://www.franchise-magazine.com/actu-des-franchises/interview/"
class="block text-sm py-2 hover:text-primary-600 text-text transition-colors duration-300">
Interviews
</a>
</div>
</div>
</div>
<div class="relative group">
<a href="https://www.franchise-magazine.com/conseils/"
class="has-children nav-link flex items-center space-x-1 transition-colors text-sm duration-300">
<span>Conseils et Guides</span>
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</a>
<!-- Desktop Dropdown -->
<div class="menu-submenu absolute top-full left-0 mt-2 w-64 bg-white rounded-lg shadow-lg border border-gray-100 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform translate-y-2 group-hover:translate-y-0">
<div class="px-8 py-6">
<a href="https://www.franchise-magazine.com/conseils/conseils-generaux/"
class="block text-sm py-2 hover:text-primary-600 text-text transition-colors duration-300">
Conseils généraux
</a>
<a href="https://www.franchise-magazine.com/conseils/devenir-franchise/"
class="block text-sm py-2 hover:text-primary-600 text-text transition-colors duration-300">
Devenir franchisé
</a>
<a href="https://www.franchise-magazine.com/conseils/devenir-franchiseur/"
class="block text-sm py-2 hover:text-primary-600 text-text transition-colors duration-300">
Devenir franchiseur
</a>
</div>
</div>
</div>
</nav>
<!-- Desktop Actions -->
<div class="hidden lg:flex items-center space-x-4" id="desktop-cart-container">
<!-- Cart Desktop Button -->
<div class="relative">
<button type="button" class="action-button relative p-2 flex flex-col items-center transition-colors duration-200 cart-button cursor-pointer">
<svg class="w-6 h-6 transition-transform duration-200" viewbox="0 0 25 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M5.49988 11L9.49988 4M19.4999 11L15.4999 4M2.49988 11H22.4999M3.99988 11L5.59988 18.4C5.69338 18.8586 5.94473 19.2698 6.31016 19.5621C6.6756 19.8545 7.13199 20.0094 7.59988 20H17.3999C18.2999 20 19.1999 19.3 19.3999 18.4L21.0999 11M9.49988 11L10.4999 20M4.99988 15.5H19.9999M15.4999 11L14.4999 20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<span id="cart-badge" class="absolute top-1 left-[50%] bg-primary-500 text-white text-xs rounded-full h-4 w-4 flex items-center justify-center hidden"></span>
<span class="text-xs">Ma sélection</span>
</button>
</div>
<!-- Account -->
<a href="/mon-compte/" class="action-button hidden lg:flex flex-col items-center p-2 transition-colors duration-200">
<svg class="w-6 h-6 transition-transform duration-200" viewbox="0 0 25 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.5001 21V19C19.5001 17.9391 19.0787 16.9217 18.3285 16.1716C17.5784 15.4214 16.561 15 15.5001 15H9.50012C8.43926 15 7.42184 15.4214 6.67169 16.1716C5.92155 16.9217 5.50012 17.9391 5.50012 19V21M16.5001 7C16.5001 9.20914 14.7093 11 12.5001 11C10.291 11 8.50012 9.20914 8.50012 7C8.50012 4.79086 10.291 3 12.5001 3C14.7093 3 16.5001 4.79086 16.5001 7Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<span class="text-xs">Mon compte</span>
</a>
</div>
<!-- Mobile Menu Button -->
<button id="mobile-menu-toggle"
type="button"
class="mobile-toggle lg:hidden flex flex-col items-center justify-center p-2 transition-colors duration-200"
aria-label="Toggle mobile menu"
aria-expanded="false">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 12H20M4 5.99998H20M4 18H20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span class="text-xs mt-1">Menu</span>
</button>
<div id="mobile-menu-container" class="lg:hidden fixed z-100 invisible">
<!-- Mobile Menu Overlay -->
<div id="mobile-menu-overlay" class="fixed inset-0 bg-black/50 opacity-0 invisible transition-all duration-300"></div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="px-8 py-6 rounded-l-theme bg-gray-100 lg:hidden fixed top-0 right-0 h-full transform translate-x-full transition-transform duration-300 ease-in-out flex flex-col shadow-2xl">
<!-- Mobile Menu Header -->
<div class="flex items-center justify-between mb-11">
<div class="flex flex-col items-start">
<a href="https://www.franchise-magazine.com" class="text-2xl font-bold">
<svg width="151" height="48" viewbox="0 0 151 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.80121 6.18131V9.65247H11.5623V15.058H6.80121V24.4393H0.105247V0.554054H11.9432V6.17366H6.80883L6.80121 6.18131Z" fill="#C62828"/>
<path d="M24.9308 24.4393C23.6663 21.144 22.3637 17.8487 21.1372 14.5228C21.2134 15.5626 21.2515 16.633 21.2515 17.6728V24.4393H14.5555V0.554054H21.4038C23.1178 0.554054 24.9765 0.729906 26.5763 1.37979C29.5548 2.59546 31.0402 5.53142 31.0402 8.54384C31.0402 11.3345 29.8824 13.3454 27.2085 14.5228L32.1981 24.4393H24.9385H24.9308ZM21.6933 11.6174C23.4073 11.6174 24.3747 10.1112 24.3747 8.61265C24.3747 6.67828 23.1483 5.929 21.2515 5.929V11.6251H21.7009L21.6933 11.6174Z" fill="#C62828"/>
<path d="M46.1087 24.4393L45.5907 21.3963H41.0886L40.5325 24.4393H33.608L39.5956 0.554054H47.7846L53.0332 24.4393H46.1087ZM44.8061 16.3119C44.2881 12.9784 43.8386 9.65247 43.5415 6.28835C43.3892 7.39698 43.2825 8.54384 43.1302 9.65247C42.795 11.8697 42.4217 14.0946 41.9799 16.3119H44.8061Z" fill="#C62828"/>
<path d="M66.013 24.4393C64.2609 19.8901 62.326 15.3791 60.9472 10.6923C61.13 13.2383 61.3586 15.8149 61.3586 18.3533V24.4393H54.9597V0.554054H61.3586L64.7104 8.93377C65.495 10.9064 66.1272 12.9478 66.7595 14.951C66.3862 12.015 66.013 9.11727 66.013 6.14308V0.554054H72.4119V24.4393H66.013Z" fill="#C62828"/>
<path d="M89.4608 24.0106C88.0059 24.6223 87.0765 24.867 85.4768 24.867C78.3314 24.867 75.2767 18.6739 75.2767 12.5879C75.2767 6.03554 78.7732 0.125393 86.2538 0.125393C87.5945 0.125393 88.341 0.232433 89.5675 0.737051V7.54175C88.6762 6.6472 87.8154 6.112 86.4747 6.112C82.9401 6.112 82.1174 9.76665 82.1174 12.4885C82.1174 15.2104 82.9325 18.651 86.3604 18.651C87.8154 18.651 88.8133 18.0087 89.857 17.1142L89.4456 24.0259L89.4608 24.0106Z" fill="#C62828"/>
<path d="M102.936 24.4393V14.8439H99.7368V24.4393H93.0409V0.554054H99.7368V9.00258H102.936V0.554054H109.632V24.4393H102.936Z" fill="#C62828"/>
<path d="M113.091 24.4393V0.554054H119.787V24.4393H113.091Z" fill="#C62828"/>
<path d="M134.978 8.65038C134.124 7.39648 132.707 6.03554 131.032 6.03554C130.178 6.03554 129.28 6.57074 129.28 7.46529C129.28 9.89663 135.678 10.5465 135.678 16.7778C135.678 21.22 132.555 24.8746 127.786 24.8746C126.034 24.8746 124.328 24.4847 122.721 23.8348V16.3496C123.726 17.6723 125.174 18.9645 126.964 18.9645C127.931 18.9645 128.937 18.4293 128.937 17.3894C128.937 14.8434 122.606 14.0253 122.606 7.96991C122.606 3.81828 125.699 0.125393 130.163 0.125393C131.839 0.125393 133.477 0.591782 134.962 1.34106V8.64273L134.978 8.65038Z" fill="#C62828"/>
<path d="M138.29 24.4393V0.554054H150.722V6.17366H144.994V9.64482H150.128V15.0504H144.994V18.705H150.722V24.4317H138.29V24.4393Z" fill="#C62828"/>
<path d="M73.7853 32.9668C74.9841 32.9668 75.9479 33.337 76.6766 34.0775C77.417 34.8061 77.7872 35.8287 77.7872 37.145V42.8746H75.3191V37.48C75.3191 36.716 75.1252 36.1342 74.7373 35.7346C74.3495 35.3233 73.8206 35.1176 73.1507 35.1176C72.4807 35.1176 71.946 35.3233 71.5464 35.7346C71.1585 36.1342 70.9646 36.716 70.9646 37.48V42.8746H68.4965V37.48C68.4965 36.716 68.3025 36.1342 67.9147 35.7346C67.5268 35.3233 66.9979 35.1176 66.328 35.1176C65.6463 35.1176 65.1057 35.3233 64.7061 35.7346C64.3182 36.1342 64.1243 36.716 64.1243 37.48V42.8746H61.6562V33.1078H64.1243V34.289C64.4417 33.8777 64.8471 33.5544 65.3408 33.3194C65.8461 33.0843 66.3985 32.9668 66.9979 32.9668C67.7619 32.9668 68.4436 33.1313 69.043 33.4604C69.6424 33.7778 70.1066 34.2361 70.4357 34.8355C70.753 34.2714 71.2114 33.8189 71.8108 33.4781C72.422 33.1372 73.0801 32.9668 73.7853 32.9668ZM79.4947 37.956C79.4947 36.9687 79.6886 36.0931 80.0765 35.3292C80.4761 34.5652 81.0108 33.9776 81.6807 33.5662C82.3624 33.1548 83.1205 32.9492 83.955 32.9492C84.6836 32.9492 85.3183 33.0961 85.8589 33.3899C86.4113 33.6837 86.8521 34.054 87.1812 34.5006V33.1078H89.6669V42.8746H87.1812V41.4466C86.8638 41.905 86.4231 42.287 85.8589 42.5925C85.3066 42.8864 84.666 43.0333 83.9373 43.0333C83.1146 43.0333 82.3624 42.8217 81.6807 42.3986C81.0108 41.9755 80.4761 41.382 80.0765 40.618C79.6886 39.8423 79.4947 38.955 79.4947 37.956ZM87.1812 37.9912C87.1812 37.3918 87.0636 36.8806 86.8286 36.4574C86.5935 36.0226 86.2762 35.6935 85.8766 35.4702C85.477 35.2351 85.048 35.1176 84.5896 35.1176C84.1313 35.1176 83.7081 35.2293 83.3203 35.4526C82.9324 35.6759 82.6151 36.005 82.3683 36.4398C82.1332 36.8629 82.0157 37.3683 82.0157 37.956C82.0157 38.5436 82.1332 39.0607 82.3683 39.5074C82.6151 39.9422 82.9324 40.2772 83.3203 40.5122C83.7199 40.7473 84.143 40.8648 84.5896 40.8648C85.048 40.8648 85.477 40.7532 85.8766 40.5299C86.2762 40.2948 86.5935 39.9657 86.8286 39.5426C87.0636 39.1078 87.1812 38.5906 87.1812 37.9912ZM95.9031 32.9492C96.6318 32.9492 97.2723 33.0961 97.8247 33.3899C98.3771 33.672 98.812 34.0422 99.1293 34.5006V33.1078H101.615V42.9451C101.615 43.8501 101.433 44.6552 101.069 45.3604C100.704 46.0773 100.158 46.6415 99.429 47.0528C98.7003 47.4759 97.8189 47.6875 96.7846 47.6875C95.3977 47.6875 94.2577 47.3643 93.3645 46.7179C92.483 46.0714 91.9835 45.19 91.8659 44.0734H94.3165C94.4457 44.52 94.7219 44.8726 95.145 45.1312C95.5799 45.4015 96.1029 45.5367 96.7141 45.5367C97.431 45.5367 98.0128 45.3192 98.4594 44.8844C98.906 44.4613 99.1293 43.8149 99.1293 42.9451V41.429C98.812 41.8874 98.3712 42.2693 97.8071 42.5749C97.2547 42.8805 96.62 43.0333 95.9031 43.0333C95.0804 43.0333 94.3282 42.8217 93.6465 42.3986C92.9649 41.9755 92.4242 41.382 92.0246 40.618C91.6368 39.8423 91.4428 38.955 91.4428 37.956C91.4428 36.9687 91.6368 36.0931 92.0246 35.3292C92.4242 34.5652 92.959 33.9776 93.6289 33.5662C94.3106 33.1548 95.0686 32.9492 95.9031 32.9492ZM99.1293 37.9912C99.1293 37.3918 99.0118 36.8806 98.7767 36.4574C98.5417 36.0226 98.2243 35.6935 97.8247 35.4702C97.4251 35.2351 96.9961 35.1176 96.5378 35.1176C96.0794 35.1176 95.6563 35.2293 95.2684 35.4526C94.8806 35.6759 94.5633 36.005 94.3165 36.4398C94.0814 36.8629 93.9639 37.3683 93.9639 37.956C93.9639 38.5436 94.0814 39.0607 94.3165 39.5074C94.5633 39.9422 94.8806 40.2772 95.2684 40.5122C95.668 40.7473 96.0912 40.8648 96.5378 40.8648C96.9961 40.8648 97.4251 40.7532 97.8247 40.5299C98.2243 40.2948 98.5417 39.9657 98.7767 39.5426C99.0118 39.1078 99.1293 38.5906 99.1293 37.9912ZM103.391 37.956C103.391 36.9687 103.585 36.0931 103.973 35.3292C104.372 34.5652 104.907 33.9776 105.577 33.5662C106.259 33.1548 107.017 32.9492 107.851 32.9492C108.58 32.9492 109.215 33.0961 109.755 33.3899C110.308 33.6837 110.748 34.054 111.077 34.5006V33.1078H113.563V42.8746H111.077V41.4466C110.76 41.905 110.319 42.287 109.755 42.5925C109.203 42.8864 108.562 43.0333 107.834 43.0333C107.011 43.0333 106.259 42.8217 105.577 42.3986C104.907 41.9755 104.372 41.382 103.973 40.618C103.585 39.8423 103.391 38.955 103.391 37.956ZM111.077 37.9912C111.077 37.3918 110.96 36.8806 110.725 36.4574C110.49 36.0226 110.172 35.6935 109.773 35.4702C109.373 35.2351 108.944 35.1176 108.486 35.1176C108.028 35.1176 107.604 35.2293 107.217 35.4526C106.829 35.6759 106.511 36.005 106.265 36.4398C106.03 36.8629 105.912 37.3683 105.912 37.956C105.912 38.5436 106.03 39.0607 106.265 39.5074C106.511 39.9422 106.829 40.2772 107.217 40.5122C107.616 40.7473 108.039 40.8648 108.486 40.8648C108.944 40.8648 109.373 40.7532 109.773 40.5299C110.172 40.2948 110.49 39.9657 110.725 39.5426C110.96 39.1078 111.077 38.5906 111.077 37.9912ZM118.23 40.8472H122.585V42.8746H115.427V40.8825L119.694 35.1352H115.445V33.1078H122.532V35.1L118.23 40.8472ZM125.748 31.9443C125.313 31.9443 124.948 31.8091 124.655 31.5388C124.373 31.2567 124.231 30.91 124.231 30.4987C124.231 30.0873 124.373 29.7465 124.655 29.4761C124.948 29.1941 125.313 29.053 125.748 29.053C126.182 29.053 126.541 29.1941 126.823 29.4761C127.117 29.7465 127.264 30.0873 127.264 30.4987C127.264 30.91 127.117 31.2567 126.823 31.5388C126.541 31.8091 126.182 31.9443 125.748 31.9443ZM126.964 33.1078V42.8746H124.496V33.1078H126.964ZM134.815 32.9668C135.978 32.9668 136.919 33.337 137.636 34.0775C138.353 34.8061 138.711 35.8287 138.711 37.145V42.8746H136.243V37.48C136.243 36.7043 136.049 36.1107 135.661 35.6994C135.273 35.2763 134.744 35.0647 134.074 35.0647C133.393 35.0647 132.852 35.2763 132.452 35.6994C132.065 36.1107 131.871 36.7043 131.871 37.48V42.8746H129.403V33.1078H131.871V34.3243C132.2 33.9012 132.617 33.5721 133.122 33.337C133.64 33.0902 134.204 32.9668 134.815 32.9668ZM150.137 37.7797C150.137 38.1323 150.114 38.4496 150.067 38.7317H142.927C142.986 39.4368 143.232 39.9892 143.667 40.3888C144.102 40.7884 144.637 40.9882 145.272 40.9882C146.188 40.9882 146.841 40.5945 147.228 39.8071H149.89C149.608 40.7473 149.068 41.523 148.269 42.1342C147.469 42.7336 146.488 43.0333 145.324 43.0333C144.384 43.0333 143.538 42.8276 142.786 42.4162C142.045 41.9931 141.464 41.3996 141.04 40.6357C140.629 39.8717 140.423 38.9902 140.423 37.9912C140.423 36.9805 140.629 36.0931 141.04 35.3292C141.452 34.5652 142.028 33.9776 142.768 33.5662C143.509 33.1548 144.361 32.9492 145.324 32.9492C146.253 32.9492 147.081 33.149 147.81 33.5486C148.551 33.9482 149.121 34.5182 149.52 35.2586C149.932 35.9873 150.137 36.8277 150.137 37.7797ZM147.581 37.0745C147.569 36.4398 147.34 35.9344 146.893 35.5583C146.447 35.1705 145.9 34.9766 145.254 34.9766C144.643 34.9766 144.126 35.1646 143.702 35.5407C143.291 35.9051 143.038 36.4163 142.944 37.0745H147.581Z" fill="black"/>
</svg>
</a>
</div>
<button id="mobile-menu-close"
type="button"
class="w-12 h-12 flex items-center justify-center -m-2 text-gray-500 bg-white hover:text-red-600 hover:bg-gray-100 rounded-full transition-all duration-200"
aria-label="Fermer le menu">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg>
</button>
</div>
<!-- Mobile Navigation Container -->
<div class="flex-1 overflow-y-auto">
<nav>
<ul>
<li class="mobile-menu-item border-b border-surface-stroke py-6" data-has-children="false">
<!-- Menu simple -->
<a href="https://www.franchise-magazine.com/trouver-la-meilleure-franchise/"
class="flex items-center justify-between py-3 text-text hover:text-red-600 hover:bg-red-50 rounded-lg transition-all duration-200 group text-sm">
<span>Trouver ma franchise</span>
</a>
</li>
<li class="mobile-menu-item border-b border-surface-stroke py-6" data-has-children="true">
<!-- Menu avec sous-menu -->
<div class="mobile-submenu-wrapper">
<button type="button"
class="mobile-submenu-trigger w-full flex items-center justify-between py-3 text-left text-text hover:text-red-600 rounded-lg transition-all duration-200 text-sm"
aria-expanded="false"
data-submenu-target="#submenu-2">
<span>Actualités de la franchise</span>
<svg class="w-4 h-4 transition-transform duration-300 submenu-chevron" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</button>
<div id="submenu-2"
class="mobile-submenu overflow-hidden transition-all duration-300 ease-in-out"
style="height: 0px;">
<div class="py-2 pl-4 border-l-2 border-gray-100 ml-3">
<a href="https://www.franchise-magazine.com/actu-des-franchises/breve-actu/"
class="flex items-center p-2 py-3 hover:text-red-600 hover:bg-red-50 rounded-md transition-all duration-200 group text-sm">
<span class="flex-1">Brèves et actus</span>
</a>
<a href="https://www.franchise-magazine.com/actu-des-franchises/actu-secteurs/"
class="flex items-center p-2 py-3 hover:text-red-600 hover:bg-red-50 rounded-md transition-all duration-200 group text-sm">
<span class="flex-1">Actualités du secteur</span>
</a>
<a href="https://www.franchise-magazine.com/actu-des-franchises/communique-presse/"
class="flex items-center p-2 py-3 hover:text-red-600 hover:bg-red-50 rounded-md transition-all duration-200 group text-sm">
<span class="flex-1">Communiqués de presse</span>
</a>
<a href="https://www.franchise-magazine.com/actu-des-franchises/interview/"
class="flex items-center p-2 py-3 hover:text-red-600 hover:bg-red-50 rounded-md transition-all duration-200 group text-sm">
<span class="flex-1">Interviews</span>
</a>
</div>
</div>
</div>
</li>
<li class="mobile-menu-item py-6" data-has-children="true">
<!-- Menu avec sous-menu -->
<div class="mobile-submenu-wrapper">
<button type="button"
class="mobile-submenu-trigger w-full flex items-center justify-between py-3 text-left text-text hover:text-red-600 rounded-lg transition-all duration-200 text-sm"
aria-expanded="false"
data-submenu-target="#submenu-3">
<span>Conseils et Guides</span>
<svg class="w-4 h-4 transition-transform duration-300 submenu-chevron" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</button>
<div id="submenu-3"
class="mobile-submenu overflow-hidden transition-all duration-300 ease-in-out"
style="height: 0px;">
<div class="py-2 pl-4 border-l-2 border-gray-100 ml-3">
<a href="https://www.franchise-magazine.com/conseils/conseils-generaux/"
class="flex items-center p-2 py-3 hover:text-red-600 hover:bg-red-50 rounded-md transition-all duration-200 group text-sm">
<span class="flex-1">Conseils généraux</span>
</a>
<a href="https://www.franchise-magazine.com/conseils/devenir-franchise/"
class="flex items-center p-2 py-3 hover:text-red-600 hover:bg-red-50 rounded-md transition-all duration-200 group text-sm">
<span class="flex-1">Devenir franchisé</span>
</a>
<a href="https://www.franchise-magazine.com/conseils/devenir-franchiseur/"
class="flex items-center p-2 py-3 hover:text-red-600 hover:bg-red-50 rounded-md transition-all duration-200 group text-sm">
<span class="flex-1">Devenir franchiseur</span>
</a>
</div>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Global Cart Dropdown -->
<!-- Global Cart Dropdown - Shared between Desktop and Mobile -->
<div id="cart-dropdown" class="absolute cart-dropdown-hidden bg-white rounded-xl shadow-dropdown z-[9999] transition-all duration-300">
<!-- Header -->
<div class="flex items-center justify-between p-4">
<p class="text-sm text-text">
Votre sélection <span id="cart-dropdown-count" class="text-gray-500">(0)</span>
</p>
<button id="cart-dropdown-close" class="text-gray-400 hover:text-gray-600 transition-colors cursor-pointer">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg>
</button>
</div>
<!-- Content -->
<div class="max-h-96 overflow-y-auto">
<div id="cart-dropdown-content" class="px-4">
<div id="cart-dropdown-empty" class="text-center py-8 text-gray-500">
Vous n'avez rien sélectionné.
</div>
<div id="cart-dropdown-items" class="hidden max-h-[216px]">
<!-- Les items seront ajoutés dynamiquement -->
</div>
</div>
</div>
<!-- Footer -->
<div id="cart-dropdown-footer" class="p-4 hidden">
<a href="https://www.franchise-magazine.com/formulaire/" class="block text-center w-full bg-primary-600 text-white py-2 px-5 rounded-md hover:bg-primary-700 transition-colors text-sm cursor-pointer leading-text">
Finaliser ma demande
</a>
</div>
</div>
<div id="content" class="flex-1 site-content min-h-full bg-layout pt-[72px]">
<div class="overflow-hidden h-auto flex items-center object-contain bg-black relative" style="background-image: url('https://www.franchise-magazine.com/uploads/2026/01/bg-sector.png');">
<div class="fm-container py-10 w-full">
<!-- Bouton retour -->
<div class="pb-6">
<a href="https://www.franchise-magazine.com/secteur/mode-equipement-de-la-personne/" class="inline-flex items-end text-white/90 hover:text-white text-base font-medium">
<svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewbox="0 0 24 24" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
</svg>
Retour à la liste
</a>
</div>
<div class="grid grid-cols-1 lg:grid-cols-[0.36fr_0.64fr] gap-6 lg:gap-18 items-stretch relative z-10">
<div class="relative min-h-107 h-64 lg:h-full">
<div class="relative rounded-theme overflow-hidden h-full">
<img src="https://www.franchise-magazine.com/uploads/2026/01/habillement-mode-accessoires-700x700.png" alt="habillement-mode-accessoires" class="w-full h-full object-cover">
<div class="gradient-blur">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div> <div class="right-col space-y-4 lg:space-y-6 text-left">
<h1 class="text-white text-hero lg:text-size-article font-bold leading-text">Les franchises Mode & prêt à porter enfant</h1>
<p class="text-white text-base leading-text [&_>_a]:underline">Malgré un secteur très concurrentiel, se lancer dans le prêt-à-porter pour enfant peut s’avérer intéressant. Sur le marché de l’habillement, le segment de la mode enfantine tient, en effet, le haut du pavé. Après quelques années difficiles, marquées par la baisse du pouvoir d’achat des ménages et un recul des ventes, le PAP enfant reprend des couleurs et devrait voir rapidement progresser son chiffre d’affaires dans les années à venir.</p>
<div class="">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8">
<div class="text-center bg-blue-gray-50/20 backdrop-blur-sm rounded-theme px-12 py-6">
<div class="text-hero font-bold text-white mb-2">
44
</div>
<div class="text-white text-lg">
Franchises
</div>
</div>
<div class="text-center bg-blue-gray-50/20 backdrop-blur-sm rounded-theme px-12 py-6">
<div class="text-hero font-bold text-white mb-2">
<span class="text-hero">53,1 k</span><span class="text-2xl">€</span>
</div>
<div class="text-white text-lg">
d'apport moyen
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
<div class="fm-container mt-10 mb-12">
<div class="section-tendances">
<div class="tendances-desc">
</div>
</div>
<div class="section-franchises"
id="sector-franchises-section"
data-per-page="12"
data-sector-id="139"
data-total="44"
data-ssr-count="44">
<h2 class="text-2xl text-text mb-4">
Découvrez les franchises tendance
</h2>
<div id="sector-franchises-grid" class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-10">
<div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="32599"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center text-white" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 7.05%, #000 116.03%), url('/visuals/2024/08/27/1078/banner-66cdf1645f7a8.png')">
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2025/03/20/1078/logotype-67dbd893c0920.jpg" alt="KIDS AROUND" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="32599"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="32599"
data-franchise-title="KIDS AROUND"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-kids-around"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2025/03/20/1078/logotype-67dbd893c0920.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-kids-around" class="after:content-[''] after:absolute after:inset-0">
KIDS AROUND
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,4</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
40 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
350 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="32599"
data-franchise-title="KIDS AROUND"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-kids-around"
data-franchise-logo="/visuals/2025/03/20/1078/logotype-67dbd893c0920.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="371223"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/3029/logotype-64897d43b7fde.png" alt="POINT CARRE" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="371223"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="371223"
data-franchise-title="POINT CARRE"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/point-carre"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/3029/logotype-64897d43b7fde.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/point-carre" class="after:content-[''] after:absolute after:inset-0">
POINT CARRE
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,2</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
10 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="371223"
data-franchise-title="POINT CARRE"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/point-carre"
data-franchise-logo="/visuals/2023/06/14/3029/logotype-64897d43b7fde.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="371112"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/4093/logotype-64897df44883d.jpg" alt="TARTINE ET CHOCOLAT" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="371112"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="371112"
data-franchise-title="TARTINE ET CHOCOLAT"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/tartine-et-chocolat"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/4093/logotype-64897df44883d.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/tartine-et-chocolat" class="after:content-[''] after:absolute after:inset-0">
TARTINE ET CHOCOLAT
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,2</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
75 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
460 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="371112"
data-franchise-title="TARTINE ET CHOCOLAT"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/tartine-et-chocolat"
data-franchise-logo="/visuals/2023/06/14/4093/logotype-64897df44883d.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="370386"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/3100/logotype-64897d4e09e70.png" alt="RENE DERHY" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="370386"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="370386"
data-franchise-title="RENE DERHY"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/rene-derhy"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/3100/logotype-64897d4e09e70.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/rene-derhy" class="after:content-[''] after:absolute after:inset-0">
RENE DERHY
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">3,7</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
100 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
500 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="370386"
data-franchise-title="RENE DERHY"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/rene-derhy"
data-franchise-logo="/visuals/2023/06/14/3100/logotype-64897d4e09e70.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="404404"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/3951/logotype-64897dddbfe81.jpg" alt="PAUL & JOE PARIS" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="404404"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="404404"
data-franchise-title="PAUL & JOE PARIS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/paul-joe-paris"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/3951/logotype-64897dddbfe81.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/paul-joe-paris" class="after:content-[''] after:absolute after:inset-0">
PAUL & JOE PARIS
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
45 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
100 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="404404"
data-franchise-title="PAUL & JOE PARIS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/paul-joe-paris"
data-franchise-logo="/visuals/2023/06/14/3951/logotype-64897dddbfe81.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="404153"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/3580/logotype-64897d9f1421b.gif" alt="STAR CLIPPERS" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="404153"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="404153"
data-franchise-title="STAR CLIPPERS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/star-clippers"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/3580/logotype-64897d9f1421b.gif"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/star-clippers" class="after:content-[''] after:absolute after:inset-0">
STAR CLIPPERS
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
50 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="404153"
data-franchise-title="STAR CLIPPERS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/star-clippers"
data-franchise-logo="/visuals/2023/06/14/3580/logotype-64897d9f1421b.gif"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="404220"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/3677/logotype-64897db03058b.png" alt="LUTIN BOTTÉ" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="404220"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="404220"
data-franchise-title="LUTIN BOTTÉ"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/lutin-botte"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/3677/logotype-64897db03058b.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/lutin-botte" class="after:content-[''] after:absolute after:inset-0">
LUTIN BOTTÉ
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
75 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="404220"
data-franchise-title="LUTIN BOTTÉ"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/lutin-botte"
data-franchise-logo="/visuals/2023/06/14/3677/logotype-64897db03058b.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="403830"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/3105/logotype-64897d4ea38d9.jpg" alt="ESPACE KILIWATCH" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="403830"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="403830"
data-franchise-title="ESPACE KILIWATCH"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/espace-kiliwatch"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/3105/logotype-64897d4ea38d9.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/espace-kiliwatch" class="after:content-[''] after:absolute after:inset-0">
ESPACE KILIWATCH
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
100 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
1 300 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="403830"
data-franchise-title="ESPACE KILIWATCH"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/espace-kiliwatch"
data-franchise-logo="/visuals/2023/06/14/3105/logotype-64897d4ea38d9.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="403355"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/693/logotype-64897b61bb1b6.png" alt="DU PAREIL AU MEME ( DPAM )" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="403355"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="403355"
data-franchise-title="DU PAREIL AU MEME ( DPAM )"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/du-pareil-au-meme-dpam"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/693/logotype-64897b61bb1b6.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/du-pareil-au-meme-dpam" class="after:content-[''] after:absolute after:inset-0">
DU PAREIL AU MEME ( DPAM )
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
60 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
500 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="403355"
data-franchise-title="DU PAREIL AU MEME ( DPAM )"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/du-pareil-au-meme-dpam"
data-franchise-logo="/visuals/2023/06/14/693/logotype-64897b61bb1b6.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="403969"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/3331/logotype-64897d764ad66.jpg" alt="CBK ET KALAIS" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="403969"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="403969"
data-franchise-title="CBK ET KALAIS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/cbk-et-kalais"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/3331/logotype-64897d764ad66.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/cbk-et-kalais" class="after:content-[''] after:absolute after:inset-0">
CBK ET KALAIS
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
15 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
155 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="403969"
data-franchise-title="CBK ET KALAIS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/cbk-et-kalais"
data-franchise-logo="/visuals/2023/06/14/3331/logotype-64897d764ad66.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="404159"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/3590/logotype-64897da0eb04b.jpg" alt="BRUMS" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="404159"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="404159"
data-franchise-title="BRUMS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/brums"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/3590/logotype-64897da0eb04b.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/brums" class="after:content-[''] after:absolute after:inset-0">
BRUMS
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="404159"
data-franchise-title="BRUMS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/brums"
data-franchise-logo="/visuals/2023/06/14/3590/logotype-64897da0eb04b.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="450836"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/2562/logotype-64897cec2633c.jpg" alt="Biodesignpools" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="450836"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="450836"
data-franchise-title="Biodesignpools"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/biodesignpools"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/2562/logotype-64897cec2633c.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/biodesignpools" class="after:content-[''] after:absolute after:inset-0">
Biodesignpools
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="450836"
data-franchise-title="Biodesignpools"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/biodesignpools"
data-franchise-logo="/visuals/2023/06/14/2562/logotype-64897cec2633c.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="366243"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2025/10/16/4596/logotype-68f09a94c442c.jpg" alt="KID’S ORIGINAL" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="366243"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="366243"
data-franchise-title="KID’S ORIGINAL"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/kids-original"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2025/10/16/4596/logotype-68f09a94c442c.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/kids-original" class="after:content-[''] after:absolute after:inset-0">
KID'S ORIGINAL
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,1</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
60 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
400 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="366243"
data-franchise-title="KID’S ORIGINAL"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/kids-original"
data-franchise-logo="/visuals/2025/10/16/4596/logotype-68f09a94c442c.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="296811"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/2397/logotype-64897ccda626d.jpg" alt="NOZ" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="296811"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="296811"
data-franchise-title="NOZ"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/noz"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/2397/logotype-64897ccda626d.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/noz" class="after:content-[''] after:absolute after:inset-0">
NOZ
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">3,5</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
12 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
1 800 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="296811"
data-franchise-title="NOZ"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/noz"
data-franchise-logo="/visuals/2023/06/14/2397/logotype-64897ccda626d.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="259331"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/831/logotype-64897b88c6b3e.jpg" alt="Foot Urban Kids" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="259331"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="259331"
data-franchise-title="Foot Urban Kids"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/foot-urban-kids"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/831/logotype-64897b88c6b3e.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/foot-urban-kids" class="after:content-[''] after:absolute after:inset-0">
Foot Urban Kids
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,6</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="259331"
data-franchise-title="Foot Urban Kids"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/foot-urban-kids"
data-franchise-logo="/visuals/2023/06/14/831/logotype-64897b88c6b3e.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="214204"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/2313/logotype-64897cbee6772.jpg" alt="Polo Ralph Lauren" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="214204"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="214204"
data-franchise-title="Polo Ralph Lauren"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/ralph-lauren"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/2313/logotype-64897cbee6772.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/ralph-lauren" class="after:content-[''] after:absolute after:inset-0">
Polo Ralph Lauren
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="214204"
data-franchise-title="Polo Ralph Lauren"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/ralph-lauren"
data-franchise-logo="/visuals/2023/06/14/2313/logotype-64897cbee6772.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="211548"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/226/logotype-64897af36c8a7.jpg" alt="Baby Cocoon" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="211548"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="211548"
data-franchise-title="Baby Cocoon"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/baby-cocoon"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/226/logotype-64897af36c8a7.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/baby-cocoon" class="after:content-[''] after:absolute after:inset-0">
Baby Cocoon
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
0 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="211548"
data-franchise-title="Baby Cocoon"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/baby-cocoon"
data-franchise-logo="/visuals/2023/06/14/226/logotype-64897af36c8a7.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="198970"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<div class="w-full h-full bg-gray-200 rounded-theme flex items-center justify-center">
<span class="text-gray-400 text-xs">Logo</span>
</div>
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="198970"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="198970"
data-franchise-title="Scotch & Soda"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/scotch-soda"
title="Ajouter à la comparaison"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/scotch-soda" class="after:content-[''] after:absolute after:inset-0">
Scotch & Soda
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
100 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="198970"
data-franchise-title="Scotch & Soda"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/scotch-soda"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="198609"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1628/logotype-64897c371f04e.png" alt="PICKLE" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="198609"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="198609"
data-franchise-title="PICKLE"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/pickle"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1628/logotype-64897c371f04e.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/pickle" class="after:content-[''] after:absolute after:inset-0">
PICKLE
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,6</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
12 500 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
320 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="198609"
data-franchise-title="PICKLE"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/pickle"
data-franchise-logo="/visuals/2023/06/14/1628/logotype-64897c371f04e.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="196167"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1020/logotype-64897bad99242.jpg" alt="JACADI" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="196167"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="196167"
data-franchise-title="JACADI"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/jacadi"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1020/logotype-64897bad99242.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/jacadi" class="after:content-[''] after:absolute after:inset-0">
JACADI
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,2</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
75 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
500 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="196167"
data-franchise-title="JACADI"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/jacadi"
data-franchise-logo="/visuals/2023/06/14/1020/logotype-64897bad99242.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="161324"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/144/logotype-64897ae1391b4.png" alt="ARMOR LUX" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="161324"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="161324"
data-franchise-title="ARMOR LUX"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/armor-lux"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/144/logotype-64897ae1391b4.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/armor-lux" class="after:content-[''] after:absolute after:inset-0">
ARMOR LUX
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,2</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
75 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="161324"
data-franchise-title="ARMOR LUX"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/armor-lux"
data-franchise-logo="/visuals/2023/06/14/144/logotype-64897ae1391b4.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="131264"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/281/logotype-64897afe135be.jpg" alt="BEST MOUNTAIN" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="131264"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="131264"
data-franchise-title="BEST MOUNTAIN"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/best-moutain"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/281/logotype-64897afe135be.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/best-moutain" class="after:content-[''] after:absolute after:inset-0">
BEST MOUNTAIN
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="131264"
data-franchise-title="BEST MOUNTAIN"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/best-moutain"
data-franchise-logo="/visuals/2023/06/14/281/logotype-64897afe135be.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="113483"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1076/logotype-64897bbc2c5f8.jpg" alt="KIDILIZ" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="113483"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="113483"
data-franchise-title="KIDILIZ"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/kidiliz"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1076/logotype-64897bbc2c5f8.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/kidiliz" class="after:content-[''] after:absolute after:inset-0">
KIDILIZ
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">3,9</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="113483"
data-franchise-title="KIDILIZ"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/kidiliz"
data-franchise-logo="/visuals/2023/06/14/1076/logotype-64897bbc2c5f8.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="60175"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/2303/logotype-64897cbdc90b7.png" alt="OVS KIDS" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="60175"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="60175"
data-franchise-title="OVS KIDS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/ovs-kids"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/2303/logotype-64897cbdc90b7.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/ovs-kids" class="after:content-[''] after:absolute after:inset-0">
OVS KIDS
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="60175"
data-franchise-title="OVS KIDS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/ovs-kids"
data-franchise-logo="/visuals/2023/06/14/2303/logotype-64897cbdc90b7.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30905"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1929/logotype-64897c7aae794.jpg" alt="TAPE A L’OEIL" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30905"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30905"
data-franchise-title="TAPE A L’OEIL"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-tape-a-l-oeil"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1929/logotype-64897c7aae794.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-tape-a-l-oeil" class="after:content-[''] after:absolute after:inset-0">
TAPE A L'OEIL
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,2</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
100 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
860 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30905"
data-franchise-title="TAPE A L’OEIL"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-tape-a-l-oeil"
data-franchise-logo="/visuals/2023/06/14/1929/logotype-64897c7aae794.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30903"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1497/logotype-64897c1cc6c78.jpg" alt="NOUKIE’S" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30903"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30903"
data-franchise-title="NOUKIE’S"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-noukies"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1497/logotype-64897c1cc6c78.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-noukies" class="after:content-[''] after:absolute after:inset-0">
NOUKIE'S
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
100 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
260 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30903"
data-franchise-title="NOUKIE’S"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-noukies"
data-franchise-logo="/visuals/2023/06/14/1497/logotype-64897c1cc6c78.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30886"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/735/logotype-64897b70c3fca.jpg" alt="ENFANCE" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30886"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30886"
data-franchise-title="ENFANCE"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-enfance"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/735/logotype-64897b70c3fca.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-enfance" class="after:content-[''] after:absolute after:inset-0">
ENFANCE
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,4</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
300 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30886"
data-franchise-title="ENFANCE"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-enfance"
data-franchise-logo="/visuals/2023/06/14/735/logotype-64897b70c3fca.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30882"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/2136/logotype-64897ca43af70.jpg" alt="Zgeneration" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30882"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30882"
data-franchise-title="Zgeneration"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-pret-a-porter-enfants-z"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/2136/logotype-64897ca43af70.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-pret-a-porter-enfants-z" class="after:content-[''] after:absolute after:inset-0">
Zgeneration
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
400 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30882"
data-franchise-title="Zgeneration"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-pret-a-porter-enfants-z"
data-franchise-logo="/visuals/2023/06/14/2136/logotype-64897ca43af70.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30884"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1941/logotype-64897c7c9fabd.jpg" alt="TEENFACTORY" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30884"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30884"
data-franchise-title="TEENFACTORY"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-teenfactory"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1941/logotype-64897c7c9fabd.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-teenfactory" class="after:content-[''] after:absolute after:inset-0">
TEENFACTORY
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">3,8</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
40 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30884"
data-franchise-title="TEENFACTORY"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-teenfactory"
data-franchise-logo="/visuals/2023/06/14/1941/logotype-64897c7c9fabd.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30699"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1548/logotype-64897c253b5a4.jpg" alt="ORCHESTRA" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30699"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30699"
data-franchise-title="ORCHESTRA"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-orchestra"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1548/logotype-64897c253b5a4.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-orchestra" class="after:content-[''] after:absolute after:inset-0">
ORCHESTRA
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,4</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
90 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
6 000 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30699"
data-franchise-title="ORCHESTRA"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-orchestra"
data-franchise-logo="/visuals/2023/06/14/1548/logotype-64897c253b5a4.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30526"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1814/logotype-64897c6632c8c.png" alt="SERGENT MAJOR" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30526"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30526"
data-franchise-title="SERGENT MAJOR"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-sergent-major"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1814/logotype-64897c6632c8c.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-sergent-major" class="after:content-[''] after:absolute after:inset-0">
SERGENT MAJOR
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,6</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
60 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
520 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30526"
data-franchise-title="SERGENT MAJOR"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-sergent-major"
data-franchise-logo="/visuals/2023/06/14/1814/logotype-64897c6632c8c.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30465"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1610/logotype-64897c3290208.jpg" alt="PETIT BATEAU" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30465"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30465"
data-franchise-title="PETIT BATEAU"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-petit-bateau"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1610/logotype-64897c3290208.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-petit-bateau" class="after:content-[''] after:absolute after:inset-0">
PETIT BATEAU
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,1</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
75 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30465"
data-franchise-title="PETIT BATEAU"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-petit-bateau"
data-franchise-logo="/visuals/2023/06/14/1610/logotype-64897c3290208.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30342"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1139/logotype-64897bc8927ea.jpg" alt="LA COMPAGNIE DES PETITS" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30342"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30342"
data-franchise-title="LA COMPAGNIE DES PETITS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-la-compagnie-des-petits"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1139/logotype-64897bc8927ea.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-la-compagnie-des-petits" class="after:content-[''] after:absolute after:inset-0">
LA COMPAGNIE DES PETITS
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,2</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
50 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30342"
data-franchise-title="LA COMPAGNIE DES PETITS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-la-compagnie-des-petits"
data-franchise-logo="/visuals/2023/06/14/1139/logotype-64897bc8927ea.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30096"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/432/logotype-64897b1f12a42.jpg" alt="CATIMINI" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30096"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30096"
data-franchise-title="CATIMINI"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-catimini"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/432/logotype-64897b1f12a42.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-catimini" class="after:content-[''] after:absolute after:inset-0">
CATIMINI
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,2</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
280 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30096"
data-franchise-title="CATIMINI"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-catimini"
data-franchise-logo="/visuals/2023/06/14/432/logotype-64897b1f12a42.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="30038"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/266/logotype-64897afc01083.jpg" alt="BEBE 9" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="30038"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="30038"
data-franchise-title="BEBE 9"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-bebe-9"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/266/logotype-64897afc01083.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-bebe-9" class="after:content-[''] after:absolute after:inset-0">
BEBE 9
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">3,7</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
120 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
1 600 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="30038"
data-franchise-title="BEBE 9"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-bebe-9"
data-franchise-logo="/visuals/2023/06/14/266/logotype-64897afc01083.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="29997"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/156/logotype-64897ae47350a.jpg" alt="ARTHUR" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="29997"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="29997"
data-franchise-title="ARTHUR"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-arthur"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/156/logotype-64897ae47350a.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-arthur" class="after:content-[''] after:absolute after:inset-0">
ARTHUR
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,4</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
25 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
200 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="29997"
data-franchise-title="ARTHUR"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-arthur"
data-franchise-logo="/visuals/2023/06/14/156/logotype-64897ae47350a.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="32258"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/2048/logotype-64897c9315b3e.jpg" alt="VERTBAUDET" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="32258"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="32258"
data-franchise-title="VERTBAUDET"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-verbaudet"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/2048/logotype-64897c9315b3e.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-verbaudet" class="after:content-[''] after:absolute after:inset-0">
VERTBAUDET
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">3,9</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
100 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="32258"
data-franchise-title="VERTBAUDET"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-verbaudet"
data-franchise-logo="/visuals/2023/06/14/2048/logotype-64897c9315b3e.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="32240"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1373/logotype-64897c00d9502.png" alt="METRO KIDS COMPANY" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="32240"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="32240"
data-franchise-title="METRO KIDS COMPANY"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-metro-kids-company"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1373/logotype-64897c00d9502.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-metro-kids-company" class="after:content-[''] after:absolute after:inset-0">
METRO KIDS COMPANY
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
50 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="32240"
data-franchise-title="METRO KIDS COMPANY"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-metro-kids-company"
data-franchise-logo="/visuals/2023/06/14/1373/logotype-64897c00d9502.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="32025"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/886/logotype-64897b908a7ae.png" alt="GOCCO" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="32025"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="32025"
data-franchise-title="GOCCO"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-gocco"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/886/logotype-64897b908a7ae.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-gocco" class="after:content-[''] after:absolute after:inset-0">
GOCCO
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
50 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="32025"
data-franchise-title="GOCCO"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-gocco"
data-franchise-logo="/visuals/2023/06/14/886/logotype-64897b908a7ae.png"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="31742"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/994/logotype-64897ba844fc6.jpg" alt="INTERDIT DE ME GRONDER" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="31742"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="31742"
data-franchise-title="INTERDIT DE ME GRONDER"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-interdit-de-me-gronder"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/994/logotype-64897ba844fc6.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-interdit-de-me-gronder" class="after:content-[''] after:absolute after:inset-0">
INTERDIT DE ME GRONDER
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,1</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="31742"
data-franchise-title="INTERDIT DE ME GRONDER"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-interdit-de-me-gronder"
data-franchise-logo="/visuals/2023/06/14/994/logotype-64897ba844fc6.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="31657"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1560/logotype-64897c2826a46.jpg" alt="P’TIT MARQUIS" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="31657"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="31657"
data-franchise-title="P’TIT MARQUIS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-ptit-marquis"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1560/logotype-64897c2826a46.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-ptit-marquis" class="after:content-[''] after:absolute after:inset-0">
P'TIT MARQUIS
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,7</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
9 000 €
</div>
</div>
</div>
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3.66675V21.6667H21.5M19.5 9.66675L14.5 14.6667L10.5 10.6667L7.5 13.6667" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">C.A après 2 ans</div>
<div class="text-sm text-text mb-1">
145 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="31657"
data-franchise-title="P’TIT MARQUIS"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-ptit-marquis"
data-franchise-logo="/visuals/2023/06/14/1560/logotype-64897c2826a46.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="31653"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/1060/logotype-64897bb63f042.jpg" alt="KAPORAL" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="31653"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="31653"
data-franchise-title="KAPORAL"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-kaporal"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/1060/logotype-64897bb63f042.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-kaporal" class="after:content-[''] after:absolute after:inset-0">
KAPORAL
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="avis-conso mx-4 my-3 px-4 py-3 text-center bg-blue-gray-50 border border-gray-200 rounded-theme leading-theme flex-shrink-0 flex items-center justify-center h-24">
<div class="flex-1">
<div class="flex items-center justify-center gap-1">
<svg class="w-6 h-6 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<span class="text-3xl font-bold text-text">4,2</span>
</div>
<div class="leading-0">
<span class="text-xs text-text font-bold"><span class="text-xs font-normal">avis consommateurs</span></span>
</div>
</div>
</div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
50 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="31653"
data-franchise-title="KAPORAL"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-kaporal"
data-franchise-logo="/visuals/2023/06/14/1060/logotype-64897bb63f042.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="31251"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<div class="w-full h-full bg-gray-200 rounded-theme flex items-center justify-center">
<span class="text-gray-400 text-xs">Logo</span>
</div>
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="31251"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="31251"
data-franchise-title="MARESE"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-marese"
title="Ajouter à la comparaison"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-1">
<a href="https://www.franchise-magazine.com/franchise/franchise-marese" class="after:content-[''] after:absolute after:inset-0">
MARESE
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="31251"
data-franchise-title="MARESE"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-marese"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> <div class="franchise-card relative bg-white rounded-theme shadow-md hover:shadow-lg transition-shadow duration-300 h-full flex flex-col js-sector-franchise-hidden hidden">
<div class="absolute -top-4 -left-4 z-50"
data-hydrate="franchise:score"
data-hydrate-id="31219"
hidden>
</div>
<!-- Header avec logo et nom -->
<div class="h-35 flex flex-col">
<div class="shadow-xl flex-1 rounded-theme p-2 overflow-hidden w-full bg-cover bg-center bg-blue-gray-100" >
<div class="flex flex-col justify-between h-full">
<div class="flex gap-4">
<div class="h-18 w-18 flex-[0_0_auto] p-2 bg-white rounded-input">
<img src="/visuals/2023/06/14/170/logotype-64897ae6c05ff.jpg" alt="ATELIER DE COURCELLES" class="w-full h-full object-contain" />
</div>
<div class="flex flex-col flex-[0_1_auto] w-full">
<div class="flex justify-end gap-2 relative z-20 mb-1">
<button class="js-franchise-favorite transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-hydrate="franchise:favorite"
data-franchise-id="31219"
data-is-favorite="false"
title="Ajouter aux favoris">
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non favorisé -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
<!-- État favorisé -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="currentColor" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
</span>
</div>
</button>
<button class="js-add-to-compare transition-all cursor-pointer rounded-full bg-white hover:bg-neutral-100 p-1.5 text-text"
data-franchise-id="31219"
data-franchise-title="ATELIER DE COURCELLES"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-atelier-de-courcelles"
title="Ajouter à la comparaison"
data-franchise-logo="/visuals/2023/06/14/170/logotype-64897ae6c05ff.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6665 2L13.3332 4.66667M13.3332 4.66667L10.6665 7.33333M13.3332 4.66667H2.6665M5.33317 14L2.6665 11.3333M2.6665 11.3333L5.33317 8.66667M2.6665 11.3333H13.3332" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M5.33317 2L2.6665 4.66667M2.6665 4.66667L5.33317 7.33333M2.6665 4.66667H13.3332M11.9998 11.3333H2.6665M12.3332 10.3333L10.6665 8.66667" stroke="#09090B" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.333 9.33301C13.9898 9.33301 15.3328 10.6763 15.333 12.333C15.333 13.9899 13.9899 15.333 12.333 15.333C10.6763 15.3328 9.33301 13.9898 9.33301 12.333C9.33318 10.6764 10.6764 9.33318 12.333 9.33301ZM14.165 10.834C13.9586 10.6511 13.6423 10.6698 13.459 10.876L11.833 12.7051L11.207 12.001L11.1318 11.9326C10.9457 11.7937 10.6814 11.7988 10.501 11.959C10.3205 12.1194 10.2841 12.3818 10.4004 12.583L10.459 12.665L11.459 13.79C11.5538 13.8967 11.6903 13.9579 11.833 13.958C11.9758 13.958 12.1121 13.8968 12.207 13.79L14.207 11.54C14.3902 11.3336 14.3713 11.0174 14.165 10.834Z" fill="#AF0518"/>
</svg>
</span>
</div>
</button>
</div>
<h3 class="font-semibold w-40 leading-tight break-words line-clamp-2">
<a href="https://www.franchise-magazine.com/franchise/franchise-atelier-de-courcelles" class="after:content-[''] after:absolute after:inset-0">
ATELIER DE COURCELLES
</a>
</h3>
</div>
</div>
<div class="text-sm break-words line-clamp-1">
Mode - Équipement de la personne
</div>
</div>
</div>
</div>
<!-- Avis consommateurs -->
<div class="mt-3"></div>
<!-- Données financières -->
<div class="donnees-financieres px-4 py-4 flex-shrink-0 mt-auto">
<div class="flex justify-center items-center space-x-7">
<div class="flex items-center space-x-2 flex-col">
<svg class="w-6 h-6 text-primary-500" fill="none" stroke="currentColor" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5 12.6667V7.66675H5.5C4.96957 7.66675 4.46086 7.45603 4.08579 7.08096C3.71071 6.70589 3.5 6.19718 3.5 5.66675M3.5 5.66675C3.5 5.13632 3.71071 4.62761 4.08579 4.25253C4.46086 3.87746 4.96957 3.66675 5.5 3.66675H19.5V7.66675M3.5 5.66675V19.6667C3.5 20.1972 3.71071 20.7059 4.08579 21.081C4.46086 21.456 4.96957 21.6667 5.5 21.6667H21.5V16.6667M18.5 12.6667C17.9696 12.6667 17.4609 12.8775 17.0858 13.2525C16.7107 13.6276 16.5 14.1363 16.5 14.6667C16.5 15.1972 16.7107 15.7059 17.0858 16.081C17.4609 16.456 17.9696 16.6667 18.5 16.6667H22.5V12.6667H18.5Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<div class="text-center">
<div class="text-xs font-semibold text-text mt-1 mb-1">Apport personnel</div>
<div class="text-sm text-text mb-1">
30 000 €
</div>
</div>
</div>
</div>
</div>
<!-- Actions -->
<div class="px-4 py-4 grid md:grid-cols-2 gap-2">
<span class="button-see-card btn btn-white flex-1 !px-2 !static">
Voir la fiche
</span>
<button class="js-add-to-cart btn btn-primary flex-1 !px-2 relative z-10"
data-franchise-id="31219"
data-franchise-title="ATELIER DE COURCELLES"
data-franchise-permalink="https://www.franchise-magazine.com/franchise/franchise-atelier-de-courcelles"
data-franchise-logo="/visuals/2023/06/14/170/logotype-64897ae6c05ff.jpg"
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center gap-3">
Ajouter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
</div>
</div> </div>
<div id="sector-franchises-load-more" class="text-center">
<button type="button"
id="btn-load-more-franchises"
class="text-base border border-blue-gray-900 inline-flex items-center justify-center py-3 px-6 text-neutral-900 font-normal rounded-theme hover:bg-blue-gray-50 transition-colors cursor-pointer">
Voir plus de franchises
<span class="ml-2 text-sm text-neutral-500">(32 restantes)</span>
</button>
</div>
</div>
<div class="my-18 bg-white rounded-theme p-8">
<div class="franchise-formatted-content text-base text-text mb-10">
<h2><strong>Un marché boosté par le fort taux de natalité en France</strong></h2>
<p>Promis à un bel avenir, le secteur surfe sur la vague de naissances survenues ces dernières années en France. De 0 à 20 ans, la garde-robe des enfants évolue au rythme de leur croissance et a besoin d’être régulièrement renouvelée. Un bon point pour les magasins de mode enfantine qui n’ont pas à craindre une baisse de la demande. Des vêtements pour bébés aux articles pour adolescents, la gamme de produits proposés à la vente est large et diversifiée.</p>
<h2><strong>Un secteur propice à la franchise</strong></h2>
<p>Répondant à un réel besoin, le marché de l’habillement pour enfant a de beaux jours devant lui. Mais si le secteur est porteur, il n’en demeure pas moins compétitif et s’y faire une place n’est pas toujours aisé. Investir en franchise et rejoindre une marque à la notoriété forte est une solution intéressante pour qui veut entreprendre dans le domaine du PAP enfant.</p>
<p>La franchise <a href="https://www.franchise-magazine.com/franchise/franchise-orchestra">Orchestra</a>, qui habille les enfants de 0 à 14 ans, est l’un des acteurs majeurs du secteur, notamment grâce à la création de son programme de fidélité. Autre marque leader, <a href="https://www.franchise-magazine.com/franchise/franchise-la-compagnie-des-petits">La Compagnie des Petits</a> se positionne sur le moyen de gamme tandis que l’enseigne <a href="https://www.franchise-magazine.com/franchise/franchise-kaporal">Kaporal</a>, spécialiste de l’habillement en denim, propose des collections pour petits et grands enfants. Les franchises Cordelia de Castellane et <a href="https://www.franchise-magazine.com/franchise/franchise-ikks-junior">IKKS Junior</a> interviennent sur un créneau plus premium.</p>
</div>
</div>
</div>
<div class="fm-container">
<nav class="breadcrumb my-2" aria-label="Fil d'Ariane">
<span><span><a href="https://www.franchise-magazine.com/">Accueil</a></span> <svg class="w-4 h-4 mx-1 inline rotate-180" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M10.5 12L6.5 8L10.5 4"/>
</svg>
<span><a href="https://www.franchise-magazine.com/secteur/mode-equipement-de-la-personne/">Mode - Équipement de la personne</a></span> <svg class="w-4 h-4 mx-1 inline rotate-180" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M10.5 12L6.5 8L10.5 4"/>
</svg>
<span class="breadcrumb_last" aria-current="page">Mode & prêt à porter enfant</span></span>
</nav>
</div>
</div>
<footer class="site-footer bg-blue-gray-900 py-10" role="contentinfo">
<div class="fm-container">
<div class="footer-navigation py-8">
<div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-20">
<div class="footer-nav-column">
<nav class="menu-footer-principal-container"><ul id="menu-footer-principal" class="footer-menu-left space-y-2"><a href="https://www.franchise-magazine.com/trouver-la-meilleure-franchise/" class="block text-gray-300 hover:text-white transition-colors duration-300 cursor-pointer">Trouver la meilleure franchise</a><a href="https://www.franchise-magazine.com/actu-des-franchises/" class="block text-gray-300 hover:text-white transition-colors duration-300 cursor-pointer">Actualités de la franchise</a><a href="https://www.franchise-magazine.com/conseils/" class="block text-gray-300 hover:text-white transition-colors duration-300 cursor-pointer">Conseils et guides</a><a href="https://www.franchise-magazine.com/podcast/" class="block text-gray-300 hover:text-white transition-colors duration-300 cursor-pointer">Podcasts</a><a href="https://www.franchise-magazine.com/interview-video/" class="block text-gray-300 hover:text-white transition-colors duration-300 cursor-pointer">Interviews vidéo</a><a href="https://www.franchise-magazine.com/decouvrez-tous-nos-medias/" class="block text-gray-300 hover:text-white transition-colors duration-300 cursor-pointer">Nos médias</a></ul></nav>
</div>
<div class="footer-nav-column">
<nav class="menu-footer-secondaire-container"><ul id="menu-footer-secondaire" class="footer-menu-right space-y-2"><a href="https://www.franchise-magazine.com/conseils/conseils-generaux/devenir-franchiseur-mode-demploi/" class="block text-gray-300 hover:text-white transition-colors duration-300 cursor-pointer">Devenir franchiseur : mode d’emploi</a><a href="https://www.franchise-magazine.com/contact/" class="block text-gray-300 hover:text-white transition-colors duration-300 cursor-pointer">Espace annonceur</a></ul></nav>
</div>
<div class="footer-newsletter">
<div class="newsletter-signup">
<form id="newsletter-form" class="newsletter-form" novalidate>
<div class="newsletter-form__content">
<span class="text-white text-xl font-bold mb-4">
Abonnez-vous à la newsletter
</span>
<p class="text-gray-300 mb-4">
Renseignez votre mail
</p>
<div class="flex gap-2 relative bg-white rounded-theme p-1">
<input
type="email"
id="newsletter-email"
name="email"
placeholder="Votre adresse email"
class="flex-1 px-4 py-3 min-h-[40px] bg-transparent outline-none"
required
aria-label="Adresse email pour la newsletter"
>
<button type="submit" class="newsletter-form__button btn btn-primary" data-gtm="clic-sinscrire" data-gtm-trigger="clicked">
<span class="newsletter-form__button-text">S'inscrire</span>
<span class="newsletter-form__spinner" aria-hidden="true" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 animate-spin" viewbox="0 0 24 24"><path fill="currentColor" d="M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z"><animatetransform attributename="transform" dur="0.75s" repeatcount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></svg>
</span>
</button>
</div>
<!-- Turnstile CAPTCHA -->
<div id="newsletter-turnstile" class="mt-3"></div>
<div class="newsletter-form__messages mt-3" aria-live="polite">
<div class="newsletter-form__success text-green-400 text-sm font-medium" id="newsletter-success" style="display: none;">
✓ Votre abonnement à notre newsletter est confirmé !
</div>
<div class="newsletter-form__error text-red-400 text-sm font-medium" id="newsletter-error" style="display: none;">
Une erreur est survenue. Veuillez réessayer.
</div>
<div class="newsletter-form__validation text-orange-400 text-sm font-medium" id="newsletter-validation" style="display: none;">
Veuillez saisir une adresse email valide<br>(ex: nom@domaine.com)
</div>
</div>
<div class="text-xs text-gray-400 leading-relaxed [&_a]:underline mt-2">
<p>En vous abonnant, vous acceptez notre <a href="https://www.franchise-plus.fr/politique-de-protection-des-donnees/" target="blank">politique de confidentialité</a> | 2026 Plus que pro. Tous droits réservés.</p>
</div>
</div>
</form>
</div> </div>
</div>
</div>
</div>
<div class="footer-brand py-8 border-t border-b border-gray-700">
<div class="container mx-auto">
<!-- Titre centré -->
<div class="text-center mb-2">
<p class="text-white font-medium">Le groupe Franchise Plus</p>
</div>
<!-- Slider Swiper -->
<div class="swiper footer-brand-slider">
<div class="swiper-wrapper items-center justify-start xl:justify-between">
<div class="swiper-slide !w-auto py-2">
<div class="brand-logo animated-logo flex justify-center">
<a href="https://www.plus-que-pro.fr/" target="_blank" rel="noopener noreferrer">
<img src="https://www.franchise-magazine.com/uploads/2026/02/plus-que-pro.svg"
data-hovered="https://www.franchise-magazine.com/uploads/2026/02/logo-pqp.svg"
alt="Logo Plus que pro"
class="max-h-[32px] lg:max-h-[45px] max-w-max w-auto h-auto object-contain"
width="137"
height="27"
>
</a>
</div>
</div>
<div class="swiper-slide !w-auto py-2">
<div class="brand-logo animated-logo flex justify-center">
<a href="https://www.plus-que-pro-solution.fr/" target="_blank" rel="noopener noreferrer">
<img src="https://www.franchise-magazine.com/uploads/2026/02/pqp-solution-disabled.svg"
data-hovered="https://www.franchise-magazine.com/uploads/2026/02/pqp-solution.svg"
alt="Logo Plus que pro Solution"
class="max-h-[32px] lg:max-h-[45px] max-w-max w-auto h-auto object-contain"
width="115"
height="28"
>
</a>
</div>
</div>
<div class="swiper-slide !w-auto py-2">
<div class="brand-logo animated-logo flex justify-center">
<a href="https://www.plus-que-pro-distribution.fr/" target="_blank" rel="noopener noreferrer">
<img src="https://www.franchise-magazine.com/uploads/2026/02/pqp-distribution-disabled.svg"
data-hovered="https://www.franchise-magazine.com/uploads/2026/02/pqp-distribution.svg"
alt="Logo Plus que pro Distribution"
class="max-h-[32px] lg:max-h-[45px] max-w-max w-auto h-auto object-contain"
width="116"
height="29"
>
</a>
</div>
</div>
<div class="swiper-slide !w-auto py-2">
<div class="brand-logo animated-logo flex justify-center">
<a href="https://www.academie-des-etoiles.fr/" target="_blank" rel="noopener noreferrer">
<img src="https://www.franchise-magazine.com/uploads/2026/02/pqp-academie-disabled.svg"
data-hovered="https://www.franchise-magazine.com/uploads/2026/02/pqp-academie.svg"
alt="Logo Plus que pro Académie"
class="max-h-[32px] lg:max-h-[45px] max-w-max w-auto h-auto object-contain"
width="139"
height="30"
>
</a>
</div>
</div>
<div class="swiper-slide !w-auto py-2">
<div class="brand-logo animated-logo flex justify-center">
<a href="https://www.lindicateurdelafranchise.fr/" target="_blank" rel="noopener noreferrer">
<img src="https://www.franchise-magazine.com/uploads/2026/02/indicateur-franchise-disabled.svg"
data-hovered="https://www.franchise-magazine.com/uploads/2026/02/indicateur-franchise.svg"
alt="Logo L'indicateur de la franchise"
class="max-h-[32px] lg:max-h-[45px] max-w-max w-auto h-auto object-contain"
width="112"
height="41"
>
</a>
</div>
</div>
<div class="swiper-slide !w-auto py-2">
<div class="brand-logo animated-logo flex justify-center">
<a href="https://ac-franchise.com/" target="_blank" rel="noopener noreferrer">
<img src="https://www.franchise-magazine.com/uploads/2026/02/ac-franchise-disabled.svg"
data-hovered="https://www.franchise-magazine.com/uploads/2026/02/ac-franchise.svg"
alt="Logo AC Franchise"
class="max-h-[32px] lg:max-h-[45px] max-w-max w-auto h-auto object-contain"
width="133"
height="26"
>
</a>
</div>
</div>
<div class="swiper-slide !w-auto py-2">
<div class="brand-logo animated-logo flex justify-center">
<a href="https://www.balance-ton-bricolo.org/" target="_blank" rel="noopener noreferrer">
<img src="https://www.franchise-magazine.com/uploads/2026/02/balance-ton-bricolo-disabled.svg"
data-hovered="https://www.franchise-magazine.com/uploads/2026/02/balance-ton-bricolo.svg"
alt="Logo Balance ton Bricolo"
class="max-h-[32px] lg:max-h-[45px] max-w-max w-auto h-auto object-contain"
width="105"
height="30"
>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-legal pt-8">
<div>
<div class="flex flex-col md:flex-row md:justify-between md:items-center space-y-4 md:space-y-0">
<div class="footer-legal-links [&_span]:hidden md:[&_span]:block">
<nav class="menu-menu-legal-container"><ul id="menu-menu-legal" class="footer-menu-legal flex flex-col md:flex-row flex-wrap justify-center md:justify-start gap-2 text-sm"><a target="_blank" href="https://www.franchise-plus.fr/mentions-legales/" class="text-gray-600 hover:text-white transition-colors duration-300 cursor-pointer menu-item menu-item-type-custom menu-item-object-custom">Mentions légales</a><span class="text-gray-600">-</span><a target="_blank" href="https://www.franchise-plus.fr/politique-de-protection-des-donnees/" class="text-gray-600 hover:text-white transition-colors duration-300 cursor-pointer menu-item menu-item-type-custom menu-item-object-custom">Politique de confidentialité</a><span class="text-gray-600">-</span><button type="button" class="text-gray-600 hover:text-white transition-colors duration-300 cursor-pointer btn-cookies menu-item menu-item-type-custom menu-item-object-custom">Gestion des cookies</button><span class="text-gray-600">-</span><a href="https://www.franchise-magazine.com/contact/" class="text-gray-600 hover:text-white transition-colors duration-300 cursor-pointer menu-item menu-item-type-custom menu-item-object-custom">Nous contacter</a><span class="text-gray-600">-</span><a href="https://www.franchise-magazine.com/inscription-franchise/" class="text-gray-600 hover:text-white transition-colors duration-300 cursor-pointer menu-item menu-item-type-custom menu-item-object-custom">Inscription Franchise</a></ul></nav>
</div>
<div class="footer-copyright">
<p class="text-gray-600 text-sm text-center md:text-right">
© 2026 Plus que pro. Tous droits réservés.
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="fixed md:hidden bottom-0 left-0 w-full z-30">
<div class="flex-col items-center justify-center fm-container bg-white py-2 rounded-t-theme hidden" id="scopped-trigger">
<div class="flex items-center gap-1 justify-center w-full mb-4 text-xl font-bold">
<p></p>
</div>
<button class="js-add-to-cart btn btn-primary w-full mb-2"
data-franchise-id=""
data-franchise-title=""
data-franchise-permalink=""
>
<div class="btn-content-wrapper transition-transform duration-300 ease-in-out relative overflow-hidden">
<!-- État non ajouté -->
<span class="btn-state-add flex items-center justify-center gap-3">
Ajouter à ma sélection
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.33325 8.00001H12.6666M7.99992 3.33334V12.6667"/>
</svg>
</span>
<!-- État ajouté -->
<span class="btn-state-added flex items-center justify-center gap-3">
Ajouté
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8334 4L6.50008 11.3333L3.16675 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
</svg>
</span>
</div>
</button>
<p class="text-xs text-caption text-center">Gratuit et sans engagement</p>
</div>
<div class="bg-blue-gray-50">
<div class="grid grid-cols-4 py-2">
<a href="https://www.franchise-magazine.com" class="after:bg-blue-gray-200 text-xs space-y-1 after:content-[''] after:w-[1px] after:right-0 after:h-4 after:absolute relative flex items-center justify-center flex-col text-center">
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewbox="0 0 21 20" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.375 18.3327V9.99935H13.375V18.3327M3.375 7.49935L10.875 1.66602L18.375 7.49935V16.666C18.375 17.108 18.1994 17.532 17.8868 17.8445C17.5743 18.1571 17.1504 18.3327 16.7083 18.3327H5.04167C4.59964 18.3327 4.17572 18.1571 3.86316 17.8445C3.55059 17.532 3.375 17.108 3.375 16.666V7.49935Z"/>
</svg>
<span>Accueil</span>
</a>
<button type="button" class="js-filter-open after:bg-blue-gray-200 text-xs space-y-1 after:content-[''] after:w-[1px] after:right-0 after:h-4 after:absolute relative flex items-center justify-center flex-col text-center cursor-pointer">
<svg class="h-5 w-5" fill="none" stroke="currentColor" viewbox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path d="M4.66667 3.5H12.25M4.66667 7H12.25M4.66667 10.5H12.25M1.75 3.5H1.75583M1.75 7H1.75583M1.75 10.5H1.75583" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<span>Ma recherche</span>
</button>
<a href="https://www.franchise-magazine.com" class="cart-button-mobile after:bg-blue-gray-200 text-xs space-y-1 after:content-[''] after:w-[1px] after:right-0 after:h-4 after:absolute relative flex items-center justify-center flex-col text-center">
<div class="relative">
<svg class="h-5 w-5" viewbox="0 0 25 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M5.49988 11L9.49988 4M19.4999 11L15.4999 4M2.49988 11H22.4999M3.99988 11L5.59988 18.4C5.69338 18.8586 5.94473 19.2698 6.31016 19.5621C6.6756 19.8545 7.13199 20.0094 7.59988 20H17.3999C18.2999 20 19.1999 19.3 19.3999 18.4L21.0999 11M9.49988 11L10.4999 20M4.99988 15.5H19.9999M15.4999 11L14.4999 20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<span id="cart-badge-mobile" class="absolute -top-1 -right-1 bg-primary-500 text-white text-xs rounded-full h-4 w-4 flex items-center justify-center hidden"></span>
</div>
<span>Ma sélection</span>
</a>
<a href="https://www.franchise-magazine.com/mon-compte/" class="text-xs space-y-1 relative flex items-center justify-center flex-col text-center">
<svg class="h-5 w-5" viewbox="0 0 25 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M19.5001 21V19C19.5001 17.9391 19.0787 16.9217 18.3285 16.1716C17.5784 15.4214 16.561 15 15.5001 15H9.50012C8.43926 15 7.42184 15.4214 6.67169 16.1716C5.92155 16.9217 5.50012 17.9391 5.50012 19V21M16.5001 7C16.5001 9.20914 14.7093 11 12.5001 11C10.291 11 8.50012 9.20914 8.50012 7C8.50012 4.79086 10.291 3 12.5001 3C14.7093 3 16.5001 4.79086 16.5001 7Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
<span>Mon compte</span>
</a>
</div>
</div>
</div> <div id="filter-modal" class="modal fixed inset-0 z-1000 hidden flex items-center justify-center overflow-y-auto max-h-full md:p-4">
<div class="modal-content relative w-full md:max-w-175 md:!max-h-fit transform md:rounded-theme bg-blue-gray-50 transition-all p-4 md:px-8 md:py-6 h-dvh md:h-full">
<form id="filter-modal-form" action="https://www.franchise-magazine.com/recherche/" method="get">
<!-- Header -->
<div class="hidden md:flex items-center justify-between">
<p class="text-2xl font-bold text-text">Recherche avancée</p>
</div>
<!-- Bouton de fermeture ModalHooks -->
<button type="button"
class="modal-close text-gray-400 hover:text-gray-600 transition-colors absolute right-4 top-4"
id="filter-modal-close">
<svg class="h-4 w-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg>
</button>
<!-- Content -->
<div class="h-full overflow-y-auto pt-4 pb-8 pr-4 max-h-[82vh] md:max-h-110">
<!-- Filtres par secteur -->
<div class="filter-group border-b border-surface-stroke py-6">
<p class="text-lg font-medium text-text mb-3 flex items-center gap-2">
<span></span>
Caractéristiques
</p>
<div id="tags-list" class="flex gap-2 flex-wrap">
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7381"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Sans local</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7369"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">À domicile</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7370"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Au féminin</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7371"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">En zone rurale</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7372"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Innovantes</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7373"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Les plus populaires</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7374"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Les plus récompensées</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7375"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Les plus rentables</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7376"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Nouvelles</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7377"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Les plus abordables</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7378"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Pour couple</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7379"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Pour investisseur</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="categories_enseigne[]"
value="7380"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">RSE</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
</div>
</div>
<!-- Filtre par nombre d'étoiles -->
<div class="filter-group border-b border-surface-stroke py-6">
<p class="text-lg text-text mb-3 flex items-center gap-2">
<span><svg class="text-text h-5 w-5" fill="none" stroke="currentColor" viewbox="0 0 16 17" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1182_21297)">
<path d="M7.99967 1.8335L10.0597 6.00683L14.6663 6.68016L11.333 9.92683L12.1197 14.5135L7.99967 12.3468L3.87967 14.5135L4.66634 9.92683L1.33301 6.68016L5.93967 6.00683L7.99967 1.8335Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
<defs>
<clippath id="clip0_1182_21297">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
</span>
E-réputation
</p>
<div class="space-y-3 flex flex-col">
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="checkbox"
name="rating_min[]"
value="5"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
<span class="flex star-list"><svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
</span>
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="checkbox"
name="rating_min[]"
value="4"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
<span class="flex star-list"><svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
</span>
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="checkbox"
name="rating_min[]"
value="3"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
<span class="flex star-list"><svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
</span>
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="checkbox"
name="rating_min[]"
value="2"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
<span class="flex star-list"><svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
</span>
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="checkbox"
name="rating_min[]"
value="1"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
<span class="flex star-list"><svg class="h-5 w-5 text-yellow-400" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
<svg class="h-5 w-5 text-neutral-200" fill="currentColor" stroke="none" viewbox="0 0 21 21" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1318 1.97206L12.7154 7.20621L18.4931 8.05069L14.3124 12.1226L15.2991 17.8752L10.1318 15.1578L4.96454 17.8752L5.95117 12.1226L1.77053 8.05069L7.54817 7.20621L10.1318 1.97206Z"/>
</svg>
</span>
</span>
</label>
</div>
</div>
<!-- Range d'apport personnel -->
<div class="filter-group border-b border-surface-stroke py-6">
<p class="text-lg text-text mb-3 flex items-center gap-2">
<span><svg class="text-text h-5 w-5" fill="none" stroke="currentColor" viewbox="0 0 21 22" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 9.24956H14M3.5 12.7496H11.375M16.6251 5.74954C15.3801 4.61873 13.7571 3.9945 12.0751 3.99954C11.1673 4.01096 10.2707 4.20109 9.43641 4.55906C8.60211 4.91704 7.8465 5.43585 7.21272 6.08588C6.57895 6.7359 6.07943 7.5044 5.74268 8.3475C5.40594 9.19059 5.23857 10.0918 5.25013 10.9995C5.25013 14.8495 8.31263 17.9995 12.0751 17.9995C13.8251 17.9995 15.4001 17.2995 16.6251 16.2495" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</span>
Apport
</p>
<div class="flex flex-col columns-2">
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="radio"
name="apport"
value="0_25000"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
Sans apport à 25 000 €
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="radio"
name="apport"
value="25001_50000"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
De 25 001 € à 50 000 €
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="radio"
name="apport"
value="50001_75000"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
De 50 001 € à 75 000 €
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="radio"
name="apport"
value="75001_100000"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
De 75 001 € à 100 000 €
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="radio"
name="apport"
value="100001_150000"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
De 100 001 € à 150 000 €
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="radio"
name="apport"
value="150001_300000"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
De 150 001 € à 300 000 €
</span>
</label>
<label class="radio-label flex items-center cursor-pointer hover:bg-surface-background-subtle rounded transition-colors">
<input type="radio"
name="apport"
value="300000"
class="radio mr-3">
<span class="inline-flex items-center gap-2">
Plus de 300 000 € d'apport
</span>
</label>
</div>
</div>
<!-- Filtres par secteur -->
<div class="filter-group border-b border-surface-stroke py-6">
<p class="text-lg font-medium text-text mb-3 flex items-center gap-2">
<span></span>
Secteurs d'activité
</p>
<div id="sectors-list" class="flex gap-2 flex-wrap">
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="7394"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Automobile – Mobilité</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="7395"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Beauté – Forme – Santé</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="30"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Commerce alimentaire de proximité</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="7396"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Commerces spécialisés</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="7397"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Décoration - Équipement de la maison</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="7398"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Grande distribution</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="28"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Habitat - Rénovation - Bâtiment</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="34"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Immobilier</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="7399"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Mode - Équipement de la personne</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="36"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Restauration, cafés, hôtellerie</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="7400"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Services aux entreprises</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
<label class="checkbox-label relative !inline-flex items-center justify-between cursor-pointer bg-blue-gray-100 hover:bg-blue-gray-100 p-2 rounded-sm transition-all duration-200">
<input type="checkbox"
name="sectors[]"
value="7401"
class="checkbox-checkbox hidden">
<span class="checkbox-text text-sm text-text font-medium transition-colors duration-200 whitespace-nowrap pr-2">Services aux particuliers</span>
<span class="checkbox-close hidden text-text font-bold text-lg leading-none"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg></span>
</label>
</div>
</div>
</div>
<!-- Footer -->
<div class="fixed md:static bottom-0 left-0 right-0 p-4 md:p-0 flex gap-3 md:pt-4 md:justify-center">
<button type="button"
class="modal-close btn btn-plane md:!hidden"
id="filter-modal-cancel">
Annuler
</button>
<button type="submit"
data-gtm="clic-voir-les-resultats"
data-gtm-trigger="clicked"
class="btn btn-primary w-full md:w-auto"
id="filter-modal-apply">
Appliquer
</button>
</div>
</form>
</div>
</div> <div id="franchise-compare-container" class="fixed bottom-0 left-0 right-0 bg-blue-gray-900 rounded-t-theme z-50 hidden">
<div class="fm-container py-4 relative">
<div class="flex items-end md:items-center justify-between gap-4 md:gap-24">
<!-- Titre et compteur -->
<div class="flex flex-col space-y-2 max-w-60">
<p class="text-lg font-semibold text-text text-white">
Comparez jusqu'à trois franchises
</p>
<a href="https://www.franchise-magazine.com/comparateur/" class="btn btn-white w-auto">Je compare les franchises</a>
</div>
<!-- Liste des franchises sélectionnées -->
<div id="compare-items" class="flex-1 mx-6 md:flex gap-10 relative">
<!-- Les items seront ajoutés ici dynamiquement -->
</div>
<!-- Bouton de fermeture -->
<button id="clear-compare-bar" class="flex items-center absolute top-4 right-2 justify-center cursor-pointer h-8 w-8 rounded-full bg-white shadow-button hover:bg-gray-100 transition-colors" aria-label="Fermer et vider le comparateur">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.0001 4.00006L4.00006 12.0001M4.00006 4.00006L12.0001 12.0001" stroke="#1F252D" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
</div>
</div>
<div class="modal newsletter-popup-modal" id="newsletter-popup-modal">
<div class="modal-content newsletter-popup-content !bg-blue-gray-100 rounded-theme max-w-md w-full overflow-hidden">
<button class="modal-close newsletter-popup-close absolute top-3 right-3 z-20 p-2 rounded-full bg-white"
aria-label="Fermer">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 4.00005L4 12.0001M4 4.00005L12 12.0001"/>
</svg>
</button>
<div class="newsletter-popup-body px-6 py-3 flex gap-2">
<div class="flex-shrink-0 mr-3">
<img src="https://www.franchise-magazine.com/themes/wordplate/assets/images/magazine.png" alt="Franchise Magazine"/>
</div>
<div>
<div class="flex items-center mb-1 pr-4">
<div>
<p class="text-xl">
Abonnez-vous et recevez gratuitement les prochains numéros Franchise Magazine
</p>
</div>
</div>
<p class="text-sm mb-1">
Renseignez votre mail
</p>
<form id="newsletter-popup-form" class="newsletter-popup-form" novalidate>
<div class="mb-1">
<input
type="email"
id="newsletter-popup-email"
name="email"
placeholder="Votre adresse email"
required
aria-label="Adresse email pour la newsletter"
>
</div>
<div class="mb-3">
<label class="flex items-start cursor-pointer">
<input
type="checkbox"
id="newsletter-popup-subscribe"
name="subscribe"
class="mt-1 mr-2 h-4 w-4 text-primary border-gray-300 rounded focus:ring-primary"
>
<span class="text-xs text-gray-700">
Je souhaite m'inscrire à la newsletter pour recevoir les dernières actualités et conseils
</span>
</label>
</div>
<div id="newsletter-popup-turnstile" class="hidden"></div>
<button type="submit" class="newsletter-popup-button btn btn-primary w-full">
<span class="newsletter-popup-button-text">Continuer</span>
<span class="newsletter-popup-spinner" aria-hidden="true" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 animate-spin inline-block" viewbox="0 0 24 24">
<path fill="currentColor" d="M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z">
<animatetransform attributename="transform" dur="0.75s" repeatcount="indefinite" type="rotate" values="0 12 12;360 12 12"/>
</path>
</svg>
</span>
</button>
<div class="newsletter-popup-messages mt-2" aria-live="polite">
<div class="newsletter-popup-success text-green-600 text-xs font-medium" id="newsletter-popup-success" style="display: none;">
✓ Inscription réussie ! Merci de votre intérêt.
</div>
<div class="newsletter-popup-error text-red-600 text-xs font-medium" id="newsletter-popup-error" style="display: none;">
Une erreur est survenue. Veuillez réessayer.
</div>
<div class="newsletter-popup-validation text-orange-600 text-xs font-medium" id="newsletter-popup-validation" style="display: none;">
Veuillez saisir une adresse email valide<br>(ex: nom@domaine.com)
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal has-background" id="callback-gravityform-modal">
<div class="modal-content max-w-4xl">
<!-- Bouton de fermeture absolu -->
<button class="modal-close absolute bg-white rounded-full top-4 right-4 z-20 text-text p-2"
aria-label="Fermer">
<svg class="w-2 h-2" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
<!-- Conteneur avec classes sémantiques -->
<div class="modal-bg-container relative bg-cover bg-center"
style="background-image: url('https://www.franchise-magazine.com/themes/wordplate/assets/images/image_fond_rappel.jpg');">
<!-- Logo (visible uniquement avec background) -->
<div class="modal-logo absolute z-90">
<svg class="w-39 h-13" viewbox="0 0 155 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1258_72098)">
<path d="M70.8537 44.9104L70.5967 39.0556C70.4877 36.9635 70.4488 34.8011 70.55 32.9432L68.2453 43.3335H64.9051L62.4525 32.9432C62.6004 35.1446 62.6004 37.0025 62.5148 39.1024L62.2578 44.9182H58.8086L59.9298 29.9456H64.3912L66.6336 40.1017L68.7203 29.9456H73.205L74.3262 44.9182H70.8537V44.9104Z" fill="#3E4C59"/>
<path d="M86.9326 42.9905L86.2241 45.2153C84.8693 45.106 83.9817 44.7001 83.4678 43.5526C82.6503 44.825 81.3811 45.2778 80.0186 45.2778C77.7373 45.2778 76.2891 43.7868 76.2891 41.6947C76.2891 39.1888 78.1889 37.8305 81.6537 37.8305H82.8138V37.3309C82.8138 35.9726 82.2766 35.5588 80.8751 35.5588C80.1432 35.5588 79.022 35.7774 77.8774 36.1599L77.0988 33.9117C78.5392 33.3731 80.112 33.0686 81.4123 33.0686C84.7292 33.0686 86.154 34.4738 86.154 37.1279V41.5776C86.154 42.4597 86.3876 42.7876 86.9326 42.9827V42.9905ZM82.8138 41.7337V39.704H81.9729C80.4235 39.704 79.6682 40.2427 79.6682 41.3902C79.6682 42.2957 80.1665 42.8344 81.0074 42.8344C81.8016 42.8344 82.4089 42.4206 82.8216 41.7337H82.8138Z" fill="#3E4C59"/>
<path d="M96.6481 34.5599C98.0885 35.1844 98.8049 36.0275 98.8049 37.5185C98.8049 39.7434 96.9751 41.3671 94.0008 41.3671C93.5259 41.3671 93.0977 41.3202 92.685 41.2344C92.4514 41.3671 92.3191 41.6247 92.3191 41.8823C92.3191 42.2258 92.467 42.5771 93.5726 42.5771H95.3011C97.9717 42.5771 99.6769 43.9822 99.6769 45.9026C99.6769 48.2601 97.6058 49.7043 93.6816 49.7043C89.3526 49.7043 88.208 48.2757 88.208 46.0119H91.2679C91.2679 47.0033 91.6962 47.4405 93.7673 47.4405C95.8384 47.4405 96.2432 46.8784 96.2432 46.1446C96.2432 45.4732 95.7449 45.0205 94.6082 45.0205H92.9497C90.4504 45.0205 89.4382 43.9822 89.4382 42.7488C89.4382 41.9057 89.9754 41.0626 90.793 40.5474C89.3292 39.7668 88.7452 38.7519 88.7452 37.2609C88.7452 34.6692 90.7696 33.0689 93.7673 33.0689C96.3133 33.1314 97.7771 32.3976 99.1552 31.5779L99.9494 34.1071C99.1552 34.435 98.0963 34.5599 96.6559 34.5599H96.6481ZM92.1244 37.2141C92.1244 38.4709 92.8174 39.1579 93.8529 39.1579C94.9741 39.1579 95.5736 38.4865 95.5736 37.1673C95.5736 35.848 94.9897 35.3093 93.8529 35.3093C92.794 35.3093 92.1244 36.0197 92.1244 37.2141Z" fill="#3E4C59"/>
<path d="M111.692 42.9905L110.983 45.2153C109.629 45.106 108.741 44.7001 108.227 43.5526C107.41 44.825 106.14 45.2778 104.778 45.2778C102.497 45.2778 101.048 43.7868 101.048 41.6947C101.048 39.1888 102.948 37.8305 106.413 37.8305H107.573V37.3309C107.573 35.9726 107.036 35.5588 105.634 35.5588C104.902 35.5588 103.781 35.7774 102.637 36.1599L101.858 33.9117C103.299 33.3731 104.871 33.0686 106.172 33.0686C109.488 33.0686 110.913 34.4738 110.913 37.1279V41.5776C110.913 42.4597 111.147 42.7876 111.692 42.9827V42.9905ZM107.573 41.7337V39.704H106.732C105.183 39.704 104.427 40.2427 104.427 41.3902C104.427 42.2957 104.926 42.8344 105.767 42.8344C106.561 42.8344 107.168 42.4206 107.573 41.7337Z" fill="#3E4C59"/>
<path d="M117.056 42.3195H122.335L122.032 44.9112H113.109V42.4912L118.302 36.0119H113.56V33.4436H122.226V35.8402L117.056 42.3195Z" fill="#3E4C59"/>
<path d="M128.308 29.3293C128.308 30.43 127.467 31.2731 126.283 31.2731C125.1 31.2731 124.282 30.43 124.282 29.3293C124.282 28.2286 125.1 27.3855 126.283 27.3855C127.467 27.3855 128.308 28.2286 128.308 29.3293ZM124.601 44.9108V33.4354H128.004V44.9108H124.601Z" fill="#3E4C59"/>
<path d="M141.085 36.5268V44.9109H137.682V37.1123C137.682 35.9023 137.27 35.5745 136.608 35.5745C135.852 35.5745 135.23 36.1131 134.622 37.0655V44.9109H131.22V33.4355H134.194L134.428 34.7938C135.401 33.6463 136.499 33.0686 137.916 33.0686C139.901 33.0686 141.085 34.341 141.085 36.5268Z" fill="#3E4C59"/>
<path d="M154.102 40.1807H147.009C147.243 42.2338 148.216 42.7959 149.618 42.7959C150.544 42.7959 151.362 42.468 152.358 41.781L153.76 43.6858C152.615 44.5913 151.151 45.2861 149.298 45.2861C145.483 45.2861 143.544 42.8193 143.544 39.2361C143.544 35.653 145.421 33.0769 148.886 33.0769C152.164 33.0769 154.165 35.2393 154.165 38.9551C154.165 39.322 154.141 39.845 154.102 40.1885V40.1807ZM150.824 37.9793C150.801 36.4258 150.326 35.3408 148.971 35.3408C147.827 35.3408 147.157 36.0746 147.009 38.1276H150.824V37.9793Z" fill="#3E4C59"/>
<path d="M6.84396 6.18324V9.72734H11.7103V15.2465H6.84396V24.8249H0V0.437744H12.0996V6.17544H6.85175L6.84396 6.18324Z" fill="#C62828"/>
<path d="M25.3742 24.8249C24.0817 21.4603 22.7503 18.0958 21.4967 14.7C21.5746 15.7617 21.6135 16.8546 21.6135 17.9162V24.8249H14.7695V0.437744H21.7692C23.5211 0.437744 25.4209 0.617291 27.056 1.28083C30.1003 2.52205 31.6186 5.5197 31.6186 8.59541C31.6186 11.4447 30.4351 13.4978 27.7022 14.7L32.8021 24.8249H25.382H25.3742ZM22.0651 11.7336C23.817 11.7336 24.8058 10.1957 24.8058 8.66567C24.8058 6.69066 23.5522 5.92563 21.6135 5.92563V11.7414H22.0729L22.0651 11.7336Z" fill="#C62828"/>
<path d="M47.0201 24.8249L46.4907 21.7179H41.8891L41.3207 24.8249H34.2432L40.363 0.437744H48.733L54.0977 24.8249H47.0201ZM45.6887 16.5267C45.1592 13.1231 44.6999 9.72734 44.3962 6.29253C44.2405 7.42446 44.1315 8.59541 43.9758 9.72734C43.6332 11.9912 43.2517 14.2628 42.8001 16.5267H45.6887Z" fill="#C62828"/>
<path d="M67.3645 24.8249C65.5737 20.1801 63.596 15.5743 62.1868 10.789C62.3736 13.3885 62.6072 16.0193 62.6072 18.611V24.8249H56.0669V0.437744H62.6072L66.0331 8.99354C66.835 11.0076 67.4813 13.0919 68.1275 15.1372C67.746 12.1395 67.3645 9.18089 67.3645 6.14421V0.437744H73.9048V24.8249H67.3645Z" fill="#C62828"/>
<path d="M91.3307 24.3871C89.8435 25.0117 88.8936 25.2615 87.2586 25.2615C79.9552 25.2615 76.833 18.9383 76.833 12.7244C76.833 6.03433 80.4068 0 88.0527 0C89.4231 0 90.1861 0.109289 91.4397 0.624511V7.57219C90.5287 6.65884 89.6489 6.1124 88.2785 6.1124C84.6658 6.1124 83.8249 9.84385 83.8249 12.6229C83.8249 15.402 84.658 18.9149 88.1617 18.9149C89.6489 18.9149 90.6689 18.2591 91.7356 17.3458L91.3151 24.4028L91.3307 24.3871Z" fill="#C62828"/>
<path d="M105.104 24.8249V15.0279H101.834V24.8249H94.9897V0.437744H101.834V9.0638H105.104V0.437744H111.948V24.8249H105.104Z" fill="#C62828"/>
<path d="M115.483 24.8249V0.437744H122.327V24.8249H115.483Z" fill="#C62828"/>
<path d="M137.853 8.70412C136.981 7.42387 135.533 6.03433 133.82 6.03433C132.948 6.03433 132.029 6.58078 132.029 7.49413C132.029 9.97656 138.569 10.6401 138.569 17.0023C138.569 21.5378 135.377 25.2693 130.503 25.2693C128.712 25.2693 126.968 24.8711 125.325 24.2076V16.5651C126.353 17.9156 127.832 19.2349 129.662 19.2349C130.651 19.2349 131.679 18.6885 131.679 17.6268C131.679 15.0273 125.208 14.192 125.208 8.00935C125.208 3.77048 128.37 0 132.932 0C134.645 0 136.319 0.476189 137.838 1.24121V8.69631L137.853 8.70412Z" fill="#C62828"/>
<path d="M141.239 24.8249V0.437744H153.946V6.17544H148.091V9.71953H153.339V15.2386H148.091V18.9701H153.946V24.8171H141.239V24.8249Z" fill="#C62828"/>
</g>
<defs>
<clippath id="clip0_1258_72098">
<rect width="154.164" height="49.7032" fill="white"/>
</clippath>
</defs>
</svg>
</div>
<!-- Zone du formulaire -->
<div class="modal-form-container">
<p class="text-2xl font-normal text-text mb-2">Finalisez votre abonnement à Franchise Magazine</p>
<span class="text-sm text-primary-600 mb-6">*Ces champs sont obligatoires.</span>
<!-- Body avec le Gravity Form, hydraté à la demande (D13) -->
<div id="callback-modal-form"
class="body pr-4"
data-hydrate="form:callback-modal"
data-hydrate-lazy="trigger"
aria-busy="true">
<div class="space-y-4">
<div class="skeleton h-10"></div>
<div class="skeleton h-10"></div>
<div class="skeleton h-24"></div>
<div class="skeleton h-10 w-1/3"></div>
</div>
</div>
<!-- Texte RGPD inline (visible uniquement en version sans background) -->
<div class="modal-rgpd-inline text-xs text-text leading-text mt-4">
Vos données sont traitées par Franchise Magazine pour répondre à votre demande de renseignements sur nos franchises. Elles pourront être transmises à nos franchiseurs partenaires sélectionnés selon votre profil. Vous disposez d'un droit d'accès, de rectification et de suppression de vos données. Consultez notre politique de confidentialité complète ou contactez-nous.
</div>
</div>
</div>
<!-- Texte RGPD en bas, pleine largeur (visible uniquement en version avec background) -->
<div class="modal-rgpd-bottom p-4 text-xs text-text leading-text bg-white">
Vos données sont traitées par Franchise Magazine pour répondre à votre demande de renseignements sur nos franchises. Elles pourront être transmises à nos franchiseurs partenaires sélectionnés selon votre profil. Vous disposez d'un droit d'accès, de rectification et de suppression de vos données. Consultez notre politique de confidentialité complète ou contactez-nous.
</div>
</div>
</div>
<button class="backtotop shadow-lg opacity-0 fixed right-2 bottom-14 cursor-pointer bg-white rounded-full w-10 h-10 flex items-center justify-center">
<svg width="30" height="30" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="arrow_upward">
<path id="Vector" d="M8 24L10.82 26.82L22 15.66V40H26V15.66L37.16 26.84L40 24L24 8L8 24Z" fill="#af0518"></path>
</g>
</svg>
</button>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wordpress/wp-*.php","/wordpress/wp-admin/*","/uploads/*","/*","/plugins/*","/themes/wordplate-child/*","/themes/wordplate/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>
<script type="f27ba6e270c37aabf5fb8ded-module" src="https://www.franchise-magazine.com/themes/wordplate/assets/main-BJ6CzXsi.js"></script><script type="f27ba6e270c37aabf5fb8ded-module" src="https://www.franchise-magazine.com/themes/wordplate/assets/search-D6Opy_Xj.js"></script><script type="f27ba6e270c37aabf5fb8ded-module" src="https://www.franchise-magazine.com/themes/wordplate/assets/sector-CbaQVU_M.js"></script><script type="f27ba6e270c37aabf5fb8ded-module" src="https://www.franchise-magazine.com/themes/wordplate/assets/hydration-DnH7uyWq.js"></script><script type="f27ba6e270c37aabf5fb8ded-module" src="https://www.franchise-magazine.com/themes/wordplate/assets/hydration-handlers-DTNv27VC.js"></script><script type="f27ba6e270c37aabf5fb8ded-module" src="https://www.franchise-magazine.com/themes/wordplate-child/assets/main-zxQNK7nI.js"></script><script id="cloudflare-turnstile-js" defer src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" type="f27ba6e270c37aabf5fb8ded-text/javascript"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.franchise-magazine.com/wordpress/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="f27ba6e270c37aabf5fb8ded-module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://www.franchise-magazine.com/wordpress/wp-includes/js/wp-emoji-loader.min.js
</script>
<script type="f27ba6e270c37aabf5fb8ded-text/javascript">
(function(w,d,s,t){
w.LV=w.LV||{};
var js=d.createElement(s);
js.async=true;
js.src="https:\/\/api.live-vendor.com\/loader.js";
js.setAttribute('data-lv-token', t);
d.head.appendChild(js);
})(window,document,'script',"pk_live_67680f2d53bf9dfa04183b19e7cac3a66b126f758bdf37e7286d0ec0e49f");
</script>
<foreignobject><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="f27ba6e270c37aabf5fb8ded-|49" defer></script></foreignobject></body>
</html>
