*{margin: 0; padding: 0;}

@font-face {
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Regular'), url('../fonts/myriadpro/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
  font-family: 'Myriad Pro Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Condensed'), url('../fonts/myriadpro/MYRIADPRO-COND.woff') format('woff');
}


@font-face {
  font-family: 'Myriad Pro Semibold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Semibold Italic'), url('../fonts/myriadpro/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
  font-family: 'Myriad Pro Semibold';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Semibold'), url('../fonts/myriadpro/MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
  font-family: 'Myriad Pro Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Condensed Italic'), url('../fonts/myriadpro/MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
  font-family: 'Myriad Pro Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Bold Italic'), url('../fonts/myriadpro/MYRIADPRO-BOLDIT.woff') format('woff');
}



@font-face {
  font-family: 'Myriad Pro Bold Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Bold Condensed Italic'), url('../fonts/myriadpro/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}


@font-face {
  font-family: 'Myriad Pro Bold Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Bold Condensed'), url('../fonts/myriadpro/MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
  font-family: 'Myriad Pro Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Bold'), url('../fonts/myriadpro/MYRIADPRO-BOLD.woff') format('woff');
}


@font-face {
  font-family: 'segoe_uiregular';
  src: url('../fonts/segoe/5834388143-webfont.eot');
  src: url('../fonts/segoe/5834388143-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/segoe/5834388143-webfont.woff') format('woff'),
  url('../fonts/segoe/5834388143-webfont.ttf') format('truetype'),
  url('../fonts/segoe/5834388143-webfont.svg#segoe_uiregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

/**********************************************************************************************/


h1{font-family: 'Roboto' !important;margin-top: 0px !important;font-size: 16px !important;text-align:left;margin-bottom:5px !important;}
h2{font-family: 'SegoeWP-SemiLight';margin-top: 0px !important;font-size: 16px !important;text-align:left;margin-bottom:5px !important;}
#content p
{
  font-size: 12px;
  text-align: justify;
  color: #444444;
  line-height: 1.4 !important;
}

.navbar-fixed-top {
    box-shadow: none !important;
}



.btn{

  width:100%; 

  }
  

div#avertissement {
    color: red;
    font-family: 'SegoeWP-Bold' !important;
}

#content .bloc-text h1 {
    text-align: center !important;
    font-family:'Montserrat' !important;
    font-weight: 500;
    font-size: 16px !important;
}


#content .bloc-text p {
font-family: 'Roboto' !important;
  text-align: center !important;
margin-top: 10px;
}

#maincol
{
  width: 100% !important;
}

.motif_produit img {
      max-width: 265px !important;
    max-height: 286px;
    margin: 0 auto;
    display: block;
}

.shadowcase {
  width: 263px !important;
  height: 380px !important;
  background-image: none !important;
  margin-top: 20px;
  border: none !important;
  box-shadow: none !important;
  padding: 0px 25px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0px !important;
}

.bloc-text {

    margin: 15px 0px 0px 0px;
    padding: 10px 20px 0px 20px;
}

ul.dropdown
{
  width: 69% !important;
  margin-left: auto;
  margin-right: auto;
  height: 50px !important;
}

ul.dropdown li
{
  background: none !important;

}

ul.dropdown li:nth-of-type(1)
{

}

ul.dropdown li a
{
  color: white !important;
  font-family: 'Myriad Pro Regular' !important;
  font-size: 15px !important;
  border: none !important;
  padding: 16px 13px !important;
}


.SubMenu
{
  background-color: #dd3a14 !important;
  width: 970px !important;
  height: 50px !important;

}

.head-product {
      border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
        overflow: hidden;
}

.head3 {
    font-family: 'SegoeWP-Bold' !important;
    color: #3d3d3d!important;
}

img.PrismeGauche {
    padding-right: 20px !important;
}

img.PrismeDroit {
    padding-left: 20px !important;
}

.PrismeSeparator ul li
{
  position: absolute !important;
  float: left;
  height: 15px !important;
  width: 9px !important;
  z-index: 10!important;
  top: 78px !important;
  float: left !important;
  background-image: url("");
}

.PrismeSeparator ul li:nth-of-type(1)
{
  left: 186px;
}

.PrismeSeparator ul li:nth-of-type(2)
{
  left: 257px;
}

.PrismeSeparator ul li:nth-of-type(3)
{
  left: 398px;
}

.PrismeSeparator ul li:nth-of-type(4)
{
  left: 526px;
}

.PrismeSeparator ul li:nth-of-type(5)
{
  left: 640px !important;
}

.PrismeSeparator ul li:nth-of-type(5)
{
  left: 567px;
}

.PrismeSeparator ul li:nth-of-type(6)
{
  left: 768px;
}


/********************************************/
/******** RECUP BALISE STYLE ***************/
.SubMenu2
{
    background-color: #dd3a14 !important;
  height: 50px !important;
}


#menu-dropdown
{
  height: 200px !important;
  width: 1170px;
  background-color: #fff !important;
  position: absolute;
  visibility: hidden;
  z-index: 10;
}

body {background: white !important;}

#colonneDroite p {
  font-size: 12px;
  
}
#colonneDroite .description p {
    font-family: 'Roboto';

}

#social_hub {top: 180px !important;}

#container {overflow: hidden;}

p.share {
    color: #242424;
    font-size: 14px !important;
    line-height: 1.9;
    font-family: 'SegoeWP-Bold';
    letter-spacing: -0.2px;
}

#footer p a
{color: black; font-weight: bold;}

.footer-description a {
    font-weight: bold;
    color: black;
}

h2 > a{color: black !important;}

.pagination
{
  float: right;
  width: 100%;
}

input#txtRecherche {
    /* height: 27px !important; */
    border: 0;
    font-weight: 800;
    color: #2F323C !important;
    font-size: 13px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    /* background: url(../images/search.svg) no-repeat; */
    background-size: 17px;
    background-position-y: 8px;
    background-position-x: 7px;
    text-align: left;
    padding-left: 15px !important;
    /* border-radius: 50px; */
  }

  .search-bar i.fa.fa-search {
    color: #fff !important;
    border: none !important;
}

