<section class=subMenu_tabContainer__3Uo8Y><p class="text_commonText__2xaSI text_title3__26JnK productComposition_sectionTitle__2IczT"data-testid=text style=margin-bottom:5px;font-weight:700 variant=title3>Livraison en magasin : gratuite<div class=livrasion><i class="fa fa-check"style=color:green></i><span style=color:#4caf50>Sous 1 à 3 jours ouvrés</span><br><br><i class="fa fa-check"style=color:green></i><span style=font-weight:700>E-Réservation :</span> ne payez que ce qui vous plaît en magasin<br><i class="fa fa-check"style=color:green></i><span style=font-weight:700>Click&Collect :</span> payez en ligne<br><br><i class="fa fa-check"style=color:green></i><span style=font-weight:700>Livraison à domicile :</span> 4,50€, gratuit dès 50€*<br><span style=color:#4caf50>Sous 3 à 4 jours ouvrés</span><br> *Hors Drom-com et Monaco : 19,90€<br><br><i class="fa fa-check"style=color:green></i><span style=font-weight:700>Point de retrait :</span> 3,50€<br> Gratuit dès 30€ en relais poste ou Mondial Relay​<br> Gratuit dès 50€ en bureau de poste<br><span style=color:#4caf50>Sous 3 à 4 jours ouvrés</span><br><br><h3><span style=font-weight:700>Retour</span></h3><i class="fa fa-check"style=color:green></i>30 jours pour changer d'avis<br><i class="fa fa-check"style=color:green></i><span style=font-weight:700>Retour gratuits ou échange en magasin</span><br><i class="fa fa-check"style=color:green></i> Retour en<span style=font-weight:700> point relais</span> ou par<span style=font-weight:700> La Poste</span> ou <span style=font-weight:700>directement dans votre boite aux lettres</span> (en téléchargeant et imprimant votre étiquette retour) : 2,95€<br></div></section>

Votre style, vos envies, vos avantages à portée de main 📱

<div class="rea">
    <div class="reassuranceSlider">
        <ul>

            <li>
                <a href="/services/retour-echange-retractation.html">
                <span>Retours prolongés jusqu’au 31 janvier 2026&nbsp;</span>
                </a>
            </li>
            <li>
                <a href="/services/oney.html">
                    <img src="/kiabi-data/fr_FR/oney.svg"class="pictooney"> 
                    <span>
                    <span>Payez en 3 fois <span style="text-decoration: underline;">sans frais</span> par carte bancaire</span>
                    </span>
                </a>
            </li>


            <li>
                <a href="/services/livraison.html">
                <span>Commandez sur Kiabi.com, essayez et payez en magasin&nbsp;</span>
                <span class="bannertop-underline" style="text-decoration:underline">En savoir plus&nbsp;›</span>
                </a>
            </li>


        </ul>
    </div>
</div>

<style>
 /* Suppression bug compte */
    [data-selenium=coordonnees] {display: none!important;}
