/*------------------------------------*\
    $ OVERLOAD
\*------------------------------------*/
#search {
  margin: 1px auto 0;
  width: 100%;
}
.bpb-body {
  margin: 0; padding: 0;
}
/*------------------------------------*\
    $ HEADER
\*------------------------------------*/
header {
  background: #f0b2b2 url('images/bg/bg-header.jpg') no-repeat center 0;
  margin: 0;
  min-height: 240px;
  position: relative;
  width: 100%;
}
header h1 {
  color: #cc0000; 
  font: 52px 'avalon-demi';
  margin: 0; padding: 50px 0 0;
  text-transform: uppercase;
}
header h1 span {
  color: #cc0000;
  display: block;
  font: 112px/95px 'black_diamondregular';
  text-transform: none;
}
/*------------------------------------*\
    $ CTA & LIEN
\*------------------------------------*/
#bonplanbeaute .line-through {
  text-decoration: line-through;
}
#bonplanbeaute .pastille {
    position: absolute;
    right: 0; top: -218px;
}
 #bonplanbeaute a {
     color:#000000;
     font: 16px/19px 'Avalon-Book';
     text-decoration:none;

     -moz-text-size-adjust: none;
     -webkit-text-size-adjust: none;
     -ms-text-size-adjust: none;
     text-size-adjust: none;
}
#bonplanbeaute a:hover          { color:#cc0000; }
#bonplanbeaute a.displayContent { font-size:11px; }

#bonplanbeaute a .cta {
     background-color: #000;
     color: #fff;
     display: inline-block;
     font: 18px 'avalon-medium',arial,sans-serif;
     padding: 5px 20px 5px 10px !important;
     position: relative;
     text-transform: uppercase !important;
     text-decoration: none;
}
#bonplanbeaute a .cta::before {
     content: "";
     display: block;
     position: absolute;
     top: 9px;
     right: 7px;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 6px 0 6px 7px;
     border-color: transparent transparent transparent #c00;
}
 #bonplanbeaute .part2 a:hover .cta, #bonplanbeaute .header_bonplan a:hover .cta, #bonplanbeaute a .cta:hover, #bonplanbeaute .offres_bonplan:hover .cta {
     background:#c00;
     color:#fff;
     background:-webkit-linear-gradient(to top,#a70000,#ca0000);
     background:-o-linear-gradient(to top,#a70000,#ca0000);
     background:-moz-linear-gradient(to top,#a70000,#ca0000);
     background:linear-gradient(to top,#a70000,#ca0000);
     -webkit-transition:background-color .5s linear;
     -moz-transition:background-color .5s linear;
     -o-transition:background-color .5s linear;
     transition:background-color .5s linear 
}
 #bonplanbeaute .part2 a:hover .cta::before, #bonplanbeaute a:hover .cta::before, #bonplanbeaute .offres_bonplan:hover .cta::before  {
     content:"";
     border-color: transparent transparent transparent #ffffff;
}
 #bonplanbeaute ul li {
     float:left;
     list-style: none;
     margin:0; padding:0;
}
 #bonplanbeaute .red { color:#cc0000; }

 #bonplanbeaute .left {
     float:left;
     width:50%;
}
 #bonplanbeaute .clear {
     clear:both;
     float:left;
}
 #bonplanbeaute p.mention {
    color: #818181;
	font-size: 12px;
	line-height: 13px;
	margin: 5px 5%;
	text-align: center;
	width: 90%;
}
 #bonplanbeaute .table_cell {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    margin: 0; padding: 0;
}
/* #bonplanbeaute .table_cell-content {
    padding: 50px 0 0;
} */

#bonplanbeaute { 
  text-align:center; 
}

