@charset "UTF-8";

/*** ESSENTIAL STYLES ***/

.delivery_message{position:absolute; bottom:0px; right:0; width:100%; text-align:right; color:#fff; font-size:16px; font-weight:bold;background-color:#db0056;padding:3px 0;}


@media (max-width: 1024px) {
  .bottomHeader .container{
    width:100% !important;
    /*padding-left:0 !important;
    padding-right:0 !important;*/
  }
  #block_top_menu{padding-left:0 !important;padding-right:0 !important;}

}

@media (max-width: 767px) {
  .delivery_message{position:relative; text-align:center; font-size:16px; margin:15px 0 0 0; float:left;}
  #search_block_top, #searchbox, #search_block_top #search_query_top{display: inline-block;}
  #searchbox, #search_block_top #search_query_top{width:100%;}
  #search_block_top{width:65% !important;}
  #languages-block-top{padding:20px 5px 22px 0 !important;}
  #block_top_menu{padding-top:18px !important;text-align: center;}
  #header .cartBox, #header-login{float:initial !important;margin-bottom: 15px;display: inline-block;padding:0;}
  #header .cartBox{margin-right:15px;}
  .sf-menu li li li ul{width:100% !important;margin-bottom: 15px;}
  .columns-container{overflow:visible !important;}
  .breadcrumb{margin-top:10px;}
  #header-login-content{right:-50px !important;width:200px !important;}
  #sdsblogArticle .post-image,#sdsblogArticle .sdsarticle-des{width:100% !important;}
}




@media (max-width: 767px) {
  #homepage-slider .homeslider-description .descLink .container {
    width: 100%;
    margin-left: 0%;
    height: 100%;
  }

  #homepage-slider .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
  #homepage-slider .container h2 br{
    display:none;
  }

  #homepage-slider .homeslider-description .descLink .descInner::before {
    display:none;
  }
  #homepage-slider .homeslider-description .descLink .descInner{
    padding:10px;
  }

  #homepage-slider .bx-viewport, #homepage-slider .bx-viewport li{
    height:250px !important;
  }

  #homepage-slider .bx-wrapper img{
    height:100% !important;
    width:auto !important;
  }

}

@media (max-width: 640px) {

  #homepage-slider .bx-viewport, #homepage-slider .bx-viewport li{
    height:280px !important;
  }
}


@media (max-width: 500px) {

  #homepage-slider .bx-viewport, #homepage-slider .bx-viewport li{
    height:350px !important;
  }
}


.sf-contener {

  padding-top:28px;
  padding-bottom:15px;

  position: static; }

@media (max-width: 767px) {

  .sf-contener {

    clear: both;

    float: none; } }



.sf-menu,

.sf-menu * {

  margin: 0;

  padding: 0;

  list-style: none; }



.sf-menu {

  padding: 0;

  float: right; }

