/*---------------*\
  $RESET
\*---------------*/
#center {width: 100% !important;}
#center_part_2_full {
  float: none !important;
  width: 100% !important;
}
#contenuhome {margin: 0 !important;}
#bottomfooter {margin-top: 0 !important;}
#ftr {margin-top: 0 !important;}
b{font-weight: bold;}

/*---------------*\
  $SAISONNIERE FROID ETE
\*---------------*/
.happy-days *,
.happy-days *::before,
.happy-days *::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.happy-days h1,
.happy-days h2,
.happy-days h3,
.happy-days h4,
.happy-days h5,
.happy-days h6 {
  background: none;
  border: 0 none;
  display: block;
  float: none;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
}
.happy-days strong {font-weight: 700;}
.happy-days em {font-style: italic;}
.happy-days img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.happy-days ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.happy-days .text-left {text-align: left;}
.happy-days .text-center {text-align: center;}
.happy-days .text-right {text-align: right;}
.happy-days,
.happy-days .btn,
.happy-days .btn:focus,
.happy-days .btn:hover,
.happy-days .title {font-family: 'Open Sans', sans-serif;}
@media only screen and (max-width: 767px){
  .happy-days .hidden-phone {display: none !important;}
}
@media only screen and (min-width: 768px){
  .happy-days .visible-phone {display: none !important;}
}

/* BUTTONS */
.happy-days .btn,
.happy-days .btn:focus,
.happy-days .btn:hover {
  border: 1px solid;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  line-height: 32px;
  padding: 2px 8px;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all ease .3s;
          transition: all ease .3s;
}

/* TITRES */
.happy-days .section-title {
  color: #3e3e3e;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px){
  .happy-days .section-title {
    font-size: 16px;
    line-height: 18px;
    margin: 30px 0 10px;
  }
}
@media only screen and (min-width: 768px){
  .happy-days .section-title {
    font-size: 22px;
    line-height: 25px;
    margin: 30px 0;
  }
}

/* STRUCTURE */
.happy-days .clearfix::before,
.happy-days .clearfix::after {
  display: table;
  content: " ";
}
.happy-days .clearfix::after {clear: both;}
.happy-days .container {
  margin: auto;
  max-width: 1020px;
  padding: 0 10px;
  position: relative;
}

