{* Template Admin pour l'onglet Soldes *}
<div class="panel panel-default">
    <div class="panel-heading">
        <i class="icon-tag"></i> {l s='Gestion des Soldes' mod='salesmanager'}
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="control-label col-lg-3">
                {l s='Activer les soldes' mod='salesmanager'}
            </label>
            <div class="col-lg-9">
                <span class="switch prestashop-switch fixed-width-lg">
                    <input type="radio" name="sale_active" id="sale_active_on" value="1" 
                           {if $sale_data.active}checked{/if}>
                    <label for="sale_active_on">{l s='Oui' mod='salesmanager'}</label>
                    <input type="radio" name="sale_active" id="sale_active_off" value="0" 
                           {if !$sale_data.active}checked{/if}>
                    <label for="sale_active_off">{l s='Non' mod='salesmanager'}</label>
                    <a class="slide-button btn"></a>
                </span>
            </div>
        </div>

        <div id="sale_settings" {if !$sale_data.active}style="display:none;"{/if}>
            <div class="form-group">
                <label class="control-label col-lg-3">
                    {l s='Type de solde' mod='salesmanager'}
                </label>
                <div class="col-lg-9">
                    <select name="sale_type" class="form-control">
                        {foreach from=$sale_types key=key item=type}
                            <option value="{$key}" {if $sale_data.sale_type == $key}selected{/if}>
                                {$type}
                            </option>
                        {/foreach}
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-3">
                    {l s='Pourcentage de réduction' mod='salesmanager'}
                </label>
                <div class="col-lg-9">
                    <div class="input-group">
                        <span class="input-group-addon">-</span>
                        <input type="number" name="sale_percentage" min="5" max="95" step="5" 
                               value="{$sale_data.sale_percentage|default:10}" class="form-control">
                        <span class="input-group-addon">%</span>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-3">
                    {l s='Couleur de fond du badge' mod='salesmanager'}
                </label>
                <div class="col-lg-9">
                    <input type="color" name="badge_bg_color" 
                           value="{$sale_data.badge_bg_color|default:'#FF0000'}" class="form-control">
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-3">
                    {l s='Couleur du texte du badge' mod='salesmanager'}
                </label>
                <div class="col-lg-9">
                    <input type="color" name="badge_text_color" 
                           value="{$sale_data.badge_text_color|default:'#FFFFFF'}" class="form-control">
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-3">
                    {l s='Couleur du prix soldé' mod='salesmanager'}
                </label>
                <div class="col-lg-9">
                    <input type="color" name="price_color" 
                           value="{$sale_data.price_color|default:'#FF0000'}" class="form-control">
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-3">
                    {l s='Date de début' mod='salesmanager'}
                </label>
                <div class="col-lg-9">
                    <input type="datetime-local" name="sale_date_from" 
                           value="{$sale_data.date_from|date_format:'Y-m-d\TH:i'}" class="form-control">
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-lg-3">
                    {l s='Date de fin' mod='salesmanager'}
                </label>
                <div class="col-lg-9">
                    <input type="datetime-local" name="sale_date_to" 
                           value="{$sale_data.date_to|date_format:'Y-m-d\TH:i'}" class="form-control">
                </div>
            </div>
        </div>
    </div>
</div>

<script>
$(document).ready(function() {
    // Toggle sale settings visibility
    $('input[name="sale_active"]').on('change', function() {
        if ($(this).val() == '1') {
            $('#sale_settings').slideDown();
        } else {
            $('#sale_settings').slideUp();
        }
    });

    // Live preview of badge
    $('input[name="sale_percentage"], input[name="badge_bg_color"], input[name="badge_text_color"]').on('change input', function() {
        updatePreview();
    });

    function updatePreview() {
        var percentage = $('input[name="sale_percentage"]').val();
        var bgColor = $('input[name="badge_bg_color"]').val();
        var textColor = $('input[name="badge_text_color"]').val();
        
        // Update preview if exists
        if ($('#sale_badge_preview').length) {
            $('#sale_badge_preview').css({
                'background-color': bgColor,
                'color': textColor
            }).text('SOLDES -' + percentage + '%');
        }
    }
});
</script>

<style>
#sale_settings {
    margin-top: 20px;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 4px;
}

#sale_badge_preview {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: bold;
    margin-top: 10px;
}

.form-group input[type="color"] {
    width: 100px;
    height: 38px;
    padding: 2px;
}
</style>

<style>
.sale-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 3px;
    z-index: 10;
    text-transform: uppercase;
}

.sale-price-container {
    display: inline-block;
}

.sale-original-price {
    text-decoration: line-through;
    color: #999;
    font-size: 0.9em;
    margin-right: 10px;
}

.sale-new-price {
    font-weight: bold;
    font-size: 1.2em;
}

.product-price-and-shipping .price {
    position: relative;
}
</style>

{* Template pour le badge sur les listes de produits *}
{if $sale_data && $sale_data.active}
    <div class="sale-badge" style="background-color: {$sale_data.badge_bg_color}; color: {$sale_data.badge_text_color};">
        {$sale_label}
    </div>
{/if}

{* Template pour l'affichage du prix soldé *}
{if $sale_data && $sale_data.active}
    <div class="sale-price-container">
        <span class="sale-original-price">
            {$original_price|number_format:2:',':' '} {$currency->sign}
        </span>
        <span class="sale-new-price" style="color: {$sale_data.price_color};">
            {$sale_price|number_format:2:',':' '} {$currency->sign}
        </span>
    </div>
{/if}

<!-- begin catalog/listing/category.tpl -->

 


<!doctype html>
<html lang="fr-FR">

  <head>
    
      
  <meta charset="utf-8">


  <meta http-equiv="x-ua-compatible" content="ie=edge">



  <title>Accueil</title>
  
    
  
  <meta name="description" content="">
  <meta name="keywords" content="">
        <link rel="canonical" href="https://www.vmode.fr/2-accueil">
    
      
  
  
    <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name" : "Vmode",
    "url" : "https://www.vmode.fr/"
         ,"logo": {
        "@type": "ImageObject",
        "url":"https://www.vmode.fr/img/logo-1749909880.jpg"
      }
      }
</script>

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "isPartOf": {
      "@type": "WebSite",
      "url":  "https://www.vmode.fr/",
      "name": "Vmode"
    },
    "name": "Accueil",
    "url":  "https://www.vmode.fr/2-accueil?q=Taille-M-XXL%2FCouleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
  }
</script>


  
  
  
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ItemList",
    "itemListElement": [
          {
        "@type": "ListItem",
        "position": 1,
        "name": "Ensemble blanc et noir",
        "url": "https://www.vmode.fr/accueil/21-65-ensemble-blanc-et-noir.html#/2-taille-m/18-couleur-rose"
      },          {
        "@type": "ListItem",
        "position": 2,
        "name": "Robe tendance été 2025",
        "url": "https://www.vmode.fr/accueil/23-60-robe-tendance-ete-2025.html#/2-taille-m/26-couleur-fushia"
      },          {
        "@type": "ListItem",
        "position": 3,
        "name": "ref38 chemisier style noeud",
        "url": "https://www.vmode.fr/accueil/26-79-ref38-chemisier-style-noeud.html#/2-taille-m/15-couleur-vert"
      },          {
        "@type": "ListItem",
        "position": 4,
        "name": "ref139 tunique bleu marine",
        "url": "https://www.vmode.fr/accueil/28-96-ref139-tunique-bleu-marine.html#/2-taille-m/38-couleur-bleu_marine"
      },          {
        "@type": "ListItem",
        "position": 5,
        "name": "ref2002 blazer manche 3-4",
        "url": "https://www.vmode.fr/accueil/32-113-ref2002-blazer-manche-3-4.html#/2-taille-m/15-couleur-vert"
      }        ]
  }