input#txtRecherche:focus {

  outline: none;
  /*width: 218px !important;*/
}

/*input#txtRecherche:focus .search-bar {
      border-bottom: 4px solid #00b0ff !important;
}
*/
  #cmdRechercher {
    border: 0;
    background-color: transparent;
    font-weight: 300;
    font-size: 14px;
    /*padding-left: 5px;*/
    margin: 0;
    padding: 4px 0px;
    color: transparent;
    outline: none !important;

  }

  .fa-search {
    position: absolute;
    top: 0px;
    text-align: center;
  }


  }

/*
  input:focus { 
    outline: none !important;
    border:1px solid #00b0ff;
    box-shadow: 0 0 0px #00b0ff;
  }

  textarea:focus {
    outline: none !important;
    border:1px solid #00b0ff;
    box-shadow: 0 0 0px #00b0ff;
  }*/

@media (max-width: 1199px) {
  
span.bandeau-solde {
display: none;
}


.recherche{overflow: hidden;}
}
/*
.bloc-description-head {
    padding: 10px 0px;
}
*/
/*Nom designer*/
.nom-designer
{
  visibility: hidden;
      text-transform: lowercase;
    font-family: 'SegoeWP-Semibold' !important;
    color: #00b0ff;
    float: left;
}
/**/



.information-produit {
    padding: 5px 0px;
    width: 100%;
}

button:focus {
outline:0;
}

.nbre_like {
    display: inline-block;
    color: #3d3d3d;
    margin-right: 2px;
}

