/*Freemoos custome style*/

/* ----------------------------------------------------
  SKELETON
------------------------------------------------------- */

body{
    font-family:Lato,sans-serif;
    font-size:13px;
    position:relative;
    color:#575756;
    font-weight: 400;
    line-height:28px;
    background-color:#f1f2f2;
    -webkit-font-smoothing: subpixel-antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Lato,sans-serif;
    color: #575756;
    font-weight: 700;
    line-height: 1.6;
    margin: 0;
    margin-bottom: 26px;
    padding: 0;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}
img {
    max-width: 100%;
}

a {
    color:#575756;
    text-decoration: none;

}
*:focus {
    outline: 0;
}
::-webkit-input-placeholder {
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 12px;
    color: #737373 !important;
}
::-moz-placeholder { 
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 12px;
    color: #737373 !important;
} /* firefox 19+ */
:-ms-input-placeholder {
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 12px;
    color: #737373 !important;
} /* ie */
input:-moz-placeholder { 
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 12px;
    color: #737373 !important; 
}

input[name="search"]::-webkit-input-placeholder {
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 9px;
    color: #57585a !important;
}
input[name="search"]::-moz-placeholder { 
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 9px;
    color: #57585a !important;
} /* firefox 19+ */
input[name="search"]:-ms-input-placeholder {
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 9px;
    color: #57585a !important;
} /* ie */

a:hover,a:focus {
    text-decoration:none;
    color:#575756;
}
.btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none;
}
.container{
    padding: 0;
    position: relative;
}
.fm-white {
    background-color: #ffffff;
}
.fm-dark-gray {
    background-color: #eeeeee;
}
.fm-light-gray {
    background-color: #ececed;
}
.padding-btm {
    padding-bottom: 20px;
    padding-top: 55px !important;
    margin-top: -35px;
}

.left-box {
    text-align: left;
}
.no-padding{
    padding: 0
}
.no-padding-left{
    padding-left: 0
}
.padding-t20{
    padding-top: 20px;
}

/* ----------------------------------------------------
  HEADER STYLES
------------------------------------------------------- */

.fm-header {
    position: relative;
    display: block;
    z-index: 1000;
}

#main-menu {
    background: #ffffff;
    padding: 0 0 10px 0;
    border: 0;
    margin: 0;
    border-radius: 0;

}
#navbar {


}

.navbar-brand {
    height: auto;
    margin-top: 0px;
    padding: 0 ;
}
.navbar-default {
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow:    0px 2px 8px 0px rgba(0, 0, 0, 0.20);
    box-shadow:         0px 2px 8px 0px rgba(0, 0, 0, 0.20);
    z-index: 1000
}
#main-menu .navbar-header {
    position: relative;
    padding: 18px;
}
#navbar.navbar-collapse {
    width: 735px;
    float: left;
    padding: 0 0 0 40px;
}
.menu-top .navbar-nav {
    float: right;
}
.text-logo {
    display: block;
    text-align: right;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    color: #000;
}



/* ----------------------------------------------------
  top header basket
------------------------------------------------------- */
.activity-content {
    float: right;
    margin-left: 50px;
}
.fm-right-bloc img.img-avis {
    float: left ;
    margin-right: 55px
}
.fm-right-bloc .header-panier {
    float: left;
}
.search-content {
    position: relative;
    display: inline-block;
    width: 250px;
    padding-top: 15px;
}
.fm-right-bloc .header-panier input.search-header {
    height: 25px;
    width: 250px;
    border: 1px solid #c4c4c5;
    padding: 2px 10px;
    line-height: 10px;
    font-size: 9px;
    background:transparent url("../images/loop.png") no-repeat 97% center;


}
.fm-right-bloc .header-panier .fm-compte {
    font-size: 9px;
    text-decoration: none;
    color: #57585a;
    display: block;
    margin-top: 3px;
}
.fm-right-bloc .basket-container {
    float: left;
    position: relative;
    width: 66px;
    background: #dcdcdc;
    height: 48px;
    text-align: center;
    padding-top: 9px;
    margin-left: 5px;
}
.basket-centent {
    position: relative;
    line-height: normal;
    width: 34px;
    margin: 0 auto;
}
.fm-basket span {
    font-size: 9px;
    color: #57585a;
}
.fm-right-bloc .fm-arrow {
    position: relative;
    float: left;
    width: 66px;
    background: #dcdcdc;
    height: 48px;
    text-align: center;
    padding-top: 12px;
    line-height: normal;
}
.fm-right-bloc .compte-bloc {
    position: relative;
    float: left;
    width: 66px;
    background: #dcdcdc;
    height: 48px;
    text-align: center;
    padding-top: 9px;
    line-height: normal;
    margin-left: 5px;
}
.compar-centent {
    position: relative;
    line-height: normal;
    width: 34px;
    margin: 0 auto;
}
.fm-arrow span{
    font-size: 9px;
    color: #57585a;
}
.fm-right-bloc .fm-arrow .arrow-count{
    top: -6px;
    color: #575756;
    background-color: #fab700;
    width: 13px;
    height: 13px;
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    text-align: center;
    display: inline-block;
    margin-left: -9px;
    position: relative;

}
.fm-right-bloc .fm-basket {
    position: relative;
    cursor: pointer;
    display: block;
    line-height: normal;
}
.fm-right-bloc .fm-basket .basket-count{
    position: relative;
    top: -3px;
    color: #ffffff;
    background-color: #cb0053;
    width: 13px;
    height: 13px;
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    text-align: center;
    display: inline-block;
    margin-left: -3px;
}
.circle {
    border-radius: 50%;
}

/*TOP MENU*/

.menu-top {
    position: relative;
    margin-bottom: 15px;
}
.navbar-default .navbar-left{
    padding-left: 116px;
    padding-right: 0px
}
.navbar-default .navbar-nav>li>a {
    color: #57585a;
    background-color: transparent;
    font-family: Lato,sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 10px;
    padding-top: 8px;
    text-transform: uppercase

}
.navbar-default .navbar-nav>li.last>a {
    padding-right: 0;
}
.navbar-default .navbar-nav>li>a:after {
    content: "-";
    padding-left: 10px;

}
.navbar-default .navbar-nav>li.last>a:after {
    content: none;
    padding-left: 0;
}
.menu-top .navbar-nav li {
    padding-bottom: 5px;
}
.menu-top .navbar-nav li:hover {
    background: #eeeeee;
}
.hover-menu li ul li a {
    padding: 5px 7px;
}
/* ----------------------------------------------------
  CONTENT STYLES
------------------------------------------------------- */

.fm-gray {
    position: relative;
    background-color: #f1f2f2
}

/*SECONDE MENU*/

.menu-bottom {
    width: 100%;
    position: relative;
    z-index: 10;
}
.menu-bottom ul.nav{
    float: none;
    width: 100%;
    overflow: hidden;
}
.menu-bottom .navbar-nav>li {
    width: 105px;
    height: 34px;
    text-align: center;
    display: table;
    position: inherit;

}
.menu-bottom .hover-menu{
    position: absolute;
    width: 945px;
    height: 260px;
    background-color: #dcdcdc;
    left: 0;
    z-index: -1;
    padding: 0 15px 0  0px;

    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0;
    box-shadow: none;
    float: none;
    text-align: center;
}

li.bg-one {
    background-color: #ef5b2f
}
li.bg-one:hover:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #ef5b2f;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-one.current:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #ef5b2f;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}


li.bg-two {
    background-color: #f17030
}
li.bg-two:hover:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f17030;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-two.current:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f17030;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-three {
    background-color: #f38230
}
li.bg-three:hover:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f38230;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-three.current:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f38230;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-four {
    background-color: #f59331
}
li.bg-four:hover:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f59331;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-four.current:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f59331;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-five {
    background-color: #f8a533
}
li.bg-five:hover:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f8a533;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-five.current:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f8a533;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-six {
    background-color: #fcb832
}
li.bg-six:hover:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #fcb832;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-six.current:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #fcb832;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-seven {
    background-color: #f9c400
}
li.bg-seven:hover:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f9c400;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-seven.current:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #f9c400;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-eight {
    background-color: #e74f38
}
li.bg-eight:hover:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #e74f38;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-eight.current:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #e74f38;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
.menu-bottom .navbar-nav>li>a {
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    background-color: transparent;
    font-family: "myriad pro",sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    padding-bottom: 0;
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 3px;
    text-transform: uppercase

}
li.bg-green {
    background-color: #00a68a
}
li.bg-green:hover:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #00a68a;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-green.current:after{
    content: '';
    border: 0;
    border-left: 52px solid transparent;
    border-right: 52px solid transparent;
    border-top: 19px solid #00a68a;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -105px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
.menu-bottom .navbar-nav>li>a:hover {
    background-color: transparent;
}

/*MENU HOVER*/

.pub-one {
    width: 25%;
    float: left;
    padding-top: 75px;
    background: #fff;
    height: 100%

}
.pub-one p{
    font-size: 13px;
    font-weight: 700;
    color: #f76d35;
    line-height: 13px;
    margin-bottom: 5px;
}
.pub-one span{
    font-size: 11px;
    font-weight: 700;
    color: #f76d35;
    line-height: 13px;
    margin-top: 0;
    display: block;
}
.pub-one .btn-profit {
    width: 230px;
    text-align: center;
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 13px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #f2c345;
    border-radius: 0

}
.pub-two {
    width: 50%;
    float: left;  
    padding-top: 45px;
    padding-left: 60px;
}
.list-type {
    width: 233px;
    padding-left: 26px;
    float: left;
}
.list-type li ,.list-marq li{
    list-style: none;
    padding-left: 2px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 15px;
    margin-top: 8px
}
.list-type .title-list , .list-marq .title-list{
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
    line-height: 18px;
    margin-bottom: 10px;
    list-style: none;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
}
.list-type li a {
    font-weight: 700;
    font-size: 16px;
}
.list-type li:before {
    content: "•";
    color: #ed5a2f;
    padding-right: 3px;
}
.list-marq {
    width: 170px;
    float: left;
    padding-left: 0px;
}
.list-marq li a {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.no-title {
    padding-top: 22px;
}
.pub-three {
    width: 25%;
    text-align: right;
    float: left;
    background: #fff;
    margin-top: 15px;
}
.pub-three .btn-profit-right {
    width: 194px;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    color: #ffffff;
    background-color: #f2c345;
    border-radius: 0

}
.desc-pub {
    font-size: 16px;
    font-weight: 700;
    color: #f76d35;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}
.menu-prix {
    text-align: center;
}
.menu-prix .old-price {
    font-size: 13px;
    font-weight: 700;
    color: #57585a;
}
.menu-prix .new-price {
    font-size: 13px;
    font-weight: 700;
    color: #f76d35;
    margin-left: 10px;
}
.img-pub {
    width: 100%;
    text-align: center;
    padding: 10px 20px;
}
.img-pub .btn-profit {
    display: block;
    background: #f2c345;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 0;
    padding: 5px;
    line-height: 16px;
    text-transform: uppercase;
}
.box-bottom {
    margin-top: 10px
}
.btn-box {
    width: 194px;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #ffffff;
    background-color: #17b29a;
    border-radius: 0
}



#main-menu.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:1000;
    height: 54px;
    min-height: 54px;
}
#main-menu.affix .navbar-header{
    padding: 6px 0;
}
#main-menu.affix #navbar.navbar-collapse {
    width: 759px;
    padding: 0 0 0 10px;
}
#main-menu.affix .fm-basket span {
    display: none;
}
#main-menu.affix .fm-right-bloc .compte-bloc {
    position: relative;
    float: left;
    width: auto;
    background: transparent;
    height: auto; 
    margin-left: 0;
    padding-top: 0;
}
#main-menu.affix .fm-right-bloc .compte-bloc img {
    display: none;
}
#main-menu.affix .search-content {
    width: auto; 
    padding-top: 0;
    float: right;
    margin-right: 35px;
}
#main-menu.affix .navbar-header{
    position: relative
}
.affix .img-avis , .affix .fm-arrow, .affix .menu-top{
    display: none
}
#main-menu.affix .navbar-right{
    float: left !important;
    width: 748px;
}
#main-menu.affix {

    animation: affixFadeIn 0.7s  ease-in;
    -webkit-animation: affixFadeIn 0.7s;
}
@keyframes affixFadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@-webkit-keyframes affixFadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
} 