</script>

  
  
    
  

  
    <meta property="og:title" content="Accueil" />
    <meta property="og:description" content="" />
    <meta property="og:url" content="https://www.vmode.fr/2-accueil?q=Taille-M-XXL%2FCouleur-Rouge-Vert-Rose-Fushia-Bleu+Marine" />
    <meta property="og:site_name" content="Vmode" />
    <meta property="og:type" content="website" />    



  <meta name="viewport" content="width=device-width, initial-scale=1">



  <link rel="icon" type="image/vnd.microsoft.icon" href="https://www.vmode.fr/img/favicon.ico?1749909880">
  <link rel="shortcut icon" type="image/x-icon" href="https://www.vmode.fr/img/favicon.ico?1749909880">



    <link rel="stylesheet" href="https://www.vmode.fr/themes/classic/assets/css/theme.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/modules/blockreassurance/views/dist/front.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/modules/ps_socialfollow/views/css/ps_socialfollow.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/modules/ps_searchbar/ps_searchbar.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/modules/ps_facetedsearch/views/dist/front.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/modules/productcomments/views/css/productcomments.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/modules/minichat/views/css/minichat.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/modules/myrgpdmodule/views/css/myrgpdmodule.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/js/jquery/ui/themes/base/minified/jquery-ui.min.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/js/jquery/ui/themes/base/minified/jquery.ui.theme.min.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/modules/blockwishlist/public/wishlist.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/modules/ps_imageslider/css/homeslider.css" type="text/css" media="all">
  <link rel="stylesheet" href="https://www.vmode.fr/themes/child_classic/assets/css/custom.css" type="text/css" media="all">




  

  <script type="text/javascript">
        var blockwishlistController = "https:\/\/www.vmode.fr\/module\/blockwishlist\/action";
        var prestashop = {"cart":{"products":[],"totals":{"total":{"type":"total","label":"Total","amount":0,"value":"0,00\u00a0\u20ac"},"total_including_tax":{"type":"total","label":"Total TTC","amount":0,"value":"0,00\u00a0\u20ac"},"total_excluding_tax":{"type":"total","label":"Total HT :","amount":0,"value":"0,00\u00a0\u20ac"}},"subtotals":{"products":{"type":"products","label":"Sous-total","amount":0,"value":"0,00\u00a0\u20ac"},"discounts":null,"shipping":{"type":"shipping","label":"Livraison","amount":0,"value":""},"tax":null},"products_count":0,"summary_string":"0 articles","vouchers":{"allowed":0,"added":[]},"discounts":[],"minimalPurchase":0,"minimalPurchaseRequired":""},"currency":{"id":1,"name":"Euro","iso_code":"EUR","iso_code_num":"978","sign":"\u20ac"},"customer":{"lastname":null,"firstname":null,"email":null,"birthday":null,"newsletter":null,"newsletter_date_add":null,"optin":null,"website":null,"company":null,"siret":null,"ape":null,"is_logged":false,"gender":{"type":null,"name":null},"addresses":[]},"country":{"id_zone":1,"id_currency":0,"call_prefix":33,"iso_code":"FR","active":"1","contains_states":"0","need_identification_number":"0","need_zip_code":"1","zip_code_format":"NNNNN","display_tax_label":"1","name":"France","id":8},"language":{"name":"Fran\u00e7ais (French)","iso_code":"fr","locale":"fr-FR","language_code":"fr","active":"1","is_rtl":"0","date_format_lite":"d\/m\/Y","date_format_full":"d\/m\/Y H:i:s","id":1},"page":{"title":"","canonical":"https:\/\/www.vmode.fr\/2-accueil","meta":{"title":"Accueil","description":"","keywords":"","robots":"index"},"page_name":"category","body_classes":{"lang-fr":true,"lang-rtl":false,"country-FR":true,"currency-EUR":true,"layout-left-column":true,"page-category":true,"tax-display-enabled":true,"page-customer-account":false,"category-id-2":true,"category-Accueil":true,"category-id-parent-1":true,"category-depth-level-1":true},"admin_notifications":[],"password-policy":{"feedbacks":{"0":"Tr\u00e8s faible","1":"Faible","2":"Moyenne","3":"Fort","4":"Tr\u00e8s fort","Straight rows of keys are easy to guess":"Les suites de touches sur le clavier sont faciles \u00e0 deviner","Short keyboard patterns are easy to guess":"Les mod\u00e8les courts sur le clavier sont faciles \u00e0 deviner.","Use a longer keyboard pattern with more turns":"Utilisez une combinaison de touches plus longue et plus complexe.","Repeats like \"aaa\" are easy to guess":"Les r\u00e9p\u00e9titions (ex. : \"aaa\") sont faciles \u00e0 deviner.","Repeats like \"abcabcabc\" are only slightly harder to guess than \"abc\"":"Les r\u00e9p\u00e9titions (ex. : \"abcabcabc\") sont seulement un peu plus difficiles \u00e0 deviner que \"abc\".","Sequences like abc or 6543 are easy to guess":"Les s\u00e9quences (ex. : abc ou 6543) sont faciles \u00e0 deviner.","Recent years are easy to guess":"Les ann\u00e9es r\u00e9centes sont faciles \u00e0 deviner.","Dates are often easy to guess":"Les dates sont souvent faciles \u00e0 deviner.","This is a top-10 common password":"Ce mot de passe figure parmi les 10 mots de passe les plus courants.","This is a top-100 common password":"Ce mot de passe figure parmi les 100 mots de passe les plus courants.","This is a very common password":"Ceci est un mot de passe tr\u00e8s courant.","This is similar to a commonly used password":"Ce mot de passe est similaire \u00e0 un mot de passe couramment utilis\u00e9.","A word by itself is easy to guess":"Un mot seul est facile \u00e0 deviner.","Names and surnames by themselves are easy to guess":"Les noms et les surnoms seuls sont faciles \u00e0 deviner.","Common names and surnames are easy to guess":"Les noms et les pr\u00e9noms courants sont faciles \u00e0 deviner.","Use a few words, avoid common phrases":"Utilisez quelques mots, \u00e9vitez les phrases courantes.","No need for symbols, digits, or uppercase letters":"Pas besoin de symboles, de chiffres ou de majuscules.","Avoid repeated words and characters":"\u00c9viter de r\u00e9p\u00e9ter les mots et les caract\u00e8res.","Avoid sequences":"\u00c9viter les s\u00e9quences.","Avoid recent years":"\u00c9vitez les ann\u00e9es r\u00e9centes.","Avoid years that are associated with you":"\u00c9vitez les ann\u00e9es qui vous sont associ\u00e9es.","Avoid dates and years that are associated with you":"\u00c9vitez les dates et les ann\u00e9es qui vous sont associ\u00e9es.","Capitalization doesn't help very much":"Les majuscules ne sont pas tr\u00e8s utiles.","All-uppercase is almost as easy to guess as all-lowercase":"Un mot de passe tout en majuscules est presque aussi facile \u00e0 deviner qu'un mot de passe tout en minuscules.","Reversed words aren't much harder to guess":"Les mots invers\u00e9s ne sont pas beaucoup plus difficiles \u00e0 deviner.","Predictable substitutions like '@' instead of 'a' don't help very much":"Les substitutions pr\u00e9visibles comme '\"@\" au lieu de \"a\" n'aident pas beaucoup.","Add another word or two. Uncommon words are better.":"Ajoutez un autre mot ou deux. Pr\u00e9f\u00e9rez les mots peu courants."}}},"shop":{"name":"Vmode","logo":"https:\/\/www.vmode.fr\/img\/logo-1749909880.jpg","stores_icon":"https:\/\/www.vmode.fr\/img\/logo_stores.png","favicon":"https:\/\/www.vmode.fr\/img\/favicon.ico"},"core_js_public_path":"\/themes\/","urls":{"base_url":"https:\/\/www.vmode.fr\/","current_url":"https:\/\/www.vmode.fr\/2-accueil?q=Taille-M-XXL%2FCouleur-Rouge-Vert-Rose-Fushia-Bleu+Marine","shop_domain_url":"https:\/\/www.vmode.fr","img_ps_url":"https:\/\/www.vmode.fr\/img\/","img_cat_url":"https:\/\/www.vmode.fr\/img\/c\/","img_lang_url":"https:\/\/www.vmode.fr\/img\/l\/","img_prod_url":"https:\/\/www.vmode.fr\/img\/p\/","img_manu_url":"https:\/\/www.vmode.fr\/img\/m\/","img_sup_url":"https:\/\/www.vmode.fr\/img\/su\/","img_ship_url":"https:\/\/www.vmode.fr\/img\/s\/","img_store_url":"https:\/\/www.vmode.fr\/img\/st\/","img_col_url":"https:\/\/www.vmode.fr\/img\/co\/","img_url":"https:\/\/www.vmode.fr\/themes\/child_classic\/assets\/img\/","css_url":"https:\/\/www.vmode.fr\/themes\/child_classic\/assets\/css\/","js_url":"https:\/\/www.vmode.fr\/themes\/child_classic\/assets\/js\/","pic_url":"https:\/\/www.vmode.fr\/upload\/","theme_assets":"https:\/\/www.vmode.fr\/themes\/child_classic\/assets\/","theme_dir":"https:\/\/www.vmode.fr\/themes\/child_classic\/","pages":{"address":"https:\/\/www.vmode.fr\/adresse","addresses":"https:\/\/www.vmode.fr\/adresses","authentication":"https:\/\/www.vmode.fr\/connexion","manufacturer":"https:\/\/www.vmode.fr\/marques","cart":"https:\/\/www.vmode.fr\/panier","category":"https:\/\/www.vmode.fr\/index.php?controller=category","cms":"https:\/\/www.vmode.fr\/index.php?controller=cms","contact":"https:\/\/www.vmode.fr\/nous-contacter","discount":"https:\/\/www.vmode.fr\/reduction","guest_tracking":"https:\/\/www.vmode.fr\/suivi-commande-invite","history":"https:\/\/www.vmode.fr\/historique-commandes","identity":"https:\/\/www.vmode.fr\/identite","index":"https:\/\/www.vmode.fr\/","my_account":"https:\/\/www.vmode.fr\/mon-compte","order_confirmation":"https:\/\/www.vmode.fr\/confirmation-commande","order_detail":"https:\/\/www.vmode.fr\/index.php?controller=order-detail","order_follow":"https:\/\/www.vmode.fr\/suivi-commande","order":"https:\/\/www.vmode.fr\/commande","order_return":"https:\/\/www.vmode.fr\/index.php?controller=order-return","order_slip":"https:\/\/www.vmode.fr\/avoirs","pagenotfound":"https:\/\/www.vmode.fr\/page-introuvable","password":"https:\/\/www.vmode.fr\/recuperation-mot-de-passe","pdf_invoice":"https:\/\/www.vmode.fr\/index.php?controller=pdf-invoice","pdf_order_return":"https:\/\/www.vmode.fr\/index.php?controller=pdf-order-return","pdf_order_slip":"https:\/\/www.vmode.fr\/index.php?controller=pdf-order-slip","prices_drop":"https:\/\/www.vmode.fr\/promotions","product":"https:\/\/www.vmode.fr\/index.php?controller=product","registration":"https:\/\/www.vmode.fr\/inscription","search":"https:\/\/www.vmode.fr\/recherche","sitemap":"https:\/\/www.vmode.fr\/plan-site","stores":"https:\/\/www.vmode.fr\/magasins","supplier":"https:\/\/www.vmode.fr\/fournisseurs","new_products":"https:\/\/www.vmode.fr\/nouveaux-produits","brands":"https:\/\/www.vmode.fr\/marques","register":"https:\/\/www.vmode.fr\/inscription","order_login":"https:\/\/www.vmode.fr\/commande?login=1"},"alternative_langs":[],"actions":{"logout":"https:\/\/www.vmode.fr\/?mylogout="},"no_picture_image":{"bySize":{"small_default":{"url":"https:\/\/www.vmode.fr\/img\/p\/fr-default-small_default.jpg","width":98,"height":98},"cart_default":{"url":"https:\/\/www.vmode.fr\/img\/p\/fr-default-cart_default.jpg","width":125,"height":125},"home_default":{"url":"https:\/\/www.vmode.fr\/img\/p\/fr-default-home_default.jpg","width":250,"height":250},"medium_default":{"url":"https:\/\/www.vmode.fr\/img\/p\/fr-default-medium_default.jpg","width":452,"height":452},"large_default":{"url":"https:\/\/www.vmode.fr\/img\/p\/fr-default-large_default.jpg","width":800,"height":800}},"small":{"url":"https:\/\/www.vmode.fr\/img\/p\/fr-default-small_default.jpg","width":98,"height":98},"medium":{"url":"https:\/\/www.vmode.fr\/img\/p\/fr-default-home_default.jpg","width":250,"height":250},"large":{"url":"https:\/\/www.vmode.fr\/img\/p\/fr-default-large_default.jpg","width":800,"height":800},"legend":""}},"configuration":{"display_taxes_label":true,"display_prices_tax_incl":true,"is_catalog":false,"show_prices":true,"opt_in":{"partner":true},"quantity_discount":{"type":"discount","label":"Remise sur prix unitaire"},"voucher_enabled":0,"return_enabled":1},"field_required":[],"breadcrumb":{"links":[{"title":"Accueil","url":"https:\/\/www.vmode.fr\/"}],"count":1},"link":{"protocol_link":"https:\/\/","protocol_content":"https:\/\/"},"time":1756621970,"static_token":"991b236418738afdc72961604f5d664a","token":"40ec00e74d206d7ba0a0f6d00e701be2","debug":true};
        var productsAlreadyTagged = [];
        var psr_icon_color = "#F19D76";
        var removeFromWishlistUrl = "https:\/\/www.vmode.fr\/module\/blockwishlist\/action?action=deleteProductFromWishlist";
        var wishlistAddProductToCartUrl = "https:\/\/www.vmode.fr\/module\/blockwishlist\/action?action=addProductToCart";
        var wishlistUrl = "https:\/\/www.vmode.fr\/module\/blockwishlist\/view";
      </script>



  


    
  </head>

  <body id="category" class="lang-fr country-fr currency-eur layout-left-column page-category tax-display-enabled category-id-2 category-accueil category-id-parent-1 category-depth-level-1">

    
      
    

    <main>
      
              

      <header id="header">
        
          
  <div class="header-banner">
    
  </div>



  <nav class="header-nav">
    <div class="container">
      <div class="row">
        <div class="hidden-sm-down">
          <div class="col-md-5 col-xs-12">
            
<!-- begin module:ps_contactinfo/nav.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_contactinfo/nav.tpl --><div id="_desktop_contact_link">
  <div id="contact-link">
          <a href="https://www.vmode.fr/nous-contacter">Contactez-nous</a>
      </div>
</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_contactinfo/nav.tpl -->
<!-- end module:ps_contactinfo/nav.tpl -->

          </div>
          <div class="col-md-7 right-nav">
              
<!-- begin module:ps_customersignin/ps_customersignin.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_customersignin/ps_customersignin.tpl --><div id="_desktop_user_info">
  <div class="user-info">
          <a
        href="https://www.vmode.fr/connexion?back=https%3A%2F%2Fwww.vmode.fr%2F2-accueil%3Fq%3DTaille-M-XXL%252FCouleur-Rouge-Vert-Rose-Fushia-Bleu%2BMarine"
        title="Identifiez-vous"
        rel="nofollow"
      >
        <i class="material-icons">&#xE7FF;</i>
        <span class="hidden-sm-down">Connexion</span>
      </a>
      </div>
</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_customersignin/ps_customersignin.tpl -->
<!-- end module:ps_customersignin/ps_customersignin.tpl -->

<!-- begin module:ps_shoppingcart/ps_shoppingcart.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_shoppingcart/ps_shoppingcart.tpl --><div id="_desktop_cart">
  <div class="blockcart cart-preview inactive" data-refresh-url="//www.vmode.fr/module/ps_shoppingcart/ajax">
    <div class="header">
              <i class="material-icons shopping-cart" aria-hidden="true">shopping_cart</i>
        <span class="hidden-sm-down">Panier</span>
        <span class="cart-products-count">(0)</span>
          </div>
  </div>
</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_shoppingcart/ps_shoppingcart.tpl -->
<!-- end module:ps_shoppingcart/ps_shoppingcart.tpl -->

          </div>
        </div>
        <div class="hidden-md-up text-sm-center mobile">
          <div class="float-xs-left" id="menu-icon">
            <i class="material-icons d-inline">&#xE5D2;</i>
          </div>
          <div class="float-xs-right" id="_mobile_cart"></div>
          <div class="float-xs-right" id="_mobile_user_info"></div>
          <div class="top-logo" id="_mobile_logo"></div>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>
  </nav>



  <div class="header-top">
    <div class="container">
       <div class="row">
        <div class="col-md-2 hidden-sm-down" id="_desktop_logo">
                                    
  <a href="https://www.vmode.fr/">
    <img
      class="logo img-fluid"
      src="https://www.vmode.fr/img/logo-1749909880.jpg"
      alt="Vmode"
      width="1979"
      height="986">
  </a>

                              </div>
        <div class="header-top-right col-md-10 col-sm-12 position-static">
          
<!-- begin module:ps_mainmenu/ps_mainmenu.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_mainmenu/ps_mainmenu.tpl -->

<div class="menu js-top-menu position-static hidden-sm-down" id="_desktop_top_menu">
    
          <ul class="top-menu" id="top-menu" data-depth="0">
                    <li class="category" id="category-3">
                          <a
                class="dropdown-item"
                href="https://www.vmode.fr/3-vetements" data-depth="0"
                              >
                                                                      <span class="float-xs-right hidden-md-up">
                    <span data-target="#top_sub_menu_22020" data-toggle="collapse" class="navbar-toggler collapse-icons">
                      <i class="material-icons add">&#xE313;</i>
                      <i class="material-icons remove">&#xE316;</i>
                    </span>
                  </span>
                                Vêtements
              </a>
                            <div  class="popover sub-menu js-sub-menu collapse" id="top_sub_menu_22020">
                
          <ul class="top-menu"  data-depth="1">
                    <li class="category" id="category-4">
                          <a
                class="dropdown-item dropdown-submenu"
                href="https://www.vmode.fr/4-hommes" data-depth="1"
                              >
                                Hommes
              </a>
                          </li>
                    <li class="category" id="category-5">
                          <a
                class="dropdown-item dropdown-submenu"
                href="https://www.vmode.fr/5-femmes" data-depth="1"
                              >
                                Femmes
              </a>
                          </li>
              </ul>
    
              </div>
                          </li>
                    <li class="category" id="category-10">
                          <a
                class="dropdown-item"
                href="https://www.vmode.fr/10-accessoires" data-depth="0"
                              >
                                Accessoires
              </a>
                          </li>
                    <li class="cms-page" id="cms-page-6">
                          <a
                class="dropdown-item"
                href="https://www.vmode.fr/content/6-reseaux-sociaux" data-depth="0"
                              >
                                RESEAUX SOCIAUX
              </a>
                          </li>
                    <li class="category" id="category-11">
                          <a
                class="dropdown-item"
                href="https://www.vmode.fr/11-confiserie" data-depth="0"
                              >
                                Confiserie
              </a>
                          </li>
                    <li class="cms-page" id="cms-page-8">
                          <a
                class="dropdown-item"
                href="https://www.vmode.fr/content/8-live" data-depth="0"
                              >
                                LIVE
              </a>
                          </li>
              </ul>
    
    <div class="clearfix"></div>