@media (max-width: 767px) {

  .sf-menu {

    display: none;

    float: none;

    background: #006983; } }



.sf-menu ul {

  position: absolute;

  top: -999em;

  background:white; }

@media (min-width: 992px) and (max-width: 1199px) {

  .sf-menu ul {

    background-position: 430px center; } }

@media (min-width: 768px) and (max-width: 991px) {

  .sf-menu ul {

    background-position: 230px center; } }

@media (max-width: 767px) {

  .sf-menu ul {

    position: relative;

    background: white; } }



.sf-menu ul li {

  width: 100%;

  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}



.sf-menu li:hover {

  visibility: inherit;

  /* fixes IE7 'sticky bug' */ }



.sf-menu > li {

  float: left;

  padding: 2px 0 0 0;

  width:125px;

  margin-bottom:15px;

  font-weight:400;

  line-height:1.1;

  border-left:solid 1px #006983;

}



@media (min-width: 768px) and (max-width: 991px) {

  .sf-menu > li {

    padding: 5px 0 0; } }

@media (max-width: 767px) {

  .sf-menu > li {

    float: none;

    position: relative;

    border-right: none;

    padding: 0 22px 10px 10px;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0; }

  .sf-menu > li span:not(.ssDescMenu) {

    position: absolute;

    right: 17px;

    top: 8px;

    z-index: 2;

    color: #fff; }

  .sf-menu > li span:after {

    font-family: "FontAwesome";

    content: "\f067";

    font-size: 20px; }

  .sf-menu > li span.ssDescMenu:after{display:none;}

  .sf-menu > li span.active:after {

    content: "\f068"; }

  .sf-menu > li:last-child{margin-bottom:0;}

}

/*
.sf-menu > li:nth-child(1) {
    width:13%;
}
.sf-menu > li:nth-child(2) {
    width:15%;
}
.sf-menu > li:nth-child(3) {
    width:17%;
}
.sf-menu > li:nth-child(4) {
    width:13%;
}
.sf-menu > li:nth-child(5) {
    width:12%;
}
.sf-menu > li:nth-child(6) {
    width:12%;
}
.sf-menu > li:nth-child(7) {
    width:18%;
}
*/
.sf-menu > li a {

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  padding: 5px 10px;

  margin: 0 -10px;

  font-size:14px;}

.sf-menu > li > a {

  font: 600 14px/16px "Source Sans Pro", sans-serif;

  color: #006983;

  display: block;

  height:55px;

  position: relative;

  padding: 0;

  margin: 0;

  text-transform:uppercase;

  -moz-border-radius: 3px 3px 0 0;

  -webkit-border-radius: 3px;

  border-radius: 3px 3px 0 0; }

/* Premier niveau du menu, correspond aux catégories */
.sf-menu > li > a:hover{
  font-weight:bold;
}

/* Deuxième niveau du menu, correspond aux sous-catégories */
.sf-menu > li > ul > li > a:hover{
  font-weight:bold;
}

/* Dernier niveau, correspond aux produits */
.sf-menu > li > ul > li > ul > li > a:hover{
  font-weight:bold;
}

.sf-menu > li:first-child{border-left:0px;}

/*.sf-menu > li:last-child{padding-right: 0; background:#ad1f46; border:solid 1px #ad1f46; border-radius:3px;}*/

.sf-menu > li:last-child:hover, .sf-menu > li:last-child.sfHoverForce, .sf-menu > li:last-child.sfHover{background:#FFF;}

/*.sf-menu > li:last-child > a{color:#FFF;}*/

/*.sf-menu > li:last-child > a.sf-with-ul:after{color:#FFF;}*/

/*.sf-menu > li:hover:last-child > a:after, .sf-menu > li:last-child.sfHoverForce > a:after, .sf-menu > li:last-child.sfHover > a:after{color:#ad1f46;}*/

/*.sf-menu > li:hover:last-child > a:before, .sf-menu > li:last-child.sfHoverForce > a:before, .sf-menu > li:last-child.sfHover > a:before{display:none;}*/

/*.sf-menu > li:hover:last-child span, .sf-menu > li:hover:last-child > a, .sf-menu > li:last-child > a:hover, .sf-menu > li:last-child.sfHoverForce > a, .sf-menu > li:last-child.sfHover > a {color: #ad1f46; }*/



@media (min-width: 768px) {

  .sf-menu > li > a {

    padding: 0px 12px 22px 10px;
    font-size: 1.15em;}

  .sf-menu > li > a:before {

    content: " ";

    display: block;

    height: 4px;

    width: 0;

    background: #006983;

    position: absolute;

    left: 50%;

    bottom: 0;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease; }

  .sf-menu > li > a.sf-with-ul:after {

    content: "";

    font-family: "FontAwesome";

    position:absolute; top:2px; right:6px;

    color: #006983;

    margin-left: 8px;

    line-height: 14px; } }

@media (min-width: 768px) and (max-width: 991px) {

  .sf-menu > li > a {

    /*font: 300 14px/22px "Source Sans Pro", sans-serif;*/ } }

@media (max-width: 767px) {

  .sf-menu > li > a {

    color: #fff; } }

.sf-menu > li.sfHover > a,

.sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {

  color: #ccc; }

@media (min-width: 768px) {

  .sf-menu > li.sfHover > a,

  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {

    color: #333; }

  .sf-menu > li.sfHover > a:before,

  .sf-menu > li > a:hover:before, .sf-menu > li.sfHoverForce > a:before {

    width: 100%;

    left: 0; } }



.sf-menu li li ul {

  border-top: 1px solid #555; }



.sf-menu li li li a {

  /*display: inline-block;*/

  position: relative;

  color: #555;

  font-size: 12px;

  line-height: 14px;

  font-weight: normal;

  padding-top: 5px;

  padding-bottom: 0px; }

.sf-menu li li li a:hover {

  color: #333333; }



.sf-menu li li li.sfHoverForce > a {

  color: #333333; }



.sf-menu li ul {

  display: none;

  left: 0;

  top: 100%;

  /* match top ul list item height */

  z-index: 99;

  padding: 0px 0 2px 0;

  margin-top: 10px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);

  -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);

  box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12); }

@media (max-width: 767px) {

  .sf-menu li ul {

    top: 0; } }



.sf-menu li li ul {

  position: static;

  display: block !important;

  opacity: 1 !important;

  background: none;

  -moz-box-shadow: transparent 0 0 0;

  -webkit-box-shadow: transparent 0 0 0;

  box-shadow: transparent 0 0 0;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-radius: 0;

  margin-top: 0px; padding-top:10px;}



.sf-menu li li li ul {

  padding: 0 0 0 20px; }



.sf-menu li li li ul {

  width: 220px; }



ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

  top: -999em;
  width:100%; }



ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

  left: 200px;

  /* match ul width */

  top: 0; }



ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

  top: -999em; }



ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

  left: 200px;

  /* match ul width */

  top: 0; }



.sf-menu > li > ul {

  padding: 18px 30px 28px 30px;

  width: 100%; }

.sf-menu > li > ul > li > a {

  font: normal 16px/22px "Source Sans Pro", sans-serif;

  color: #006983;

  /*display: inline-block;*/}

.sf-menu > li > ul > li > a:hover {

  color: #000; }

/*

.sf-menu > li > ul > li {

  float: left;

  width: 18%;

  padding-right: 30px; }

 */

.sf-menu > li > ul{

  -webkit-column-count:6;

  -moz-column-count:6;

  column-count:6;

  -webkit-perspective:1

}



.sf-menu > li > ul > li{

  /*display: inline-block;*/

  width: 100% !important;

  height: auto !important;

  padding-top:10px;

}



@media (max-width: 767px) {

  .sf-menu > li > ul > li {
    width: 50%;
  }

  .sf-menu > li > ul{
    -webkit-column-count:1;
    -moz-column-count:1;
    column-count:1;
    -webkit-perspective:1
  }

}

@media (max-width: 479px) {

  .sf-menu > li > ul > li {

    width: 100%; } }

@media (min-width: 768px) {

  .sf-menu > li > ul > li.first-in-line-lg {

    clear: left; } }

@media (min-width: 480px) and (max-width: 767px) {

  .sf-menu > li > ul > li.first-in-line-xs {

    clear: left; } }



.sf-menu > li > ul > li.category-thumbnail {

  width: 100% !important;

  float: none;

  clear: both;

  overflow: hidden;

  padding-right: 0; }

.sf-menu > li > ul > li.category-thumbnail > div {

  float: left;

  padding-left: 10px;

  width: 33.333%; }

@media (max-width: 479px) {

  .sf-menu > li > ul > li.category-thumbnail > div {

    width: 100%;

    padding-left: 0;

    padding-top: 10px;

    text-align: center; } }

.sf-menu > li > ul > li.category-thumbnail > div:first-child {

  padding-left: 0; }

.sf-menu > li > ul > li.category-thumbnail > div img {

  max-width: 100%;

  display: block; }



.cat-title {

  display: none; }

@media (max-width: 767px) {

  .cat-title {

    display: block;

    font: normal 18px/22px "Source Sans Pro", sans-serif;

    color: #fff;

    display: block;

    padding: 17px 20px;

    position: relative;

    background: #006983;

    -moz-border-radius: 3px 3px 0 0;

    -webkit-border-radius: 3px;

    border-radius: 3px 3px 0 0;

  }

  .sf-menu > li{

    width:100% !important; padding-top:10px;

  }

  .sf-menu > li > a{

    height:auto;

  }



  #block_top_menu{
    /*margin-bottom:1.5em;*/
    padding-bottom:0 !important;
  }



}

.cat-title:after {

  display: block;

  font-family: "FontAwesome";

  content: "\f067";

  position: absolute;

  right: 15px;

  top: 18px;

  font-size: 26px; }

.cat-title.active:after {

  content: "\f068"; } }



.sf-menu li.sf-search {

  border: none; }

.sf-menu li.sf-search input {

  display: inline;

  padding: 0 13px;

  height: 30px;

  line-height: 30px;

  background: white;

  margin: 13px 10px 0 0;

  font-size: 13px;

  color: #555555;

  border: 1px solid #cccccc; }

.ssDescMenu{font-size:0.8em;font-style: italic;color:#ad1f46;}