[data-testid=accountDrawer_div_itemContainer] a:nth-child(5) {display: none;}
    /***correction wishlit***/
    .account_navigation li#wishList {
    display: none!important;
    }
    
    /*config couleurs banner et popup*/
    #bannertop {
        background: #000FA0;
    }
    #bannertop .rea .reassuranceSlider ul,
    #bannertop .rea .reassuranceSlider ul li a {
        color: #ffffff;
    }
    #bannertop .svginfo path{
        fill: #fff;
    }
    
    #popup3 .popup{
        background: #ffffff;
    }
    #popup3 .popup h2,
    #popup3 .popup .fermer,
    #popup3 .popup .content {
        color: #000FA0;
    }
    /*Reglage animations desk et mobile*/
    :root {
        --animate-items: 2;/*ici nombre de li
        /*--animation-name: defilement-utdMob ; ajouter la mm valeur que animate-items pour appeler la bonne animation mettre en commentaire pour un  ajouyer defilement-utdMob*/
        /* --animation-name: defilement-utdMob ; */
          --animate-delay-by-item: 5s;/*delai animation par item*/
      --animate-mobile-delay-by-item: 10s; /*delai de lecture en mobile pour 1 item*/
      --animate-width-li:300px;
       
    }
    #bannertop .rea .reassuranceSlider ul {
        animation-duration: calc(var(--animate-items)*var(--animate-delay-by-item));
    }
    @media screen and (max-width: 800px) {
       #bannertop .rea .reassuranceSlider ul {
            animation-duration: calc(var(--animate-items)*var(--animate-mobile-delay-by-item));
        }
    }
    
    /************************/


    .pictooney {
        display: inline-block;
        vertical-align: middle;
        width: 70px;
        height: auto;
    }

    #bannertop {
        height: 36px;
        z-index: 152;
    }
    #bannertop .svginfo{
        vertical-align: -2px;
    }
    #bannertop .rea {
        text-align: center;
    }
    #bannertop .rea .reassuranceSlider {
        overflow: hidden;
        text-align: center;
        height:36px;
    }
    #bannertop .rea .reassuranceSlider ul {
        white-space: nowrap;
        position:relative;
        animation-name: var(--animation-name);
        animation-timing-function:linear ;
        animation-delay: 1s;
        animation-iteration-count: infinite;
        animation-direction: unset;
        animation-fill-mode: unset;
        overflow:hidden;
        opacity: 1;
    }
    #bannertop .rea .reassuranceSlider ul:hover{
        animation-play-state: paused;
    }
    #bannertop .rea .reassuranceSlider ul li{
        padding: 7px;
        display: block;
        white-space: nowrap;
        font-size: 15px;
        line-height: 22px;
    }
    #bannertop .svginfo path:first-child{
        fill: none;
    }
    
    #popup3.overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .5);
        transition: opacity 500ms;
        visibility: hidden;
        opacity: 0;
        z-index: 999;
    }
    #popup3.overlay:target {
        visibility: visible;
        opacity: 1;
    }
    #popup3 .popup {
        margin: 0 auto;
        padding: 30px;
        position: relative;
        top: 25% !important;
        max-width: 600px;
        transition: all 5s ease-in-out;
    }
    #popup3 .popup h2 {
        margin: 0 auto 20px;
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
    }
    #popup3 .popup .fermer {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 25px;
        text-decoration: none;
        transition: all 200ms;
    }
    #popup3 .popup .fermer:hover {
        transform: scale(1.5);
    }
    #popup3 .popup .content {
        text-align: left;
        max-height: 30%;
        overflow: auto;
        font-size: 15px;
        margin: auto;
        line-height: 1.8em;
    }
    
    @media screen and (max-width: 800px) {
        #bannertop .rea .reassuranceSlider ul {
            animation-name: defilement-rtlMob;
            animation-timing-function:linear ;
            animation-delay: 0s;
            animation-iteration-count: infinite;
            animation-direction: unset;
            animation-fill-mode: unset;
            overflow: visible;
        }
        #bannertop .rea .reassuranceSlider ul li{
            padding: 7px 0;
            display: inline-block;
            white-space: nowrap;
            font-size: 15px;
            line-height: 22px;
        }
        #bannertop .rea .reassuranceSlider ul li a:first-child::before{
            content:" | ";
        }
        #bannertop .rea .reassuranceSlider ul li:first-child a:first-child::before{
            content:unset;
        }
    }
    /*Anim mobile********************/
    @keyframes defilement-rtlMob{
          0%{
              
              transform:translate(95%);
          }
          100%{
              
              transform:translate(var(--animate-width-li));
          }
      }
    
    
    
    
    
    @keyframes defilement-rtl {
        0%   { 
            opacity: 1;
        transform: translateX(2%);      
        }
        10%{
            transform: translateX(2%); 
        }
        88% { 
        transform: translateX(-315%); 
        opacity:1;
        }
        99% { 
        transform: translateX(-215%); 
        opacity: 0;
        }
        100%{
            transform: translateX(110%); 
            opacity: 1;
        }
    }
    /*Anim desk*/
    @keyframes defilement-utd1{}
    
    @keyframes defilement-utd2 {
        0% {
        opacity: 0;
      }
      2%{
        opacity: 0.5;
      }
      5%{
        opacity: 1;
      }
      49% {
        transform: translateY(0px);
        opacity: 1;
      }
      50% {
        transform: translateY(-36px);
        opacity: 0.5;
      }
      53%{
        opacity: 1;
      }
      98% {
        opacity: 1;
      }
      99% {
        transform: translateY(-36px);
        opacity: 0.5;
        }
      100% {
        transform: translateY(0);
        opacity: 0;
      }
     }
    
    @keyframes defilement-utd3 {
        0% {
        opacity: 0;
      }
      2%{
        opacity: 0.5;
      }
      5%{
        opacity: 1;
      }
      32% {
        transform: translateY(0px);
        opacity: 1;
      }
      33% {
        transform: translateY(-36px);
        opacity: 0.5;
      }
      36%{
        opacity: 1;
      }
      65% {
        transform: translateY(-36px);
        opacity: 1;
      }
      66% {
        transform: translateY(-72px);
        opacity: 0.5;
      }
      69%{
        opacity: 1;
      }
      98% {
        opacity: 1;
      }
      99% {
        transform: translateY(-72px);
        opacity: 0.5;
      }
      100% {
        transform: translateY(0);
        opacity: 0;
      }
     }