</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_mainmenu/ps_mainmenu.tpl -->
<!-- end module:ps_mainmenu/ps_mainmenu.tpl -->

<!-- begin module:ps_searchbar/ps_searchbar.tpl -->
<!-- begin /var/www/prestashop/modules/ps_searchbar/ps_searchbar.tpl -->
<div id="search_widget" class="search-widgets" data-search-controller-url="//www.vmode.fr/recherche">
  <form method="get" action="//www.vmode.fr/recherche">
    <input type="hidden" name="controller" value="search">
    <i class="material-icons search" aria-hidden="true">search</i>
    <input type="text" name="s" value="" placeholder="Rechercher" aria-label="Rechercher">
    <i class="material-icons clear" aria-hidden="true">clear</i>
  </form>
</div>
<!-- end /var/www/prestashop/modules/ps_searchbar/ps_searchbar.tpl -->
<!-- end module:ps_searchbar/ps_searchbar.tpl -->

        </div>
      </div>
      <div id="mobile_top_menu_wrapper" class="row hidden-md-up" style="display:none;">
        <div class="js-top-menu mobile" id="_mobile_top_menu"></div>
        <div class="js-top-menu-bottom">
          <div id="_mobile_currency_selector"></div>
          <div id="_mobile_language_selector"></div>
          <div id="_mobile_contact_link"></div>
        </div>
      </div>
    </div>
  </div>
  

        
      </header>

      <section id="wrapper">
        
          
<aside id="notifications">
  <div class="notifications-container container">
    
    
    
      </div>
</aside>
        

        
        <div class="container">
          
            <nav data-depth="1" class="breadcrumb">
  <ol>
    
              
          <li>
                          <span>Accueil</span>
                      </li>
        
          
  </ol>
</nav>
          

          <div class="row">
            
              <div id="left-column" class="col-xs-12 col-md-4 col-lg-3">
                                  
<!-- begin module:ps_categorytree/views/templates/hook/ps_categorytree.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_categorytree/views/templates/hook/ps_categorytree.tpl -->


<div class="block-categories">
  <ul class="category-top-menu">
    <li><a class="text-uppercase h6" href="https://www.vmode.fr/2-accueil">Accueil</a></li>
          <li>
  <ul class="category-sub-menu"><li data-depth="0"><a href="https://www.vmode.fr/3-vetements">Vêtements</a><div class="navbar-toggler collapse-icons" data-toggle="collapse" data-target="#exCollapsingNavbar3"><i class="material-icons add">&#xE145;</i><i class="material-icons remove">&#xE15B;</i></div><div class="collapse" id="exCollapsingNavbar3">
  <ul class="category-sub-menu"><li data-depth="1"><a class="category-sub-link" href="https://www.vmode.fr/4-hommes">Hommes</a></li><li data-depth="1"><a class="category-sub-link" href="https://www.vmode.fr/5-femmes">Femmes</a></li></ul></div></li><li data-depth="0"><a href="https://www.vmode.fr/10-accessoires">Accessoires</a></li><li data-depth="0"><a href="https://www.vmode.fr/11-confiserie">Confiserie</a></li></ul></li>
      </ul>
</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_categorytree/views/templates/hook/ps_categorytree.tpl -->
<!-- end module:ps_categorytree/views/templates/hook/ps_categorytree.tpl -->

<!-- begin module:ps_facetedsearch/ps_facetedsearch.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_facetedsearch/ps_facetedsearch.tpl --><div id="search_filters_wrapper" class="hidden-sm-down">
  <div id="search_filter_controls" class="hidden-md-up">
      <span id="_mobile_search_filters_clear_all"></span>
      <button class="btn btn-secondary ok">
        <i class="material-icons rtl-no-flip">&#xE876;</i>
        ok
      </button>
  </div>
  
<!-- begin module:ps_facetedsearch/views/templates/front/catalog/facets.tpl -->
<!-- begin /var/www/prestashop/modules/ps_facetedsearch/views/templates/front/catalog/facets.tpl -->  <div id="search_filters">
    
      <p class="text-uppercase h6 hidden-sm-down">Filtrer par</p>
    

    
              <div id="_desktop_search_filters_clear_all" class="hidden-sm-down clear-all-wrapper">
          <button data-search-url="https://www.vmode.fr/2-accueil" class="btn btn-tertiary js-search-filters-clear-all">
            <i class="material-icons">&#xE14C;</i>
            Effacer tout
          </button>
        </div>
          

          <section class="facet clearfix" data-type="availability" data-name="Disponibilité">
        <p class="h6 facet-title hidden-sm-down">Disponibilité</p>
                                                            
        <div class="title hidden-md-up" data-target="#facet_78739" data-toggle="collapse">
          <p class="h6 facet-title">Disponibilité</p>
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add">&#xE313;</i>
            <i class="material-icons remove">&#xE316;</i>
          </span>
        </div>

                  
            <ul id="facet_78739" class="collapse">
                              
                <li>
                  <label class="facet-label" for="facet_input_78739_0">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_78739_0"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Disponibilit%C3%A9-En+stock"
                          type="checkbox"
                                                  >
                                                  <span  class="ps-shown-by-js" ><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Disponibilit%C3%A9-En+stock"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      En stock
                                              <span class="magnitude">(3)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label" for="facet_input_78739_1">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_78739_1"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Disponibilit%C3%A9-Non+disponible"
                          type="checkbox"
                                                  >
                                                  <span  class="ps-shown-by-js" ><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Disponibilit%C3%A9-Non+disponible"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Non disponible
                                              <span class="magnitude">(2)</span>
                                          </a>
                  </label>
                </li>
                          </ul>
          

              </section>
          <section class="facet clearfix" data-type="extras" data-name="Selections">
        <p class="h6 facet-title hidden-sm-down">Selections</p>
                                                                              
        <div class="title hidden-md-up" data-target="#facet_602" data-toggle="collapse">
          <p class="h6 facet-title">Selections</p>
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add">&#xE313;</i>
            <i class="material-icons remove">&#xE316;</i>
          </span>
        </div>

                  
            <ul id="facet_602" class="collapse">
                                                                
                <li>
                  <label class="facet-label" for="facet_input_602_1">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_602_1"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Selections-En+promo"
                          type="checkbox"
                                                  >
                                                  <span  class="ps-shown-by-js" ><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Selections-En+promo"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      En promo
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label" for="facet_input_602_2">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_602_2"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Selections-Nouveau+produit"
                          type="checkbox"
                                                  >
                                                  <span  class="ps-shown-by-js" ><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Selections-Nouveau+produit"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Nouveau produit
                                              <span class="magnitude">(4)</span>
                                          </a>
                  </label>
                </li>
                          </ul>
          

              </section>
          <section class="facet clearfix" data-type="price" data-name="Prix">
        <p class="h6 facet-title hidden-sm-down">Prix</p>
                                          
        <div class="title hidden-md-up" data-target="#facet_2389" data-toggle="collapse">
          <p class="h6 facet-title">Prix</p>
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add">&#xE313;</i>
            <i class="material-icons remove">&#xE316;</i>
          </span>
        </div>

                  
                          <ul id="facet_2389"
                class="faceted-slider collapse"
                data-slider-min="10"
                data-slider-max="25"
                data-slider-id="2389"
                data-slider-values="null"
                data-slider-unit="€"
                data-slider-label="Prix"
                data-slider-specifications="{&quot;symbol&quot;:[&quot;,&quot;,&quot;\u202f&quot;,&quot;;&quot;,&quot;%&quot;,&quot;-&quot;,&quot;+&quot;,&quot;E&quot;,&quot;\u00d7&quot;,&quot;\u2030&quot;,&quot;\u221e&quot;,&quot;NaN&quot;],&quot;currencyCode&quot;:&quot;EUR&quot;,&quot;currencySymbol&quot;:&quot;\u20ac&quot;,&quot;numberSymbols&quot;:[&quot;,&quot;,&quot;\u202f&quot;,&quot;;&quot;,&quot;%&quot;,&quot;-&quot;,&quot;+&quot;,&quot;E&quot;,&quot;\u00d7&quot;,&quot;\u2030&quot;,&quot;\u221e&quot;,&quot;NaN&quot;],&quot;positivePattern&quot;:&quot;#,##0.00\u00a0\u00a4&quot;,&quot;negativePattern&quot;:&quot;-#,##0.00\u00a0\u00a4&quot;,&quot;maxFractionDigits&quot;:2,&quot;minFractionDigits&quot;:2,&quot;groupingUsed&quot;:true,&quot;primaryGroupSize&quot;:3,&quot;secondaryGroupSize&quot;:3}"
                data-slider-encoded-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
              >
                <li>
                  <p id="facet_label_2389">
                    10,00 € - 25,00 €
                  </p>

                  <div id="slider-range_2389"></div>
                </li>
              </ul>
                      
              </section>
          <section class="facet clearfix" data-type="category" data-name="Catégories">
        <p class="h6 facet-title hidden-sm-down">Catégories</p>
                                          
        <div class="title hidden-md-up" data-target="#facet_50742" data-toggle="collapse">
          <p class="h6 facet-title">Catégories</p>
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add">&#xE313;</i>
            <i class="material-icons remove">&#xE316;</i>
          </span>
        </div>

                  
            <ul id="facet_50742" class="collapse">
                              
                <li>
                  <label class="facet-label" for="facet_input_50742_0">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_50742_0"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Cat%C3%A9gories-V%C3%AAtements"
                          type="checkbox"
                                                  >
                                                  <span  class="ps-shown-by-js" ><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine/Cat%C3%A9gories-V%C3%AAtements"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Vêtements
                                              <span class="magnitude">(4)</span>
                                          </a>
                  </label>
                </li>
                          </ul>
          

              </section>
          <section class="facet clearfix" data-type="attribute_group" data-name="Taille">
        <p class="h6 facet-title hidden-sm-down">Taille</p>
                                                                                                
        <div class="title hidden-md-up" data-target="#facet_42093" data-toggle="collapse" aria-expanded="true">
          <p class="h6 facet-title">Taille</p>
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add">&#xE313;</i>
            <i class="material-icons remove">&#xE316;</i>
          </span>
        </div>

                  
            <ul id="facet_42093" class="collapse in">
                              
                <li>
                  <label class="facet-label" for="facet_input_42093_0">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_42093_0"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M-S/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
                          type="checkbox"
                                                  >
                                                  <span  class="ps-shown-by-js" ><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M-S/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      S
                                              <span class="magnitude">(5)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label active " for="facet_input_42093_1">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_42093_1"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
                          type="checkbox"
                          checked                        >
                                                  <span  class="ps-shown-by-js" ><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      M
                                              <span class="magnitude">(5)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label" for="facet_input_42093_2">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_42093_2"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M-L/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
                          type="checkbox"
                                                  >
                                                  <span  class="ps-shown-by-js" ><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M-L/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      L
                                              <span class="magnitude">(3)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label" for="facet_input_42093_3">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_42093_3"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M-XL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
                          type="checkbox"
                                                  >
                                                  <span  class="ps-shown-by-js" ><i class="material-icons rtl-no-flip checkbox-checked">&#xE5CA;</i></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M-XL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      XL
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                          </ul>
          

              </section>
          <section class="facet clearfix" data-type="attribute_group" data-name="Couleur">
        <p class="h6 facet-title hidden-sm-down">Couleur</p>
                                                                                                                                                                                                            
        <div class="title hidden-md-up" data-target="#facet_68999" data-toggle="collapse" aria-expanded="true">
          <p class="h6 facet-title">Couleur</p>
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add">&#xE313;</i>
            <i class="material-icons remove">&#xE316;</i>
          </span>
        </div>

                  
            <ul id="facet_68999" class="collapse in">
                              
                <li>
                  <label class="facet-label" for="facet_input_68999_0">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_0"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Blanc"
                          type="checkbox"
                                                  >
                                                  <span class="color" style="background-color:#ffffff"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Blanc"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Blanc
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label active " for="facet_input_68999_1">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_1"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Vert-Rose-Fushia-Bleu+Marine"
                          type="checkbox"
                          checked                        >
                                                  <span class="color" style="background-color:#ff0000"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Vert-Rose-Fushia-Bleu+Marine"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Rouge
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label" for="facet_input_68999_2">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_2"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Noir"
                          type="checkbox"
                                                  >
                                                  <span class="color" style="background-color:#000000"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Noir"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Noir
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label" for="facet_input_68999_3">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_3"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Orange"
                          type="checkbox"
                                                  >
                                                  <span class="color" style="background-color:#ff8208"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Orange"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Orange
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label" for="facet_input_68999_4">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_4"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Bleu"
                          type="checkbox"
                                                  >
                                                  <span class="color" style="background-color:#1064ff"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Bleu"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Bleu
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label active " for="facet_input_68999_5">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_5"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Rose-Fushia-Bleu+Marine"
                          type="checkbox"
                          checked                        >
                                                  <span class="color" style="background-color:#00cb1e"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Rose-Fushia-Bleu+Marine"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Vert
                                              <span class="magnitude">(2)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label" for="facet_input_68999_6">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_6"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Jaune"
                          type="checkbox"
                                                  >
                                                  <span class="color" style="background-color:#f4ff2c"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine-Jaune"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Jaune
                                              <span class="magnitude">(2)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label active " for="facet_input_68999_7">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_7"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Fushia-Bleu+Marine"
                          type="checkbox"
                          checked                        >
                                                  <span class="color" style="background-color:#ff84fd"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Fushia-Bleu+Marine"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Rose
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label active " for="facet_input_68999_8">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_8"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Bleu+Marine"
                          type="checkbox"
                          checked                        >
                                                  <span class="color" style="background-color:#ff009a"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Bleu+Marine"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Fushia
                                              <span class="magnitude">(2)</span>
                                          </a>
                  </label>
                </li>
                              
                <li>
                  <label class="facet-label active " for="facet_input_68999_9">
                                          <span class="custom-checkbox">
                        <input
                          id="facet_input_68999_9"
                          data-search-url="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia"
                          type="checkbox"
                          checked                        >
                                                  <span class="color" style="background-color:#003d6c"></span>
                                              </span>
                    
                    <a
                      href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia"
                      class="_gray-darker search-link js-search-link"
                      rel="nofollow"
                    >
                      Bleu Marine
                                              <span class="magnitude">(1)</span>
                                          </a>
                  </label>
                </li>
                          </ul>
          

              </section>
      </div>
