* {
    margin: 0;
    padding: 0
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif
}

ul {
    list-style-type: none
}

.georgia {
    font-family: Georgia, Constantia, serif
}

#menu {
    width: 100%;
    height: auto;
    background: url(../img/bg_white.png) repeat;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    padding: 20px 0;
    z-index: 1000
}

#menu ul {
    float: right;
    margin-top: 20px
}

#menu ul li {
    float: left;
    margin: 0 10px;
    font-size: 16px;
    font-weight: bold
}

#menu ul a {
    text-transform: uppercase;
    color: #878786
}

#menu #langues {
    width: 40px;
    background: url(../img/arrow.gif) no-repeat 27px 5px #878786;
    margin-top: 3px;
    position: absolute;
    right: 0
}

#menu #langues ul, #menu #langues ul li {
    float: none;
    margin: 0
}

#menu #langues ul a {
    display: block;
    background-color: #fff;
    text-transform: uppercase;
    width: 23px;
    height: 17px;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    color: #878786;
    border: 1px solid #878786
}

#menu #langues .hidden {
    display: none
}

#menu #langues:hover {
    cursor: pointer
}

#menu #langues:hover .hidden {
    display: block
}

#menu #contact-link {
    margin-right: 55px
}

#langues-small {
    margin: 0 0 5px 15px;
    padding: 0
}

#langues-small li {
    display: inline;
    margin: 0 3px;
    padding: 0
}

#langues-small a {
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

.top-bar {
    margin: 0;
    padding: 0
}

.top-bar-section ul li {
    border-bottom: 1px solid #848484
}

.top-bar-section ul li a {
    font-weight: bold;
    text-transform: uppercase
}

#slider {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff
}

#slider-arrow {
    position: absolute;
    display: block;
    width: 37px;
    height: 44px;
    left: 50%;
    margin-left: -18.5px;
    bottom: 55px;
    z-index: 1000
}

.orbit-bullets {
    margin-top: -50px;
    z-index: 1000
}

.orbit-bullets li {
    border-radius: 0;
    background-color: #000;
    width: 6px;
    height: 6px
}

.orbit-bullets li.active {
    background-color: #f2f2f2
}

#white-radius {
    width: 100%;
    height: auto;
    position: relative;
    background-image: url(../img/bg-kitchen.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #fff;
    background-size: 2560px;
    color: #333;
    text-align: center;
    margin: 0;
    padding: 40px 0
}

#white-radius span, #kitchen span {
    color: #d14747
}

#white-radius h2, #kitchen h2 {
    font-family: Georgia, Constantia, serif;
    font-style: italic;
    font-size: 30px;
    font-weight: normal
}

#white-radius h3, #kitchen h3 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 48px
}

#white-radius img, #kitchen img {
    display: block;
    margin: 65px auto 45px auto
}

#img-homepage {
    width: 100%;
    height: 590px;
    position: relative;
    margin: 0;
    padding: 0;
    background-image: url(../img/img-homepage.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2560px
}

#img-homepage div {
    width: 100%;
    height: 167px;
    background-image: url(../img/white-radius-02.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2129px;
    position: absolute;
    bottom: 0;
    left: 0
}

#img-homepage div img {
    display: block;
    margin: 55px auto 0 auto
}

#contact {
    width: 100%;
    background-color: #333;
    text-align: center;
    font-size: 18px;
    color: #a7a9ac;
    font-style: italic;
    font-family: Georgia, Constantia, serif;
    padding-top: 40px
}

#contact h3 {
    font-size: 35px;
    color: #a7a9ac;
    margin: 0 auto;
    border-bottom: 6px solid #fff;
    text-transform: uppercase;
    display: block;
    width: 170px;
    text-align: center
}

#contact p {
    margin: 20px 15px
}

#contact label {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    color: #a7a9ac;
    font-size: 18px;
    text-align: left
}

#contact input {
    border: 3px solid #fff;
    background-color: #333;
    color: #a7a9ac
}

#contact textarea {
    border: 3px solid #fff;
    background-color: #333;
    color: #a7a9ac;
    height: 140px
}