#main-menu.affix .menu-scroll {
    float: left;
}
#main-menu.affix .menu-scroll .navbar-nav>li {
    width: 79px;
    height: 54px;
    display: table;
    text-align: center;
    background-color: transparent;
}
#main-menu.affix .menu-scroll .navbar-nav>li.bg-one>a {
    color: #ef5b2f;
}
#main-menu.affix .menu-scroll .navbar-nav>li.bg-two>a {
    color: #f17030;
}
#main-menu.affix .menu-scroll .navbar-nav>li.bg-three>a {
    color: #f38230;
}
#main-menu.affix .menu-scroll .navbar-nav>li.bg-four>a {
    color: #f59331;
}
#main-menu.affix .menu-scroll .navbar-nav>li.bg-five>a {
    color: #f8a533;
}
#main-menu.affix .menu-scroll .navbar-nav>li.bg-six>a {
    color: #fcb832;
}
#main-menu.affix .menu-scroll .navbar-nav>li.bg-seven>a {
    color: #f9c400;
}
#main-menu.affix .menu-scroll .navbar-nav>li.bg-eight>a {
    color: #e74f38;
}
#main-menu.affix .menu-scroll .navbar-nav>li.bg-green{
    display: none;
}

#main-menu.affix .menu-scroll .hover-menu li a {
    text-decoration: none;
    margin-left: 0
}
#main-menu.affix .menu-scroll .navbar-nav>li>a:after {
    content: none;
    padding-left: 0;
}
#main-menu.affix .header-panier input{
    width: 80px;
}
input.search-header::-webkit-input-placeholder { font-size:8px;  }
input.search-header::-moz-placeholder { font-size:8px;  }
input.search-header:-ms-input-placeholder { font-size:8px;   }
input.search-header:-moz-placeholder { font-size:8px; }

#main-menu.affix .fm-right-bloc .header-panier{
    float: none
}
#main-menu.affix .menu-scroll .navbar-nav>li>a {
    display: table-cell;
    vertical-align: middle;
    background-color: transparent;
    font-family: "myriad pro",sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    padding-top: 3px;
    text-transform: uppercase;
    text-decoration: none;

}
#main-menu.affix .menu-scroll .navbar-nav>li>a:hover {
    background-color: transparent;
}
#main-menu.affix .fm-right-bloc .fm-compte {
    font-size: 12px;
    text-decoration: underline;
}
#main-menu.affix .fm-right-bloc .basket-container{
    position: absolute;
    right: 0;
    margin-left: 0;
    margin-top: 0;
    width: auto; 
    background: transparent;
    height: auto;
    padding-top: 25px;
}
#main-menu.affix .activity-content {
    float: none;
    margin-left: 0;
}
#main-menu.affix .navbar-nav>li:hover>a{
    color: #ffffff !important;
}
#main-menu.affix .hover-menu{
    position: absolute;
    width: 945px;
    height: 260px;
    background-color: #dcdcdc;
    left: 0px;
    z-index: -1;
    padding: 0 15px 0  0px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0;
    box-shadow: none;
    float: none;
    text-align: center;
}
#main-menu.affix li.bg-one:hover:after{
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #f76d35;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg);
}
#main-menu.affix li.bg-one:hover{
    background-color: #f76d35;
}
#main-menu.affix li.bg-one.current:after {
    background-color: #f76d35;
}

#main-menu.affix li.bg-two:hover:after{
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #fb923b;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
#main-menu.affix li.bg-two.current {
    background-color: #fb923b;
}
#main-menu.affix li.bg-two:hover {
    background-color: #fb923b;
}
#main-menu.affix li.bg-two.current:after {
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #fb923b;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
#main-menu.affix li.bg-three:hover:after{
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #ffb742;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
#main-menu.affix li.bg-three.current:after {
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #ffb742;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform: rotate(360deg);
}
#main-menu.affix li.bg-three.current {
    background-color: #ffb742;
}
#main-menu.affix li.bg-three:hover {
    background-color: #ffb742;
}

#main-menu.affix li.bg-four:hover:after{
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #f59331;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
#main-menu.affix li.bg-four.current:after {
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #f59331;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform: rotate(360deg);
}
#main-menu.affix li.bg-four.current {
    background-color: #f59331;
}
#main-menu.affix li.bg-four:hover {
    background-color: #f59331;
}
#main-menu.affix li.bg-five:hover:after{
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #f8a533;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
#main-menu.affix li.bg-five.current:after {
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #f8a533;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform: rotate(360deg);
}
#main-menu.affix li.bg-five.current {
    background-color: #f8a533;
}
#main-menu.affix li.bg-five:hover {
    background-color: #f8a533;
}
#main-menu.affix li.bg-six:hover:after{
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #fcb832;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
#main-menu.affix li.bg-six.current:after {
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #fcb832;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform: rotate(360deg);
}
#main-menu.affix li.bg-six.current {
    background-color: #fcb832;
}
#main-menu.affix li.bg-six:hover {
    background-color: #fcb832;
}
#main-menu.affix li.bg-seven:hover:after{
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #f9c400;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
#main-menu.affix li.bg-seven.current:after {
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #f9c400;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform: rotate(360deg);
}
#main-menu.affix li.bg-seven.current {
    background-color: #f9c400;
}
#main-menu.affix li.bg-seven:hover {
    background-color: #f9c400;
}
#main-menu.affix li.bg-eight:hover:after{
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #e74f38;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
#main-menu.affix li.bg-eight.current:after {
    content: '';
    border: 0;
    border-left: 39px solid transparent;
    border-right: 40px solid transparent;
    border-top: 19px solid #e74f38;
    width: 0;
    height: 0;
    position: absolute;
    top: 54px;
    left:0;
    margin-left: 0;
    border-style: solid dotted none;
    -webkit-transform: rotate(360deg);
}
#main-menu.affix li.bg-eight.current {
    background-color: #e74f38;
}
#main-menu.affix li.bg-eight:hover {
    background-color: #e74f38;
}
#main-menu.affix li.bg-one .hover-menu{
    left: -190px;
}
#main-menu.affix li.bg-two .hover-menu{
    left: -269px;
}
#main-menu.affix li.bg-three .hover-menu{
    left: -348px;
}
#main-menu.affix li.bg-four .hover-menu{
    left: -427px;
}
#main-menu.affix li.bg-five .hover-menu{
    left: -506px;
}
#main-menu.affix li.bg-six .hover-menu{
    left: -585px;
}
#main-menu.affix li.bg-seven .hover-menu{
    left: -664px;
}
#main-menu.affix li.bg-eight .hover-menu{
    left: -743px;
}

/*----------------- FREEMOOS CARD ----------------------*/
.section {
    padding-top: 20px;
}
.margin-top {
    padding-top: 50px;
}
.fm-card {
    padding: 14px 25px 10px 30px;
}
.fm-card h1 {
    font-size: 18px;
    font-weight: 300;
    color: #000000;
    text-transform: uppercase;
    line-height: 25px;
    margin-bottom: 14px;
}
.fm-card h1 {}
.fm-card .btn {

    margin-top: 10px;
}
.link-bottom {
    margin-top: 30px;
    margin-bottom: 10px
}
.btn-white {
    color: #ed4842;
    background-color: #ffffff;
    font-size: 12px;
    text-align: center;
    padding: 7px 20px 7px 15px;
    border: 1px solid #d6d6d6;
    line-height: 13px;
}
.fm-rond {
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 12px;
    right: 30px;
    color: #ffffff;
    background-color: #fcd446;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    padding-top: 10px;
    text-align: center;
}
.fm-rond strong{
    display: block;
    font-size: 20px;
    line-height: 18px;
}

/*--------------------- slider ----------------------- */
.carousel {
    border: 1px solid #d6d6d6;
}
.carousel-caption {
    left: 0;
    text-align: left;
    bottom: 22px;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
    text-shadow: none;

}
.carousel-caption .caption-one {
    width: 387px;
    background-color: rgba(0,0,0,0.8);

    filter:alpha(opacity=80);
    /* CSS3 standard */
    filter:alpha(opacity=80);
    display: inline-block;
}
.btn-slider {
    display: inline-block;
    margin-left: 20px;
}
.carousel-caption .caption-one p {
    display: inline-block;
    padding: 10px 20px 8px 35px;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 26px;
    font-family: Lato, sans-serif;
    font-weight: 400;
    line-height: 20px;
}
.carousel-caption .caption-one p span {
    display: inline-block;
    font-size: 16px;
}

/*----------------- FREEMOOS ITEM PRODUCTS ----------------------*/
#FeaturedProducts{ margin:20px 0px 30px 0px; padding: 0px;}
.fm-box-rond {
    width: 243px;
    height: 243px;
    margin-left: 22px;
    margin-right: 22px !important;
    background-color: #ffffff;
    padding-top: 50px;
    padding-left: 25px;
    position: relative;

}
.fm-box-rond img{
    z-index: 999;
    position: relative;
}
.super-box {
    z-index: 10
}
.content-box {
    width: 288px;
    position: relative;
    padding:15px;
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;


}
.content-box:hover {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03);
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.35);
    padding-bottom: 15px;

}
.content-box h3{
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-align: center;
    margin-bottom: 8px;
    color: #000000;
    margin-top: 20px;
}
.content-box .product-title{
    min-height: 100px;
}
.price {
    text-align: center;
    line-height: 15px;
    margin-bottom: 15px
}
.price .old-price{
    display: inline-block;
    margin-right: 15px;
    color: #f76d35;
    font-size: 18px;
}
.price .new-price{
    display: inline-block;
    color: #00a88e;
    font-size: 18px;
}
.btn-product {
    text-align: center;
    margin-bottom: 10px;

}
.link{
    background-color: #cb0053;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 0;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
}
.link:hover,.link:focus ,link:visited ,link:active{
    color: #ffffff;
}
.compar {
    background:#ffffff url("img/compar.png") no-repeat 96% center;
    border: 1px solid #9c9c9c;
    font-size: 9px;
    text-transform: uppercase;
    padding-top: 4px;
    padding-bottom: 3px;
    border-radius: 0;
    padding-left: 5px; 
    padding-right: 21px;
    margin-left: 3px;
}
a.compar:hover {
    color: #9c9c9c;
}
a.compar:focus, a.compar:active:focus{color:#575756}

.compar-active {
    background:#ffffff url("../images/sign-check.png") no-repeat 96% center;
    border: 1px solid #9c9c9c;
    font-size: 9px;
    text-transform: uppercase;
    padding-top: 4px;
    padding-bottom: 3px;
    border-radius: 0;
    padding-left: 5px; 
    padding-right: 21px;
    margin-left: 3px;    color: #575756;
}
a.compar-active:hover {
    color: #9c9c9c;
}


/*----------------- FREEMOOS NOUVEAUTE ----------------------*/
.nouveaute {
    position: relative;
}
#parallelogram {
    width: 100%;
    height: 380px;
    -moz-transform: skewy(-8deg);
    -webkit-transform: skewy(-8deg);
    -o-transform: skewy(-8deg);
    background: #f2c345;
    position: absolute;
    transform-origin: right;
}
.nouveaute .nouveaute-content{
    margin-top: 70px;
    padding-bottom: 135px;
}
.nouveaute .image-box {
    width: 393px;
    padding: 65px 0 65px 0;
    text-align: center;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 5px 22px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 5px 22px 0px rgba(0, 0, 0, 0.35);
}
.nouveaute .nouveaute-text {
    padding-top: 105px;

}
.nouveaute-text h2{
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 24px;
    line-height: 18px;
}
.nouveaute-text p{
    margin-top: 0;
    line-height: 18px;
}
.nouveaute-text p span{
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
}
.nouveaute-text h3.nouv-price {
    font-size: 24px;
    font-weight: 400;
    color: #f66d35;
    margin-bottom: 20px;
    display: block;
}