<!-- end /var/www/prestashop/modules/ps_facetedsearch/views/templates/front/catalog/facets.tpl -->
<!-- end module:ps_facetedsearch/views/templates/front/catalog/facets.tpl -->

</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_facetedsearch/ps_facetedsearch.tpl -->
<!-- end module:ps_facetedsearch/ps_facetedsearch.tpl -->

<!-- begin module:ps_brandlist/views/templates/hook/ps_brandlist.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_brandlist/views/templates/hook/ps_brandlist.tpl -->
<div id="search_filters_brands">
  <section class="facet">
          <p class="h6 text-uppercase facet-label">
        Marques
      </p>
    
    <div>
              <p>Aucune marque</p>
          </div>
  </section>
</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_brandlist/views/templates/hook/ps_brandlist.tpl -->
<!-- end module:ps_brandlist/views/templates/hook/ps_brandlist.tpl -->

                              </div>
            

            
  <div id="content-wrapper" class="js-content-wrapper left-column col-xs-12 col-md-8 col-lg-9">
    
    
  <section id="main">

    
    <div id="js-product-list-header">
            <div class="block-category card card-block">
            <h1 class="h1">Accueil</h1>
            <div class="block-category-inner">
                                            </div>
        </div>
    </div>


    
                    <div id="subcategories" class="card card-block">
      <h2 class="subcategory-heading">Sous-catégories</h2>

      <ul class="subcategories-list">
                  <li>
            <div class="subcategory-image">
              <a href="https://www.vmode.fr/3-vetements" title="Vêtements" class="img">
                                  <picture>
                                                            <img
                      class="img-fluid"
                      src="https://www.vmode.fr/c/3-category_default/vetements.jpg"
                      alt="Vêtements"
                      loading="lazy"
                      width="141"
                      height="180"/>
                  </picture>
                              </a>
            </div>

            <h5>
              <a class="subcategory-name" href="https://www.vmode.fr/3-vetements">
                Vêtements
              </a>
            </h5>
                          <div class="cat_desc"><p>Retrouvez nos coups de cœur mode, une sélection de pièces tendances à intégrer à votre garde-robe. Composez un style unique qui vous ressemble.</p></div>
                      </li>
                  <li>
            <div class="subcategory-image">
              <a href="https://www.vmode.fr/10-accessoires" title="Accessoires" class="img">
                              </a>
            </div>

            <h5>
              <a class="subcategory-name" href="https://www.vmode.fr/10-accessoires">
                Accessoires
              </a>
            </h5>
                          <div class="cat_desc"><p>Accessoires</p></div>
                      </li>
                  <li>
            <div class="subcategory-image">
              <a href="https://www.vmode.fr/11-confiserie" title="Confiserie" class="img">
                                  <picture>
                                                            <img
                      class="img-fluid"
                      src="https://www.vmode.fr/c/11-category_default/confiserie.jpg"
                      alt="Confiserie"
                      loading="lazy"
                      width="141"
                      height="180"/>
                  </picture>
                              </a>
            </div>

            <h5>
              <a class="subcategory-name" href="https://www.vmode.fr/11-confiserie">
                Confiserie
              </a>
            </h5>
                          <div class="cat_desc"><p>Bonbons et divers confiseries</p></div>
                      </li>
              </ul>
    </div>
            
    
    

    <section id="products">
      
        
          <div id="js-product-list-top" class="row products-selection">
  <div class="col-lg-5 hidden-sm-down total-products">
          <p>Il y a 5 produits.</p>
      </div>
  <div class="col-lg-7">
    <div class="row sort-by-row">
      
        <span class="col-sm-3 col-md-5 hidden-sm-down sort-by">Trier par :</span>
<div class="col-xs-8 col-sm-7 col-md-9 products-sort-order dropdown">
  <button
    class="btn-unstyle select-title"
    rel="nofollow"
    data-toggle="dropdown"
    aria-label="Trier par sélection "
    aria-haspopup="true"
    aria-expanded="false">
    Pertinence    <i class="material-icons float-xs-right">&#xE5C5;</i>
  </button>
  <div class="dropdown-menu">
          <a
        rel="nofollow"
        href="https://www.vmode.fr/2-accueil?q=Taille-M-XXL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine&amp;order=product.sales.desc"
        class="select-list js-search-link"
      >
        Ventes, ordre décroissant
      </a>
          <a
        rel="nofollow"
        href="https://www.vmode.fr/2-accueil?q=Taille-M-XXL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine&amp;order=product.position.asc"
        class="select-list current js-search-link"
      >
        Pertinence
      </a>
          <a
        rel="nofollow"
        href="https://www.vmode.fr/2-accueil?q=Taille-M-XXL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine&amp;order=product.name.asc"
        class="select-list js-search-link"
      >
        Nom, A à Z
      </a>
          <a
        rel="nofollow"
        href="https://www.vmode.fr/2-accueil?q=Taille-M-XXL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine&amp;order=product.name.desc"
        class="select-list js-search-link"
      >
        Nom, Z à A
      </a>
          <a
        rel="nofollow"
        href="https://www.vmode.fr/2-accueil?q=Taille-M-XXL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine&amp;order=product.price.asc"
        class="select-list js-search-link"
      >
        Prix, croissant
      </a>
          <a
        rel="nofollow"
        href="https://www.vmode.fr/2-accueil?q=Taille-M-XXL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine&amp;order=product.price.desc"
        class="select-list js-search-link"
      >
        Prix, décroissant
      </a>
          <a
        rel="nofollow"
        href="https://www.vmode.fr/2-accueil?q=Taille-M-XXL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine&amp;order=product.reference.asc"
        class="select-list js-search-link"
      >
        Référence, A à Z
      </a>
          <a
        rel="nofollow"
        href="https://www.vmode.fr/2-accueil?q=Taille-M-XXL/Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine&amp;order=product.reference.desc"
        class="select-list js-search-link"
      >
        Référence, Z à A
      </a>
      </div>
</div>
      
              <div class="col-xs-4 col-sm-3 hidden-md-up filter-button">
          <button id="search_filter_toggler" class="btn btn-secondary js-search-toggler">
            Filtrer
          </button>
        </div>
          </div>
  </div>
  <div class="col-sm-12 hidden-md-up text-sm-center showing">
    Affichage 1-5 de 5 article(s)
  </div>
</div>
        

        
          <div class="hidden-sm-down">
            
<!-- begin module:ps_facetedsearch/views/templates/front/catalog/active-filters.tpl -->
<!-- begin /var/www/prestashop/modules/ps_facetedsearch/views/templates/front/catalog/active-filters.tpl --><section id="js-active-search-filters" class="active_filters">
  
    <p class="h6 active-filter-title">Filtres actifs</p>
  

      <ul>
              
          <li class="filter-block">
            Taille :
            M
            <a class="js-search-link" href="https://www.vmode.fr/2-accueil?q=Couleur-Rouge-Vert-Rose-Fushia-Bleu+Marine"><i class="material-icons close">&#xE5CD;</i></a>
          </li>
        
              
          <li class="filter-block">
            Couleur :
            Rouge
            <a class="js-search-link" href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Vert-Rose-Fushia-Bleu+Marine"><i class="material-icons close">&#xE5CD;</i></a>
          </li>
        
              
          <li class="filter-block">
            Couleur :
            Vert
            <a class="js-search-link" href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Rose-Fushia-Bleu+Marine"><i class="material-icons close">&#xE5CD;</i></a>
          </li>
        
              
          <li class="filter-block">
            Couleur :
            Rose
            <a class="js-search-link" href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Fushia-Bleu+Marine"><i class="material-icons close">&#xE5CD;</i></a>
          </li>
        
              
          <li class="filter-block">
            Couleur :
            Fushia
            <a class="js-search-link" href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Bleu+Marine"><i class="material-icons close">&#xE5CD;</i></a>
          </li>
        
              
          <li class="filter-block">
            Couleur :
            Bleu Marine
            <a class="js-search-link" href="https://www.vmode.fr/2-accueil?q=Taille-M/Couleur-Rouge-Vert-Rose-Fushia"><i class="material-icons close">&#xE5CD;</i></a>
          </li>
        
          </ul>
  </section>
<!-- end /var/www/prestashop/modules/ps_facetedsearch/views/templates/front/catalog/active-filters.tpl -->
<!-- end module:ps_facetedsearch/views/templates/front/catalog/active-filters.tpl -->

          </div>
        

        
          <div id="js-product-list">
  
<div class="products row">
            
<div class="js-product product col-xs-12 col-sm-6 col-xl-4">
  <article class="product-miniature js-product-miniature" data-id-product="21" data-id-product-attribute="65">
    <div class="thumbnail-container">
      <div class="thumbnail-top">
        
                      <a href="https://www.vmode.fr/accueil/21-65-ensemble-blanc-et-noir.html#/2-taille-m/18-couleur-rose" class="thumbnail product-thumbnail">
              <picture>
                                                <img
                  src="https://www.vmode.fr/25-home_default/ensemble-blanc-et-noir.jpg"
                  alt="Ensemble blanc et noir"
                  loading="lazy"
                  data-full-size-image-url="https://www.vmode.fr/25-large_default/ensemble-blanc-et-noir.jpg"
                  width="250"
                  height="250"
                />
              </picture>
            </a>
                  

        <div class="highlighted-informations">
          
            <a class="quick-view js-quick-view" href="#" data-link-action="quickview">
              <i class="material-icons search">&#xE8B6;</i> Aperçu rapide
            </a>
          

          
                          <div class="variant-links">
      <a href="https://www.vmode.fr/accueil/21-61-ensemble-blanc-et-noir.html#/1-taille-s/16-couleur-jaune"
       class="color"
       title="Jaune"
       aria-label="Jaune"
       style="background-color: #f4ff2c"     ></a>
      <a href="https://www.vmode.fr/accueil/21-62-ensemble-blanc-et-noir.html#/1-taille-s/18-couleur-rose"
       class="color"
       title="Rose"
       aria-label="Rose"
       style="background-color: #ff84fd"     ></a>
      <a href="https://www.vmode.fr/accueil/21-63-ensemble-blanc-et-noir.html#/1-taille-s/26-couleur-fushia"
       class="color"
       title="Fushia"
       aria-label="Fushia"
       style="background-color: #ff009a"     ></a>
    <span class="js-count count"></span>
</div>
                      
        </div>
      </div>

      <div class="product-description">
        
                      <h2 class="h3 product-title"><a href="https://www.vmode.fr/accueil/21-65-ensemble-blanc-et-noir.html#/2-taille-m/18-couleur-rose" content="https://www.vmode.fr/accueil/21-65-ensemble-blanc-et-noir.html#/2-taille-m/18-couleur-rose">Ensemble blanc et noir</a></h2>
                  

        
                      <div class="product-price-and-shipping">
              
              

              <span class="price" aria-label="Prix">
                                                  22,00 €
                              </span>

              

              
            </div>
                  

        
          
<!-- begin module:productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- begin /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->

