@charset "UTF-8";

.home__container {
    padding: 0 10px;
}

.home__container:first-child {
    padding-top: 10px;
}

/* Scroll bar
-------------------------- */

.cms-index-index .main-content .scroller_bar {
    right: 2px!important;
    min-width: 6px!important;
}

/* Block ratio
-------------------------- */

.home__block-category,
.home__block-push {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    overflow: hidden;
    background-color: #fff;
}

/* ----------------------------------------------------------
  Slider
---------------------------------------------------------- */

/* Core
-------------------------- */

.dk-jsu-slider {
    width: 100%;
    height: 100%;
}

/* Wrapper */

.dk-jsu-slider-wrapper {
    z-index: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* Slides */

.dk-jsu-slide {
    background-color: #fff;
}

/* Theme
-------------------------- */

.dk-jsu-slider-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Navigation */

.dk-jsu-slider-wrapper .navigation {
    line-height: 41px;
}

.dk-jsu-slider-wrapper .navigation span {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: -50px;
    width: 41px;
    height: 41px;
    margin-top: -20px;
    font-size: 12px;
    opacity: 0.01;
    background: transparent url(../images/darcel/sprite-navigation-slider-home.png) no-repeat left top;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    filter: alpha(opacity=01);
}

.dk-jsu-slider-wrapper .navigation .next {
    right: -50px;
    left: auto;
    background-position: right top;
}

.dk-jsu-slider-wrapper:hover .navigation span {
    right: auto;
    left: 10px;
    opacity: 0.99;
    filter: alpha(opacity=99);
}

.dk-jsu-slider-wrapper:hover .navigation .next {
    right: 10px;
    left: auto;
}

.dk-jsu-slider-wrapper:hover .navigation span:hover {
    opacity: 0.70;
    filter: alpha(opacity=70);
}

/* Pagination */

.dk-jsu-slider-wrapper .pagination {
    z-index: 10;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 30px;
    line-height: 10px;
}

.dk-jsu-slider-wrapper .pagination span {
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
    color: #fff;
    opacity: 0.30;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
    filter: alpha(opacity=30);
}

.dk-jsu-slider-wrapper .pagination .current,
.dk-jsu-slider-wrapper .pagination span:hover {
    color: #fff;
    opacity: 0.99;
    filter: alpha(opacity=99);
}

/* ----------------------------------------------------------
  Grid simple
---------------------------------------------------------- */

.home__grid {
    z-index: 1;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 54.317%;
}

.home__grid-col {
    z-index: 1;
    position: absolute;
}

.home__grid .half {
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    margin-right: 5px;
}

.home__grid .half-right {
    right: 0;
    left: 50%;
    margin-right: 0;
    margin-left: 5px;
}

.home__grid .quarter {
    z-index: 1;
    position: absolute;
    right: 50%;
    left: 0;
    margin-right: 5px;
    margin-left: 0;
}

.home__grid .quarter-top {
    top: 0;
    bottom: 50%;
    margin-bottom: 5px;
}

.home__grid .quarter-bottom {
    z-index: 1;
    position: absolute;
    top: 50%;
    bottom: 0;
    margin-top: 5px;
}

.home__grid .quarter-right {
    right: 0;
    left: 50%;
    margin-right: 0;
    margin-left: 5px;
}

/* 3 colonnes
-------------------------- */

.home__grid--3col {
    z-index: 1;
    position: relative;
    margin-right: -10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.home__grid--3col .col-wrap {
    z-index: 1;
    float: left;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33%;
    border-right: 10px solid rgba(0,0,0,0.01);
}

.home__grid--3col .col {
    padding-bottom: 81.33%;
}

/* ----------------------------------------------------------
  Bloc catégorie
---------------------------------------------------------- */

.home__block-category .link-title,
.home__block-category .link-product {
    z-index: 1;
    position: absolute;
    top: 20px;
    left: 20px;
}

.home__block-category .link-title {
    top: 17px;
    right: 18px;
    left: 18px;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    color: #070f18;
}

.home__block-category .link-title strong {
    display: block;
    font-size: 24px;
    color: #1d5ea8;
}

@media(min-width:1260px) {
    .home__block-category .link-title {
        font-size: 16px;
    }

    .home__block-category .link-title strong {
        font-size: 30px;
    }
}

.home__block-category .link-title:hover strong {
    color: inherit;
}

.home__block-category .link-product {
    top: 70px;
    right: 20px;
    bottom: 46px;
    text-align: center;
}

.home__block-category .link-product img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

/* ----------------------------------------------------------
  Go to
---------------------------------------------------------- */

.loop-grid-cont--new .more-news .goto,
.home__block-push .goto,
.home__block-category .link-goto {
    z-index: 1;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 26px;
    height: 26px;
    background: transparent url(../images/pages/icn-goto.png) repeat 0 26px;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.loop-grid-cont--new .more-news .goto,
.home__block-push .goto {
    right: 0;
    bottom: 0;
    background-image: url(../images/pages/icn-goto2.png);
}

.plugin_dkjsuslider .home__block-push .goto {
    display: none;
}

.loop-grid-cont--new:hover .more-news .goto,
.home__block-push:hover .goto,
.home__block-category .link-goto:hover {
    background-position: 26px 26px;
}

.loop-grid-cont--new .more-news .goto:before,
.home__block-push .goto:before,
.home__block-category .link-goto:before {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    background-position: 0 0;
}

/* ----------------------------------------------------------
  Bloc slide
---------------------------------------------------------- */

.home__block-push {
    background: #000 no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.home__block-push .overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0) no-repeat 0 0;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 66%,rgba(0,0,0,0.4) 100%);
    background-image: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 66%,rgba(0,0,0,0.4) 100%);
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 66%,rgba(0,0,0,0.4) 100%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.home__block-push:hover .overlay {
    background-color: rgba(0,0,0,0.1);
}

.home__block-push .content {
    z-index: 2;
    position: absolute;
    right: 20px;
    bottom: 18px;
    left: 20px;
    padding-right: 30px;
    font-weight: bold;
    color: #fff;
}

.home__block-push .tag {
    display: inline-block;
    height: 19px;
    margin-bottom: 7px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    color: #fff;
    background: #1d5fa8 no-repeat center left;
}

.home__block-push .tag.shop {
    padding-left: 47px;
    background-image: url(../images/darcel/shop-HP-fblanc.png);
}

.home__block-push .title {
    z-index: 1;
    position: relative;
    margin-bottom: 6px;
    margin-left: -2px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 28px;
    letter-spacing: 1px;
    word-wrap: break-word;
}

.home__block-push .text {
    font-size: 16px;
}

@media(min-width:1260px) {
    .home__grid .half .home__block-push .title {
        font-size: 45px;
        line-height: 42px;
    }

    .home__grid .half .home__block-push .text {
        font-size: 17px;
    }
}

@media(min-width:1460px) {
    .home__grid .half .home__block-push .title {
        margin-bottom: 0;
        margin-left: -3px;
        font-size: 60px;
        line-height: 56px;
    }

    .home__grid .half .home__block-push .text {
        font-size: 18px;
    }
}

/* Block special
-------------------------- */

.home__block-col--special {
    overflow: hidden;
}

.container-special-push {
    z-index: 1;
    position: relative;
    top: 0;
    height: 100%;
}

.container-special-push .home__block-push,
.container-special-push .special-push {
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.container-special-push .special-push {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: transparent no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

.container-special-push .home__block-push,
.container-special-push:hover .special-push {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-special-push:hover .home__block-push {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

/* IE Fixes
-------------------------- */

.lt_ie10 .container-special-push:hover .home__block-push {
    display: none;
}

/* ----------------------------------------------------------
  Menu
---------------------------------------------------------- */

.menu-home {
    z-index: 1;
    position: relative;
    height: 60px;
    margin: 0 10px 10px;
    padding: 0 30px;
    overflow: hidden;
    text-align: center;
    line-height: 60px;
    background-color: #1d5ea8;
}

.menu-home.fixed {
    position: fixed;
    top: 0;
    left: 274px;
    right: 40px;
    z-index: 999;
}

.menu-home li {
    display: inline-block;
    padding: 0 7px;
    font-size: 16px;
    line-height: inherit;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

.menu-home .ir-new {
    width: 75px;
    height: 30px;
    vertical-align: -7px;
    background-image: url(../images/darcel/new2.png);
    background-size: auto 30px;
}

.menu-home .ir-brands {
    width: 48px;
    height: 23px;
    vertical-align: -3px;
    background-image: url(../images/darcel/a-z2.png);
}

.menu-home .brands {
    margin-left: 7px;
    padding-left: 15px;
    position: relative;
}

.menu-home .brands:before {
    content:'';
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    margin-top: -15px;
    width: 1px;
    background-color: rgba(255, 255, 255, .2);
}

.menu-home a:hover .ir-new {
    opacity: 0.50;
    filter: alpha(opacity=50);
}

.menu-home a {
    display: block;
    padding: 0 1px;
    font-weight: bold;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.menu-home a:hover {
    color: #070f18;
}

.menu-home .block-promo-a span {
    display: inline-block;
    padding: 0 4px;
    line-height: 1.3;
    background-color: #f33;
    *display: inline;
    *zoom: 1;
}

@media(min-width:1300px) {
    .menu-home li {
        font-size: 1.2vw;
    }
}

/* ----------------------------------------------------------
  Products
---------------------------------------------------------- */

.products-home .loop-grid-cont--new {
    color: #fff;
    background-color: #1d5ea8;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

.loop-grid-cont--new .more-news {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 23px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
}

.loop-grid-cont--new .ir {
    z-index: 1;
    position: absolute;
}

.loop-grid-cont--new .shop-news {
    top: 37px;
    left: -27px;
    width: 244px;
    height: 195px;
/*    width: 105px;
    height: 61px;
    background: transparent url(../images/pages/illu-shop-new.png) no-repeat center top;*/
    background: transparent url(../images/darcel/new.png) no-repeat center top;
    background-size: auto 157px
}

/*.loop-grid-cont--new .illu {
    top: auto;
    bottom: 50px;
    left: 50%;
    width: 128px;
    height: 113px;
    margin-left: -68px;
    background: transparent url(../images/darcel/welcome.png) no-repeat center top;
}*/

.loop-grid-cont--new .more-news .goto {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 10px;
    vertical-align: middle;
}

/* avent cal */




#aventcalendar{
    margin: 0px 5px 0 0;
}

#aventcalendar #scrollContainer{
    height:100%;
    background-color: #1d5ea8;
}

#aventcalendar #scroller{
    width:100%;
    overflow: hidden;
    height:100%;
    background: #1d5ea8;
}

#aventcalendar #scrollContainer #calendar{

    display: block;

}


#aventcalendar #calendar{
    position: relative;
    width:1900px;
    height:755px;
    margin-top: -150px;
}

#aventcalendar .layer{
    position:absolute;
}
#aventcalendar #object0{background:url(/skin/frontend/colorz/default/images/avent2015/plan.png) no-repeat;width:1900px;height:755px;z-index:-3}
#aventcalendar #object1{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-1.png) no-repeat;width:580px;height:389px; left:88px;top:497px;}
#aventcalendar #object2{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-2.png) no-repeat;width:155px;height:199px; left:434px;top:493px;}
#aventcalendar #object3{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-3.png) no-repeat;width:344px;height:379px; left:618px;top:497px;}
#aventcalendar #object4{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-4.png) no-repeat;width:110px;height:340px; left:943px;top:529px;}
#aventcalendar #object5{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-5.png) no-repeat;width:347px;height:423px; left:1003px;top:451px;}
#aventcalendar #object6{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-6.png) no-repeat;width:193px;height:343px; left:1309px;top:521px;}
#aventcalendar #object7{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-7.png) no-repeat;width:162px;height:328px; left:1487px;top:519px;}
#aventcalendar #object8{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-8.png) no-repeat;width:177px;height:325px; left:1636px;top:533px;}
#aventcalendar #object9{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-9.png) no-repeat;width:119px;height:361px; left:1776px;top:494px;}
#aventcalendar #object10{background:url(/skin/frontend/colorz/default/images/avent2015/groupe-10.png) no-repeat;width:91px;height:79px; left:388px;top:514px;z-index:-1}

#aventcalendar a.link,#aventcalendar a.link span{
    position:absolute;display: block;width:60px;height:60px;
    -webkit-border-top-left: 60px;
    -webkit-border-top-right: 60px;
    -moz-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    border-radius: 60px;
}
#aventcalendar a.link span{
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    width:0px;
    height:0px;
    margin-left:50%;
    margin-top:50%;
    background: white;
}

#aventcalendar a.link:hover span{
    background-position: center center;
    display: block;
    width:115px;
    height:115px;
    margin-left:-50%;
    margin-top:-50%;

}
/*#aventcalendar a.link1{left:1094px;top: 448px}*/
/*#aventcalendar a.link2{left: 1554px;top: 610px}*/
/*#aventcalendar a.link3{left: 668px;top: 747px}*/
/*#aventcalendar a.link4{left: 1375px;top: 600px}*/
/*#aventcalendar a.link5{left: 495px;top: 610px}*/
/*#aventcalendar a.link6{left: 1566px;top: 760px}*/
/*#aventcalendar a.link7{left: 200px;top: 605px}*/
/*#aventcalendar a.link8{left: 1223px;top: 720px}*/
/*#aventcalendar a.link9{left: 1074px;top: 540px}*/
/*#aventcalendar a.link10{left: 492px;top: 713px}*/
/*#aventcalendar a.link11{left: 1223px;top: 532px}*/
/*#aventcalendar a.link12{left: 342px;top: 529px}*/
/*#aventcalendar a.link13{left: 672px;top: 608px}*/
/*#aventcalendar a.link14{left: 338px;top: 774px}*/
/*#aventcalendar a.link15{left: 198px;top: 445px}*/
/*#aventcalendar a.link16{left: 1368px;top: 771px}*/
/*#aventcalendar a.link17{left: 856px;top: 751px}*/
/*#aventcalendar a.link18{left: 1707px;top: 766px}*/
/*#aventcalendar a.link19{left: 163px;top: 744px}*/
/*#aventcalendar a.link20{left: 488px;top: 456px}*/
/*#aventcalendar a.link21{left: 1085px;top: 728px}*/
/*#aventcalendar a.link22{left: 855px;top: 583px}*/
/*#aventcalendar a.link23{left: 1372px;top: 457px}*/
/*#aventcalendar a.link24{left: 1705px;top: 530px}*/

/*groupe 1*/
#aventcalendar a.link7{left: 116px;top: 103px}
#aventcalendar a.link10{left: 400px;top: 209px}
#aventcalendar a.link19{left: 79px;top: 212px}
#aventcalendar a.link14{left: 250px;top: 271px}
#aventcalendar a.link12{left: 260px;top: 20px}


/*groupe 2*/
#aventcalendar a.link5{left: 60px;top: 112px}

/*groupe 3*/
#aventcalendar a.link3{left: 46px;top: 241px}
#aventcalendar a.link13{left: 52px;top: 103px}
#aventcalendar a.link22{left: 238px;top: 76px}
#aventcalendar a.link17{left: 240px;top: 250px}

/*groupe 5*/
#aventcalendar a.link9{left: 69px;top: 85px}
#aventcalendar a.link8{left: 227px;top: 265px}
#aventcalendar a.link11{left: 222px;top: 82px}
#aventcalendar a.link21{left: 81px;top: 269px}

/*groupe 6*/
#aventcalendar a.link4{left: 61px;top: 73px}
#aventcalendar a.link16{left: 54px;top: 242px}

/*groupe 7*/
#aventcalendar a.link2{left: 70px;top: 80px}
#aventcalendar a.link6{left: 73px;top: 238px}

/*groupe 8*/
#aventcalendar a.link24{left: 66px;top: 0px}
#aventcalendar a.link18{left: 68px;top: 225px}




#aventcalendar a.link1{left:1094px;top: 448px;z-index:1}
#aventcalendar a.link15{left: 198px;top: 445px}
#aventcalendar a.link20{left: 488px;top: 456px}
#aventcalendar a.link23{left: 1372px;top: 457px}


#aventcalendar{
    overflow: hidden;
    -webkit-transform-style:preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 500px; /* Chrome, Safari, Opera */
    perspective: 500px;
}