/*----------------- FREEMOOS ACTUALITE ----------------------*/

.actualite {
    padding-bottom: 40px
}
.blog-img {
    height: 160px
}
.home-blog h2 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0;
    line-height: 20px;
    text-align: center;
}
.blog-title h3{
    font-weight: 400;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 20px;
}
.blog-desc p{
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 20px;
    text-align: justify;
}
.more{
    background-color: #cb0053;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 0;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 17px;
    padding-right: 22px;
}

/*----------------- FREEMOOS SOCIAL ----------------------*/
.folow {
    padding-bottom: 65px
}
.folow h2 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 35px;
    line-height: 20px;
    text-align: center;
}

/*----------------- FREEMOOS NOS MARQUES ----------------------*/
.marques-slide h2 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 60px;
    line-height: 20px;
    text-align: center;
}
.slide-content {
    position: relative;
    padding: 0 40px 0 55px
}
.nav-left {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.nav-right {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
/*----------------- FREEMOOS CONTACT ----------------------*/
.contact {
    padding-top: 60px;
}
.contact-page {
    padding-top: 60px;
}
.form-container {
    z-index: 40;
}
.bg-contact{
    position: absolute;
    width: 47%; 
    height: 380px;
    background-color: #575756;
    z-index: 30;
}
.bg-contact:after{
    position:absolute;
    content:"";
    width: 268px;
    height: 268px;
    background:#575756;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    right: -134px;
    top:50%;
    margin-top: -134.5px;
    z-index:0;
}
#contact-form h2 {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 20px;
    line-height: 20px;
    text-align: left;
}
.fields-input {
    margin-bottom: 10px
}
.fields input[type="text"]{
    height: 28px;
    padding-left: 10px;
    width: 175px;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #9c9c9c;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 400
}
.fields h4 {
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 8px;
    line-height: 15px;
    text-align: left;
}
.fields select {
    background-color: #e6e6e6;
    border: 0;
    border-radius: 4px;
    display: inline-block;
    line-height: 18px;
    width: 175px;
    padding-left: 7px;
    font-size: 12px;
    height: 25px;
    background-image:url(img/arrow-select.png);
    background-position: 96% center;
    background-size: 8px 17px;
    background-repeat: no-repeat;

    /* reset */

    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.fields textarea {
    width: 360px;
    border: 0;
    padding-left: 10px;
    padding-top: 10px;
    height: 78px;
    font-size: 12px;
    resize: none
}
.btn-send {
    width: 145px;
    padding-top: 12px;
    padding-bottom: 10px;
    border-radius: 0;
    line-height: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #cb0053;
    color: #fff;
    border: 0;
    display: inline-block;
    text-align: center;
}
/*----------------- FREEMOOS FOOTER TOP ----------------------*/

.top-footer {
    padding-top: 85px;
    padding-bottom: 60px
}
.box-livraison {
    width: 280px;
    float: left
}
.box-info {
    width: 218px;
    float: left
}
.box-coord {
    width: 220px;
    float: left;
    padding-right: 40px;
}
.box-contact {
    width: 220px;
    float: left;
}
.box-coord a {
    font-weight: 700
}

.box-info ul li{
    background-image: url(img/arrow-list.png);
    background-repeat: no-repeat;
    background-position: 0px center; 
    padding-left: 10px;

}
.top-footer h3 {
    color: #f2c345;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0;
    line-height: 20px;
    text-align: left;
}
.top-footer ul {
    list-style: none;
    padding: 0;
}
.top-footer ul li{
    line-height: 18px;
    margin-bottom: 12px;
}
.top-footer li a {
    font-size: 14px;
    font-weight: 400;
    color: #000000
}
ul.double-bloc {
    width: 50%;
    float: left
}
.top-footer p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
    color: #000000; 
}
.top-footer p strong {
    font-size: 14px;
}
.box-coord p {
    margin-bottom: 15px
}
.top-footer a.tiret {
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 15px;
    display: block;
    line-height: 15px;
    color: #000000
}
.box-livraison img{
    margin-top: 12px
}
.top-footer p.paiement {
    margin-bottom: 30px;
}
.top-footer input[type="text"]{
    height: 22px;
    padding-left: 10px;
    width: 175px;
    display: inline-block;
    background-color: #ffffff;
    border: 0;
    margin-right: 5px;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;

}

.btn-send-news {
    width: 32px;
    height: 22px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    line-height: 10px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #cb0053;
    color: #fff;
    border: 0;
    display: inline-block;
    text-align: center;
    vertical-align: baseline;
}
.top-footer a{
    color: #000000;
}
.top-footer .coord{
    padding-left: 40px;
    padding-right: 0
}
.top-footer .text-adresse{
    margin-top: 28px
}
.top-footer a img{
    margin-right: 5px
}

/*----------------- FREEMOOS FOOTER BOTTOM ----------------------*/
.footer-bottom {
    background-color: #dadada;
    padding-bottom: 15px;
    padding-top: 30px;
    text-align: center
}
.footer-bottom p.text-copy{
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 13px;
}
.footer-bottom p.text-descr{
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 13px;
}

/* ----------------------------------------------------
  LIST PRODUCTS PAGE
------------------------------------------------------- */

/*-------------------OVERRIDE CSS JQUERY UI ---------------------*/

#filter .ui-state-default, #filter .ui-widget-content .ui-state-default, #filter .ui-widget-header .ui-state-default {
    background: transparent url("img/arrow-price.png") 50% 50% no-repeat;
    border: none;
}
#filter .ui-slider-horizontal .ui-slider-handle {
    top: .4em;
}
#filter .ui-widget-content {
    border: none;
    background: #a7a7a7;
}
#filter .ui-widget-header {
    background: #f2c345
}
#filter .ui-widget {
    font-size: 14px;
    font-family: Lato
}
#filter .ui-slider-horizontal {
    height: .6em;
}

/*-------------------END OVERRIDE CSS JQUERY UI ---------------------*/


.nav-link p {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 13px;
}
.product-categ-title {
    margin-left: 123px; 
    margin-bottom: 30px
}
.product-categ-title h1 {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 23px

}
.product-categ-title p {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0
}
.bloc-left-pub {
    border: 1px solid #d6d6d6;
    padding: 7px 0 13px 11px;
    position: relative;


}
.fm-rond-green {
    width: 83px;
    height: 83px;
    position: absolute;
    color: #ffffff;
    background-color: #11a78a;
    font-size: 22px;
    font-weight: 700;
    line-height: 18px;
    padding-top: 33px;
    text-align: center;
}
.right-title {
    float: right;
    width: 158px;
    background-color: #575756;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;
    text-align: center
}
.right-title span {
    font-size: 22px;
    font-weight: 400;
    line-height: 18px;
    color: #ffffff;
    display: block;
}
.img-left-prod {
    margin-top: 6px;
}

.bloc-right-pub{
    border: 1px solid #d6d6d6;
    padding: 8px 12px 20px 0;
    position: relative;
}
.img-right-prod {
    margin-top: 10px;
    margin-left: 45px;
    float: left;
}
.fm-rond-yellow {
    width: 140px;
    height: 140px;
    position: absolute;
    color: #ffffff;
    background-color: #f2c345;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 26px;
    text-align: center;
    left: 210px;
}
.fm-rond-yellow strong{
    display: block;
    font-size: 32px;
    font-weight: 700;
}
.right-card {
    float: right;
    margin-top: 5px
}
.text-bottom-prod {
    width: 400px;
    background-color: #575756;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 20px;
    margin-top: 10px;
    text-align: center
}
.text-bottom-prod span {
    font-size: 22px;
    font-weight: 400;
    line-height: 18px;
    color: #ffffff;
    display: block;
}
.filter {
    padding-top: 17px;
    padding-bottom: 20px
}
.filter h2{
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;

}
.filter-left {
    padding-left: 37px
}

.bloc-prix {
    position: relative;
    margin-bottom: 35px
}
.bloc-prix h2{
    margin-bottom: 15px
}
.min-price , .min-autonom {
    max-width: 48px;
    float: left;
    line-height: 13px;
    font-size: 14px;
    color: #575756 !important;
    font-weight: 700;
}
.max-price , .max-autonom {
    max-width: 60px;
    float: left;
    line-height: 13px;
    font-size: 14px;
    color: #575756 !important;
    font-weight: 700;
}
.select-price , .select-autonom {
    width: 151px;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
}
.price-display , .autonom-display {
    position: relative;
    max-width: 40px;
    text-align: center;
    margin-top: -29px;
    margin-left: -22px;
    font-size: 14px;
    font-weight: 700;
}
.marques {
    margin-bottom: 13px
}
.marques h2{
    margin-bottom: 10px
}
.filter select {
    background-color: #ffffff;
    border: 1px solid #757574;
    display: inline-block;
    line-height: 18px;
    width: 203px;
    font-size: 14px;
    font-weight: 700;
    height: 26px;
    background-image:url(img/yellow-arrow.png);
    background-position: 92% center;
    background-size: 16px 9px;
    background-repeat: no-repeat;

    /* reset */

    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.usages h2{
    margin-bottom: 10px
}
.bloc-autonom {
    position: relative;
    margin-bottom: 35px
}
.bloc-autonom h2 {
    margin-bottom: 15px
}
.emplacement-mot h2{
    margin-bottom: 10px
}
.emplacement-elem {
    line-height: 18px
}
.bloc-batterie{
    margin-bottom: 25px
}
.bloc-batterie h2{
    margin-bottom: 10px
}
.type h2{
    margin-bottom: 10px
}
.produits {
    position: relative;
    overflow: hidden;

}
.parallelogram-prod {
    width: 100%;
    height: 950px;
    -moz-transform: skewy(-13deg);
    -webkit-transform: skewy(-13deg);
    -o-transform: skewy(-13deg);
    background: #f2c345;
    position: absolute;
    transform-origin: right;
    top: 10px;
}
.produits {
    padding-top: 12px
}
.item-count {
    width: 50%;
    float: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 15px;
    margin-top: 6px

}
.filter-order {
    float: right
}
.option-order {
    width: 165px;
    border: 1px solid #dedede;
    float: right;
    line-height: 20px;
    background-color: #fff
}
.filter-order a {
    display: inline-block;
    line-height: 13px;
    padding-left: 7px;
    padding-right: 23px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background-image:url(img/arrow-filter.png);
    background-position: right center;
    background-size: 16px 9px;
    background-repeat: no-repeat;


}
.filter-order .divider-vertical {
    height: 12px;
    margin-left: 3px;
    border-left: 1px solid #e7e7e7;
}
.filter-order .option-selected {
    background-image:url(img/arrow-filter-selected.png);
    color: #f9c400
}

.filter-order .option-selected-desc {
    background-image:url(img/arrow-filter-selected-desc.png);
    color: #f9c400
}
.title-tri {
    display: inline-block;
    margin-left: 225px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    vertical-align: text-bottom;
}
.product-box-wrap {
    min-height: 408px;
    background-color: #ffffff;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.product-box-wrap:hover {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03);
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.35);
}
.product-box {
    position: relative;
}
.product-img {
    text-align: center;
    min-height: 140px;
}
.product-title {
    text-align: center;
    min-height: 80px;

}
.product-content {
    margin-top: 19px;
    padding:0 15px;
    text-align: center;
}
.product-title h4 {
    display: block;
    line-height: 18px;
    margin:10px
}
.product-title h4 a{
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}
.product-title h4 span {
    display: block;
    font-size: 13px; 
}
.product-price {
    text-align: center;
    line-height: 15px;
    margin-bottom: 20px;
}
.product-price .amount {
    display: inline-block;
    color: #575756;
    font-size: 18px;
    font-weight: 700;
}
.product-price ins {
    margin-left: 25px;
}
.product-price .new-price {
    display: inline-block;
    color: #f76d35;
    font-size: 18px;
    font-weight: 700;
}
.margin-prod {
    margin-top: 32px;
}
.description-product {
    position: relative;
    background-color: #f8f5f5;
    padding-bottom: 20px;
}
.description-product h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 20px;
}
.description-product p {
    font-size: 13px;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 16px;
}
.to-top {
    text-align: right;
}
.to-top a{
    width: 24px;
    height: 24px;
    background-color: #57585a;
    display: inline-block;
    text-align: center;
}
.to-top a img{
    margin-bottom: 6px;
}