<div class="product-list-reviews" data-id="21" data-url="https://www.vmode.fr/module/productcomments/CommentGrade">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>
<!-- end /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- end module:productcomments/views/templates/hook/product-list-reviews.tpl -->

        
      </div>

      
    <ul class="product-flags js-product-flags">
                    <li class="product-flag out_of_stock">Rupture de stock</li>
            </ul>

    </div>
  </article>
</div>

            
<div class="js-product product col-xs-12 col-sm-6 col-xl-4">
  <article class="product-miniature js-product-miniature" data-id-product="23" data-id-product-attribute="60">
    <div class="thumbnail-container">
      <div class="thumbnail-top">
        
                      <a href="https://www.vmode.fr/accueil/23-60-robe-tendance-ete-2025.html#/2-taille-m/26-couleur-fushia" class="thumbnail product-thumbnail">
              <picture>
                                                <img
                  src="https://www.vmode.fr/29-home_default/robe-tendance-ete-2025.jpg"
                  alt="Robe tendance été 2025"
                  loading="lazy"
                  data-full-size-image-url="https://www.vmode.fr/29-large_default/robe-tendance-ete-2025.jpg"
                  width="250"
                  height="250"
                />
              </picture>
            </a>
                  

        <div class="highlighted-informations">
          
            <a class="quick-view js-quick-view" href="#" data-link-action="quickview">
              <i class="material-icons search">&#xE8B6;</i> Aperçu rapide
            </a>
          

          
                          <div class="variant-links">
      <a href="https://www.vmode.fr/accueil/23-55-robe-tendance-ete-2025.html#/1-taille-s/14-couleur-bleu"
       class="color"
       title="Bleu"
       aria-label="Bleu"
       style="background-color: #1064ff"     ></a>
      <a href="https://www.vmode.fr/accueil/23-56-robe-tendance-ete-2025.html#/1-taille-s/15-couleur-vert"
       class="color"
       title="Vert"
       aria-label="Vert"
       style="background-color: #00cb1e"     ></a>
      <a href="https://www.vmode.fr/accueil/23-57-robe-tendance-ete-2025.html#/1-taille-s/26-couleur-fushia"
       class="color"
       title="Fushia"
       aria-label="Fushia"
       style="background-color: #ff009a"     ></a>
    <span class="js-count count"></span>
</div>
                      
        </div>
      </div>

      <div class="product-description">
        
                      <h2 class="h3 product-title"><a href="https://www.vmode.fr/accueil/23-60-robe-tendance-ete-2025.html#/2-taille-m/26-couleur-fushia" content="https://www.vmode.fr/accueil/23-60-robe-tendance-ete-2025.html#/2-taille-m/26-couleur-fushia">Robe tendance été 2025</a></h2>
                  

        
                      <div class="product-price-and-shipping">
              
              

              <span class="price" aria-label="Prix">
                                                  24,00 €
                              </span>

              

              
            </div>
                  

        
          
<!-- begin module:productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- begin /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->

<div class="product-list-reviews" data-id="23" data-url="https://www.vmode.fr/module/productcomments/CommentGrade">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>
<!-- end /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- end module:productcomments/views/templates/hook/product-list-reviews.tpl -->

        
      </div>

      
    <ul class="product-flags js-product-flags">
                    <li class="product-flag new">Nouveau</li>
                    <li class="product-flag out_of_stock">Rupture de stock</li>
            </ul>

    </div>
  </article>
</div>

            
<div class="js-product product col-xs-12 col-sm-6 col-xl-4">
  <article class="product-miniature js-product-miniature" data-id-product="26" data-id-product-attribute="79">
    <div class="thumbnail-container">
      <div class="thumbnail-top">
        
                      <a href="https://www.vmode.fr/accueil/26-79-ref38-chemisier-style-noeud.html#/2-taille-m/15-couleur-vert" class="thumbnail product-thumbnail">
              <picture>
                                                <img
                  src="https://www.vmode.fr/32-home_default/ref38-chemisier-style-noeud.jpg"
                  alt="ref38 chemisier style noeud"
                  loading="lazy"
                  data-full-size-image-url="https://www.vmode.fr/32-large_default/ref38-chemisier-style-noeud.jpg"
                  width="250"
                  height="250"
                />
              </picture>
            </a>
                  

        <div class="highlighted-informations">
          
            <a class="quick-view js-quick-view" href="#" data-link-action="quickview">
              <i class="material-icons search">&#xE8B6;</i> Aperçu rapide
            </a>
          

          
                          <div class="variant-links">
      <a href="https://www.vmode.fr/accueil/26-82-ref38-chemisier-style-noeud.html#/2-taille-m/10-couleur-rouge"
       class="color"
       title="Rouge"
       aria-label="Rouge"
       style="background-color: #ff0000"     ></a>
      <a href="https://www.vmode.fr/accueil/26-81-ref38-chemisier-style-noeud.html#/2-taille-m/13-couleur-orange"
       class="color"
       title="Orange"
       aria-label="Orange"
       style="background-color: #ff8208"     ></a>
      <a href="https://www.vmode.fr/accueil/26-79-ref38-chemisier-style-noeud.html#/2-taille-m/15-couleur-vert"
       class="color"
       title="Vert"
       aria-label="Vert"
       style="background-color: #00cb1e"     ></a>
      <a href="https://www.vmode.fr/accueil/26-80-ref38-chemisier-style-noeud.html#/2-taille-m/16-couleur-jaune"
       class="color"
       title="Jaune"
       aria-label="Jaune"
       style="background-color: #f4ff2c"     ></a>
    <span class="js-count count"></span>
</div>
                      
        </div>
      </div>

      <div class="product-description">
        
                      <h2 class="h3 product-title"><a href="https://www.vmode.fr/accueil/26-79-ref38-chemisier-style-noeud.html#/2-taille-m/15-couleur-vert" content="https://www.vmode.fr/accueil/26-79-ref38-chemisier-style-noeud.html#/2-taille-m/15-couleur-vert">ref38 chemisier style noeud</a></h2>
                  

        
                      <div class="product-price-and-shipping">
              
              

              <span class="price" aria-label="Prix">
                                                  10,00 €
                              </span>

              

              
            </div>
                  

        
          
<!-- begin module:productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- begin /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->

<div class="product-list-reviews" data-id="26" data-url="https://www.vmode.fr/module/productcomments/CommentGrade">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>
<!-- end /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- end module:productcomments/views/templates/hook/product-list-reviews.tpl -->

        
      </div>

      
    <ul class="product-flags js-product-flags">
                    <li class="product-flag on-sale">Promo !</li>
                    <li class="product-flag new">Nouveau</li>
            </ul>

    </div>
  </article>
</div>

            
<div class="js-product product col-xs-12 col-sm-6 col-xl-4">
  <article class="product-miniature js-product-miniature" data-id-product="28" data-id-product-attribute="96">
    <div class="thumbnail-container">
      <div class="thumbnail-top">
        
                      <a href="https://www.vmode.fr/accueil/28-96-ref139-tunique-bleu-marine.html#/2-taille-m/38-couleur-bleu_marine" class="thumbnail product-thumbnail">
              <picture>
                                                <img
                  src="https://www.vmode.fr/37-home_default/ref139-tunique-bleu-marine.jpg"
                  alt="ref139 tunique bleu marine"
                  loading="lazy"
                  data-full-size-image-url="https://www.vmode.fr/37-large_default/ref139-tunique-bleu-marine.jpg"
                  width="250"
                  height="250"
                />
              </picture>
            </a>
                  

        <div class="highlighted-informations">
          
            <a class="quick-view js-quick-view" href="#" data-link-action="quickview">
              <i class="material-icons search">&#xE8B6;</i> Aperçu rapide
            </a>
          

          
                          <div class="variant-links">
      <a href="https://www.vmode.fr/accueil/28-96-ref139-tunique-bleu-marine.html#/2-taille-m/38-couleur-bleu_marine"
       class="color"
       title="Bleu Marine"
       aria-label="Bleu Marine"
       style="background-color: #003d6c"     ></a>
    <span class="js-count count"></span>
</div>
                      
        </div>
      </div>

      <div class="product-description">
        
                      <h2 class="h3 product-title"><a href="https://www.vmode.fr/accueil/28-96-ref139-tunique-bleu-marine.html#/2-taille-m/38-couleur-bleu_marine" content="https://www.vmode.fr/accueil/28-96-ref139-tunique-bleu-marine.html#/2-taille-m/38-couleur-bleu_marine">ref139 tunique bleu marine</a></h2>
                  

        
                      <div class="product-price-and-shipping">
              
              

              <span class="price" aria-label="Prix">
                                                  10,00 €
                              </span>

              

              
            </div>
                  

        
          
<!-- begin module:productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- begin /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->

<div class="product-list-reviews" data-id="28" data-url="https://www.vmode.fr/module/productcomments/CommentGrade">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>
<!-- end /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- end module:productcomments/views/templates/hook/product-list-reviews.tpl -->

        
      </div>

      
    <ul class="product-flags js-product-flags">
                    <li class="product-flag new">Nouveau</li>
            </ul>

    </div>
  </article>
</div>

            
<div class="js-product product col-xs-12 col-sm-6 col-xl-4">
  <article class="product-miniature js-product-miniature" data-id-product="32" data-id-product-attribute="113">
    <div class="thumbnail-container">
      <div class="thumbnail-top">
        
                      <a href="https://www.vmode.fr/accueil/32-113-ref2002-blazer-manche-3-4.html#/2-taille-m/15-couleur-vert" class="thumbnail product-thumbnail">
              <picture>
                                                <img
                  src="https://www.vmode.fr/41-home_default/ref2002-blazer-manche-3-4.jpg"
                  alt="ref2002 blazer manche 3-4"
                  loading="lazy"
                  data-full-size-image-url="https://www.vmode.fr/41-large_default/ref2002-blazer-manche-3-4.jpg"
                  width="250"
                  height="250"
                />
              </picture>
            </a>
                  

        <div class="highlighted-informations">
          
            <a class="quick-view js-quick-view" href="#" data-link-action="quickview">
              <i class="material-icons search">&#xE8B6;</i> Aperçu rapide
            </a>
          

          
                          <div class="variant-links">
      <a href="https://www.vmode.fr/accueil/32-112-ref2002-blazer-manche-3-4.html#/2-taille-m/11-couleur-noir"
       class="color"
       title="Noir"
       aria-label="Noir"
       style="background-color: #000000"     ></a>
      <a href="https://www.vmode.fr/accueil/32-111-ref2002-blazer-manche-3-4.html#/1-taille-s/15-couleur-vert"
       class="color"
       title="Vert"
       aria-label="Vert"
       style="background-color: #00cb1e"     ></a>
    <span class="js-count count"></span>
</div>
                      
        </div>
      </div>

      <div class="product-description">
        
                      <h2 class="h3 product-title"><a href="https://www.vmode.fr/accueil/32-113-ref2002-blazer-manche-3-4.html#/2-taille-m/15-couleur-vert" content="https://www.vmode.fr/accueil/32-113-ref2002-blazer-manche-3-4.html#/2-taille-m/15-couleur-vert">ref2002 blazer manche 3-4</a></h2>
                  

        
                      <div class="product-price-and-shipping">
              
              

              <span class="price" aria-label="Prix">
                                                  10,00 €
                              </span>

              

              
            </div>
                  

        
          
<!-- begin module:productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- begin /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->

<div class="product-list-reviews" data-id="32" data-url="https://www.vmode.fr/module/productcomments/CommentGrade">
  <div class="grade-stars small-stars"></div>
  <div class="comments-nb"></div>
</div>
<!-- end /var/www/prestashop/modules/productcomments/views/templates/hook/product-list-reviews.tpl -->
<!-- end module:productcomments/views/templates/hook/product-list-reviews.tpl -->

        
      </div>

      
    <ul class="product-flags js-product-flags">
                    <li class="product-flag new">Nouveau</li>
            </ul>

    </div>
  </article>
</div>

    </div>

  
    <nav class="pagination">
  <div class="col-md-4">
    
      Affichage 1-5 de 5 article(s)
    
  </div>

  <div class="col-md-6 offset-md-2 pr-0">
    
         
  </div>

</nav>
  

  <div class="hidden-md-up text-xs-right up">
    <a href="#header" class="btn btn-secondary">
      Retour en haut
      <i class="material-icons">&#xE316;</i>
    </a>
  </div>
</div>
        

        
          <div id="js-product-list-bottom"></div>
        

          </section>

    
    <div id="js-product-list-footer">
    </div>


    

  </section>

    
  </div>


            
          </div>
        </div>
        
      </section>

      <footer id="footer" class="js-footer">
        
          <div class="container">
  <div class="row">
    
      
<!-- begin module:ps_socialfollow/ps_socialfollow.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_socialfollow/ps_socialfollow.tpl -->

  <div class="block-social col-lg-4 col-md-12 col-sm-12">
    <ul>
              <li class="facebook"><a href="https://www.facebook.com/SevetTiff" target="_blank" rel="noopener noreferrer">Facebook</a></li>
              <li class="tiktok"><a href="https://www.tiktok.com/vmode.la.mode.pet" target="_blank" rel="noopener noreferrer">TikTok</a></li>
          </ul>
  </div>