#contact .row > div {
    padding: 0 15px
}

#contact input[type="submit"] {
    display: block;
    margin: 25px auto;
    width: 170px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    background-color: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold
}

#footer {
    width: 100%;
    background-color: #333;
    font-size: 18px;
    color: #a7a9ac;
    font-style: italic;
    font-family: Georgia, Constantia, serif;
    padding: 20px 0;
    position: relative
}

#footer .row div:last-child {
    text-align: right
}

#footer #dotcom {
    position: absolute;
    right: 5px;
    bottom: 5px
}

#footer #mentions {
    font-size: 13px;
    color: #a7a9ac;
    text-align: center;
    margin-top: 5px
}

#footer #mentions a {
    color: #a7a9ac
}

#fb {
    background: url(../img/bg-facebook.gif) repeat-x center 11px;
    height: 26px;
    padding: 0 15px
}

#fb img {
    display: block;
    margin: 0 auto
}

.bann {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    height: 595px;
    background-size: 2560px
}

.bann .row {
    padding: 0 20px
}

.bann .row div {
    background: url(../img/bg-slogan.png) repeat;
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-style: italic;
    margin-top: 190px
}

#produits {
    background-image: url(../img/bannieres/produits.jpg)
}

#listing-produits, #listing-marques, #listing-news, #listing-contact {
    width: 100%;
    background-image: url(../img/white-radius-produits.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2560px;
    margin: -255px 0 55px 0;
    text-align: center;
    padding: 40px 0
}

#listing-produits h2 {
    font-size: 32px;
    font-weight: normal;
    text-align: center;
    font-style: italic;
    color: #333;
    margin-bottom: 25px
}

#listing-produits .prod {
    margin: 12px auto;
    padding: 0;
    background-color: #000
}

#listing-produits .prod a {
    display: block;
    color: #fff;
    position: relative
}

#listing-produits .prod a img {
    opacity: .6
}

#listing-produits .prod a:hover img {
    opacity: .9
}

#listing-produits .prod a h3, #sub-menu h3 {
    font-size: 30px;
    text-align: center;
    display: block;
    position: absolute;
    color: #fff;
    top: 50%;
    margin-top: -20px;
    font-weight: normal;
    font-style: italic;
    width: 100%;
    height: 40px;
    line-height: 38px
}

#listing-marques {
    padding: 40px 0 0 0
}

.marque h2 {
    text-align: center
}

.marque {
    margin-bottom: 60px
}

.lien-marque {
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
    font-style: italic;
    color: #a7a9ac
}

.slider-marque {
    margin-top: 25px
}

#listing-marques .orbit-caption, #listing-produits .orbit-caption {
    text-align: left;
    font-size: 22px;
    color: #a7a9ac;
    font-style: italic;
    padding: 3px 10px
}

#kitchen {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 40px
}

#sub-menu div {
    padding: 0;
    background-color: #000;
    position: relative
}

#sub-menu .sub-img {
    opacity: .6
}

#sub-menu .arrow-left {
    position: absolute;
    top: 50%;
    margin-top: -4%;
    left: 10px;
    display: block;
    height: 50%
}

#sub-menu .arrow-right {
    position: absolute;
    top: 50%;
    margin-top: -4%;
    right: 10px;
    display: block;
    height: 50%
}

#listing-produits .marque {
    margin: 80px auto
}

#listing-produits .marque:last-child {
    margin: 80px auto 0 auto
}

#listing-produits .slider-marque {
    padding: 0
}

#listing-produits .marque h2 {
    margin: 0 0 15px 0
}

#logos {
    padding: 50px 0
}

#logos ul {
    margin: 25px 0
}

#listing-contact #contact {
    background-color: #fff
}

#listing-contact #contact label {
    color: #333
}

#listing-contact #contact input {
    border: 3px solid #333;
    background-color: #fff;
    color: #333
}

#listing-contact #contact textarea {
    border: 3px solid #333;
    background-color: #fff;
    color: #333;
    height: 140px
}