.button-like {
    border: none;
    background-color: transparent;
    opacity: 0.4;
    color: #545454;
      -webkit-transition-duration: .3s; /* Safari */
    transition-duration: .3s;
    -o-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.like-product {
    float: left;
    width: 100%;
    padding-top: 0px;
    /* font-family: Roboto !important; */
    /* font-weight: 300 !important; */
}

.link-profil-designer {
    width: 165px;
    float: left;
}

span.titre-produit {
    color: #444444!important;
    font-size: 12px !important;
    cursor: pointer;
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
    white-space: pre;
    font-family: 'Roboto';
    font-weight: 500;
}

span.titre-produit:hover {text-decoration: underline;}

span.prix-produit {
    color: #7d7d7d;
    font-size: 14px !important;
    text-transform: uppercase;
    font-family: 'SegoeWP-SemiLight';
    float: right;
}

.solde span.prix-produit:nth-of-type(2) {
    color: crimson !important;
    font-size: 14px;
    font-weight: 800;
    font-family: 'Roboto';
    padding-right: 10px;
}

span.prix-solde {
    position: relative;
    color: #cacaca!important;
    font-family: 'SegoeWP-Bold';
    font-weight: 600;
}

span.prix-solde:before {
  background-color: #cacaca !important;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.loupe-details{visibility: hidden;opacity: 0.5;font-size: 1.5em !important;}
.fa-shopping-cart{color: #000 !important;}

#content .col-lg-12{
  overflow: hidden;
}



@media screen and (max-width: 767px) {
  .nav-menu-mobile, .title-section {
    display:block;
    clear:both;
  }

/*.nav-menu { display: none;}*/

}

.demi-couleur{
    width: 8.5px;
    height: 18px;
    float: left;
/*    margin-bottom: 2px;*/
}

.couleur-left {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
/*    margin-left: 3px;*/
}

#content h3
{
    font-family: 'SegoeWP-SemiBold' !important;
    margin-top: 10px !important;
    font-size: 14px !important;
    text-align: left !important;
    margin-bottom: 5px !important;
}

.couleur-right {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
/*    margin-right: 2px;*/
}

.info-product-declinaison h3 {
  font-size: 1.1em !important;
}

a.product-collection {
    overflow: hidden;
    /* font-family: Montserrat; */
    /* font-size: 12px; */
}

.red{

  color: red;
  -webkit-transition-duration: .3s; /* Safari */
    transition-duration: .3s;
    -o-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.title-section {
    text-transform: uppercase;
    font-size: 18px;
    color: #00b0ff;
    display: block;
    text-align: center;
    background-color: #fff !important;
}

i.fa.fa-chevron-down, i.fa.fa-chevron-up {
    font-size: 15px;
    background: #fff;
    border-radius: 50px;
    border: 2px solid;
    padding: 5px;
}

.list-item li {list-style-type: none;font-size: 12px;}

.fa-chevron-up {display: none;}

/******** ***************/


/*******************************************/

.separator
{
  border: 1px solid;
  width: 24%;
  margin-left: auto;
  margin-right: auto;
/*margin-top: 15px;
margin-bottom: -65px;*/
}

.accrocheCollection
{
 font-family: 'segoe_uiregular' !important;
 font-size: 1.2em;
 text-align: center; 
 color: black;
 margin-top: 9%;
}

/*****************************************/


.head01
{
    font-size: 30px !important;
    letter-spacing: -0.5px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
}

/*************************************/


.declinaison-couleur {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 62px;
    max-width: 230px;
    margin: 0px 0px;
    opacity: 0;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}

#zoom_produit
{
  height: 335px !important;
  background: none;
  border: none;
  border-radius: 0px !important;
}

.zoom_produit2{
    background: none;
    border: none;
    border-radius: 0px !important;
    width: 230px;
    margin: 0 auto;
    z-index: 900;
   overflow: hidden;
    min-height: 335px;
}

p.legende2.share {
    margin: 0;
}


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

  #zoom_produit2{display: block !important;}
  .head01 {display: none;}

      .nav-menu-mobile-first-level {
    margin: 20px 0px;
}

  .search-bar {
    margin-top: 20px;
  }

  .imagezoom-cursor, .imagezoom-view{

    display: none !important;
  }

.thumb-image img{
  cursor: auto !important;
}

    img.imageproduitV1 {
width: 100% !important;
    }

    .zoom_produit2{
      width: 100% !important;
      min-height: inherit !important;
    }

    .declinaison-couleur{
display: none;
    }


}

@media screen and (max-width: 835px){
  .declinaison-produit .shadowcase {
    float: initial !important;
}
}

  @media screen and (max-width: 991px){
          .top a {
    color: #3d3d3d !important;
  }

span.titre-produit {
    white-space: nowrap !important;

}

    .search-bar {
    margin-bottom: 20px !important;
}
div#filtres {
    margin-bottom: 20px;
}
}

.legende
{
  display: none !important;
}

.orange2
{
  color: black !important;
  float: left !important;
  font-weight: 100 !important;
}

/***************************************/

.hover
{

}

/***************************************/


.sous-menu li a:active {
  color: #dd3a14 !important;
}

ul.dropdown li a {
  display: block;
  padding: 4px 8px;
  border-right: none !important;
  font-weight:normal;
  color: black;

}

.sous-menu > li > a:nth-of-type(1)
{
  font-family: 'Myriad Pro Regular' !important;
  text-transform: uppercase !important;
  color: #dd3a14 !important;
  font-weight: bold !important;
  width: 160px !important;
}

ul.dropdown li:last-child a {
  border-right: none;
  } /* Doesn't work in IE */
  ul.dropdown li.hover,  ul.dropdown li:hover {
    position: relative;
  }
  ul.dropdown li.hover a {
    color: black;
  }
  /*  Niveau 2 */

  ul.dropdown ul {
    position: absolute;
    top: 100%;
    left: 0;
  }
  ul.dropdown ul li {
    font-weight: normal;
    float: none;
    border: none !important;
  }
  /* IE 6 & 7 Needs Inline Block */

  ul.dropdown ul li a {
    border-right: none;
    width: 100%;
    display: inline-block;
    color: black !important;
  }
  /*  Niveau 3 */

  ul.dropdown ul ul {
    left: 205px !important;
    top: 0;

  }
  ul.dropdown li:hover > ul {
    visibility: visible;
  }
  /* Menu Personnaliser */

  /*Barre de navigation*/


  /**/

/*  .orange2
  {
    margin-bottom: 50px !important;
    font-family: 'segoe_uiregular' !important;
  }
*/
  .black
  {
    font-family: 'segoe_uiregular' !important;
    font-size: 26px !important;
    position: relative !important;
    bottom: 81px !important;
  }

  .black2 {
    font-family: 'segoe_uiregular' !important;
    font-size: 16px !important;
    position: absolute !important;
    top: 45px !important;
    left: 159px;
  }

  #cmdSelection
  {
    float: right !important;
    background: none !important;
    width: 219px !important;
    left: -31px !important;
    height: 292px !important;
    border: none !important;
    border-radius: 0px !important;

  }

  .ui-button-text2
  {
    visibility: hidden !important;
  }

  /*ZOOM SUR IMAGE PRDOUIT*/

  #zoom_produit:hover .imageproduit, #zoom_produit2:hover .imageproduit {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
  }
  #zoom_produit {
    overflow:hidden;
  }
  .imageproduit {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  /*liupe details produits*/

  .loupe-details
  {
    bottom: 327px;
    left: 92px;
    position: relative;
  }

  /*Page cible*/

  .colonne-gauche
  {
    display: none;
  }


  .accrocheCollection {font-weight: bold;}

  .dropdown .hover .sous-menu {width: 204px !important; line-height: 20px !important; height: 220px !important;}
  .dropdown .hover .sous-menu ul li {margin-bottom: -9px !important;}
  .dropdown .hover .sous-menu li { margin-right: 0px !important;}
  .dropdown .hover .sous-menu li a {width: 250px !important;padding-left: 20px !important; font-weight: bold;}
  .dropdown .hover .sous-menu li a:hover {color: #dd3a14 !important;}



  /*NOS-PRODUITS*/

  button:focus,.btn:focus {
    outline:0 !important;
  }

  .button-retour a
  {
    font-family: 'segoe_uiregular' !important;
    font-size: 16px;
    color: black;
    text-decoration: underline;
  }

#titleHead .head1 {
    /* color: #000 !important; */
    font-size: 16px;
    text-align: left !important;
    padding: 0px;
    display: inline-block;
    margin-left: 0px;
    margin-top: 0px !important;
    /* margin-bottom: 0px !important; */
    font-family: 'SegoeWP-SemiBold';
    letter-spacing: 0;
    font-family: 'Roboto', sans-serif;
    /* line-height: normal; */
    margin-right: 0px;
        font-weight: 400 !important;
}

  #titleHead > p {
    margin-top: 0px;
    font-size: 14px !important;
    font-family: 'SegoeWP-SemiLight';
    line-height: 1.4;
  }

  #selTaille{

    float: right !important;
    font-size: 17px;
    width: 138px;
    height: 31px;
    border: 1px solid;
    font-family: 'segoe_uiregular';
    text-transform: uppercase;
    padding-left: 5px;
    font-weight: bold;

  }

.prix-solde span#prix-produit-solde {
    color: #cacaca;
}

.prix-solde .head3 {
    color: #cacaca !important;
}

  .prix-product
  {
    color: #3d3d3d;
    font-weight: 100;
    margin: 0 !important;
    font-family: 'SegoeWP-Bold';
  }

  .colorcase {border: none !important;}
  #couleur_case2 > p {margin: 0px !important;}
  #couleur_case2 {

    float: right !important;
    margin-top: 42px;
    width: 14px;
    position: relative;
    left: 210px;

  }

  #txtQuantite2
  {
    width: 33px;
    margin-right: 9px;
    height: 25px;
    border: 1px solid;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
  }

  #maincol p {

    margin: 0px 0px 0px !important;
    line-height: 1.3;
    font-size: 14px;

  }


  .menu2:focus, .menu2:hover{
    color: #00b0ff !important;
  }

  #ShareYourProduct 
  {
    overflow: hidden;
  }

  #ShareYourProduct ul li
  {
    float: left;
    /*margin-top: 7px;*/
    margin-left: 0px;
    list-style-type: none;
  }

  #ShareYourProduct ul {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    text-align: center;
  }