/* ----------------------------------------------------
  SINGLE PRODUCT PAGE
------------------------------------------------------- */

.product-single-media {
    display: block;
    width: 560px;
    margin-top: 17px;
}
.big-img-container {
    display: table;
    position: relative;
    float: left;
}
.big-img {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    position: relative;
    height: 455px;
    width: 450px;
    padding-top: 30px;
    -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 8px 2px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 8px 2px rgba(0, 0, 0, 0.25);
}
.big-img img {
    position: relative
}
.thumbnails-container {
    float: left;
    width: 85px;
    margin-right: 18px;

    height: 500px;
    overflow: hidden;

}
.thumbnails-container a{

    margin-bottom: 15px;
    display: block
}
.thumbnails-container img{
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 1px 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 1px 1px 1px rgba(0, 0, 0, 0.25);
}
.product-details {
    padding-right: 15px;
    padding-left: 40px
}
.product-details h1{
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 7px;
}
.details-price {
    line-height: 16px
}
.product-details .old-price {
    display: inline-block;
    color: #f76d35;
    font-size: 18px;
    font-weight: 400;
    margin-right: 10px;
}
.product-details .new-price {
    display: inline-block;
    color: #00a88e;
    font-size: 18px;
    font-weight: 400;
}
.product-text {
    line-height: 13px;
    margin-top: 13px;
}
.product-text p{
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    text-align: justify
}
.product-batterie {
    margin-left: 5px;
    margin-top: 25px;
    background-color: #efefef;
    padding: 5px 7px 4px 7px;
    line-height: 13px
}
.first-option {
    width: 95px;
    float: left;
}
.second-option {
    width: 90px;
    float: left;
}
.third-option {
    float: left;
    width: 110px;
}

.product-batterie p{
    display: block;
    line-height: 11px;
    font-size: 11px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}
p.title-option {
    margin-bottom: 12px;
}
p.title-option-last {
    margin-bottom: 5px;
}
select.prod-selecte {
    background-color: #ffffff;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    display: inline-block;
    line-height: 14px;
    width: 80px;
    font-size: 10px;
    font-weight: 400;
    height: 20px;
    padding-left: 5px;
    background-image:url(img/black-arrow.png);
    background-position: 94% center;
    background-size: 13px 7px;
    background-repeat: no-repeat;

    /* reset */

    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.third-option select {   
    width: 90px;
}
.product-add {
    margin-left: 5px;
    margin-top: 7px
}
.add-to-card {
    display: block;
    background-color: #cb0053;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    line-height: 13px;

}
.dispo-product {
    margin-left: 5px;
    margin-top: 12px
}
.dispo-product .text-dispo{
    width: 190px;
    float: left;
    margin-top: 3px

}
.text-dispo p{
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
    color: #37b79f
}
.text-dispo a{
    color: #37b79f
}
.text-dispo a.email{
    text-decoration: underline;
}
.compar-dispo {
    float: right
}
.print {
    background: #ffffff;
    border: 1px solid #9c9c9c;
    padding-top: 2px;
    padding-bottom: 1px;
    border-radius: 0;
    padding-left: 7px;
    padding-right: 6px;
    margin-left: 3px;
    text-align: center;
    line-height: 13px;
}
.compar-dispo p { 
    line-height: 13px;
    text-align: right;
    margin-top: 6px
}
.coupdecoeur-bloc {
    margin-left: 5px;
    margin-top: 5px;
    border: 1px solid #e5e5e5;
    padding: 13px 22px 12px 22px;
    text-align: center
}
.coupdecoeur-bloc h5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.bloc-left-coup select {
    width: 92px
}
.bloc-left-coup { 
    width: 132px;
    float: left;
    text-align: left;
}
.bloc-left-coup span {
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
}
.date-type {
    background-color: #ffffff;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    display: inline-block;
    line-height: 14px;
    width: 92px;
    font-size: 10px;
    font-weight: 400;
    height: 20px;
    padding-left: 5px;
    background-image:url(img/icone-date.png);
    background-position: 96% center;
    background-size: 19px 12px;
    background-repeat: no-repeat; 
}
.bloc-right-coup{
    float: right;
    width: 126px;
    margin-top: 8px;
}
.info-type {
    background-color: #ffffff;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    display: inline-block;
    line-height: 14px;
    width: 126px;
    font-size: 10px;
    font-weight: 400;
    height: 20px;
    padding-left: 5px;

}
.info-type::-webkit-input-placeholder {
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 11px;
    color: #575756 !important;
}
.info-type::-moz-placeholder { 
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 11px;
    color: #575756 !important;
} /* firefox 19+ */
.info-type:-ms-input-placeholder {
    font-family: Lato, sans-serif;
    font-weight: 400 !important;
    font-size: 11px;
    color: #575756 !important;
} /* ie */
.btn-essai {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #575756;
    background-color: #efefef
}
.btn-essai:hover {
    color: #575756;
}

.information-prod {
    position: relative;
    padding-left: 102px;
    padding-right: 15px;
    margin-top: 40px;
    margin-bottom: 30px;

}
.information-prod ul li a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.information-prod .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
    width: 302px;
    text-align: center;
    margin-right: 0
}
.information-prod .nav-tabs>li>a {
    border-radius: 0
}
.information-prod .nav-tabs {
    border-bottom: 1px solid #8f8f8e;
}
.information-prod .nav-tabs>li>a, .information-prod .nav-tabs>li>a:hover, .information-prod .nav-tabs>li>a:focus {
    border: 1px solid #8f8f8e;
    border-bottom-color: transparent;
}
.information-prod .nav-tabs>li>a.no-border  {
    border-right-color: transparent;
}
.img-info-velo {
    position: absolute;
    right: 15px;
    top: -50px;
}
.information-prod .tab-content {
    border-left: 1px solid #8f8f8e;
    border-right: 1px solid #8f8f8e;
    border-bottom: 1px solid #8f8f8e;
}
.desc-info {
    padding-left: 40px;
    font-size: 11px;
    line-height: 15px;
    color: #57585a;
    text-align: justify;
    padding-top: 15px;
    margin-bottom: 15px;
    margin-right: 25px;
    float: left

}
.btn-tab {
    background-color: #57585a;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 0;
    padding-top: 4px;
    padding-bottom: 5px;
    margin-right: 12px;
    text-align: center;
    width: 188px;
    margin-top: 25px;
}
.info-prod-left {
    width: 50%;
    float: left;
    padding-right: 4px;
    border-right: 2px solid #7f7f7e;
}
.info-prod-left ul , .info-prod-right ul{
    padding: 0;
    list-style: none;
    padding-bottom: 15px
}
.info-prod-left ul li , .info-prod-right ul li{
    line-height: 16px;
    font-size: 11px;
    font-weight: 700;
    padding-left: 43px;
    margin-bottom: 2px;
    overflow: hidden;

}
.info-prod-left .title-info , .info-prod-right .title-info{
    text-transform: uppercase;
    background-color: #f9c400;
    padding-bottom: 2px;
    padding-top: 4px;
}
.info-left {
    width: 215px;
    float: left
}
.odd {
    background-color: #e5e5e5
}
.info-right {
    float: left;
    max-width: 148px;
}
.info-prod-right {
    width: 50%;
    float: left;
    padding-left: 4px;
}
.last-info {
    margin: 0;
    padding-bottom: 5px
}


/* ----------------------------------------------------
  PANIER PAGE
------------------------------------------------------- */
.panier {
    padding-bottom: 100px
}
.panier h1 {
    text-align: center;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 400;
    color: #575756;
    margin-bottom: 5px;
}
.panier .nav-link p {
    margin-bottom: 0
}
.panier-prod h2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    color: #f76d35;
    margin-bottom: 5px
}
.panier-prod ul {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 5px;
    list-style: none;
    border-top: 2px solid #f76d35;
    border-left: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1;
    border-bottom: 2px solid #f1f1f1;
}
.panier-prod ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
}
.panier-prod ul li.last {
    border-bottom: 0;
    padding-bottom: 0;
}
.panier-prod .img-pan-prod {
    padding: 0;
    border-right: 1px solid #ebebeb;
    text-align: center;
}
.bloc-left-panier {
    float: left;
    width: 90%
}
.bloc-right-panier {
    float: right
}
.desc-pan-prod {
    padding-right: 15px;
    border-right: 1px solid #ebebeb 
}
.desc-pan-prod h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #000000;
    margin-bottom: 5px
}
.desc-pan-prod p {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #57585a;
    margin-bottom: 7px
}
select.qte {
    background-color: #ffffff;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    color: #000000;
    display: inline-block;
    line-height: 14px;
    width: 42px;
    font-size: 11px;
    font-weight: 400;
    height: 20px;
    padding-left: 5px;
    background-image:url(img/black-arrow.png);
    background-position: 90% center;
    background-size: 13px 7px;
    background-repeat: no-repeat;

    /* reset */

    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.desc-pan-prod p span {
    font-size: 11px;
    margin-right: 5px;
    color: #000000
}
.desc-pan-prod p strong {
    font-size: 11px;
    font-weight: 400;
    color: #000000
}
.prix-pan-prod span {
    font-size: 14px;
    font-weight: 700;
    color: #000000
}
.prix-pan-prod {
    padding: 0;
    padding-left: 10px;
}
.accessoire h2 {
    color: #fb923b;
    margin-top: 25px
}
.accessoire ul {
    border-top: 2px solid #fb923b
}
.carte-fm h2 {
    color: #009ab6;
    margin-top: 25px
}
.carte-fm ul {
    border-top: 2px solid #009ab6
}
.desc-pan-prod p.card-desc {
    font-size: 11px
}
.calc-total {
    margin-top: 15px
}
.bloc-left-tot  {
    text-align: right;
    padding-right: 0;
    padding-left: 0;
}
.bloc-right-tot {
    text-align: right;
    padding-right: 10px;
}
.bloc-left-tot span , .bloc-right-tot span  {
    font-size: 14px;
    font-weight: 400;
    color: #575756
}
.tot-ht .bloc-left-tot span , .tot-ht .bloc-right-tot span  {
    font-size: 18px;
    font-weight: 700;
    color: #575756
}
.fm-reduct .bloc-left-tot span , .fm-reduct .bloc-right-tot span  {
    color: #009ab6
}
.tot-ttc {
    margin-left: 30px;
    background-color: #eeeeee;
    margin-top: 5px;
}
.tot-ttc .bloc-left-tot span , .tot-ttc .bloc-right-tot span  {
    font-size: 18px;
    font-weight: 700;
    color: #575756
}
.pass-comm {
    margin-top: 30px;
    margin-left: 30px;
}
.pass-comm a {
    padding: 11px 20px;
    display: block;
    background-color: #cb0053;
    color: #ffffff;
    line-height: 18px;
    font-size: 18px;
    font-weight: 700;
    text-align: center
}
.img-logo-big {
    text-align: right;
    padding-top: 35px
}
.freemoos h2 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 35px;
    line-height: 20px;
    text-align: left;
    padding-left: 70px
}
.freemoos p {
    line-height: 18px;
    font-size: 12px;
    color: #575756;
    padding-right: 120px
}
.freemoos p strong{
    font-weight: 400;
    color: #f9c400
}