/* HEADER */
.happy-days header {
  background: #26b5ca;
  background: -moz-linear-gradient(left, #26b5ca 0%, #26b5ca 50%, #73c8da 51%, #73c8da 100%);
  background: -webkit-linear-gradient(left, #26b5ca 0%, #26b5ca 50%, #73c8da 51%, #73c8da 100%);
  background: linear-gradient(to right, #26b5ca 0%,#26b5ca 50%,#73c8da 51%, #73c8da 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b5ca', endColorstr='#73c8da',GradientType=1 );
  padding: 0;
}
.happy-days header .container {
  max-width: 1920px;
  padding: 0;
}
.happy-days header p {
  color: #fff;
  line-height: 1;
  position: absolute;
}
.happy-days header .btn,
.happy-days header .btn:focus,
.happy-days header .btn:hover {
  bottom: 20px;
  color: #fff;
  left: 50%;
  position: absolute;
}
@media only screen and (max-width: 329px){
  .happy-days header .btn,
  .happy-days header .btn:focus,
  .happy-days header .btn:hover {
    margin-left: -80px !important;
    width: 160px !important;
  }
}
@media only screen and (max-width: 767px){
  .happy-days header p {
    font-size: 13px;
    left: 0;
    right: 0;
    top: 10px;
  }
  .happy-days header .btn,
  .happy-days header .btn:focus,
  .happy-days header .btn:hover {
    background-color: transparent;
    border-color: #fff;
    bottom: 10px;
    margin-left: -95px;
    width: 190px;
  }
  .happy-days header .btn:hover {
    background-color: #e0cf00;
    border-color: #e0cf00;
  }
}
@media only screen and (min-width: 768px){
  .happy-days header p {
    font-size: 16px;
    left: 50%;
    text-align: right;
    top: 20px;
    width: 500px;
  }
  .happy-days header .btn,
  .happy-days header .btn:focus,
  .happy-days header .btn:hover {
    background-color: #e0cf00;
    border-color: #e0cf00;
    bottom: 5px;
    margin-left: -105px;
    width: 210px;
  }
  .happy-days header .btn:hover {background-color: transparent;}
}

/* PRODUCTS */
.happy-days .section-products {}
.happy-days .section-products .product {}
.happy-days .section-products .product a,
.happy-days .section-products .product a:focus,
.happy-days .section-products .product a:hover {
  color: #000;
  display: block;
  text-decoration: none;
}
.happy-days .section-products .product .odr {
  display: block;
  font-size: 12px;
  min-height: 15px;
  text-align: center;
  text-transform: uppercase;
}
.happy-days .section-products .product .visuel {
  display: block;
  height: 180px;
  margin: auto;
  position: relative;
}
.happy-days .section-products .product img {
  left: 50%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.happy-days .section-products .product .rating.r10,
.happy-days .section-products .product .rating.r15,
.happy-days .section-products .product .rating.r20,
.happy-days .section-products .product .rating.r25,
.happy-days .section-products .product .rating.r30,
.happy-days .section-products .product .rating.r35,
.happy-days .section-products .product .rating.r40,
.happy-days .section-products .product .rating.r45,
.happy-days .section-products .product .rating.r50 {
  background-image: url('../images/rating.png');
  display: block;
  height: 11px;
  position: absolute;
  top: 208px;
  width: 72px;
}
.happy-days .section-products .product .rating.r10 {background-position:0 -11px;}
.happy-days .section-products .product .rating.r15 {background-position:0 -22px;}
.happy-days .section-products .product .rating.r20 {background-position:0 -33px;}
.happy-days .section-products .product .rating.r25 {background-position:0 -44px;}
.happy-days .section-products .product .rating.r30 {background-position:0 -55px;}
.happy-days .section-products .product .rating.r35 {background-position:0 -66px;}
.happy-days .section-products .product .rating.r40 {background-position:0 -77px;}
.happy-days .section-products .product .rating.r45 {background-position:0 -88px;}
.happy-days .section-products .product .rating.r50 {background-position:0 -99px;}
.happy-days .section-products .product .brand {
  color: #3b3b3b;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  padding-right: 72px;
}
.happy-days .section-products .product .desc {
  color: #3b3b3b;
  display: block;
  font-size: 14px;
  line-height: 17px;
  min-height: 51px;
  margin-bottom: 5px;
}
.happy-days .section-products .product ul {
  list-style: none;
  min-height: 45px;
  padding: 0 0 0 1px;
}
.happy-days .section-products .product li {
  font-size: 12px;
  line-height: 15px;
}
.happy-days .section-products .product li:before {
  content: "\2022";
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}
.happy-days .section-products .product .oldprice {
  display: block;
  font-size: 14px;
  line-height: 17px;
  margin-top: -34px;
  text-align: right;
  text-decoration: line-through;
  min-height: 17px;
}
.happy-days .section-products .product .oldprice sup {
  font-size: 10px;
  vertical-align: top;
}
.happy-days .section-products .product .price {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-align: right;
}
.happy-days .section-products .product .price sup {
  font-size: 14px;
  vertical-align: top;
}
.happy-days .section-products .product .btn {
  background-color: #fff;
  border-color: #08b2c9;
  color: #08b2c9;
  display: block;
  margin: auto;
  width: 128px;
}
.happy-days .section-products .product a:hover .btn {
  background-color: #08b2c9;
  color: #fff;
}
.happy-days .section-products .owl-nav {}
.happy-days .section-products .owl-nav div {
  background-image: url('../images/sprite-arrow.png');
  font-size: 0;
  height: 24px;
  margin-top: -12px;
  position: absolute;
  top: 60%;
  width: 13px;
}
.happy-days .section-products .owl-nav .owl-prev {background-position: 100% 50%;}
.happy-days .section-products .owl-nav .owl-next {background-position: 0 50%;}
.happy-days .section-products .owl-dots {
  font-size: 0;
  text-align: center;
}
.happy-days .section-products .owl-dots .owl-dot {
  background-color: #dadada;
  display: inline-block;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.happy-days .section-products .owl-dots .owl-dot.active {background-color: #e0cf00;}
@media only screen and (max-width: 767px){
  .happy-days .section-products .product a,
  .happy-days .section-products .product a:focus,
  .happy-days .section-products .product a:hover {padding: 10px 25px;}
  .happy-days .section-products .product .desc {max-width: 70%;}
  .happy-days .section-products .product .rating.r10,
  .happy-days .section-products .product .rating.r15,
  .happy-days .section-products .product .rating.r20,
  .happy-days .section-products .product .rating.r25,
  .happy-days .section-products .product .rating.r30,
  .happy-days .section-products .product .rating.r35,
  .happy-days .section-products .product .rating.r40,
  .happy-days .section-products .product .rating.r45,
  .happy-days .section-products .product .rating.r50 {right: 25px;}
  .happy-days .section-products .product ul {margin: 0 0 30px;}
  .happy-days .section-products .product .btn {display: none;}
  .happy-days .section-products .owl-nav .owl-prev {left: 5px;}
  .happy-days .section-products .owl-nav .owl-next {right: 5px;}
  .happy-days .section-products .owl-dots .owl-dot {
    height: 5px;
    margin: 15px 3px;
    width: 5px;
  }
}
@media only screen and (min-width: 768px){
  .happy-days .section-products .product a,
  .happy-days .section-products .product a:focus,
  .happy-days .section-products .product a:hover {padding: 10px;}
  .happy-days .section-products .product .desc {max-width: 75%;}
  .happy-days .section-products .product .rating.r10,
  .happy-days .section-products .product .rating.r15,
  .happy-days .section-products .product .rating.r20,
  .happy-days .section-products .product .rating.r25,
  .happy-days .section-products .product .rating.r30,
  .happy-days .section-products .product .rating.r35,
  .happy-days .section-products .product .rating.r40,
  .happy-days .section-products .product .rating.r45,
  .happy-days .section-products .product .rating.r50 {right: 10px;}
  .happy-days .section-products .product ul {margin: 0 0 65px;}
  .happy-days .section-products .owl-nav .owl-prev {left: -18px;}
  .happy-days .section-products .owl-nav .owl-next {right: -18px;}
  .happy-days .section-products .owl-dots .owl-dot {
    height: 10px;
    margin: 12px 6px;
    width: 10px;
  }
}

/* SELECTION */
.happy-days .section-selection article {
    float: left;
    overflow: hidden;
    text-align: center;
  }
.happy-days .section-selection article:nth-child(1) {background-color: #cacacb;}
.happy-days .section-selection article:nth-child(2) {background-color: #9dccc5;}
.happy-days .section-selection article:nth-child(3) {background-color: #c83737;}
.happy-days .section-selection article:nth-child(4) {background-color: #babeda;}
.happy-days .section-selection article:nth-child(5) {background-color: #d1afd1;}
.happy-days .section-selection article:nth-child(6) {background-color: #ff9a6a;}
.happy-days .section-selection article a,
.happy-days .section-selection article a:focus,
.happy-days .section-selection article a:hover {
  color: #fff;
  display: block;
  text-decoration: none;
}
.happy-days .section-selection article .title {
  border: 0 none;
  display: table;
  font-size: 15px;
  height: 56px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
.happy-days .section-selection article .title:after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: -40px;
  position: absolute;
  width: 80px;
}
.happy-days .section-selection article .title span {
  display: table-cell;
  vertical-align: middle;
}
.happy-days .section-selection .btn,
.happy-days .section-selection .btn:focus,
.happy-days .section-selection .btn:hover {
  background-color: #e0cf00;
  border-color: #e0cf00;
  color: #fff;
  margin-top: 23px;
  width: 200px;
}
.happy-days .section-selection .btn:hover {
  background-color: #fff;
  color: #e0cf00;
}
@media only screen and (max-width: 767px){
  .happy-days .section-selection {margin: 0 -10px;}
  .happy-days .section-selection article {
    height: 121px;
    width: 50%;
  }
  .happy-days .section-selection article .title {
    font-size: 12px;
    height: 49px;
  }
}
@media only screen and (min-width: 768px){
  .happy-days .section-selection {padding-bottom: 50px;}
  .happy-days .section-selection article {
    height: 184px;
    margin: 0 .4% 7px;
    width: 32.8%;
  }
  .happy-days .section-selection article:nth-child(1),
  .happy-days .section-selection article:nth-child(4) {margin-left: 0;}
  .happy-days .section-selection article:nth-child(3),
  .happy-days .section-selection article:nth-child(6) {margin-right: 0;}
  .happy-days .section-selection article a img,
  .happy-days .section-selection article a:focus img {
    -webkit-transition: all linear .1s;
            transition: all linear .1s;
  }
  .happy-days .section-selection article a:hover img {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
  .happy-days .section-selection article .title {
    font-size: 15px;
    height: 56px;
  }
}

/* BANNERS */
@media only screen and (max-width: 767px){
  .happy-days .section-banners {
    margin-bottom: 35px;
    padding: 0 15px;
  }
  .happy-days .section-banners .owl-nav {}
  .happy-days .section-banners .owl-nav div {
    background-image: url('../images/sprite-arrow.png');
    font-size: 0;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 13px;
  }
  .happy-days .section-banners .owl-nav .owl-prev {
    background-position: 100% 50%;
    left: -18px;
  }
  .happy-days .section-banners .owl-nav .owl-next {
    background-position: 0 50%;
    right: -18px;
  }
}
@media only screen and (min-width: 768px){
  .happy-days .section-banners a,
  .happy-days .section-banners a:focus,
  .happy-days .section-banners a:hover {}
  .happy-days .section-banners .owl-dots {font-size: 0;}
  .happy-days .section-banners .owl-dots .owl-dot {
    background-color: #dadada;
    display: inline-block;
    height: 10px;
    margin: 12px 6px;
    width: 10px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
  }
  .happy-days .section-banners .owl-dots .owl-dot.active {background-color: #e0cf00;}
}

/* ARTICLES */
.happy-days .section-articles article {background-color: #231f20;}
.happy-days .section-articles article a,
.happy-days .section-articles article a:focus,
.happy-days .section-articles article a:hover {
  color: #fff;
  display: block;
  position: relative;
  text-decoration: none;
}
.happy-days .section-articles article .title {
  border: 0 none;
  display: block;
}
.happy-days .section-articles article .desc {display: block;}
.happy-days .section-articles article .btn {
  background-color: #231f20;
  border-color: #fff;
  color: #fff;
  left: 50%;
  position: absolute;
}
.happy-days .section-articles article a:hover .btn {
  background-color: #fff;
  color: #231f20;
}
@media only screen and (max-width: 767px){
  .happy-days .section-articles {padding-bottom: 22px;}
  .happy-days .section-articles article {margin-bottom: 6px;}
  .happy-days .section-articles article a,
  .happy-days .section-articles article a:focus,
  .happy-days .section-articles article a:hover {
    display: table;
    width: 100%;
  }
  .happy-days .section-articles article img {
    display: table-cell;
    vertical-align: middle;
  }
  .happy-days .section-articles article .title {
    display: table-cell;
    font-size: 15px;
    line-height: 18px;
    padding: 0 10px;
    vertical-align: middle;
    width: 63%;
  }
  .happy-days .section-articles article .desc,
  .happy-days .section-articles article .btn {display: none;}
}
@media only screen and (min-width: 768px){
  .happy-days .section-articles {padding-bottom: 100px;}
  .happy-days .section-articles article {
    float: left;
    margin: 0 .5%;
    text-align: center;
    width: 32.666%;
  }
  .happy-days .section-articles article:nth-child(1) {margin-left: 0;}
  .happy-days .section-articles article:nth-child(3) {margin-right: 0;}
  .happy-days .section-articles article a,
  .happy-days .section-articles article a:focus,
  .happy-days .section-articles article a:hover {
    min-height: 470px;
    padding-bottom: 78px;
  }
  .happy-days .section-articles article img {width: 100%;}
  .happy-days .section-articles article .title {
    border: 0 none;
    display: block;
    font-size: 21px;
    line-height: 24px;
    padding: 20px 10px 16px;
    /*min-height: 84px;*/
  }
  .happy-days .section-articles article .desc {
    display: block;
    font-size: 16px;
    line-height: 19px;
    padding: 0 10px;
  }
  .happy-days .section-articles article .btn {
    bottom: 20px;
    font-size: 14px;
    height: 38px;
    line-height: 32px;
    margin-left: -52px;
    width: 129px;
  }
}

/* SHARE */
.happy-days .section-share {
  font-size: 0;
  padding-bottom: 15px;
  text-align: center;
}
.happy-days .section-share a,
.happy-days .section-share a:focus,
.happy-days .section-share a:hover {
  display: inline-block;
  margin: 0 5px;
  text-decoration: none;
}