.voir-produit {
    border: 2px solid #00b0ff;
    color: #00b0ff !important;
    width: 50%;
    display: block;
    text-align: center;
    margin: 0px auto;
    padding: 5px 0px !important;
    transition-duration:0.2s;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      opacity: 0;
      position: absolute;
      bottom: 175px;
}
.voir-produit:hover
{
  background-color: #00b0ff !important;
color: #fff !important;
}

  .clic-produit
  {
    font-family: 'segoe_uiregular' !important;
    font-weight: bold;
    text-transform: uppercase;
  }

  #trait
  {
    width: 812px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  #tableau
  {
    width: 812px !important;
  }

  /*FOOTER*/


  /***BANDEAU FOOTER*****/


  #fb
  {
    background: url('../images/fb_logo.png') no-repeat;
    height: 75px !important;
    width: 22% !important;
    float: left;
    margin-left: 9px;

  }


  #fb:hover
  {
    background: url('../images/fb_logo_couleur.png') no-repeat;

  }

  #tw
  {
    background: url('../images/twitter_logo.png') no-repeat;
    height: 75px !important;
    width: 22% !important;
    float: left;
    margin-left: 6px;
  }

  #tw:hover
  {
    background: url('../images/twitter_logo_couleur.png') no-repeat;
  }

  #inst
  {
    background: url('../images/insta_logo.png') no-repeat;
    height: 75px !important;
    width: 22% !important;
    float: left;
    margin-left: 6px;

  }
  #inst:hover
  {
    background: url('../images/insta_logo_couleur.png') no-repeat;

  }

  #pint
  {
    background: url('../images/pint_logo.png') no-repeat;
    height: 75px !important;
    width: 22% !important;
    float: left;
    margin-left: 6px;

  }

  #pint:hover
  {
    background: url('../images/pint_logo_couleur.png') no-repeat;
  }



  #bandeauFooter
  {
    height: 230px;
    margin-left: auto;
    margin-right: auto;
    background-color: grey !important;
    /* Anciens navigateurs */
    background: #ede9e9 url("../images/gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #ede9e9;
    background: #ede9e9\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFd2d1d0, endColorstr=#FFede9e9);
  }


  @media all and (min-width: 0px) {
    .bandeauFooter {
      /* Opera */
      background: #ede9e9 url("../images/gradient-bg.svg");
      /* Navigateurs récents */
      background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#d2d1d0),
        to(#ede9e9)
        );
      background-image: -webkit-linear-gradient(
        top,
        #d2d1d0,
        #ede9e9
        );
      background-image: -moz-linear-gradient(
        top,
        #d2d1d0,
        #ede9e9
        );
      background-image: -o-linear-gradient(
        top,
        #d2d1d0,
        #ede9e9
        );
      background-image: linear-gradient(
        top,
        #d2d1d0,
        #ede9e9
        );
    }
  }

  #bandeauFooter ul
  {
    width: 100%;
    margin-left: 134px;
    color: white;
  }

  #bandeauFooter ul li
  {
    float: left;
    width: 30%;
    text-align: center;
  }


  #bandeauFooter ul li:nth-of-type(1), #bandeauFooter ul li:nth-of-type(2)
  {
   border-right: solid 1px grey;
   height: 230px;

 }

 #bandeauFooter ul li:nth-of-type(1)
 {
  margin-left: -12%;
  width: 35%;

}

#bandeauFooter img
{
  width: 21%;
  bottom: 25px;
  position: relative;
  z-index: 1;

}

#bandeauFooter ul li p:nth-of-type(1)
{
  font-family: 'Myriad Pro Condensed';
  font-size: 35px;
  color: black;
  text-transform: uppercase;
  margin-top: -2%;

}

#bandeauFooter ul li .black
{
  text-align: center;
  width: 93%;
}

#bandeauFooter ul li p:nth-of-type(2)
{
  font-family: 'itc_avant_garde_gothic_bookRg' !important;
  text-transform: none !important;
  font-size: 22px;
  color: black;
  margin-right: 3%;
  margin-top: -10%;
}

#bandeauFooter h1
{
  text-align: center;
}

.black
{
  font-family: 'Myriad Pro Condensed' !important;
  font-size: 35px;
  color: black;
  text-transform: uppercase;

}


.fa .fa-heart

{
  transition-duration:0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

.inscription
{
  font-family: 'itc_avant_garde_gothic_bookRg' !important;
  text-transform: none !important;
  font-size: 21px !important;
  text-align: center !important;
  color: #e67e22 !important;
  margin-left: 15%;
}


#bandeauFooter #txtNewsletter
{
  text-align: center !important;
  margin-left: 21%;
  height: 35px;
  width: 80%;
  background-color: grey;
  font-size: 17px;
}

#bandeauFooter table
{
  margin-top: 0% !important;
}

table tr td input
{
  float: right;
}

#motif_produit
{
  cursor: pointer;
}

.ui-button{cursor: initial !important;}

.separator {
  background-color: #444444;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0px;
  margin-bottom: 15px;
}

/*Hack css pour firefox*/

@-moz-document url-prefix()
{
  #pictoContenu .shadowcase {

   right:    36% !important;
 }
}


/*RS*/


/**********************************************
****************** PAGINATION *****************
**********************************************/

/*CSS style pagination*/
div.pagination {
  padding: 0px;
  margin: 0px;
  text-align:right;
}

div.pagination a {
    padding: 5px 7px;
    text-decoration: none;
    color: #545454;
    text-align: center;
    margin: 2px 0px 0px 0px !important;
    display: inline-block;
    font-family: 'Roboto';
    font-weight: 500;
}
div.pagination a:hover, div.digg a:active {
    background-color: #fafafa;
    color: #00b0ff;
}
div.pagination span.current {
    padding: 5px 7px;
    text-decoration: none;
    color: #00b0ff;
    border-bottom: 2px solid #00b0ff;
    font-family: 'Roboto';
    font-weight: 900;
}
div.pagination span.disabled {
    padding: 5px 4px;
  border: 1px solid #EEE;
  color: #DDD;
}
/*Quotes style*/
.pagination {
  padding: 3px;
  margin: 3px;
  text-align:center;
}

.pagination a {
  text-decoration: none; /* no underline */
  color: #222;
}

.pagination a:hover,
.pagination a:active {
  color: #666;
}
.pagination .current {
  font-weight: bold;
}
.pagination .disabled {
  padding: 4px 6px 4px 6px;
  margin: 2px;
  color: #DDD;
}


/*****************DISPLAY NONE SUR LIEN MENU DROPDOWN COLLECTION*********************/

.dropdown > li:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(3) {display: none !important}  /*VETEMENT > HOMME > GRANDE TAILLE*/


.dropdown > li:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(1) {display: none !important} /*VETEMENT > FEMME*/

.dropdown > li:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(3) > ul:nth-of-type(1) > li:nth-of-type(1); {display: none !important} /*VETEMENT > ACCESSOIRE DE MODE > foulard*/
.dropdown > li:nth-of-type(1) > ul:nth-of-type(1) > li:nth-of-type(4) {display: none !important} /*VETEMENT > VÊTEMENT DE TRAVAIL*/

.dropdown > li:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(3) {display: none !important} /*VETEMENT > Accessoires de Bureau*/

.dropdown > li:nth-of-type(3) {display: none !important} /*LINGE DDE MAISON*/

.dropdown > li:nth-of-type(4) > .sous-menu ul:nth-of-type(1) > li:nth-of-type(1) {display: none !important} /*BEBE ET ENFANT > BEBE > Bain des bébés*/

.dropdown > li:nth-of-type(4) > ul:nth-of-type(1) > li:nth-of-type(2) {display: none !important} /*BEBE ET ENFANT > ENFANT*/
.dropdown > li:nth-of-type(4)  {display: none !important} /*BEBE ET ENFANT > ENFANT*/


.dropdown > li:nth-of-type(5) {display: none !important} /*PROMOTIONS*/

.dropdown > li:nth-of-type(6) {display: none !important} /*NOUVEAUTES*/


/****************** PAGE COLLECTION *****************
**********************************************/


/************** FILTRES COLLECTIONS *************************/

#filtres > p
{
    margin: 0px !important;
    color: #7d7d7d!important;
    text-align: left;
    border-radius: 1px;
    padding: 0px 7px 9px 0px !important;
    font-size: 16px !important;
    text-transform: uppercase;
    font-family: SegoeWP-SemiLight;
    display: inline-block;
    border-bottom: 5px solid #ebebeb;
    margin-bottom: 10px !important;
}

#filtres p:nth-child(1)
{
    font-size: 12px;
    letter-spacing: 0.5px;
}
#filtres .categorie, #filtres .typeProduit {
  border-bottom: 1px solid #ebebeb;
  color: #7d7d7d;
  }



  #filtres .categorie ul , #filtres .typeProduit ul 
  {
    display: none;
  }

  #filtres .categorie ul.actif , #filtres .typeProduit ul.actif
  {
    overflow-x: hidden;
    position: relative;
    overflow-y: auto;
    max-height: 250px;
    display: block;
  }

  #filtres .categorie ul li , #filtres .typeProduit ul li {list-style-type: none;}
  #filtres .categorie ul li a, #filtres .typeProduit ul li a {
    border-top: 1px solid #ebebeb;
    color: #7d7d7d;
    display: block;
    padding: 8px 0px;
    font-family: 'Roboto';
  }

  #filtres .typeProduit > p, #filtres .categorie > p {
    cursor: pointer;
    font-family: 'Roboto';
    font-weight: 500;
    padding: 16px 3px 6px 10px;
  }

  #filtres .categorie b.caret, #filtres .typeProduit b.caret {
    float: right;
    margin: 10px;
  }