<!-- end /var/www/prestashop/themes/classic/modules/ps_socialfollow/ps_socialfollow.tpl -->
<!-- end module:ps_socialfollow/ps_socialfollow.tpl -->

<!-- begin /var/www/prestashop/modules/blockreassurance/views/templates/hook/displayBlockWhite.tpl -->
<div class="blockreassurance col-sm-12">
                <div class="row">
                                                                                                                    <div class="col-md-4 offset-md-0 col-sm-6 offset-sm-0 col-xs-12"
             style="cursor:pointer;" onclick="window.open('https://www.vmode.fr/content/5-paiement-securise')">
            <div class="block-icon">
                                                          <img src="/modules/blockreassurance/views/img/img_perso/payer-boutique-sumup.png">
                                                </div>
            <div class="block-title" style="color:#000000">Paiements sécurisés</div>
            <p style="color:#000000;">Notre politique de paiement sécurisée via SUMUP ou RETRAIT EN BOUTIQUE.</p>
        </div>
                                                                                                                          <div class="col-md-4 offset-md-0 col-sm-6 offset-sm-0 col-xs-12"
             style="cursor:pointer;" onclick="window.open('https://www.vmode.fr/content/1-livraison')">
            <div class="block-icon">
                                                          <img src="/modules/blockreassurance/views/img/img_perso/Retrait-relay.png">
                                                </div>
            <div class="block-title" style="color:#000000">Politique de livraison</div>
            <p style="color:#000000;">Sélection livraison au choix : Mondial Relay ou Retrait en Boutique.</p>
        </div>
                                                                                                                                                                          <div class="col-md-4 offset-md-0 col-sm-4 offset-sm-0 col-xs-12"
             style="cursor:pointer;" onclick="window.open('https://www.vmode.fr/content/3-conditions-utilisation')">
            <div class="block-icon">
                                                          <img src="/modules/blockreassurance/views/img/img_perso/Retour-14-jours.png">
                                                </div>
            <div class="block-title" style="color:#000000">Politique retours</div>
            <p style="color:#000000;">L'acheteur dispose d'un délai de 14 jours calendaires pour retourner un produit acheté à distance.</p>
        </div>
              </div>
</div>

<!-- end /var/www/prestashop/modules/blockreassurance/views/templates/hook/displayBlockWhite.tpl -->

    
  </div>
</div>
<div class="footer-container">
  <div class="container">
    <div class="row">
      
        
<!-- begin module:ps_linklist/views/templates/hook/linkblock.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_linklist/views/templates/hook/linkblock.tpl --><div class="col-md-6 links">
  <div class="row">
      <div class="col-md-6 wrapper">
      <p class="h3 hidden-sm-down">Produits</p>
      <div class="title clearfix hidden-md-up" data-target="#footer_sub_menu_1" data-toggle="collapse">
        <span class="h3">Produits</span>
        <span class="float-xs-right">
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add">&#xE313;</i>
            <i class="material-icons remove">&#xE316;</i>
          </span>
        </span>
      </div>
      <ul id="footer_sub_menu_1" class="collapse">
                  <li>
            <a
                id="link-product-page-prices-drop-1"
                class="cms-page-link"
                href="https://www.vmode.fr/promotions"
                title="Nos promotions"
                            >
              Promotions
            </a>
          </li>
                  <li>
            <a
                id="link-product-page-new-products-1"
                class="cms-page-link"
                href="https://www.vmode.fr/nouveaux-produits"
                title="Nos nouveaux produits"
                            >
              Nouveaux produits
            </a>
          </li>
                  <li>
            <a
                id="link-product-page-best-sales-1"
                class="cms-page-link"
                href="https://www.vmode.fr/meilleures ventes"
                title="Nos meilleures ventes"
                            >
              Meilleures ventes
            </a>
          </li>
              </ul>
    </div>
      <div class="col-md-6 wrapper">
      <p class="h3 hidden-sm-down">Notre société</p>
      <div class="title clearfix hidden-md-up" data-target="#footer_sub_menu_2" data-toggle="collapse">
        <span class="h3">Notre société</span>
        <span class="float-xs-right">
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add">&#xE313;</i>
            <i class="material-icons remove">&#xE316;</i>
          </span>
        </span>
      </div>
      <ul id="footer_sub_menu_2" class="collapse">
                  <li>
            <a
                id="link-cms-page-1-2"
                class="cms-page-link"
                href="https://www.vmode.fr/content/1-livraison"
                title="Nos conditions de livraison"
                            >
              Livraison
            </a>
          </li>
                  <li>
            <a
                id="link-cms-page-2-2"
                class="cms-page-link"
                href="https://www.vmode.fr/content/2-mentions-legales"
                title="Mentions légales"
                            >
              Mentions légales
            </a>
          </li>
                  <li>
            <a
                id="link-cms-page-3-2"
                class="cms-page-link"
                href="https://www.vmode.fr/content/3-conditions-utilisation"
                title="Nos conditions d&#039;utilisation"
                            >
              Conditions d&#039;utilisation
            </a>
          </li>
                  <li>
            <a
                id="link-cms-page-4-2"
                class="cms-page-link"
                href="https://www.vmode.fr/content/4-a-propos"
                title="En savoir plus sur notre entreprise"
                            >
              A propos
            </a>
          </li>
                  <li>
            <a
                id="link-cms-page-5-2"
                class="cms-page-link"
                href="https://www.vmode.fr/content/5-paiement-securise"
                title="Notre méthode de paiement sécurisé"
                            >
              Paiement sécurisé
            </a>
          </li>
                  <li>
            <a
                id="link-static-page-contact-2"
                class="cms-page-link"
                href="https://www.vmode.fr/nous-contacter"
                title="Utiliser le formulaire pour nous contacter"
                            >
              Contactez-nous
            </a>
          </li>
                  <li>
            <a
                id="link-static-page-sitemap-2"
                class="cms-page-link"
                href="https://www.vmode.fr/plan-site"
                title="Vous êtes perdu ? Trouvez ce que vous cherchez"
                            >
              Plan du site
            </a>
          </li>
                  <li>
            <a
                id="link-static-page-stores-2"
                class="cms-page-link"
                href="https://www.vmode.fr/magasins"
                title=""
                            >
              Magasins
            </a>
          </li>
              </ul>
    </div>
    </div>
</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_linklist/views/templates/hook/linkblock.tpl -->
<!-- end module:ps_linklist/views/templates/hook/linkblock.tpl -->

<!-- begin module:ps_customeraccountlinks/ps_customeraccountlinks.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_customeraccountlinks/ps_customeraccountlinks.tpl -->
<div id="block_myaccount_infos" class="col-md-3 links wrapper">
  <p class="h3 myaccount-title hidden-sm-down">
    <a class="text-uppercase" href="https://www.vmode.fr/mon-compte" rel="nofollow">
      Votre compte
    </a>
  </p>
  <div class="title clearfix hidden-md-up" data-target="#footer_account_list" data-toggle="collapse">
    <span class="h3">Votre compte</span>
    <span class="float-xs-right">
      <span class="navbar-toggler collapse-icons">
        <i class="material-icons add">&#xE313;</i>
        <i class="material-icons remove">&#xE316;</i>
      </span>
    </span>
  </div>
  <ul class="account-list collapse" id="footer_account_list">
            <li><a href="https://www.vmode.fr/suivi-commande-invite" title="Suivi de commande" rel="nofollow">Suivi de commande</a></li>
        <li><a href="https://www.vmode.fr/mon-compte" title="Identifiez-vous" rel="nofollow">Connexion</a></li>
        <li><a href="https://www.vmode.fr/inscription" title="Créez votre compte" rel="nofollow">Créez votre compte</a></li>
        
<!-- begin module:blockwishlist/views/templates/hook/account/myaccount-block.tpl -->
<!-- begin /var/www/prestashop/modules/blockwishlist/views/templates/hook/account/myaccount-block.tpl -->
<!-- end /var/www/prestashop/modules/blockwishlist/views/templates/hook/account/myaccount-block.tpl -->
<!-- end module:blockwishlist/views/templates/hook/account/myaccount-block.tpl -->

       
	</ul>
</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_customeraccountlinks/ps_customeraccountlinks.tpl -->
<!-- end module:ps_customeraccountlinks/ps_customeraccountlinks.tpl -->

<!-- begin module:ps_contactinfo/ps_contactinfo.tpl -->
<!-- begin /var/www/prestashop/themes/classic/modules/ps_contactinfo/ps_contactinfo.tpl -->
<div class="block-contact col-md-3 links wrapper">
  <div class="title clearfix hidden-md-up" data-target="#contact-infos" data-toggle="collapse">
    <span class="h3">Informations</span>
    <span class="float-xs-right">
      <span class="navbar-toggler collapse-icons">
        <i class="material-icons add">keyboard_arrow_down</i>
        <i class="material-icons remove">keyboard_arrow_up</i>
      </span>
    </span>
  </div>

  <p class="h4 text-uppercase block-contact-title hidden-sm-down">Informations</p>
  <div id="contact-infos" class="collapse">
    Vmode<br />54  Piennes<br />France
                  <br>
        Envoyez-nous un e-mail :
        <script type="text/javascript">document.write(unescape('%3c%61%20%68%72%65%66%3d%22%6d%61%69%6c%74%6f%3a%76%6d%6f%64%65%37%38%37%39%40%67%6d%61%69%6c%2e%63%6f%6d%22%20%3e%76%6d%6f%64%65%37%38%37%39%40%67%6d%61%69%6c%2e%63%6f%6d%3c%2f%61%3e'))</script>
      </div>
</div>
<!-- end /var/www/prestashop/themes/classic/modules/ps_contactinfo/ps_contactinfo.tpl -->
<!-- end module:ps_contactinfo/ps_contactinfo.tpl -->

<!-- begin module:blockwishlist/views/templates/hook/displayHeader.tpl -->
<!-- begin /var/www/prestashop/modules/blockwishlist/views/templates/hook/displayHeader.tpl -->
  <!-- begin /var/www/prestashop/modules/blockwishlist/views/templates/components/modals/add-to-wishlist.tpl -->
<div
  class="wishlist-add-to"
  data-url="https://www.vmode.fr/module/blockwishlist/action?action=getAllWishlist"
>
  <div
    class="wishlist-modal modal fade"
    
      :class="{show: !isHidden}"
    
    tabindex="-1"
    role="dialog"
    aria-modal="true"
  >
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">
            Mes listes d&#039;envies
          </h5>
          <button
            type="button"
            class="close"
            @click="toggleModal"
            data-dismiss="modal"
            aria-label="Close"
          >
            <span aria-hidden="true">×</span>
          </button>
        </div>

        <div class="modal-body">
          <choose-list
            @hide="toggleModal"
            :product-id="productId"
            :product-attribute-id="productAttributeId"
            :quantity="quantity"
            url="https://www.vmode.fr/module/blockwishlist/action?action=getAllWishlist"
            add-url="https://www.vmode.fr/module/blockwishlist/action?action=addProductToWishlist"
            empty-text="Aucune liste trouvée."
          ></choose-list>
        </div>

        <div class="modal-footer">
          <a @click="openNewWishlistModal" class="wishlist-add-to-new text-primary">
            <i class="material-icons">add_circle_outline</i> Créer une nouvelle liste
          </a>
        </div>
      </div>
    </div>
  </div>

  <div
    class="modal-backdrop fade"
    
      :class="{in: !isHidden}"
    
  >
  </div>
</div>


<!-- end /var/www/prestashop/modules/blockwishlist/views/templates/components/modals/add-to-wishlist.tpl -->  <!-- begin /var/www/prestashop/modules/blockwishlist/views/templates/components/modals/delete.tpl -->
<div
  class="wishlist-delete"
      data-delete-list-url="https://www.vmode.fr/module/blockwishlist/action?action=deleteWishlist"
        data-delete-product-url="https://www.vmode.fr/module/blockwishlist/action?action=deleteProductFromWishlist"
    data-title="Retirer le produit de la liste d'envies"
  data-title-list="Supprimer la liste d'envies"
  data-placeholder='Le produit sera retiré de "%nameofthewishlist%".'
  data-cancel-text="Annuler"
  data-delete-text="Retirer"
  data-delete-text-list="Supprimer"
>
  <div
    class="wishlist-modal modal fade"
    
      :class="{show: !isHidden}"
    
    tabindex="-1"
    role="dialog"
    aria-modal="true"
  >
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">((modalTitle))</h5>
          <button
            type="button"
            class="close"
            @click="toggleModal"
            data-dismiss="modal"
            aria-label="Close"
          >
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body" v-if="productId">
          <p class="modal-text">((confirmMessage))</p> 
        </div>
        <div class="modal-footer">
          <button
            type="button"
            class="modal-cancel btn btn-secondary"
            data-dismiss="modal"
            @click="toggleModal"
          >
            ((cancelText))
          </button>

          <button
            type="button"
            class="btn btn-primary"
            @click="deleteWishlist"
          >
            ((modalDeleteText))
          </button>
        </div>
      </div>
    </div>
  </div>

  <div 
    class="modal-backdrop fade"
    
      :class="{in: !isHidden}"
    
  >
  </div>
</div>