#aventcalendar .annoucement{
    display: block;
    visibility: hidden;
    position:absolute;
    z-index: 100;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    cursor: pointer;
}
#aventcalendar .calmask{
    display:block;
    width:1957px;
    height:1112px;
    position: absolute;
}

#aventcalendar .circle{

    visibility: hidden;
    display: block;
    position: absolute;
    z-index:100;
    left:50%;
    top:50%;
    margin-left:-500px;
    margin-top:-500px;

    width:1000px;
    height:1000px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffffff;
    /*-webkit-box-shadow: -6px -8px 1000px #ffffff, -4px 7px 1000px #ffffff, 6px -4px 1000px #ffffff;*/
    /*-moz-box-shadow: -6px -8px 1000px #ffffff, -4px 7px 1000px #ffffff, 6px -4px 1000px #ffffff;*/
    /*box-shadow: -6px -8px 1000px #ffffff, -4px 7px 1000px #ffffff, 6px -4px 1000px #ffffff;*/

}
#aventcalendar #scrollContainer #calendar .item.opened .pvc .gift{
    /*background-size: 100% 100%;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width:100%;
    height:100%;
    display: block;
}



#aventcalendar #scrollContainer #calendar .item .pvc{
    top: 37px;
    width: 93px;
    height: 116px;
    background: #1d5ea8!important;
    display: block;
    position: absolute;
    background: none;
    left: 48px;
}

#aventcalendar #calendar .calendarco-trie_24 .pvc{
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
#aventcalendar #scrollContainer #calendar .item i{
    height:165px;
    background: url(../images/avent/calendarco-trie_03.png);
    -webkit-transform-style:preserve-3d;
    transform-style: preserve-3d;
}

#homevideo-container{
    padding-bottom:56.25%!important;
    height:0;
}

#homevideo-container .mute{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: block;
    z-index: 1;
}

#homevideo-container .video-js{
    background-color:transparent!important;
    position:static!important;
    margin:0px!important;
}