Outiref
<!DOCTYPE html>
<html lang="en">
    <script src="https://cdn.brevo.com/js/sdk-loader.js" async></script>
<script>
    // Version: 2.0
    window.Brevo = window.Brevo || [];
    Brevo.push([
        "init",
        {
        client_key: "eg2um1jn2btlyuj78sv6gwg2",
        // Optional: Add other initialization options, see documentation
        }
    ]);
</script>
    <head prefix=
    "og: http://ogp.me/ns#      fb: http://ogp.me/ns/fb#      product: http://ogp.me/ns/product#">
        <meta name="facebook-domain-verification" content="kwfjwbp16c9yqou7wemklc50qpyxco" />
        <!-- Facebook Pixel Code -->
        <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '538957997300347');
        fbq('track', 'PageView');
        </script>
        <script type="text/javascript">
            var sugg = [];
 
        function autocomplete(inp, arr) {
        
          //  console.log(arr);
            var currentFocus;
  /*execute a function when someone writes in the text field:*/
  inp.addEventListener("input", function(e) {
      var a, b, i, val = this.value;
      /*close any already open lists of autocompleted values*/
      closeAllLists();
      if (!val) { return false;}
      currentFocus = -1;
      /*create a DIV element that will contain the items (values):*/
          let  au = document.getElementById('idAuto');  

      a = document.createElement("DIV");
      a.setAttribute("id", this.id + "autocomplete-list");
      a.setAttribute("class", "autocomplete-items");
      /*append the DIV element as a child of the autocomplete container:*/
      this.parentNode.appendChild(a);
      /*for each item in the array...*/
      for (i = 0; i < arr.length; i++) {
          console.log(arr[i],i);
        /*check if the item starts with the same letters as the text field value:*/
        if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
          /*create a DIV element for each matching element:*/
          b = document.createElement("DIV");
          /*make the matching letters bold:*/
          b.innerHTML = `<strong style="color : #E42A1E;">` + arr[i].substr(0, val.length) + "</strong>";
          b.innerHTML += arr[i].substr(val.length);
         
          /*insert a input field that will hold the current array item's value:*/
          b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>";
          /*execute a function when someone clicks on the item value (DIV element):*/
              b.addEventListener("click", function(e) {
              /*insert the value for the autocomplete text field:*/
              inp.value = this.getElementsByTagName("input")[0].value;
              /*close the list of autocompleted values,
              (or any other open lists of autocompleted values:*/
              closeAllLists();
          });
          a.appendChild(b);
          au.appendChild(a);
          console.log(au);
        }
      }
  });
  /*execute a function presses a key on the keyboard:*/
  inp.addEventListener("keydown", function(e) {
      var x = document.getElementById(this.id + "autocomplete-list");
      if (x) x = x.getElementsByTagName("div");
      if (e.keyCode == 40) {
        /*If the arrow DOWN key is pressed,
        increase the currentFocus variable:*/
        currentFocus++;
        /*and and make the current item more visible:*/
        addActive(x);
      } else if (e.keyCode == 38) { //up
        /*If the arrow UP key is pressed,
        decrease the currentFocus variable:*/
        currentFocus--;
        /*and and make the current item more visible:*/
        addActive(x);
      } else if (e.keyCode == 13) {
        /*If the ENTER key is pressed, prevent the form from being submitted,*/
                document.getElementById("tt-btn-search").click();

      }
  });
  function addActive(x) {
    /*a function to classify an item as "active":*/
    if (!x) return false;
    /*start by removing the "active" class on all items:*/
    removeActive(x);
    if (currentFocus >= x.length) currentFocus = 0;
    if (currentFocus < 0) currentFocus = (x.length - 1);
    /*add class "autocomplete-active":*/
    x[currentFocus].classList.add("autocomplete-active");
  }
  function removeActive(x) {
    /*a function to remove the "active" class from all autocomplete items:*/
    for (var i = 0; i < x.length; i++) {
      x[i].classList.remove("autocomplete-active");
    }
  }
  function closeAllLists(elmnt) {
    /*close all autocomplete lists in the document,
    except the one passed as an argument:*/
    var x = document.getElementsByClassName("autocomplete-items");
    for (var i = 0; i < x.length; i++) {
      if (elmnt != x[i] && elmnt != inp) {
      x[i].parentNode.removeChild(x[i]);
    }
  }
}
/*execute a function when someone clicks in the document:*/
document.addEventListener("click", function (e) {
    closeAllLists(e.target);
});
 
}
        (function() {
            window.sib = {
                equeue: [],
                client_key: "eg2um1jn2btlyuj78sv6gwg2"
            };
            /* OPTIONAL: email for identify request*/
            // window.sib.email_id = 'example@domain.com';
            window.sendinblue = {};
            for (var j = ['track', 'identify', 'trackLink', 'page'], i = 0; i < j.length; i++) {
            (function(k) {
                window.sendinblue[k] = function() {
                    var arg = Array.prototype.slice.call(arguments);
                    (window.sib[k] || function() {
                            var t = {};
                            t[k] = arg;
                            window.sib.equeue.push(t);
                        })(arg[0], arg[1], arg[2], arg[3]);
                    };
                })(j[i]);
            }
            var n = document.createElement("script"),
                i = document.getElementsByTagName("script")[0];
            n.type = "text/javascript", n.id = "sendinblue-js", n.async = !0, n.src = "https://sibautomation.com/sa.js?key=" + window.sib.client_key, i.parentNode.insertBefore(n, i), window.sendinblue.page();
        })();
        </script>
        <noscript><img height="1" width="1" style="display:none"
        src="https://www.facebook.com/tr?id=538957997300347&ev=PageView&noscript=1"
        /></noscript>
        <!-- End Facebook Pixel Code -->
      <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-E0ED1S7E3J"></script>

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-E0ED1S7E3J');
</script>
        <meta charset="utf-8" />
                <title>ROSACE | Chaussures, sacs et accessoires | Tunisie/ Tunisia</title>
                        <meta charset="utf-8">
        
        <meta name="theme-color" content="#333333" />
        <meta name="author" content="Devsty IT">
        <link rel="icon" type="image/png" href="https://rosace.com.tn/frontend/images/favicon.png">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="https://rosace.com.tn/frontend/css/theme.css">
        <link rel="stylesheet" href="https://rosace.com.tn/frontend/css/theme-custom.css">
        <link rel="stylesheet" href="https://rosace.com.tn/frontend/css/rosa_font.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        
                 <meta name="csrf-token" content="QrzV4XEFkoiiNKaNmhbw22uXeZdgFiXWbDGuzCFr">
        <meta property="og:title"                  content="ROSACE" />