<!-- end /var/www/prestashop/modules/blockwishlist/views/templates/components/modals/delete.tpl -->  <!-- begin /var/www/prestashop/modules/blockwishlist/views/templates/components/modals/create.tpl -->
<div
  class="wishlist-create"
  data-url="https://www.vmode.fr/module/blockwishlist/action?action=createNewWishlist"
  data-title="Créer une liste d'envies"
  data-label="Nom de la liste d'envies"
  data-placeholder="Ajouter un nom"
  data-cancel-text="Annuler"
  data-create-text="Créer une liste d'envies"
  data-length-text="Le titre de la liste est trop court"
>
  <div
    class="wishlist-modal modal fade"
    
      :class="{show: !isHidden}"
    
    tabindex="-1"
    role="dialog"
    aria-modal="true"
  >
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">((title))</h5>
          <button
            type="button"
            class="close"
            @click="toggleModal"
            data-dismiss="modal"
            aria-label="Close"
          >
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="form-group form-group-lg">
            <label class="form-control-label" for="input2">((label))</label>
            <input
              type="text"
              class="form-control form-control-lg"
              v-model="value"
              id="input2"
              :placeholder="placeholder"
            />
          </div>
        </div>
        <div class="modal-footer">
          <button
            type="button"
            class="modal-cancel btn btn-secondary"
            data-dismiss="modal"
            @click="toggleModal"
          >
            ((cancelText))
          </button>

          <button
            type="button"
            class="btn btn-primary"
            @click="createWishlist"
          >
            ((createText))
          </button>
        </div>
      </div>
    </div>
  </div>

  <div 
    class="modal-backdrop fade"
    
      :class="{in: !isHidden}"
    
  >
  </div>
</div>

<!-- end /var/www/prestashop/modules/blockwishlist/views/templates/components/modals/create.tpl -->  <!-- begin /var/www/prestashop/modules/blockwishlist/views/templates/components/modals/login.tpl -->
<div
  class="wishlist-login"
  data-login-text="Connexion"
  data-cancel-text="Annuler"
>
  <div
    class="wishlist-modal modal fade"
    
      :class="{show: !isHidden}"
    
    tabindex="-1"
    role="dialog"
    aria-modal="true"
  >
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Connexion</h5>
          <button
            type="button"
            class="close"
            @click="toggleModal"
            data-dismiss="modal"
            aria-label="Close"
          >
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
          <p class="modal-text">Vous devez être connecté pour ajouter des produits à votre liste d'envies.</p>
        </div>
        <div class="modal-footer">
          <button
            type="button"
            class="modal-cancel btn btn-secondary"
            data-dismiss="modal"
            @click="toggleModal"
          >
            ((cancelText))
          </button>

          <a
            type="button"
            class="btn btn-primary"
            :href="prestashop.urls.pages.authentication"
          >
            ((loginText))
          </a>
        </div>
      </div>
    </div>
  </div>

  <div
    class="modal-backdrop fade"
    
      :class="{in: !isHidden}"
    
  >
  </div>
</div>

<!-- end /var/www/prestashop/modules/blockwishlist/views/templates/components/modals/login.tpl -->  <!-- begin /var/www/prestashop/modules/blockwishlist/views/templates/components/toast.tpl -->
<div
    class="wishlist-toast"
    data-rename-wishlist-text="Nom de la liste d'envies modifié !"
    data-added-wishlist-text="Produit ajouté à la liste d'envies !"
    data-create-wishlist-text="Liste d'envies créée !"
    data-delete-wishlist-text="Liste d'envies supprimée !"
    data-copy-text="Lien de partage copié !"
    data-delete-product-text="Produit supprimé !"
  ></div>
<!-- end /var/www/prestashop/modules/blockwishlist/views/templates/components/toast.tpl --><!-- end /var/www/prestashop/modules/blockwishlist/views/templates/hook/displayHeader.tpl -->
<!-- end module:blockwishlist/views/templates/hook/displayHeader.tpl -->

<!-- begin /var/www/prestashop/modules/minichat/views/templates/hook/displayFooter.tpl -->

<div id="minichat-widget" style="display:none;">
    <div class="minichat-header">
        <span class="minichat-title">💬 Minichat </span>
        <button class="minichat-toggle" onclick="MiniChat.toggle()">
            <span id="toggle-icon">−</span>
        </button>
    </div>
    
    <div class="minichat-body">
                    <div class="minichat-notice">
                <p>🔒 Please login to use the chat</p>
                <a href="https://www.vmode.fr/mon-compte" class="btn btn-primary">Login</a>
            </div>
            </div>
</div>

<button id="minichat-launcher" onclick="MiniChat.open()">
    💬 <span class="minichat-badge" id="unread-badge" style="display:none;">0</span>
</button>

<style>
/* Chat Launcher Button */
#minichat-launcher {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #667eea 0%, #d341a2 100%);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 9998;
    transition: transform 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

#minichat-launcher:hover {
    transform: scale(1.1);
}

.minichat-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #ff4444;
    color: white;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: bold;
}

/* Chat Widget */
#minichat-widget {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 380px;
    height: 550px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.minichat-header {
    background: linear-gradient(135deg, #667eea 0%, #d341a2 100%);
    color: white;
    padding: 15px;
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.minichat-title {
    font-weight: 600;
    font-size: 16px;
}

.minichat-toggle {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    transition: background 0.3s;
}

.minichat-toggle:hover {
    background: rgba(255,255,255,0.3);
}

.minichat-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

.minichat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 15px;
    background: #f8f9fa;
}

/* Messages avec Avatar */
.minichat-message {
    display: flex;
    margin-bottom: 15px;
    animation: fadeIn 0.3s;
    align-items: flex-start;
}

.minichat-message.own {
    flex-direction: row-reverse;
}

/* Avatar */
.minichat-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 14px;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 0 10px;
}

.minichat-message.own .minichat-avatar {
    margin-left: 10px;
    margin-right: 0;
}

/* Message Content */
.minichat-message-content {
    max-width: 65%;
    display: flex;
    flex-direction: column;
}

.minichat-message-header {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 12px;
    color: #666;
}

.minichat-message.own .minichat-message-header {
    justify-content: flex-end;
}

.minichat-customer-name {
    font-weight: 600;
    color: #333;
    margin-right: 8px;
}

.minichat-customer-id {
    background: #e9ecef;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 10px;
    color: #6c757d;
    font-weight: 500;
    margin-right: 8px;
}

.minichat-message-time {
    color: #999;
    font-size: 10px;
}

.minichat-message.own .minichat-message-time {
    margin-left: 0;
    margin-right: 8px;
}

.minichat-bubble {
    padding: 10px 15px;
    border-radius: 18px;
    word-wrap: break-word;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.minichat-message.own .minichat-bubble {
    background: linear-gradient(135deg, #667eea 0%, #d341a2 100%);
    color: white;
    border-bottom-right-radius: 4px;
}

.minichat-message.other .minichat-bubble {
    background: white;
    border: 1px solid #e9ecef;
    border-bottom-left-radius: 4px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Input Area */
.minichat-input-wrapper {
    display: flex;
    padding: 15px;
    background: white;
    border-top: 1px solid #e0e0e0;
}

#chat-input {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 25px;
    outline: none;
    font-size: 14px;
}

#chat-input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}

.minichat-send {
    margin-left: 10px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #667eea 0%, #d341a2 100%);
    color: white;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.2s;
}

.minichat-send:hover {
    transform: scale(1.05);
}

.minichat-char-counter {
    padding: 0 15px 10px;
    font-size: 11px;
    color: #999;
    text-align: right;
    background: white;
    border-radius: 0 0 12px 12px;
}

.minichat-loading {
    text-align: center;
    padding: 20px;
    color: #999;
}

.minichat-notice {
    padding: 40px 20px;
    text-align: center;
}

/* Responsive */
@media (max-width: 480px) {
    #minichat-widget {
        width: calc(100% - 20px);
        right: 10px;
        left: 10px;
        bottom: 80px;
        height: 70vh;
    }
}

/* Scrollbar */
.minichat-messages::-webkit-scrollbar {
    width: 6px;
}

.minichat-messages::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.minichat-messages::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}
</style>

<script>
var MiniChat = {
    url: 'https://www.vmode.fr/module/minichat/api',
    isLogged: false,
    isBanned: false,
    maxChars: 200,
    refresh: 3000,
    customerId: 0,
    customerName: '',
    lastMessageId: 0,
    isOpen: false,
    timer: null,
    unreadCount: 0
};

(function() {
    'use strict';
    
    MiniChat.init = function() {
        if (!this.url) return;
        
        var input = document.getElementById('chat-input');
        if (input) {
            input.addEventListener('input', function() {
                document.getElementById('char-count').textContent = this.value.length;
            });
        }
        
        document.getElementById('minichat-widget').style.display = 'none';
        
        if (this.isLogged && !this.isBanned) {
            this.loadMessages();
        }
    };
    
    MiniChat.open = function() {
        var widget = document.getElementById('minichat-widget');
        var launcher = document.getElementById('minichat-launcher');
        
        if (widget) {
            widget.style.display = 'flex';
            launcher.style.display = 'none';
            this.isOpen = true;
            this.unreadCount = 0;
            document.getElementById('unread-badge').style.display = 'none';
            
            if (this.isLogged && !this.isBanned) {
                this.startPolling();
            }
        }
    };
    
    MiniChat.close = function() {
        var widget = document.getElementById('minichat-widget');
        var launcher = document.getElementById('minichat-launcher');
        
        if (widget) {
            widget.style.display = 'none';
            launcher.style.display = 'flex';
            this.isOpen = false;
            this.stopPolling();
        }
    };
    
    MiniChat.toggle = function() {
        if (this.isOpen) {
            this.close();
        } else {
            this.open();
        }
    };
    
    MiniChat.loadMessages = function() {
        var self = this;
        
        fetch(this.url + '?action=getMessages&lastId=' + this.lastMessageId)
            .then(function(response) {
                return response.json();
            })
            .then(function(data) {
                if (data.success && data.messages) {
                    self.displayMessages(data.messages);
                }
            })
            .catch(function(error) {
                console.error('Error loading messages:', error);
            });
    };
    
    MiniChat.displayMessages = function(messages) {
    var container = document.getElementById('chat-messages');
    if (!container) return;
    
    var loading = container.querySelector('.minichat-loading');
    if (loading) loading.remove();
    
    messages.forEach(function(msg) {
        if (document.querySelector('[data-msg-id="' + msg.id_message + '"]')) {
            return;
        }
        
        var messageDiv = document.createElement('div');
        messageDiv.className = 'minichat-message ' + (msg.is_own ? 'own' : 'other');
        messageDiv.setAttribute('data-msg-id', msg.id_message);
        
        var html = '';
        
        // AVATAR
        if (msg.avatar) {
            html += '<div class="minichat-avatar" style="background: linear-gradient(135deg, ' + 
                    msg.avatar.color1 + ' 0%, ' + msg.avatar.color2 + ' 100%);">' +
                    msg.avatar.initials + '</div>';
        }
        
        // CONTENU
        html += '<div class="minichat-message-content">';
        html += '<div class="minichat-message-header">';
        if (!msg.is_own) {
            html += '<span class="minichat-customer-name">' + MiniChat.escapeHtml(msg.display_name || 'Guest') + '</span>';
            if (msg.customer_id_display) {
                html += '<span class="minichat-customer-id">' + msg.customer_id_display + '</span>';
            }
        }
        html += '<span class="minichat-message-time">' + msg.time + '</span>';
        html += '</div>';
        html += '<div class="minichat-bubble">' + MiniChat.escapeHtml(msg.message) + '</div>';
        html += '</div>';
        
        messageDiv.innerHTML = html;
        container.appendChild(messageDiv);
        
        MiniChat.lastMessageId = Math.max(MiniChat.lastMessageId, parseInt(msg.id_message));
        
        if (!MiniChat.isOpen && !msg.is_own) {
            MiniChat.unreadCount++;
            var badge = document.getElementById('unread-badge');
            if (badge) {
                badge.textContent = MiniChat.unreadCount;
                badge.style.display = 'inline-block';
            }
        }
    });
    
    container.scrollTop = container.scrollHeight;
 };
    
    MiniChat.send = function() {
        var input = document.getElementById('chat-input');
        if (!input || !input.value.trim()) return;
        
        var message = input.value.trim();
        var self = this;
        
        var formData = new FormData();
        formData.append('action', 'sendMessage');
        formData.append('message', message);
        
        fetch(this.url, {
            method: 'POST',
            body: formData
        })
        .then(function(response) {
            return response.json();
        })
        .then(function(data) {
            if (data.success) {
                input.value = '';
                document.getElementById('char-count').textContent = '0';
                self.loadMessages();
            } else if (data.error) {
                alert(data.error);
            }
        })
        .catch(function(error) {
            console.error('Error sending message:', error);
        });
    };
    
    MiniChat.startPolling = function() {
        if (this.timer) return;
        
        var self = this;
        this.timer = setInterval(function() {
            self.loadMessages();
        }, this.refresh);
    };
    
    MiniChat.stopPolling = function() {
        if (this.timer) {
            clearInterval(this.timer);
            this.timer = null;
        }
    };
    
    MiniChat.escapeHtml = function(text) {
        var div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    };
    
    // Initialize when DOM is ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function() {
            MiniChat.init();
        });
    } else {
        MiniChat.init();
    }
})();
</script>

