* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; font-family: 'Gotham Pro', sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: black; text-align: left; background: white;}
.clear {clear: both;}
img {max-width: 100%;}

.spip-admin-bloc, .spip-admin-float {left: 0!important; right: 0!important; width: 300px;}
input, button {outline: 0; -webkit-appearance: none;  -moz-appearance: none; appearance: none;}
textarea, input {font-family: 'Gotham Pro', sans-serif;}
#overlay {display: none; width: 100%; min-height: 100%; height: auto; position: fixed; top: 0; left: 0; background: black; opacity: 0.6;}

/*{font-family: 'Gotham Pro', sans-serif; font-weight: 300; font-weight: 400; font-weight: 500; font-weight: 700;}
{font-family: 'Gotham Pro';}
{font-family: 'Gotham Pro', sans-serif;} */

h1, h2  {color: #2D2A2C; font-size: 30px; line-height: 37px; text-align: center; font-family: 'Gotham Pro', sans-serif; font-weight: 500; margin-bottom: 20px;} 
h3 {color: #2D2A2C; font-size: 24px; line-height: 31px; text-align: center; font-family: 'Gotham Pro', sans-serif; font-weight: 500;}
h4 {color: #2D2A2C; font-size: 18px; line-height: 25px; text-align: center; font-family: 'Gotham Pro', sans-serif; font-weight: 500; margin-bottom: 25px;}
h3.spip {color: #2D2A2C; font-size: 20px; line-height: 30px; text-align: left; font-family: 'Gotham Pro', sans-serif; font-weight: 500; margin-bottom: 15px;}

a.more {color: #FBD900; font-size: 16px; line-height: 20px; font-weight: 400; padding-right: 30px; margin-bottom: 25px; display: inline-block; background: url(../images/more.jpg) no-repeat right center; text-decoration: none;}
a.more:hover {color: #FBD900; text-decoration: none;}

a.more-gray {color: #B7BFCB; font-size: 16px; line-height: 20px; font-weight: 400; padding-right: 30px; margin-bottom: 0; display: inline-block; background: url(../images/more-gray.jpg) no-repeat right center; text-decoration: none;}
a.more-gray:hover {color: #B7BFCB; text-decoration: none;}

a.subscribe {color: #3A3639; font-size: 14px; line-height: 14px; font-weight: 700; text-decoration: none; text-align: center; background: #fbd900; padding: 12px 0; margin: 15px auto; max-width: 280px; display: block; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
a.subscribe:hover {color: #fbd900; background: #3A3639;}
hr {border-top: 1px solid #b7bfcb; border-bottom: 0; border-left: 0; border-right: 0; margin: 15px 0 40px 0;}

ol.spip, ul.spip {margin-bottom: 25px;}
ol.spip li, ul.spip li {list-style-position: outside; margin-left: 15px;}
table.spip {max-width: 100%; width: 100%; margin: 0 auto 15px auto; border-collapse: collapse; border-spacing: 0;}
table.spip th, table.spip td {padding: 5px; border: 1px solid #cdcdcd; text-align: left; vertical-align: middle;}
table.spip th {background: #fbd900; color: black; font-weight: 700;}

p {margin-bottom: 25px; font-size: 16px; line-height: 24px;}
a, a.spip_out {color: black; text-decoration: underline; outline: 0;}
a:hover, a.spip_out:hover {color: black; text-decoration: none; outline: 0;}
b, strong {font-weight: 700;}
::-webkit-input-placeholder {color: #CBCBCB;}
::-moz-placeholder {color: #CBCBCB;}
:-ms-input-placeholder {color: #CBCBCB;}
:-moz-placeholder {color: #CBCBCB;}

.table-container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 20px 0;}
.table-container::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb {border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}

.wrapper {display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0 auto;}
.center {width: 1000px; max-width: 90%; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.header-desktop {width: 100%; display: none;}
.header-desktop-top {width: 100%; height: 36px; background: #ededed; text-align: right;}
.header-desktop-top a {color: #2D2A2C; font-weight: 500; font-size: 16px; line-height: 36px; margin: 0 45px 0 0; text-decoration: none;}
.header-desktop-top a:hover {color: #2D2A2C; text-decoration: underline;}
.header-desktop-top a.lang {margin: 0 0 0 5px; padding: 5px; text-transform: uppercase; font-size: 13px; line-height: 22px;}
.header-desktop-top a.lang-on {background: #fbd900; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;}

.header-desktop-middle {width: 100%; padding: 14px 0 24px 0;}
.header-desktop-middle-left {width: 45%; float: left; text-align: left; font-weight: 300; font-size: 70px; line-height: 70px; text-transform: uppercase; letter-spacing: -5px;}
.header-desktop-middle-left a {color: #3A3639; text-decoration: none;  -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.header-desktop-middle-left a span {font-family: 'Avenir Next Cyr Bold'; padding: 0 0 0 15px; letter-spacing: 0;}
.header-desktop-middle-left a:hover {color: #fbd900; text-decoration: none;}
.header-desktop-middle-right {width: 55%; float: left; text-align: right; padding-top: 8px;}
.header-desktop-middle-right a img {margin: 22px 22px 0 0; height: 17px; width: auto;}
.header-desktop-middle-right a.consultation {color: #3A3639; font-size: 14px; line-height: 14px; font-weight: 700; text-decoration: none; background: #fbd900; padding: 12px 18px; display: inline-block;-webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.header-desktop-middle-right a.consultation:hover {color: #fbd900; background: #3A3639;}
.header-desktop-bottom {width: 100%; border-top: 1px solid #babfc3; border-bottom: 1px solid #babfc3; padding: 15px 0 10px 0; text-align: center;}

.header-desktop-bottom ul {list-style: none; margin: 0 auto; padding: 0;}
.header-desktop-bottom ul li {display: inline-block; position:relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-desktop-bottom ul li a {color: #2D2A2C; font-size: 18px; line-height: 18px; text-transform: uppercase; font-family: 'Gotham Pro', sans-serif; font-weight: 500; text-decoration: none;}
.header-desktop-bottom ul li a:after {content: '/'; padding: 0 40px; display: inline-block; color: #B7BFCB; font-size: 20px; font-weight: 300;}
.header-desktop-bottom ul li a:hover, .header-desktop-bottom ul li a.on {color: #fbdc17; text-decoration: none;}
.header-desktop-bottom ul li:last-child a:after {content: ''; padding: 0;}
.header-desktop-bottom ul li:hover ul {display: block; }
.header-desktop-bottom ul li ul {position: absolute; top: 20px; background: white; width: 220px; height: auto; display: none; padding: 10px 5px 10px 15px; z-index: 100;}
.header-desktop-bottom ul li ul li {margin: 0 0 10px 0; float: none; display: block; z-index: 1000000; height: auto; text-align: left; padding: 0 15px; background: white; }
.header-desktop-bottom ul li ul li a {color: #2D2A2C; font-size: 14px; line-height: 18px; display: list-item; list-style-type: disc; text-transform: none; font-family: 'Gotham Pro', sans-serif; font-weight: normal; text-decoration: none;}
.header-desktop-bottom ul li ul li a:after {content: ''; padding: 0; display: none;}

.header-mobile {width: 100%; padding: 9px 0; position: relative; display: none;}
.header-mobile-left {width: 10%; float: left; text-align: left; padding-top: 10px;}
.header-mobile-left ul {float: left; margin: 0; width: 100%; padding: 0;}
.header-mobile-left ul li {width: 100%; list-style: none; margin: 0; padding: 0;}
.header-mobile-left ul li a {}
.header-mobile-left ul li.lang {display: inline-block; width: auto; }
.header-mobile-left ul li.lang a {margin: 0 5px 0 0; padding: 5px; text-decoration: none; text-transform: uppercase; font-size: 13px; line-height: 22px;}
.header-mobile-left ul li.lang a.lang-on {background: #fbd900; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;}

.header-mobile-left ul li a img {float: left; display: block}
.header-mobile-left ul li ul {/*height: 80vw; overflow-y: visible; overflow-x: scroll;*/ display: none; position: absolute; top: 0; left: 0; width: 310px; max-width: 100%; background: white; margin: 0; padding: 13px 28px 50px 28px; z-index: 10000; text-align: left; overflow: visible; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-mobile-left ul li ul li {}
.js_float, .js_float_target {cursor: pointer;}
.header-mobile-left ul li.one a {color: #2D2A2C; font-size: 18px; line-height: 50px; text-transform: uppercase; font-family: 'Gotham Pro', sans-serif; font-weight: 500; text-decoration: none;}
.header-mobile-left ul li.one ul li a {font-weight: 300;}
.header-mobile-left ul li.two {margin-top: 13px;}
.header-mobile-left ul li.two a {color: #2D2A2C; font-size: 16px; line-height: 20px; font-weight: 500; text-decoration: none;}
.header-mobile-left ul li.three {margin: 50px auto 25px auto;}
.header-mobile-left ul li.three a {color: #3A3639; font-size: 14px; line-height: 14px; font-weight: 700; text-decoration: none; background: #fbd900; padding: 12px 18px; display: inline-block;-webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.header-mobile-left ul li.three a:hover {color: #fbd900; background: #3A3639;}
.header-mobile-left ul li.four a {display: inline-block; margin-left: 38px;}
.header-mobile-left ul li.four a:first-child {margin-left: 60px;}
.header-mobile-left ul li.four a:last-child {margin-left: 24px;}
.header-mobile-left ul li.close {position: absolute; width: 20px; height: 20px; top: 13px; left: 323px; background: url(../images/close.png) no-repeat center;}
.header-mobile-right {width: 90%; float: left; text-align: right; font-weight: 300; font-size: 40px; line-height: 40px; text-transform: uppercase;}
.header-mobile-right a {color: #3A3639; text-decoration: none; letter-spacing: -3px;  -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.header-mobile-right a span {font-family: 'Avenir Next Cyr Bold'; padding: 0 0 0 7px; letter-spacing: 0;}
.header-mobile-right a:hover {color: #fbd900; text-decoration: none;}

.header-mobile-left ul li ul li ul {height: auto; overflow: visible; display: block; position: relative; /*width: auto;*/ padding: 5px 0 5px 15px;}
.header-mobile-left ul li.one ul li a {font-size: 16px; line-height: 22px; text-transform: none; display: list-item; list-style-type: disc;}

.header-mobile-bottom {margin-top: 5px;}
.header-mobile-bottom p {text-align: right; font-size: 14px; line-height: 22px; font-weight: 500; margin-bottom: 14px;}
.header-mobile-bottom ul {text-align: center; position: relative;}
.header-mobile-bottom ul li a.header-mobile-bottom-service {text-transform: uppercase; color: #3A3639; font-size: 16px; line-height: 40px; padding: 4px 0 0 0; width: 150px; height: 40px; font-weight: 700; text-decoration: none; text-align: center; background: #fbd900; margin: 5px auto; display: block; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.header-mobile-bottom ul li a.header-mobile-bottom-service:hover {color: #fbd900; background: #3A3639; }
.header-mobile-bottom ul li {list-style: none;}
.header-mobile-bottom ul li a {text-decoration: none; }
.header-mobile-bottom ul li a:hover {text-decoration: none;}
.header-mobile-bottom li.close {position: absolute; width: 20px; height: 20px; top: -25px; right: 0; margin: 0; background: url(../images/close.png) no-repeat center;}
.header-mobile-bottom ul li ul {display: none; position: absolute; top: 48px; left: 0; width: 100%; background: white; margin: 0; padding: 15px 15px 15px 30px; z-index: 10000; text-align: left; overflow: visible; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-mobile-bottom ul li ul li {margin: 0; padding: 0;}
.header-mobile-bottom ul li ul li a {color: #2D2A2C; font-size: 16px; line-height: 22px; display: list-item; list-style-type: disc; font-weight: 300;}

.footer {width: 100%; padding: 36px 0 30px 0; background: #ededed;}
.footer-top {float: left; width: 100%; padding-bottom: 80px;}
.footer-top-left {width: 50%; float: left; text-align: left; font-weight: 300; font-size: 50px; line-height: 50px; text-transform: uppercase;}
.footer-top-left a {color: #3A3639; text-decoration: none; letter-spacing: -3px;  -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.footer-top-left a span {font-family: 'Avenir Next Cyr Bold'; padding: 0 25px 0 7px; letter-spacing: 0;}
.footer-top-left a:hover {color: #fbd900; text-decoration: none;}
.footer-top-right {width: 50%; float: left; text-align: right; padding-top: 5px;}
.footer-top-right a {color: #000000; font-size: 14px; line-height: 16px; font-weight: 700; text-decoration: none; background: none; border: 1px solid #000000; padding: 12px 18px; display: inline-block; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.footer-top-right a:hover {color: #fbd900; background: #3A3639;}
.footer-middle {float: left; width: 100%; padding-bottom: 78px;}
.footer-middle div {float: left; padding-right: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.footer-middle div.one {width: 21%;}
.footer-middle div.two {width: 26%;}
.footer-middle div.three {width: 20%;}
.footer-middle div.four {width: 20%;}
.footer-middle div.five {width: 13%;}
.footer-middle h3 {font-size: 18px; line-height: 20px; font-weight: 700; text-align: left; margin-bottom: 27px;}
.footer-middle h3 a, .footer-middle h3 a:hover {color: #3A3639; text-decoration: none;}
.footer-consultation {width: 100%; text-align: center; margin: 0 auto;}
.footer-consultation a {color: #000000; font-size: 14px; line-height: 16px; font-weight: 700; text-decoration: none; background: none; border: 1px solid #000000; padding: 12px 25px; display: inline-block; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.footer-consultation a:hover {color: #fbd900; background: #3A3639;}
.footer-bottom {float: left; width: 100%; position: relative;}
.footer-bottom-left {color: #3A3639; font-size: 12px; line-height: 14px; width: 50%; position: absolute; top: 0; left; 0;}
.footer-bottom-right {width: 50%; position: absolute; top: 0; right: 0; text-align: right;}
.footer-bottom-right img {margin-left: 17px; height: 17px; width: auto;}

#toTop {z-index: 1000; right: 10px; bottom: 10px; width: 32px; height: 32px; padding-top: 8px; text-align: center; display: none; font-size: 14px; line-height: 14px; font-weight: 500; text-transform: uppercase; background: #fbd900; color: black; position: fixed; cursor: pointer; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#toTop:hover {background: black; color: #fbd900;}

.content {display: table-row;   table-layout: fixed; height: 100%; width: 100%; z-index: 100;}

.left-column {width: 72%; float: left; text-align: center; padding: 40px 30px 25px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
p.date {text-align: center!important; color: #6C747D; font-size: 12px; line-height: 13px; margin-bottom: 30px;}
p.date a, p.date a:hover {text-decoration: none;}
p.date span {display: inline-block; padding: 0 15px;}
p.date strong {color: #FBD900; font-weight: 400;}

.sommaire-block1, .sommaire-block2, .sommaire-block3 {width: 100%;}
.sommaire-block1 h1 a, .sommaire-block1 h1 a:hover {text-decoration: none;}
.sommaire-block1 p {text-align: left;}
.sommaire-block1 img {margin-bottom: 5px; width: 100%; height: auto;}

.sommaire-block2 div {text-align: left; -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px;}
.sommaire-block2 div div {overflow: hidden; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0;}
.sommaire-block2 img {height: auto; margin-bottom: 5px;}
.sommaire-block2 p {text-align: left; font-size: 13px; line-height: 16px;}
.sommaire-block2 p a {color: black; text-decoration: none;}
.sommaire-block2 a:hover {text-decoration: underline;}

.sommaire-block3 h2 {text-transform: uppercase;}
.sommaire-block3 p {text-align: left;}
.sommaire-block3 img {width: 100%; height: auto; margin-bottom: 20px;}

.right-column {width: 28%; float: left; text-align: center; padding: 40px 0 25px 0;}
.right-column p {font-size: 14px; line-height: 18px; text-align: center; margin-bottom: 20px;}
.right-column form {margin-block-end: 0;}
.right-column input[type="email"] {width: 220px; height: 40px; display: inline-block; border: 1px solid #B7BFCB; padding: 0 10px; outline: 0; margin-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;}
.right-column input[type="submit"] {width: 40px; height: 40px; cursor: pointer; display: inline-block; background-color: rgba(251, 217, 0, 1); -webkit-appearance: none; -moz-appearance: none; appearance: none; color: black; border: 0; outline: 0; font-weight: 700; text-align: center; font-size: 12px!important; line-height: 40px; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.right-column input[type="submit"]:hover {background: black; color: #FBD900;}
.block-subscribe {background: url(../images/block-subscribe.png) no-repeat top center; width: 100%; height: 360px; position: relative; background-size: cover; text-align: center; padding: 0 20px; margin: 25px 0 45px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block-subscribe p {position: absolute; top: 120px; left: 0; width: 100%; font-size: 30px; line-height: 37px; font-family: 'Gotham Pro', sans-serif; font-weight: bold; color: #FFFFFF; text-shadow: 0px 1px 1px #0000009E;}
.block-subscribe a {position: absolute; top: 290px; left: 0; right: 0; color: black; font-size: 14px; line-height: 14px; font-weight: 700; text-decoration: none; text-align: center; background: white; padding: 12px; margin: 0 auto; max-width: 240px; display: inline-block; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.block-subscribe a:hover {color: white; background: black;}
.block-instagram {}
.block-facebook {}
.block-instagram iframe .widget {border: 0!important;}
.block-news {float: left; width: 100%;}
.block-news div {width: 100%; float: left; margin-bottom: 20px; text-align: left;}
.block-news img {float: left; margin-right: 12px; width: 86px; height: auto;}
.block-news h3 {font-size: 14px; line-height: 18px; text-align: left; font-family: 'Gotham Pro', sans-serif; font-weight: 500; margin-bottom: 5px;}
.block-news h3 a, .block-news h3 a:hover {text-decoration: none;}
.block-news p {font-size: 13px; line-height: 18px; margin-bottom: 1px; text-align: left;}
.block-news p a { color: black; text-decoration: none; }
.block-news p a:hover {color: black; text-decoration: underline;}
.block-news span {color: #6C747D; font-size: 10px;  text-align: left;}

.full-column {width: 100%; float: left; padding: 40px 0 50px 0;}

.article-contact {width: 100%; text-align: center; margin-bottom: 35px;}
.article-contact p {text-align: left;}
.article-contact p.phone, .article-contact p.email, .article-contact p.adress {font-size: 20px; line-height: 36px; text-align: center; margin: 0; padding-left: 25px; color: black; display: inline-block;}
.article-contact p a {text-decoration: none; border-bottom: 1px solid black;}
.article-contact p a:hover {text-decoration: none; border-bottom: 0;}
.phone {background: url(../images/phone.png) no-repeat left center;}
.email {background: url(../images/email.png) no-repeat left center;}
.adress {background: url(../images/adress.png) no-repeat left center;}
.map {margin: 0%; padding-bottom: 540px; overflow: hidden; position: relative; height: 0;}
.map iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

.rubrique-shop {width: 100%; text-align: left; float: left;}
.rubrique-shop div {float: left; width: 33.3%; height: 355px; overflow: hidden; padding: 0 20px; margin-bottom: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.rubrique-shop p {text-align: center; margin: 0; color: black; font-size: 18px; line-height: 24px; font-weight: 500;}
.rubrique-shop p a {text-decoration: none; color: black;}
.rubrique-shop p a:hover {text-decoration: none; border-bottom: 1px dotted black;}

.rubrique-beauty {width: 100%; text-align: left;}
.rubrique-beauty div {float: left; width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #b7bfcb;}
.rubrique-beauty div:last-child {border: 0; padding-bottom: 0;}
.rubrique-beauty div img {float: left; width: 250px; margin-right: 30px; }
.rubrique-beauty div h2 {font-size: 20px; line-height: 24px; text-align: left; margin-bottom: 10px;}
.rubrique-beauty div p {font-size: 14px; line-height: 22px; margin-bottom: 15px;}
.rubrique-beauty div p.date {text-align: left!important; margin-bottom: 15px;}

.article-product {float: left; width: 100%;}
.article-product-logo {float: left; width: 63%; padding-right: 45px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.article-product-logo img {width: 100%; height: auto;}
.article-product-card {float: left; width: 34%; background: #ededed; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.article-product-card h1 {text-align: left; margin-bottom: 25px;}

.article-product-card-price {width: 50%; float: left; text-align: left; padding-top: 5px; font-size: 30px; line-height: 52px; font-weight: bold; color: #3A3639;/*font-family: 'Gotham Pro', sans-serif;*/}
.article-product-card-order {width: 50%; float: left; text-align: center;}
.article-product-card-order a {color: #3A3639; font-size: 16px; line-height: 16px; font-weight: 700; text-decoration: none; text-align: center; background: #fbd900; padding: 12px 0; margin: 10px auto 40px auto; display: block; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.article-product-card-order a:hover {color: #fbd900; background: #3A3639;}
.article-product-card-share {width: 100%; text-align: center;}
.article-product-card-share span {color: #6C747D; font-size: 16px; line-height: 24px; font-weight: 500;}
.article-product-card-share img {margin-left: 18px; vertical-align: middle;}
.article-product-text {float: left; width: 100%; margin-top: 30px;}

.error {width: 100%; height: 100%; padding-top: 200px; text-align: center; background: #FBFBFB;}
.error p {text-align: center; color: #3A3639; font-size: 40px; line-height: 40px;}
.error div {color: #3A3639; text-align: center; letter-spacing: 2.5px; text-shadow: 3px 3px 6px #FBD900; font-size: 500px; line-height: 200px; font-family: 'Gotham Pro', sans-serif; margin-bottom: 130px;}
.error a {color: #3A3639; font-size: 14px; line-height: 14px; font-weight: 700; text-decoration: none; background: #fbd900; padding: 12px 40px; display: inline-block;-webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.error a:hover {color: #fbd900; background: #3A3639;}

.article-beauty {width: 100%; text-align: left;}
.logo-article-desktop {width: 100%; margin: 30px auto}
.logo-article-desktop img {width: 100%; height: auto;}
.gallery {margin-top: 30px; text-align: center; width: 100%; float: left;}
.gallery .item-gal {width: 23%; margin: 0 1% 2% 1%;  float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.gallery .item-gal img {float: left;}

.article-services {width: 100%; text-align: left;}
.article-services-card {width: 100%; background: #ededed; padding: 30px; margin-bottom: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.article-services-card h1 {text-align: left;}
.article-services-card p {margin-bottom: 20px;}
.article-services-card-price {width: 35%; display: inline-block; text-align: left; font-size: 34px; line-height: 30px; padding-top: 10px; font-weight: bold; color: #3A3639; /*font-family: 'Gotham Pro', sans-serif;*/}
.article-services-card-order {width: 63%; display: inline-block; text-align: right;}
.article-services-card-order a {color: #3A3639; font-size: 14px; line-height: 14px; font-weight: 700; text-decoration: none; background: #fbd900; padding: 12px 70px; display: inline-block; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.article-services-card-order a:hover {color: #fbd900; background: #3A3639;}

.form-order {padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.form-order input[type="text"], .form-order input[type="email"] {border: 0; background: #fafafa; max-width: 100%; width: 100%; height: 40px; text-align: center; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;}
.form-order button[type="submit"] {color: black; font-size: 16px; line-height: 16px; border: 0; font-weight: 700; text-decoration: none; cursor: pointer; -webkit-appearance: none;  -moz-appearance: none; appearance: none; background-color: #ededed; border: 1px solid black; width: 100%; height: 40px; text-align: center; padding: 12px 10px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.form-order button[type="submit"]:hover {color: #fbd900; background: #3A3639;}
::-webkit-input-placeholder {color: #D1D1D1; font-size: 16px;}
::-moz-placeholder {color: #D1D1D1; font-size: 16px;}
:-ms-input-placeholder {color: #D1D1D1; font-size: 16px;}
:-moz-placeholder {color: #D1D1D1; font-size: 16px;}

a.add-comment {border: 1px solid #FBD900; display: inline-block; padding: 11px 30px 13px 30px; font-size: 14px; line-height: 16px; font-weight: 700; margin: 20px 0 40px 0; color: black; text-decoration: none; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
a.add-comment:hover {background: #FBD900; color: black; text-decoration: none;}
.comments-list {}
.comments-list ul li {display: inline-block; padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #B7BFCB; width: 100%;}
.comments-list p.comment-meta {margin-bottom: 15px;}
.comments-list p.comment-meta a {display: none;}
.comments-list p.comment-meta span {}
.comments-list p.comment-meta span strong {font-size: 16px; font-weight: 700; padding-right: 10px;}
.comments-list p.comment-meta span abbr {font-size: 12px; font-weight: 400; color: #6C747D; text-decoration: none;}
.comments-list input[type="submit"], .comments-list button[type="submit"] {border: 1px solid #B7BFCB; display: inline-block; background: white; cursor: pointer; padding: 6px 20px 7px 20px; margin: 15px 15px 0 0; font-size: 14px; line-height: 16px; font-weight: 700; color: black; text-decoration: none; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.comments-list input[type="submit"]:hover, .comments-list button[type="submit"]:hover {background: #B7BFCB; color: black; text-decoration: none;}
.comments-list form {display: inline-block;}
.comments-list .comment-texte p {margin: 0;}
.comments-list .reply {padding-left: 15px; margin-left: 15px; border-left: 1px solid #FBD900; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

#formulaire_forum {padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#formulaire_forum fieldset {border: 0;}
#formulaire_forum legend {display: none;}
#formulaire_forum li {display: inline-block; width: 100%;}
#formulaire_forum p {margin: 0;}
#formulaire_forum p.explication {font-weight: 500; margin-bottom: 10px;}
#formulaire_forum input[type="text"], #formulaire_forum input[type="email"], #formulaire_forum textarea {border: 0; background: #fafafa; max-width: 100%; width: 100%; height: 40px; text-align: left; padding: 0 10px; margin-bottom: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;}
#formulaire_forum textarea {height: 100px; padding: 10px;}
#formulaire_forum input[type="submit"] {color: #3A3639; font-size: 16px; line-height: 16px; border: 0; font-weight: 700; text-decoration: none; cursor: pointer; background: #fbd900; width: auto; text-align: center; padding: 10px 20px; display: inline-block; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
#formulaire_forum input[type="submit"]:hover {color: #fbd900; background: #3A3639;}

#colorbox, #cboxWrapper {z-index: 1000000!important;}
#cboxContent p.saisie_texte_info {display: none;} 
/*#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {display: none!important;}

#colorbox {width: 400px!important; height: 520px!important; left: 50%!important; right: 0!important; margin-left: -200px!important; overflow: visible!important;}
#cboxWrapper {position: relative!important; width: 100%!important; height: auto!important; min-height: 100px!important; overflow: visible!important;}
#cboxContent {position: relative!important; width: 100%!important; height: auto!important; min-height: 100px!important; overflow: visible!important;}
#cboxLoadedContent {position: relative!important; width: 100%!important; height: auto!important; min-height: 100px!important; overflow: visible!important;}

#colorbox, #cboxWrapper {z-index: 1000000!important;}
#cboxContent {-webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; border: 1px solid #afafaf; box-sizing: border-box!important; -moz-box-sizing: border-box!important; -webkit-box-sizing: border-box!important;}
#cboxLoadedContent {margin-bottom: 0!important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#cboxClose {position: absolute; bottom: 0; right: 5px!important; top: 5px!important; background: url(../images/close.jpg) no-repeat center!important;}
#cboxContent p.saisie_texte_info {display: none;}     */

.reponse_formulaire_ok p {text-align: center; font-weight: 500; margin: 20px; font-size: 18px; line-height: 24px;}

.rubrique-main a {display: block; font-size: 18px; line-height: 30px; font-weight: 400; text-decoration: none; width: 46%; margin: 0 2% 16px 2%; float: left; text-align: left; padding: 15px 20px; border: 1px solid #ededed; background: #FFFFFF; /*box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08); */webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.rubrique-main a:hover {background: #fbd900;}

/* 0 - 540 (320, 360, 414, 440, 480, 540) */
@media only screen and (min-width: 100px) and (max-width: 540px) {
html {height: 100%; font-size: 100%;}
body {font-size: 14px; line-height: 26px;}
.block-subscribe {display: none;}
.link-form {margin: -15px auto 15px auto!important;}
h1, h2  {font-size: 20px; line-height: 27px;}
p {font-size: 14px; line-height: 26px;}
.header-desktop {display: none;}
.header-mobile {display: block;}
.footer-top {display: none;}
.footer-middle {padding: 0;}
.footer-middle div.one, .footer-middle div.two, .footer-middle div.three, .footer-middle div.four, .footer-middle div.five {width: 49%; float: none; display: inline-block; vertical-align: top; margin-bottom: 50px;}
.footer-middle h3 {font-size: 16px; line-height: 18px;}
.footer-bottom-left {width: 100%; position: relative; text-align: center;}
.footer-bottom-right {width: 100%; position: relative; text-align: center; margin: 30px auto;}
.footer-bottom-right img {margin: 0 16px; height: 24px; width: auto;}
hr {margin: 5px 0 30px 0;}
.left-column {width: 100%; padding: 30px 0 0 0;}
.right-column {width: 100%; float: left; border-top: 1px solid #b7bfcb; margin-top: 30px; padding: 30px 0 25px 0;}
.block-subscribe {height: 390px;}
.block-subscribe p {position: absolute; top: 160px; left: 0;}
.block-subscribe a {position: absolute; top: 330px; left: 0; right: 0; }
.sommaire-block2 p {font-size: 10px; line-height: 14px;}
.sommaire-block2 img {margin-bottom: 1px;}
.sommaire-block2 div {-moz-column-count: 3; -moz-column-gap: 8px; -webkit-column-count: 3; -webkit-column-gap: 8px; column-count: 3; column-gap: 8px;}
.sommaire-block2 div div:last-child {display: none;} 
.rubrique-shop {text-align: center;}
.rubrique-shop div {width: 100%; float: none; max-width: 300px; height: auto; padding: 0; margin: 0 auto 30px auto;}
.rubrique-shop p {font-size: 14px; line-height: 26px;}
.rubrique-beauty div {text-align: center;}
.rubrique-beauty div img {float: none; width: auto; margin: 0 0 25px 0;}
.rubrique-beauty div h2 {text-align: center;}
.rubrique-beauty div p {text-align: left;}
.rubrique-beauty div p.date {text-align: center!important;}
.article-product-logo {width: 100%; padding-right: 0; margin-bottom: 20px;}
.article-product-card {width: 100%;}
.article-product-card h1 {font-size: 20px; line-height: 26px;}
.article-contact p {text-align: center;}
.error {padding-top: 50px;}
.error p {font-size: 26px; line-height: 26px;}
.error div {font-size: 200px; line-height: 100px; margin-bottom: 100px;}
.gallery .item-gal {width: 48%; margin: 0 1% 2% 1%;}
.article-services-card-price {width: 100%; margin-bottom: 20px; text-align: center;}
.article-services-card-order {width: 100%; text-align: center;}
.article-services-card-order a {padding: 12px 40px;}
.article-services-card h1 {font-size: 30px; line-height: 36px;}
.article-services-card p {font-size: 16px; line-height: 24px;}
/*#colorbox {width: 98%!important;}
#colorbox {left: 1%!important; right: 0!important; margin-left: 0!important;}
#cboxWrapper, #cboxContent, #cboxLoadedContent {width: 98%!important;}  */
.rubrique-main a {width: 460px; max-width: 100%; margin: 0 auto 16px auto; float: none;}
}

/* 541 - 768 (568, 600, 640, 720, 768) */
@media only screen and (min-width: 541px) and (max-width: 799px) {
html {height: 100%; font-size: 100%;}
.link-form {display: none!important;}
.header-desktop {display: none;}
.header-mobile {display: block;}
.footer-top {display: none;}
.footer-middle {padding: 0;}
.footer-middle div.one, .footer-middle div.two, .footer-middle div.three, .footer-middle div.four, .footer-middle div.five {width: 49%; float: none; display: inline-block; vertical-align: top; margin-bottom: 50px;}
.footer-bottom-left {width: 100%; position: relative; text-align: center;}
.footer-bottom-right {width: 100%; position: relative; text-align: center; margin: 30px auto;}
.footer-bottom-right img {margin: 0 16px; height: 24px; width: auto;}
.left-column {width: 100%; padding: 30px 0 0 0;}
.right-column {width: 100%; float: left; border-top: 1px solid #b7bfcb; margin-top: 30px; padding: 30px 0 25px 0;}
.rubrique-shop div {width: 50%; height: 395px; padding: 0 15px; margin-bottom: 30px;}
.article-product-logo {width: 100%; padding-right: 0; margin-bottom: 20px;}
.article-product-card {width: 100%;}
.article-product-card h1 {font-size: 20px; line-height: 26px;}
.error {padding-top: 50px;}
.error p {font-size: 30px; line-height: 30px;}
.error div {font-size: 250px; line-height: 150px; margin-bottom: 100px;}
.article-services-card-price {width: 100%; margin-bottom: 20px; text-align: center;}
.article-services-card-order {width: 100%; text-align: center;}
.rubrique-main a {width: 460px; max-width: 100%; margin: 0 auto 16px auto; float: none;}
}

/* 800 - 960 (800, 960) */
@media only screen and (min-width: 800px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
.link-form {display: none!important;}
.center {max-width: 96%;}
.header-desktop {display: block;}
.header-mobile {display: none;}
.header-desktop-middle-left {width: 50%; padding-top: 10px;}
.header-desktop-middle-right {width: 50%;}
.header-desktop-middle-left {font-size: 60px; line-height: 60px;}
.header-desktop-bottom a:after {content: '/'; padding: 0 25px;}
.footer-consultation {display: none;}
.left-column {width: 67%;}
.right-column {width: 33%;}
.article-product-logo {width: 58%; padding-right: 35px;}
.article-product-card {width: 42%; padding: 20px;}
.error {padding-top: 50px;}
.error div {font-size: 400px; line-height: 150px; margin-bottom: 100px;}
.article-services-card-price {width: 100%; margin-bottom: 20px; text-align: center;}
.article-services-card-order {width: 100%; text-align: center;}
.rubrique-main a {width: 460px; max-width: 100%; margin: 0 auto 16px auto; float: none;}
}

/*  961 - 1199 (1024, 1280 ) */
@media only screen and (min-width: 961px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
.link-form {display: none!important;}
.center {max-width: 98%;}
.header-desktop {display: block;}
.header-mobile {display: none;}
.footer-consultation {display: none;}
}