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

Inspirés par la BB680 originale, portée par les pros, nous avons recréé un classique intemporel au look simple et épuré. La chaussure 480 réunit le cuir et un insert Ortholite pour un confort et une stabilité sur toute la surface, tout au long de la journée.

Baskets en Cuir new Balance - Noir

E-réservation

Paiement

Livraison

Retour facile