</style>

<script>
const box = document.querySelectorAll(".reassuranceSlider ul")[0];
const boxRect = box.getBoundingClientRect();


var totalLiCount=document.querySelectorAll(".reassuranceSlider li").length;

if (totalLiCount===1){
    document.documentElement.style.setProperty('--animate-items', 1);
    document.documentElement.style.setProperty('--animation-name', 'defilement-utdMob');
    var checkSizeli1=document.querySelectorAll(".reassuranceSlider li a:first-child")[0].offsetWidth;
    var totalwidthli1=checkSizeli1;
    document.documentElement.style.setProperty('--animate-width-li', -totalwidthli1+"px");   

}else if (totalLiCount===2){
    document.documentElement.style.setProperty('--animate-items', 2);
    document.documentElement.style.setProperty('--animation-name', 'defilement-utd2');
    var checkSizeli1=document.querySelectorAll(".reassuranceSlider li a:first-child")[0].offsetWidth;
    var checkSizeli2=document.querySelectorAll(".reassuranceSlider li a:first-child")[1].offsetWidth;
    var totalwidthli2=checkSizeli1+checkSizeli2;
    document.documentElement.style.setProperty('--animate-width-li', -totalwidthli2+"px");

}else if (totalLiCount===3){
    document.documentElement.style.setProperty('--animate-items', 3);
    document.documentElement.style.setProperty('--animation-name', 'defilement-utd3');
    var checkSizeli1=document.querySelectorAll(".reassuranceSlider li a:first-child")[0].offsetWidth;
    var checkSizeli2=document.querySelectorAll(".reassuranceSlider li a:first-child")[1].offsetWidth;
    var checkSizeli3=document.querySelectorAll(".reassuranceSlider li a:first-child")[2].offsetWidth;
    var totalwidthli3=checkSizeli1+checkSizeli2+checkSizeli3;
    document.documentElement.style.setProperty('--animate-width-li', -totalwidthli3+"px");
}
</script>