<meta property="og:image"                  content="https://rosace.com.tn/uploads/rosace-fb.jpg"/>
<meta property="og:description"            content="Bienvenue chez ROSACE" />
<meta property="og:url"                    content="https://rosace.com.tn/" />
    </head>
    <body>
        <div id="loader-wrapper">
            <div id="loader">
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
            </div>
        </div>
        <header>
            <!-- tt-top-panel -->
            <div class="tt-top-panel">
                <div class="container">
                    <div class="tt-row" >
                          <div class="tt-description">
                           <a class="tt-description" href="/articles-parent/1">𝗕𝗶𝗲𝗻𝘃𝗲𝗻𝘂𝗲 𝗰𝗵𝗲𝘇 𝗥𝗼𝘀𝗮𝗰𝗲 ✨ 𝗣𝗿𝗼𝗳𝗶𝘁𝗲𝘇 𝗱𝗲 𝗹𝗮 𝗹𝗶𝘃𝗿𝗮𝗶𝘀𝗼𝗻 𝗼𝗳𝗳𝗲𝗿𝘁𝗲 𝗱è𝘀 𝟭𝟱𝟬 𝗗 𝗱’𝗮𝗰𝗵𝗮𝘁 !</a><button class="tt-btn-close"></button>
						<!--	<a href="https://rosace.com.tn/articles-parent/1"a>-->
							<!--  <li class="dropdown tt-megamenu-col-02 selected">
                                                            <a href="https://rosace.com.tn"/a>
                                                        </li>-->
                        </div>
                        
                    </div>
                </div>
            </div>
            <!-- /tt-top-panel -->
            <!-- tt-mobile menu -->
            <nav class="panel-menu mobile-main-menu">
                <ul>
                    
                                                            <li><a href="https://rosace.com.tn">Accueil</a></li>
                                        <li>
                        <a href="/best-seller" class="special_menu menu_effect">💫 Nouvelle collection 💫</a>
                    </li>
                                                            

                                        
                                                                                                        <li>
                                    <a href="/articles-parent/1">FEMME</a>
                                    <ul>
                                        <li><b class="main_title_mobile">FEMME</b></li>
                                        <li style="display:none"><a href="/articles-parent/1">
                                            VOIR TOUt</a></li>
                                                                                                                          <li>
                                         <a href="#">
                                            BOTTINES ET BOOTS
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">BOTTINES ET BOOTS</b></li>
                                            <li><a href="/articles/bottines-et-boots/107">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/bottines-et-boots/bottines-a-talons/71">Bottines à talons</a></li>
                                                                                        <li><a href="/articles/bottines-et-boots/bottes-et-cuissardes/47">Bottes et Cuissardes</a></li>
                                                                                        <li><a href="/articles/bottines-et-boots/bottines/44">Bottines</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                    <li>
                                         <a href="#">
                                            DERBIES ET MOCCASINS
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">DERBIES ET MOCCASINS</b></li>
                                            <li><a href="/articles/derbies-et-moccasins/109">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/derbies-et-moccasins/mocassins-et-ballerines/40">Mocassins et Ballerines</a></li>
                                                                                        <li><a href="/articles/derbies-et-moccasins/derbies/42">Derbies</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                     <li><a href="/articles/pantoufles-et-chaussettes/45">PANTOUFLES ET CHAUSSETTES</a></li>
                                                                                </li>
                                                                                                                     <li><a href="/articles/sneakers-et-baskets/6">SNEAKERS ET BASKETS</a></li>
                                                                                </li>
                                                                                                                     <li><a href="/articles/escarpins/9">ESCARPINS</a></li>
                                                                                </li>
                                                                                                                    <li>
                                         <a href="#">
                                            SANDALES ET NU-PIEDS
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">SANDALES ET NU-PIEDS</b></li>
                                            <li><a href="/articles/sandales-et-nu-pieds/108">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/sandales-et-nu-pieds/sandales-a-talons/92">Sandales à talons</a></li>
                                                                                        <li><a href="/articles/sandales-et-nu-pieds/sandales-en-halfa/91">Sandales en Halfa</a></li>
                                                                                        <li><a href="/articles/sandales-et-nu-pieds/sandales/8">Sandales</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                    <li>
                                         <a href="#">
                                            MULES ET SABOTS
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">MULES ET SABOTS</b></li>
                                            <li><a href="/articles/mules-et-sabots/110">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/mules-et-sabots/sabots/30">Sabots</a></li>
                                                                                        <li><a href="/articles/mules-et-sabots/mules/35">Mules</a></li>
                                                                                        <li><a href="/articles/mules-et-sabots/mules-de-plage/34">Mules de plage</a></li>
                                                                                        <li><a href="/articles/mules-et-sabots/mules-en-halfa/97">Mules en Halfa</a></li>
                                                                                        <li><a href="/articles/mules-et-sabots/mules-mi-saison/43">Mules mi-saison</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                                                                                                                                                                                                                <li><a href="/articles/pantoufles-et-chaussettes/45">PANTOUFLES ET CHAUSSETTES</a></li>
                                                                                                                                                            <li><a href="/articles/sneakers-et-baskets/6">SNEAKERS ET BASKETS</a></li>
                                                                                                                                                            <li><a href="/articles/escarpins/9">ESCARPINS</a></li>
                                                                                                                                                                                                                                                                            <div class="row">
                                            <div class="col-md-12">
                                                                                                                                                            <img class="margin_banner_menu" src="/uploads/home/1-banner1.jpg">
                                                    </a>
                                                                                            </div>
                                                                                        <div class="col-sm-12">
                                                <a   class="tt-title-submenu">NOTRE SELECTION</a>
                                                <div class="tt-menu-slider header-menu-product arrow-location-03 row">
                                                                                                        <div class="col-10 offset-1">
            <div class="tt-product thumbprod-center">
                <a href="https://rosace.com.tn/article/5703" style="display: block;">
                    <div class="tt-image-box">
                        <span class="tt-img"><img class="lazy" data-src="/uploads/articles/1760348962.jpg" alt=""></span>
                    </div>
                    <div class="tt-description">
                        <h2 class="tt-title">Derbies à boucle</h2>
                        <div class="tt-price">
                            <span class="new-price">
                                                                    109.990 TND
                                                            </span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
                    <div class="col-10 offset-1">
            <div class="tt-product thumbprod-center">
                <a href="https://rosace.com.tn/article/5722" style="display: block;">
                    <div class="tt-image-box">
                        <span class="tt-img"><img class="lazy" data-src="/uploads/articles/1760347511.jpg" alt=""></span>
                    </div>
                    <div class="tt-description">
                        <h2 class="tt-title">Derbies classiques</h2>
                        <div class="tt-price">
                            <span class="new-price">
                                                                    109.990 TND
                                                            </span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
                    <div class="col-10 offset-1">
            <div class="tt-product thumbprod-center">
                <a href="https://rosace.com.tn/article/5723" style="display: block;">
                    <div class="tt-image-box">
                        <span class="tt-img"><img class="lazy" data-src="/uploads/articles/1760347238.jpg" alt=""></span>
                    </div>
                    <div class="tt-description">
                        <h2 class="tt-title">Escarpins à brides</h2>
                        <div class="tt-price">
                            <span class="new-price">
                                                                    109.990 TND
                                                            </span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
                                                        </div>
                                            </div>
                                                                                        <div class="col-md-12">
                                                                                            </div>
                                             <div class="col-md-12">
                                                                                            </div>
                                        </div>
                                        </li>
                                    </ul>

                                </li>
                                                                                                                <li>
                                    <a href="/articles-parent/2">SACS &amp; ACCESSOIRES</a>
                                    <ul>
                                        <li><b class="main_title_mobile">SACS &amp; ACCESSOIRES</b></li>
                                        <li style="display:none"><a href="/articles-parent/2">
                                            VOIR TOUt</a></li>
                                                                                                                          <li>
                                         <a href="#">
                                            ACCESSOIRES
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">ACCESSOIRES</b></li>
                                            <li><a href="/articles/accessoires/14">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/accessoires/porte--cles-labubu/111">Porte- clés LABUBU</a></li>
                                                                                        <li><a href="/articles/accessoires/valises/37">Valises</a></li>
                                                                                        <li><a href="/articles/accessoires/chapeaux-et-casquettes/28">Chapeaux  et Casquettes</a></li>
                                                                                        <li><a href="/articles/accessoires/echarpes-et-cache-col/69">Echarpes et cache-col</a></li>
                                                                                        <li><a href="/articles/accessoires/bonnets-et-berets/80">Bonnets et Bérets</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                    <li>
                                         <a href="#">
                                            SACS
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">SACS</b></li>
                                            <li><a href="/articles/sacs/5">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/sacs/sacs-couffin/61">Sacs Couffin</a></li>
                                                                                        <li><a href="/articles/sacs/portefeuilles/67">Portefeuilles</a></li>
                                                                                        <li><a href="/articles/sacs/sacs-de-plage/38">Sacs de plage</a></li>
                                                                                        <li><a href="/articles/sacs/sacs-soirees/13">Sacs soirées</a></li>
                                                                                        <li><a href="/articles/sacs/sacs-a-bandouliere/11">Sacs à bandoulière</a></li>
                                                                                        <li><a href="/articles/sacs/sacs-a-main/12">Sacs à main</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                                                                                                                                                                        <div class="row">
                                            <div class="col-md-12">
                                                                                                                                                        <a href="/articles/sacs/sacs-soirees/13">
                                                                                                            <img class="margin_banner_menu" src="/uploads/home/2-banner1.jpg">
                                                    </a>
                                                                                            </div>
                                                                                        <div class="col-sm-12">
                                                <a   class="tt-title-submenu">NOTRE SELECTION</a>
                                                <div class="tt-menu-slider header-menu-product arrow-location-03 row">
                                                                                                        <div class="col-10 offset-1">
            <div class="tt-product thumbprod-center">
                <a href="https://rosace.com.tn/article/5663" style="display: block;">
                    <div class="tt-image-box">
                        <span class="tt-img"><img class="lazy" data-src="/uploads/articles/1760347560.jpg" alt=""></span>
                    </div>
                    <div class="tt-description">
                        <h2 class="tt-title">Sac à main</h2>
                        <div class="tt-price">
                            <span class="new-price">
                                                                    129.990 TND
                                                            </span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
                    <div class="col-10 offset-1">
            <div class="tt-product thumbprod-center">
                <a href="https://rosace.com.tn/article/5684" style="display: block;">
                    <div class="tt-image-box">
                        <span class="tt-img"><img class="lazy" data-src="/uploads/articles/1760346991.jpg" alt=""></span>
                    </div>
                    <div class="tt-description">
                        <h2 class="tt-title">Sac à bandoulière</h2>
                        <div class="tt-price">
                            <span class="new-price">
                                                                    149.990 TND
                                                            </span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
                    <div class="col-10 offset-1">
            <div class="tt-product thumbprod-center">
                <a href="https://rosace.com.tn/article/5688" style="display: block;">
                    <div class="tt-image-box">
                        <span class="tt-img"><img class="lazy" data-src="/uploads/articles/1761379015.jpg" alt=""></span>
                    </div>
                    <div class="tt-description">
                        <h2 class="tt-title">Sac à bandoulière</h2>
                        <div class="tt-price">
                            <span class="new-price">
                                                                    109.990 TND
                                                            </span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
                                                        </div>
                                            </div>
                                                                                        <div class="col-md-12">
                                                                                            </div>
                                             <div class="col-md-12">
                                                                                            </div>
                                        </div>
                                        </li>
                                    </ul>

                                </li>
                                                                                                                <li>
                                    <a href="/articles-parent/3">ENFANT</a>
                                    <ul>
                                        <li><b class="main_title_mobile">ENFANT</b></li>
                                        <li style="display:none"><a href="/articles-parent/3">
                                            VOIR TOUt</a></li>
                                                                                                                          <li>
                                         <a href="#">
                                            ACCESSOIRES
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">ACCESSOIRES</b></li>
                                            <li><a href="/articles/accessoires/75">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/accessoires/bonnet-et-cache-col/78">Bonnet et cache-col</a></li>
                                                                                        <li><a href="/articles/accessoires/chapeaux/62">Chapeaux</a></li>
                                                                                        <li><a href="/articles/accessoires/sacs/52">Sacs</a></li>
                                                                                        <li><a href="/articles/accessoires/sac-a-dos/39">Sac à dos</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                    <li>
                                         <a href="#">
                                            FILLE ( 30- 35 )
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">FILLE ( 30- 35 )</b></li>
                                            <li><a href="/articles/fille-30--35/18">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/fille-30--35/sneakers---baskets/19">Sneakers - Baskets</a></li>
                                                                                        <li><a href="/articles/fille-30--35/ballerines/20">Ballerines</a></li>
                                                                                        <li><a href="/articles/fille-30--35/sandales/21">Sandales</a></li>
                                                                                        <li><a href="/articles/fille-30--35/mules/22">Mules</a></li>
                                                                                        <li><a href="/articles/fille-30--35/boots/46">Boots</a></li>
                                                                                        <li><a href="/articles/fille-30--35/pantoufles-et-chaussettes/48">Pantoufles et Chaussettes</a></li>
                                                                                        <li><a href="/articles/fille-30--35/derbies/88">Derbies</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                    <li>
                                         <a href="#">
                                            FILLETTE ( 20 - 30 )
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">FILLETTE ( 20 - 30 )</b></li>
                                            <li><a href="/articles/fillette-20---30/56">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/fillette-20---30/sandales/63">Sandales</a></li>
                                                                                        <li><a href="/articles/fillette-20---30/baskets-et-sneakers/57">Baskets et sneakers</a></li>
                                                                                        <li><a href="/articles/fillette-20---30/boots/70">Boots</a></li>
                                                                                        <li><a href="/articles/fillette-20---30/pantoufles/81">Pantoufles</a></li>
                                                                                        <li><a href="/articles/fillette-20---30/ballerines/60">Ballerines</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                    <li>
                                         <a href="#">
                                            GARÇON ( 30- 38 )
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">GARÇON ( 30- 38 )</b></li>
                                            <li><a href="/articles/garcon-30--38/23">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/garcon-30--38/sneakers---baskets/24">Sneakers - Baskets</a></li>
                                                                                        <li><a href="/articles/garcon-30--38/boots/102">Boots</a></li>
                                                                                        <li><a href="/articles/garcon-30--38/sandales/25">Sandales</a></li>
                                                                                        <li><a href="/articles/garcon-30--38/mules/26">Mules</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                    <li>
                                         <a href="#">
                                            GARÇONNET ( 25- 30 )
                                        </a>
                                        <ul>
                                            <li><b class="main_title_mobile">GARÇONNET ( 25- 30 )</b></li>
                                            <li><a href="/articles/garconnet-25--30/58">
                                            Voir tout</a></li>
                                                                                        <li><a href="/articles/garconnet-25--30/sandales/104">Sandales</a></li>
                                                                                        <li><a href="/articles/garconnet-25--30/baskets-et-sneakers/59">Baskets et sneakers</a></li>
                                                                                        <li><a href="/articles/garconnet-25--30/boots/103">Boots</a></li>
                                                                                        <li><a href="/articles/garconnet-25--30/pantoufles/65">Pantoufles</a></li>
                                                                                    </ul>
                                                                                 </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div class="row">
                                            <div class="col-md-12">
                                                                                                                                                        <a href="/articles/accessoires/75">
                                                                                                            <img class="margin_banner_menu" src="/uploads/home/3-banner1.jpg">
                                                    </a>
                                                                                            </div>
                                                                                        <div class="col-sm-12">
                                                <a   class="tt-title-submenu">NOTRE SELECTION</a>
                                                <div class="tt-menu-slider header-menu-product arrow-location-03 row">
                                                                                                        <div class="col-10 offset-1">
            <div class="tt-product thumbprod-center">
                <a href="https://rosace.com.tn/article/5585" style="display: block;">
                    <div class="tt-image-box">
                        <span class="tt-img"><img class="lazy" data-src="/uploads/articles/1756462401.jpg" alt=""></span>
                    </div>
                    <div class="tt-description">
                        <h2 class="tt-title">Sac à Dos</h2>
                        <div class="tt-price">
                            <span class="new-price">
                                                                    69.990 TND
                                                            </span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
                    <div class="col-10 offset-1">
            <div class="tt-product thumbprod-center">
                <a href="https://rosace.com.tn/article/5590" style="display: block;">
                    <div class="tt-image-box">
                        <span class="tt-img"><img class="lazy" data-src="/uploads/articles/1756382397.jpg" alt=""></span>
                    </div>
                    <div class="tt-description">
                        <h2 class="tt-title">Mini Sac à Dos</h2>
                        <div class="tt-price">
                            <span class="new-price">
                                                                    62.990 TND
                                                            </span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
                    <div class="col-10 offset-1">
            <div class="tt-product thumbprod-center">
                <a href="https://rosace.com.tn/article/5610" style="display: block;">
                    <div class="tt-image-box">
                        <span class="tt-img"><img class="lazy" data-src="/uploads/articles/1756462019.jpg" alt=""></span>
                    </div>
                    <div class="tt-description">
                        <h2 class="tt-title">Sac à dos à roulettes</h2>
                        <div class="tt-price">
                            <span class="new-price">
                                                                    199.990 TND
                                                            </span>
                        </div>
                    </div>
                </a>
            </div>
        </div>
                                                        </div>
                                            </div>
                                                                                        <div class="col-md-12">
                                                                                                                                                        <a href="/articles/accessoires/75">
                                                                                                            <img class="margin_banner_menu" src="/uploads/home/3-banner2.jpg">
                                                    </a>
                                                                                            </div>
                                             <div class="col-md-12">
                                                                                            </div>
                                        </div>
                                        </li>
                                    </ul>

                                </li>
                                                                                            <li>
                        <a href="/articles-parent/93"  class="special_menu">CARTE CADEAU 🎀</a>
                    </li>
                    
                    <!--li><a href="https://rosace.com.tn">Boutiques</a></li-->
                    <li class="dropdown tt-megamenu-col-02">
                                                            <a href="https://rosace.com.tn/pages/elu-service-client-2023" class="special_menu">ELU-SERVICE-CLIENT-2023</a>
                                                        </li>
                                        
                                        <li>
                        <a class="promo_menu special_menu outlet_menu" href="/outlet">OUTLET</a>
                        <ul class="tt-megamenu-submenu">
                                                                                            <li>
                                <a href="#">FEMME</a>
                                                                        <ul>
                                        <li><a href="/outlet/garconnet-25--30/1">Voir tout</a></li>
                                                                                    <li><a href="/outlet/bottines-et-boots/107">BOTTINES ET BOOTS</a></li>
                                                                                    <li><a href="/outlet/derbies-et-moccasins/109">DERBIES ET MOCCASINS</a></li>
                                                                                    <li><a href="/outlet/pantoufles-et-chaussettes/45">PANTOUFLES ET CHAUSSETTES</a></li>
                                                                                    <li><a href="/outlet/sneakers-et-baskets/6">SNEAKERS ET BASKETS</a></li>
                                                                                    <li><a href="/outlet/escarpins/9">ESCARPINS</a></li>
                                                                                    <li><a href="/outlet/sandales-et-nu-pieds/108">SANDALES ET NU-PIEDS</a></li>
                                                                                    <li><a href="/outlet/mules-et-sabots/110">MULES ET SABOTS</a></li>
                                                                            </ul>
                                                                    </li>
                                                                <li>
                                <a href="#">SACS &amp; ACCESSOIRES</a>
                                                                        <ul>
                                        <li><a href="/outlet/mules-et-sabots/2">Voir tout</a></li>
                                                                                    <li><a href="/outlet/accessoires/14">ACCESSOIRES</a></li>
                                                                                    <li><a href="/outlet/sacs/5">SACS</a></li>
                                                                            </ul>
                                                                    </li>
                                                                <li>
                                <a href="#">ENFANT</a>
                                                                        <ul>
                                        <li><a href="/outlet/sacs/3">Voir tout</a></li>
                                                                                    <li><a href="/outlet/accessoires/75">ACCESSOIRES</a></li>
                                                                                    <li><a href="/outlet/fille-30--35/18">FILLE ( 30- 35 )</a></li>
                                                                                    <li><a href="/outlet/fillette-20---30/56">FILLETTE ( 20 - 30 )</a></li>
                                                                                    <li><a href="/outlet/garcon-30--38/23">GARÇON ( 30- 38 )</a></li>
                                                                                    <li><a href="/outlet/garconnet-25--30/58">GARÇONNET ( 25- 30 )</a></li>
                                                                            </ul>
                                                                    </li>
                                                                                    </ul>
                    </li>
                    <li></li>
                                        <li>
                        <div class="tt-msg-menu-1"></div>
                        <div class="tt-msg-menu-2"></div>
                        <!--added by med -->
                        <a href="https://rosace.com.tn/best-seller">
                        <img class="pop_img" src="/uploads/home/banner_news.jpg"></a>
                    </li>
                </ul>
                <div class="mm-navbtn-names">
                    <div class="mm-closebtn">Fermer</div>
                    <div class="mm-backbtn">Précédent</div>
                </div>
            </nav>
            <!-- tt-mobile-header -->
            <div class="tt-mobile-header">
                <div class="container-fluid">
                    <div class="tt-header-row">
                        <div class="tt-mobile-parent-menu">
                            <div class="tt-menu-toggle">
                                <i class="icon-03"></i>
                            </div>
                        </div>
                        <!-- search -->
                        <div class="tt-mobile-parent-search tt-parent-box"></div>
                        <!-- /search -->
                        <!-- cart -->
                        <div class="tt-mobile-parent-cart tt-parent-box"></div>
                        <!-- /cart -->
                        <!-- account -->
                        <div class="tt-mobile-parent-account tt-parent-box"></div>
                        <!-- /account -->
                        <!-- currency -->
                        <div class="tt-mobile-parent-multi tt-parent-box"></div>
                        <!-- /currency -->
                    </div>
                </div>
                <div class="container-fluid tt-top-line">
                    <div class="row">
                        <div class="tt-logo-container">
                            <!-- mobile logo -->
                            <a class="tt-logo tt-logo-alignment" href="https://rosace.com.tn"><img class="tt-retina" src="https://rosace.com.tn/frontend/images/logo.png" alt=""></a>
                            <!-- /mobile logo -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- tt-desktop-header -->
            <div class="tt-desktop-header  tt-header-static">
                <div class="tt-color-scheme-03 tt-bg-01">
                    <div class="container-fluid-custom">
                        <div class="tt-header-holder">
                            <div class="tt-obj-logo  tt-position-absolute">
                                <!-- logo -->
                                <a class="tt-logo tt-logo-alignment" href="https://rosace.com.tn"><img class="tt-retina" src="https://rosace.com.tn/frontend/images/logo.png" alt=""></a>
                                <!-- /logo -->
                            </div>
                            <div class="tt-obj-menu">
                                <div class="container">
                                    <div class="row justify-content-md-center">
                                        <!-- tt-menu -->
                                        <div class="tt-desctop-parent-menu tt-parent-box">
                                            <div class="tt-desctop-menu">
                                                <nav>
                                                    <ul>
                                                        <li class="dropdown tt-megamenu-col-02 selected">
                                                            <a href="https://rosace.com.tn">ACCUEIL</a>
                                                        </li>

                                                                                                                <li class="dropdown tt-megamenu-col-01 img_special">
                                                            <a href="/best-seller" class="special_menu menu_effect">💫 Nouvelle collection 💫</a>
                                                        </li>
                                                                                                                
                                                                                                                
                                                        
                                                        
                                                                                                                
                                                        

                                                                                                                                                                                                                                                                                                                            <li class="dropdown megamenu">
                                                                                                                                        <li class="dropdown megamenu">
                                                                        <a href="/articles-parent/1">FEMME</a>
                                                                        <div class="dropdown-menu container">
                                                                            <div class="row">
                                                                                <div class="col-sm-6">
                                                                                    <div class="row tt-col-list">
                                                                                        <div class="col-sm-6">
                                                                                                                                                                                                                                                                                                <img class="margin_banner_menu" src="/uploads/home/1-banner1.jpg">
                                                                                                </a>
                                                                                            
                                                                                                                                                                                    </div>
                                                                                        <div class="col-sm-6">
                                                                                            <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/bottines-et-boots/107">
                                                                                                    BOTTINES ET BOOTS
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/bottines-et-boots/bottines-a-talons/71">Bottines à talons</a></li>
                                                                                                                                                                                                        <li><a href="/articles/bottines-et-boots/bottes-et-cuissardes/47">Bottes et Cuissardes</a></li>
                                                                                                                                                                                                        <li><a href="/articles/bottines-et-boots/bottines/44">Bottines</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/derbies-et-moccasins/109">
                                                                                                    DERBIES ET MOCCASINS
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/derbies-et-moccasins/mocassins-et-ballerines/40">Mocassins et Ballerines</a></li>
                                                                                                                                                                                                        <li><a href="/articles/derbies-et-moccasins/derbies/42">Derbies</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                                                                                                                           <a class="tt-title-submenu" href="/articles/pantoufles-et-chaussettes/45">
                                                                                                    PANTOUFLES ET CHAUSSETTES
                                                                                                </a>
                                                                                               
                                                                                                                                                                                                                                                                                                                                                                                           <a class="tt-title-submenu" href="/articles/sneakers-et-baskets/6">
                                                                                                    SNEAKERS ET BASKETS
                                                                                                </a>
                                                                                               
                                                                                                                                                                                                                                                                                                                                                                                           <a class="tt-title-submenu" href="/articles/escarpins/9">
                                                                                                    ESCARPINS
                                                                                                </a>
                                                                                               
                                                                                                                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/sandales-et-nu-pieds/108">
                                                                                                    SANDALES ET NU-PIEDS
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/sandales-et-nu-pieds/sandales-a-talons/92">Sandales à talons</a></li>
                                                                                                                                                                                                        <li><a href="/articles/sandales-et-nu-pieds/sandales-en-halfa/91">Sandales en Halfa</a></li>
                                                                                                                                                                                                        <li><a href="/articles/sandales-et-nu-pieds/sandales/8">Sandales</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/mules-et-sabots/110">
                                                                                                    MULES ET SABOTS
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/mules-et-sabots/sabots/30">Sabots</a></li>
                                                                                                                                                                                                        <li><a href="/articles/mules-et-sabots/mules/35">Mules</a></li>
                                                                                                                                                                                                        <li><a href="/articles/mules-et-sabots/mules-de-plage/34">Mules de plage</a></li>
                                                                                                                                                                                                        <li><a href="/articles/mules-et-sabots/mules-en-halfa/97">Mules en Halfa</a></li>
                                                                                                                                                                                                        <li><a href="/articles/mules-et-sabots/mules-mi-saison/43">Mules mi-saison</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                        </ul>
                                                                                                                                                                                    </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-6">
                                                                                    <a   class="tt-title-submenu">NOTRE SELECTION</a>
                                                                                    <div class="tt-menu-slider header-menu-product arrow-location-03 row">
                                                                                                                                                                                                                                                                        <div class="col-2">
                    <div class="tt-product thumbprod-center">
                        <a href="https://rosace.com.tn/article/5703-rosace-derbies-a-boucle">
                            <div class="tt-image-box">
                                <span class="tt-img"><img class="lazy" src="/uploads/articles/1760348962.jpg" alt=""></span>
                            </div>
                            <div class="tt-description">
                                <h2 class="tt-title">Derbies à boucle</h2>
                                <div class="tt-price">
                                    <span class="new-price">
                                                                                    109.990 TND
                                                                            </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                                                    <div class="col-2">
                    <div class="tt-product thumbprod-center">
                        <a href="https://rosace.com.tn/article/5722-rosace-derbies-classiques">
                            <div class="tt-image-box">
                                <span class="tt-img"><img class="lazy" src="/uploads/articles/1760347511.jpg" alt=""></span>
                            </div>
                            <div class="tt-description">
                                <h2 class="tt-title">Derbies classiques</h2>
                                <div class="tt-price">
                                    <span class="new-price">
                                                                                    109.990 TND
                                                                            </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                                                    <div class="col-2">
                    <div class="tt-product thumbprod-center">
                        <a href="https://rosace.com.tn/article/5723-rosace-escarpins-a-brides">
                            <div class="tt-image-box">
                                <span class="tt-img"><img class="lazy" src="/uploads/articles/1760347238.jpg" alt=""></span>
                            </div>
                            <div class="tt-description">
                                <h2 class="tt-title">Escarpins à brides</h2>
                                <div class="tt-price">
                                    <span class="new-price">
                                                                                    109.990 TND
                                                                            </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                                                                                                                                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                                                                                                                                                                                                                                                                                    <li class="dropdown megamenu">
                                                                                                                                        <li class="dropdown megamenu">
                                                                        <a href="/articles-parent/2">SACS &amp; ACCESSOIRES</a>
                                                                        <div class="dropdown-menu container">
                                                                            <div class="row">
                                                                                <div class="col-sm-6">
                                                                                    <div class="row tt-col-list">
                                                                                        <div class="col-sm-6">
                                                                                                                                                                                                                                                                                            <a href="/articles/sacs/sacs-soirees/13">
                                                                                                                                                                                                    <img class="margin_banner_menu" src="/uploads/home/2-banner1.jpg">
                                                                                                </a>
                                                                                            
                                                                                                                                                                                    </div>
                                                                                        <div class="col-sm-6">
                                                                                            <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/accessoires/14">
                                                                                                    ACCESSOIRES
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/accessoires/porte--cles-labubu/111">Porte- clés LABUBU</a></li>
                                                                                                                                                                                                        <li><a href="/articles/accessoires/valises/37">Valises</a></li>
                                                                                                                                                                                                        <li><a href="/articles/accessoires/chapeaux-et-casquettes/28">Chapeaux  et Casquettes</a></li>
                                                                                                                                                                                                        <li><a href="/articles/accessoires/echarpes-et-cache-col/69">Echarpes et cache-col</a></li>
                                                                                                                                                                                                        <li><a href="/articles/accessoires/bonnets-et-berets/80">Bonnets et Bérets</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/sacs/5">
                                                                                                    SACS
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/sacs/sacs-couffin/61">Sacs Couffin</a></li>
                                                                                                                                                                                                        <li><a href="/articles/sacs/portefeuilles/67">Portefeuilles</a></li>
                                                                                                                                                                                                        <li><a href="/articles/sacs/sacs-de-plage/38">Sacs de plage</a></li>
                                                                                                                                                                                                        <li><a href="/articles/sacs/sacs-soirees/13">Sacs soirées</a></li>
                                                                                                                                                                                                        <li><a href="/articles/sacs/sacs-a-bandouliere/11">Sacs à bandoulière</a></li>
                                                                                                                                                                                                        <li><a href="/articles/sacs/sacs-a-main/12">Sacs à main</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                        </ul>
                                                                                                                                                                                    </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-6">
                                                                                    <a   class="tt-title-submenu">NOTRE SELECTION</a>
                                                                                    <div class="tt-menu-slider header-menu-product arrow-location-03 row">
                                                                                                                                                                                                                                                                        <div class="col-2">
                    <div class="tt-product thumbprod-center">
                        <a href="https://rosace.com.tn/article/5663-rosace-sac-a-main">
                            <div class="tt-image-box">
                                <span class="tt-img"><img class="lazy" src="/uploads/articles/1760347560.jpg" alt=""></span>
                            </div>
                            <div class="tt-description">
                                <h2 class="tt-title">Sac à main</h2>
                                <div class="tt-price">
                                    <span class="new-price">
                                                                                    129.990 TND
                                                                            </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                                                    <div class="col-2">
                    <div class="tt-product thumbprod-center">
                        <a href="https://rosace.com.tn/article/5684-rosace-sac-a-bandouliere">
                            <div class="tt-image-box">
                                <span class="tt-img"><img class="lazy" src="/uploads/articles/1760346991.jpg" alt=""></span>
                            </div>
                            <div class="tt-description">
                                <h2 class="tt-title">Sac à bandoulière</h2>
                                <div class="tt-price">
                                    <span class="new-price">
                                                                                    149.990 TND
                                                                            </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                                                    <div class="col-2">
                    <div class="tt-product thumbprod-center">
                        <a href="https://rosace.com.tn/article/5688-rosace-sac-a-bandouliere">
                            <div class="tt-image-box">
                                <span class="tt-img"><img class="lazy" src="/uploads/articles/1761379015.jpg" alt=""></span>
                            </div>
                            <div class="tt-description">
                                <h2 class="tt-title">Sac à bandoulière</h2>
                                <div class="tt-price">
                                    <span class="new-price">
                                                                                    109.990 TND
                                                                            </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                                                                                                                                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                                                                                                                                                                                                                                                                                    <li class="dropdown megamenu">
                                                                                                                                        <li class="dropdown megamenu">
                                                                        <a href="/articles-parent/3">ENFANT</a>
                                                                        <div class="dropdown-menu container">
                                                                            <div class="row">
                                                                                <div class="col-sm-6">
                                                                                    <div class="row tt-col-list">
                                                                                        <div class="col-sm-6">
                                                                                                                                                                                                                                                                                            <a href="/articles/accessoires/75">
                                                                                                                                                                                                    <img class="margin_banner_menu" src="/uploads/home/3-banner1.jpg">
                                                                                                </a>
                                                                                            
                                                                                                                                                                                                                                                                                            <a href="/articles/accessoires/75">
                                                                                                                                                                                                    <img class="margin_banner_menu" src="/uploads/home/3-banner2.jpg">
                                                                                                </a>
                                                                                                                                                                                    </div>
                                                                                        <div class="col-sm-6">
                                                                                            <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/accessoires/75">
                                                                                                    ACCESSOIRES
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/accessoires/bonnet-et-cache-col/78">Bonnet et cache-col</a></li>
                                                                                                                                                                                                        <li><a href="/articles/accessoires/chapeaux/62">Chapeaux</a></li>
                                                                                                                                                                                                        <li><a href="/articles/accessoires/sacs/52">Sacs</a></li>
                                                                                                                                                                                                        <li><a href="/articles/accessoires/sac-a-dos/39">Sac à dos</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/fille-30--35/18">
                                                                                                    FILLE ( 30- 35 )
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/fille-30--35/sneakers---baskets/19">Sneakers - Baskets</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fille-30--35/ballerines/20">Ballerines</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fille-30--35/sandales/21">Sandales</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fille-30--35/mules/22">Mules</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fille-30--35/boots/46">Boots</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fille-30--35/pantoufles-et-chaussettes/48">Pantoufles et Chaussettes</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fille-30--35/derbies/88">Derbies</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/fillette-20---30/56">
                                                                                                    FILLETTE ( 20 - 30 )
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/fillette-20---30/sandales/63">Sandales</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fillette-20---30/baskets-et-sneakers/57">Baskets et sneakers</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fillette-20---30/boots/70">Boots</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fillette-20---30/pantoufles/81">Pantoufles</a></li>
                                                                                                                                                                                                        <li><a href="/articles/fillette-20---30/ballerines/60">Ballerines</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/garcon-30--38/23">
                                                                                                    GARÇON ( 30- 38 )
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/garcon-30--38/sneakers---baskets/24">Sneakers - Baskets</a></li>
                                                                                                                                                                                                        <li><a href="/articles/garcon-30--38/boots/102">Boots</a></li>
                                                                                                                                                                                                        <li><a href="/articles/garcon-30--38/sandales/25">Sandales</a></li>
                                                                                                                                                                                                        <li><a href="/articles/garcon-30--38/mules/26">Mules</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                                                                                                                            <a class="tt-title-submenu" href="/articles/garconnet-25--30/58">
                                                                                                    GARÇONNET ( 25- 30 )
                                                                                                </a>
                                                                                                <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                        <li><a href="/articles/garconnet-25--30/sandales/104">Sandales</a></li>
                                                                                                                                                                                                        <li><a href="/articles/garconnet-25--30/baskets-et-sneakers/59">Baskets et sneakers</a></li>
                                                                                                                                                                                                        <li><a href="/articles/garconnet-25--30/boots/103">Boots</a></li>
                                                                                                                                                                                                        <li><a href="/articles/garconnet-25--30/pantoufles/65">Pantoufles</a></li>
                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                        </ul>
                                                                                                                                                                                    </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-sm-6">
                                                                                    <a   class="tt-title-submenu">NOTRE SELECTION</a>
                                                                                    <div class="tt-menu-slider header-menu-product arrow-location-03 row">
                                                                                                                                                                                                                                                                        <div class="col-2">
                    <div class="tt-product thumbprod-center">
                        <a href="https://rosace.com.tn/article/5585-rosace-sac-a-dos">
                            <div class="tt-image-box">
                                <span class="tt-img"><img class="lazy" src="/uploads/articles/1756462401.jpg" alt=""></span>
                            </div>
                            <div class="tt-description">
                                <h2 class="tt-title">Sac à Dos</h2>
                                <div class="tt-price">
                                    <span class="new-price">
                                                                                    69.990 TND
                                                                            </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                                                    <div class="col-2">
                    <div class="tt-product thumbprod-center">
                        <a href="https://rosace.com.tn/article/5590-rosace-mini-sac-a-dos">
                            <div class="tt-image-box">
                                <span class="tt-img"><img class="lazy" src="/uploads/articles/1756382397.jpg" alt=""></span>
                            </div>
                            <div class="tt-description">
                                <h2 class="tt-title">Mini Sac à Dos</h2>
                                <div class="tt-price">
                                    <span class="new-price">
                                                                                    62.990 TND
                                                                            </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                                                    <div class="col-2">
                    <div class="tt-product thumbprod-center">
                        <a href="https://rosace.com.tn/article/5610-rosace-sac-a-dos-a-roulettes">
                            <div class="tt-image-box">
                                <span class="tt-img"><img class="lazy" src="/uploads/articles/1756462019.jpg" alt=""></span>
                            </div>
                            <div class="tt-description">
                                <h2 class="tt-title">Sac à dos à roulettes</h2>
                                <div class="tt-price">
                                    <span class="new-price">
                                                                                    199.990 TND
                                                                            </span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                                                                                                                                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                                                                                                                                                                                             <li class="dropdown megamenu">
                                                                         <a href="/articles-parent/93" class="special_menu">CARTE CADEAU 🎀</a>
                                                                         </li>
                                                        
                                                        <!--li class="dropdown tt-megamenu-col-02">
                                                            <a href="https://rosace.com.tn/pages/boutiques" class="special_menu">BOUTIQUES</a>
                                                        </li -->
                                                         <!--li class="dropdown tt-megamenu-col-02">
                                                            <a href="https://rosace.com.tn/pages/elu-service-client-2023" class="special_menu">ELU-SERVICE-CLIENT-2023</a>
                                                        </li-->
                                                                                                                
                                                                                                                <li class="dropdown tt-megamenu-col-01">
                                                            <a href="/outlet" class="special_menu special_menu outlet_menu">OUTLET</a>
                                                            <div class="dropdown-menu simpledrop">
                                                                <div class="row tt-col-list">
                                                                    <div class="col">
                                                                        <ul class="tt-megamenu-submenu">
                                                                                                                                                                                                                                <li>
                                                                            <a href="#">FEMME</a>
                                                                                                                                                                <ul>
                                                                                    <li><a href="/outlet/femme/1">Voir tout</a></li>
                                                                                                                                                                            <li><a href="/outlet/bottines-et-boots/107">BOTTINES ET BOOTS</a></li>
                                                                                                                                                                            <li><a href="/outlet/derbies-et-moccasins/109">DERBIES ET MOCCASINS</a></li>
                                                                                                                                                                            <li><a href="/outlet/pantoufles-et-chaussettes/45">PANTOUFLES ET CHAUSSETTES</a></li>
                                                                                                                                                                            <li><a href="/outlet/sneakers-et-baskets/6">SNEAKERS ET BASKETS</a></li>
                                                                                                                                                                            <li><a href="/outlet/escarpins/9">ESCARPINS</a></li>
                                                                                                                                                                            <li><a href="/outlet/sandales-et-nu-pieds/108">SANDALES ET NU-PIEDS</a></li>
                                                                                                                                                                            <li><a href="/outlet/mules-et-sabots/110">MULES ET SABOTS</a></li>
                                                                                                                                                                    </ul>
                                                                                                                                                            </li>
                                                                                                                                                        <li>
                                                                            <a href="#">SACS &amp; ACCESSOIRES</a>
                                                                                                                                                                <ul>
                                                                                    <li><a href="/outlet/sacs-accessoires/2">Voir tout</a></li>
                                                                                                                                                                            <li><a href="/outlet/accessoires/14">ACCESSOIRES</a></li>
                                                                                                                                                                            <li><a href="/outlet/sacs/5">SACS</a></li>
                                                                                                                                                                    </ul>
                                                                                                                                                            </li>
                                                                                                                                                        <li>
                                                                            <a href="#">ENFANT</a>
                                                                                                                                                                <ul>
                                                                                    <li><a href="/outlet/enfant/3">Voir tout</a></li>
                                                                                                                                                                            <li><a href="/outlet/accessoires/75">ACCESSOIRES</a></li>
                                                                                                                                                                            <li><a href="/outlet/fille-30--35/18">FILLE ( 30- 35 )</a></li>
                                                                                                                                                                            <li><a href="/outlet/fillette-20---30/56">FILLETTE ( 20 - 30 )</a></li>
                                                                                                                                                                            <li><a href="/outlet/garcon-30--38/23">GARÇON ( 30- 38 )</a></li>
                                                                                                                                                                            <li><a href="/outlet/garconnet-25--30/58">GARÇONNET ( 25- 30 )</a></li>
                                                                                                                                                                    </ul>
                                                                                                                                                            </li>
                                                                                                                                                                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                                                                                
                                                    </ul>
                                                </nav>
                                            </div>
                                        </div>
                                        <!-- /tt-menu -->
                                    </div>
                                </div>
                            </div>
                            <div class="tt-obj-options obj-move-right tt-position-absolute">
                            <!-- tt-search -->
                            <div class="tt-desctop-parent-search tt-parent-box">
                                <div class="tt-search tt-dropdown-obj">
                                    <button class="tt-dropdown-toggle" data-tooltip="Chercher" data-tposition="bottom">
                                        <i class="icon-f-85"></i>
                                    </button>
                                    <div class="tt-dropdown-menu">
                                        <div class="container">
                                            <form  autocomplete="off" action="https://rosace.com.tn/chercher-articles" method="post">
                                                <input type="hidden" name="_token" value="QrzV4XEFkoiiNKaNmhbw22uXeZdgFiXWbDGuzCFr">                                                <div class="tt-col">
                                                                                                         <input type="text" name="search" class="tt-search-input" id="final_span" placeholder="Chercher un produit..." />
                                                                                                        <button id="tt-btn-search" class="tt-btn-search" type="submit"></button>
                                                </div>
                                                <div class="tt-col">
                                                    <button class="tt-btn-close icon-g-80"></button>
                                                </div>
                                                <div class="tt-info-text">
                                                    Que cherchez-vous?
                                                </div>
                                                <div id="idAuto" class="tt-col autocomplete"></div>

                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /tt-search -->
                            <div class="tt-desctop-parent-multi tt-parent-box">
                                <div class="tt-multi-obj tt-dropdown-obj">
                                    <a href="/favoris" class="tt-dropdown-toggle" data-tooltip="Favoris" data-tposition="bottom"><i class="icon-n-072"></i></a>
                                </div>
                            </div>
                                                        <!-- tt-cart -->
                            <div class="tt-desctop-parent-cart tt-parent-box">
                                <div class="tt-cart tt-dropdown-obj tt_cart_holder" data-tooltip="Panier" data-tposition="bottom">
                                    <button class="tt-dropdown-toggle">
                                        <i class="icon-f-39"></i>
                                        <span id="cart_item_nbr" class="tt-badge-cart">
                                            0                                        </span>
                                    </button>
                                    <div id="desktop_cart" class="tt-dropdown-menu">
                                        <div class="tt-dropdown-inner">
                                            <div class="tt-cart-layout">
                                                <!-- layout emty cart -->
                                                <!-- <a href="empty-cart.html" class="tt-cart-empty">
                                                    <i class="icon-f-39"></i>
                                                    <p>No Products in the Cart</p>
                                                </a> -->
                                                <div class="tt-cart-content">
                                                    <h6 class="tt-title">Ma carte</h6>
                                                    <div class="tt-cart-list">
                                                        
                                                                                                                <p class="empty_cart_txt">Votre carte est actuellement vide</p>
                                                                                                            </div>
                                                    <div class="mini_cart_total">
                                                        <div class="tt-cart-total-row">
                                                            <div class="pt-cart-total-title">Total:</div>
                                                            &nbsp;
                                                            <div class="sub_price_cart"><span class="sub_price">
                                                            <span class="sub_price_cart_value">0</span>
                                                            </span> TND</div>
                                                        </div>
                                                        <div class="tt-cart-btn">
                                                                                                                        <div class="tt-item">
                                                                <a href="https://rosace.com.tn/connexion" class="btn">Aller au panier</a>
                                                            </div>
                                                                                                                    </div>
                                                    </div>
                                                                                                        <p class="when_empty_cart_txt">Votre carte est actuellement vide</p>
                                                                                                    </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /tt-cart -->
                                                        <!-- tt-account -->
                            <div class="tt-desctop-parent-account tt-parent-box">
                                <div class="tt-account tt-dropdown-obj">
                                    <button class="tt-dropdown-toggle"  data-tooltip="Compte" data-tposition="bottom"><i class="icon-f-94"></i></button>
                                    <div class="tt-dropdown-menu">
                                        <div class="tt-mobile-add">
                                            <button class="tt-close">Close</button>
                                        </div>
                                        <div class="tt-dropdown-inner">
                                            <ul>
                                                                                                <li><a href="https://rosace.com.tn/compte"><i class="icon-f-94"></i>Mon Compte</a></li>
                                                <li><a href="https://rosace.com.tn/creer-compte"><i class="icon-f-76"></i>Créer un compte</a></li>
                                                <li><a href="https://rosace.com.tn/facebook/redirect"><i class="icon-g-64"></i>Créer un compte avec Facebook</a></li>
                                                                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /tt-account -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- stuck nav -->
            <div class="tt-stuck-nav">
                <div class="container-fluid-custom">
                    <div class="tt-header-row">
                        <div class="tt-stuck-parent-menu"></div>
                        <div class="tt-stuck-parent-search tt-parent-box"></div>
                        <div class="tt-stuck-parent-cart tt-parent-box"></div>
                        <div class="tt-stuck-parent-account tt-parent-box"></div>
                        <div class="tt-stuck-parent-multi tt-parent-box"></div>
                    </div>
                </div>
            </div>
        </header>
        <main>
            <div id="tt-pageContent">
    <div class="container-indent nomargin">
        <div class="container-fluid">
            <div class="slider-revolution revolution-default">
                                    <div class="tp-banner-container">
                        <div class="tp-banner revolution">
                            <ul>
                                                                                                                                                                                                                   
                                        <li data-thumb="https://rosace.com.tn/uploads/slider/1763021329.jpg" data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-saveperformance="off"  data-title="Slide">
                                                                                        <img class="lazyload"  src="https://rosace.com.tn/uploads/slider/1763021329.jpg"  alt="slide1"  data-bgposition="center center" data-bgfit="contain" data-bgrepeat="no-repeat">
                                            
                                        </li> 
                                       
                                                                                                                                        
                                
                            </ul>
                        </div>
                    </div>
                            </div>
        </div>
    </div>
    <div class="container-indent nomargin">
        <div class="container-fluid-custom">
            <div class="row flex-sm-row-reverse">
                <div class="col-sm-12 col-md-6">
                    <div class="row">
                        <div class="col-sm-6">
                            <a href="listing-left-column.html" class="tt-promo-box tt-one-child hover-type-4">
                                <div class="pt-description-custom-02 part-details">
                                    <a href="#" class="pt-title" tabindex="0">
                                        <div class="pt-title-large"><span>𝐓𝐢𝐦𝐞𝐥𝐞𝐬𝐬 <br> 𝐜𝐨𝐥𝐥𝐞𝐜𝐭𝐢𝐨𝐧 </span></div>
                                    </a>
                                    <p>𝘝𝘪𝘯𝘵𝘢𝘨𝘦 𝘤𝘩𝘢𝘳𝘮</p>
                                </div>
                            </a>
                        </div>
                        <div class="col-sm-6">
                            
                                                        <a href="articles/sacs-accessoires/sacs/5" class="tt-promo-box tt-one-child hover-type-4">
                                                            <img class="lazyload"  data-original="uploads/home/image12.jpg" alt="">
                                <div class="tt-description">
                                    <div class="tt-description-wrapper">
                                        <div class="tt-title-large"><span class="tt-white-color"></span></div>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-sm-12">
                                                        <a href="articles/derbies-et-moccasins/mocassins-et-ballerines/40" class="tt-promo-box tt-one-child hover-type-4">
                                                            <img class="lazyload"  data-original="uploads/home/image13.jpg" alt="">
                                <div class="tt-description">
                                    <div class="tt-description-wrapper">
                                        <div class="tt-title-large"><span class="tt-white-color">.                                                         .</span></div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6">
                                        <a href="articles/derbies-et-moccasins/derbies/42" class="tt-promo-box tt-one-child hover-type-4">
                                            <img class="lazyload"  data-original="uploads/home/image11.jpg" alt="">
                        <div class="tt-description">
                            <div class="tt-description-wrapper">
                                <div class="tt-title-large"><span class="tt-white-color"> </span></div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="container-indent">
        <div class="container-fluid-custom container-fluid-custom-mobile-padding">
            <div class="tt-block-title">
                <h1 class="tt-title">𝓛𝓮𝓼𝓼 𝓽𝓻𝓮𝓷𝓭</h1>
                <div class="tt-description">𝓶𝓸𝓻𝓮 𝓽𝓲𝓶𝓮𝓵𝓮𝓼𝓼</div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="tt-carousel-products fixed_heigh row arrow-location-center-02 arrow-location-tab01 tt-alignment-img tt-layout-product-item slick-animated-show-js" data-item='2'>
                                                <div class="col-6 col-md-4 col-lg-3 col-xl-3 tt-col-item">
                    <div class="tt-product thumbprod-center">
                        <div class="tt-image-box">
                                                        <a data-articleid="5684" href="#" class="fav_btn tt-btn-wishlist" data-tooltip="Add to Wishlist" data-tposition="left"></a>
                                                        <a href="https://rosace.com.tn/article/5684-rosace-sac-a-bandouliere">
                                <span class="tt-img"><img class="lazyload" data-original="/uploads/articles/1760346991.jpg" alt=""></span>
                                <span class="tt-img-roll-over"><img class="lazyload" data-original="/uploads/articles/1760346991.jpg" alt=""></span>
                            </a>
                        </div>
                        <div class="tt-description">
                            <div class="tt-row">
                                <ul class="tt-add-info">
                                </ul>
                            </div>
                            <h2 class="tt-title"><a href="https://rosace.com.tn/article/5684-rosace-sac-a-bandouliere">Sac à bandoulière</a></h2>
                            <div class="tt-price">
                                                                                    
                                                                            149.990 TND
                                    
                                                            </div>
                                                        <div class="tt-option-block">
                                <ul class="tt-options-swatch js-change-img">
                                                                                                                                                        <li class="active"><a href="#" data-src="/uploads/articles-min/Sac à bandoulière-14115-1-1-1758370336.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                                                                                                    <li class="active"><a href="#" data-src="/uploads/articles-min/Sac à bandoulière-14114-0-1-1758708788.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                </ul>
                            </div>
                            <div class="tt-product-inside-hover">
                                
                                <div class="tt-row-btn">
                                    <a href="https://rosace.com.tn/article/5684-rosace-sac-a-bandouliere" class="tt-btn-addtocart thumbprod-button-bg">Découvrir</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                                    <div class="col-6 col-md-4 col-lg-3 col-xl-3 tt-col-item">
                    <div class="tt-product thumbprod-center">
                        <div class="tt-image-box">
                                                        <a data-articleid="5686" href="#" class="fav_btn tt-btn-wishlist" data-tooltip="Add to Wishlist" data-tposition="left"></a>
                                                        <a href="https://rosace.com.tn/article/5686-rosace-sac-a-bandouliere">
                                <span class="tt-img"><img class="lazyload" data-original="/uploads/articles/1760347051.jpg" alt=""></span>
                                <span class="tt-img-roll-over"><img class="lazyload" data-original="/uploads/articles/1760347051.jpg" alt=""></span>
                            </a>
                        </div>
                        <div class="tt-description">
                            <div class="tt-row">
                                <ul class="tt-add-info">
                                </ul>
                            </div>
                            <h2 class="tt-title"><a href="https://rosace.com.tn/article/5686-rosace-sac-a-bandouliere">Sac à bandoulière</a></h2>
                            <div class="tt-price">
                                                                                    
                                                                            149.990 TND
                                    
                                                            </div>
                                                        <div class="tt-option-block">
                                <ul class="tt-options-swatch js-change-img">
                                                                                                                                                        <li class="active"><a href="#" data-src="/uploads/articles-min/Sac à bandoulière-14118-1-1-1758370575.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                                                                                                    <li class="active"><a href="#" data-src="/uploads/articles-min/Sac à bandoulière-14117-0-1-1758370575.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                </ul>
                            </div>
                            <div class="tt-product-inside-hover">
                                
                                <div class="tt-row-btn">
                                    <a href="https://rosace.com.tn/article/5686-rosace-sac-a-bandouliere" class="tt-btn-addtocart thumbprod-button-bg">Découvrir</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                            </div>
                </div>
                 <div class="col-md-6">
                       
                           <a href="#"  >
                                                <div class="tt-promo-video">
                        <div class="tt-promo-video__link">
                           
                            <img  style="width: 100%;" playsinline src="uploads/home/video_middle.jpg" />
                        </div>
                        <div class="tt-description tt-point-h-l tt-point-v-t text-left">
                            <h2 class="tt-title"></h2>
                        </div>
                    </div> </a>
                </div>
            </div>
        </div>
    </div>
    <div class="container-indent">
        <!--img class="img-fluid lazyload" data-original="uploads/home/imagegif.png" -->
    </div>
    <div class="container-indent">
        <div class="container-fluid-custom container-fluid-custom-mobile-padding">
            <div class="tt-block-title">
                <h1 class="tt-title">𝐃𝐞𝐫𝐛𝐢𝐞𝐬 𝐭𝐡𝐚𝐭 𝐬𝐩𝐞𝐚𝐤 𝐭𝐡𝐞 𝐥𝐚𝐧𝐠𝐮𝐚𝐠𝐞 𝐨𝐟 𝐬𝐭𝐲𝐥𝐞</h1>
                <div class="tt-description"></div>
            </div>
            <div class="tt-carousel-products fixed_heigh row arrow-location-center-02 arrow-location-tab01 tt-alignment-img tt-layout-product-item slick-animated-show-js" data-item='4'>
                                <div class="col-6 col-md-4 col-lg-3 col-xl-3 tt-col-item">
                    <div class="tt-product thumbprod-center">
                        <div class="tt-image-box">
                                                        <a data-articleid="5704" href="#" class="fav_btn tt-btn-wishlist" data-tooltip="Add to Wishlist" data-tposition="left"></a>
                                                        <a href="https://rosace.com.tn/article/5704-rosace-derbies-a-boucle">
                                <span class="tt-img"><img class="lazyload" data-original="/uploads/articles/1760346800.jpg" alt=""></span>
                                <span class="tt-img-roll-over"><img class="lazyload" data-original="/uploads/articles/1760346800.jpg" alt=""></span>
                            </a>
                        </div>
                        <div class="tt-description">
                            <div class="tt-row">
                                <ul class="tt-add-info">
                                </ul>
                            </div>
                            <h2 class="tt-title"><a href="https://rosace.com.tn/article/5704-rosace-derbies-a-boucle">Derbies à boucle</a></h2>
                            <div class="tt-price">
                                                                                    
                                                                            109.990 TND
                                    
                                                            </div>
                                                        <div class="tt-option-block">
                                <ul class="tt-options-swatch js-change-img">
                                                                                                                                                        <li class="active"><a href="#" data-src="/uploads/articles-min/Derbies à boucle-14152-1-1-1758804951.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                                                                                                    <li class="active"><a href="#" data-src="/uploads/articles-min/Derbies à boucle-14151-0-1-1758804951.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                </ul>
                            </div>
                            <div class="tt-product-inside-hover">
                                
                                <div class="tt-row-btn">
                                    <a href="https://rosace.com.tn/article/5704-rosace-derbies-a-boucle" class="tt-btn-addtocart thumbprod-button-bg">Découvrir</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                                    <div class="col-6 col-md-4 col-lg-3 col-xl-3 tt-col-item">
                    <div class="tt-product thumbprod-center">
                        <div class="tt-image-box">
                                                        <a data-articleid="5706" href="#" class="fav_btn tt-btn-wishlist" data-tooltip="Add to Wishlist" data-tposition="left"></a>
                                                        <a href="https://rosace.com.tn/article/5706-rosace-derbies-a-boucle">
                                <span class="tt-img"><img class="lazyload" data-original="/uploads/articles/1760346882.jpg" alt=""></span>
                                <span class="tt-img-roll-over"><img class="lazyload" data-original="/uploads/articles/1760346882.jpg" alt=""></span>
                            </a>
                        </div>
                        <div class="tt-description">
                            <div class="tt-row">
                                <ul class="tt-add-info">
                                </ul>
                            </div>
                            <h2 class="tt-title"><a href="https://rosace.com.tn/article/5706-rosace-derbies-a-boucle">Derbies à boucle</a></h2>
                            <div class="tt-price">
                                                                                    
                                                                            109.990 TND
                                    
                                                            </div>
                                                        <div class="tt-option-block">
                                <ul class="tt-options-swatch js-change-img">
                                                                                                                                                        <li class="active"><a href="#" data-src="/uploads/articles-min/Derbies à boucle-14157-1-1-1758805572.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                                                                                                    <li class="active"><a href="#" data-src="/uploads/articles-min/Derbies à boucle-14156-0-1-1758805571.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                </ul>
                            </div>
                            <div class="tt-product-inside-hover">
                                
                                <div class="tt-row-btn">
                                    <a href="https://rosace.com.tn/article/5706-rosace-derbies-a-boucle" class="tt-btn-addtocart thumbprod-button-bg">Découvrir</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                                    <div class="col-6 col-md-4 col-lg-3 col-xl-3 tt-col-item">
                    <div class="tt-product thumbprod-center">
                        <div class="tt-image-box">
                                                        <a data-articleid="5722" href="#" class="fav_btn tt-btn-wishlist" data-tooltip="Add to Wishlist" data-tposition="left"></a>
                                                        <a href="https://rosace.com.tn/article/5722-rosace-derbies-classiques">
                                <span class="tt-img"><img class="lazyload" data-original="/uploads/articles/1760347511.jpg" alt=""></span>
                                <span class="tt-img-roll-over"><img class="lazyload" data-original="/uploads/articles/1760347511.jpg" alt=""></span>
                            </a>
                        </div>
                        <div class="tt-description">
                            <div class="tt-row">
                                <ul class="tt-add-info">
                                </ul>
                            </div>
                            <h2 class="tt-title"><a href="https://rosace.com.tn/article/5722-rosace-derbies-classiques">Derbies classiques</a></h2>
                            <div class="tt-price">
                                                                                    
                                                                            109.990 TND
                                    
                                                            </div>
                                                        <div class="tt-option-block">
                                <ul class="tt-options-swatch js-change-img">
                                                                                                                                                        <li class="active"><a href="#" data-src="/uploads/articles-min/Derbies classiques-14184-1-1-1759504303.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                                                                                                    <li class="active"><a href="#" data-src="/uploads/articles-min/Derbies classiques-14183-0-1-1759504303.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                </ul>
                            </div>
                            <div class="tt-product-inside-hover">
                                
                                <div class="tt-row-btn">
                                    <a href="https://rosace.com.tn/article/5722-rosace-derbies-classiques" class="tt-btn-addtocart thumbprod-button-bg">Découvrir</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                                    <div class="col-6 col-md-4 col-lg-3 col-xl-3 tt-col-item">
                    <div class="tt-product thumbprod-center">
                        <div class="tt-image-box">
                                                        <a data-articleid="5723" href="#" class="fav_btn tt-btn-wishlist" data-tooltip="Add to Wishlist" data-tposition="left"></a>
                                                        <a href="https://rosace.com.tn/article/5723-rosace-escarpins-a-brides">
                                <span class="tt-img"><img class="lazyload" data-original="/uploads/articles/1760347238.jpg" alt=""></span>
                                <span class="tt-img-roll-over"><img class="lazyload" data-original="/uploads/articles/1760347238.jpg" alt=""></span>
                            </a>
                        </div>
                        <div class="tt-description">
                            <div class="tt-row">
                                <ul class="tt-add-info">
                                </ul>
                            </div>
                            <h2 class="tt-title"><a href="https://rosace.com.tn/article/5723-rosace-escarpins-a-brides">Escarpins à brides</a></h2>
                            <div class="tt-price">
                                                                                    
                                                                            109.990 TND
                                    
                                                            </div>
                                                        <div class="tt-option-block">
                                <ul class="tt-options-swatch js-change-img">
                                                                                                                                                        <li class="active"><a href="#" data-src="/uploads/articles-min/Derbies à brides-14186-1-1-1759504799.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                                                                                                    <li class="active"><a href="#" data-src="/uploads/articles-min/Derbies à brides-14185-0-1-1759504799.jpg" class="options-color-img lazy"></a></li>
                                                                                                                                                </ul>
                            </div>
                            <div class="tt-product-inside-hover">
                                
                                <div class="tt-row-btn">
                                    <a href="https://rosace.com.tn/article/5723-rosace-escarpins-a-brides" class="tt-btn-addtocart thumbprod-button-bg">Découvrir</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                    </div>
        </div>
    </div>
    
    <div class="container-indent">
        <div class="container-fluid-custom">
            <div class="tt-block-title">
                <h1 class="tt-title">𝙄𝙣𝙨𝙥𝙞𝙧𝙚𝙙 𝙗𝙮 𝙩𝙝𝙚 𝙥𝙖𝙨𝙩, 𝙢𝙖𝙙𝙚 𝙛𝙤𝙧 𝙩𝙤𝙙𝙖𝙮</h1>
                <div class="tt-description">𝘞𝘩𝘦𝘳𝘦 𝘤𝘭𝘢𝘴𝘴𝘪𝘤 𝘥𝘦𝘴𝘪𝘨𝘯 𝘮𝘦𝘦𝘵𝘴 𝘦𝘧𝘧𝘰𝘳𝘵𝘭𝘦𝘴𝘴 𝘦𝘭𝘦𝘨𝘢𝘯𝘤𝘦</div>
            </div>
            <div class="row tt-layout-promo-box">
                <div class="col-md-6">
                                        <a href="articles/derbies-et-moccasins/derbies/42" class="tt-promo-box tt-one-child hover-type-4">
                                            <img class="lazyload" data-original="uploads/home/image31.jpg" alt="">
                        <div class="tt-description">
                            <div class="tt-description-wrapper">
                                <div class="tt-title-small"><span class="tt-white-color"></span></div>
                                <div class="tt-title-large"><span class="tt-white-color"></span></div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6">
                                        <a href="articles/derbies-et-moccasins/derbies/42" class="tt-promo-box tt-one-child hover-type-4">
                                            <img class="lazyload" data-original="uploads/home/image32.jpg" alt="">
                        <div class="tt-description">
                            <div class="tt-description-wrapper">
                                <div class="tt-title-small"><span class="tt-white-color"></span></div>
                                <div class="tt-title-large"><span class="tt-white-color"></span></div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div><!--
 {
            <div class="modal  fade"  id="Modalnewsletter" tabindex="-1" role="dialog" aria-label="myModalLabel" aria-hidden="true"  data-pause=2000>
            <div class="modal-dialog modal-sm">
                <div class="modal-content ">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="icon icon-clear"></span></button>
                    </div>
                    <form class="form-default newspop" id="form_subscriber1"  novalidate="novalidate" action="https://rosace.com.tn/newsletter/subscribe" method="post">
                        <input type="hidden" name="_token" value="QrzV4XEFkoiiNKaNmhbw22uXeZdgFiXWbDGuzCFr">                        <div class="modal-body no-background">
                            <div class="tt-modal-newsletter">
                                <div class="tt-modal-newsletter-promo">
                                    <div class="tt-title-small"></div>
                                    <div class="tt-title-large"></div>
                                   <a href="https://rosace.com.tn/collection-rosace"> <img class="pop_img lazyload" src="uploads/home/banner_news.jpg"></a>
                                </div>
                                <div class="subscribe-form form-default">
                                    <iframe width="540" height="305" src="https://baf41fb6.sibforms.com/serve/MUIEADxZVArU0iqoV7ACJX3KdH-JtUKvBOXul067jG00bvRuYoN3TQu6XFLSr0j9qcboc0YJbjMfWUs1TXaBRszcz336xi1TKIWHDlM0LF7hJxQ9F2azSvTgyejh3maVoVP5lwmp-uZ_1LoT3b6M4fZOqwW9Ica0ATy2M98dL0QLKJD3VDQERA1zAd8jhE-1fRYwV0pl7D_GthJI" frameborder="0" scrolling="auto" allowfullscreen style="display: block;margin-left: auto;margin-right: auto;max-width: 100%;"></iframe>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
     -->
        </main>
        
        <div class="container-indent before-footer">
            <div class="container-fluid-custom">
                <div class="row tt-services-listing">
                    <div class="col-6 col-md-6 col-lg-3">
                        <div class="tt-services-block">
                            <a href="https://rosace.com.tn/pages/questions-frequentes#q2">
                            <div class="tt-col-icon">
                                <i class="icon-f-48"></i>
                            </div>
                            <div class="tt-col-description">
                                
                                <h4 class="tt-title">LIVRAISON À DOMICILE</h4>
                                <p>Livraison offerte dès 150Dt</p></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-md-6 col-lg-3">
                        <div class="tt-services-block">
                            <a href="https://rosace.com.tn/pages/livraison">
                            <div class="tt-col-icon">
                                <i class="iconroosa-stopwatch"></i>
                            </div>
                            <div class="tt-col-description">
                                
                                <h4 class="tt-title">LIVRAISON RAPIDE</h4>
                                <p>Livraison en 2 à 4 jours</p></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-md-6 col-lg-3">
                        <div class="tt-services-block">
                            <a href="https://rosace.com.tn/pages/%C3%A9change"> 
                            <div class="tt-col-icon">
                                <i class="icon-e-09"></i>
                            </div>
                            <div class="tt-col-description">
                                
                                <h4 class="tt-title">ÉCHANGE</h4>
                                <p>Échange dans 48H</p></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-md-6 col-lg-3">
                        <div class="tt-services-block">
                            <a href="https://rosace.com.tn/pages/questions-frequentes#q3">
                            <div class="tt-col-icon">
                                <i class="icon-f-76"></i>
                            </div>
                            <div class="tt-col-description">
                                <h4 class="tt-title">PAIEMENT SÉCURISÉ</h4>
                                <p>Via ClicToPay</p>
                            </div></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        <footer class="f-mobile-dark">
            <div class="tt-footer-col tt-color-scheme-01">
                <div class="container-fluid-custom">
                    <div class="row">
                        <div class="col-md-6 col-lg-2 col-xl-2 footer_block">
                            <div class="tt-newsletter">
                                <img src="https://rosace.com.tn/frontend/images/logo.png" alt="">
                            </div>
                            <p class="suivez-nous">Suivez-nous</p>
                            <ul class="tt-social-icon">
                                <li><a class="icon-g-64" target="_blank" href="https://www.facebook.com/Chaussures.Rosace/"></a></li>
                                <li><a class="icon-g-67" target="_blank" href="https://www.instagram.com/chaussures.rosace/?hl=fr"></a></li>
                                <li><a class="iconroosa-youtube-1" target="_blank" href="https://www.youtube.com/channel/UCDRsj_iwTwo_ujIbKS8LMPg"></a></li>
                                <li><a class="icon-g-68" target="_blank" href="https://tn.linkedin.com/company/chaussures-rosace"></a></li>
                                <li><a   target="_blank" href="https://www.tiktok.com/@chaussuresrosace"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tiktok" viewbox="0 0 16 16">
  <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/>
</svg></a></li>

                            </ul>
                        </div>
                        <div class="col-md-6 col-lg-2 col-xl-2 footer_block">
                            <div class="tt-mobile-collapse">
                                <h4 class="tt-collapse-title">
                                    Qui Sommes Nous
                                </h4>
                                <div class="tt-collapse-content">
                                    <ul class="tt-list">
                                        <li><a href="https://rosace.com.tn/pages/notre-histoire">Notre histoire</a></li>
                                        <li><a href="https://rosace.com.tn/pages/notre-savoir-faire">Notre savoir-faire</a></li>
                                        <li><a href="https://rosace.com.tn/pages/engagement-associatif">Engagement Associatif</a></li>
                                        <li><a href="https://rosace.com.tn/pages/elu-service-client-2023">Elu Service Client 2023</a></li>
                                        
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-2 col-xl-2 footer_block">
                            <div class="tt-mobile-collapse">
                                <h4 class="tt-collapse-title">
                                    Aide
                                </h4>
                                <div class="tt-collapse-content">
                                    <ul class="tt-list">
                                        <li><a href="https://rosace.com.tn/pages/contact">Contactez-nous</a></li>
                                        <li><a href="https://rosace.com.tn/pages/questions-frequentes">Questions fréquentes</a></li>
                                        <li><a href="https://rosace.com.tn/pages/livraison-echange">Livraison & échange</a></li>
                                        <li><a href="https://rosace.com.tn/pages/fidelite">Programme fidélité</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-2 col-xl-2 footer_block">
                            <div class="tt-mobile-collapse">
                                <h4 class="tt-collapse-title">
                                    Guide
                                </h4>
                                <div class="tt-collapse-content">
                                    <ul class="tt-list">
                                        
                                        <li><a href="https://rosace.com.tn/pages/comment-acheter">Comment acheter?</a></li>
                                        <li><a href="https://rosace.com.tn/pages/boutiques">Nos Boutiques</a></li>
                                        <!--li><a href="https://rosace.com.tn/pages/choisir-votre-pointure">Choisir votre pointure</a></li>
                                        <li><a href="https://rosace.com.tn/pages/entretien-des-articles">Entretien des chaussures</a></li -->
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-3 col-xl-3 footer_block">
                            <div class="tt-mobile-collapse">
                                <h4 class="tt-collapse-title">
                                    Service Client
                                </h4>
                                <div class="tt-collapse-content">
                                    <p class="txt_footer">Notre service client est à votre disposition du Lundi au Vendredi de 8h à 17h et Samedi de 8h à 14h.</p> 
                                    <ul class="tt-list">
                                        <li><a><span>Tél.:</span> 39 152 000</a></li>
                                        <li><a mailto="service.client@rosace.com.tn"><span>Email:</span> service.client@rosace.com.tn</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tt-footer-custom tt-color-scheme-04">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <!-- payment-list -->
                            <ul class="tt-menu-list-footer">
                                <li><a href="https://rosace.com.tn/pages/conditions-generales-de-vente">Conditions Générales de Vente</a></li>
                                <li><a href="https://rosace.com.tn/pages/mentions-legales">Mentions légales.</a></li>
                                <li><a href="https://rosace.com.tn/pages/politique-de-confidentialite">Politique de confidentialité</a></li>
                            </ul>
                            <!-- /payment-list -->
                        </div>
                    </div>
                    <div class="tt-row">
                        <div class="tt-col-left">
                                    <div class="tt-col-item tt-logo-col">
                                        <!-- logo -->
                                        <a class="tt-logo tt-logo-alignment" href="https://rosace.com.tn"><img src="https://rosace.com.tn/frontend/images/logo.png" alt=""></a>
                                        <!-- /logo -->
                                    </div>
                                    <div class="tt-col-item">
                                        <!-- copyright -->
                                        <div class="tt-box-copyright">
                                            &copy; 2022 ROSACE. All Rights Reserved by                                             <a href="https://rosace.com.tn/" target="_blank">ROSACE</a>.
                                        </div>
                                        <!-- /copyright -->
                                    </div>
                                </div>
                                <div class="tt-col-right">
                                    <div class="tt-col-item">
                                        <!-- payment-list -->
                                        <ul class="tt-payment-list">
                                            <li><a href="https://rosace.com.tn/pages/questions-frequentes#q3"><span class="icon-visa">
                                            <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span>
                                            </span></a></li>
                                            <li><a href="https://rosace.com.tn/pages/questions-frequentes#q3"><span class="icon-mastercard">
                                            <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span><span class="path13"></span>
                                            </span></a></li>
                                        </ul>
                                        <!-- /payment-list -->
                                    </div>
                                </div>
                    </div>
                </div>
            </div>
        </footer>
        <a href="#" class="tt-back-to-top tt-align-center">BACK TO TOP</a>


                <script src="https://rosace.com.tn/frontend/external/jquery/jquery.min.js"></script>
<script src="https://rosace.com.tn/frontend/external/bootstrap/js/bootstrap.min.js"></script>
<script src="https://rosace.com.tn/frontend/external/slick/slick.min.js"></script>
<script src="https://rosace.com.tn/frontend/external/isotope/imagesloaded.js"></script>
<script src="https://rosace.com.tn/frontend/external/isotope/isotope.pkgd.min.js"></script>
<script src="https://rosace.com.tn/frontend/external/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="https://rosace.com.tn/frontend/external/panelmenu/panelmenu.js"></script>
<script src="https://rosace.com.tn/frontend/external/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="https://rosace.com.tn/frontend/external/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="https://rosace.com.tn/frontend/external/countdown/jquery.plugin.min.js"></script>
<script src="https://rosace.com.tn/frontend/external/countdown/jquery.countdown.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script>

<script src="https://rosace.com.tn/frontend/js/main.js"></script>
<!-- form validation and sending to mail -->
<script src="https://rosace.com.tn/frontend/external/form/jquery.form.js"></script>
<script src="https://rosace.com.tn/frontend/external/form/jquery.validate.min.js"></script>
<script src="https://rosace.com.tn/frontend/external/form/jquery.form-init.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.2.0/sweetalert2.all.min.js"></script>
<!-- <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/17f7e86dffff80484ffde861d/e33e42add81bfdb6cb5afe02f.js");</script>
<style> 
#PopupSignupForm_0 {
    z-index: 99999;
    position: relative;
}
</style>-->
<script>
    /*grecaptcha.ready(function() {
      grecaptcha.execute('6LcDSBAaAAAAAOxZLtfutbI7n6UzRX5jLhhBtl_N', {action: 'submit'}).then(function(token) {
          document.getElementById('g_tokennews2').value = token;
      });
    });*/
    jQuery("img.lazyload").lazyload({effect : "fadeIn"});
    jQuery(function() {
        jQuery('.lazy').Lazy();
    });
    jQuery(document).ready(function($){
       
        
        $("#form_subscriber1").submit(function( e ) {
            e.preventDefault();
            //g_tokennews2 = $('#g_tokennews2').val();
            var email = $('#email_subscriber1').val();
            var nom = $('#nom_subscriber1').val();
            var prenom = $('#prenom_subscriber1').val();
            var ids_list = [];
            
            if($('#femme').is(":checked")){
                ids_list.push(6);
            }

            if($('#homme').is(":checked")){
                ids_list.push(7);
            }

            if($('#enfant').is(":checked")){
                ids_list.push(8);
            }

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });
            
            var formData = {
                email : email,
                nom: nom,
                prenom: prenom,
                ids_list: ids_list
                //gtoken : g_tokennews2,
            };
            
            //$.LoadingOverlay("show");
            $.ajax({
                type: 'POST',
                url: 'https://rosace.com.tn/newsletter/subscribe',
                data: formData,
                dataType: 'json',
                success: function (data) {
                    $('#msg_subscriber1').text(data.msg);
                    console.log("done");
                    console.log(data.msg);
                    $('#email_subscriber1').val('');
                },
                error: function (data) {
                    $('#msg_subscriber1').text(data.msg);
                    console.log("fail");
                    console.log(data.msg);
                }
            });
        });

        /*ADD TO CART*/
       /* $(document).on('click','.add_prod_grid_btn', function (e) {
            e.preventDefault();
            product_color = $('.pt-options-colors li.active a').data('color');
            product_size = $('li.tailleoptionbox.active').data('taille');
            product_id = $(this).data("article");
            if((product_color != null) && (product_size != null) && (product_id != null)){
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                    }
                });
                
                var formData = {
                    product_id : product_id,
                    product_color: product_color,
                    product_size: product_size,
                };
                console.log(formData);
                var type = "POST";
                $.LoadingOverlay("show");
                $.ajax({
                    type: type,
                    url: 'https://kastelo.com.tn/addpanier_guest',
                    data: formData,
                    dataType: 'json',
                    success: function (data) {
                        var check_item_exit = $('.pt-cart-list').find('.pt-item').data('minicartitem');
                        $(".mini_cart_total").show();
                        if(check_item_exit != data.variation.id){
                            var new_item_code = '<div class="pt-item" data-minicartitem="'+data.article.id+'"> <a href="#"> <div class="pt-item-img"> <img data-original="/uploads/articles/'+data.var_images+'" class="lazyload loaded" data-src="/uploads/articles/'+data.var_images+'" alt="image" data-was-processed="true"> </div> <div class="pt-item-descriptions"> <h2 class="pt-title">'+data.article.nom+'</h2> <ul class="pt-add-info"> <li>'+data.color_name+'</li> <li>'+data.size_name+'</li> </ul> <div class="pt-quantity"><span>1</span> x</div> <div class="pt-price">'+data.prix_variation+' TND</div> </div> </a> <div class="pt-item-close" data-removeidcart="'+data.article.id+'"> <a href="#" class="pt-btn-close"> <svg width="24" height="24" viewBox="0 0 24 24"> <use xlink:href="#icon-remove"></use> </svg> </a> </div> </div>';
                            var cart_item_nbr = parseInt($( "#cart_item_nbr" ).text())+1;
                            $( "#cart_item_nbr" ).text(cart_item_nbr);
                        } else {
                            $('.pt-item[data-minicartitem="'+data.variation.id+'"]').find('.itemcolor').text(data.color_name);
                            $('.pt-item[data-minicartitem="'+data.variation.id+'"]').find('.itemsize').text(data.size_name);
                        }
                        $('.empty_cart_txt').hide();
                        jQuery('.pt-cart-list').append(new_item_code);
                        $.LoadingOverlay("hide");
                        $(".sub_price").text(data.new_amount);
                        $("#btn_add_to_cart").addClass("disabled");
                        $('.adderror').hide();
                    },
                    error: function (data) {
                        console.log("faile");
                    }
                });
            } else {
                $(this).parent().find('.adderror').show();
            }
        });
        /*END ADD TO CART*/
        
        /*ADD TO FAVORIS*/
       /* $(document).on('click','.fav_btn', function (e) {
            e.preventDefault();
            product_id = $(this).data("articleid");
            
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                }
            });
            
            var formData = {
                product_id : product_id,
            };
            var type = "POST";
            if ( $(this).hasClass("active") ){
                $(this).removeClass("active");
                //$.LoadingOverlay("show");
                $.ajax({
                    type: type,
                    url: 'https://kastelo.com.tn/removefavorislist',
                    data: formData,
                    dataType: 'json',
                    success: function (data) {
                        if (data.doaction == 1) {
                            var cart_item_nbr = parseInt($( ".count-fav" ).text())+1;
                        } else if (data.doaction == 2) {
                            var cart_item_nbr = parseInt($( ".count-fav" ).text())-1;
                        }
                        
                        $( ".count-fav" ).text(cart_item_nbr);
                        //$.LoadingOverlay("hide");
                    },
                    error: function (data) {
                        console.log("faile");
                    }
                });
            }else{
                $(this).addClass("active");
                //$.LoadingOverlay("show");
                $.ajax({
                    type: type,
                    url: 'https://kastelo.com.tn/addfavoris',
                    data: formData,
                    dataType: 'json',
                    success: function (data) {
                        if (data.doaction == 1) {
                            var cart_item_nbr = parseInt($( ".count-fav" ).text())+1;
                        } else if (data.doaction == 2) {
                            var cart_item_nbr = parseInt($( ".count-fav" ).text())-1;
                        }
                        
                        $( ".count-fav" ).text(cart_item_nbr);
                        //$.LoadingOverlay("hide");
                    },
                    error: function (data) {
                        console.log("faile");
                    }
                });
            }
        });*/
        /*END FAVORIS*/
    });
