/*------------------------------------*\
  $ OVERLOAD
\*------------------------------------*/
#search {
  margin: -14px auto 0;
}





/*------------------------------------*\
  $ GEN
\*------------------------------------*/
.your-style-your-frangrance-page,
.your-style-your-frangrance-page *,
.your-style-your-frangrance-page *:after,
.your-style-your-frangrance-page *:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin: 0;
  outline : none;
  overflow: hidden;
}
.your-style-your-frangrance-page {
  margin: 0 auto;
  max-width: 980px;
  text-align: center;
}
.hidden-element {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.img-fluid { width: 100%; height: auto; }

.look-at-me { 
  border: 2px solid #fff; 
  display:block;
  transition: all .2s ease
}

.look-at-me:hover { border: 2px solid #000; }


/*------------------------------------*\
  $ LOGO
\*------------------------------------*/
.your-style-your-frangrance-page header { margin-bottom: 2rem; }

/* .your-style-your-frangrance-page .logo {
  background-color: #000;
  font-family: 'avalon-medium';
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  padding: 1rem;
  text-transform: uppercase;
} */
/* .your-style-your-frangrance-page .logo-fragrance {
  padding: 3%;
  width: 70%; height: auto;
} */



/*------------------------------------*\
  $ HEADER
\*------------------------------------*/
.your-style-your-frangrance-page header{
  display:flex;
  align-items:center;
}
.your-style-your-frangrance-page header div{
  width:49%;
}

.your-style-your-frangrance-page header .logo {
  background-color: #000;
  font-family: 'avalon-medium';
  font-size: 0.7rem;
  width: 180px;
  padding:15px 5px;
  margin: auto auto 20px auto;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
}

.your-style-your-frangrance-page header .logo img{
  width: 160px;
  margin: 0 auto; 
  
}

/*------------------------------------*\
  $ TITLES
\*------------------------------------*/
.your-style-your-frangrance-page .title { text-transform: uppercase; }
.your-style-your-frangrance-page .title-01 { font-family: 'avalon-medium'; }

.your-style-your-frangrance-page .title-02 { 
  font-family: 'avalon-medium'; 
  font-size: 0.5rem;
}

.your-style-your-frangrance-page .title-03 {
  color: #cc0000;
  font-family: 'avalon-medium';
  font-weight: 900;
}
.your-style-your-frangrance-page .title-04 {
  font-size: 1.5rem;
  margin-top: 1rem;
}

.your-style-your-frangrance-page .enhanced-title {
  background-color: #db9189;
  color: #000;
  padding: 2rem 0; margin: 0 0 2rem;
  text-transform: uppercase;
  display: none;
}
.your-style-your-frangrance-page .enhanced-title .title-01 {
  border: 1px solid #fff;
  display: inline;
  padding: 1rem 2rem;
  position: relative;
}
.your-style-your-frangrance-page .enhanced-title .sub-title {
  display: none;
  background-color: #db9189;
  font-family: 'black_diamondregular';
  font-size: 1.3rem;
  font-weight: normal;
  padding: 0 1rem;
  text-transform: none;
  transform: translateX(-50%);
  position: absolute; left: 50%; bottom: -1rem; 
}
/*------------------------------------*\
  $ TEXT
\*------------------------------------*/
.your-style-your-frangrance-page .text {
  margin-bottom: 2rem;
  padding: 0.5rem 1.5rem;
}
.your-style-your-frangrance-page .text-01 { font: 1.3rem 'avalon-medium'; }
.your-style-your-frangrance-page .text-02 { font: 1rem 'avalon-book'; }

/*------------------------------------*\
  $ LOOKS NAVIGATION
\*------------------------------------*/
.your-style-your-frangrance-page .blocklooks .product-tile-inner {
  font: 400 14px "Avalon-Bold";
  margin: 0 0.2rem 0;
}
.your-style-your-frangrance-page .img-look { 
  display: block;
  width: 100%; 
}
.your-style-your-frangrance-page .blocklooks .block-title { 
  background: #000;
  color: #fff;
  min-height: 50px;
  position: relative;
}
.your-style-your-frangrance-page .blocklooks .title-02 {
  font-size: 1rem;
  line-height: 1;
  position: absolute; top: 50%; left: 50%; 
  transform: translate(-50%, -50%);
  width: 100%;
}
.your-style-your-frangrance-page .blocproducts ul { padding: 0; }

/*------------------------------------*\
  $ LOOKS 
\*------------------------------------*/
.your-style-your-frangrance-page .look-content {
  display: flex;
  flex-direction: column;
  margin: 2rem 0 2rem;
}
.your-style-your-frangrance-page .look-content .title { 
  margin: 1rem; 
  font-size: 1.6rem
}
.your-style-your-frangrance-page .look-content .text { margin-bottom: 0; }

/*------------------------------------*\
  $ REGALO 
\*------------------------------------*/
.your-style-your-frangrance-page .passtile-regalo { 
  margin: 1.5rem 0;
  position: relative; 
}
.your-style-your-frangrance-page .pastille-circle {  width: 100%; height: auto; }

.your-style-your-frangrance-page .pastille-content {
  padding: 0 2.5rem;
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.your-style-your-frangrance-page .pastille-content strong {
  font-family: 'avalon-medium';
  font-size: 1rem;
}
.your-style-your-frangrance-page .passtile-regalo .text { margin-bottom: 0; }
/*------------------------------------*\
  $ PRODUCT 
\*------------------------------------*/
.blocproducts { margin-bottom: 1rem; }
.your-style-your-frangrance-page .slider a { 
  color: #000;
  text-decoration: none;
}
.your-style-your-frangrance-page .msa_icon_wishlist  { display: none !important; }

.your-style-your-frangrance-page .ShowEP {
  display: none;
  margin: 0 auto;
  padding: 5px;
  width: 50%;
}

.your-style-your-frangrance-page .slider .produit .marque, 
.your-style-your-frangrance-page .slider .produit .prix,
.your-style-your-frangrance-page .slider .produit .prix span {
  margin: 0 auto;
  font: 400 14px "Avalon-Bold";

}
.your-style-your-frangrance-page .slider .libelle {
  margin: 0 auto;
  font-size: 14px;
}

.greytext_underproduct, 
.greytext_underproduct span {
  color: #999;
  font-size: 9px;
  line-height: 10px;
  margin: 10px 0 5px;
  max-width: 100%;
  text-align: center;
  width: 100%;
}
.slick-prev,
.slick-next {
  border: 0;
  width: 40px; height: 40px;
  z-index: 999;
  position: absolute;
}
.slick-prev::before,
.slick-next::before {
  content: '';
}

/* NO SLIDER */
.your-style-your-frangrance-page .produit .marque,
.your-style-your-frangrance-page .produit .libelle,
.your-style-your-frangrance-page .produit .prix {
  width: auto;
  font-weight: bold,
}
.produit .marque a,
.produit .libelle a {
  color: inherit;
  text-decoration: none;
}
.produit .marque a { font: 400 14px "Avalon-Bold"; }

.produit .libelle a,
.produit .prix  { font: 1rem 'avalon-medium';}

.content-products {
  margin: 0 0 1rem;
}
/*------------------------------------*\
  $ CTA
\*------------------------------------*/
.your-style-your-frangrance-page .cta {
  background-color: #000;
  color: #fff;
  display: block;
  font-size: 1rem;
  font-family: 'avalon-medium';
  line-height: 1;
  margin:10px auto auto auto;
  padding: 0.8rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
  max-width: 244px;
}
.your-style-your-frangrance-page .cta:hover {
  color: #fff;
  background-color: #cc0000;
}
.product a.cta { 
  position: absolute; bottom: 0;
  margin-left: 13%; 
}
.presentation-list .bv-cv2-cleanslate div { text-align: center !important; }

/*------------------------------------*\
  $ CONTEST
\*------------------------------------*/
.contest{
  background: #fbecef;
  display: flex;
  flex-direction: column;
  margin: 0 auto 20px;
  /* max-width: 700px; */
}
.contest div:first-child { text-align: left;}

.your-style-your-frangrance-page .contest div img { width:100% }

.contest a {
  text-decoration: none;
}


/*------------------------------------*\
  $ MOBILE 
\*------------------------------------*/
/* GEN */
.your-style-your-frangrance-page .showmobile { display: block; }
.your-style-your-frangrance-page .hidemobile { display: none; }


@media (max-width: 762px) {
  .your-style-your-frangrance-page header{
    flex-direction: column;
  }
  .your-style-your-frangrance-page header div{
    width: 100%
  }
  .your-style-your-frangrance-page div .showmobile { display: block; }
  .your-style-your-frangrance-page div .hidemobile { display: none; }
}
@media (min-width: 380px) {
  /* SLIDER ON MOBILE */
  .your-style-your-frangrance-page .slider-looks {
    display: flex;
    overflow-x: auto;
    width: 100%;
  }
  .your-style-your-frangrance-page .slider-looks .product-tile-inner {
    display: inline-block;
    flex-shrink: 0;
  }
  .your-style-your-frangrance-page .blocproducts .title-02 { font-size: 0.8rem; }

}
@media (min-width: 440px) {
  .your-style-your-frangrance-page .pastille-circle { width: 95%; }
}
@media (min-width: 550px) {
  .your-style-your-frangrance-page .visuel-header.showmobile { display: none; }
  .your-style-your-frangrance-page .visuel-header.hidemobile { display: block; }

  .your-style-your-frangrance-page .pastille-content,
  .your-style-your-frangrance-page .pastille-circle { width: 60%;  }
}


/* @media (min-width: 600px) {
  .your-style-your-frangrance-page header { position: relative; }
  .your-style-your-frangrance-page .logo {
    font-size: 1rem;
    position: absolute; top: 50%; right: 3rem;
    transform: translateY(-50%);

  } 
}*/
@media (min-width: 680px) {
  .your-style-your-frangrance-page .look-content { 
    flex-direction: row;
    align-items: center;
 }

   .your-style-your-frangrance-page .contest { 
    flex-direction: row;
    align-items: center;
   }
   .your-style-your-frangrance-page .contest div:first-child {flex-basis:60% }
   .your-style-your-frangrance-page .contest div:nth-child(2) {flex-basis:40% }

   
   .your-style-your-frangrance-page .contest div img { width:auto }

  .your-style-your-frangrance-page .look-img,
  .your-style-your-frangrance-page .look-description { flex-basis: 50%;}
}
@media (min-width: 700px) {
  .your-style-your-frangrance-page .pastille-content,
  .your-style-your-frangrance-page .pastille-circle { width: 100%; }

  .your-style-your-frangrance-page .content-products {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 90%;
  }
  .your-style-your-frangrance-page .passtile-regalo,
  .your-style-your-frangrance-page .produit { flex-basis: 50%; }
}
@media (min-width: 850px) {
  .your-style-your-frangrance-page .passtile-regalo,
  .your-style-your-frangrance-page .produit { flex-basis: 40%; }
}
@media (min-width: 980px) { 
  /* .logo .logo-fragrance { width: 288px; height: 112px; } */
  .your-style-your-frangrance-page .slider .ShowEP { display: block; }
  .your-style-your-frangrance-page .title-01 { font-size: 2rem; }

  .your-style-your-frangrance-page .blocproducts { 
    margin: 0 auto 20px; 
    width: 885px;
  }

  .your-style-your-frangrance-page .product-tile { margin-bottom: 20px; }
  .your-style-your-frangrance-page .product-tile-inner { width: 280px; }
  
  .your-style-your-frangrance-page .slider-looks { 
    flex-wrap: wrap; 
    justify-content: space-between
  }

  .your-style-your-frangrance-page .container-product { display: flex }
  .your-style-your-frangrance-page .content-products { 
    margin-bottom: 2rem;
    width: 49%
  }
  .your-style-your-frangrance-page .produit { flex-basis: 30%}
  .your-style-your-frangrance-page .passtile-regalo { flex-basis: 46%}

  .your-style-your-frangrance-page .content-products .text-01 {
    font: 0.7rem 'avalon-medium';
    padding: 0;
  }
  .your-style-your-frangrance-page .pastille-content { padding: 0 1.5rem;}
  .your-style-your-frangrance-page .pastille-content strong {
    display: block;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  .your-style-your-frangrance-page .title-03 { font-size: 1.2rem; }

}


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

.your-style-your-frangrance-page {
margin: 0;
padding: 0;
width: 1px;
min-width: 100%;
max-width:100%;
}

.your-style-your-frangrance-page header .logo {
   
    width: 100%;
}

.your-style-your-frangrance-page header .logo img {
  max-width: 285px;

width: 90%;
}

.your-style-your-frangrance-page .text-01 {
    font: 0.9rem 'avalon-medium';
}

.rev {
display: flex;
flex-direction: column-reverse;
}

.content-products {
    margin: 0 0 59px;
}


.visuelProduit img { margin-bottom: 20px; }

.your-style-your-frangrance-page header .logo {

   font-weight:inherit;
    font-size: 1rem;
   width: 100%;

padding: 15px 5px;

margin: 0 auto;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.1em;

}

body { margin: 0;

padding: 0; }
.your-style-your-frangrance-page .contest .cta { margin: 0 auto 40px; }

.contest a {

    text-decoration: underline;
    color: #000;

}

.slider-looks, .blocklooks { display:none; }

.your-style-your-frangrance-page header {
    flex-direction: column-reverse;
}

.your-style-your-frangrance-page .text {
    margin: 2rem auto;
}

.your-style-your-frangrance-page header {
    margin-bottom: 0;
}

.your-style-your-frangrance-page .look-content {
    margin: 0 0 2rem;
}


}