#bonplanbeaute  .bonplanbeaute_width {
  margin: 30px auto 0; 
  width:1000px; 
}

 #bonplanbeaute h3 {
     margin: 20px auto 3px;
     color:#cc0000;
     font-family: 'avalon-medium',arial,sans-serif;
     text-transform:uppercase;
     font-size:16px;
     padding:0;
}
 #bonplanbeaute h2 {
     margin: 0;
     color:#000000;
     font-family: 'avalon-medium',arial,sans-serif;
     text-transform:uppercase;
     font-size: 26px;
	 padding:0;
}
 #bonplanbeaute .header_bonplan li {
     width: 20%;
     text-align: left;
}
#bonplanbeaute .header_bonplan li .cta {
    width: 154px;
    font-size: 16px;
    text-align: center;
}
 #bonplanbeaute .header_bonplan span {
     margin:0 auto;
}
/*.header_bonplan img {
     filter: sepia(1) blur(1px);
     -webkit-filter: sepia(1) blur(1px);
}
 */
 #bonplanbeaute .ul_prix_sexy li {
     width:25%;
     text-align:center;
}
 #bonplanbeaute p {
     font-family: Avalon-Book;
     font-size:16px;
     -moz-text-size-adjust: none;
     -webkit-text-size-adjust: none;
     -ms-text-size-adjust: none;
     text-size-adjust: none;
     line-height:19px;
}
 #bonplanbeaute .div_offres_bonplan {
    margin: 0 auto;
}
 #bonplanbeaute .part2, #bonplanbeaute .div_offres_bonplan, #bonplanbeaute .pola_desg, #bonplanbeaute .div_offres_moment {
     -webkit-box-shadow: 0px 0px 44px -22px rgba(0,0,0,0.74);
     -moz-box-shadow: 0px 0px 44px -22px rgba(0,0,0,0.74);
     box-shadow: 0px 0px 44px -22px rgba(0,0,0,0.74);
     -webkit-transition: all 300ms;
    /* Safari */
     transition: all 300ms;
    /* -moz-box-shadow: 0px 0px 4px 0px #656565;
     -webkit-box-shadow: 0px 0px 4px 0px #656565;
     -o-box-shadow: 0px 0px 4px 0px #656565;
     box-shadow: 0px 0px 4px 0px #656565;
     filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=4);
     */
}
 #bonplanbeaute .pola_:hover .pola_desg, #bonplanbeaute .part2:hover, #bonplanbeaute .div_offres_bonplan:hover, #bonplanbeaute .div_offres_moment:hover {
     -webkit-box-shadow: 10px 10px 44px -22px rgba(0,0,0,0.9);
     -moz-box-shadow: 10px 10px 44px -22px rgba(0,0,0,0.9);
     box-shadow: 10px 10px 44px -22px rgba(0,0,0,0.9);
}
 #bonplanbeaute .pola_:hover .pola_desg, {
     transform: rotate3d(0, 0, 1, -1deg);
}
 #bonplanbeaute .pola_:hover .pola_img {
     transform: rotate3d(0, 0, 1, -1deg);
}
 #bonplanbeaute .pola_img {
     -webkit-transition: all 300ms;
    /* Safari */
     transition: all 300ms;
}
 #bonplanbeaute .pola_ {
     -webkit-transition: all 100ms;
    /* Safari */
     transition: all 100ms;
}

 #bonplanbeaute .esp2 {
     margin-right:40px;
}
 #bonplanbeaute .part2 p {
     width:88%;
     margin:20px auto;
}
#bonplanbeaute .part2 img {
     margin:10px auto 0;
}
#bonplanbeaute .part2 a p, #bonplanbeaute .table_cell a p {
     color:#000000;
}
 #bonplanbeaute .bx-wrapper .bx-next {
     right:-5%;
}
 #bonplanbeaute .bx-wrapper .bx-prev {
     left: -5%;
}
 #bonplanbeaute .offres_bonplan {
     margin:0;
}
 #bonplanbeaute .table_cell div span.bold {