<div class=footer-payment><div class=footer-payment-content><div><svg viewbox="0 0 24 24"class=lock height=24 width=24 xmlns=http://www.w3.org/2000/svg><path data-name="Tracé 0"d=M0,0H24V24H0Z fill=none id=Tracé_0></path><path data-name="Tracé 1"d=M18,8H17V6A5,5,0,0,0,7,6V8H6a2.006,2.006,0,0,0-2,2V20a2.006,2.006,0,0,0,2,2H18a2.006,2.006,0,0,0,2-2V10A2.006,2.006,0,0,0,18,8ZM9,6a3,3,0,0,1,6,0V8H9Zm9,14H6V10H18Zm-6-3a2,2,0,1,0-2-2A2.006,2.006,0,0,0,12,17Z fill=currentColor id=Tracé_1></path></svg><p>Moyens de paiements acceptés</div><a href=/services/paiement.html> <img alt="CB Logo"draggable=false loading=lazy src=/kiabi-data/common/svg/payment/CB.svg> <img alt="Visa Logo"draggable=false loading=lazy src=/kiabi-data/common/svg/payment/Visa.svg> <img alt="Mastercard Logo"draggable=false loading=lazy src=/kiabi-data/common/svg/payment/Mastercard.svg> <img alt="Paypal Logo"draggable=false loading=lazy src=/kiabi-data/common/svg/payment/Paypal.svg> <img alt="Illcado Logo"draggable=false loading=lazy src=/kiabi-data/common/svg/payment/Illicado.svg> </a></div></div>

Le Marché Fashion

Nous mettons à votre disposition tous les produits et marques que vous aimez.

Les modalités de rétractation du consommateur sont définies par les Articles L221-18 à L221-28 du code de la consommation. Le Client qui souhaite retourner un Produit doit en avertir le Vendeur, et le retour ne peut être envoyé qu'à l'adresse postale communiquée par le Vendeur et en aucun cas à un magasin physique. Les frais de retour sont : - pris en charge par le Vendeur si le produit livré est non-conforme - au moins en partie à la charge du client en cas de simple utilisation du droit de rétractation. Dans un tel cas, une participation aux frais de retour sera déduite du remboursement effectué par le vendeur pour le(s) produit(s) retourné(s), correspondant à une participation au paiement de l’étiquette de retour fournie par le Vendeur au Client. - à la charge du Client pour les articles dont le poids est supérieur à 20kg OU lorsque la somme de la longueur, de la largeur et de la hauteur de l'article est supérieure à 180cm. L'article doit être restitué dans l'état dans lequel il a été reçu, dans le cas contraire, le retour pourrait être refusé. Le remboursement sera déclenché après réception du produit ou transmission au vendeur d'une preuve d'expédition. Si le Client a acheté un article en remplacement d'un ancien, et qu'il souhaite que l'ancien article soit repris, le Client doit avertir le Vendeur par message du produit à récupérer, en précisant sa taille et son poids. Si le client ne prévient pas le vendeur, la récupération de l'ancien article ne pourra pas avoir lieu. Les ventes sont soumises à la disponibilité effective du Produit. En cas d'indisponibilité d'un Produit commandé, le Client en sera informé. La commande de ce produit sera automatiquement annulée et intégralement remboursée. Le Vendeur pourra, dans la mesure du possible, proposer une solution alternative au Client. Toute réclamation du consommateur selon laquelle le produit n'a pas été livré alors que le lien de suivi associé indique qu'il l'a été OU que le produit a été livré endommagé, doit être transmise dans les 14 jours suivant la livraison indiquée sur le lien de suivi. Le consommateur devra également fournir des documents officiels pour que sa réclamation soit prise en compte. Pour toute demande d’information relative à la médiation et à son fonctionnement, vous pouvez adresser votre demande à l’adresse suivante : Médiateur de la consommation FEVAD BP 20015 – 75362 PARIS CEDEX 8

Les baskets VANS Hylane pour homme allient confort exceptionnel et style intemporel. Conçues en cuir avec une semelle coussinée, elles offrent un soutien optimal pour un usage quotidien ou décontracté. Leur design classique et durable s'adapte parfaitement à toutes les tenues, garantissant longévité et respirabilité élevée.

Sneakers Hylane cuir Vans - Gris

E-réservation

Paiement

Livraison

Retour facile