/* ----------------------------------------------------
  CALL BACK BOX
------------------------------------------------------- */
.call-back {
    position: fixed;
    right: 0;
    z-index: 100;
    top: 200px;
}
.call-back-open {

}
.content-callback {
    width: 180px;
    background-color: #cb0053;
    padding-left: 10px;
    cursor: pointer;
}
.content-callback p{
    color: #ffffff;
    margin-bottom: 3px;
    line-height: 14px
}
.content-callback p.text-top{
    font-size: 11px
}
.content-callback p.text-bottom{
    font-size: 9px;
    text-transform: uppercase
}
.content-callback p strong{
    font-size: 16px;
}
.call-back-form {
    width: 305px;
    overflow: hidden;
}
.content-callback-form {
    background-color: #cb0053;
    padding: 15px 10px 15px 15px;
    position: relative;

}
.content-callback-form p{
    color: #ffffff;
    margin-bottom: 3px;
    line-height: 14px
}
.content-callback-form p.text-one{
    font-size: 9px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.content-callback-form p.text-one a {

    color: #fff;}
.content-callback-form p.text-one strong{
    font-size: 16px;
    margin-right: 10px
}
.content-callback-form p.text-two{
    font-size: 13px;
    font-weight: 700
}
.content-callback-form p.text-three{
    font-size: 11px;
}
.content-callback-form p.text-four{
    font-size: 10px;
    margin-top: 20px;
}
.form-callback {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.form-callback-fields{
    margin-bottom: 3px
}
.form-callback-fields label{
    font-size: 11px;
    color: #ffffff;
    width: 100px;
    line-height: 12px
}
.form-callback-fields input{
    width: 135px;
    height: 23px;
    vertical-align: middle;
    border: 1px solid #575756;
    padding: 0 10px;
    line-height: 12px;
}
.form-callback-fields.captcha input{
    width: 65px;
    margin-left: 5px
}
.form-callback-fields button{
    display: block;
    width: 100%;
    background-color: #fff;
    border: 0;
    margin-top: 17px;
    color: #cb0053;
    font-size: 16px;
    font-weight: 700
}
.form-callback-fields select {
    background-color: #e8e8e8;
    border: 1px solid #575756;
    border-radius: 0;
    display: inline-block;
    line-height: 18px;
    width: 135px;
    padding-left: 7px;
    font-size: 11px;
    height: 23px;
    background-image:url(http://freemoos.com/assets/css/img/fleche-select.png);
    background-position: 96% center;
    background-size: 13px 15px;
    background-repeat: no-repeat;

    /* reset */

    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.btn-close {
    width: 13px;
    position: absolute;
    right: 8px;
    top: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
}

/* ----------------------------------------------------
  PANIER HOVER
------------------------------------------------------- */

.basket-display {
    position: relative;
    display: block
}
.hover-basket {
    position: absolute;
    width: 247px;
    right: 0;
    background-color: #ffffff;
    border: 1px solid #57585a;
    z-index: 10; 
    padding-top: 5px;
    padding: 0 15px 15px 10px;
    cursor: initial;
    height:auto;

}
.hover-basket h3{
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #57585a
}
.box-one {
    border-top: 2px solid #f76d35;
    border-bottom: 2px solid #f76d35;
    padding-top: 15px;
    padding-bottom: 10px;
}
.panier-img {
    float: left;
    width: 80px
}
.panier-text {
    float: left;
    width: 115px 
}
.panier-text p {
    font-size: 11px;
    line-height: 12px;
    color: #000;
    margin-bottom: 3px;
}
.panier-sup {
    float: right;
    width: 15px;
    line-height: 15px
}
.panier-sup a{
    margin-left: 0 !important
}
.panier-prod {
    margin-bottom: 20px
}
.box-two {
    padding-top: 15px;
    padding-bottom: 10px;
}
.box-three {
    border-top: 2px solid #009ab6;
    padding-top: 15px;
    padding-bottom: 10px;
}
.total-panier-hover {
    display: block;
    background-color: #eeeeee;
    color: #57585a;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}
.btn-cmd {
    width: 105px;
    float: left
}
.btn-panier {
    width: 105px;
    float: right
}
.btn-cmd a{
    display: block;
    font-size: 11px
}
.btn-panier a {
    display: block;
    font-size: 11px;
    background: #ffffff;
    padding-top: 3px;

}


.compare-display {
    position: relative;
    display: block
}
.hover-compare {
    position: absolute;
    width: 247px;
    right: 0;
    background-color: #ffffff;
    border: 1px solid #57585a;
    z-index: 10; 
    padding-top: 5px;
    padding: 0 15px 15px 10px;
    cursor: initial;
}
.hover-compare button {float: right;}
.hover-compare h3{
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #57585a
}

/* ----------------------------------------------------
  AUTOCOMPLITE SEARCH
------------------------------------------------------- */
.fm-right-bloc .header-panier input.search-header:focus{
    border: 1px solid #00a68a;
}
.typeahead  {
    min-width: 141px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #57585a
}
.typeahead.dropdown-menu>li>a {
    padding: 5px 10px; 
    font-size: 9px;
    color: #57585a
}
.typeahead.dropdown-menu>li>a strong {
    color: #00a68a
}
.typeahead.dropdown-menu>.active>a, .typeahead.dropdown-menu>.active>a:hover, .typeahead.dropdown-menu>.active>a:focus {
    background-color: transparent; 
    color: #57585a
}
#main-menu.affix .header-panier .search-content {
    display: inherit;
}
#main-menu.affix .header-panier .typeahead {
    margin-top: 20px;
    margin-left: 18px;
}

/*------- MENU GREEN---------*/

li.bg-one-green {
    background-color: #00654f
}
li.bg-one-green:hover:after{
    content: '';
    border: 0;
    border-left: 57px solid transparent;
    border-right: 56px solid transparent;
    border-top: 19px solid #00654f;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -112px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}
li.bg-one-green.current:after{
    content: '';
    border: 0;
    border-left: 57px solid transparent;
    border-right: 56px solid transparent;
    border-top: 19px solid #00654f;
    width: 0;
    height: 0;
    position: absolute;
    top: 34px;
    margin-left: -112px;
    border-style: solid dotted none;
    -webkit-transform:rotate(360deg)
}


li.bg-two-green {
    background-color: #008568
}
li.bg-three-green {
    background-color: #00a68a
}
li.bg-four-green {
    background-color: #79c4b5
}


/* ----------------------------------------------------
  ACTUALITES LIST PAGE
------------------------------------------------------- */
.video-bloc {
    margin-bottom: 10px
}
.logo-mag {
    margin-bottom: 15px
}
.img-actu-video {
    position: relative;
    margin-bottom: 15px;
}
.img-actu-video h3 {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
    padding-left: 15px;
    color: #fff;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
}
.actu-video h2 {
    font-size: 18px;
    line-height: 16px;
    color: #575756;
    margin-bottom: 15px;
    margin-top: 15px;
}
.actu-video p {
    line-height: 15px;
    font-size: 12px;
    color: #575756
}
.actu-video a {
    line-height: 15px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #cb0053;
    text-decoration: underline;
    text-transform: uppercase;
}
.pagination {
    display: block;
    text-align: center;
}
.pagination a{
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 6px;
}
.pagination span.active{
    font-size: 11px;
    font-weight: 700;
    padding: 2px 5px;
    line-height: 11px;
    background-color: #f9c400;
    margin-right: 5px;
}
.actu-descrip h1{
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    color: #575756;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: none;
    text-align: left;
}
.actu-descrip h3{
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #575756;
    margin-bottom: 5px;
    margin-top: 20px;
    text-transform: uppercase;
    text-align: left;
}
.actu-descrip p{
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 5px;
}
.actu-descrip ul{
    margin: 0;
    padding: 0;
    padding-left: 0px;
    margin-left: 15px;
}
.actu-descrip ul li{
    line-height: 14px;
    font-size: 11px;
}
.social-link {
    text-align: center;
    margin-top: 45px
}
.social-link p{
    float: left
}
.social-link a.link-actu{
    display: inline-block;
    font-size: 11px;
    background: #ffffff;
    padding: 5px;
    line-height: 12px;
    border: 1px solid #9c9c9c;
    text-transform: uppercase;
}
.img-actus h2{
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #575756;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
    text-align: left;
}
.img-actu-desc {
    padding: 10px 15px 10px 20px
}
.img-actu-desc h3{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    color: #575756;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: left;
}
.img-actu-desc span{
    float: right;
    font-size: 11px;
    text-decoration: underline;
    color: #cb0053
}

/* ----------------------------------------------------
  PAGE RECHERCHE
------------------------------------------------------- */

.searche-engine {
    margin-top: 35px;
}
.searche-engine h1 {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0;
}
.parallelogram-search {
    width: 100%;
    height: 900px;
    -moz-transform: skewy(-13deg);
    -webkit-transform: skewy(-13deg);
    -o-transform: skewy(-13deg);
    background: #f2c345;
    position: absolute;
    transform-origin: right;
    top: 70px;
}
.search-produits {
    padding-bottom: 20px;
}


/* ----------------------------------------------------
  PAGE PRODUITS INNACTIVE
------------------------------------------------------- */

.product-innactive-text {
    line-height: 13px;
    margin-top: 23px;
}
.product-innactive-text p {
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
}
.product-innactive-box {
    margin-top: 25px;
    background-color: #efefef;
    padding: 20px 7px 15px 7px;
    line-height: 13px;
    -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow:    0px 2px 8px 2px rgba(0, 0, 0, 0.16);
    box-shadow:         0px 2px 8px 2px rgba(0, 0, 0, 0.16);
}
.product-innactive-box h3{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 0;
}
.box-innac-prod {
    padding: 0 7px
}
.box-innac-prod h4{
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: block;
    text-align: center;
    margin-bottom: 1px;
    color: #000000;
    margin-top: 15px;
}
.box-innac-prod p {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 15px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 12px;
    color: #000000;
}
.voisin-price {
    text-align: center;
    line-height: 15px;
    margin-bottom: 12px;
}
.voisin-price span {
    display: inline-block;
    color: #f76d35;
    font-size: 18px;
}
.link-voisin {
    display: block;
    background-color: #cb0053;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center
}
.link-all {
    display: block;
    background-color: #ffffff;
    color: #57585a;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    border: 1px solid #57585a;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center
}
.link-all:hover {
    color: #57585a;
}
.all-prod {
    margin-top: 10px;
    padding: 0 7px
}

/* ----------------------------------------------------
  CONSEIL BOX
------------------------------------------------------- */
.conseil-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 225px;
    max-height: 160px;
    background-color: #ffffff;
    border-radius: 7px;
    -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.10);
    -moz-box-shadow:    0px 2px 8px 2px rgba(0, 0, 0, 0.10);
    box-shadow:         0px 2px 8px 2px rgba(0, 0, 0, 0.10);
    z-index: 1;
}
.img-conseil {
    width: 50%;
    float: left;
    padding-top: 9px;
    padding-left: 5px;
}
.text-conseil {
    width: 50%;
    float: left;
    padding-left: 15px;
}
.btn-box-conseil {
    padding: 5px;
    text-align: right;
    line-height: 10px;
    position: absolute;
    right: 2px;
}
.reduire {
    margin-right: 3px
}
.btn-bloc-conseil {
    position: absolute;
    bottom: 5px;
    display: block;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}
.btn-bloc-conseil a{
    display: block;
    background-color: #cb0053;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    line-height: 12px;
}
.text-conseil h3{
    font-size: 13px;
    margin-top: 25px;
    margin-bottom: 12px;
    line-height: 15px;
}
.text-conseil p{                       
    font-size: 11px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 12px;
}
.btn-bloc-conseil img {
    margin-right: 5px
}


/* ----------------------------------------------------
 FREEMOVER PAGE
------------------------------------------------------- */

.freemover-details {
    padding-right: 15px;
    padding-left: 40px;
    padding-top: 15px;
}
.freemover-details h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 7px;
}
.freemover-details .freemover-price {
    display: inline-block;
    color: #f76d35;
    font-size: 18px;
    font-weight: 400;
}
.freemover-details .product-add {
    margin-top: 25px
}
.freemover-tab .tab-descrip {
    width: 620px;
    margin: 0 auto
}
.freemover-tab .tab-descrip p {
    font-size: 11px;
    line-height: 15px;
    color: #57585a;
    text-align: justify;
    padding-top: 15px;
    margin-bottom: 25px;
}
.freemover-tab .info-prod-left {
    width: 100%; 
    float: none;
    padding-right: 0;
    border-right: none; 
}
.freemover-tab .info-prod-left ul {
    padding: 0;

}
.freemover-tab .info-prod-left ul li {
    line-height: 18px;
    font-size: 11px;
    font-weight: 400;
    padding-left: 43px;
    margin-bottom: 2px;
    overflow: hidden;
}

/* ----------------------------------------------------
  QUI SOMME NOUS PAGE
------------------------------------------------------- */

.fm-desciption-bloc h1 {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 17px;
    line-height: 20px;
    text-align: left;
}
.fm-desciption-bloc p {
    font-size: 13px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 16px;
}
.fm-desciption-bloc h2 {
    font-size: 13px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 16px;
}
.fm-text-bloc {
    margin-top: 20px
}
.fm-img-box {
    padding-top: 60px
}
.fm-decr-box h2{
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    color: #57585a;
    margin-top: 15px;
    margin-bottom:0;
    line-height: 24px;
    text-align: center;
}
.fm-icone {
    text-align: center
}
.fm-decr-box h3{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
    margin-top: 35px;
    margin-bottom:25px;
    line-height: 18px;
    text-align: left;
}
.fm-decr-box p {
    font-size: 13px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 16px;
    color: #575756;
    text-align: justify;
}
.fm-separator {
    margin-top: 50px
}

/* ----------------------------------------------------
  BOUTIQUE PAGE
------------------------------------------------------- */
.contact-boutique {
    padding-top: 60px;
    padding-bottom: 50px
}
.fm-btq-name h1{
    font-weight: 400;
    text-transform: uppercase;
    color: #595959;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 20px;
    text-align: center;
}
.fm-contact-desc {
    margin-top: 32px
}
.bloc-img {
    width: 105px;
    float: left
}
.fm-coor-contact {
    float: left;
    padding-left: 25px;
    width: 182px
}
.fm-coor-contact h3{
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: #737373;
    margin-top: 0;
    margin-bottom: 3px;
    line-height: 15px;
    text-align: left;
}
.fm-coor-contact a{
    font-size: 12px;
    font-weight: 400;
    color: #cb0053;
    line-height: 15px;
    display: block;
}
.mail-contact {
    text-decoration: underline;
}
.bottom-information {
    margin-top: 25px;
}
.bottom-information span{
    font-size: 12px;
    font-weight: 400;
    color: #737373;
    line-height: 15px;
    display: block;
}
.fm-horaires {
    padding-top: 25px
}
.fm-horaires h4{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #737373;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 16px;
    text-align: left;
}
.horaire-information .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 50%;
}
.horaire-information .nav-tabs>li>a {
    padding: 5px 15px;
    border: 1px solid #cdcdcd;
    border-radius: 0; 
    margin-right: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #8e8e8e;
    background-color: #e6e6e6
}
.horaire-information .nav-tabs>li.active>a {
    border-bottom-color: transparent;
    color: #3d3d3d;
    background-color: transparent
}
p.jour {
    font-size: 12px;
    font-weight: 700;
    color: #3d3d3d;
    line-height: 12px;
    margin-bottom: 3px;
}
p.heures {
    font-size: 12px;
    font-weight: 700;
    color: #8e8e8e;
    line-height: 12px;
    margin-bottom: 10px;
}
.horaire-information .nav-tabs {
    border-bottom: 0
}
.horaire-information .tab-pane {
    padding: 10px 10px 0px 35px;
}
.horaire-information .tab-content {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd
}
.desc-boutique-fm {
    position: relative
}
.desc-boutique-fm h2{
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #57585a;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 24px;
    text-align: center;
}
.contact-form-boutique {
    position: absolute;
    top: 44px;
    right: 0;
    width: 395px;
    height: 350px;
    background-color: #f4cd44;
    padding: 22px 24px 22px 40px;
}
.contact-form-boutique h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #57585a;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 16px;
    text-align: left;
}
.fm-contact-fields {
    width: 163px;
    float: left;
    margin-right: 5px
}
.fm-contact-fields.last {
    margin-right: 0
}
.fm-contact-fields {
    margin-bottom: 7px
}
.fm-contact-fields input[type="text"]{
    width: 100%;
    height: 28px;
    line-height: 15px;
    font-size: 14px;
    font-weight: 700;
    color: #57585a;
    border: 0;
    padding-left: 7px;
    display: inline-block
}
.fm-contact-fields .fields-bold::-webkit-input-placeholder {
    font-family: Lato, sans-serif !important;
    line-height: 15px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #57585a !important;

}
.fm-contact-fields .fields-bold::-moz-placeholder { 
    font-family: Lato, sans-serif !important;
    line-height: 15px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #57585a !important;

} /* firefox 19+ */
.fm-contact-fields .fields-bold:-ms-input-placeholder {
    font-family: Lato, sans-serif !important;
    line-height: 15px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #57585a !important;

} /* ie */