<script>
// FORCER LES AVATARS ET ID CLIENT - VERSION FINALE
document.addEventListener('DOMContentLoaded', function() {
    setTimeout(function() {
        if (typeof MiniChat !== 'undefined') {
            console.log('🎨 Activation du système d\'avatars avec ID...');
            
            MiniChat.displayMessages = function(messages) {
                var container = document.getElementById('chat-messages');
                if (!container) return;
                
                var loading = container.querySelector('.minichat-loading');
                if (loading) loading.remove();
                
                messages.forEach(function(msg) {
                    if (document.querySelector('[data-msg-id="' + msg.id_message + '"]')) {
                        return;
                    }
                    
                    var messageDiv = document.createElement('div');
                    messageDiv.className = 'minichat-message ' + (msg.is_own ? 'own' : 'other');
                    messageDiv.setAttribute('data-msg-id', msg.id_message);
                    
                    // Générer les initiales
                    var initials = 'U';
                    var colors = ['#667eea', '#d341a2'];
                    
                    if (msg.avatar && msg.avatar.initials) {
                        initials = msg.avatar.initials;
                        colors = [msg.avatar.color1, msg.avatar.color2];
                    } else if (msg.display_name) {
                        var parts = msg.display_name.split(' ');
                        initials = parts[0].charAt(0).toUpperCase();
                        if (parts.length > 1) {
                            initials += parts[1].charAt(0).toUpperCase();
                        }
                    }
                    
                    // FORCER L'ID CLIENT - TOUJOURS L'AFFICHER
                    var customerId = '';
                    if (msg.customer_id_display) {
                        customerId = msg.customer_id_display;
                    } else if (msg.id_customer) {
                        // Créer l'ID à partir de id_customer
                        customerId = '#' + String(msg.id_customer).padStart(4, '0');
                    } else {
                        // ID par défaut si rien n'existe
                        customerId = '#0000';
                    }
                    
                    // Construire le HTML
                    var html = '<div class="minichat-avatar" style="background: linear-gradient(135deg, ' + 
                            colors[0] + ', ' + colors[1] + ');">' + initials + '</div>';
                    
                    html += '<div class="minichat-message-content">';
                    html += '<div class="minichat-message-header">';
                    
                    // TOUJOURS afficher nom et ID pour les messages des autres
                    if (!msg.is_own) {
                        html += '<span class="minichat-customer-name">' + (msg.display_name || 'Guest') + '</span>';
                        html += '<span class="minichat-customer-id" style="background:#e9ecef;padding:2px 6px;border-radius:10px;font-size:10px;color:#6c757d;margin:0 5px;">' + customerId + '</span>';
                    } else {
                        // Pour nos propres messages, afficher juste l'ID à droite
                        html += '<span class="minichat-customer-id" style="background:#e9ecef;padding:2px 6px;border-radius:10px;font-size:10px;color:#6c757d;margin:0 5px;">Vous ' + customerId + '</span>';
                    }
                    
                    html += '<span class="minichat-message-time">' + (msg.time || '') + '</span>';
                    html += '</div>';
                    html += '<div class="minichat-bubble">' + (msg.message || '') + '</div>';
                    html += '</div>';
                    
                    messageDiv.innerHTML = html;
                    container.appendChild(messageDiv);
                    
                    MiniChat.lastMessageId = Math.max(MiniChat.lastMessageId, parseInt(msg.id_message));
                });
                
                container.scrollTop = container.scrollHeight;
            };
            
            // Recharger immédiatement
            console.log('✅ Avatars et ID clients activés !');
            console.log('📝 Format ID: #0001, #0002, etc.');
            document.getElementById('chat-messages').innerHTML = '';
            MiniChat.lastMessageId = 0;
            MiniChat.loadMessages();
        }
    }, 1500);
});
</script>


<!-- end /var/www/prestashop/modules/minichat/views/templates/hook/displayFooter.tpl -->

<!-- begin /var/www/prestashop/modules/myrgpdmodule/views/templates/hooks/footer.tpl -->
<div id="myrgpd-modal-container">
    <div id="myrgpd-popup">
        <button id="myrgpd-close-btn">&times;</button>
        <div class="myrgpd-content">
            <div class="myrgpd-header">
                <img src="/modules/myrgpdmodule/logo.png" alt="My RGPD Module Logo" class="myrgpd-logo">
            </div>
            <p>Ce site utilise des cookies pour assurer son bon fonctionnement, mesurer son audience, et intégrer des vidéos issues de plateformes tierces. Certains de ces cookies peuvent être déposés par des partenaires pour vous proposer des publicités ciblées.

Vous pouvez accepter tous ces cookies, les refuser, ou les gérer de manière détaillée via le bouton « Préférences ».

Adresse de nos conditions d&#039;utilisation : https://www.vmode.fr/content/3-conditions-utilisation</p>
            <div class="myrgpd-buttons">
                <button id="myrgpd-reject" class="myrgpd-btn" data-action="reject">Continuer sans accepter</button>
                <button id="myrgpd-accept" class="myrgpd-btn myrgpd-btn-primary" data-action="accept">Valider</button>
                <button id="myrgpd-preferences" class="myrgpd-btn" data-action="preferences">Préférences</button>
            </div>
        </div>
    </div>
</div>
<!-- end /var/www/prestashop/modules/myrgpdmodule/views/templates/hooks/footer.tpl -->

<!-- begin /var/www/prestashop/modules/myrgpdmodule/views/templates/hooks/preferences-modal.tpl -->
<div id="myrgpd-preferences-modal-container" class="hidden">
    <div id="myrgpd-preferences-popup">
        <div class="myrgpd-preferences-content">
            <p>Ce site utilise des cookies et d'autres traceurs pour les finalités suivantes :</p>
            <form id="myrgpd-preferences-form">
                <div class="myrgpd-preference-category">
                    <div class="myrgpd-preference-header">
                        <h4>Cookies essentiels</h4>
                        <label class="switch-container">
                            <input type="checkbox" name="essential" checked disabled>
                            <span class="slider round"></span>
                        </label>
                    </div>
                    <p>Ces cookies sont nécessaires au bon fonctionnement du site et ne peuvent pas être désactivés.</p>
                </div>

                <div class="myrgpd-preference-category">
                    <div class="myrgpd-preference-header">
                        <h4>Cookies de Statistiques</h4>
                        <label class="switch-container">
                            <input type="checkbox" name="analytics" checked>
                            <span class="slider round"></span>
                        </label>
                    </div>
                    <p>Ces cookies nous permettent de mesurer le nombre de visiteurs et d'analyser la navigation pour améliorer nos services.</p>
                </div>
                
                <div class="myrgpd-preference-category">
                    <div class="myrgpd-preference-header">
                        <h4>Cookies Marketing</h4>
                        <label class="switch-container">
                            <input type="checkbox" name="marketing" checked>
                            <span class="slider round"></span>
                        </label>
                    </div>
                    <p>Ces cookies sont utilisés pour vous proposer des publicités ciblées et intégrer des vidéos de plateformes tierces comme YouTube ou TikTok.</p>
                </div>
            </form>
        </div>
        <div class="myrgpd-buttons">
            <button id="myrgpd-save-preferences" class="myrgpd-btn myrgpd-btn-primary">Enregistrer les préférences</button>
        </div>
    </div>
</div>
<!-- end /var/www/prestashop/modules/myrgpdmodule/views/templates/hooks/preferences-modal.tpl -->

      
    </div>
    <div class="row">
      
        
      
    </div>
    <div class="row">
      <div class="col-md-12">
        <p class="text-sm-center">
          
            <a href="https://www.prestashop-project.org/" target="_blank" rel="noopener noreferrer nofollow">
              © 2025 - Logiciel e-commerce par PrestaShop™
            </a>
          
        </p>
      </div>
    </div>
  </div>
</div>
        
      </footer>

    </main>

    
      
<template id="password-feedback">
  <div
    class="password-strength-feedback mt-1"
    style="display: none;"
  >
    <div class="progress-container">
      <div class="progress mb-1">
        <div class="progress-bar" role="progressbar" value="50" aria-valuemin="0" aria-valuemax="100"></div>
      </div>
    </div>
    <script type="text/javascript" class="js-hint-password">
              {"0":"Tr\u00e8s faible","1":"Faible","2":"Moyenne","3":"Fort","4":"Tr\u00e8s fort","Straight rows of keys are easy to guess":"Les suites de touches sur le clavier sont faciles \u00e0 deviner","Short keyboard patterns are easy to guess":"Les mod\u00e8les courts sur le clavier sont faciles \u00e0 deviner.","Use a longer keyboard pattern with more turns":"Utilisez une combinaison de touches plus longue et plus complexe.","Repeats like \"aaa\" are easy to guess":"Les r\u00e9p\u00e9titions (ex. : \"aaa\") sont faciles \u00e0 deviner.","Repeats like \"abcabcabc\" are only slightly harder to guess than \"abc\"":"Les r\u00e9p\u00e9titions (ex. : \"abcabcabc\") sont seulement un peu plus difficiles \u00e0 deviner que \"abc\".","Sequences like abc or 6543 are easy to guess":"Les s\u00e9quences (ex. : abc ou 6543) sont faciles \u00e0 deviner.","Recent years are easy to guess":"Les ann\u00e9es r\u00e9centes sont faciles \u00e0 deviner.","Dates are often easy to guess":"Les dates sont souvent faciles \u00e0 deviner.","This is a top-10 common password":"Ce mot de passe figure parmi les 10 mots de passe les plus courants.","This is a top-100 common password":"Ce mot de passe figure parmi les 100 mots de passe les plus courants.","This is a very common password":"Ceci est un mot de passe tr\u00e8s courant.","This is similar to a commonly used password":"Ce mot de passe est similaire \u00e0 un mot de passe couramment utilis\u00e9.","A word by itself is easy to guess":"Un mot seul est facile \u00e0 deviner.","Names and surnames by themselves are easy to guess":"Les noms et les surnoms seuls sont faciles \u00e0 deviner.","Common names and surnames are easy to guess":"Les noms et les pr\u00e9noms courants sont faciles \u00e0 deviner.","Use a few words, avoid common phrases":"Utilisez quelques mots, \u00e9vitez les phrases courantes.","No need for symbols, digits, or uppercase letters":"Pas besoin de symboles, de chiffres ou de majuscules.","Avoid repeated words and characters":"\u00c9viter de r\u00e9p\u00e9ter les mots et les caract\u00e8res.","Avoid sequences":"\u00c9viter les s\u00e9quences.","Avoid recent years":"\u00c9vitez les ann\u00e9es r\u00e9centes.","Avoid years that are associated with you":"\u00c9vitez les ann\u00e9es qui vous sont associ\u00e9es.","Avoid dates and years that are associated with you":"\u00c9vitez les dates et les ann\u00e9es qui vous sont associ\u00e9es.","Capitalization doesn't help very much":"Les majuscules ne sont pas tr\u00e8s utiles.","All-uppercase is almost as easy to guess as all-lowercase":"Un mot de passe tout en majuscules est presque aussi facile \u00e0 deviner qu'un mot de passe tout en minuscules.","Reversed words aren't much harder to guess":"Les mots invers\u00e9s ne sont pas beaucoup plus difficiles \u00e0 deviner.","Predictable substitutions like '@' instead of 'a' don't help very much":"Les substitutions pr\u00e9visibles comme '\"@\" au lieu de \"a\" n'aident pas beaucoup.","Add another word or two. Uncommon words are better.":"Ajoutez un autre mot ou deux. Pr\u00e9f\u00e9rez les mots peu courants."}
          </script>

    <div class="password-strength-text"></div>
    <div class="password-requirements">
      <p class="password-requirements-length" data-translation="Entrez un mot de passe entre %s et %s caractères.">
        <i class="material-icons">check_circle</i>
        <span></span>
      </p>
      <p class="password-requirements-score" data-translation="Le score minimum doit être: %s.">
        <i class="material-icons">check_circle</i>
        <span></span>
      </p>
    </div>
  </div>
</template>
        <script type="text/javascript" src="https://www.vmode.fr/themes/core.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/js/jquery/ui/jquery-ui.min.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/themes/classic/assets/js/theme.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/blockreassurance/views/dist/front.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/ps_emailalerts/js/mailalerts.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/productcomments/views/js/jquery.rating.plugin.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/productcomments/views/js/productListingComments.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/minichat/views/js/minichat.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/myrgpdmodule/views/js/myrgpdmodule.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/blockwishlist/public/product.bundle.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/ps_facetedsearch/views/dist/front.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/ps_shoppingcart/ps_shoppingcart.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/ps_searchbar/ps_searchbar.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/ps_imageslider/js/responsiveslides.min.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/ps_imageslider/js/homeslider.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/blockwishlist/public/graphql.js" ></script>
  <script type="text/javascript" src="https://www.vmode.fr/modules/blockwishlist/public/vendors.js" ></script>


    

    
      
    
  </body>

</html>

<!-- end catalog/listing/category.tpl -->