<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>

Espace Des Marques

Retrouvez des milliers d'articles de grandes marques mode et sport à petits prix pour toute la famille.

Nous vous garantissons l’authenticité et la conformité de nos produits, n’hésitez pas à nous contacter si vous avez des questions sur l’un de nos articles, nous vous répondrons avec plaisir.

Le produit renvoyé devra absolument nous être retourné en parfait état, ni porté, ni abîmé, dans son emballage d’origine lui-même emballé dans un carton ou une pochette adapté au contenu et les frais de retour demeureront à la charge du client.

Baskets pour homme de la marque Pepe Jeans ! <ul> <li>Coloris : Marine</li> <li>Chaussures basses</li> <li>Tige en cuir</li> <li>Fermeture par lacets</li> <li>Semelle extérieure synthétique</li></ul>

Baskets s Homme Pepe jeans Travis City - Bleu marine

E-réservation

Paiement

Livraison

Retour facile