#filtres .like-user a {
    color: #7d7d7d;
    display: block;
    padding: 10px 0px;
    font-family: 'SegoeWP-SemiBold' !important;
            transition-duration:0.2s;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;

}

.like-user {
    display: block;
    text-align: center;
    border: 2px solid #7d7d7d;
    margin-top: 20px;
    border-radius: 1px;
}

#filtres .like-user a:hover
{
  background: #7d7d7d;
  color: #fff;
}
  #filtres .like-user .fa-heart {color: #FF9F9F;}

  #filtres b.caret.caret-close {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  #filtres .categorie a:hover span,
  #filtres .typeProduit a:hover span
  {
    text-decoration: underline;
  }

  #filtres .glyphicon-unchecked {color: #00b0ff;}
  #filtres .glyphicon-ok {color: #00b0ff;}

  .square {    width: 14px;
    height: 14px;
    display: inline-block;
    border: 1px solid #cacaca;
    position: relative;
    top: 2px;
    border-radius: 2px;}


    #top-page {
      position: fixed;
      bottom: 23px;
      right: 23px;
      cursor: pointer;
      display: none;
      /*border: 2px solid #fff;*/
      border-radius: 50px;
    }
    #top-page > img {
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    width: 40px;
    height: 40px;
    /* z-index: 999; */
    /* position: relative; */
    background: #cacaca;
    }

/*    #top-page > img:hover {
    background: #242424;
    }*/


      
    img.imageproduitV1 {
          background-color: rgba(234, 241, 241, 0.56);
          max-width: 315px;
          width: 100%;
    }

  div#btn-clear-motifs {
      padding-bottom: 10px;
  }


/******** BARRE DE NAVIGATION *******/


    .nav-menu
    {
      padding: 0px 0px;
      height: inherit
    }


    @media screen and (min-width: 772px) {


.filtrer {
  display: none;
}
  
.nav-menu-first-level .active {
  background: #2196f3;
  padding-bottom: 10px;
}

.list-subcategorie li a.active, .top a.active {
  background: transparent !important;
    color: #242424 !important;
    text-decoration: underline;
}


.reload.active, .reload .active  {
  background: none !important;
}

      .nav-menu-first-level {
        height: 80px;
      }

    }


    .nav-menu-secondary-femme
    {
      right: 150px;
    }

    .nav-menu-secondary-objet
    {
      right: 450px;
    }

    .nav-menu-secondary-accessoire{
      right: 300px;
    }

    .nav-menu .reload a {
      color: #A9A9A9;
    }

    .nav-menu-mobile li {
      list-style-type: none;
    }

    .filtre-categorie {
      cursor: pointer;
    }


    /************ MOBILE **************/

    /*Menu mobile interaction*/