.fm-contact-fields input.date{
    width: 132px;
    height: 20px;
    line-height: 12px;
    font-size: 10px;
    font-weight: 700;
    color: #57585a;
    border: 1px solid #7d7d7d;
    border-radius: 4px;
    padding-left: 7px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}
.fm-contact-fields input.date::-webkit-input-placeholder {
    font-family: Lato, sans-serif !important;
    line-height: 10px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #57585a !important;
}
.fm-contact-fields input.date::-moz-placeholder { 
    font-family: Lato, sans-serif !important;
    line-height: 10px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #57585a !important;
} /* firefox 19+ */
.fm-contact-fields input.date:-ms-input-placeholder {
    font-family: Lato, sans-serif !important;
    line-height: 10px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #57585a !important;
} /* ie */
.fm-contact-fields label {
    display: block;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
}
.select-option {
    padding-left: 20px
}
.fm-contact-fields select {
    background-color: #ffffff;
    border: 1px solid #7d7d7d;
    border-radius: 4px;
    display: inline-block;
    line-height: 12px;
    width: 143px;
    padding-left: 40px;
    font-size: 10px;
    font-weight: 700 !important;
    color: #57585a !important;
    height: 20px;
    background-image:url(img/arrow-select-btq.png);
    background-position: 96% center;
    background-size: 8px 16px;
    background-repeat: no-repeat;

    /* reset */

    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.fm-contact-message {
    margin-bottom: 5px;
    margin-top: 15px;
}
.fm-contact-message textarea{
    width: 100%;
    border: 0;
    line-height: 14px;
    padding-left: 10px;
    padding-top: 7px;
    height: 72px;
    font-size: 14px ;
    font-weight: 700;
    resize: none;
}
.fm-contact-message textarea::-webkit-input-placeholder {
    font-family: Lato, sans-serif !important;
    line-height: 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #57585a !important;
}
.fm-contact-message textarea::-moz-placeholder { 
    font-family: Lato, sans-serif !important;
    line-height: 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #57585a !important;
} /* firefox 19+ */
.fm-contact-message textarea:-ms-input-placeholder {
    font-family: Lato, sans-serif !important;
    line-height: 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #57585a !important;
} /* ie */

.fm-contact-submit {
    text-align: center
}

.fm-contact-submit button{
    width: 130px;
    border-radius: 0;
    color: #ffffff;
    background-color: #cb0053;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

/* ----------------------------------------------------
 404 PAGE
------------------------------------------------------- */

.img-page-404 {
    padding-top: 15px;
    padding-bottom: 60px
}
.text-page-404 p{
    font-size: 22px;
    font-weight: 400;
    color: #57585a;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 22px;
}
.text-page-404 {
    text-align: center;
    padding: 0 110px;
    margin-bottom: 28px;
}
.search-page-404 {
    width: 293px;
    margin: 0 auto;
}
.search-page-404 input{
    width: 100%;
    height: 39px;
    line-height: 18px;
    font-size: 19px;
    font-weight: 400;
    color: #57585a;
    border: 1px solid #57585a;
    border-radius: 0;
    padding-left: 20px;
    display: inline-block;
    background-image:url(img/loupe-search.png);
    background-position: 96% center;
    background-size: 29px 28px;
    background-repeat: no-repeat;

}
.search-page-404 input::-webkit-input-placeholder {
    font-family: Lato, sans-serif !important;
    line-height: 20px !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    color: #57585a !important;
}
.search-page-404 input::-moz-placeholder { 
    font-family: Lato, sans-serif !important;
    line-height: 18px !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    color: #57585a !important;
} /* firefox 19+ */
.search-page-404 input:-ms-input-placeholder {
    font-family: Lato, sans-serif !important;
    line-height: 18px !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    color: #57585a !important;
} /* ie */

.fm-page-404 {
    background-image: url(img/bg-velo.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 135px;
    margin-bottom: 30px
}
.filter-404 {
    padding-top: 55px;
}
.contact-404 {
    padding-top: 0;
    padding-bottom: 0;
}
.produits .last {
    padding-bottom: 50px
}
.parallelogram-404 {
    height: 945px
}


/* ----------------------------------------------------
 SERVICES PAGE
------------------------------------------------------- */


.fm-padding-services {
    padding-top: 95px;
}
.yellow-box .title-box {
    background-color: #f4cd44
}
.green-box .title-box {
    background-color: #00a68a
}
.red-box .title-box {
    background-color: #e74f38
}
.orange-box .title-box {
    background-color: #f38230
}
.title-box {
    height: 60px;
    display: table;
    width: 100%;
}

.title-box h3{
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 18px;
    text-align: center;
    padding: 0 45px;
}
.img-services {
    height: 73px;
    vertical-align: middle;line-height: 73px;
}
.img-services span {
    line-height: 73px
}
.content-box-services {
    height: 220px;
    background-color: #f1f2f2;
    text-align: center;
}
.content-box-services p{
    text-align: left;
    padding: 0 35px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}
.fm-services-bloc {
    margin-bottom: 40px
}


/* ----------------------------------------------------
 GUIDE PAGE
------------------------------------------------------- */

.guide .row {
    margin-bottom: 35px;
    margin-top: 35px;
}
.content-box-guide {
    height: 285px;
    background-color: #f1f2f2;
    text-align: center;
    padding: 25px 0;
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.content-box-guide:hover {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03);
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.35);
}
.content-box-guide h3{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #57585a;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 18px;
    text-align: center;
}
.img-guide {
    height: 100px;
    vertical-align: middle;
}
.img-guide span {
    line-height: 100px
}
.text-guide {
    height: 47px;
    position: relative
}
.text-guide p{
    position: absolute;
    bottom: 0;
    line-height: 15px;
    padding: 0 51px;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;

}
.download-guide {
    padding: 0 57px;
    margin-top: 16px
}
.download {
    display: block;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    background-color: #cb0053;
    color: #ffffff;
    padding-bottom: 9px;
    padding-top: 9px;
    border-radius: 0
}


/* ----------------------------------------------------
  COMPARATEUR PAGE
------------------------------------------------------- */

.text-print a {
    font-size: 9px;
    color: #cb0053;
    text-transform: uppercase
}
.text-print a img{
    margin-left: 3px
}
.fm-comparateur-bloc .table {
    width: auto
}
.fm-comparateur-bloc .table tr td {
    width: 238px;
    border-top: 0
}
.img-comp {
    text-align: center;
    height: 132px;
}
.desc-comp-prod {
    position: relative
}
.close-comp {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    line-height: 10px;
    cursor: pointer
}
.desc-comp-prod h3{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0;
    margin-bottom: 7px;
    line-height: 16px;
    text-align: center;
}
.desc-comp-prod h4{
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 14px;
    text-align: center;
}
.comp-price{
    font-size: 14px;
    font-weight: 400;
    color: #575756;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 14px;
    text-align: center;
}
.comp-price-left{
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #575756;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 14px;
    text-align: left;
    width: 85px;
    vertical-align: text-bottom;
}
.comp-price-right {
    display: inline-block;
    font-size: 14px;
    color: #009ab6;
    width: 130px;
    text-align: right;
    margin-bottom: 0;
    line-height: 14px;
}
.comp-price-right span{
    display: block;
    font-size: 11px;
}
.link-prod {
    padding: 10px 15px
}
.comp-prod {
    display: block;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    background-color: #cb0053;
    color: #ffffff;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 0;
}
.text-compa{
    font-size: 11px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 14px;
    text-align: left;
    padding: 3px 5px
}
.yellow-title {
    padding: 4px 6px;
    background-color: #f5cf6a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase; 
    line-height: 10px
}
.fm-comparateur-bloc .title-caract {
    vertical-align: middle;
    text-align: right;
    font-size: 11px;
    font-weight: 700;
    padding-right: 25px !important;
}
.fm-comparateur-bloc .padding-text {
    padding-top: 180px
}
.top-border-row {
    border-top: 1px solid #57585a !important;
    border-left: 1px solid #57585a;
    border-right: 1px solid #57585a;
}
.border-row {
    border-left: 1px solid #57585a;
    border-right: 1px solid #57585a;
}
.bottom-border-row {
    border-bottom: 1px solid #57585a !important;
    border-left: 1px solid #57585a;
    border-right: 1px solid #57585a;
}
.fm-comparateur-bloc td.odd , .fm-comparateur-bloc td.padding-odd {
    padding: 5px 8px
}
.fm-comparateur-bloc span{
    font-size: 11px;
    font-weight: 400;
}
.fm-essaye {
    width: 712px;
    float: right;
    border: 1px solid #57585a;
    padding: 15px 0
}
.fm-essaye h4{
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 11px;
    line-height: 14px;
    text-align: center;
}
.fm-form-essaye {
    width: 330px;
    margin: 0 auto;
}
.essaye-bloc-left {
    width: 185px;
    float: left
}
.essaye-bloc-right {
    width: 145px;
    float: left
}
.essaye-bloc-right input{
    width: 100%
}
.fm-form-essaye label{
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 0;
}
.fm-form-essaye select {
    width: 109px;
    font-size: 11px;
    margin-bottom: 6px
}
.fm-form-essaye .date-type {
    width: 109px;
    font-size: 11px
}
/* ----------------------------------------------------
 CONNEXION COMPTE PAGE
------------------------------------------------------- */

.fm-compte-connexion {
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow:    0px 2px 8px 0px rgba(0, 0, 0, 0.20);
    box-shadow:         0px 2px 8px 0px rgba(0, 0, 0, 0.20);
    padding: 20px 15px
}
.box-left-cnx h3{
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 14px;
    text-align: left;
}
.box-left-cnx {
    width: 218px;
}
.fm-compte-connexion input[type="text"] ,.fm-compte-connexion input[type="password"],
.fm-compte-bloc-right input[type="text"] ,.fm-compte-bloc-right input[type="password"]
{
    width: 100%;
    height: 20px;
    line-height: 11px;
    font-size: 11px;
    font-weight: 400;
    border: 1px solid #7d7d7d;
    border-radius: 4px;
    padding-left: 8px;
    display: block;
    margin-bottom: 10px

}
.cnx-submit {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 10px;
    padding: 6px 15px;
    color: #57585a;
    background-color: #f9c400;
    border-radius: 0
}
.btn-cnx {
    text-align: right;
    line-height: 20px;
}
.box-left-cnx hr {
    border-color: #57585a;
    width: 165px;
    margin-top: 35px;
    margin-bottom: 18px
}
.cnx-sociaux {
    position: relative;
    margin-bottom: 4px;
    display:none;
}
.cnx-sociaux span {
    position: absolute;
    top: 9px;
    left: 35px;
    font-size: 11px;
    font-weight: 400;
    color: #ffffff;
    line-height: 11px;
}
.mdp-oublier {
    margin-top: 10px
}
.mdp-oublier a {
    font-size: 9px;
    font-weight: 400;
    line-height: 10px;
}
.box-right-cnx h3{
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 18px;
    text-align: center;
}
.box-right-cnx p {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 4px;
}
p.titre-cnx {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}
.btn-register {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px
}
.register-btn {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 10px;
    padding: 6px 15px;
    color: #57585a;
    background-color: #f9c400;
    border-radius: 0
}
.bloc-cnx-sociaux {
    padding-left: 17px
}

.informations-compte .nav-tabs {
    border-bottom: 0
}

.informations-compte .nav>li>a {
    position: relative;
    display: block;
    padding: 0;
    text-align: left;
    padding-bottom: 14px;
    padding-top: 18px;

}
.informations-compte .nav>li>a:hover {
    background-color: transparent;
}
.informations-compte .nav-tabs>li.active>a, .informations-compte .nav-tabs>li.active>a:hover, .informations-compte .nav-tabs>li.active>a:focus{
    color: #ffffff;
    background-color: transparent;
    border: 0;
    border-bottom-color: transparent;

}
.informations-compte .nav-tabs>li>a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #ffffff !important;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;

}
.informations-compte .nav-tabs>li.last>a {

    border-bottom: 0 !important;
    color: #ffffff;
    font-size: 14px;
    text-transform: initial

}
.informations-compte .nav-tabs>li {
    float: none;
}
.informations-compte .nav-tabs>li.active:after{
    content: '';
    border: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 14px solid #57585a;
    width: 0;
    height: 0;
    position: absolute;
    top: 18px;
    border-style: solid ;
    -webkit-transform: rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    right: -35px;
}
.fm-compte-bloc-left {
    background-color: #57585a;
    padding: 0 13px 15px 15px
}
.fm-compte-bloc-right {
    background-color: #ffffff;  
    min-height: 274px;
}
.fm-compte-bloc-padding {
    padding: 15px;
}
.fm-compte-padding-left {
    margin: 15px 15px 0 15px
}
.top-inform {
    border-bottom: 2px solid #000;
    line-height: 20px;
}
.top-inform img.profile {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 13px
}
.top-inform h3 {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 3px;
    line-height: 14px;
    text-align: left;
}
.top-inform a{
    float: right;
    line-height: 11px;
}
.top-inform p{
    float: right;
    line-height: 11px;
    font-size: 10px;
    padding-top: 13px;
    margin-bottom: 0;
}
.content-one-inform {
    padding-top: 20px;
    padding-bottom: 25px
}
.content-one-left {
    width: 50%;
    float: left
}
.fm-compte-bloc-right h4{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #57585a;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 13px;
    text-align: left;
}
.fm-compte-bloc-right span{
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #57585a;
    line-height: 17px;
}
.content-one-left a,.content-one-right a{
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    line-height: 13px;
    margin-top: 17px
}
.content-one-left a,.content-one-right .inline{  display: inline-block;}
.content-one-right {
    width: 50%;
    float: left;
    padding-left: 40px;
}
.content-one-right p{
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #57585a;
    line-height: 18px;
    margin-bottom: 15px
}
.content-one-right label{
    font-size: 12px;
    font-weight: 400;
    color: #57585a;
    line-height: 18px;
    margin-bottom: 15px
}
.content-two-inform {
    border-top: 1px dashed #000;
    padding-top: 25px;
}
#carnet {
    min-height: 245px;
    position: relative
}
.add-adresse {
    position: absolute;
    bottom: 0
}
.add-adresse a{
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    line-height: 13px;
}
.carte-desc {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.carte-desc li{
    background-image: url(img/disc-list.png);
    background-repeat: no-repeat;
    background-position: 0px center; 
    padding-left: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}
.renouv-carte {
    margin-top: 22px
}
.renouv {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 12px;
    padding: 6px 15px;
    color: #ffffff;
    background-color: #009ab6;
    border-radius: 0
}
.table-commande thead {
    background-color: #f9c400
}
#commande .table-commande thead th{
    padding: 7px 5px 5px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    border-bottom: 0
}
#commande .table-commande td{
    font-size: 12px;
    font-weight: 400;
    line-height: 25px
}
#commande .table-commande td p{
    line-height: 15px;
    margin-bottom: 0;
    display: block;
}
#commande .table-striped>tbody>tr:nth-of-type(odd){
    background-color: transparent
}
#commande .table-striped>tbody>tr:nth-of-type(even){
    background-color: #e5e5e5
}
#commande .table>thead>tr>th, #commande .table>tbody>tr>th, #commande .table>tfoot>tr>th, #commande .table>thead>tr>td, #commande .table>tbody>tr>td, #commande .table>tfoot>tr>td {
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 0
}
.detail-cmd-desc {
    padding: 8px 15px
}
.detail-cmd-desc p{
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 10px
}
.livraison-left {
    width: 277px;
    float: left;
    margin-right: 32px;
    padding: 8px 13px 13px 13px;
    border: 1px solid #57585a;
    min-height: 145px;
}
.livraison-right {
    width: 277px;
    float: left;
    padding: 8px 13px 13px 13px;
    border: 1px solid #57585a;
    min-height: 145px;
}
.table-detail-commande thead {
    background-color: #f9c400
}
#commande .table-detail-commande thead th{
    padding: 7px 5px 5px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    border-bottom: 0
}
#commande .table-detail-commande td{
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}
.content-one-left-freem {
    width: 175px;
    float: left
}
.content-one-right-freem {
    width: 240px;
    float: left;
}
.content-one-right-freem p{
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}
.fm-commande {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 60px
}
.fm-commande h2{
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #575756;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 0;
}
.fm-commande p{
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #575756;
    text-align: center;
}
.fm-commande p a{
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #cb0053;
    text-decoration: underline;
}