#listing-contact #contact input[type="submit"] {
    background-color: #333;
    color: #fff
}

#listing-news {
    padding: 80px 0 0 0
}

#listing-news > div {
    background: #fff
}

#listing-news .news {
    text-align: justify
}

#listing-news .news span.right {
    color: #d14747;
    font-size: 13px
}

#listing-news .news img {
    box-shadow: none;
    display: block;
    margin: 5px auto;
    border: 1px solid #979797;
    padding: 4px
}

#listing-news .news h5 {
    color: #d14747;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    border-bottom: 1px solid #d14747;
    padding-bottom: 4px;
    font-size: 15px
}

#listing-news .news p {
    line-height: 18px;
    font-size: 14px
}

#listing-news .news-expand {
    padding: 100px 0
}

#listing-news .news-expand h1 {
    color: #d14747;
    text-transform: uppercase;
    border-bottom: 1px solid #d14747;
    font-size: 32px
}

#listing-news .news-expand h1 small {
    font-size: 20px
}

#listing-news .news-expand p {
    text-align: justify
}

#listing-news .news-expand img {
    box-shadow: none;
    border: 1px solid #979797;
    padding: 4px
}

#listing-news .news-expand img:hover, #listing-news .news img:hover {
    border: 1px solid #d14747
}

.last-news .news h5 {
    color: #d14747;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    border-bottom: 1px solid #d14747;
    padding-bottom: 4px;
    font-size: 15px;
}

/*.last-news img {*/
/*border-bottom: 6px solid #d14747;*/
/*}*/

.last-news h1 > span {
    color: #d14747;
}

.last-news h2 {
    font-family: Georgia, Constantia, serif;
    font-style: italic;
    font-size: 28px;
    font-weight: normal;
}

.discount {
    background-size: cover;
    position: relative;
    padding: 200px 0 120px;
    z-index: 1;
    overflow: hidden;
}

.discount h3 {
    font-weight: bold !important;
    text-transform: uppercase;
    font-size: 30px !important;
}

.discount div,
.discount div * {
    text-align: center;
    color: #fff;
    font-family: Georgia, Constantia, serif;
    font-style: italic;
    font-size: 20px;
    font-weight: normal;
    z-index: 100;
    position: relative;
}

.discount::before {
    content: '';
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2129px;
    position: absolute;
    text-align: center;
    top: 0;
    left: -200px;
    right: -200px;
    overflow: hidden;
    background: #fff;
    z-index: 3;
    height: 80px;
    border-radius: 0 0 50% 50% / 0 0 100% 100%;
}

.discount::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d14747;
    opacity: .75;
    z-index: 2;
}

.lube-container {
    position: relative;
    height: 50px;
    margin-top: -50px;
    z-index: 999;
}

/*.lube {*/
/*width: 100%;*/
/*height: 130px;*/
/*background-image: url(../img/white-radius-02.png);*/
/*background-repeat: no-repeat;*/
/*background-position: center top;*/
/*background-size: 2129px;*/
/*position: absolute;*/
/*bottom: 0;*/
/*left: 0;*/
/*text-align: center;*/
/*}*/

/*.lube img {*/
/*margin-top: 20px;*/
/*}*/

white-radius-discount {
    padding-top: 100px;
}

#white-radius-discount h3 {
    text-align: center;
    margin-bottom: 40px;
}

#white-radius {
    background: none;
}

.title {
    text-align: center;
    font-family: Georgia, Constantia, serif;
    font-style: italic;
    font-size: 30px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 30px;
}

.title span {
    color: #d14747;
}

label a {
    color: currentColor;
    text-decoration: underline;
}

label a:active,
label a:hover {
    color: #d14747;
}

.cookie-consent {
    background: rgba(209, 71, 71, 0.9);
    color: #fff;
    padding: 1rem;
    display: none;
    width: 100%;
    min-height: 40px;
}

.cookie-consent.need-consent {
    display: block;
}

.cookie-consent a {
    float: right;
    color: #fff;
    font-size: 2em;
    line-height: 16px;
    margin-left: 2em;
}