.nav-menu-mobile-secondary-homme, .nav-menu-mobile-secondary-femme, .nav-menu-mobile-secondary-accessoire, .nav-menu-mobile-secondary-objet {display: none;}

.nav-menu-mobile .section-first span {
    display: block;
    padding: 12px 0px;
    background-color: #545454;
    color: #fff;
    cursor: pointer;
    text-shadow: 0px 1px 0px #000;
        border-bottom: 1px solid #3d3d3d;
}

.section-first .caret {color: #fff !important;margin-left: 5px;
  -webkit-transition-duration: .2s; /* Safari */
    transition-duration: .2s;
    -o-transition-duration: .2s;
    -moz-transition-duration: .2s;}
.section-first .caret {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.section-first .open {
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

    @media screen and (min-width: 768px) {
      .nav-menu-mobile {
        display: none;
      }

    }

.nav-menu-mobile-first-level {
    width: 100%;
    text-align: center;
    padding: 0px !important;
}

    .nav-menu-mobile {
      margin: 10px 0px 30px 0px;
    }

    .nav-menu-mobile li a{

      color: #000;
      display: block;
    }

    .nav-menu-mobile .section-first > a:first-child{

      background-color: #cacaca;
      font-weight: bold;
      padding: 10px 0px;
      margin-bottom: 2px;
    }


    .nav-menu-mobile-secondary-homme li, .nav-menu-mobile-secondary-accessoire li, .nav-menu-mobile-secondary-objet li, .nav-menu-mobile-secondary-femme li{

      border-bottom: 1px solid #cacaca;

    }

    .nav-menu-mobile-secondary-homme li a, .nav-menu-mobile-secondary-accessoire li a, .nav-menu-mobile-secondary-objet li a, .nav-menu-mobile-secondary-femme li a{

      padding: 10px 0px;
transition-duration:0.2s;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;

    }

    .nav-menu-mobile-secondary-homme li a:hover, .nav-menu-mobile-secondary-accessoire li a:hover, .nav-menu-mobile-secondary-objet li a:hover, .nav-menu-mobile-secondary-femme li a:hover

    {
      background-color: #cacaca;
    }

/****************** PAGE CIBLE COLLECTION *****************
**********************************************/


    @font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon/icomoon.eot');
  src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.woff') format('woff'),
    url('../fonts/icomoon/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*************************************************************/


.icon-envelope:before {
  content: "\e000";
}

.icon-cart:before {
  content: "\e007";
}

.icon-cart-2:before {
  content: "\e008";
}

.icon-heart:before {
  content: "\e009";
}

/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
  content: "\e00a";
}

.icon-star:before {
  content: "\e00b";
}

/* Filled star */
.icon-star:after,
.icon-star-2:before {
  content: "\e00c";
}

.icon-arrow-right:before {
  content: "\e00d";
}

.icon-arrow-left:before {
  content: "\e003";
}

.icon-truck:before {
  content: "\e00e";
}

.icon-remove:before {
  content: "\e00f";
}

.icon-cog:before {
  content: "\e010";
}

.icon-plus:before,
.icon-plus:after {
  content: "\e011";
}

.icon-minus:before {
  content: "\e012";
}

.bh-icon-smiley:before {
  content: "\e001";
}

.bh-icon-sad:before {
  content: "\e002";
}

.icon-file:before {
  content: "\e004";
}

.icon-remove-2:before {
  content: "\e005";
}

/* General button style (reset) */
.btn {border: none;font-family: inherit;font-size: inherit;color: inherit;background: none;cursor: pointer;padding: 15px 0px;display: inline-block;text-transform: uppercase;letter-spacing: 1px;/* font-weight: 700; */outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;font-family: 'SegoeWP-Bold' !important;letter-spacing: -0.2px;}

.btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}

.nav-menu .caret
{
  margin-left: 9px !important;
}

.bonner-christmas
{
  display: none;
}


/* Button 5 */
.btn-5 {
    background: #32ce32;
    background-image: -webkit-linear-gradient(#32ce32, #2cb92c);
    background-image: -o-linear-gradient(#00e676, #00cd69);
    background-image: -moz-linear-gradient(#00e676, #00cd69);
    background-image: linear-gradient(#32ce32, #2cb92c);
    color: #fff !important;
    font-size: 18px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 0px;
    top: 0px;
    outline: none !important;
    border-radius: 2px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 14px !important;
    margin-top: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

#categories_motifs .label {
  display: inline-block !important;
  background-color: #00b0ff !important;
}
/*
ul.nav-menu-secondary li a {
    color: #545454;
    font-size: 15px !important;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0px;
    width: 100%;
    display: block;
}*/

a.link-collection {
    color: #000;
    font-family: "SegoeWP-Bold";
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms;
}

a.link-collection:hover {
  color: #00b0ff !important;
}

.btn-5 span {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-transition: all 0.3s;
  -moz-backface-visibility: hidden;
  transition: all 0.3s;
  backface-visibility: hidden;
}

.btn-5:before {
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 2.5;
  font-size: 133%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}



/* Button 5a */
.btn-5a:hover span {
  -webkit-transform: translateY(300%);
  -moz-transform: translateY(300%);
  -ms-transform: translateY(300%);
  transform: translateY(300%);
}

.btn-5a:before {
  left: 0;
  top: -100%;
}

.btn-5a:hover:before {
  top: 0;
}

/* Button 5b */
.btn-5b:hover span {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.btn-5b:before {
  left: -100%;
  top: 0;
}

.btn-5b:hover:before {
  left: 0;
}

/******** LOADER **********/


div#bloc_articles {
    min-height: 70vh;
}

#bloc_articles > em {
      font-family: 'SegoeWP-Bold';
}

#bloc_articles > em a:nth-of-type(1) {

  color: #00b0ff;

}

    .cssload-container {
      width: 100%;
      height: 49px;
      text-align: center;
    }

    .cssload-speeding-wheel {
      width: 49px;
      height: 49px;
      margin: 0 auto;
      border: 3px solid #00b0ff;
      border-radius: 50%;
      border-left-color: transparent;
      border-right-color: transparent;
      animation: cssload-spin 1000ms infinite linear;
        -o-animation: cssload-spin 1000ms infinite linear;
        -ms-animation: cssload-spin 1000ms infinite linear;
        -webkit-animation: cssload-spin 1000ms infinite linear;
        -moz-animation: cssload-spin 1000ms infinite linear;
        margin-top: 30vh;
        position: absolute;
        left: 0;
        right: 0;
    }

    .loader-tunetoo {
      margin: 0 auto;
        margin-top: 30vh;
        position: absolute;
        left: 0;
        right: 0;
    }

/*      .loader {

      position : fixed;
      z-index: 9999;
      background : url('images/loading.gif') 50% 50% no-repeat;
      top : 0px;
      left : 0px;
      height : 100%;
      width : 100%;
      cursor : wait;
      }
*/
    @keyframes cssload-spin {
      100%{ transform: rotate(360deg); transform: rotate(360deg); }
    }

    @-o-keyframes cssload-spin {
      100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
    }

    @-ms-keyframes cssload-spin {
      100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
    }

    @-webkit-keyframes cssload-spin {
      100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    }

    @-moz-keyframes cssload-spin {
      100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
    }



@media screen and (max-width: 772px) {
/*
.filtrer {
  display: block;
}*/

#filtres {
  display: none !important;
}

}

 /******** BARRE DE NAVIGATION *******/

@media screen and (max-width: 772px) {



.nav-menu-secondary li a {font-size: 12px !important;}

  .nav-menu .reload a {
    color: #ffffff !important;
    background: #00b0ff;
    padding: 8px;
    display: block;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}

 .bonner-christmas.container-fluid {display: none;}

      .nav-menu-secondary
      {
        display: none;
      }

      .nav-menu-secondary li {
        border-bottom: 1px solid #ebebeb;
        padding:7px 0px;
      }
      .nav-menu-secondary li a 
      {
        display: block;
        width: 100%;
        color: #000;

      }


  .nav-menu li {
    text-align: center;
    margin: 1px 0px;
    list-style: none;
          -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;  
  }

a.first-level {
    color: #fff !important;
    background: #2f323c;
    text-shadow: 0px 1px 0px #3d3d3d;
    text-align: center;
    border-radius: 1px;
    padding: 7px !important;
    width: 100%;
    display: block;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    /*pointer-event:none !important;*/
}

#filtres > p {
/*      background: url(../images/pattern-filter.png) #7d7d7d !important;*/
}

.first-level b.caret {
    color: #fff !important;
    margin-left: 5px;

}
.first-level b.caret.caret-close {
        -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

}


    @media screen and (min-width: 772px) {

      .image-categorie i.fa.fa-caret-right {
    position: relative;
    left: 10px;
            -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

      .nav-menu-first-level {
        -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
      }


.container-fluid.nav-menu-first-level.scroll {
    top: 66px;
}

    .nav-menu .caret
    {
      display: none !important;
    }

      .nav-menu-first-level {
        height: 41px;
      }


      .nav-menu li {
          display: inline-block;
          /* text-align: center; */
          list-style: none !important;
          padding: 0px 0px 0px 0px;
          /*    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;*/
      }

    .nav-menu li:last-child {

      border-right: 0px !important;
    }

    .nav-menu li a
    {
    color: #fff;
    display: block;
    /* letter-spacing: 0.2px; */
    font-family: SegoeWP-SemiBold;
    /* border-left: 1px solid #cacaca; */
    font-size: 12px;
    text-transform:  uppercase;
    letter-spacing: 0.6px;
    }

    .nav-menu li:hover a {
        color: #fff;
    }

    .nav-menu-secondary {
    max-width: 485px;
    position: absolute;
    top: 41px;
    background-color: #fafafa;
    padding: 10px 0px;
    visibility: hidden;
    opacity: 0;
    /* -webkit-box-shadow: 0 5px 8px -5px rgba(0,0,0,.3); */
    -moz-box-shadow: 0 5px 8px -5px rgba(0,0,0,.3);
    /* box-shadow: 0 5px 8px -5px rgba(0,0,0,.3); */
    margin: 0 auto;
    width: 100%;
    margin: 0 auto;
    /* left: 0; */
    width: 100%;
    border-bottom: 1px solid #cacaca;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    text-align: left !important;
    }

    .hidden #txtRecherche {
      width: 0px;
    }

    .nav-menu li:hover .nav-menu-secondary, .nav-menu-secondary:hover {
    visibility: visible !important;
    opacity: 1 !important;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.58)
    }

    .nav-menu-secondary li:hover {
    background: none;
}

.image-categorie {
    padding-right: 0px !important;
    padding-left: 0px !important;

}

.image-categorie a {
  overflow: hidden;

}

div#liste-filtre .label-default {
    background: #2196F3;
    font-size: 12px;
    font-weight: 500;
    -webkit-transition-duration: 150ms;
    -moz-transition-duration: 150ms;
    -o-transition-duration: 150ms;
    transition-duration: 150ms;
    font-family: 'Roboto';
    display: inline-block;
    padding-top: 4px;
    margin-top: 4px;
}


h3.name {
    margin-top: 0;
    text-align: left;
    margin-left: 15px;
    margin-bottom: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

#btn-clear-motifs a {
    background: #242424!important;
    color: #fff;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 5px;
    /*padding-bottom: 2px;*/
}

.nav-menu-secondary li {
    float: none !important;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

    .nav-menu li:hover {
    background: #2196f3;
}
    .nav-menu .reload a {
      color: #A9A9A9;
      padding-bottom: 11px !important;
    }

    .nav-menu-mobile li {
      list-style-type: none;
    }

    div#liste-filtre .label-default:hover {
    text-decoration: line-through;
}

          .nav-menu-secondary li a {
    color: #7d7d7d !important;
    font-size: 14px;
    padding: 0px 15px 0px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    /* text-transform: uppercase; */
    font-weight: 400;
    text-transform: none !important;
    }


    .nav-menu-secondary li:hover {
      background: none !important;
    }


    .nav-menu-secondary li:hover a {
        color: #242424 !important;
        text-decoration: underline;
    }

    .list-subcategorie {
    margin-top: 25px;
    }

    .nav-menu li:hover .arrow-down {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2196f3;
    position: relative;
    top: 9px;
    left: 16px;
    opacity: 1;
    z-index: 99;
}

.nav-menu .arrow-down {
              -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    opacity: 0;
}

  .nav-menu-first-level {
        position: fixed;
        background: #242424;
        z-index: 9;
        width: 100%;
        left: 0;
        /* text-align: center; */
        top: 79px;
/*        -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
        -o-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
        box-shadow: 0 1px 5px rgba(0,0,0,0.1);*/
    }

}

    @media screen and (max-width: 772px) {

                .nav-menu li a {
    padding: 6px 10px 5px;
}

      .top a {
visibility: hidden !important;
  }

      .bloc-text p {display: none;}

        article#content_haut_page {
    margin-top: 20px !important;
}

      .recherche {
display: none;
      }
}

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

            .nav-menu li a {
    padding: 12px 10px 5px !important;
}

      .nav-menu-secondary {
        max-width: 205px !important;
      }

  article#content_haut_page {
    /*margin-top: 140px !important;*/
}
    }


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