/* ----------------------------------------------------
 MARQUES PAGE
------------------------------------------------------- */

.fm-nosmarques-bloc{
    margin-bottom: 80px
}
.logo-marques {
    text-align: center;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0.5;
}
.logo-marques:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/* ----------------------------------------------------
 COMMANDE PAGE
------------------------------------------------------- */
.cmd-bloc {
    position: fixed;
    background-color: #ffffff;
    border: 1px solid #57585a;
    margin-top: 36px;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    z-index: 10;
}
.cmd-bloc h2{
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #57585a;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 25px;
}
.form-fiels {
    margin-left: 10px;
}
.commander .fm-compte-connexion {
    background-color: #ffffff
}
.step-num h5{
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #57585a;
    text-align: left;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px
}
.step-num span{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #ffffff;
    background-color: #00a68a;
    text-align: center;
    margin-top: 0;
    padding: 3px 9px
}
.cmd-description {
    padding: 0 9px 15px 12px
}
.img-cmd {
    width: 110px;
    float: left
}
.cmd-details {
    width: 155px;
    float: left
}
.cmd-details h1{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #57585a;
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
}
.cmd-details p{
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #57585a;
    margin-top: 0;
    margin-bottom: 15px;
}

.a-right{
    float: right;
}
.b-left {
    float: left;
    width: 115px
}
.cmd-details p strong{
    float: right
}
.cmd-price {
    padding-top: 15px;
    padding-right: 9px;
    padding-left: 90px;
    border-top: 1px solid #000000
}
.cmd-price p{
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #57585a;
    margin-top: 0;
    margin-bottom: 7px;
}
.cmd-price p.fm-color {
    color: #009ab6
}
.cmd-price-tot {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 9px;
    padding-left: 90px;
    background-color: #e5e5e5;
    border-top: 1px solid #000000
}
.cmd-price-tot p.fm-prix-tot {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #57585a;
    margin-top: 0;
    margin-bottom: 0;
}
.step-cmd {
    margin-bottom: 28px
}
.form-left-bloc {
    width: 220px;
    float: left;
    margin-left: 13px
}
.form-all-bloc {
    width: 452px;
    margin-left: 13px;
    line-height: 22px
}
.icheckbox_minimal_custom {
    display: inline-block;
    *display: inline;
    vertical-align: text-bottom;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 15px;
    background: #fff url(img/checkbox.png) no-repeat;
    border: none;
    cursor: pointer;
}
.icheckbox_minimal_custom {
    background-position: 0 0;
}
.icheckbox_minimal_custom.hover {
    background-position: -18px 0;
}
.icheckbox_minimal_custom.checked {
    background-position: -36px 0;
}
.form-fiels label{
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    margin-bottom: 7px
}
.btn-send-info {
    text-align: left;
    margin-top: 3px
}
.form-fiels label.radio-type {
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 3px
}
.btq-select {
    background-color: #ffffff;
    border: 1px solid #7d7d7d;
    border-radius: 4px;
    display: block;
    line-height: 18px;
    width: 100%;
    padding-left: 7px;
    font-size: 12px;
    height: 20px;
    background-image:url(img/arrow-select-btq.png);
    background-position: 98% center;
    background-size: 8px 16px;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-bottom: 25px;

    /* reset */


    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.form-fiels label.radio-type span{
    font-size: 12px;
    text-transform: none;

}
.text-delai {
    font-size: 11px;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 3px;

}
.form-fiels label.radio-type-mod {
    margin-bottom: 3px
}
.form-text-bloc {
    width: 553px;
    margin-left: 13px;
    line-height: 22px;
}
.carte-paiemant img {
    display: block;
    margin-left: 18px;
    margin-top: 5px;
    margin-bottom: 10px
}
.centent-text {
    height: 120px;
    border: 1px solid #57585a;
    padding: 12px 0 12px 12px;
    margin-bottom: 5px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 7px;

}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #b5b5b5
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.form-text-bloc h3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #57585a;
    text-align: left;
    padding-left: 12px;
    margin-top: 0;
    margin-bottom: 10px;
}
.centent-text h2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #57585a;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
.centent-text p {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: #57585a;
    text-align: left;
    margin-top: 0;
    margin-bottom: 5px;
}
.form-fiels label.radio-type-cond {
    font-size: 12px;
    font-weight: 700
}
.edit-panier {
    margin-top: 15px;
    margin-bottom: 15px;
}
.edit-panier p{
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #57585a;
    margin-top: 0;
    margin-bottom: 5px;
}
.edit-panier p a{
    text-decoration: underline;
}

