.left { float: left; }
    .right { float: right; }
    .align-center { margin:auto }
/*-------------------------------------------------*/
    .text-left { text-align: left; }
    .text-right { text-align: right; }
    .text-center { text-align: center; }
    
/*-------------------------------------------------*/
    .img-thumbnail{
        max-width:100%; 
        padding:15px
    }
/*-------------------------------------------------*/

    .line {
        display: flex;
        flex-wrap: wrap;
        padding: 0px;
        align-items: normal;
    }
    .item-box-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .item-box-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .item-box-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .item-box-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .item-box-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .item-box-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .item-box-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .item-box-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .item-box-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .item-box-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .item-box-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .item-box-12, .item-box{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .m-auto{
        margin:auto
    }
/*------------------------------------------------*/
        HEADER CATEGORY
/*-------------------------------------------------*/


    
    .intro-text{
        padding:0 20px 20px
    }
    .header_categorie{
        padding-bottom:40px
    }
    .header_categorie h1{
        font-size:2rem; 
        line-height: 2.5rem;
        font-weight:bold;
    }
    .header_categorie p{
        font-size:14px;
        line-height:1.4;
    }
    .breadcrumb{
        margin:0px 0 0px!important;
        padding-top:20px!important;
    } 
    .box-intro{
        background: #FFFFFFB5;
        padding:30px
    }
    .b2c_printposter .box-intro{
        background: #DBE2EACC;
    }
    .headers.b2c_printposter{
        background-position-x: center;
        background-position-y: center;
        background-color: #DBE2EACC;
    }
    .headers.b2c_photobooks,.b2c_photobooks .box-intro{
        background-color: rgba(244, 241, 236, 0.8);
    }
    .headers.b2c_calendar{
        min-height:450px;
        background-color:rgba(244, 245, 240, 0.72);
        background-size:cover;
    }
    .b2c_calendar .box-intro{
        background-color:rgba(244, 245, 240, 0.72);

    }
    .puzzles .box-intro {
      margin: auto;
      background: #F5F2EBC7;
    }
    .headers.b2c_cards{
        background-position-x: center;
        background-position-y: center;
    }
    .b2c_cards .box-intro{
        background-color:#EFECE561
    }
    .headers.b2c_gifts {
        background-position-x: center;
        background-position-y: center;
        background-color:#7A8C80;
    }
    .headers.instax_cameras {
        background-position-x: center;
        background-position-y: center;
    }
    .headers.instax_pack {
        background:#685BC7;
    }
    
     .headers.instax_printers {
        background-position-x: center;
        background-position-y: center;
    }
    @media(max-width:900px){
         .box-intro{
            -ms-flex: 0 0 50%!important;
            flex: 0 0 50%!important;
            max-width: 50%!important;
        }
    }
    @media(max-width:728px){
        .header_categorie .line{
            padding:0
        }
        .box-intro{
            -ms-flex: 0 0 100%!important;
            flex: 0 0 100%!important;
            max-width: 100%!important;
        }
        .headers.b2c_walldecoration{
            background-color: #EEEADF;
            background-size: 180%;
            min-height: 500px;
            background-position-x: left;
        
        }
        .headers.b2c_printposter{
           
            background-color: #DBE2EA;
            background-position-x: left;
            background-position-y: 264px;
            background-size: 230%;
        }
        .headers.b2c_cards{
            background-color: #E6E4D8;
            background-size: 190%;
            min-height: 500px;
            background-position-x: left;
            background-position-y:bottom
        }
        .headers.b2c_calendar{
            background-size: 210%;
            min-height: 500px;
            background-position-x: left;
        }
        .headers.b2c_photobooks{
            background-color: #F3F0E9;
            background-size: 170%;
            min-height: 500px;
            background-position-x: left;
        }
    
    }
    @media(max-width:500px){
        .headers.b2c_printposter{
            background-color: #DBE2EA;
            background-position-x: left;
            background-position-y: bottom;
            background-size: 160%;
        }
        .headers.b2c_calendar {
            background-size: 200%;
            min-height: 500px;
            background-position-x: left;
            background-position-y: bottom;
        }
        .headers.b2c_cards {
            background-size: 170%;
        }
        .headers.b2c_calendar, .b2c_calendar .box-intro {
            background-color: rgba(244, 245, 240, 0.72);
        }
        .b2c_cards .box-intro {
            background-color: #EFECE5CF;
        }
        .headers.b2c_gifts {
    background-position-x: right;
    background-position-y: bottom;
    }
        .headers.instax_cameras {
            background-position-x: center;
            background-position-y: right;
            background-size: 250%;
        }
        .headers.instax_printers {
            background-position-x: -150px;
            background-position-y: right;
            background-size: 250%;
        }
    }
/*-------------------------------------------------*/
    @media(max-width:900px){
        .item-box,.item-box-1, .item-box-2, .item-box-3, .item-box-4, .item-box-5, .item-box-6, .item-box-7, .item-box-8, .item-box-9, .item-box-10, .item-box-11, .item-box-12{
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        
    }
    @media(max-width:728px){
        .left, .right{ float: none}     
        .box-intro{
            white-space: normal;
            overflow: auto;
            height: 180px;
        }
        .header_categorie p {
            line-height: 1.4;
            font-size: 12px;
        }
        .header_categorie h1 {
            font-size: 1.56rem;
            line-height: 1.56rem;
            padding: 10px 20px;
        }
    
    }
/*---------------------------------------*/

.title-offre{
    padding: 9px 12px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 3px;
    font-family: sans-serif;
    background: #011C2C;
    cursor:pointer;
    color:#FFF;


}
.title-offre::before{
    content: '+';
    display: block;
    color: #FFF;
    font-family: Open sans;
    margin: 0 10px;
    float:right;
    font-size:20px;
}
.title-offre.opened{
    padding: 9px 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 3px;
    font-family: sans-serif;
    background: #011C2C;
    cursor:pointer;


}
.title-offre.opened::before{
    content: '-';
    display: block;
    color: #FFF;
    font-family: Open sans;
    margin: 0 10px;
    float:right;
    font-size:20px;
}
.content-offre{
    padding: 20px;
    margin: -4px 3px;
    margin-bottom:4px;
    display: none;
    background: #082639;
    font-family:sans-serif; 
    font-size:12px; color:#FFF;
}
.title-mentions-legales{
    padding: 10px 4px;
    font-size: 12px;
    font-weight:normal
}
.mentions-legales p{
    font-family:sans-serif; 
    text-align :center;

}
.mentions-legales{
    padding: 0px;
    font-size: 12px;
    line-height: 1.6em;
    background: #FFF;
    color: #012a44;
    margin-bottom: 0px;
    font-family: sans-serif;
}
@media(max-width:768px){
.title-offre::before{

    right: 50px;
    }
    .mentions-legales{
    padding: 25px;}
}
  /*------------------------------------------------------------*/

@import url("//hello.myfonts.net/count/3d8479");
  
@font-face {
  font-family: "FFMarketWebProRegular";
  src: url('/ips-repositories/operator/27936514/commons/include/styles/webfont/font.woff2') format('woff2'), url('/ips-repositories/operator/27936514/commons/include/styles/webfont/font.woff') format('woff');
}
@font-face {
    font-family: 'Poppins', sans-serif;
  src: url('/ips-repositories/operator/27936514/commons/include/styles/webfont/Poppins-Black.ttf') format('ttf');
  font-weight:800; 
}
@font-face {
    font-family: 'Poppins', sans-serif;
  src: url('/ips-repositories/operator/27936514/commons/include/styles/webfont/Poppins-Regular.ttf') format('ttf');
  font-weight:400; 
}
@font-face {
    font-family: 'Poppins', sans-serif;
  src: url('/ips-repositories/operator/27936514/commons/include/styles/webfont/Poppins-Medium.ttf') format('ttf');
  font-weight:500; 
}
@font-face {
    font-family: 'Poppins', sans-serif;
  src: url('/ips-repositories/operator/27936514/commons/include/styles/webfont/Poppins-Bold.ttf') format('ttf');
  font-weight:700; 
}