.promo {
  display: none;
}

      .list-subcategorie {
    padding-bottom: 15px;
}

      .top a {position: initial !important; text-align: left;}




  .nav-menu-first-level {
        top: 79px;
    }


     .nav-menu-secondary .image-categorie
      {
        display: none !important;
      }
  }

.recherche {float: right;margin-top: 20px;}


    .filtre-categorie {
      cursor: pointer;
    }

    .filtre-categorie.loading{
      cursor: wait;
      color: #777;
    }


    @media screen and (min-width: 1200px) {
        
span.bandeau-solde {
    position: absolute;
    right: 41px;
    background: crimson;
    width: 43px;
    height: 43px;
    border-radius: 2px;
    color: #fff;
    padding: 11px 7px;
    padding-top: 11px;
    padding-right: 7px;
    padding-bottom: 11px;
    padding-left: 7px;
    text-align: center;
    font-family: 'segoeWP-Bold';
    top: 8px;
    font-size: 15px;
    border-radius: 50px;
}

}
    @media screen and (max-width: 1199px) {
        
span.bandeau-solde {
display: none !important;
}

}


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

      .promo {
    position: relative;
    /*z-index: 999;*/
    top: 50px;
    margin: 0 auto;
    background: #000 !important;
}
.promo img{
width: 100%;
}


      article#content_haut_page {
    margin-top: 30px;
}

      li.recherche.search {overflow: hidden;}

  .search-bar {
    /*border-bottom: 4px solid #7d7d7d;*/
    float: none !important;
    /* margin: 4px !important; */
    border: none !important;
    -webkit-transition-duration: 2.3s; /* Safari */
    transition-duration: 3.2s;
    -o-transition-duration: 3.2s;
    -moz-transition-duration: 1.2s;
    position: absolute;
    top: 5px;
}

