www.eptimum.com
Open in
urlscan Pro
57.128.92.23
Public Scan
Submitted URL: https://emailing.eptimum.com/c?q=lbCOLofVAJDLKCEjKkabDKcX2gA1aHR0cHM6Ly93d3cuZXB0aW11bS5jb20vbXVsdGltZWRpYS8_dXBkbWFycXVldXI9...
Effective URL: https://www.eptimum.com/multimedia/?updmarqueur=KL7P4
Submission: On April 13 via api from BE — Scanned from FR
Effective URL: https://www.eptimum.com/multimedia/?updmarqueur=KL7P4
Submission: On April 13 via api from BE — Scanned from FR
Form analysis
5 forms found in the DOMhttps://www.eptimum.com/recherche
<form action="https://www.eptimum.com/recherche" @submit.prevent="Alpine.store('searchLoader').display();$event?.target?.submit();"
class="recherche flex mx-auto w-full relative text-neutral-600 border rounded groupe:border-neutral-300 groupe:focus:outline-none groupe:focus:ring-neutral-700 groupe:focus:border-neutral-700 bg-white">
<script nonce="FY6fsDRG5G8Zeib2IHrFgkGMrQpWspGa">
document.addEventListener('alpine:init', () => {
Alpine.store('searchLoader', {
show: false,
init() {},
display() {
this.show = true;
},
close() {
this.show = false;
}
});
});
</script>
<div x-data="" x-show="$store.searchLoader.show" class="absolute flex items-center justify-center rounded-lg w-full h-full bg-neutral-900 bg-opacity-50 z-10 animate-pulse" style="display: none;">
<img class="w-20" src="https://media-ssl.eptimum.com/web/core.eptimum.com/loader.svg" alt="Chargement">
</div>
<div class="flex p-[1px] w-full">
<input class="groupe border-0 w-full overflow-ellipsis bg-white h-9 px-5 rounded-l text-sm focus:ring-0" type="search" name="terms" placeholder="Recherchez une marque, un produit, un univers.">
<button type="submit" aria-label="Rechercher" class="h-9 px-3 flex items-center rounded-r-sm bg-neutral-200 text-neutral-600 hover:text-neutral-800 hover:bg-neutral-300">
<svg class="svg-inline--fa fa-magnifying-glass text-neutral-600 hover:text-neutral-800 h-5 w-5 fill-current" aria-hidden="true" focusable="false" data-prefix="far" data-icon="magnifying-glass" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z">
</path>
</svg><!-- <i class="fa-regular fa-search text-neutral-600 hover:text-neutral-800 h-5 w-5 fill-current"></i> Font Awesome fontawesome.com -->
</button>
</div>
</form>
https://www.eptimum.com/recherche
<form action="https://www.eptimum.com/recherche" @submit.prevent="Alpine.store('searchLoader').display();$event?.target?.submit();"
class="recherche flex mx-auto w-full relative text-neutral-600 border rounded groupe:border-neutral-300 groupe:focus:outline-none groupe:focus:ring-neutral-700 groupe:focus:border-neutral-700 bg-white">
<script nonce="FY6fsDRG5G8Zeib2IHrFgkGMrQpWspGa">
document.addEventListener('alpine:init', () => {
Alpine.store('searchLoader', {
show: false,
init() {},
display() {
this.show = true;
},
close() {
this.show = false;
}
});
});
</script>
<div x-data="" x-show="$store.searchLoader.show" class="absolute flex items-center justify-center rounded-lg w-full h-full bg-neutral-900 bg-opacity-50 z-10 animate-pulse" style="display: none;">
<img class="w-20" src="https://media-ssl.eptimum.com/web/core.eptimum.com/loader.svg" alt="Chargement">
</div>
<div class="flex p-[1px] w-full">
<input class="groupe border-0 w-full overflow-ellipsis bg-white h-9 px-5 rounded-l text-sm focus:ring-0" type="search" name="terms" placeholder="Recherchez une marque, un produit, un univers.">
<button type="submit" aria-label="Rechercher" class="h-9 px-3 flex items-center rounded-r-sm bg-neutral-200 text-neutral-600 hover:text-neutral-800 hover:bg-neutral-300">
<svg class="svg-inline--fa fa-magnifying-glass text-neutral-600 hover:text-neutral-800 h-5 w-5 fill-current" aria-hidden="true" focusable="false" data-prefix="far" data-icon="magnifying-glass" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z">
</path>
</svg><!-- <i class="fa-regular fa-search text-neutral-600 hover:text-neutral-800 h-5 w-5 fill-current"></i> Font Awesome fontawesome.com -->
</button>
</div>
</form>
https://www.eptimum.com/multimedia#anchor-debut-liste
<form action="https://www.eptimum.com/multimedia#anchor-debut-liste" class="w-80 rounded-md bg-white border border-neutral-300" id="filter-form-desktop">
<input type="hidden" name="terms" value="" x-model="$store.searchAndFilter.terms">
<input type="hidden" name="per_page" x-model="$store.searchAndFilter.per_page" value="10">
<input type="hidden" name="sort_by" x-model="$store.searchAndFilter.sort_by" value="prix">
<input type="hidden" name="sort_order" x-model="$store.searchAndFilter.sort_order" value="asc">
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full px-4">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Sous-catégories</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 px-4" id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_" value="" type="radio"
class="side_selected_sous_categorie_ mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400"></span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2189" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2189" value="2189" type="radio"
class="side_selected_sous_categorie_2189 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Autres logiciels multimédia </span>
<span class="text-xs text-neutral-400">7</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2213" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2213" value="2213" type="radio"
class="side_selected_sous_categorie_2213 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> CAO / DAO 2D/3D </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2212" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2212" value="2212" type="radio"
class="side_selected_sous_categorie_2212 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Capture d'écran et vidéo </span>
<span class="text-xs text-neutral-400">21</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2186" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2186" value="2186" type="radio"
class="side_selected_sous_categorie_2186 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création & montage vidéo </span>
<span class="text-xs text-neutral-400">38</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2187" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2187" value="2187" type="radio"
class="side_selected_sous_categorie_2187 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création Web </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2207" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2207" value="2207" type="radio"
class="side_selected_sous_categorie_2207 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création de cartes mentales </span>
<span class="text-xs text-neutral-400">18</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2206" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2206" value="2206" type="radio"
class="side_selected_sous_categorie_2206 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création de diagrammes, organigrammes </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2215" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2215" value="2215" type="radio"
class="side_selected_sous_categorie_2215 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création graphique </span>
<span class="text-xs text-neutral-400">10</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2188" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2188" value="2188" type="radio"
class="side_selected_sous_categorie_2188 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création musicale </span>
<span class="text-xs text-neutral-400">13</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2216" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2216" value="2216" type="radio"
class="side_selected_sous_categorie_2216 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Dessin et peinture numérique </span>
<span class="text-xs text-neutral-400">6</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2214" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2214" value="2214" type="radio"
class="side_selected_sous_categorie_2214 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> PAO / Mise en page </span>
<span class="text-xs text-neutral-400">15</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2185" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2185" value="2185" type="radio"
class="side_selected_sous_categorie_2185 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Retouche photo </span>
<span class="text-xs text-neutral-400">35</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer">
<label for="side_selected_sous_categorie_2217" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="side_selected_sous_categorie_2217" value="2217" type="radio"
class="side_selected_sous_categorie_2217 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Suites de créativité complètes </span>
<span class="text-xs text-neutral-400">11</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full px-4 ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Plateformes</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 px-4" id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="all_plateformes" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input id="all_plateformes" name="all_plateformes" value="" type="checkbox" x-model="$store.searchAndFilter.brandsStatuses['all_plateformes']"
class="all_plateformes mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="plateformes_android" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.android" name="selected_plateformes[]" id="plateformes_android" value="Android" type="checkbox"
class="side_selected_plateformes_android mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Android </span>
<span class="text-xs text-neutral-400">22</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="plateformes_ios" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.ios" name="selected_plateformes[]" id="plateformes_ios" value="iOS" type="checkbox"
class="side_selected_plateformes_ios mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> iOS </span>
<span class="text-xs text-neutral-400">26</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="plateformes_linux" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.linux" name="selected_plateformes[]" id="plateformes_linux" value="Linux" type="checkbox"
class="side_selected_plateformes_linux mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Linux </span>
<span class="text-xs text-neutral-400">1</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="plateformes_mac" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.mac" name="selected_plateformes[]" id="plateformes_mac" value="Mac" type="checkbox"
class="side_selected_plateformes_mac mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Mac </span>
<span class="text-xs text-neutral-400">93</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="plateformes_online" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.online" name="selected_plateformes[]" id="plateformes_online" value="Online" type="checkbox"
class="side_selected_plateformes_online mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Online </span>
<span class="text-xs text-neutral-400">22</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="plateformes_windows" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.windows" name="selected_plateformes[]" id="plateformes_windows" value="Windows" type="checkbox"
class="side_selected_plateformes_windows mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Windows </span>
<span class="text-xs text-neutral-400">164</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-4 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full px-4">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Marques</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 px-4" id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="all_brands" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input name="all_brands" id="all_brands" value="" x-model="$store.searchAndFilter.brandsStatuses['all_brands']" type="checkbox"
class="all_brands mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_abelssoft ">
<label for="side_selected_brands_abelssoft" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['abelssoft']" name="selected_brands[]" id="side_selected_brands_abelssoft" value="abelssoft" type="checkbox"
class="side_selected_brands_abelssoft mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Abelssoft </span>
<span class="text-xs text-neutral-400">3</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_adobe ">
<label for="side_selected_brands_adobe" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['adobe']" name="selected_brands[]" id="side_selected_brands_adobe" value="adobe" type="checkbox"
class="side_selected_brands_adobe mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Adobe </span>
<span class="text-xs text-neutral-400">24</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_affinity ">
<label for="side_selected_brands_affinity" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['affinity']" name="selected_brands[]" id="side_selected_brands_affinity" value="affinity" type="checkbox"
class="side_selected_brands_affinity mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Affinity </span>
<span class="text-xs text-neutral-400">7</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_ashampoo ">
<label for="side_selected_brands_ashampoo" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['ashampoo']" name="selected_brands[]" id="side_selected_brands_ashampoo" value="ashampoo" type="checkbox"
class="side_selected_brands_ashampoo mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Ashampoo </span>
<span class="text-xs text-neutral-400">8</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_audials ">
<label for="side_selected_brands_audials" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['audials']" name="selected_brands[]" id="side_selected_brands_audials" value="audials" type="checkbox"
class="side_selected_brands_audials mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Audials </span>
<span class="text-xs text-neutral-400">6</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_avanquest ">
<label for="side_selected_brands_avanquest" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['avanquest']" name="selected_brands[]" id="side_selected_brands_avanquest" value="avanquest" type="checkbox"
class="side_selected_brands_avanquest mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Avanquest </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_corel ">
<label for="side_selected_brands_corel" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['corel']" name="selected_brands[]" id="side_selected_brands_corel" value="corel" type="checkbox"
class="side_selected_brands_corel mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Corel </span>
<span class="text-xs text-neutral-400">24</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_magix ">
<label for="side_selected_brands_magix" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['magix']" name="selected_brands[]" id="side_selected_brands_magix" value="magix" type="checkbox"
class="side_selected_brands_magix mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Magix </span>
<span class="text-xs text-neutral-400">25</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_micro_application ">
<label for="side_selected_brands_micro_application" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['micro_application']" name="selected_brands[]" id="side_selected_brands_micro_application" value="micro_application" type="checkbox"
class="side_selected_brands_micro_application mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Micro Application </span>
<span class="text-xs text-neutral-400">1</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_microsoft ">
<label for="side_selected_brands_microsoft" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['microsoft']" name="selected_brands[]" id="side_selected_brands_microsoft" value="microsoft" type="checkbox"
class="side_selected_brands_microsoft mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Microsoft </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_mindjet ">
<label for="side_selected_brands_mindjet" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['mindjet']" name="selected_brands[]" id="side_selected_brands_mindjet" value="mindjet" type="checkbox"
class="side_selected_brands_mindjet mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Mindjet </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_movavi ">
<label for="side_selected_brands_movavi" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['movavi']" name="selected_brands[]" id="side_selected_brands_movavi" value="movavi" type="checkbox"
class="side_selected_brands_movavi mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Movavi </span>
<span class="text-xs text-neutral-400">5</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_nero_software ">
<label for="side_selected_brands_nero_software" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['nero_software']" name="selected_brands[]" id="side_selected_brands_nero_software" value="nero_software" type="checkbox"
class="side_selected_brands_nero_software mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Nero </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_pinnacle ">
<label for="side_selected_brands_pinnacle" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['pinnacle']" name="selected_brands[]" id="side_selected_brands_pinnacle" value="pinnacle" type="checkbox"
class="side_selected_brands_pinnacle mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Pinnacle </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_quark ">
<label for="side_selected_brands_quark" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['quark']" name="selected_brands[]" id="side_selected_brands_quark" value="quark" type="checkbox"
class="side_selected_brands_quark mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Quark </span>
<span class="text-xs text-neutral-400">12</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_skylum ">
<label for="side_selected_brands_skylum" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['skylum']" name="selected_brands[]" id="side_selected_brands_skylum" value="skylum" type="checkbox"
class="side_selected_brands_skylum mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Skylum </span>
<span class="text-xs text-neutral-400">6</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_techsmith ">
<label for="side_selected_brands_techsmith" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['techsmith']" name="selected_brands[]" id="side_selected_brands_techsmith" value="techsmith" type="checkbox"
class="side_selected_brands_techsmith mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Techsmith </span>
<span class="text-xs text-neutral-400">20</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_wondershare ">
<label for="side_selected_brands_wondershare" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['wondershare']" name="selected_brands[]" id="side_selected_brands_wondershare" value="wondershare" type="checkbox"
class="side_selected_brands_wondershare mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Wondershare </span>
<span class="text-xs text-neutral-400">21</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_xmind ">
<label for="side_selected_brands_xmind" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['xmind']" name="selected_brands[]" id="side_selected_brands_xmind" value="xmind" type="checkbox"
class="side_selected_brands_xmind mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> XMind </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full px-4 ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Nombre de postes</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 px-4" id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="all_number_of_licenses" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input id="all_number_of_licenses" name="all_number_of_licenses" value="" type="checkbox" x-model="$store.searchAndFilter.numberOfLicensesStatuses['all_number_of_licenses']"
class="all_number_of_licenses mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="number_of_licenses_1" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['1']" name="selected_number_of_licenses[]" id="number_of_licenses_1" value="1" type="checkbox"
class="side_selected_number_of_licenses_1 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 1 </span>
<span class="text-xs text-neutral-400">147</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="number_of_licenses_2" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['2']" name="selected_number_of_licenses[]" id="number_of_licenses_2" value="2" type="checkbox"
class="side_selected_number_of_licenses_2 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 2 </span>
<span class="text-xs text-neutral-400">17</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="number_of_licenses_3" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['3']" name="selected_number_of_licenses[]" id="number_of_licenses_3" value="3" type="checkbox"
class="side_selected_number_of_licenses_3 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 3 </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="number_of_licenses_4" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['4']" name="selected_number_of_licenses[]" id="number_of_licenses_4" value="4" type="checkbox"
class="side_selected_number_of_licenses_4 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 4 </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="number_of_licenses_10" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['10']" name="selected_number_of_licenses[]" id="number_of_licenses_10" value="10" type="checkbox"
class="side_selected_number_of_licenses_10 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 10 et plus </span>
<span class="text-xs text-neutral-400">14</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full px-4 ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Durée</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 px-4" id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="all_number_of_years" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input id="all_number_of_years" name="all_number_of_years" value="" type="checkbox" x-model="$store.searchAndFilter.numberOfYearsStatuses['all_number_of_years']"
class="all_number_of_years mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="number_of_years_0" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfYearsStatuses['0']" name="selected_number_of_years[]" id="number_of_years_0" value="0" type="checkbox"
class="side_selected_number_of_years_0 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Licence perpétuelle </span>
<span class="text-xs text-neutral-400">104</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="number_of_years_1" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfYearsStatuses['1']" name="selected_number_of_years[]" id="number_of_years_1" value="1" type="checkbox"
class="side_selected_number_of_years_1 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 1 an </span>
<span class="text-xs text-neutral-400">72</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="number_of_years_2" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfYearsStatuses['2']" name="selected_number_of_years[]" id="number_of_years_2" value="2" type="checkbox"
class="side_selected_number_of_years_2 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 2 ans </span>
<span class="text-xs text-neutral-400">6</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="number_of_years_3" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfYearsStatuses['3']" name="selected_number_of_years[]" id="number_of_years_3" value="3" type="checkbox"
class="side_selected_number_of_years_3 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 3 ans </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full px-4 ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Stockage</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 px-4" id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="all_storage_sizes" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input id="all_storage_sizes" name="all_storage_sizes" value="" type="checkbox" x-model="$store.searchAndFilter.storageSizesStatuses['all_storage_sizes']"
class="all_storage_sizes mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="storage_sizes_5_go" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.storageSizesStatuses['5_go']" name="selected_storage_sizes[]" id="storage_sizes_5_go" value="5_go" type="checkbox"
class="side_selected_storage_sizes_5_go mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 5 Go </span>
<span class="text-xs text-neutral-400">1</span>
</label>
</div>
<div class="click_filter cursor-pointer">
<label for="storage_sizes_20_go" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.storageSizesStatuses['20_go']" name="selected_storage_sizes[]" id="storage_sizes_20_go" value="20_go" type="checkbox"
class="side_selected_storage_sizes_20_go mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 20 Go </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full px-4 ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Prix en €</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 px-4" id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="click_filter">
<section class="range-slider relative flex flex-col justify-between w-auto h-auto text-center">
<div class="relative w-[98%] h-6 px-1">
<span class="full-range absolute rounded w-full z-0 h-1 left-0 top-3 bg-neutral-300"></span>
<span class="incl-range absolute rounded w-full z-0 h-1 left-0 top-3 bg-eptiorange-600" style="left: 0%; width: 100%;"></span>
<input class=" absolute left-0 top-0 w-full h-7 m-0 p-0 !z-10 pointer-events-none rounded" id="rangeMin" x-model="$store.searchAndFilter.minPrice" min="14" max="1540" step="1" type="range">
<input class=" absolute left-0 top-0 w-full h-7 m-0 p-0 !z-10 pointer-events-none rounded" id="rangeMax" x-model="$store.searchAndFilter.maxPrice" min="14" max="1540" step="1" type="range">
</div>
<div class="relative flex items-center justify-between w-full h-full mt-3">
<div class="flex flex-col items-start">
<span title="minimum" class="abbr_range text-neutral-400">Min.</span>
<input class="w-24 text-center border border-neutral-300 rounded" type="text" name="selected_min_price">
</div>
<div class="flex flex-col items-start">
<span title="minimum" class="abbr_range text-neutral-400">Max.</span>
<input class="w-24 text-center border border-neutral-300 rounded" type="text" name="selected_max_price">
</div>
</div>
</section>
</div>
</div>
</div>
</fieldset>
</div>
<div class="w-full px-4 pt-4 pb-4">
</div>
</form>
https://www.eptimum.com/multimedia#anchor-debut-liste
<form action="https://www.eptimum.com/multimedia#anchor-debut-liste" class="mt-4 pb-10 mx-auto w-11/12" id="filter-form-mobile">
<input type="hidden" name="terms" value="" x-model="$store.searchAndFilter.terms">
<input type="hidden" name="per_page" x-model="$store.searchAndFilter.per_page" value="10">
<input type="hidden" name="sort_by" x-model="$store.searchAndFilter.sort_by" value="prix">
<input type="hidden" name="sort_order" x-model="$store.searchAndFilter.sort_order" value="asc">
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Sous-catégories</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 " id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_" value="" type="radio"
class="side_selected_sous_categorie_ mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400"></span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2189" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2189" value="2189" type="radio"
class="side_selected_sous_categorie_2189 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Autres logiciels multimédia </span>
<span class="text-xs text-neutral-400">7</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2213" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2213" value="2213" type="radio"
class="side_selected_sous_categorie_2213 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> CAO / DAO 2D/3D </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2212" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2212" value="2212" type="radio"
class="side_selected_sous_categorie_2212 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Capture d'écran et vidéo </span>
<span class="text-xs text-neutral-400">21</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2186" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2186" value="2186" type="radio"
class="side_selected_sous_categorie_2186 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création & montage vidéo </span>
<span class="text-xs text-neutral-400">38</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2187" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2187" value="2187" type="radio"
class="side_selected_sous_categorie_2187 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création Web </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2207" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2207" value="2207" type="radio"
class="side_selected_sous_categorie_2207 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création de cartes mentales </span>
<span class="text-xs text-neutral-400">18</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2206" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2206" value="2206" type="radio"
class="side_selected_sous_categorie_2206 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création de diagrammes, organigrammes </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2215" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2215" value="2215" type="radio"
class="side_selected_sous_categorie_2215 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création graphique </span>
<span class="text-xs text-neutral-400">10</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2188" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2188" value="2188" type="radio"
class="side_selected_sous_categorie_2188 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Création musicale </span>
<span class="text-xs text-neutral-400">13</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2216" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2216" value="2216" type="radio"
class="side_selected_sous_categorie_2216 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Dessin et peinture numérique </span>
<span class="text-xs text-neutral-400">6</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2214" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2214" value="2214" type="radio"
class="side_selected_sous_categorie_2214 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> PAO / Mise en page </span>
<span class="text-xs text-neutral-400">15</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2185" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2185" value="2185" type="radio"
class="side_selected_sous_categorie_2185 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Retouche photo </span>
<span class="text-xs text-neutral-400">35</span>
</label>
</div>
<div class="click_filter flex items-center justify-between cursor-pointer click_filter_mobile">
<label for="mobile__side_selected_sous_categorie_2217" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.selected_sous_categorie" name="selected_sous_categorie" id="mobile__side_selected_sous_categorie_2217" value="2217" type="radio"
class="side_selected_sous_categorie_2217 mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-full text-eptiorange-600 focus:ring-transparent"> Suites de créativité complètes </span>
<span class="text-xs text-neutral-400">11</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Plateformes</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 " id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="mobile__all_plateformes" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input id="mobile__all_plateformes" name="all_plateformes" value="" type="checkbox" x-model="$store.searchAndFilter.brandsStatuses['all_plateformes']"
class="all_plateformes click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__plateformes_android" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.android" name="selected_plateformes[]" id="mobile__plateformes_android" value="Android" type="checkbox"
class="side_selected_plateformes_android click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Android </span>
<span class="text-xs text-neutral-400">22</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__plateformes_ios" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.ios" name="selected_plateformes[]" id="mobile__plateformes_ios" value="iOS" type="checkbox"
class="side_selected_plateformes_ios click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> iOS </span>
<span class="text-xs text-neutral-400">26</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__plateformes_linux" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.linux" name="selected_plateformes[]" id="mobile__plateformes_linux" value="Linux" type="checkbox"
class="side_selected_plateformes_linux click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Linux </span>
<span class="text-xs text-neutral-400">1</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__plateformes_mac" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.mac" name="selected_plateformes[]" id="mobile__plateformes_mac" value="Mac" type="checkbox"
class="side_selected_plateformes_mac click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Mac </span>
<span class="text-xs text-neutral-400">93</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__plateformes_online" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.online" name="selected_plateformes[]" id="mobile__plateformes_online" value="Online" type="checkbox"
class="side_selected_plateformes_online click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Online </span>
<span class="text-xs text-neutral-400">22</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__plateformes_windows" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.plateformesStatuses.windows" name="selected_plateformes[]" id="mobile__plateformes_windows" value="Windows" type="checkbox"
class="side_selected_plateformes_windows click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Windows </span>
<span class="text-xs text-neutral-400">164</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-4 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Marques</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 " id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="mobile__all_brands" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input name="all_brands" id="mobile__all_brands" value="" x-model="$store.searchAndFilter.brandsStatuses['all_brands']" type="checkbox"
class="all_brands click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_abelssoft click_filter_mobile">
<label for="mobile__side_selected_brands_abelssoft" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['abelssoft']" name="selected_brands[]" id="mobile__side_selected_brands_abelssoft" value="abelssoft" type="checkbox"
class="side_selected_brands_abelssoft mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Abelssoft </span>
<span class="text-xs text-neutral-400">3</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_adobe click_filter_mobile">
<label for="mobile__side_selected_brands_adobe" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['adobe']" name="selected_brands[]" id="mobile__side_selected_brands_adobe" value="adobe" type="checkbox"
class="side_selected_brands_adobe mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Adobe </span>
<span class="text-xs text-neutral-400">24</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_affinity click_filter_mobile">
<label for="mobile__side_selected_brands_affinity" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['affinity']" name="selected_brands[]" id="mobile__side_selected_brands_affinity" value="affinity" type="checkbox"
class="side_selected_brands_affinity mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Affinity </span>
<span class="text-xs text-neutral-400">7</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_ashampoo click_filter_mobile">
<label for="mobile__side_selected_brands_ashampoo" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['ashampoo']" name="selected_brands[]" id="mobile__side_selected_brands_ashampoo" value="ashampoo" type="checkbox"
class="side_selected_brands_ashampoo mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Ashampoo </span>
<span class="text-xs text-neutral-400">8</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_audials click_filter_mobile">
<label for="mobile__side_selected_brands_audials" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['audials']" name="selected_brands[]" id="mobile__side_selected_brands_audials" value="audials" type="checkbox"
class="side_selected_brands_audials mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Audials </span>
<span class="text-xs text-neutral-400">6</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_avanquest click_filter_mobile">
<label for="mobile__side_selected_brands_avanquest" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['avanquest']" name="selected_brands[]" id="mobile__side_selected_brands_avanquest" value="avanquest" type="checkbox"
class="side_selected_brands_avanquest mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Avanquest </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_corel click_filter_mobile">
<label for="mobile__side_selected_brands_corel" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['corel']" name="selected_brands[]" id="mobile__side_selected_brands_corel" value="corel" type="checkbox"
class="side_selected_brands_corel mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Corel </span>
<span class="text-xs text-neutral-400">24</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_magix click_filter_mobile">
<label for="mobile__side_selected_brands_magix" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['magix']" name="selected_brands[]" id="mobile__side_selected_brands_magix" value="magix" type="checkbox"
class="side_selected_brands_magix mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Magix </span>
<span class="text-xs text-neutral-400">25</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_micro_application click_filter_mobile">
<label for="mobile__side_selected_brands_micro_application" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['micro_application']" name="selected_brands[]" id="mobile__side_selected_brands_micro_application" value="micro_application" type="checkbox"
class="side_selected_brands_micro_application mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Micro Application </span>
<span class="text-xs text-neutral-400">1</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_microsoft click_filter_mobile">
<label for="mobile__side_selected_brands_microsoft" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['microsoft']" name="selected_brands[]" id="mobile__side_selected_brands_microsoft" value="microsoft" type="checkbox"
class="side_selected_brands_microsoft mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Microsoft </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_mindjet click_filter_mobile">
<label for="mobile__side_selected_brands_mindjet" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['mindjet']" name="selected_brands[]" id="mobile__side_selected_brands_mindjet" value="mindjet" type="checkbox"
class="side_selected_brands_mindjet mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Mindjet </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_movavi click_filter_mobile">
<label for="mobile__side_selected_brands_movavi" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['movavi']" name="selected_brands[]" id="mobile__side_selected_brands_movavi" value="movavi" type="checkbox"
class="side_selected_brands_movavi mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Movavi </span>
<span class="text-xs text-neutral-400">5</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_nero_software click_filter_mobile">
<label for="mobile__side_selected_brands_nero_software" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['nero_software']" name="selected_brands[]" id="mobile__side_selected_brands_nero_software" value="nero_software" type="checkbox"
class="side_selected_brands_nero_software mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Nero </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_pinnacle click_filter_mobile">
<label for="mobile__side_selected_brands_pinnacle" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['pinnacle']" name="selected_brands[]" id="mobile__side_selected_brands_pinnacle" value="pinnacle" type="checkbox"
class="side_selected_brands_pinnacle mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Pinnacle </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_quark click_filter_mobile">
<label for="mobile__side_selected_brands_quark" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['quark']" name="selected_brands[]" id="mobile__side_selected_brands_quark" value="quark" type="checkbox"
class="side_selected_brands_quark mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Quark </span>
<span class="text-xs text-neutral-400">12</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_skylum click_filter_mobile">
<label for="mobile__side_selected_brands_skylum" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['skylum']" name="selected_brands[]" id="mobile__side_selected_brands_skylum" value="skylum" type="checkbox"
class="side_selected_brands_skylum mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Skylum </span>
<span class="text-xs text-neutral-400">6</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_techsmith click_filter_mobile">
<label for="mobile__side_selected_brands_techsmith" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['techsmith']" name="selected_brands[]" id="mobile__side_selected_brands_techsmith" value="techsmith" type="checkbox"
class="side_selected_brands_techsmith mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Techsmith </span>
<span class="text-xs text-neutral-400">20</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_wondershare click_filter_mobile">
<label for="mobile__side_selected_brands_wondershare" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['wondershare']" name="selected_brands[]" id="mobile__side_selected_brands_wondershare" value="wondershare" type="checkbox"
class="side_selected_brands_wondershare mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Wondershare </span>
<span class="text-xs text-neutral-400">21</span>
</label>
</div>
<div class="click_filter cursor-pointer side_selected_brands_xmind click_filter_mobile">
<label for="mobile__side_selected_brands_xmind" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.brandsStatuses['xmind']" name="selected_brands[]" id="mobile__side_selected_brands_xmind" value="xmind" type="checkbox"
class="side_selected_brands_xmind mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> XMind </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Nombre de postes</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 " id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="mobile__all_number_of_licenses" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input id="mobile__all_number_of_licenses" name="all_number_of_licenses" value="" type="checkbox" x-model="$store.searchAndFilter.numberOfLicensesStatuses['all_number_of_licenses']"
class="all_number_of_licenses click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__number_of_licenses_1" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['1']" name="selected_number_of_licenses[]" id="mobile__number_of_licenses_1" value="1" type="checkbox"
class="side_selected_number_of_licenses_1 click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 1 </span>
<span class="text-xs text-neutral-400">147</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__number_of_licenses_2" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['2']" name="selected_number_of_licenses[]" id="mobile__number_of_licenses_2" value="2" type="checkbox"
class="side_selected_number_of_licenses_2 click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 2 </span>
<span class="text-xs text-neutral-400">17</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__number_of_licenses_3" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['3']" name="selected_number_of_licenses[]" id="mobile__number_of_licenses_3" value="3" type="checkbox"
class="side_selected_number_of_licenses_3 click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 3 </span>
<span class="text-xs text-neutral-400">4</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__number_of_licenses_4" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['4']" name="selected_number_of_licenses[]" id="mobile__number_of_licenses_4" value="4" type="checkbox"
class="side_selected_number_of_licenses_4 click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 4 </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__number_of_licenses_10" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfLicensesStatuses['10']" name="selected_number_of_licenses[]" id="mobile__number_of_licenses_10" value="10" type="checkbox"
class="side_selected_number_of_licenses_10 click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 10 et plus </span>
<span class="text-xs text-neutral-400">14</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Durée</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 " id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="mobile__all_number_of_years" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input id="mobile__all_number_of_years" name="all_number_of_years" value="" type="checkbox" x-model="$store.searchAndFilter.numberOfYearsStatuses['all_number_of_years']"
class="all_number_of_years click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__number_of_years_0" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfYearsStatuses['0']" name="selected_number_of_years[]" id="mobile__number_of_years_0" value="0" type="checkbox"
class="side_selected_number_of_years_0 click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Licence perpétuelle </span>
<span class="text-xs text-neutral-400">104</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__number_of_years_1" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfYearsStatuses['1']" name="selected_number_of_years[]" id="mobile__number_of_years_1" value="1" type="checkbox"
class="side_selected_number_of_years_1 click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 1 an </span>
<span class="text-xs text-neutral-400">72</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__number_of_years_2" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfYearsStatuses['2']" name="selected_number_of_years[]" id="mobile__number_of_years_2" value="2" type="checkbox"
class="side_selected_number_of_years_2 click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 2 ans </span>
<span class="text-xs text-neutral-400">6</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__number_of_years_3" style="" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.numberOfYearsStatuses['3']" name="selected_number_of_years[]" id="mobile__number_of_years_3" value="3" type="checkbox"
class="side_selected_number_of_years_3 click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 3 ans </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Stockage</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 " id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="cursor-pointer">
<label for="mobile__all_storage_sizes" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600 focus:ring-transparent">
<span class="flex">
<input id="mobile__all_storage_sizes" name="all_storage_sizes" value="" type="checkbox" x-model="$store.searchAndFilter.storageSizesStatuses['all_storage_sizes']"
class="all_storage_sizes click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> Afficher tout </span>
<span class="text-xs text-neutral-400">-</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__storage_sizes_5_go" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.storageSizesStatuses['5_go']" name="selected_storage_sizes[]" id="mobile__storage_sizes_5_go" value="5_go" type="checkbox"
class="side_selected_storage_sizes_5_go click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 5 Go </span>
<span class="text-xs text-neutral-400">1</span>
</label>
</div>
<div class="click_filter cursor-pointer click_filter_mobile">
<label for="mobile__storage_sizes_20_go" class="flex items-center justify-between w-full cursor-pointer text-base text-neutral-600">
<span class="flex">
<input x-model="$store.searchAndFilter.storageSizesStatuses['20_go']" name="selected_storage_sizes[]" id="mobile__storage_sizes_20_go" value="20_go" type="checkbox"
class="side_selected_storage_sizes_20_go click_filter_mobile mt-1 mr-2 h-4 w-4 border-neutral-600 cursor-pointer rounded-sm text-eptiorange-600 focus:ring-transparent"> 20 Go </span>
<span class="text-xs text-neutral-400">2</span>
</label>
</div>
</div>
</div>
</fieldset>
</div>
<div class="pt-4 pb-2 mx-4 border-b border-neutral-300">
<fieldset x-data="{ open: true }">
<legend class="w-full ">
<!-- Expand/collapse section button -->
<button @click="open = !open" type="button" class="w-full py-2 flex items-center justify-between text-neutral-600 hover:text-neutral-500" aria-controls="filter-section-0" aria-expanded="false">
<span class="text-xl text-neutral-600 font-sourcebold">Prix en €</span>
<span class="ml-6 h-7 flex items-center rotate-180 transition duration-100" :class="{ 'rotate-180 transition duration-100': open }">
<svg class="svg-inline--fa fa-chevron-down h-5 w-5" aria-hidden="true" focusable="false" data-prefix="far" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"></path>
</svg><!-- <i class="fa-regular fa-chevron-down h-5 w-5"></i> Font Awesome fontawesome.com -->
</span>
</button>
</legend>
<div class="pt-4 pb-2 " id="filter-section-0" x-show="open">
<div class="space-y-2">
<div class="click_filter click_filter_mobile">
<section class="range-slider relative flex flex-col justify-between w-auto h-auto text-center">
<div class="relative w-[98%] h-6 px-1">
<span class="full-range absolute rounded w-full z-0 h-1 left-0 top-3 bg-neutral-300"></span>
<span class="incl-range absolute rounded w-full z-0 h-1 left-0 top-3 bg-eptiorange-600"></span>
<input class="click_filter_mobile absolute left-0 top-0 w-full h-7 m-0 p-0 !z-10 pointer-events-none rounded" id="rangeMin" x-model="$store.searchAndFilter.minPrice" min="14" max="1540" step="1" type="range">
<input class="click_filter_mobile absolute left-0 top-0 w-full h-7 m-0 p-0 !z-10 pointer-events-none rounded" id="rangeMax" x-model="$store.searchAndFilter.maxPrice" min="14" max="1540" step="1" type="range">
</div>
<div class="relative flex items-center justify-between w-full h-full mt-3">
<div class="flex flex-col items-start">
<span title="minimum" class="abbr_range text-neutral-400">Min.</span>
<input class="w-24 text-center border border-neutral-300 rounded" type="text" name="selected_min_price">
</div>
<div class="flex flex-col items-start">
<span title="minimum" class="abbr_range text-neutral-400">Max.</span>
<input class="w-24 text-center border border-neutral-300 rounded" type="text" name="selected_max_price">
</div>
</div>
</section>
</div>
</div>
</div>
</fieldset>
</div>
<div class="w-full pt-4 pb-4">
</div>
</form>
<form wire:submit.prevent="submit" class="mt-4 sm:flex sm:flex-col sm:max-w-md lg:mt-0 relative">
<div wire:loading.flex="" class="absolute flex items-center justify-center rounded-lg w-full h-full bg-neutral-900 bg-opacity-50 z-10 animate-pulse">
<img class="w-20" src="https://media-ssl.eptimum.com/web/core.eptimum.com/loader.svg" alt="Chargement">
</div>
<label for="capture-email" class="sr-only">Adresse mail</label>
<input type="email" name="capture-email" id="capture-email" autocomplete="on" wire:model.defer="email"
class=" border-gray-300 appearance-none min-w-0 w-full bg-white border border-gray-300 py-2 px-4 text-base rounded text-neutral-900 placeholder-gray-500 focus:outline-none focus:ring-neutral-700 focus:border-neutral-700 focus:placeholder-gray-400 sm:max-w-xs"
placeholder="Saisissez votre adresse e-mail*">
<div class="mt-3 rounded sm:flex-shrink-0 z-0">
<button type="submit"
class="w-full bg-neutral-700 border border-transparent rounded py-2 relative flex items-center justify-center leading-[normal] text-[17px] font-sourcesemibold text-white hover:bg-neutral-600 focus:outline-none focus:ring-2 focus:ring-neutral-900 sm:max-w-xs">
<svg class="svg-inline--fa fa-envelope mx-1" aria-hidden="true" focusable="false" data-prefix="far" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor"
d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z">
</path>
</svg><!-- <i class="fa-regular fa-envelope mx-1"></i> Font Awesome fontawesome.com -->
<span class="mx-1">M'inscrire</span>
</button>
</div>
</form>
Text Content
Une erreur est survenue Fermer Impossible d'ajouter cet article au panier Cet article a bien été ajouté Fermer Finaliser ma commande Continuer mes achats Une erreur est survenue Fermer Impossible d'ajouter cet article au panier Panier Fermer Votre panier est vide Continuer mes achats Fermer Mon compte Mes commandes Mes coordonnées Mon mot de passe Ouvrir le menu Particulier TTC Particulier Prix affichés en TTC Professionnel Prix affichés en HT Aller sur la page d'Aide Aide Aller sur l'espace client Compte Panier Panier 0 Ouvrir le menu Tout voir Nos marques * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Sécurité * Antivirus Les solutions antivirus / antimalwares des plus grands éditeurs * Suites de sécurité Les suites de sécurité complètes des plus grands éditeurs * Antivirus pour MAC Toutes les solutions de sécurité pour macOS des plus grandes marques de sécurité * Sécurité Tablettes et Mobiles Les solutions de protection dédiées à vos différents appareils mobiles sous iOS et Android * Solutions pour réseaux Les solutions de sécurité (EDR, XDR, MDR, etc) dédiées à la protection de réseaux d'entreprises (serveurs de fichiers, serveurs de messagerie, console de déploiement et d'administration de la solution antimalware, etc.) * VPN Les meilleures offres de VPN du marché pour améliorer votre sécurité et accéder aux contenus géo bloqués * Autres outils de sécurité Les solutions de gestion de mots de passe, de contrôle parental, de chiffrement pour compléter votre sécurité * Formations Cyber-sécurité Les formations en ligne dédiées à l'entraînement et à la sensibilisation des équipes à la cybersécurité. Tout voir Bureautique * Microsoft Office et 365 pour les particuliers Tous les produits de la gamme Microsoft Office et Microsoft 365 destinés aux particuliers * Microsoft Office et 365 pour les entreprises Les applications Microsoft Office et Microsoft 365 destinées aux professionnels * Bundles Microsoft Office / 365 Profitez de nombreuses offres très avantageuses avec nos packs regroupant plusieurs produits de différents éditeurs * Alternatives à Microsoft Office Les meilleures alternatives à la suite Microsoft Office * Outils PDF & OCR Les solutions pour créer, convertir, modifier, éditer des PDF et les outils de reconnaissance optique de caractères (OCR) * Correcteurs et dictionnaires Les logiciels de correction orthographique et grammaticale et les dictionnaires de référence pour des documents crédibles et professionnels * Traducteurs et dictionnaires bilingues Les traducteurs multilingues et dictionnaires bilingues pour gagner en temps et en efficacité * Dictée vocale Les solutions de dictée vocale pour gagner en temps et productivité Tout voir Compta / Gestion * Comptabilité Les logiciels de comptabilité adaptés à chaque besoin, taille d'entreprise et secteur d'activité * Gestion commerciale Les outils de gestion commerciales de votre entreprise : devis, factures... * Intégrés compta & gestion Les logiciels regroupant la compatibilité générale, et la gestion commerciale dans une solution unique * Comptabilité et Gestion MAC Les applications de comptabilité et de gestion de votre entreprise sous Mac * Associations Les logiciels dédiés aux besoins de gestion des associations. * Autres logiciels de gestion Les logiciels de CRM, Business plan, locations immobilières... Tout voir Utilitaires * Sauvegarde de données Les logiciels pour sauvegarder vos données ou cloner vos disques * Optimisation Les logiciels pour améliorer les performances et stabiliser votre PC * Gravure et copie de CD/DVD Les logiciels de gravure et de copie sur CD, DVD et Blu-Ray * Prise en main à distance Les logiciels pour prendre la main à distance sur d'autres PC pour de la maintenance ou du dépannage informatique * Compression de fichiers Les logiciels pour compresser les fichiers avec les plus hauts taux de compression possible * Systèmes d'exploitation Choisissez ou mettez à jour votre système d'exploitation Windows * Utilitaires pour MAC Les logiciels pour émuler Windows sous Mac et pour maintenir les performances de votre Mac * Autres utilitaires Les logiciels permettant l'agencement du bureau et la personnalisation de Windows Tout voir Multimédia * Suites de créativité complètes Découvrez des solutions regroupant l'ensemble des besoins en matière de photo, vidéo, audio, création graphique, etc. * Retouche photo Les logiciels pour la création d'images, la retouche ou la conversion de photographies * Création & montage vidéo Les logiciels pour vos montages et conversions de vidéos * Création graphique Les meilleures logiciels pour tous vos besoins de création graphique avancée * Dessin et peinture numérique Logiciels de peinture et d'art numérique pour débutants et professionnels * Création Web Les logiciels pour créer facilement votre site Internet personnel ou professionnel * Création musicale Tous les logiciels de Musique Assistée par Ordinateur, de création de partitions, etc. * Capture d'écran et vidéo Les meilleures logiciels de capture d'écran et vidéo pour de multiples usages : tutoriels attrayants, webinaires instructifs... * CAO / DAO 2D/3D Les principaux logiciels de dessin professionnel pour préparer vos plans * PAO / Mise en page Les principaux logiciels de Publication Assistée par Ordinateur pour des mises en page optimales de tous vos documents * Création de diagrammes, organigrammes Les meilleurs logiciels pour créer toutes formes de diagrammes, organigrammes, etc. * Création de cartes mentales Les logiciels pour gagner en productivité, améliorer la gestion de projets et le travail en équipe * Autres logiciels multimédia Les logiciels de conversion de fichiers, de streaming audio et vidéo, d'encodage MP3, de lecture de DVD / Blu-Ray... Tout voir Vie pratique * Architecture et décoration Les logiciels 3D pour créer ou réorganiser votre maison et votre jardin * Formations Les meilleures formations pour des centaines de logiciels ainsi que pour l'apprentissage des langues * Accessoires Les stylos électroniques Reader Pen et Exam Reader pour ceux qui ont des difficultés à lire, notamment les élèves dyslexiques Tout voir Éducation Mac Fermer Particulier TTC Particulier Prix affichés en TTC Professionnel Prix affichés en HT * Nos marques * Sécurité * Bureautique * Compta / Gestion * Utilitaires * Multimédia * Vie pratique * Éducation * Mac * Menu principal * Nos marques * A * ABBYY * Abelssoft * Acronis * Adobe * Affinity * Ashampoo * Audials * Avanquest * Avast * AVG B * Bitdefender C * C-Pen * Ciel * Corel D * Druide E * EBP * Elephorm * ESET G * G DATA I * IPVanish * IRIS K * Kaspersky * Kofax L * Le Robert * Livedrive M * Magix * Mailinblack * McAfee * Micro Application * Microsoft * Mindjet * Movavi N * Nero * Nord Security * Norton * Nuance P * Panda Security * Parallels * Philips * Pinnacle * PureVPN Q * Quark S * Sage * Shokz * Skylum T * TeamViewer * Techsmith V * VIPRE W * Winzip * Wondershare X * XMind * Menu principal * Sécurité Tout voir * Antivirus * Suites de sécurité * Antivirus pour MAC * Sécurité Tablettes et Mobiles * Solutions pour réseaux * VPN * Autres outils de sécurité * Formations Cyber-sécurité * Menu principal * Bureautique Tout voir * Microsoft Office et 365 pour les particuliers * Microsoft Office et 365 pour les entreprises * Bundles Microsoft Office / 365 * Alternatives à Microsoft Office * Outils PDF & OCR * Correcteurs et dictionnaires * Traducteurs et dictionnaires bilingues * Dictée vocale * Menu principal * Compta / Gestion Tout voir * Comptabilité * Gestion commerciale * Intégrés compta & gestion * Comptabilité et Gestion MAC * Associations * Autres logiciels de gestion * Menu principal * Utilitaires Tout voir * Sauvegarde de données * Optimisation * Gravure et copie de CD/DVD * Prise en main à distance * Compression de fichiers * Systèmes d'exploitation * Utilitaires pour MAC * Autres utilitaires * Menu principal * Multimédia Tout voir * Suites de créativité complètes * Retouche photo * Création & montage vidéo * Création graphique * Dessin et peinture numérique * Création Web * Création musicale * Capture d'écran et vidéo * CAO / DAO 2D/3D * PAO / Mise en page * Création de diagrammes, organigrammes * Création de cartes mentales * Autres logiciels multimédia * Menu principal * Vie pratique Tout voir * Architecture et décoration * Formations * Accessoires * Menu principal * Éducation Tout voir * Menu principal * Mac Tout voir 1. Accueil 2. Multimédia CRÉATION ET MULTIMÉDIA 184 produits trouvés Previous 59,95 € Prix conseillé éditeur À partir de 54,99 € Découvrir À partir de 34,99 € Découvrir 89,95 € Prix conseillé éditeur À partir de 79,99 € Découvrir 59,95 € Prix conseillé éditeur À partir de 54,99 € Découvrir À partir de 34,99 € Découvrir 89,95 € Prix conseillé éditeur À partir de 79,99 € Découvrir 59,95 € Prix conseillé éditeur À partir de 54,99 € Découvrir Next * 1 * 2 * 3 Previous 59,95 € Prix conseillé éditeur À partir de 54,99 € Découvrir À partir de 34,99 € Découvrir 89,95 € Prix conseillé éditeur À partir de 79,99 € Découvrir 59,95 € Prix conseillé éditeur À partir de 54,99 € Découvrir À partir de 34,99 € Découvrir 89,95 € Prix conseillé éditeur À partir de 79,99 € Découvrir 59,95 € Prix conseillé éditeur À partir de 54,99 € Découvrir Next * 1 * 2 * 3 LES OFFRES DU MOMENT Promo 32J 05h 46m 18s CORELDRAW ESSENTIALS 2021 - 1 UTILISATEUR - 2 POSTES - LICENCE PERPÉTUELLE 64,99 € Promo 02J 05h 46m 18s ASHAMPOO SNAP 16 - 1 PC - LICENCE PERPÉTUELLE 19,99 € LUMINAR NEO - 2 APPAREILS - ABONNEMENT 1 AN 69,99 € Prix conseillé éditeur 58,99 € LUMINAR NEO - ETUDIANTS & ENSEIGNANTS - 2 APPAREILS - ABONNEMENT 1 AN 34,99 € Eptimum.com vous propose une sélection de logiciels de création graphique et multimédias. Retrouvez une sélection des meilleurs logiciels de traitement d'image et de retouche photographique pour professionnels et particuliers (Photoshop, Lightroom, Magix Photo & Graphic Designer 9…). Choisissez les logiciels de création photo ou vidéo présents sur Windows ou Mac, les plus adaptés à vos besoins. Vous retrouverez ainsi sur Eptimum.com, les plus grands éditeurs de logiciels multimédias (Adobe, Aquafadas, Arpège Musique, Avanquest, ELTIMA, LG & Co, Magix, Micro Application…). Lors de l’achat d’un logiciel de création graphique, de retouche photo ou bien d’un logiciel de création de sites Internet, votre choix va dépendre en grande partie de vos besoins spécifiques. Afin de vous aider à acheter le bon logiciel, Eptimum.com vous fournit un ensemble de conseils au travers de dossiers rédigés par nos experts. Lire la suite Filtrer : Sous-catégories Afficher tout Autres logiciels multimédia 7 CAO / DAO 2D/3D 4 Capture d'écran et vidéo 21 Création & montage vidéo 38 Création Web 2 Création de cartes mentales 18 Création de diagrammes, organigrammes 4 Création graphique 10 Création musicale 13 Dessin et peinture numérique 6 PAO / Mise en page 15 Retouche photo 35 Suites de créativité complètes 11 Plateformes Afficher tout - Android 22 iOS 26 Linux 1 Mac 93 Online 22 Windows 164 Marques Afficher tout - Abelssoft 3 Adobe 24 Affinity 7 Ashampoo 8 Audials 6 Avanquest 4 Corel 24 Magix 25 Micro Application 1 Microsoft 2 Mindjet 4 Movavi 5 Nero 4 Pinnacle 2 Quark 12 Skylum 6 Techsmith 20 Wondershare 21 XMind 4 Nombre de postes Afficher tout - 1 147 2 17 3 4 4 2 10 et plus 14 Durée Afficher tout - Licence perpétuelle 104 1 an 72 2 ans 6 3 ans 2 Stockage Afficher tout - 5 Go 1 20 Go 2 Prix en € Min. Max. Afficher : 10 produits 25 produits 50 produits 100 produits Trier par : Marque Nom Prix croissant Prix décroissant 01J 05h 46m 18s AUDIALS MUSIC 2024 Enregistreur de musique en streaming 14,99 € Ajouter au panier 01J 05h 46m 18s AUDIALS RADIO 2024 Enregistrer et profiter facilement des stations de radio musicales 14,99 € Ajouter au panier 01J 05h 46m 18s AUDIALS MOVIE 2024 Enregistreur de vidéos 19,99 € Ajouter au panier RECORDIFY - LICENCE PERPÉTUELLE Enregistrez facilement et légalement de la musique provenant de services de streaming ou de boîtes au format MP3. 29,95 € Prix conseillé éditeur 19,99 € Ajouter au panier ASHAMPOO PHOTO COMMANDER 17 - 1 PC - LICENCE PERPÉTUELLE Ashampoo Photo Commander 17 est la solution complète pour visualiser, éditer et organiser vos photos. Plus de 200 fonctions couvrent toutes les tâches de traitement d'image courantes. 49,99 € Prix conseillé éditeur 19,99 € Ajouter au panier 02J 05h 46m 18s ASHAMPOO SNAP 16 - 1 PC - LICENCE PERPÉTUELLE Ashampoo Snap 16 capture tout ce que vous voyez sur votre écran pour en faire des captures d'écran ou des vidéos. Vous pouvez ensuite facilement, modifier, annoter et partager les résultats avec d'autres. 19,99 € Ajouter au panier MUSIC MAKER 80S EDITION Avec Music Maker 80s Edition, utilisez directement tous les sons synthé pop des années 80 dans Music Maker. 29,99 € Prix conseillé éditeur 25,99 € Ajouter au panier MAGIX 3D MAKER 7 Magix 3D Maker 7 transforme en un clin d'œil tous les textes et toutes les formes possibles en graphiques et en animations 3D de haute qualité. 29,99 € Prix conseillé éditeur 25,99 € Ajouter au panier MUSIC MAKER EDM EDITION Produisez de la musique électronique grâce aux drops dynamiques, des synthés puissants et de la bonne humeur à revendre. 29,99 € Prix conseillé éditeur 25,99 € Ajouter au panier MUSIC MAKER HIP HOP EDITION Les enceintes à fond, des rythmes de rap puissants et vos paroles : la Hip Hop Edition offre tout ce dont vous avez besoin pour produire des rythmes et des morceaux de rap. 29,99 € Prix conseillé éditeur 26,99 € Ajouter au panier « Précédent Suivant » « Précédent 1 2 3 4 5 6 7 8 9 10 ... 18 19 Suivant » Filtrer : Fermer Sous-catégories Afficher tout Autres logiciels multimédia 7 CAO / DAO 2D/3D 4 Capture d'écran et vidéo 21 Création & montage vidéo 38 Création Web 2 Création de cartes mentales 18 Création de diagrammes, organigrammes 4 Création graphique 10 Création musicale 13 Dessin et peinture numérique 6 PAO / Mise en page 15 Retouche photo 35 Suites de créativité complètes 11 Plateformes Afficher tout - Android 22 iOS 26 Linux 1 Mac 93 Online 22 Windows 164 Marques Afficher tout - Abelssoft 3 Adobe 24 Affinity 7 Ashampoo 8 Audials 6 Avanquest 4 Corel 24 Magix 25 Micro Application 1 Microsoft 2 Mindjet 4 Movavi 5 Nero 4 Pinnacle 2 Quark 12 Skylum 6 Techsmith 20 Wondershare 21 XMind 4 Nombre de postes Afficher tout - 1 147 2 17 3 4 4 2 10 et plus 14 Durée Afficher tout - Licence perpétuelle 104 1 an 72 2 ans 6 3 ans 2 Stockage Afficher tout - 5 Go 1 20 Go 2 Prix en € Min. Max. Filtrer 0 Appliquer DÉCOUVREZ NOS ESPACES DÉDIÉS AUX MARQUES LES OFFRES DU MOMENT LUMINAR NEO - ETUDIANTS & ENSEIGNANTS - 2 APPAREILS - ABONNEMENT 1 AN Améliorez vos photos sans effort 34,99 € Découvrir LUMINAR NEO - 2 APPAREILS - ABONNEMENT 1 AN Améliorez vos photos sans effort 69,99 € Prix conseillé éditeur 58,99 € Découvrir Promo 02J 05h 46m 18s ASHAMPOO SNAP 16 - 1 PC - LICENCE PERPÉTUELLE L'application de capture d'écran pour enregistrer, monter et couper ! 19,99 € Découvrir Promo 32J 05h 46m 18s CORELDRAW ESSENTIALS 2021 - 1 UTILISATEUR - 2 POSTES - LICENCE PERPÉTUELLE Pour les utilisateurs de graphismes occasionnels et les créatifs 64,99 € Découvrir Ajouter au panier Footer Modes de paiements * * * * * * * * Facilités de paiement * Paiement sécurisé * * * * Livraison gratuite Vous ne payez aucun frais de livraison ni frais cachés Société Française Impôts et TVA payés en France. Assistance basée en France Assistance Besoin d’aide ? Une question ? Charte qualité Membre de la Fédération du e-Commerce et de la vente à distance À propos * Eptimum, qui sommes-nous ? * Nos équipes * Nos offres d'emploi * Nos éditeurs * Nos partenaires * Nos partenaires de distribution * La vente aux revendeurs * La vente aux entreprises * Notre programme d’affiliation * Contact * Plan du site Légales * Conditions générales de vente * Mentions légales * Politique de confidentialité * Modes de paiement * Cookies Newsletter * Recevez nos offres promotionnelles et nouveautés * Adresse mail M'inscrire Avis Clients * Pour toutes informations relatives à vos données personnelles, consulter notre page dédiée. Copyright© 2024 - Eptimum.com - Tous droits réservés. Facebook X (Twitter) Suivez-nous sur les réseaux sociaux Continuer sans accepter Gestion des Cookies Notre site utilise des cookies ou des technologies similaires pour vous garantir une meilleure expérience utilisateur, vous proposer des offres adaptées à vos centres d’intérêt et réaliser des statistiques de visites. Nous utilisons également cela pour prévenir les risques de fraude. Nous vous invitons à les accepter mais vous pourrez changer d'avis à tout moment en cliquant sur le lien « Cookies » en bas de chaque page de notre site. Consentements certifiés par ParamétrerAccepter Axeptio consent Plateforme de Gestion du Consentement : Personnalisez vos Options Notre plateforme vous permet d'adapter et de gérer vos paramètres de confidentialité, en garantissant la conformité avec les réglementations. Personnalisez vos préférences pour contrôler la manière dont vos informations sont manipulées.