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

MS Mode

Confort et style vont parfaitement ensemble avec ce pantalon slim bleu marine. La taille élastique avec cordon de serrage assure un ajustement parfait et un confort optimal. Les coutures décoratives subtiles et les fermetures zippées au bas des jambes apportent une touche élégante à cette pièce basique. La coupe ajustée sublime vos courbes avec finesse. <br><br> Coupe confortable <br><br> Taille mi-haute <br><br> Taille ajustable <br><br> Longueur entrejambe : 68/46 cm <br> Coupe : Slim fit <br> Instructions de lavage : Lavage en machine <br><br> Matiere: 70% viscose / 26% polyamide (nylon) / 4% élasthanne <br><br>

MS MODE Pantalon Pantalon slim - Bleu marine

E-réservation

Paiement

Livraison

Retour facile