</script>

        <script>
            /*grecaptcha.ready(function() {
              grecaptcha.execute('6Lcw1eQZAAAAAO2waWUy5DF_J0Dh3vGLlqsO_7_e', {action: 'submit'}).then(function(token) {
                  document.getElementById('g_tokennews1').value = token;
              });
            });*/
            jQuery(document).ready(function($){
                //added by med
                 var typingTimer = null;
var doneTypingInterval = 1000;

                                  $("#final_span").on('keydown', function(){
                  $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
            }
        });
        sugg=[];if(typingTimer !== null) {
             console.log('teme');
      clearTimeout( typingTimer );
    }
     typingTimer = setTimeout(function() {
                 $.ajax({
                        method: 'POST',
                        type: 'POST',
                        url: 'https://rosace.com.tn/sugg-articles',
                        data: {search:document.getElementById("final_span").value },
                        dataType: 'json',
                        success: function (data) {
                            console.log(data);
                            if(data.regular_products)
                           {if(data.pages){
                               for(let i=0;i<data.pages.length;i++)
{                               data.regular_products.data.push(data.pages[i]);
}                           }
   autocomplete(document.getElementById("final_span"), data.regular_products.data.map(x=>x.nom).filter((c, index) => {
    return data.regular_products.data.map(x=>x.nom).indexOf(c) === index;
}));

                            
}
                        },
                        error: function (data) {
                             console.log("fail");
                            console.log(data.msg);
                        }
                    });}, doneTypingInterval);

            });

                //var screenWidth = (window.innerHeight - 200)+"px";
                var screenWidth = document.getElementById('desktop_cart').offsetHeight+"px";
                if(screenWidth == "0px"){
                    var screenWidth = (window.innerHeight - 200)+"px";
                }
                $('.tt-cart-content').css("height",screenWidth);
                

                //REMOVE ITEM FROM CART BEGIN
                $(document).on('click', '.removeItemminiCart', function(e) {
                    e.preventDefault();
                    console.log("ok");
                    var remove_item = $(this).data("removeitem");
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    
                    var formData = {
                        remove_item : remove_item,
                    };
                    console.log(remove_item);
                    $.LoadingOverlay("show");
                    var type = "POST";
                    $.ajax({
                        type: type,
                        url: '/remove_item',
                        data: formData,
                        dataType: 'json',
                        success: function (data) {
                            $.LoadingOverlay("hide");
                            $('.tt-item[data-minicartitem="'+remove_item+'"]').remove();
                            $('.sub_price_cart_value').text(data.new_amount);
                            var cart_item_nbr_new = ($( ".tt-item" ).length)-1;
                            $( ".tt-badge-cart" ).text(cart_item_nbr_new);
                            
                        },
                        error: function (data) {
                            console.log("faile");
                        }
                    });
                    
                })
                // REMOVE ITEM FROM CART END
                //SUBSCRIBE
                $("#form_subscriber2").submit(function( e ) {
                    e.preventDefault();

                    email = $('#email_subscriber2').val();
                    g_tokennews1 = $('#g_tokennews1').val();
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    
                    var formData = {
                        email : email,
                        gtoken : g_tokennews1,
                    };
                    
                    //$.LoadingOverlay("show");
                    $.ajax({
                        method: 'POST',
                        type: 'POST',
                        url: 'https://rosace.com.tn/newsletter/subscribe',
                        data: formData,
                        dataType: 'json',
                        success: function (data) {
                            $('#msg_subscriber2').text(data.msg);
                            console.log("done");
                            console.log(data.msg);
                            $('#email_subscriber2').val('');
                        },
                        error: function (data) {
                            $('#msg_subscriber2').text(data.msg);
                            console.log("fail");
                            console.log(data.msg);
                        }
                    });
                });
            });
        </script>
        
    </body>
</html>