#txtRecherche {
      font-family: 'Montserrat', sans-serif;
      font-size: 12px;
      text-align: center;
      height: 32px !important;
      width: 192px !important;
      border-radius: 1px;
      /* background: none; */
      border-bottom: 1px solid #ebebeb!important;
          -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

    .nav-menu .recherche:hover {
    background: none !important;
}

.recherche {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0px;
}

.nav-menu-secondary .list-subcategorie {
    /*min-height: 280px;*/
}

.loupe i.fa.fa-search {
    color: #fff;
    height: 40px;
    padding-top: 11px;
    font-size: 16px;
    /* background: #cacaca; */
    width: 40px;
    cursor: pointer;
    /* float: left; */
    border: none;
    z-index: 999;
    display: block;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    border-radius: 50px;
    /* border: 1px solid; */
}

.image-categorie:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.loupe i.fa.fa-search:hover {/* background: #fff; */}

.image-categorie img {
  /*width: 100%;*/
  min-height: 308px !important;
      transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.nav-menu li .first-level, .nav-menu .reload a{
    padding: 12px 30px 2px;
}

.nav-menu .list-subcategorie a {
    padding: 6px 30px 5px;
}

.image-categorie span {
    text-align: center;
    display: block;
    color: #242424;
    font-family: 'SegoeWP-Bold' !important;
    background: #fff;
    border: 2px solid;
    max-width: 230px;
    padding: 12px;
    z-index: 999;
    bottom: 13px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0.9;
          transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;www
}

.image-categorie:hover span  {
    color: #000 !important;
    opacity: 1;
}

.image-categorie:hover i.fa.fa-caret-right
{
  left: 15px;
}

}
    @media screen and (min-width: 771px) and (max-width: 1199px) {
      li.recherche.search, .recherche{display: none;}

    }

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


            article#content_haut_page {
    /*margin-top: 150px !important;*/
        }

.image-categorie img {
    width: 100%;
    min-height: 217px !important;
}

.nav-menu-secondary .list-subcategorie {
    /*min-height: 188px !important;*/
}
.nav-menu-secondary {max-width: 364px !important;}

}

.top a {
    color: #3d3d3d !important;
    font-weight: 800 !important;
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    text-transform: initial !important;
    font-size: 14px !important;
    text-align: left;
}

.top a:hover {
text-decoration: underline !important;
}

.top .fa-star {
  color: #EF1C25 !important;
}



/********************** RESIZE FADE BLOC COLLECTION ***************************/


    #content .col-xs-12,#content .col-sm-6,#content .col-md-4,#content .col-lg-3, .content .col-xs-12,.content .col-sm-6,.content .col-md-4,.content .col-lg-3{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
}

/**SOLDE 2018**/

.solde-2018, .solde-2018-min {
  display: none !important;
}