font-size: 21px;
line-height: 22px;
font-family: inherit;
}
 #bonplanbeaute .txt_offre {
     width:80%;
     margin:20px auto;
	 line-height: 22px;
}
#bonplanbeaute .pola_ {
    position:relative;
	width: auto;
	height: 225px;
    padding-bottom: 7px;
}
 #bonplanbeaute .pola_desg {
     position:absolute;
     left:0;
     top:0;
     z-index:1;
}
 #bonplanbeaute .pola_img {
     position:absolute;
     left:0;
     top:0;
     z-index:2;
}
 #bonplanbeaute .pola_1:hover {
     transform: rotate3d(0, 0, 1, -12deg);
}
 #bonplanbeaute .pola_img {
     /*top: 15px;
     left: 12px;*/
	 top: 12px;
     left: 10px;
}

 #bonplanbeaute .pert {
     top:500px !important;
     left:700px !important;
}
 @keyframes rollIn {
     from {
         opacity: 0;
         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
     to {
         opacity: 1;
         transform: rotate3d(0, 0, 1, 0deg);
    }
}
 #bonplanbeaute .rollIn {
     animation-name: rollIn;
     animation-iteration-count: 1;
     /*margin-left: 38px;*/
}
 @keyframes rollIn_2 {
     from {
         opacity: 0;
         transform: translate3d(-100%, -60%, 0) rotate3d(0, 0, 1, -50deg);
    }
     to {
         opacity: 1;
         transform: rotate3d(0, 0, 1, 0deg);
    }
}
 #bonplanbeaute .rollIn_2 {
     animation-name: rollIn_2;
     animation-iteration-count: 1;
     /*margin-left: 58px;*/
}
 @keyframes rollIn_3 {
     from {
         opacity: 0;
         transform: translate3d(200%, 70%, 0) rotate3d(0, 0, 1, 200deg);
    }
     to {
         opacity: 1;
         transform: rotate3d(0, 0, 1, -0deg);
    }
}
 #bonplanbeaute .rollIn_3 {
     animation-name: rollIn_3;
     animation-iteration-count: 1;
     /*margin-left: 48px;*/
}
 #bonplanbeaute .animated {
     animation-duration: 1s;
     animation-fill-mode: both;
}
 #bonplanbeaute .animated_2 {
     animation-delay: 500ms;
     animation-duration: 1s;
     animation-fill-mode: both;
}
 #bonplanbeaute .rollOut {
     animation-name: rollOut;
}
 #bonplanbeaute .opacity0 {
     opacity:0;
}
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translate3d(0, 100%, 0);
    }
     to {
         opacity: 1;
         transform: none;
    }
}
 #bonplanbeaute .fadeInUp {
     animation-name: fadeInUp;
}
 #bonplanbeaute .part2 {
     width: 475px;
     position: relative;
     display: inline-block;
	 height: 523px;
}
 #bonplanbeaute .big_cta {
     position:relative;
}
 #bonplanbeaute .big_cta img {
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
}
 #bonplanbeaute .big_cta .cta {
     position:absolute;
     z-index:2;
}
 #bonplanbeaute .big_cta {
     position:relative;
     width:100%;
     height:345px;
     background-color:#ffffff;
}
 #bonplanbeaute .part2 a {
     display:block;
     width:100%;
     height:100%;
}
 #bonplanbeaute .part2 a span.cta {
    position: absolute;
    bottom: 40px;
    border:1px solid #ffffff;
    left:50%;
}
 #bonplanbeaute .part2 a span.cta.jecraque {
     margin-left:-62px;
}
 #bonplanbeaute .part2 a span.cta.jtous {
     margin-left:-87px;
}
 #bonplanbeaute .produit .marque, #bonplanbeaute .produit .libelle, #bonplanbeaute .produit .prix {
     width:78%;
     margin-left:auto;
     margin-right:auto;
     position: relative;
}
.LivPlusQue {
    color: #CC0000 !important;
}
 #bonplanbeaute .produit .marque a,
 #bonplanbeaute .part2 .nouveau {
    font-family: 'avalon-bold';
    font-size: 16px;
    font-weight: normal;
}
#bonplanbeaute .part2 .nouveau.hidden {
    visibility: hidden;
}
#bonplanbeaute .part2 .nouveau {
    display: block;
    margin: 10px 0 0;
    text-transform: uppercase;
}
 #bonplanbeaute .produit p.libelle a {
     font-family: 'Avalon-Book';
     font-size: 14px;
     line-height:18px;
}
 #bonplanbeaute .produit p.flag-new {
     text-transform: uppercase;
     font-size: 12px;
     letter-spacing: 2px;
     line-height: 1;
     color: #000;
     font-family: 'avalon-bold';
     text-align: center;
     margin-bottom: 4px;
}
 #bonplanbeaute .produit p.prix span {
     font-family: 'avalon-bold';
     font-weight: normal;
     font-size:14px;
     color: #000;
}
#bonplanbeaute  .pastille {left: 146px;}

 #bonplanbeaute .pintro {
     width:86%;
     margin:20px auto 0;
}
 #bonplanbeaute .pintro span, .psintro span {
     font-family: 'avalon-bold';
     font-weight: normal;
     font-size:inherit;
}
 #bonplanbeaute .psintro {
     width:86%;
     margin:0 auto 20px;
}
 #bonplanbeaute .ensavoirplus {
     display:none;
     margin:0;
}
 #bonplanbeaute .header_bonplan {
     padding-top:25px;
	 width: 1036px; height: 250px;;
	 margin:0 auto;
}
#bonplanbeaute #les_offres_cadeaux, #bonplanbeaute #les_prix_sexy, #bonplanbeaute #avant_premiere, #bonplanbeaute #offres_moment {
    /* display: inline-block; */
	padding:30px 0 5px;
}

/* #bonplanbeaute #les_offres_cadeaux {
	 padding-top: 80px;
} */
#bonplanbeaute .div_offres_bonplan .bx-wrapper { margin:20px 0 0 0 ; }

#bonplanbeaute .bx-wrapper, .part2 {
     margin:40px 0 0 0;
}

#bonplanbeaute .pola_1   { margin-left: 0; }
#bonplanbeaute  .pola_2   { margin-left: 0; }
#bonplanbeaute  .pola_3   { margin-left: 0; }
#bonplanbeaute .pola_4   { margin-left: 0; }


#bonplanbeaute  #bx-pager img { 
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    max-width: 200px;
    opacity:0.5;
    padding: 20px 0 0; 
    -webkit-transition: opacity .35s ease-in-out;
    transition: opacity .5s ease;
    width: 100px; 
}

#bonplanbeaute  #bx-pager .active img { opacity:1}
#bonplanbeaute  #bx-pager img:hover { opacity:1}