.pager-inner div {display: inline-block;}

.btq-fmaps {
    width: 550px;
    height: 350px;
    overflow: hidden; 
    position: relative
}


/* REVIEWS */
#customer-reviews { margin: 10px;}
.review-item{ border-bottom: 1px solid #f1f1f1; margin-bottom: 5px;}
.review-item:last-child{ border-bottom: 0px solid #f1f1f1; margin-bottom: 5px;}
#customer-reviews h2 {
    font-weight: bold;
    font-size: 15px;
    color: #000000;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 10px;
    margin: 0 0 15px;
}
/****** Style Star Rating Widget *****/
#review-form .form-fiels label  { margin-left: 13px;}
#review-form .form-fiels .rating label { margin-left: 0px;}
#review-form  .buttons-set { margin-left: 13px;}
#review-form input[type="text"]{
    border: 1px solid #7d7d7d;
    border-radius: 4px;
    display: block;
    font-size: 11px;
    font-weight: 400;
    height: 20px;
    line-height: 11px;
    margin-bottom: 10px;
    padding-left: 8px;
    width: 100%;
}
#review-form textarea{
    border: 1px solid #7d7d7d;
    border-radius: 4px;
    display: block;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 8px;
    width: 100%;
}
#review-form em {

    font-style: normal;
    color: #eb340a;
}
#review-form #captcha{ margin: 10px 0px; width: 100px;}
#msg-review{ display: none; margin: 10px 20px;}
.rating { 
    border: none;
    float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before { 
    content: "\f089";
    position: absolute;
}

.rating > label { 
    color: #ddd; 
    float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }
.review-item .rating{pointer-events: none;}


.pink-button {color:#fff;background-color:#cb0053;border-radius:0px;}
.pink-button a {color:#fff;}
.payment-additional .checkmo-list{
    display: inline-block;
    margin: 0 0 8px;
    width: 100%; list-style: none;}
.payment-additional .checkmo-list label {
    padding-right: 10px;
    text-align: right;
    list-style: none;
    font-size: 14px;
    color: #666666;
    float:left;
    display: block;
    font-weight: bold;
    position: relative;
    z-index: 0;
    margin-bottom: 10px;

}

.payment-additional .checkmo-list address {
    float: left;
    font-style: normal;
    line-height: 1.35;
}


/* new css */

.ticket-new {
    position: absolute;
    left: 0;
    top: -15px;
    line-height: 9px;
    background-color: rgba(87, 88, 90, 0.9);
    padding: 5px 10px;
    z-index: 10;
}
.ticket-new span {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}
.ticket-port {
    position: absolute;
    left: 0;
    top: 34px;
    line-height: 9px;
    background-color: rgba(247, 109, 53, 0.9);
    padding: 5px 10px;
    z-index: 10;
}
.ticket-port span {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}
.in-stock {
    background-image:url(../images/instock.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #00a68a;
    font-size: 10px;
    font-weight: 400;
    padding-left: 25px;
    text-align: center;
}
.product-box .size-prod,.content-box .size-prod{
    font-size: 10px;
    font-weight: 400;
    color: #575756;
    text-align: center;
    display: block;
    line-height: 17px;
    margin: 10px auto;
}
.ticket-reduit {
    position: absolute;
    left: 0;
    top: 10px;
    line-height: 9px;
    background-color: rgba(255, 182, 63, 0.9);
    padding: 5px 10px;
    z-index: 10;
}
.ticket-reduit span {
    color: #57585a;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}
.livraison {
    background-image:url(../images/reduit.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #57585a;
    font-size: 10px;
    font-weight: 400;
    padding-left: 25px;
    text-align: center;
}
.product-box .ticket-port-top {
    position: absolute;
    left: 0;
    top: 10px;
    line-height: 9px;
    background-color: rgba(247, 109, 53, 0.9);
    padding: 5px 10px;
}
.product-box .ticket-port-top span {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}
.contact-stock {
    background-image:url(../images/notstock.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #57585a;
    font-size: 10px;
    font-weight: 400;
    padding-left: 25px;
    text-align: center;
}
.price-freemoov {
    margin-top: 7px;
}
.price-left {
    width: 240px;
    float: left;
    color: #009ab6;
    font-size: 12px;
    font-weight: 400;
}
.price-right {
    float: right;
}
.price-dis {
    font-size: 18px;
}
.price-sauv {
    background: #009ab6;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.product-text #show-desc {
    font-size: 11px;
    font-weight: 300;
    text-decoration: underline;
    color: #575756;
    cursor: pointer;
    margin-bottom: 7px;
    display: block;
}

.red_border {border: 1px dashed #eb340a !important;}
.red_border #msgOptions {color: #eb340a !important;display: block !important;}
.red-msg {color:#eb340a !important;font-weight:bold !important;}
.red-msg a {color:#eb340a !important;font-weight:bold !important;}
#msgOptions {display: none !important;padding-top: 7px;}
section {
    overflow: hidden;
}
.home-blog {
    overflow: hidden;
}
.home-blog div {
    overflow: hidden;
}
.panier h1.heading{ text-align: left;}
#FeaturedProducts .slideInUp .content-box {min-height:350px }
#FeaturedProducts .slideInUp .content-box h3 {height:52px !important;}
#filterLoader {display: none;position: absolute;top:0;left: 0;width: 100%;height: 100%; text-align: center;vertical-align: middle;line-height: 180px;}
#filterLoader .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.2); /*dim the background*/
}
.initFilter {float: right; text-decoration: underline;}
.cgv{ margin-top: 10px;}
.mCustomScrollbar{ overflow: hidden;}
#checkout_payment_method .form-fiels label.radio-type{
    text-transform: capitalize;
}
#mTS_1_buttonUp {
    position: absolute;
    top: -37px;
}
#mTS_1_buttonDown {
    position: absolute;
    bottom: -37px;
}
.mTS-buttons-out {
    padding: 0; 
    background: transparent; 
}
.img-content {
    margin-top: 50px;
    height: 362px;

}
.mTSContainer{ padding: 0 5px;}
.mTSContainer img { width: 90px;}
.product-box-cnt {min-height: 435px;}
.carousel-control.left,.carousel-control.right{ background: none; color:#000;}
.ULfranch { padding: 0; margin: 0; list-style: none;}
.franchiseblock,.page-5-pricipales-raisons{ margin-top:30px; }
.franchiseblock h3,.page-5-pricipales-raisons h3{ text-align: center;}
.ULfranch li {line-height: 16px; text-align: justify;}
.ULfranch li:before {
    content: "•";
    color: #fcb832;
    padding-right: 3px;
}
.bientot{
    margin-top: 204px;
    margin-left: 50px;
}
.from_price{
    display: block;
    font-size: 10px;
    text-align: left;
    margin-bottom: 5px;}
.fiveReasons{  padding-top: 20px;}
.fiveReasons h2{ color:#24A385; text-transform: uppercase;}
.fiveReasons h2 span{ display: block;font-size: 11px; text-transform: lowercase;}
.fiveReasons .bgwhite{ background: #fff; padding-top:20px;}
.fiveReasons .bgwhite .reason { display: inline-block;   width: 20%; vertical-align: top;padding-left: 15px;
                                padding-right: 15px}
.fiveReasons .bgwhite h3{ margin: 0; color:#24A385; font-size: 11px; text-align: center;}
.fiveReasons .bgwhite p{ line-height: 18px; font-size: 11px; text-align: justify;}
#cookieChecker{ 
    display: none;
    position: fixed;
    z-index: 90000;
    top: 0;
    left: 0;
    width: 100%;
    background: #F1F2F2;
    color: #000;
    box-sizing: border-box;
    font-size: 12px;
    padding: 10px;
    border: none;
    border-radius: 0;
    margin: 0;
}
#cookieChecker > p {
    text-align: center;
    display: block;
    width: 980px;
    margin: 0 auto;
}
#cookieChecker a {
    color: #000;
    text-decoration: underline;
}

#awwwards {position: fixed;
    bottom: 50px;
    right: 0;
    width: 89px;
    text-align: right;
    z-index: 999999;
}