html { overflow-x: hidden }
body { background: #fff; color: #6b6b73; font-family: 'proxima'; font-size: 16px; margin: 0; overflow-x: hidden; }
body { -webkit-font-smoothing: antialiased;}
body.content_only { margin: 0 }
body.menu-open { overflow: hidden; position: fixed; left: 0; right: 0; top: 0 }
body.content_only.product { background: rgba(255, 255, 255, 0.8) }
.products.container,
.order-confirmation.container,
.main.container { padding: 40px 15px }
/*************************************************************************************************************
**************************************** INDEX ******************************************
**************************************************************************************************************/
#header {
font-family: 'caviar';
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
z-index: 110;
}
#header #header-logo {
padding: 20px;
}
#header #header-logo a {
display: block;
text-align: center;
}
#header #header-logo a img {
display: inline;
height: auto;
max-width: 100%;
}
#header #customer-infos {
padding-left: 0
}
#header #customer-infos a:hover { color: #b5985a }
#header #customer-infos > div {
float: left;
padding: 35px 0 0 0;
}
#header #customer-infos #collection a {
border-left: 1px solid #b8afa1;
padding: 0 15px;
}
#header #customer-infos #languages {
}
#header #customer-infos #languages > a {
border-left: 1px solid #b8afa1;
padding: 0 15px;
}
#header #customer-infos > #infos-client {
border: 0;
margin-top: 10px;
padding: 25px 15px 10px 15px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#header #customer-infos > #infos-client:hover { background: #b5985a; color: #fff; opacity: 1; pointer-events: auto; }
#header #customer-infos > #infos-client a {
}
#header #customer-infos > #infos-client:hover a { color: #fff }
#header #customer-infos #infos-client > div {
background: #fff;
left: 0;
height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 100%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#header #customer-infos #infos-client:hover > div { background: #b5985a; height: auto; opacity: 1 }
#header #customer-infos #infos-client > div li {
background: #b5985a;
padding: 0 15px;
}
#header #customer-infos #infos-client > div li:last-child { background: #151519 }
#header #customer-infos #infos-client > div li a {
border-top: 1px solid rgba(255, 255, 255, 0.4);
color: #fff;
display: block;
padding-bottom: 15px;
padding-top: 15px;
}
#header #customer-infos #infos-client > div li:first-child a { border: 0 }
#header #customer-infos #infos-client > div li:last-child a { border: 0 }
#header #customer-infos #infos-client > div li a:hover { color: #151519; text-decoration: none; }
#header #customer-infos #infos-client > div li:last-child a:hover { color: #fff }
#header #customer-infos #infos-client > div li a i { color: #fff; font-size: 14px; font-weight: normal; margin-left: 0 }
#header #customer-infos #infos-client > div li:last-child a i { color: #fff }
#header #customer-infos #infos-client > div li a:hover i { color: #151519 }
#header #customer-infos #infos-client > div li:last-child a:hover i { color: #fff; }
#header #customer-infos > #infos-representant {
border: 0;
margin-top: 10px;
padding: 25px 15px 10px 15px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#header #customer-infos > #infos-representant:hover { background: #b5985a; color: #fff; opacity: 1; pointer-events: auto; }
#header #customer-infos > #infos-representant a {
}
#header #customer-infos > #infos-representant:hover a { color: #fff }
#header #customer-infos #infos-representant > div {
background: #fff;
left: 134px;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#header #customer-infos #infos-representant:hover > div { background: #b5985a; opacity: 1; pointer-events: auto }
#header #customer-infos #infos-representant > div li {
background: #b5985a;
padding: 0 15px;
}
#header #customer-infos #infos-representant > div li:last-child { background: #151519 }
#header #customer-infos #infos-representant > div li a {
border-top: 1px solid rgba(255, 255, 255, 0.4);
color: #fff;
display: block;
padding-bottom: 15px;
padding-top: 15px;
}
#header #customer-infos #infos-representant > div li:first-child a { border: 0 }
#header #customer-infos #infos-representant > div li:last-child a { border: 0 }
#header #customer-infos #infos-representant > div li a:hover { color: #151519; text-decoration: none; }
#header #customer-infos #infos-representant > div li:last-child a:hover { color: #fff }
#header #customer-infos #infos-representant > div li a i { color: #fff; font-size: 14px; font-weight: normal; margin-left: 0 }
#header #customer-infos #infos-representant > div li:last-child a i { color: #fff }
#header #customer-infos #infos-representant > div li a:hover i { color: #151519 }
#header #customer-infos #infos-representant > div li:last-child a:hover i { color: #fff; }
#header #customer-infos #languages {
background: #fff;
border: 0;
margin-top: 10px;
padding: 25px 0 10px 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#header #customer-infos #languages:hover { background: #b5985a }
#header #customer-infos #languages:hover a { color: #fff }
#header #customer-infos #languages > ul {
background: #fff;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#header #customer-infos #languages:hover > ul { background: #b5985a; opacity: 1; pointer-events: auto }
#header #customer-infos #languages li {
background: #b5985a;
padding: 0 15px;
}
#header #customer-infos #languages li span,
#header #customer-infos #languages li a {
border-top: 1px solid rgba(255, 255, 255, 0.4);
color: #fff;
display: block;
padding-bottom: 15px;
padding-top: 15px;
}
#header #customer-infos #languages li:first-child > * { border: 0 }
#header #customer-infos #languages li span i { color: #fff; font-size: 14px; font-weight: normal; margin-left: 0; padding-left: 1px }
#header #customer-infos #languages li a i { color: #fff; font-size: 14px; font-weight: normal; margin-left: 0; padding-left: 1px }
#header #cart-search {
padding-top: 25px;
}
#header-search,
#cart-search > div {
float: right;
}
#header-search #searchbox {
float: right;
}
#header-search #searchbox input {
border: 1px solid #fff;
border-radius: 20px;
color: #6b6b73;
float: right;
font-family: 'caviar';
font-size: 11px;
height: 27px;
letter-spacing: 1px;
margin-right: -10px;
padding: 5px 15px 5px 105px;
position: relative;
text-transform: uppercase;
width: 200px;
z-index: 1;
}
#header-search #searchbox input::-webkit-input-placeholder { color: #6b6b73; opacity: 0.8 }
#header-search #searchbox input:-moz-placeholder { color: #6b6b73; opacity: 0.8 }
#header-search #searchbox input::-moz-placeholder { color: #6b6b73; opacity: 0.8 }
#header-search #searchbox input:-ms-input-placeholder { color: #6b6b73; opacity: 0.8 }
#header-search #searchbox input:focus { border: 1px solid #ccc; width: 200px; margin-right: 5px; padding: 5px 15px; }
#header-search #searchbox button {
background: none;
border: 0;
float: right;
margin: 2px 0 0 0;
padding-left: 0;
position: relative;
z-index: 2;
}
#header #header-cart {
padding: 5px 0 0 0;
}
#header #header-cart > a {
border-left: 1px solid #b8afa1;
color: #6b6b73;
padding: 0 0 0 10px;
}
#header #header-cart > a:hover { color: #b5985a; text-decoration: none }
#header #header-cart > a span.ajax_cart_quantity {
background: #b5985a;
border-radius: 50%;
color: #fff;
display: inline-block;
float: right;
height: 25px;
line-height: 25px;
margin: -5px 0 0 10px;
text-align: center;
width: 25px;
}
#header #customer-infos a {
color: #6b6b73;
}
#header #customer-infos a:hover { text-decoration: none }
#header a i {
color: #b5985a;
font-size: 12px;
font-weight: bold;
margin-left: 5px;
}
#header #mainmenu {
background: rgba(21, 21, 25, 0.65);
}
#header #mainmenu .menu-content > ul {
text-align: center;
}
#header #mainmenu li {
display: inline-block;
vertical-align: middle;
}
#header #mainmenu .menu-content > li span,
#header #mainmenu .menu-content > li a {
color: #fff;
display: block;
font-size: 14px;
padding: 11px 15px;
}
#header #mainmenu .menu-content > li .cta-menu {
float: right;
}
#header #mainmenu .menu-content > li .cta-menu a {
padding: 0;
}
#header #mainmenu .menu-content > li > a.menu-subtitle { background: #b5985a }
#header #mainmenu .menu-content > li:hover > a.menu-subtitle { color: #fff }
#header #mainmenu .menu-content > li span { color: #bbb }
#header #mainmenu .menu-content > li > span { color: #fff }
/* Sous-menu LG-MD */
@media (min-width: 991px) {
#header #mainmenu .menu-content > li:hover { background: #fff }
#header #mainmenu .menu-content > li:hover a, #header #mainmenu .menu-content > li:hover span { color: #151519; text-decoration: none }
#header #mainmenu .menu-content > li .submenu {
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
left: 0;
min-height: 0;
max-height: 0;
overflow: hidden;
position: absolute;
right: 0;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
z-index: 11;
}
#header #mainmenu .menu-content > li .submenu .container {
padding: 30px 15px 45px 15px;
}
#header #mainmenu .menu-content > li:hover .submenu {
min-height: 350px;
max-height: 500px;
transition: all 0.3s ease 0.2s;
-webkit-transition: all 0.3s ease 0.2s;
-moz-transition: all 0.3s ease 0.2s;
z-index: 12;
}
#header #mainmenu .menu-content > li .submenu .menu-subtitle {
border-bottom: 1px solid #d1cbc2;
color: #b5975a;
font-size: 13px;
display: block;
margin-bottom: 15px;
padding-bottom: 15px;
padding: 0 0 15px 0;
text-transform: uppercase;
}
#header #mainmenu .menu-content > li .submenu ul {
}
#header #mainmenu .menu-content > li ul li {
display: block;
letter-spacing: 0px;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
z-index: 1;
}
#header #mainmenu .menu-content > li ul li span,
#header #mainmenu .menu-content > li ul li a {
color: #6b6b73;
display: block;
font-family: 'proxima';
font-size: 16px;
overflow: hidden;
padding: 5px 20px 5px 0;
position: relative;
text-transform: none;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
#header #mainmenu .menu-content > li ul li span, #header #mainmenu .menu-content > li:hover ul li span { color: #999 }
#header #mainmenu .menu-content > li ul li a.arrow {
color: #151519;
font-family: 'caviar';
font-size: 11px;
letter-spacing: 1px;
margin: 20px 0 -20px 0;
padding-left: 25px;
padding-right: 0;
text-transform: uppercase;
}
#header #mainmenu .menu-content > li ul li:hover a { color: #b5975a; margin-left: 5px }
#header #mainmenu .menu-content > li ul li:hover a.arrow { padding-left: 30px }
#header #mainmenu .menu-content > li ul li a i {
color: #b5975a;
font-size: 15px;
font-weight: normal;
height: 14px;
line-height: 14px;
right: -20px;
opacity: 0;
margin: -8px 0 0 1px;
position: absolute;
text-align: center;
top: 50%;
width: 14px;
}
#header #mainmenu .menu-content > li ul li a.arrow i {
left: 0;
opacity: 1;
right: auto;
}
#header #mainmenu .menu-content > li ul li a i:before { display: inline }
#header #mainmenu .menu-content > li ul li:hover a i { opacity: 1; right: 2px; }
header #mainmenu .menu-content > li .cta-menu img {
display: block;
width: 100%;
}
}
#index main {
position: relative;
z-index: 1;
}
#index #experience {
background: url('../../../img/upload/fond-experience.jpg') no-repeat 50% 0;
/*background-attachment: fixed;*/
margin-top: -42px;
padding: 350px 0 45px 0;
}
#index.shop-b2b #experience { background-image: url('../../../img/upload/fond-experience-b2b.jpg'); }
#index.mobile #experience { background-attachment: unset }
#index #experience .box-gold {
border-color: #b5985a;
text-align: center;
}
#index #experience .box-gold img {
margin: 0 auto 5px auto;
display: block;
width: 80px;
}
#index #experience .box-gold .intro {
color: #000;
display: block;
font-family: 'caviar';
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
}
#index #experience .box-gold .title {
color: #000;
display: block;
font-family: 'playfair';
font-size: 36px;
margin: 0;
text-transform: uppercase;
}
#index #experience .box-gold .btn {
margin: 10px 0;
}
#index #univers {
margin: 50px 0;
position: relative;
z-index: 2;
}
#index #boutique .share-video-menu {
text-align: center;
margin-top:30px;
margin-bottom:50px;
}
#index #boutique .share-video .share-video-item {
display: inline-block;
}
#index #boutique .share-video .share-video-item .share-video-link {
display: block;
width:60px;
height:60px;
background:#b5985a;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
margin-right:26px;
position: relative;
-webkit-transition: background linear 250ms;
-moz-transition: background linear 250ms;
-ms-transition: background linear 250ms;
-o-transition: background linear 250ms;
transition: background linear 250ms;
}
#index #boutique .share-video .share-video-item:last-child .share-video-link {
margin-right:0;
}
#index #boutique .share-video .share-video-item .share-video-link:hover {
background:#000;
}
#index #boutique .share-video .share-video-item .share-video-link i,
#index #boutique .share-video .share-video-item .share-video-link .arrow-down {
position: absolute;
font-size:31px ;
color:#fff;
left:50%;
top:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/************ OVERRIDE YOUTUBE VIDEO PLAYER ******************/
#boutique iframe {
width:100%;
}
#index .boxes .boxes-content { margin: -19px 0 0; padding: 14px 15px 15px; }
#index #boutique .boxes .boxes-content { margin: -15px 0 0; padding: 14px 15px 15px; }
#index .boxes .mask:last-child { margin: -18px 0 -8px }
#index #boutique .boxes .mask:last-child { margin: -24px 0 -8px }
#index #univers .boxes .top { padding-left: 220px }
#index #histoire .title-full .top { padding-left: 340px }
#index #boutique .boxes .top { padding-left: 290px }
#index #newsletter .title-full .top { padding-left: 290px }
#index #histoire {
margin: 0 0 50px 0;
position: relative;
z-index: 1;
}
#index #histoire .content {
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
margin: 20px 0 0 0;
padding: 170px 0;
text-align: center;
}
#index.mobile #histoire .content { background-attachment: scroll }
.bt-dammann { background-size: 270px 268px; -moz-background-size: 270px 268px; -webkit-background-size: 270px 268px; background-image: url('../img/bt-dammann-over.png'); background-repeat: no-repeat; background-position: 0 0; display: block; height: 268px; margin: 0 auto; width: 270px }
.lang_en .bt-dammann { background-image: url('../img/bt-dammann-over-en.png'); display: block; height: 268px; margin: 0 auto; width: 270px }
.bt-dammann img {
height: 268px;
width: 270px;
}
.bt-dammann:hover img { opacity: 0 }
#index #boutique {
margin: 0 0 50px 0;
}
#index #boutique .boxes-content .box {
margin: 20px 0 0 0;
padding: 170px 0;
text-align: center;
}
#index #boutique video {
display: block;
}
#index #newsletter {
margin: 0 0 25px 0;
}
#index #newsletter .content {
background: url('../img/fond-papier.jpg');
margin: 20px 0 0 0;
padding: 25px 0 35px 0;
text-align: center;
}
#index #newsletter .content p {
margin-bottom: 15px;
}
#index #newsletter .content input {
background: #fff;
border: 1px solid #c6bfb4;
margin-left: 10%;
text-align: center;
width: 80%;
}
#index #newsletter .alert {
background: #dfac40;
}
#index #facebook i,
#index #twitter i {
font-size: 38px;
}
#index #twitter,
#index #facebook {
background: #b09c6a;
color: #fff;
cursor: pointer;
font-size: 14px;
height: 273px;
padding: 30px 20px;
position: relative;
}
#index #facebook { background: #b8afa1 }
#index .social-slide li {
position: relative;
}
#index .social-slide li a {
color: #fff
}
#index .social-slide li a:hover { text-decoration: none }
#index .social-slide .details {
position: absolute;
text-transform: uppercase;
top: 130px;
}
#index .social-slide .details span { display: block }
#reasurrance {
color: #b8afa1;
margin: 0 0 25px 0;
text-align: center;
}
#reasurrance .box-rea {
border-left: 1px solid rgba(156, 148, 135, 0.25);
}
#reasurrance .box-rea:first-child { border: 0 }
#reasurrance .box-rea img {
max-width: 268px;
padding: 5px 0;
}
#reasurrance .box-rea .title {
display: block;
font-weight: bold;
text-transform: uppercase;
}
#reasurrance .box-rea .subtitle {
display: block;
}
#footer {
background: #151519 url('../img/fond-footer.png') no-repeat center bottom;
color: #a4a3a3;
}
#footer > .container { padding: 30px 15px 0 15px }
#footer .block-links,
#footer .block-account,
#footer .block-social {
font-size: 14px;
margin: 0 0 20px 0;
}
#footer h5 {
color: #727171;
font-size: 16px;
margin: 0 0 15px 0;
text-transform: uppercase;
}
#footer .block-account h5 a {
color: #727171;
}
#footer .block-account .btn {
background: #b5985a;
color: #fff;
margin-top: 15px;
}
#footer .block-account .btn:hover { background: #000; border-color: #000;}
#footer .block-links ul,
#footer .block-account ul,
#footer .block-social ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer .block-links li,
#footer .block-account li {
padding: 2px 0;
}
#footer .block-links li a,
#footer .block-account a {
color: #a4a3a3;
}
#footer .block-social li {
display: inline-block;
margin: 5px 15px 20px 0;
vertical-align: middle;
}
#footer .social li:first-child { margin: 5px 0 0 0; }
#footer .block-social li a {
color: #fff;
display: block;
}
#footer .block-social li a:hover { color: #b5985a; text-decoration: none }
#footer .block-social .clear a { color: #a4a3a3; font-style: italic; text-decoration: underline }
#footer .block-social .instagram a .icon,
#footer .block-social .vimeo a .icon,
#footer .block-social .google-plus a .icon,
#footer .block-social .youtube a .icon,
#footer .block-social .facebook .icon,
#footer .block-social .pinterest .icon {
width: 28px;
height: 32px;
display: block;
position: relative;
}
#footer .block-social .icon {
font-family: 'icomoon';
font-size: 24px;
line-height: 28px;
speak: none; font-style:
normal; font-weight: normal;
font-variant: normal;
text-align: center;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#footer .block-social .icon::after {
line-height: 32px;
}
#footer .block-social .instagram .icon::after { content: '\e901'; }
#footer .block-social .vimeo .icon::after { content: '\e902'; }
#footer .block-social .pinterest .icon::after { content: '\e612'; }
#footer .block-social .instagram .icon::after { content: '\e901'; }
#footer .block-social .youtube .icon::after { content: '\e903'; }
#footer .block-social .google-plus .icon::after { content: '\e900'; }
#footer .block-social .icon-fb:before, #footer .block-social .icon-tw:before
{ font-size: 24px; width: 28px; text-align: center; }
#footer .block-social a:hover .icon { color: #b5985a; }
#footer .footer-bottom {
border-top: 1px solid #2e2f35;
overflow: hidden;
padding: 15px 0;
}
#footer .footer-bottom .copyrights {
float: left;
font-size: 14px;
line-height: 12px;
}
#footer .footer-bottom .block-links {
float: right;
}
#footer .footer-bottom .block-links li {
border-left: 1px solid #2e2f35;
float: left;
line-height: 12px;
padding: 0 12px;
}
#footer .footer-bottom .block-links li:first-child { border: 0 }
#footer .footer-bottom .block-links li:last-child { padding-right: 0; }
#gototop {
bottom: 50px;
cursor: pointer;
opacity: 0.7;
position: fixed;
right: -200px;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 500
}
#gototop.active { right: 50px }
#gototop:hover { opacity: 1 }
@media(max-width: 767px) {
#gototop { bottom: 20px }
#gototop.active { right: 20px }
}
@media (min-width: 1850px) {
#index #experience, #index.shop-b2b #experience { background-size: 100% auto; }
}
@media (max-width: 1199px) {
#header #header-logo { padding: 30px 0 }
#header #mainmenu .menu-content > li span, #header #mainmenu .menu-content > li a { font-size: 13px; padding: 10px 6px; }
#index #experience { margin-top: -38px; padding: 75px 0 50px 0; }
#index #experience .box-gold .title { font-size: 28px }
#index #twitter i, #index #facebook i { bottom: 15px; font-size: 20px; position: absolute; right: 15px; }
#index #twitter, #index #facebook { height: auto; padding: 10px }
#index #twitter .lSSlideOute0r, #index #facebook .lSSlideOute0r { bottom: 10px; left: 10px; top: 10px; right: 10px; }
#index #twitter .lSSlideWrapper, #index #facebook .lSSlideWrapper { padding: 0 }
#index .social-slide .details { top: 127px; }
#footer .block-account { clear: both; margin-top: 20px }
#footer .block-social { margin-top: 20px }
#cms iframe {
height:528px;
}
}
@media (max-width: 991px) {
#index #experience, #index.shop-b2b #experience { background-size: auto; background-position: 0 0; }
#header #header-logo { padding: 30px; text-align: center; }
#header #header-logo .logo { display: inline-block }
#header #customer-infos > div { border: 0 }
#header #customer-infos > div { padding: 30px 0 0 0 }
#infos-client-mobile img { display: block; margin: 0 auto 10px auto; width: 58px }
#infos-client-mobile span { display: block; text-align: center; }
#index .boxes .boxes-content { margin: -11px 0 0; padding: 14px 15px 15px; }
#index .boxes .mask:last-child { margin: -22px 0 -8px }
#header #header-cart { padding: 5px 0 0 0 }
#header #header-cart > a { border: 0; padding: 0; text-align: center; }
#header #header-cart > a span.ajax_cart_quantity { display: inline-block; float: none; font-size: 20px; height: 58px; line-height: 58px; margin: 0; width: 58px; }
#header #header-cart > a span.label-cart { display: block; margin: 10px 0 0 0; text-align: center }
#menu-mobile #header-search #searchbox { position: relative; }
#menu-mobile #header-search #searchbox input { border-radius: 20px; height: 27px; margin: 0; padding: 5px 30px 5px 80px; }
#menu-mobile #header-search #searchbox button { background: none; border: 0; border-radius: 0 20px 20px 0; position: absolute; margin: 0; right: 0; top: 1px;}
#menu-mobile #header-search #searchbox input:focus { border-color: #fff; }
#menu-mobile #searchbox button { }
#languages-mobile { float: right; margin: 7px 0 0 15px; position: relative; }
#languages-mobile a { color: #fff; position: relative; z-index: 1; }
#languages-mobile select { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%; z-index: 2; }
#header #menu-mobile { background: #000; float: left; padding: 10px 15px; width: 100%; z-index: 12 }
#header #menu-mobile > a { background: url('../img/icon-menu-mobile.png') no-repeat left center; color: #fff; float: left; padding: 5px 20px 5px 25px; }
#header #menu-mobile > a:hover { text-decoration: none; }
#header #menu-mobile.open i { background-position: -245px -70px }
#header #mainmenu { background: rgba(0, 0, 0, 0); bottom: 0; left: 0; margin: 0; pointer-events: none; position: fixed; width: 100%; top: 0; transition: all 0.3s ease 0s; z-index: 0; }
#header #mainmenu.open { background: rgba(0, 0, 0, 0.5);left: 0; pointer-events: auto; z-index: 10; }
#header #mainmenu > div > ul { background: #e4e2de; height: 100%; left: -101%; margin: 0; position: absolute; transition: all 0.3s ease 0s; width: 50% }
#header #mainmenu.open > div > ul { left: 0 }
#header #mainmenu li { padding: 0 15px; width: 100% }
#header #mainmenu li a:hover, #header #mainmenu li a:focus { text-decoration: none; }
#header #mainmenu > div > ul.menu-content > li.close-tab { background: #000 }
#header #mainmenu > div > ul.menu-content > li > a, #header #mainmenu > div > ul.menu-content > li > span { background: url('../img/arrow-menu.png') no-repeat right center; border-bottom: 1px solid #beb6a9; color: #151519; display: block; font-family: 'caviar'; font-size: 13px; padding: 15px 40px 15px 15px; position: relative; width: 100%; }
#header #mainmenu > div > ul.menu-content > li > a:hover { text-decoration: none }
#header #mainmenu .menu-content > li > a.menu-subtitle { color: #fff }
#header #mainmenu > div > ul.menu-content > li.close-tab > a { background: none; border: 0; color: #fff; }
#header #mainmenu > div > ul.menu-content > li.close-tab > a::after { content: '\e617'; font-size: 20px; font-family: 'icomoon'; position: absolute; right: 0px; top: 10px; }
#header #mainmenu > div > ul > li > .submenu { background: #e4e2de; height: 100%; left: -101%; margin: 0; overflow-y: auto; position: fixed; top: 0; transition: all 0.3s ease 0s; width: 50%; z-index: 2 }
#header #mainmenu > div > ul > li.open > .submenu { font-size: 13px; left: 0 }
#header #mainmenu > div > ul > li > .submenu .container { width: 100% }
#header #mainmenu > div > ul > li > .submenu .cta-menu img { max-width: 100% }
#header #mainmenu > div > ul > li > .submenu .close-tab { background: #000; padding: 0 30px }
#header #mainmenu > div > ul > li > .submenu .close-tab a { background:none; border: 0; color: #fff; padding: 15px 30px 15px 0; text-align: left }
#header #mainmenu > div > ul > li > .submenu .close-tab::after { content: '\e617'; font-size: 20px; font-family: 'icomoon'; position: absolute; right: 15px; top: 10px; color: #fff; }
#header #mainmenu > div > ul > li > .submenu .menu-subtitle { color: #151519; display: block; padding: 15px }
#header #mainmenu > div > ul > li .submenu .cta-menu { display: none; }
#header #mainmenu > div > ul > li > a.open { background: #b4293c; text-decoration: none; }
#header #mainmenu > div > ul > li > a.open + .submenu { max-height: 500px; overflow: hidden }
#header #mainmenu > div > ul > li li a { display: block; padding: 15px 0 5px 50px }
#header #mainmenu > div > ul > li li a i { display: none }
#header #mainmenu li ul li div { display: none }
#header #mainmenu .menu-content .submenu li { padding: 0; }
#header #mainmenu .menu-content .submenu li a { background: #c0b8ac; border: 1px solid #e4e2de; color: #151519; font-family: 'proxima'; font-size: 14px; padding: 10px 15px; text-transform: none }
#header #mainmenu .menu-content .submenu li a:hover, #header #mainmenu .menu-content .submenu li a:focus { background: #b5985a; color: #fff }
/*#index #twitter:before, #index #facebook:before { content: ""; display: block; margin-top: 20% }*/
/*#index #twitter, #index #facebook { height: 351px }*/
#index .social-slide .details { top: 255px; }
#index #experience { margin-top: 5px; padding-top: 50px; }
#index #experience .box-gold { margin: -1px 0 0 0; margin-right: 15px; margin-left: 15px; }
#index #experience .box-gold:first-child { margin-top: 30px; }
#reasurrance .box-rea { border-left: 0; border-top: 1px solid rgba(156, 148, 135, 0.25); margin: 25px 0 0 0; padding: 25px 0 0 0; }
#reasurrance .box-rea:first-child { margin: 0; padding: 0 }
#index #univers .boxes .top { padding-left: 20px }
#index #univers .boxes .boxes-content { margin: -15px 0 0; padding: 15px 15px 15px }
#index .boxes .mask:last-child { margin: -16px 0 -8px }
#index #histoire .title-full .top { padding-left: 20px }
#index #boutique .boxes .top { padding-left: 20px }
#index #boutique .boxes .boxes-content { margin: -11px 0 0; padding: 10px 15px 15px; }
#index #newsletter .title-full .top { padding-left: 20px }
#footer .block-social .award { display: none; }
#footer .footer-bottom .copyrights { float: none; text-align: center; }
#footer .footer-bottom .block-links { float: none; margin: 15px 0 5px 0; text-align: center; }
#footer .footer-bottom .block-links li { border-left: 0; display: inline-block; float: none; margin: 10px 0 }
#boutique iframe {
height:404px;
}
}
@media (max-width: 767px) {
#header #header-logo { padding: 30px }
#infos-client-mobile img { margin: 0 auto 10px auto; width: 58px }
#cart-search > div { float: none; text-align: center; }
#header-search #searchbox input { padding: 5px 15px; width: 185px }
#header #customer-infos > div { float: none; padding: 30px 0 0 0 }
#header #mainmenu > div > ul { background: #e4e2de; height: 100%; left: -101%; margin: 0; position: absolute; transition: all 0.3s ease 0s; width: 80% }
#header #mainmenu > div > ul > li > .submenu { width: 80% }
/*#index #twitter:before, #index #facebook:before { content: ""; display: block; margin-top: 40% }*/
/* #index #twitter, #index #facebook { height: 340px; }*/
#index .social-slide .details { top: 37% }
#index #newsletter .content input { margin-left: 5%; width: 90% }
#footer { text-align: center; }
#footer .footer-bottom .copyrights, #footer .footer-bottom .block-links { padding: 10px 0; width: 100% }
#footer .block-links, #footer .block-account, #footer .block-social { margin: 0 0 40px 0 }
#footer .footer-bottom .block-links { margin: 0; }
#footer .block-social .award { display: block; margin: 30px auto -15px auto; position: static; }
}
@media (max-width: 700px) { #index .social-slide .details { top: 31% } }
@media (max-width: 650px) { #index .social-slide .details { top: 28% } }
@media (max-width: 600px) {
#index .social-slide .details { top: 23% }
#boutique iframe {
height:321px;
}
}
@media (max-width: 550px) { #index .social-slide .details { top: 19% } }
@media (max-width: 500px) {
#index #twitter, #index #facebook { height: auto; }
#header #header-logo { padding: 30px 15px }
#header #customer-infos { padding: 15px 0 15px 15px }
#infos-client-mobile img { margin: 0 auto 10px auto; width: 45px }
#header #cart-search { padding: 10px 15px 15px 0; text-align: center; }
#header #header-cart > a span.label-cart { margin: 5px 0 0 0 }
#header #header-cart > a span.ajax_cart_quantity { height: 45px; line-height: 45px; width: 45px; }
#header #customer-infos > div { float: none; padding: 0;}
#menu-mobile #header-search #searchbox input { padding: 5px 30px 5px 15px; }
#index .social-slide .details { top: 15% }
#index #boutique .share-video .share-video-item .share-video-link {
width: 50px;
height: 50px;
margin-right : 5px ;
}
#header-search #searchbox input { padding: 5px 15px; width: 155px }
#header-search #searchbox input:focus { width: 155px; }
#index #experience .box-gold .title { font-size: 16px }
#index #experience .box-gold .title { font-size: 24px }
}
@media (max-width: 480px) {
#boutique iframe {
height:253px;
}
}
@media (max-width: 450px) { #footer .block-social li { margin-right: 5px; }/* #index #twitter:before, #index #facebook:before { content: ""; display: block; margin-top: 80% }*/ #index .social-slide .details { top: 36% } }
@media (max-width: 400px) { #index .social-slide .details { top: 30% } }
@media (max-width: 360px) {
#boutique iframe {
height:186px;
}
}
@media (max-width: 350px) { #index .social-slide .details { top: 23% } }
@media (max-width: 320px) {
#boutique iframe {
height:163px;
}
}
/*************************************************************************************************************
*************************************** CATEGORY ****************************************
**************************************************************************************************************/
#category {
}
#category main header .category-description {
color: #2b2b31;
font-family: 'proxima';
font-size: 16px;
padding: 10px 130px 0 130px;
text-align: center;
}
#category.category-zone main header .category-description { padding: 10px 15px 0 15px }
#subcategories {
padding-bottom: 25px
}
#subcategories > li {
background: #e4e2de;
background-repeat: no-repeat;
background-position: top left;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
cursor: pointer;
display: block;
margin: 0 0 5px 0;
padding: 30px 0 10px 0;
-moz-transition: padding 0.3s ease;
-webkit-transition: padding 0.3s ease;
transition: padding 0.3s ease;
}
#category.category-world #subcategories li,
#category.category-zone #subcategories li { margin: 0; padding: 0 }
#subcategories > li:hover { padding: 40px 0 60px 0 }
#subcategories li.row1 { background-position: top right }
#subcategories li.open { }
#subcategories li .subcategory-info {
float: right;
padding: 0;
text-align: right;
}
#category.category-zone #subcategories li .subcategory-info {
background: #fff;
padding: 15px 100px;
text-align: center;
-moz-transition: padding 0.3s ease;
-webkit-transition: padding 0.3s ease;
transition: padding 0.3s ease;
}
#category.category-zone #subcategories li:hover .subcategory-info {
background: #fff;
padding: 40px 100px 0 100px;
text-align: center;
}
#subcategories li.row1 .subcategory-info { float: left; text-align: left }
#subcategories h2 {
color: #2b2b31;
font-family: 'playfair';
font-size: 28px;
margin: 0 0 25px 0;
}
#subcategories .subcategory-description {
color: #6b6b73;
font-family: 'proxima';
font-size: 16px;
margin: 0;
}
#subcategories li .subcategory-content {
clear: both;
float: left;
max-height: 0;
opacity: 0.8;
overflow: hidden;
width: 100%;
}
#subcategories li.open .subcategory-content{ max-height: none; opacity: 1; }
#subcategories li .subcategory-content .products {
background: #fff;
cursor: auto;
margin: 20px 0 0 0;
padding: 45px 15px 30px 15px;
}
#category.category-zone #subcategories li .subcategory-content .products { margin: 0 }
#subcategories li .subcategory-content .products-list {
border: 1px solid #b8afa1;
text-align: center;
}
#category.category-zone #subcategories li .subcategory-content .products-list { margin-bottom: 165px }
#subcategories li .subcategory-content .products-list h3 {
color: #151519;
font-family: 'caviar';
font-size: 18px;
display: block;
letter-spacing: 1px;
margin: -15px 0 25px 0;
text-transform: uppercase;
}
#subcategories li .subcategory-content .products-list h3 span {
background: #fff;
padding: 10px 20px;
}
#subcategories li .subcategory-content .product-more {
margin-bottom: 10px;
margin-top: 30px;
text-align: center;
}
#category.category-zone #subcategories li .subcategory-content .product-more { background: none; margin-bottom: -75px; padding: 25px 100px 0 100px }
#subcategories li .subcategory-content .product-more .product-more-title {
color: #000;
font-family: 'playfair';
font-size: 36px;
text-transform: uppercase;
}
#category.category-zone #subcategories li .subcategory-content .product-more .product-more-title { text-transform: uppercase; }
#category.category-zone #subcategories li .subcategory-content .product-more .btn {
margin: 10px 0 -15px 0;
}
#subcategories li .arrow {
clear: both;
float: right;
height: 33px;
margin: 5px 0 0 0;
text-align: right;
width: 28px;
}
#subcategories li:hover .arrow { transform: translateY(5px) }
#subcategories li .arrow-container { background: #fff; float: right; padding-bottom: 10px; text-align: center; transition: padding 0.3s ease 0s; width: 50%; }
#category.category-zone #subcategories li:hover .arrow-container { padding: 0 0 60px 0 }
#subcategories li.row1 .arrow-container { float: left }
#subcategories li.open .arrow-container { float: left; width: 100%; }
#subcategories li.row1 .arrow { float: left; }
#subcategories li.open .arrow { float: none; margin: 0 auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) }
#subcategories li .arrow-container .arrow { float: none; margin: 0 auto }
#subcategories li .arrow .icon-arrow:before {
color: #b8afa1;
}
/* Region */
#category.category-region main header {
background: url('../img/fond-papier.jpg') fixed;
padding: 0;
}
#category.category-region main header .bg {
background: url('../img/fond-header-region.png') no-repeat fixed 50% 0 ;
}
#category.category-region main header .titles { padding-top: 35px }
#category.category-region main header .double-border {
margin-bottom: 45px;
margin-top: 10px;
}
#category.category-region .category-infos {
background: #e4e2de
}
#category.category-region .category-infos .flex-active { background: #b5985a }
#category.category-region .category-infos .auteur {
color: #151519;
padding: 60px 90px 80px 190px;
position: relative;
}
#category.category-region .category-infos .auteur .photo {
border: 2px solid #fff;
border-radius: 50%;
left: 100px;
height: 70px;
position: absolute;
top: 65px;
width: 70px;
}
#category.category-region .category-infos .auteur .name {
color: #b5985a;
display: block;
font-family: 'playfair';
font-size: 17px;
font-style: italic;
}
#category.category-region .category-infos .auteur .intro {
display: block;
font-family: 'playfair';
font-size: 18px;
font-style: italic;
line-height: 32px;
}
#category.category-region #category-products {
padding: 50px 0;
}
.flexslider {
position: relative;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .flex-control-nav {
bottom: 5px;
font-size: 0;
list-style: none;
padding: 0;
position: absolute;
right: 25px;
}
.flexslider .flex-control-nav li {
display: inline-block;
margin-right: 5px;
}
.flexslider .flex-control-nav li a {
background: #fff;
border-radius: 50%;
cursor: pointer;
display: block;
height: 15px;
width: 15px;
}
.flexslider .flex-control-nav li a:hover { background: #b5985a }
/* MAP */
main.map-main { position: relative; z-index: 50; }
#category.category-world {
}
#collection aside#map,
#category.category-world main > section:first-child {
background: url('../img/fond-papier.jpg');
margin-bottom: 30px;
}
#category.category-world main > section:first-child header {
padding-bottom: 0;
}
.map {
height: 1100px;
margin: 0 auto;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
.map .img-container { position: relative; }
.map .img-container > img {
margin: 25px 0 0 -9px;
}
.map .img-container .zone-over {
cursor: pointer;
opacity: 1;
position: absolute;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.map .img-container .zone-over:hover {
z-index: 305!important;
}
.map .img-container .zone-over img {
opacity: 0;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.map .img-container .zone-over:hover img {
opacity: 1;
}
/*.map .img-container .zone-over:hover { opacity: 1 }
.map .img-container .zone-over.afrique { background: url('../img/map-over/afrique.png'); height: 373px; left: 654px; top: 470px; width: 342px }
.map .img-container .zone-over.ceylan { background: url('../img/map-over/ceylan.png'); height: 20px; left: 1135px; top: 614px; width: 13px }
.map .img-container .zone-over.chine { background: url('../img/map-over/chine.png'); height: 235px; left: 1060px; top: 333px; width: 303px }
.map .img-container .zone-over.coree { background: url('../img/map-over/coree.png'); height: 70px; left: 1330px; top: 408px; width: 36px }
.map .img-container .zone-over.inde { background: url('../img/map-over/inde.png'); height: 136px; left: 1074px; top: 487px; width: 140px }
.map .img-container .zone-over.japon { background: url('../img/map-over/japon.png'); height: 121px; left: 1361px; top: 374px; width: 81px }
.map .img-container .zone-over.nepal { background: url('../img/map-over/nepal.png'); height: 21px; left: 1129px; top: 504px; width: 41px }
.map .img-container .zone-over.taiwan { background: url('../img/map-over/taiwan.png'); height: 22px; left: 1328px; top: 526px; width: 10px }
.map .img-container .zone-over.vietnam { background: url('../img/map-over/vietnam.png'); height: 80px; left: 1242px; top: 540px; width: 43px }*/
.map .marker {
border: 2px solid transparent;
border-radius: 50%;
left: 30%;
height: 25px;
position: absolute;
top: 50%;
width: 25px;
z-index: 1;
}
.map .marker:hover { z-index: 5 }
.map .marker .pointer {
background: #b8afa1;
border: 2px solid #fff;
border-radius: 50%;
bottom: 2px;
box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.1);
cursor: pointer;
left: 2px;
position: absolute;
right: 2px;
top: 2px;
}
.map .marker .pointer.icon-check {
background: #000;
color: #fff;
font-size: 8px;
line-height: 14px;
text-align: center;
}
.map .marker:hover .pointer, .map .marker.active .pointer { background: #000 }
.map .marker .popup {
background: #fff;
bottom: 25px;
box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
opacity: 0;
pointer-events: none;
margin: 0 0 0 -190px;
position: absolute;
left: 50%;
width: 380px;
z-index: 2;
}
.map .marker:hover .popup { opacity: 1; pointer-events: auto;}
.map .marker .popup img {
display: block;
width: 100%;
}
.map .marker .popup .popup-infos {
background: #fff;
padding: 5px 20px 15px 20px;
position: relative;
text-align: center;
z-index: 2;
}
.map .marker .popup .popup-infos .region {
color: #151519;
display: block;
font-family: 'playfair';
font-size: 28px;
margin: -5px 0 0 0;
}
.map .marker .popup .popup-infos .desc:after {
background: #d8d3cb;
content: "";
height: 1px;
display: block;
margin: 10px auto 5px auto;
width: 22px;
}
.map .marker .popup .popup-infos .nbProducts {
color: #151519;
display: block;
font-family: 'caviar';
font-size: 13px;
letter-spacing: 1px;
margin: 0 0 10px 0;
text-transform: uppercase;
}
.map .marker .popup .buttons a {
padding: 9px 15px;
width: 47%
}
.map .marker .popup .buttons a.gold {
padding: 8px 10px;
}
.map .marker .popup .white-arrow {
background: #fff;
height: 28px;
left: 50%;
margin: 0 0 0 -14px;
position: absolute;
bottom: -14px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 28px;
z-index: 1
}
.map .legend {
bottom: 15px;
left: 15px;
position: fixed;
z-index: 500;
}
#collection .map .legend {
position: absolute;
}
.map .legend .legend-content {
background: #fff;
color: #9b9da1;
padding: 15px;
overflow: hidden;
width: 270px;
}
.map .legend .legend-content .title {
color: #6b6b73;
font-family: 'proxima';
font-size: 16px;
text-align: center;
}
.map .legend .legend-content .title:after {
background: #b5985a;
content: "";
height: 1px;
display: block;
margin: 15px auto;
width: 40px;
}
.map .legend .legend-content > div {
float: left;
width: 100%;
margin: 15px 0 10px 0;
}
.map .legend .legend-content .pointer-icon {
background: #b8afa1;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.5);
color: #fff;
float: left;
font-size: 14px;
height: 29px;
line-height: 26px;
text-align: center;
width: 29px;
}
.map .legend .legend-content .pointer-icon.icon-check {
background: #000;
box-shadow: none;
}
.map .legend .legend-content .pointer-text {
float: left;
font-size: 14px;
line-height: 18px;
margin: 5px 0 0 15px;
width: 195px;
}
#subcategories.listing-mobile {
display: none;
}
#subcategories.listing-mobile .subcategory-info {
background: #fff none repeat scroll 0 0;
padding: 30px 100px;
text-align: center;
}
#subcategories.listing-mobile .subcategory-info h2 {
margin: 0;
}
#subcategories.listing-mobile .subcategory-info h2:after { margin-bottom: 15px; }
#subcategories.listing-mobile .subcategory-info .subcategory-description {
margin-bottom: 15px;
}
@media (max-width: 1199px) {
#category main header .category-description { padding: 10px 15px 0 15px }
#subcategories li .subcategory-info { background: rgba(255, 255, 255, 0.85); padding: 15px }
#subcategories .subcategory-description { color: #151519 }
#category.category-world main > section { padding: 0 0 20px 0 }
}
@media (max-width: 991px) {
#subcategories > li { background-size: auto;}
#subcategories li.open .subcategory-content{ max-height: none; opacity: 1; }
#collection #map .map, #category.category-world .map { display: none }
#subcategories.listing-mobile { display: block }
#subcategories.listing-mobile .subcategory-info, #subcategories.listing-mobile li.row1 .subcategory-info { padding: 30px; text-align: center }
.product-container:last-child { display: none }
.product-container:first-child { display: block }
#category.category-region main header .titles { padding: 35px 30px 0 30px }
#category.category-region .product-container:last-child { display: block }
#category.category-zone #subcategories li .subcategory-content .product-more { padding: 15px 15px 0 15px }
#category.category-region .category-infos .auteur .intro { margin-bottom: 30px }
}
@media (max-width: 767px) {
header.page-heading h1 { font-size: 28px }
#subcategories li .subcategory-content .products { padding: 45px 30px 30px 30px }
#subcategories li.open .subcategory-content { max-height: none;}
#category.category-zone #subcategories li .subcategory-info { background: rgba(255, 255, 255, 0.5); margin: 15px 0; padding: 15px }
#category.category-zone #subcategories li:hover .subcategory-info { background: rgba(255, 255, 255, 0.5); padding: 15px }
#category.category-zone #subcategories li .arrow-container { display: none; }
#category.category-zone #subcategories li:hover .arrow-container { background: none; padding-bottom: 10px; }
#category.category-region main header .double-border img { width: 100% }
#category.category-region .category-infos .flexslider { padding: 0 }
#subcategories.listing-mobile .subcategory-info { padding: 30px 15px; width: 100% }
}
@media (max-width: 650px) {
.category-zone #subcategories li .subcategory-content .products-list h3 { font-size: 15px; line-height: 24px; background-color: #fff; }
.category-zone #subcategories li .subcategory-content .products-list h3 span { background-color: transparent; }
}
@media (max-width: 500px) {
#subcategories li .subcategory-content .products-list h3 span { padding: 10px 0px; }
#subcategories li.open .subcategory-content { /*max-height: 1300px*/ }
#category.category-region .category-infos .auteur { padding: 30px 15px; }
#category.category-region .category-infos .auteur .photo { display: block; margin: 0 auto; position: static; }
}
/*************************************************************************************************************
************************************** SENSATION ****************************************
**************************************************************************************************************/
#search-composition,
#search-sensation {
background: #e4e2de;
padding: 40px 25px 15px 25px;
position: relative;
}
#search-sensation .filters {
margin: 20px auto 0 auto;
}
#search-composition .box-gold {
border-color: #b8afa1;
margin-top: 30px;
}
#search-sensation .filters .box-gold {
border-color: #b8afa1;
height: 370px;
}
#search-sensation .box-gold .filter_data {
padding: 0 5px;
}
#search-sensation .filters .box-gold:last-child { margin-left: -1px }
#search-sensation .filters span.unavailable,
#search-sensation .filters a {
color: #6b6b73;
display: block;
padding: 7px 0;
text-align: center
}
#search-sensation .filters span.unavailable span,
#search-sensation .filters a span { display: block; line-height: 18px; margin-top: 5px; }
#search-sensation .filters span.unavailable { opacity: 0.3 }
#search-sensation .filters a.active .icon-check:before {
background: rgba(0, 0, 0, 0.5);
border: 2px solid #fff;
border-radius: 50px;
color: #fff;
height: 50px;
left: 50%;
margin: -35px 0 0 -25px;
padding: 10px;
position: absolute;
top: 50%;
width: 50px;
}
#search-sensation .filters .type a.active .icon-check:before { background: none; border: 0 }
#search-sensation .filters a.active .icon-check:hover:before { content: "\e619"; font-size: 28px; }
#search-sensation .filters a:hover { color: #151519; text-decoration: none; }
#search-sensation .filters span.title span {
font-size: 16px;
}
#search-sensation .filters span span,
#search-sensation .filters a span {
font-family: 'caviar';
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
#search-sensation .make-choise {
padding: 0 15px 5px 15px;
text-align: center;
}
#search-composition .custom-radio.inline.checked::before { background-position: -65px -257px; border-color: #000 }
#additonnal-search .custom-checkbox.inline::before { background-color: #b5985a; border-color: #fff }
#additonnal-search .custom-checkbox.inline.checked::before { background-position: -65px -257px; border-color: #000 }
#additonnal-search .custom-checkbox.inline label { color: #fff; font-family: 'caviar'; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
#additonnal-search .custom-checkbox.inline.checked label { color: #000 }
#result-composition,
#result-sensation {
background: #fff;
margin: 0 0 30px 0;
padding: 25px;
position: relative;
}
#result-sensation .grey-arrow {
background: #e4e2de;
height: 28px;
left: 50%;
margin: 0 0 0 -14px;
position: absolute;
top: -14px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
width: 28px;
}
#result-sensation h1 {
color: #151519;
font-family: 'playfair';
font-size: 50px;
margin: 5px 0 20px 0;
text-align: center;
text-transform: uppercase;
}
#result-sensation .selected-filters .resultats {
border-bottom: 1px solid #d8d3cb;
overflow: hidden;
padding: 10px 0;
}
#result-sensation .selected-filters .resultats > span {
float: left;
}
#result-sensation .selected-filters .label-title {
color: #b09c6a;
display: inline-block;
margin-top: 1px;
vertical-align: middle;
}
#result-sensation .selected-filters .resultats a {
color: #9b9da1;
float: right;
font-size: 14px;
margin-right: 2px;
}
#result-sensation .selected-filters .resultats a i {
display: inline-block;
font-size: 18px;
margin: 0 0 0 10px;
vertical-align: middle;
}
#result-sensation .selected-filters .resultats a span {
display: inline-block;
vertical-align: middle;
}
#result-sensation .selected-filters .active-filters {
font-size: 14px;
padding: 10px 0;
}
#result-sensation .selected-filters .active-filters a {
color: #9b9da1;
display: inline-block;
vertical-align: middle;
}
#result-sensation .selected-filters .resultats span, #result-sensation .selected-filters .active-filters span {
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
}
#result-sensation .selected-filters .active-filters a i {
border-right: 1px solid #d8d3cb;
display: inline-block;
font-size: 13px;
margin: 0 10px 0 0;
padding: 0 15px 0 10px;
vertical-align: middle;
}
#result-sensation .product-over .product-type .product-img .product-picto { margin-right: 0; }
#result-sensation .selected-filters .active-filters a:last-child i { border: 0 }
#result-sensation .selected-filters .filter-packing li {
float: left;
position: relative;
width: 25%;
}
#result-sensation .selected-filters .filter-packing li span {
margin: 0;
}
#result-sensation .boxes .boxes-content { margin: -15px 0 0 }
#result-sensation .boxes .mask:last-child { margin: -24px 0 -8px 0 }
#search-composition {
background: #e4e2de;
position: relative;
z-index: 3;
}
#search-composition .family-tab {
margin-bottom: 30px;
text-align: center;
}
#search-composition .family-tab li {
display: inline-block;
margin: 0 10px;
}
#search-composition .family-tab li a {
display: block;
padding: 8px 15px;
width: 250px;
}
#search-composition .group-features {
display: none;
}
#search-composition .group-features.active { display: block; }
#search-composition .group-features .custom-radio {
border-top: 1px solid #b8afa1;
border-bottom: 1px solid #b8afa1;
margin: 0 0 -1px 0;
padding: 10px 0;
}
#search-composition .custom-radio.inline label { color: #1e1e1e }
#search-composition .grey-arrow {
background: #e4e2de;
bottom: -14px;
height: 28px;
left: 50%;
margin: 0 0 0 -14px;
position: absolute;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
width: 28px;
}
#additonnal-search {
background: #b5985a;
padding: 55px 0 50px 0;
position: relative;
z-index: 2;
}
#additonnal-search .title {
background: #a58b53;
color: #151519;
display: block;
font-family: "caviar";
font-size: 18px;
height: 1px;
letter-spacing: 1px;
margin: 0 0 50px 0;
text-align: center;
text-transform: uppercase;
}
#additonnal-search .title > span {
background: #b5985a;
display: inline-bloxk;
padding: 10px 20px;
position: relative;
top: -11px;
}
#additonnal-search > .container > div {
height: 70px;
}
#additonnal-search .gold-arrow {
background: #b5985a;
bottom: -14px;
height: 28px;
left: 50%;
margin: 0 0 0 -14px;
position: absolute;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
width: 28px;
}
#additonnal-search .custom-checkbox {
margin: 0 0 25px 0;
}
#result-sensation .products-list {
margin: 20px 0 0 0;
}
.pictos {
margin: 0 0 30px 0;
}
.pictos.region { margin: 50px 0 0 0; text-align: left; }
.pictos .title-full .inner .top { padding-left: 150px; }
.pictos .content {
background: url('../img/fond-papier.jpg');
}
#advice.pictos .content { margin-top: 20px }
.pictos.region .content { background: transparent }
.pictos .content .container {
padding: 50px 150px;
}
.pictos.region .content .container { border-bottom: 1px solid #d8d3cb; border-top: 1px solid #d8d3cb; padding: 30px 75px; }
.pictos.product .content .container { font-size: 0; padding: 30px 240px; text-align: center }
.pictos .content .container .the {
margin: 30px 0 0 0;
}
.pictos .content .container .picto {
display: inline-block;
float: none;
font-size: 16px;
text-align: left;
vertical-align: middle
}
.pictos .content .icon {
float: left;
margin-right: 10px;
width: 60px;
height: 60px;
}
.pictos.region .content .icon { background: url('../img/sprite-region.png') no-repeat center top; border: 0; border-radius: 0; height: 70px; width: 70px; }
.pictos.product .content .icon { background: url('../img/sprite-produit.png') no-repeat center top; border: 0; border-radius: 0; height: 70px; width: 70px; }
.pictos .content .the-noir .icon { background: #fff url('../img/sprite-degustation.png') no-repeat 50% -180px; background-size: 60px 240px; border: 2px solid #d8d3cb; border-radius: 50% }
.pictos .content .the-vert .icon { background: #fff url('../img/sprite-degustation.png') no-repeat 50% -120px; background-size: 60px 240px; border: 2px solid #d8d3cb; border-radius: 50% }
.pictos .content .the-blanc .icon { background: #fff url('../img/sprite-degustation.png') no-repeat 50% -60px; background-size: 60px 240px; border: 2px solid #d8d3cb; border-radius: 50% }
.pictos .content .the-rooibos .icon { background: #fff url('../img/sprite-degustation.png') no-repeat 50% 0; background-size: 60px 240px; border: 2px solid #d8d3cb; border-radius: 50% }
.pictos .content .altitude .icon { background-position: 50% 0 }
.pictos .content .precipitation .icon { background-position: 50% -70px }
.pictos .content .temperature .icon { background-position: 50% -140px }
.pictos .content .type-the {
display: block;
padding-bottom: 5px;
text-transform: uppercase;
}
.pictos.region .content .type-the { margin-top: 10px }
.pictos.product .content .type-the { padding-bottom: 0; margin-top: 10px }
.pictos .content .desc-the {
display: block;
line-height: 16px;
}
@media (max-width: 1199px) {
.pictos .content .container { padding: 35px 15px }
#search-sensation .box-gold .filter_data { height: 110px }
#result-sensation .selected-filters a span { margin: 0; }
}
@media (max-width: 991px) {
/*#sensation .filterResults { padding-left: 15px; padding-right: 15px; }*/
#search-sensation { padding: 40px 5px 15px 5px; }
#search-sensation .filters .box-gold { height: auto; }
#search-sensation .filters .box-gold:last-child { margin-left: 0 }
#result-sensation .selected-filters .label-title { clear: both; }
#result-sensation .selected-filters .resultats a { float: left; margin: 0 0 2px 0; }
#result-sensation .selected-filters .resultats a i { font-size: 24px }
#result-sensation .selected-filters .active-filters { overflow: hidden }
#result-sensation .selected-filters .active-filters a, #result-sensation .selected-filters .active-filters .label-title { float: left; }
#result-sensation .selected-filters .active-filters a i { font-size: 16px; }
.box-gold .title > span { line-height: 27px }
#search-composition .family-tab li { display: block }
#search-composition .family-tab li a { display: block; margin: 10px auto; }
#search-composition .group-features > div:nth-child(3) .custom-radio { border-top: 1px solid #b8afa1 }
#search-composition .group-features > div:nth-child(4) .custom-radio { border-top: 1px solid #b8afa1 }
.pictos .content .container { text-align: center }
.pictos .content .container .icon { display: block; float: none; margin: 0 auto; }
.pictos.region .content .container { padding: 30px 15px; }
.pictos.product .content { padding: 25px 15px }
.pictos .content .container .conseils,
.pictos .content .container .temperature-product,
.pictos .content .container .infusion { margin-bottom: 20px; text-align: center }
#product #articles .article-content { text-align: center; }
}
@media (max-width: 767px) {
#result-composition, #result-sensation { padding: 15px }
#search-sensation .make-choise { padding: 25px 0 15px 0; }
#search-sensation .filters .box-gold { height: 115px; }
.pictos .title-full .inner { text-align: center; width: 100% }
.pictos .title-full .inner .top { padding: 0 }
.title-full .inner .top::before, .title-full .inner .bottom::before { background: transparent }
.title-full .inner .bottom { display: block; font-size: 32px; line-height: 28px; }
#additonnal-search .title > span { font-size: 15px; padding: 10px; }
.pictos.region .content .container .altitude { margin-bottom: 30px }
.pictos.region .content .container .precipitation { margin-bottom: 30px }
}
@media (max-width: 500px) {
#search-composition .family-tab li, #search-composition .family-tab li a { max-width: 100%; }
#search-composition .group-features > div:nth-child(2) .custom-radio { border-top: 1px solid #b8afa1 }
#search-sensation .filters span.title span { font-size: 12px; padding: 10px }
#search-sensation .filters { padding: 0 30px; }
}
/*************************************************************************************************************
*************************************** PRODUCT *****************************************
**************************************************************************************************************/
#product main {
margin: -42px 0 0 0;
}
#product #main-infos {
padding: 95px 0 25px 0;
position: relative;
}
#product #main-infos #breadcrumb {
top: 41px;
}
#product #main-infos .bg {
background: rgba(255, 255, 255, 0.9);
overflow: hidden;
width: 100%;
}
#product #main-infos #view_full_size {
margin-bottom: 15px;
height: 327px;
display: block;
}
#product #main-infos .image-bg {
background: #fff;
min-height: 445px;
padding: 27px 33px;
}
#product #main-infos #image-block #bigpic {
display: block;
height: auto;
width: 100%;
}
#product #main-infos #thumbs_list {
float: left;
height: 100%;
overflow: hidden;
padding: 0;
width: 189px;
}
#product #main-infos #thumbs_list #thumbs_list_container {
/*overflow-x:auto;
overflow-y:hidden;*/
overflow: hidden;
float: left;
padding: 0;
height: 100%;
width: 100%;
}
#product #main-infos #thumbs_list ul {
float: left;
height: 52px;
margin-bottom: 9px;
overflow: hidden;
width: 100%;
}
#product #main-infos #thumbs_list li {
float: left;
height: 52px;
margin-right: 15px;
width: 52px;
}
#product #main-infos #thumbs_list .shown img {
border: 3px solid #bea36c;
}
#product #main-infos #thumbs_list li.last { margin: 0 }
#product #main-infos #thumbs_list li img {
border: 1px solid #b8afa1;
display: block;
width: 100%;
}
#product #main-infos #view_scroll_right {
background: url('../img/bt-next.png');
background-size: cover;
cursor: pointer;
float: right;
font-size: 0;
height: 45px;
width: 45px;
}
#product #main-infos #view_scroll_left {
margin-right: 5px;
background: url('../img/bt-prev.png') ;
background-size: cover;
cursor: pointer;
float: left;
font-size: 0;
height: 45px;
width: 45px;
}
#product #main-infos #bacs {
padding: 15px 40px;
text-align: center;
}
#product #main-infos #bacs .ref-B2B {
display: block;
font-size: 14px;
margin-bottom: 15px;
text-align: center;
}
#product #main-infos #bacs .titles {
height: 85px;
overflow: hidden;
}
#product #main-infos #bacs .titles .line-through {
color: #b5985a;
}
#product #main-infos #bacs .titles .product-name {
color: #151519;
font-family: 'caviar';
font-size: 18px;
text-transform: uppercase;
}
#product #main-infos #bacs .switcher {
font-size: 0;
margin: 0 0 15px 0;
overflow: hidden;
padding: 0 45px;
}
#product #main-infos #bacs .switcher li:before {
content: "";
display: block;
margin-top: 100%
}
#product #main-infos #bacs .switcher li {
display: inline-block;
position: relative;
width: 25%;
}
#product #main-infos #bacs .switcher li a {
display: block;
}
#product #main-infos #bacs .switcher li a span {
bottom: 10px;
color: #b09c6a;
font-size: 9px;
left: 0;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
}
#product #main-infos #bacs .switcher li a i.active + span, #product #main-infos #bacs .switcher li:hover a span { color: #fff }
#product #main-infos #bacs .switcher li i {
border: 1px solid #b09c6a;
bottom: 3px;
color: #b8afa1;
cursor: pointer;
left: 3px;
line-height: 42px;
opacity: 0.6;
position: absolute;
right: 3px;
top: 3px;
}
#product #main-infos #bacs .switcher li i.active { cursor: auto; }
#product #main-infos #bacs .switcher li i.active, #product #main-infos #bacs .switcher li:hover i { background: #b09c6a; color: #fff; opacity: 1 }
#product #main-infos #bacs .switcher li i:before {
font-size: 24px;
position: absolute;
margin: -21px 0 0 -12px;
top: 50%;
left: 50%;
}
#product #main-infos #bacs .price {
color: #b09c6a;
display: block;
font-family: 'playfair';
font-size: 28px;
line-height: 22px;
margin: 0;
}
#product #main-infos #bacs .price:after {
background: #b5985a;
content: "";
height: 1px;
display: block;
margin: 8px auto 0 auto;
width: 15px;
}
#product #main-infos #bacs .packing {
color: #6b6b73;
font-size: 14px;
line-height: 18px;
margin: 5px 0 20px 0;
min-height: 40px;
}
#product #main-infos #bacs .packing span {
color: #b09c6a;
}
#product #main-infos #bacs .cta-product {
padding: 0 25px;
}
#product #main-infos #bacs .cta-product .add-to-cart-btn {
font-size: 16px;
padding: 12px 5px;
width: 100%;
}
#product #main-infos #bacs .cta-product .out-of-stock-text {
color: #b5985a;
font-size: 16px;
font-style: italic;
}
#product #main-infos #bacs .cta-product #wishlist_button {
background: transparent;
font-size: 12px;
letter-spacing: 0px;
padding: 9px 5px 7px 5px;
width: 100%;
}
#product #main-infos #bacs .cta-product #wishlist_button:hover { background: #b5985a }
#product #main-infos #bacs .cta-product #wishlist_button > * {
display: inline-block;
vertical-align: middle;
}
#product #main-infos #bacs .cta-product #wishlist_button i {
font-size: 20px;
}
#product #main-infos #bacs .share li {
display: inline-block;
}
#product #main-infos #bacs .share li a {
color: #151519;
margin: 0 6px;
}
#product #main-infos #bacs .share li a i {
display: inline-block;
font-size: 16px;
}
#product #description {
padding: 65px 0 25px 0;
text-align: center;
}
#product #description > .container {
padding: 0 200px 30px 200px;
}
#product h1 {
color: #000;
font-family: "playfair";
font-size: 50px;
margin: 0 0 20px 0;
text-transform: uppercase;
}
#product #description .description {
color: #2b2b31;
margin: 0 0 30px 0;
}
#product #description #features {
border-bottom: 1px solid #d8d3cb;
border-top: 1px solid #d8d3cb;
color: #9b9da1;
font-size: 14px;
padding: 20px 0;
}
#product #description #features span {
color: #b09c6a;
}
#product #description .inco {
color: #2b2b31;
display: inline-block;
font-size: 13px;
padding: 15px 25px 15px 0;
position: relative;
}
#product #description .inco i {
background: #b5975a none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
font-size: 7px;
font-weight: bold;
height: 14px;
line-height: 14px;
margin-top: -7px;
position: absolute;
right: 0px;
text-align: center;
top: 50%;
width: 14px;
}
#product .pictos {
margin-bottom: 0;
}
#product .pictos h2 {
text-align: center;
}
#product .histoire {
background: #e7e6e2;
color: #000;
padding: 40px 0;
text-align: left
}
#product .histoire h2 {
color: #000;
font-family: 'playfair';
font-size: 28px;
margin-bottom: 25px;
}
#product #related {
margin-bottom: 30px;
}
#product .comments,
#product #related,
#product #articles {
margin-bottom: 30px;
}
#product #articles .date {
margin-bottom: 30px;
}
#product #articles .date > span {
color: #b5985a;
font-family: "playfair";
font-size: 18px;
font-style: italic;
top: -15px;
}
#product #articles h4 {
font-family: 'playfair';
font-size: 28px;
margin: 20px 0;
}
#product #articles h4 a {
color: #000;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
#product #articles h4 a:hover { color: #b5985a; text-decoration: none; }
#product #articles .article-content {
padding: 0 30px 15px 30px;
}
#product #giftboxes {
margin: 0 0 45px 0;
position: relative;
z-index: 10;
}
#product #giftboxes .boxes-content {
height: 382px;
padding: 30px 0 15px 0;
}
#product #giftboxes .boxes-content .owl-wrapper-outer {
height: 650px;
pointer-events: none;
}
#product #giftboxes .boxes-content .owl-wrapper-outer .owl-wrapper {
pointer-events: auto;
}
#product #giftboxes .products-list {
overflow: hidden;
pointer-events: none;
}
@media (max-width: 1199px) {
#product #giftboxes .boxes-content { height: 320px; }
#product .pictos.product .content .container { padding: 30px 120px }
.col-md-3 .product-over .switcher .actions .buttons .product-add-to-cart { margin: 0 14px }
.owl-controls { top: 80px; }
#product #main-infos #view_full_size { height: auto; }
}
@media (max-width: 991px) {
#product #main-infos { background-size: auto!important; }
#product #main-infos #view_full_size { height: 327px; }
#product main { margin: 0 }
#product #main-infos #breadcrumb { top: 47px }
#product #main-infos #thumbs_list { width: 168px; }
#product #main-infos #thumbs_list li { height: 45px; width: 45px; }
#product #description > .container,
#product .pictos.product .content .container { padding: 0 15px }
#product #giftboxes .boxes-content { height: 460px; }
.owl-controls { top: 145px; }
}
@media (max-width: 767px) {
#product #main-infos #view_full_size { height: auto; }
#product #main-infos #thumbs_list { width: 66% }
#product #giftboxes .boxes-content,
#product #giftboxes .boxes-content .owl-wrapper-outer { height: 100% }
#product #giftboxes .products-list .product-over .switcher { border: 1px solid #fff }
.owl-controls { margin: -28px 0 0 0; top: 50%; }
#product #main-infos .image-bg { min-height: initial; padding-bottom: 0; }
}
@media (max-width: 500px) {
#product #main-infos #view_scroll_left, #product #main-infos #view_scroll_right { height: 30px; width: 30px; margin-top: 8px; }
#product h1 { font-size: 24px }
#product #main-infos { padding: 120px 0 25px; background-image: none!important; background-color: #efefef!important; }
#product #main-info .price, #product .cta-product { margin: 0 }
#product #main-info #attributes fieldset { margin: 0 0 30px 0 }
#product #main-info .price .current-price { font-size: 34px }
#product #main-info .price .product-reduction { top: 12px }
#product #main-infos #bacs { padding: 15px }
#product #main-infos #bacs .switcher { padding: 0 15px; }
#product .main-product-container { padding: 0 }
#product .main-product-container > div { padding-left: 0 }
#product .pictos .picto { height: auto }
#product #features li span:last-child { padding-left: 15px }
#product #downloads li a { width: 100%; }
#product .zoomPreload, #product .zoomPup, #product .zoomWindow { display: none !important }
#product #main-infos #bacs .switcher li i::before { font-size: 30px; margin: -21px 0 0 -15px }
}
/* Quick-view */
#product #main-infos.frame { overflow: hidden; padding: 35px 0 0 0; }
.quick-view-desc {
padding: 0 10px 0 15px
}
.quick-view-desc .inner {
padding: 25px 0;
overflow: hidden;
}
.quick-view-desc .inner .type-the {
color: #b5985a;
font-size: 14px;
}
.quick-view-desc .inner .type-the span {
padding: 0 20px;
}
.quick-view-desc .inner .product-name {
color: #151516;
display: block;
font-family: 'caviar';
font-size: 18px;
padding: 20px 0;
text-align: center;
text-transform: uppercase;
}
.quick-view-desc .inner .description {
color: #6b6b73;
font-size: 14px;
}
.quick-view-desc .inner .subtitle:after { margin: 40px auto 25px auto }
.quick-view-desc .inner .pictos .content {
background: none;
text-align: center
}
.quick-view-desc .inner .pictos .content .icon { background-size: 45px 135px; display: block; float: none; height: 45px; margin: 0 auto; width: 45px }
.quick-view-desc .inner .pictos .content .infusion .icon { background-position: 50% 0 }
.quick-view-desc .inner .pictos .content .temperature-product .icon { background-position: 50% -45px }
.quick-view-desc .inner .pictos .content .conseils .icon { background-position: 50% -90px }
#product #main-infos.frame #bacs {
padding: 40px 30px;
position: relative;
bottom: 0;
top: 0;
}
#product #main-infos.frame #bacs #buy_block {
border: 1px solid #b5985a;
padding: 70px 20px 45px 20px;
}
#product #main-infos #bacs #buy_block .custom-select {
border: 1px solid #d8d3cb;
margin: 0 auto 15px auto;
width: 55%;
}
#product #main-infos #bacs #buy_block .custom-select > ul {
max-height: 200px;
}
#product #main-infos #bacs #buy_block .custom-select > span {
background-position: right -7px;
height: 35px;
line-height: 35px;
}
#product #main-infos.frame #bacs .product-price {
color: #b5985a;
display: block;
font-family: 'playfair';
font-size: 30px;
margin: 0 0 10px 0;
text-align: center
}
#product #main-infos.frame #bacs .product-packing {
display: block;
font-size: 14px;
line-height: 10px;
text-align: center
}
#product #main-infos.frame #bacs .product-weight-price {
display: block;
font-size: 14px;
margin: 0 0 10px 0;
text-align: center
}
#product #main-infos.frame #bacs .product-weight-price span {
color: #b5985a;
}
#product #main-infos.frame #bacs .btn {
margin: 10px 0 0 0;
width: 100%;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
#product #main-infos .image-bg { min-height: unset}
.fancybox-inner #product #main-infos .image-bg { padding: 15px 0;}
.fancybox-inner .quick-view-desc { padding: 0 }
.fancybox-inner .quick-view-desc .inner .product-name { padding: 0 0 20px 0 }
.fancybox-inner #product #main-infos.frame #bacs { padding: 30px 0 }
.fancybox-inner #product #main-infos #bacs .cta-product { padding: 0 }
}
/*************************************************************************************************************
*************************************** POPUP PANIER *****************************************
**************************************************************************************************************/
#layer_cart {
left: 50%;
margin: 0 0 0 -365px;
opacity: 0;
pointer-events: none;
position: absolute;
top: 50px;
width: 730px;
z-index: 3000;
}
.ie9 #layer_cart { z-index: -1 }
#layer_cart .double-border { z-index: 2 }
#layer_cart.open { opacity: 1; pointer-events: auto }
.ie9 #layer_cart.open { z-index: 3000 }
#layer_cart .cross {
background: #000;
cursor: pointer;
display: block;
height: 55px;
padding: 10px 0 0 10px;
position: absolute;
right: 65px;
top: 0;
width: 55px;
z-index: 2;
}
#layer_cart .main-title {
background: #fff;
color: #b5985a;
font-family: 'playfair';
font-size: 36px;
padding: 0 15px 30px 0;
position: relative;
text-transform: uppercase;
}
#layer_cart .main-title .icon-close {
color: #000;
cursor: pointer;
font-size: 18px;
position: absolute;
right: 0;
top: 15px;
}
#layer_cart .bg {
background: #fff;
overflow: hidden;
padding: 40px 60px 80px 60px;
width: 100%;
}
#layer_cart .border {
border: 1px solid #b8afa1;
}
#layer_cart .border .title {
background: #fff;
color: #1d1d21;
display: inline-block;
font-family: 'caviar';
font-size: 18px;
left: -1px;
letter-spacing: 1px;
padding: 5px 15px 5px 0;
position: relative;
text-transform: uppercase;
top: -18px;
}
#layer_cart .layer_cart_product .product-infos {
margin: 0 0 20px 0;
overflow: hidden;
padding: 0 15px;
}
#layer_cart .layer_cart_product .product-infos .product-image-container {
overflow: hidden;
}
#layer_cart .layer_cart_product .product-infos .product-image-container img {
display: block;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
#layer_cart .layer_cart_product .product-infos:hover .product-image-container img { transform: scale(1.05) }
#layer_cart .layer_cart_product .product-infos .group-infos {
border-bottom: 1px solid #d8d3cb;
}
#layer_cart .layer_cart_product .product-infos .product-type-the {
color: #b5985a;
display: block;
font-family: 'playfair';
font-size: 12px;
font-style: italic;
margin: 2px 0 5px 0;
}
#layer_cart .layer_cart_product .product-infos .product-name {
color: #151519;
display: block;
font-family: 'caviar';
font-size: 13px;
height: 55px;
letter-spacing: 1px;
text-transform: uppercase;
}
#layer_cart .layer_cart_product .product-infos .product-conditionnement {
color: #a5a7aa;
display: block;
font-size: 14px;
margin: 15px 0 0 0;
}
#layer_cart .layer_cart_product .product-infos .product-conditionnement span { color: #6b6b73; padding-left: 3px; text-transform: uppercase; }
#layer_cart .layer_cart_product .product-infos .product-quantity {
color: #a5a7aa;
display: block;
font-size: 14px;
margin: 0 0 2px 0;
}
#layer_cart .layer_cart_product .product-infos .product-quantity span { color: #6b6b73 }
#layer_cart .layer_cart_product .product-infos .product-price {
color: #b5985a;
display: block;
font-family: 'playfair';
font-size: 30px;
margin: 0 0 10px 0;
}
#layer_cart .product-added .buttons {
overflow: hidden;
padding: 0 30px 15px 30px;
}
#layer_cart .product-added .buttons .link.left {
cursor: pointer;
float: left;
font-family: 'caviar';
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 10px 0 10px 25px;
position: relative;
}
#layer_cart .product-added .buttons .link.left i {
transform: rotate(180deg) translate(0px);
-webkit-transform: rotate(180deg) translate(0px);
-moz-transform: rotate(180deg) translate(0px);
}
#layer_cart .product-added .buttons .link.left:hover i { transform: rotate(180deg) translate(-3px); }
#layer_cart #reinsurance_block_cart {
background: #b8afa1;
color: #fff;
font-size: 14px;
padding: 10px 0;
}
#layer_cart #reinsurance_block_cart li {
padding: 0 10px;
}
#layer_cart #reinsurance_block_cart img {
display: inline-block;
vertical-align: middle;
}
#layer_cart #reinsurance_block_cart div {
display: inline-block;
vertical-align: middle;
width: 122px;
}
#layer_cart #reinsurance_block_cart div span {
display: block;
line-height: 16px;
text-transform: uppercase;
}
#layer_cart #reinsurance_block_cart div span:last-child {
font-size: 11px;
text-transform: none;
}
#layer_cart .crossseling {
margin: 30px 0;
}
#layer_cart .product-added .buttons .btn {
float: right;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
#layer_cart .product-container:last-child { display: block; }
#layer_cart .product-container:nth-child(3) { display: none }
#layer_cart #reinsurance_block_cart { text-align: center; }
#layer_cart #reinsurance_block_cart img { display: block; margin: 15px auto 0 auto; }
#layer_cart .product-container .product-infos .product-category { border: 0 }
#layer_cart .product-container .product-infos .product-category > span { margin: -15px 0 20px 0 }
}
@media (max-width: 767px) {
#layer_cart { left: 0; right: 0; margin: 0; width: auto }
#layer_cart .bg { padding: 30px }
#layer_cart .layer_cart_product .product-infos { padding: 0 }
}
@media (max-width: 570px) {
#layer_cart .layer_cart_cart .button-container .continue { border: 1px solid #b4293c; padding: 10px; text-align: center; width: 100% }
#layer_cart .layer_cart_cart .button-container .continue i { left: 10px; }
#layer_cart .layer_cart_cart .button-container .btn { margin-top: 10px; width: 100% }
}
@media (max-width: 500px) {
#layer_cart { padding: 0 15px 0 0 }
#layer_cart .bg { padding: 15px }
#layer_cart .layer_cart_product .product-infos .product-image-container { margin-left: 10%; height: auto; margin-bottom: 10px; width: 80%; }
#layer_cart .layer_cart_product .product-infos { position: relative; }
#layer_cart .layer_cart_product .product-box { position: static; text-align: center }
#layer_cart .layer_cart_product .product-infos .prices { padding: 0 15px; position: static; width: 100%; }
#layer_cart .layer_cart_product .product-infos .prices .product-reduction { right: 0; top: 0; }
#layer_cart .crossseling .product-container:last-child { display: block }
#layer_cart .layer_cart_product .product-infos .product-attributes { margin-bottom: 10px }
#layer_cart .layer_cart_product .product-infos .prices .product-price { font-size: 36px; margin: 0 0 -10px 0 }
#layer_cart .layer_cart_product .product-infos .prices .product-reduction { height: 56px; line-height: 56px; width: 56px; top: 0px; }
#layer_cart .buttons { padding: 0 15px 15px 15px }
}
/*************************************************************************************************************
****************************************** PANIER ********************************************
**************************************************************************************************************/
#order_step {
margin-top: 50px;
list-style: none;
}
#order_step li {
padding: 0;
position: relative;
}
#order_step li:before {
background: #b8afa1;
content: "";
height: 1px;
left: -50%;
position: absolute;
right: 50%;
top: 30px;
z-index: 1;
}
#order_step li.step_done:before { background: #000 }
#order_step li.step_current:before { background: #000 }
#order_step li.step_todo {
}
#order_step li.step_current { }
#order_step li.step_done:after {
}
#order_step li:first-child:before { display: none }
#order_step li a:hover { text-decoration: none; }
#order_step li span {
display: block;
margin: 0 auto;
position: relative;
text-decoration: none;
z-index: 2;
}
#order_step li span:first-child {
background: #b8afa1;
border: 1px solid #bfb7aa;
border-radius: 50%;
box-shadow: 0 0 0 5px #b8afa1;
color: #fff;
font-family: 'playfair';
font-size: 44px;
font-style: italic;
height: 60px;
line-height: 45px;
text-align: center;
width: 60px;
}
#order_step li.step_current span:first-child { background: #b5985a; border: 1px solid #bea878; box-shadow: 0 0 0 5px #b5985a }
#order_step li.step_done span:first-child { background: #151519; border: 1px solid #333; box-shadow: 0 0 0 5px #151519 }
#order_step li span:last-child {
color: #b8afa1;
font-family: 'caviar';
font-size: 18px;
letter-spacing: 1px;
margin: 15px 0 0 0;
text-align: center;
text-transform: uppercase;
}
#order_step li.step_current span:last-child { color: #b5985a }
#order_step li.step_done span:last-child { color: #151519 }
@media(max-width: 500px) {
#order_step li span:first-child { font-size: 38px; height: 50px; line-height: 34px; margin-top: 5px; width: 50px }
}
#order .addresses .custom-select {
margin-top: 15px;
}
#shopping-cart {
padding: 60px 15px 30px 15px;
}
#shopping-cart #shopping-cart-products .image {
overflow: hidden;
padding: 0;
}
#shopping-cart #shopping-cart-products .image img {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
#shopping-cart #shopping-cart-products .image:hover img { transform: scale(1.1) }
#shopping-cart #shopping-cart-products .inner > div {
position: static
}
#shopping-cart #shopping-cart-products .product-type-the {
color: #b09c6a;
display: block;
font-family: 'playfair';
font-size: 13px;
font-style: italic;
margin: -5px 0 3px 0
}
#shopping-cart #shopping-cart-products .product-name {
color: #151519;
display: block;
font-family: 'caviar';
font-size: 13px;
height: 31px;
letter-spacing: 1px;
line-height: 16px;
text-transform: uppercase
}
#shopping-cart #shopping-cart-products .product-packing {
color: #a5a7aa;
display: block;
font-size: 14px;
}
#shopping-cart .delete a {
bottom: 30px;
color: #b8afa1;
font-size: 19px;
margin-left: -1px;
position: absolute;
}
#shopping-cart .delete a:hover { text-decoration: none }
#shopping-cart #shopping-cart-products .price {
color: #b09c6a;
display: block;
font-family: 'playfair';
font-size: 28px;
line-height: 20px;
margin: 0 0 5px 0;
}
#shopping-cart #shopping-cart-products .product-weight-price {
color: #a5a7aa;
display: block;
font-size: 14px;
}
#shopping-cart #shopping-cart-products .product-weight-price span {
color: #b09c6a;
}
#shopping-cart .cart_quantity_button .cart_quantity_up,
#shopping-cart .cart_quantity_button .cart_quantity_down {
background: #bcb4a7;
float: left;
line-height: 37px;
height: 35px;
padding: 0 2px;
}
#shopping-cart .cart_quantity_button .cart_quantity_up:hover,
#shopping-cart .cart_quantity_button .cart_quantity_down:hover { text-decoration: none }
#shopping-cart .cart_quantity_button .cart_quantity_up span,
#shopping-cart .cart_quantity_button .cart_quantity_down span {
color: #fff;
font-size: 18px;
padding: 0 7px;
}
#shopping-cart .cart_quantity_button .cart_quantity_input {
border: 1px solid #bcb4a7;
color: #2b2b31;
float: left;
height: 35px;
font-size: 14px;
text-align: center;
width: 55px;
}
#shopping-cart #shopping-cart-products .total {
color: #b09c6a;
display: block;
font-family: 'playfair';
font-size: 28px;
line-height: 20px;
margin: 0 0 5px 0;
}
#shopping-cart #calcul {
background: transparent;
border: 0;
padding: 30px 0;
}
#shopping-cart #calcul .discount-help {
padding: 0;
}
#shopping-cart #calcul .discount-help .discount_form {
margin-bottom: 15px;
width: 70%;
}
#shopping-cart #calcul .discount-help .discount_form label {
color: #b09c6a;
cursor: pointer;
font-size: 16px;
font-family: 'playfair';
font-weight: normal;
text-decoration: underline;
}
#shopping-cart #calcul .discount-help .discount_form .inner {
display: none;
}
#shopping-cart #calcul .discount-help .discount_form .form-container {
border: 1px solid #bcb4a7;
padding: 15px;
position: relative;
}
#shopping-cart #calcul .discount-help .discount_form .form-container input {
border: 1px solid #bcb4a7;
border-radius: 0 50px 50px 0;
height: 38px;
padding-right: 115px;
width: 100%;
}
#shopping-cart #calcul .discount-help .discount_form .form-container button {
position: absolute;
right: 14px;
width: auto;
top: 15px;
}
#shopping-cart #calcul .cart-help {
background: #b5985a;
color: #fff;
padding: 30px;
text-align: center;
}
#shopping-cart #calcul .cart-help .subtitle {
color: #fff;
}
#shopping-cart #calcul .cart-help .subtitle:after { background: rgba(255, 255, 255, 0.35) }
#shopping-cart #calcul .cart-help .tel {
font-family: 'playfair';
font-size: 28px;
}
#shopping-cart #calcul .prices {
padding: 0 0 0 30px;
}
#shopping-cart #calcul .prices .price_discount_delete i {
color: #6b6b73;
font-size: 16px;
margin-left: 5px;
}
#shopping-cart #calcul .prices .price_discount_delete:hover { text-decoration: none; }
#shopping-cart #calcul .line {
border-top: 1px solid #bcb4a7;
color: #6b6b73;
clear: both;
font-size: 16px;
overflow: hidden;
padding: 20px 0;
}
#shopping-cart #calcul .line:first-child { border: 0 }
#shopping-cart #calcul .line:last-child { color: #151519; padding: 35px 0 }
#shopping-cart #calcul .line.shipping > div:last-child {
font-size: 25px;
line-height: 27px;
}
#shopping-cart #calcul .line.shipping span {
display: block;
font-style: italic;
font-size: 14px;
margin-top: 3px;
line-height: 18px;
}
#shopping-cart #calcul .line > div:last-child {
color: #b09c6a;
font-family: 'playfair';
font-size: 28px;
line-height: 20px;
text-align: right;
}
#shopping-cart #calcul .line > div.label-total-price {
padding: 5px 0 0 15px;
}
#shopping-cart #calcul #total_price {
color: #151519;
font-family: 'playfair';
font-size: 55px;
text-align: right;
}
#shopping-cart .unit-price {
padding: 0 15px 0 45px;
}
.cart_navigation {
margin: 20px 0;
overflow: hidden;
}
.cart_navigation .btn.black {
float: right;
}
.cart_navigation .btn.gold {
float: left;
}
@media (max-width: 1199px) {
#shopping-cart .cart_quantity_button .cart_quantity_up, #shopping-cart .cart_quantity_button .cart_quantity_down { padding: 0 }
#shopping-cart .cart_quantity_button .cart_quantity_input { margin: 0 -2px }
#shopping-cart .delete a { bottom: 13px }
}
@media (max-width: 991px) {
#shopping-cart #calcul .cart-help { display: none }
#shopping-cart #shopping-cart-products .inner > .image { margin-left: 0; position: absolute; left: 15px; z-index: 1; }
#shopping-cart #shopping-cart-products .inner > div { margin-left: 30%; }
#shopping-cart .unit-price { padding-left: 15px; }
.table-div .table-row strong, .extension strong { color: #151519; display: block; font-family: 'playfair'; font-weight: normal; margin: 15px 0 0 0; text-transform: uppercase }
#shopping-cart #shopping-cart-products .total > strong { font-size: 16px; }
#shopping-cart #shopping-cart-products .total strong { display: inline; }
#shopping-cart .delete a { bottom: 35px; right: 30px; }
#shopping-cart #calcul .discount_form .form-group { margin-top: 30px; width: 100%; }
#shopping-cart #calcul .prices { padding-left: 0 }
}
@media (max-width: 767px) {
#shopping-cart #shopping-cart-products .table-head > div { font-size: 18px; }
#shopping-cart #shopping-cart-products .inner > .image { margin: 0 0 15px 0; padding: 0 15px; position: static; text-align: center; width: 100% }
#shopping-cart #shopping-cart-products .inner > div { margin-left: 0 }
#shopping-cart #calcul .line > div:last-child { padding-right: 0; }
#shopping-cart #calcul #total_price { font-size: 38px }
#shopping-cart #calcul .border { margin: 0 }
#shopping-cart #shopping-cart-products .taxes li { line-height: 16px; }
.cart_navigation .btn-next, .cart_navigation .btn-cancel { margin-bottom: 20px; width: 100%; }
}
@media (max-width: 500px) {
#shopping-cart #calcul .line { font-size: 15px;}
#shopping-cart #calcul { padding-bottom: 0; }
#shopping-cart #calcul .discount-help .discount_form { width: 100%; }
#shopping-cart #shopping-cart-products .total { margin-top: 0; text-align: left }
#shopping-cart #shopping-cart-products .taxes li { border: 0; float: none; padding-left: 0; }
#shopping-cart #calcul .line > div:last-child { line-height: 26px }
#shopping-cart #calcul .discount_form .form-group { margin: 20px 0 30px 0; }
.cart_navigation .btn-cart { margin-bottom: 15px; width: 100% }
}
/*************************************************************************************************************
****************************** CONNEXION / CREATION DE COMPTE ********************************
**************************************************************************************************************/
#auth {
padding: 50px 30px;
}
#auth .box-gold, #auth .box-gold { margin-bottom: 30px }
.box {
margin: -35px 0 0 0;
}
.box h2,
.box .h2 {
margin: 0;
text-align: center;
}
.box h2 span,
.box .h2 span {
background: #fff;
color: #000;
font-family: 'caviar';
font-size: 18px;
letter-spacing: 1px;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
}
.box .form_content {
padding: 30px 50px 0 50px;
}
.box .form_content p.text {
color: #6b6b73;
margin: 0 0 30px 0;
text-align: center;
}
.box .lost_password {
color: #bca36b;
float: left;
font-size: 14px;
font-style: italic;
margin: 10px 0 0 0;
}
#auth .pro-registration {
background: #d8d3cb url('../img/info-bulle.png') no-repeat 101% -12px ;
border: 1px solid #d8d3cb;
color: #2b2b31;
margin: 20px 0 0 -1px;
padding: 17px 20px;
}
#auth .pro-registration a {
color: #2b2b31;
text-decoration: underline;
}
#account-creation_form .civilite {
margin-bottom: 10px;
}
#account-creation_form .civilite > label {
float: left;
margin-top: 5px;
padding: 0 20px 0 0;
}
.civilite > div {
float: left;
margin-right: 20px;
}
.birthdate label {
padding-left: 15px;
}
#auth .trigger-invoice span {
color: #151519;
font-family: 'caviar';
font-style: normal;
padding: 0 15px;
letter-spacing: 1px;
text-transform: uppercase;
}
#auth .newsletter {
margin-bottom: 0;
}
#auth .newsletter h2 span {
font-size: 16px;
}
#auth .newsletter .form_content {
padding-bottom: 20px;
}
#auth .trigger-invoice .checkbox label {
margin-top: 9px;
}
#auth .box-gold .submit {
clear: none
}
#password .container.password {
padding: 50px 15px;
}
#auth .illustration-img {
height: 344px
}
@media (max-width: 1199px) {
#auth .box-gold, #auth .box-gold { height: 325px; }
.box .form_content { padding: 30px 15px }
.box .form_content p.text { margin: 0 0 31px 0 }
}
@media (max-width: 991px) {
#auth .box-gold { margin: 0 0 45px 0 }
#auth .box-gold, #auth .box-gold { height: auto; }
#auth .pro-registration { margin: 0 0 0 -1px }
}
@media (max-width: 767px) {
.box .lost_password { margin: 0 0 15px 0 }
}
@media (max-width: 500px) {
#auth .trigger-invoice { margin: 0 }
}
/*************************************************************************************************************
***************************************** ADRESSES *******************************************
**************************************************************************************************************/
.addresses .checkbox.inline > label {
margin-top: 9px;
}
.addresses .add-address {
margin-top: 28px;
}
.addresses .address {
color: #6b6b73;
min-height: 200px;
}
.addresses .addressesAreEquals {
margin: 10px 0 20px 0;
}
.addresses #address_invoice_form {
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.addresses #address_invoice_form.open { opacity: 1; }
.addresses .addresses-list {
margin: 20px 0;
margin-bottom: 10px;
text-align: center;
}
.addresses .addresses-list .box {
margin: -27px 0 0 0;
}
.addresses .address .address_title {
color: #0e0e0e;
display: block;
margin: 0 0 15px 0;
}
.addresses .address .address_title h2 {
background: #fff;
color: #000;
display: inline-block;
font-family: "caviar";
font-size: 18px;
letter-spacing: 1px;
padding: 0 10px;
margin-top: -8px;
text-transform: uppercase;
}
.addresses .address .address_update {
text-transform: uppercase;
}
.addresses .address .address_update:before {
background: #d8d3cb;
content: "";
height: 1px;
display: block;
margin: 15px auto 5px auto;
width: 30px;
}
.addresses .address_add {
display: block;
margin: 0px 0 45px 0;
overflow: hidden;
text-align: center
}
.addresses #order-carrier-list .delivery_options {
padding: 30px 60px 5px 60px;
}
.addresses #order-carrier-list .delivery-option {
font-size: 0;
margin-bottom: 10px;
min-height: 100px;
}
.addresses #order-carrier-list .delivery-option > div {
float: none;
font-size: 16px;
display: inline-block;
vertical-align: middle;
}
.addresses .radio-button > * {
display: inline-block;
vertical-align: middle;
}
.addresses .radio-button img { height: 84px; width: 131px; }
.addresses #order-carrier-list .delivery-option .desc {
padding-left: 0;
}
.addresses #order-carrier-list .delivery-option .carrier-name {
color: #151519;
display: block;
}
.addresses #order-carrier-list .delivery-option .carrier-delay {
color: #a5a7aa;
font-size: 14px;
display: block;
}
.addresses #order-carrier-list .delivery-option .price {
color: #b5985a;
font-family: 'playfair';
font-size: 28px;
text-align: right;
}
.addresses .carrier {
margin-bottom: 45px;
}
.addresses .message {
padding: 20px 15px;
text-align: center;
}
.addresses .message h3 {
color: #000;
font-family: 'caviar';
font-size: 18px;
letter-spacing: 1px;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
}
.addresses .message .form-group {
margin: 0 15px;
}
@media (max-width: 991px) {
.addresses .address { min-height: auto }
.addresses .addresses-list > div:first-child { margin-bottom: 30px }
.addresses #order-carrier-list .delivery_options { padding: 30px 0 5px 0 }
.addresses .radio-button img + .custom-radio { margin: 0 0 0 12px }
.addresses li { padding: 2px 20px 2px 20px }
}
@media (max-width: 767px) {
.addresses .address { min-height: auto; padding-bottom: 10px; }
.addresses .address li { padding-left: 20px }
.addresses .address .address_title { padding-left: 20px }
.addresses #order-carrier-list .delivery-option > div.desc { padding: 15px 0 15px 15px; }
#auth #login_form .form_content, #auth #create-account_form .form_content { padding: 20px 20px }
.addresses .addresses-list > div:last-child { margin: 20px 0 0 0 }
}
@media (max-width: 500px) {
.cart_navigation > * { margin: 0 0 15px 0; width: 100% }
.addresses #order-carrier-list .delivery-option .price { font-size: 18px; padding-right: 0; }
}
.order-paiement {
padding: 60px 15px 15px 15px;
}
.order-paiement .paiement {
padding: 15px 0 10px 0;
}
.order-paiement .box-gold {
margin-bottom: 40px;
padding: 15px 45px;
}
.order-paiement .paiement-module {
color: #151519;
font-size: 16px;
overflow: hidden;
padding: 7px 0;
}
.order-paiement .paiement-module > div:first-child {
padding: 5px 0 0 25px
}
.order-paiement .paiement-module > div:first-child + div + div {
padding-top: 6px
}
.order-paiement .resume-cart {
background: #b5985a;
color: #fff;
padding: 15px;
}
.order-paiement .resume-cart h3 {
color: #fff;
font-size: 24px;
font-weight: normal;
margin: 0;
padding: 15px 15px 0 15px;
text-align: center;
}
.order-paiement .resume-cart h3:after {
background: rgba(255, 255, 255, 0.4);
margin: 10px auto;
width: 50px;
}
.order-paiement .resume-cart .product {
padding: 0 15px;
}
.order-paiement .resume-cart .product .inner {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding: 10px 0;
}
.order-paiement .resume-cart .product-type-the {
display: block;
font-family: 'playfair';
font-size: 12px;
font-style: italic;
}
.order-paiement .resume-cart .product-name {
margin: 0px -15px 8px -15px;
}
.order-paiement .resume-cart .product-name span:first-child {
font-family: 'caviar';
font-size: 12px;
letter-spacing: 1px;
line-height: 20px;
text-transform: uppercase;
}
.order-paiement .resume-cart .product-name span:first-child .lower { font-size: 8px; }
.order-paiement .resume-cart .product-name span:last-child {
font-family: 'playfair';
font-size: 18px;
line-height: 20px;
text-align: right;
}
.order-paiement .resume-cart .product-packing {
font-size: 14px;
}
.order-paiement .resume-price {
background: #b5985a;
padding: 12px 0;
}
.order-paiement .resume-price .cart_discount {
line-height: 16px;
}
.order-paiement .resume-price > div {
padding: 6px 0;
}
.order-paiement .resume-products .product > div > span:last-child,
.order-paiement .resume-price > div > span:last-child {
text-align: right;
}
.order-paiement .resume-price > div > span:first-child {
font-size: 14px;
line-height: 20px;
}
.order-paiement .resume-price > div > span:last-child {
font-family: 'playfair';
font-size: 18px;
line-height: 20px;
}
.order-paiement .resume-price > div.price > span:last-child { font-size: 28px }
.order-paiement h3 {
margin-top: 22px;
}
.order-paiement .cgv {
color: #333;
font-size: 16px;
overflow: hidden;
padding: 15px 25px;
}
.order-paiement .cgv .order-submit {
margin-top: 20px;
}
.order-paiement .order-submit span {
color: #a5a7aa;
display: block;
font-size: 14px;
margin: 7px 0 0 0;
}
.order-paiement .order-submit .btn-cancel {
margin-top: 10px;
}
.order-paiement .cgv .order-submit .btn.btn-next {
float: right;
padding-right: 50px;
}
.order-paiement .cgv label {
line-height: 16px;
}
.order-paiement .cgv label a {
color: #b5985a;
display: inline-block;
font-size: 14px;
font-style: italic;
line-height: 16px;
}
.order-confirmation a {
color: #b5985a;
}
@media (max-width: 1199px) {
.order-paiement .box-gold { padding: 15px; }
.order-paiement .paiement-module > div:first-child { padding-left: 10px; }
.order-paiement .cgv { padding: 15px 10px }
.order-paiement .resume-cart { padding: 5px }
.order-paiement .order-submit .btn.btn-next, .order-paiement .cgv .order-submit span { float: none }
}
@media (max-width: 991px) {
.order-paiement .order-submit .btn.btn-next { float: right }
.order-paiement .order-submit span { text-align: center; }
}
@media (max-width: 767px) {
.order-paiement .cgv .order-submit > div { text-align: center }
.order-paiement .cgv .order-submit > div button { margin: 10px 0 0 0; width: 100% }
.order-paiement .order-submit .btn.btn-next, .order-paiement .cgv .order-submit span { float: none }
}
@media (max-width: 550px) {
.order-paiement .paiement-module > div:first-child { width: 25% }
.order-paiement .paiement-module > div:first-child + div { width: 75% }
.order-paiement .paiement-module > div:first-child + div + div { margin-left: 25%; width: 75% }
.order-paiement .cgv .order-submit .btn.btn-next { font-size: 16px }
}
@media (max-width: 370px) {
.order-paiement .paiement-module > div:first-child + div img { max-width: 100% }
.order-paiement .cgv .order-submit .btn.btn-next { font-size: 14px }
}
/*************************************************************************************************************
******************************************* COMPTE *******************************************
**************************************************************************************************************/
.account-tabs {
margin: 30px 0;
text-align: center;
}
.account-tabs li {
display: inline-block;
margin: 0 5px;
vertical-align: middle;
}
.account-tabs li .btn.grey {
padding: 8px 25px;
}
.account.container {
padding: 50px 15px 40px 15px;
}
.account .box-gold .box-content {
padding: 20px 50px 15px 50px;
}
.account .box-gold .box-content .box-footer {
border-top: 1px solid #b8afa1;
clear: both;
overflow: hidden;
margin-bottom: -25px;
}
.menu-account {
margin-bottom: 45px;
}
.menu-account li {
background: #b5985a;
padding: 0 30px;
}
.menu-account li:last-child { background: #151519 }
.menu-account li a {
border-top: 1px solid rgba(255, 255, 255, 0.4);
color: #fff;
display: block;
}
.menu-account li:first-child a { border: 0 }
.menu-account li:last-child a { border: 0 }
.menu-account li a:hover { color: #151519; text-decoration: none; }
.menu-account li:last-child a:hover { color: #fff }
.menu-account li a i { color: #fff; padding-left: 1px }
.menu-account li:last-child a i { color: #fff }
.menu-account li a:hover i { color: #151519 }
.menu-account li:last-child a:hover i { color: #fff; }
#my-account .user-info {
padding: 0 0 15px 0;
}
#my-account a.link:hover,
#my-account a.link:focus {
color: #2b2b31;
text-decoration: none;
}
#my-account .user-info .user-name {
display: block;
}
#my-account .user-info .user-name span,
#my-account .user-info .user-mail span {
color: #b5985a;
margin-right: 10px;
}
#my-account .addresses {
padding: 20px 50px;
}
#my-account .address {
margin: 0 0 20px 0;
min-height: 200px;
padding: 0;
}
#my-account .address ul {
border-left: 1px solid #b8afa1;
padding: 0 30px;
}
#my-account .address ul.no-border-md { border: 0 }
.address ul .subtitle {
font-size: 18px;
}
.address ul .subtitle:after {
margin: 10px 0 25px 0;
width: 40px;
}
.box-footer a:last-child {
float: right;
}
.box-footer a:first-child {
float: left;
}
#addresses .address {
min-height: 260px;
}
.update-address {
margin: 10px 0 0 0;
}
.update-address .link {
padding: 0 0 0 25px;
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
#my-account .address ul.no-border-md { border-left: 1px solid #b8afa1 }
#my-account .address ul.no-border-sm { border: 0 }
}
@media (max-width: 767px) {
.account-tabs li { display: block; margin: 0 0 20px 0 }
.account-tabs li a { display: block; margin: 0 auto; width: 80% }
#my-account .addresses { padding: 20px 0 }
#my-account .address { margin: 0 0 45px 0 }
#my-account .address ul { text-align: center }
#my-account .address ul { border: 0 }
#my-account .address ul.no-border-md { border: 0 }
.address ul .subtitle:after { margin: 10px auto }
.account .box-gold .box-content.addresses { padding: 20px 20px 15px 20px; text-align: center; }
}
@media (max-width: 500px) {
.account-tabs li a { width: 100% }
}
/* Details de la commande */
#order-detail .info-order {
margin-bottom: 45px;
}
#order-detail .info-order .inner {
background: #b5985a;
color: #fff;
padding: 15px;
height:155px;
text-align: center;
}
#order-detail .info-order .invoice .inner { padding: 15px }
#order-detail .info-order .inner:hover { background: #b8afa1 }
#order-detail .info-order .inner .icon {
background: url('../img/sprite-order-details.png') no-repeat;
display: block;
height: 80px;
margin: 0 auto;
width: 80px;
}
#order-detail .info-order .ref .inner .icon { background-position: 50% -35px }
#order-detail .info-order .payment .inner .icon { background-position: 50% -186px }
#order-detail .info-order .carrier .inner .icon { background-position: 50% -335px }
#order-detail .info-order .invoice .inner .pdf {
background: url('../img/sprite-order-details.png') no-repeat -45px -505px;
color: #fff;
display: block;
font-style: italic;
line-height: 20px;
margin: 15px 0;
min-height: 40px;
padding: 0 0 0 50px;
text-align: left;
text-decoration: underline;
}
#order-detail .addresses {
text-align: center;
}
#order-detail .account .product-row {
font-size: 16px;
}
#order-detail .account .product-row .product-type-the {
color: #b5985a;
display: block;
font-family: 'playfair';
font-size: 13px;
font-style: italic;
}
#order-detail .account .product-row .product-name {
color: #151519;
display: block;
height: 35px;
font-family: 'caviar';
font-size: 13px;
margin: 3px 0 0 0;
text-transform: uppercase;
}
#order-detail .account .product-row .product-conditionnement {
color: #a5a7aa;
display: block;
font-size: 14px;
}
#order-detail .account .product-row .product-conditionnement span {
color: #6b6b73;
text-transform: uppercase;
}
#order-detail .account .product-row .form-group input {
background: #fff;
border: 1px solid #b8afa1;
height: 35px;
text-align: center;
width: 70%;
}
#order-detail .account .product-row .form-group input[disabled] { opacity: 0.4 }
#order-detail .account .table-div .table-row .price,
#order-detail .account .table-div .table-row .total-price {
color: #b5985a;
font-family: 'playfair';
font-size: 18px;
}
#order-detail .account .table-div .table-row.no-border {
border-left: 0;
border-right: 0;
color: #6b6b73;
font-size: 16px;
}
#order-detail .account .table-div .table-row.no-border .title {
margin: 10px 0 0 0;
}
#order-detail .account .table-div .table-row.no-border .price {
font-size: 28px;
}
#order-detail .account .table-div .table-row.no-border.total-price {
border: 0;
color: #151519;
}
#order-detail .account .table-div .table-row.no-border.total-price .title {
margin: 30px 0 0 0;
}
#order-detail .account .table-div .table-row.no-border.total-price .price {
color: #151519;
font-size: 55px;
}
#order-detail #sendOrderMessage .custom-select {
width: 50%;
}
#order-detail .account h3,
#order-detail .account h4 {
color: #333;
font-size: 30px;
margin: 30px 0 0 0;
padding-bottom: 10px;
}
#order-detail .account h3 { border-bottom: 1px solid #e5e5e5; margin: 30px 0 5px 0; }
.account .message .inner,
.account .add_message .inner,
.account .returns .inner {
border: 1px solid #bcb4a7;
color: #151519;
padding: 30px 50px;
overflow: hidden;
}
.account .returns .inner label {
color: #333;
font-weight: normal;
margin: 10px 0;
}
.account .message .inner .table-div {
margin-top: 0;
}
.account .message .inner .table-row {
background: #e5e5e5;
color: #333;
font-size: 0;
}
.account .message .inner .table-row > div {
font-size: 14px;
}
#order-detail .order-representant { }
@media (max-width: 1199px) {
#order-detail .account .table-div .table-row.nobg .price { font-size: 24px; padding-left: 0; }
.account .addresses { margin-bottom: 0 }
#order-detail .account h3 { margin: 20px 0 5px }
#order-detail .account .product-row .form-group input { width: 60px }
}
@media (max-width: 991px) {
#order-detail .order-info > div:last-child { margin-top: 25px }
.account .addresses .address { margin-bottom: 20px; }
#order-detail .account .product-row.return-allowed > div { padding-left: 85px }
#order-detail .account .product-row.return-allowed > .return-checkbox { padding-left: 15px; position: absolute; top: 25px; z-index: 5 }
#order-detail .account .table-div .table-row .total-price { text-align: left }
#order-detail .account .table-div .table-row.no-border.total-price .title { margin: 25px 0 0 0 }
#order-detail .account .table-div .table-row.no-border.total-price .price { font-size: 42px }
#order-detail .return-checkbox { padding: 0 0 0 15px; width: 75px; }
#order-detail .return-checkbox .custom-checkbox.inline label { display: block; font-size: 11px; font-style: italic }
#order-detail .states { margin-bottom: 45px; }
#order-detail .addresses .box-gold { margin-bottom: 45px; }
.account .message .inner, .account .add_message .inner, .account .returns .inner { padding: 30px 15px }
}
@media (max-width: 767px) {
#order-detail .order-info li .bold { display: block; margin-top: 10px }
}
/* Retours */
.block-order-detail {
background: #e4e2de;
color: #a5a7aa;
margin: 15px;
padding: 15px;
}
.block-order-detail .table-row {
background: #fff;
color: #a5a7aa;
font-size: 16px;
overflow: hidden;
}
@media (max-width: 991px) {
.block-order-detail .text-center { text-align: left; }
}
/* Avoirs */
#order-slip .account .table-div .table-row .icon-pdf {
height: 27px;
margin: -3px 0 -4px 0;
}
/* Adresses */
#addresses .address {
margin-bottom: 30px;
min-height: 300px;
}
.popover {
border: 1px solid #b8afa1;
border-radius: 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
color: #000;
font-size: 14px;
font-weight: normal;
padding: 10px;
text-align: center;
}
.popover .popover-title {
background: none;
border: 0;
color: #151519;
font-family: 'caviar';
font-size: 11px;
letter-spacing: 1px;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.popover .popover-title:after {
background: #d8d3cb;
content: "";
height: 1px;
display: block;
margin: 8px auto;
width: 20px;
}
.popover .popover-content {
color: #6b6b73;
font-family: 'proxima';
font-size: 13px;
padding: 0;
}
.popover.bottom > .arrow { border-bottom-color: #b8afa1 }
.popover.bottom { margin: -38px 0 0 0 }
.popover.top { margin: 0 0 -10px 0 }
/*************************************************************************************************************
********************************** PAGES COMPLEMENTAIRES *************************************
**************************************************************************************************************/
/* Ma collection */
#collection .page-heading {
z-index: 2;
}
.gold-banner {
background: #b5985a;
color: #fff;
padding: 55px 0 50px 0;
position: relative;
text-align: center;
z-index: 1;
}
.gold-banner .social li {
display: inline-block;
vertical-align: middle;
}
.gold-banner .social li a {
color: #fff;
}
.gold-banner .social li a:hover { color: #151519; text-decoration: none }
.gold-banner .social li a i {
background: #fff;
border-radius: 50%;
color: #b5985a;
display: block;
font-size: 38px;
height: 68px;
line-height: 68px;
margin: 30px 15px 0 15px;
width: 68px;
}
.gold-banner .social li a:hover i { background: #151519; text-decoration: none }
.gold-banner .social li a span:before {
background: rgba(255, 255, 255, 0.4);
content: "";
height: 1px;
display: block;
margin: 10px auto 15px auto;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 30px;
}
.gold-banner .social li a:hover span:before { background: #151519 }
.gold-banner .social li a span {
display: block;
}
.gold-banner .gold-arrow {
background: #b5985a;
bottom: -11px;
height: 22px;
left: 50%;
margin: 0 0 0 -11px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
width: 22px;
}
#collection .collection-products {
padding: 30px 15px;
position: relative;
z-index: 2;
}
#collection .suggestion {
padding: 15px 15px 30px 15px;
position: relative;
z-index: 1;
}
@media (max-width: 500px) {
.gold-banner .social li { display: inline-block; margin: 20px 5px 0 5px }
.gold-banner .social li a i { font-size: 30px; height: 60px; line-height: 60px; margin: 0 auto; width: 60px }
.gold-banner .social li a span { display: none }
}
/* Wishlist */
.wishlist-products {
padding: 20px 0;
}
.no_product_collection {
font-size: 18px;
margin-top: 40px;
text-align: center;
}
.wishlist-products .wishlist-product {
background: url('../img/fond-wishlist-product.png') no-repeat center bottom;
clear: both;
margin: -100px 0 20px 0;
padding: 15px 100px 130px 100px;
overflow: hidden;
}
.wishlist-products .wishlist-product:first-child { margin-top: 0 }
.wishlist-products .wishlist-product .inner {
background: #fff;
border: 1px solid #b5985a;
overflow: hidden;
position: relative;
}
.wishlist-products .wishlist-product .inner .out-of-stock {
background: rgba(255, 255, 255, 0.7);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 5
}
.wishlist-products .wishlist-product .inner .out-of-stock .frame {
bottom: 0;
left: 0;
top: 0;
position: absolute;
width: 256px;
}
.wishlist-products .wishlist-product .inner .out-of-stock .frame .inner {
background: #fff;
bottom: 50px;
color: #b8afa1;
font-family: 'playfair';
font-size: 18px;
left: 50px;
line-height: 150px;
position: absolute;
right: 50px;
text-align: center;
text-transform: uppercase;
top: 50px;
}
.wishlist-products .wishlist-product .inner .product-img {
float: left;
padding: 0 15px 0 0;
width: 28%;
}
.wishlist-products .wishlist-product .inner .product-infos {
float: left;
padding: 15px;
text-align: center;
width: 42%;
}
.wishlist-products .wishlist-product .inner .product-infos .product-type-the {
background: #e8e5e0;
color: #b5985a;
}
.wishlist-products .wishlist-product .inner .product-infos .product-type-the span {
padding: 0 20px;
}
.wishlist-products .wishlist-product .inner .product-infos .product-name {
color: #151516;
display: block;
font-family: 'caviar';
font-size: 18px;
padding: 20px 0;
text-align: center;
text-transform: uppercase;
}
.wishlist-products .wishlist-product .inner .product-infos .product-desc {
color: #6b6b73;
font-size: 14px;
padding: 0 15px;
}
.wishlist-products .wishlist-product .inner .buttons {
float: left;
margin: 35px 0 0 0;
padding: 0 15px;
width: 30%;
}
.wishlist-products .wishlist-product .inner .buttons .product-price {
color: #b5985a;
display: block;
font-family: 'playfair';
font-size: 30px;
text-align: center
}
.wishlist-products .wishlist-product .inner .buttons .product-packing {
display: block;
font-size: 14px;
line-height: 10px;
margin: 0 0 15px 0;
text-align: center
}
.wishlist-products .wishlist-product .inner .buttons .product-weight-price {
display: block;
font-size: 14px;
margin: 0 0 10px 0;
text-align: center
}
.wishlist-products .wishlist-product .inner .buttons .product-weight-price span {
color: #b5985a;
}
.wishlist-products .wishlist-product .inner .buttons .btn {
margin: 10px 0 0 0;
width: 100%;
}
.wishlist-products + .gold-banner {
margin-bottom: 15px;
padding: 40px 0 40px;
}
.wishlisturl {
margin-top: 30px;
}
@media (max-width: 1199px) {
.wishlist-products .wishlist-product { background: none; padding: 15px }
.wishlist-products .wishlist-product { margin-top: 0 }
}
@media (max-width: 991px) {
.wishlist-products .wishlist-product { clear: none; float: left; width: 50% }
.wishlist-products .wishlist-product .inner { padding-bottom: 15px; }
.wishlist-products .wishlist-product .inner .out-of-stock .frame { height: 343px; line-height: 343px; right: 0; width: auto; }
.wishlist-products .wishlist-product .inner .out-of-stock .frame .inner { line-height: 241px; padding-bottom: 0; }
.wishlist-products .wishlist-product .inner .product-img { padding: 0; width: 100% }
.wishlist-products .wishlist-product .inner .product-infos { width: 100% }
.wishlist-products .wishlist-product .inner .product-infos .product-name { height: 66px; padding-bottom: 0; }
.wishlist-products .wishlist-product .inner .product-infos .product-desc { height: 90px; }
.wishlist-products .wishlist-product .inner .buttons { margin: 10px 0 0 0; width: 100% }
}
@media (max-width: 767px) {
.wishlist-products .wishlist-product { width: 100% }
.wishlist-products .wishlist-product .inner .out-of-stock .frame { bottom: 50%; height: auto }
.wishlist-products .wishlist-product .inner .out-of-stock .frame .inner { line-height: 400px }
.wishlist-products .wishlist-product .inner .product-infos .product-name { height: auto; padding-bottom: 20px; }
.wishlist-products .wishlist-product .inner .product-infos .product-desc { height: auto; }
}
@media (max-width: 650px) {
.wishlist-products .wishlist-product .inner .out-of-stock .frame .inner { line-height: 350px }
}
@media (max-width: 500px) {
.wishlist-products .wishlist-product .inner .out-of-stock .frame .inner { line-height: 280px }
}
#stores .search {
margin: 0 0 30px 0;
}
#stores .store-title,
#stores .store-form,
#stores .store-result {
border-bottom: 1px solid #d8d3cb;
clear: both;
padding: 10px 0
}
#stores .store-result { display: none }
#stores .form-group {
margin: 0;
}
#stores .form-group label,
#stores .form-group input,
#stores .form-group span {
display: inline-block;
vertical-align: middle;
}
#stores .form-group label { padding-right: 10px }
#stores .form-group input { width: 65% }
#stores .form-group span { width: 70% }
#stores .btn { margin: 7px 0 0 0; padding: 9px 30px; }
#stores .map-stores { float: left }
#stores .list { float: right }
#stores #map2 {
height: 650px;
margin: 0;
overflow: hidden;
width: 100%;
}
#stores-table {
background: #e0dcd5;
color: #6b6b73;
font-size: 14px;
overflow: hidden;
}
#stores-table .store-head {
font-size: 0;
}
#stores-table .store-head div {
font-size: 14px;
}
#stores-table .store-lines {
height: 598px;
overflow-y: auto;
}
#stores-table .store-line {
border-top: 1px solid #b8afa1;
clear: both;
float: left;
width: 100%;
}
#stores-table .store-line.onload { padding: 15px }
#stores-table .store-img,
#stores-table .store-infos,
#stores-table .store-distance {
display: inline-block;
vertical-align: middle;
padding: 15px;
}
#stores-table .store-img { width: 27% }
#stores-table .store-img img {
display: block;
width: 100%;
}
#stores-table .store-infos { width: 53% }
#stores-table .store-infos .store-name {
color: #2b2b31;
display: block;
margin: 0 0 10px 0;
text-transform: uppercase;
}
#stores-table .store-infos .store-details {
cursor: pointer;
display: block;
}
#stores-table .store-distance { width: 20% }
@media (max-width: 991px) {
#stores .store-form label { width: 30% }
#stores .store-form input, #stores .store-form span { margin-bottom: 10px; width: 69% }
#stores .btn { display: block; margin: 0 auto; width: 30% }
#stores .map { float: none }
#stores .list { float: none }
#stores-table .store-lines { height: auto }
}
@media (max-width: 767px) {
#stores .store-form label { width: 100% }
#stores .store-form input, #stores .store-form span { margin-bottom: 10px; width: 100% }
#stores .btn { display: block; margin: 0 auto; width: 60% }
}
/* Page 404 */
#pagenotfound .page-heading {
background: #e4e2de;
}
#pagenotfound .subtitle:after {
margin: 50px auto
}
#pagenotfound .form-group {
padding: 0 40px;
}
#pagenotfound .form-group label {
font-size: 14px;
}
#pagenotfound .form-group .btn {
margin: 15px 0 0 0;
}
@media (max-width: 1260px) {
.page-heading.pagenotfound h1 { font-size: 60px }
#pagenotfound .form-group .btn { margin-top: 10px; }
}
/* Contact */
#contact .information,
#module-we_mail-default .information {
background: #e5e5e5;
color: #333;
margin-bottom: 50px;
}
#contact .information .mask,
#module-we_mail-default .information .mask {
height: 150px;
padding-left: 0;
overflow: hidden;
}
#contact .information > div > h3,
#module-we_mail-default .information > div > h3 {
font-family: 'GothamRndBook';
}
#contact .information > div > p,
#module-we_mail-default .information > div > p {
font-size: 14px;
}
#contact textarea {
height: 342px;
}
#contact .submit,
#module-we_mail-default .submit {
margin-top: 0;
}
@media (max-width: 991px) {
#contact textarea { height: 200px; }
}
@media (max-width: 767px) {
}
/* Blog */
header.page-heading.blog .custom-select span {
border: 1px solid #c6bfb4;
}
.container.cms {
padding: 30px 15px;
}
.psblog-list .post {
margin-top: 65px;
}
.psblog-list .post:first-child { margin: 0 }
.psblog-list .post .line-through {
background: #d8d3cb;
}
.psblog-list .post .line-through span {
font-family: 'proxima';
font-style: normal;
}
.psblog-list .post h2 {
margin: 25px 0;
text-align: center;
}
.psblog-list .post h2 a {
color: #151519;
font-family: 'playfair';
font-size: 28px;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
font-style: normal;
}
.psblog-list .post h2 a:hover { color: #b5985a; text-decoration: none }
.psblog-list .post .post-img {
float: left;
}
.psblog-list .post.row1 .post-img { float: right }
.psblog-list .post .post-img img {
display: block;
width: 100%;
}
.psblog-list .post .post-excerpt {
float: left;
}
.psblog-list .post .post-excerpt .resume {
margin-top: 30px;
}
.psblog-list .post .buttons {
margin: 25px 0 40px 0;
text-align: center;
}
.psblog-list .pagination {
border-radius: 0;
border-top: 1px solid #b8afa1;
float: left;
text-align: right;
width: 100%;
}
.psblog-list .pagination .bt-prev,
.psblog-list .pagination .bt-next {
background: url('../img/bt-next.png') center center;
background-size: 83%;
background-repeat: no-repeat;
height: 48px;
width: 46px;
}
.psblog-list .pagination .bt-prev {
background: url('../img/bt-prev.png') center center;
background-size: 83%;
background-repeat: no-repeat;
}
.psblog-list .pagination li {
display : inline-block;
margin: 0 3px;
}
.psblog-list .pagination li a {
background: #b5985a;
color: #fff;
display: block;
padding: 7px 0 5px 0;
text-align: center;
width: 35px;
}
.psblog-list .pagination li span,
.psblog-list .pagination li a:hover {
background: #f4f3f0;
color: #b8afa1;
display: block;
text-align: center;
padding: 7px 0 5px 0;
text-decoration: none;
width: 35px;
}
@media (max-width: 767px) {
.psblog-list .post .post-img { margin: 0 0 20px 0 }
}
.psblog-article {
}
.psblog-article .box-gold {
padding: 0;
}
.psblog-article .box-gold > .box {
padding: 15px 200px;
}
.psblog-article .box-gold .h2 span {
color: #b5985a;
font-family: "playfair";
font-size: 18px;
font-style: italic;
}
.psblog-article h1 {
font-size: 36px;
margin: 30px 0;
}
.psblog-article h1:after { margin: 25px auto 0 auto }
.psblog-article .post-exercpt {
color: #2b2b31;
font-family: 'playfair';
font-size: 18px;
margin: 0 0 45px 0;
text-align: center;
}
.psblog-article .post-main-img img {
display: block;
margin: 0 0 45px 0;
width: 100%;
}
.psblog-article #post-view {
color: #6b6b73;
font-size: 18px;
padding: 0 0 30px 0;
}
.psblog-article h2 {
color: #2b2b31;
font-family: 'playfair';
font-size: 28px;
margin: 0 0 30px 0;
text-align: left;
}
.psblog-article .imgs {
float: right;
margin: 0 14px 30px 0;
padding: 0 0 0 25px;
width: 260px;
}
.psblog-article .imgs .double-border {
margin-bottom: 15px;
margin-top: 15px
}
.psblog-article .imgs img {
display: inline-block;
width: 100%;
}
.psblog-article blockquote {
background: #b5985a url('../img/fond-blockquote.png') no-repeat left top;
border: 0;
clear: both;
color: #fff;
font-family: 'playfair';
font-size: 18px;
font-style: italic;
margin: 45px 0;
padding: 0;
}
.psblog-article blockquote p:last-child {
font-size: 28px;
text-align: right;
padding: 0 45px 30px 0;
}
.psblog-article blockquote p:first-child {
font-size: 18px;
padding: 45px 100px 15px 100px;
}
.psblog-article .categories {
color: #b8afa1;
margin: 0 0 -13px 0;
text-align: center;
}
.psblog-article .categories span {
background: #fff;
padding: 0 20px;
}
#module-psblog-posts .container.cms { padding: 30px 15px 15px 15px}
#module-psblog-posts .boxes { padding: 30px 15px }
#module-psblog-posts .boxes.suggestion { padding: 0px 0 0 0; }
#module-psblog-posts .boxes.suggestion .boxes-content { border: 0; }
#module-psblog-posts .gold-banner .social li a i { color: #fff; background-color: #b5985a; margin: 0px 15px; }
#module-psblog-posts .boxes.suggestion .mask:last-child { border-right: 0; }
#module-psblog-posts .boxes .boxes-content { margin: -15px 0 0 0 }
#module-psblog-posts .boxes .mask:last-child { margin: -24px 0 -8px 0 }
#module-psblog-posts .gold-banner { padding-top: 0px; margin-bottom: 25px ; background-color: transparent; }
#module-psblog-posts .line-through { background: rgba(21, 21, 25, 0.2); }
#module-psblog-posts .line-through span { background: #b5985a; color: rgba(21, 21, 25, 0.3); }
#module-psblog-posts #posts-list .line-through span { background: #fff; color: rgba(21, 21, 25, 0.3); color: #b5985a; font-family: "playfair"; font-size: 18px; font-style: italic; top: -15px; }
@media (max-width: 1199px) {
.psblog-article .box-gold .box { padding: 15px 45px }
}
@media (max-width: 767px) {
.psblog-article .box-gold > .box { padding: 15px 20px; }
#module-psblog-posts .gold-banner .social li a i { margin: 0; }
.psblog-article .imgs { padding: 0 0 0 14px; width: 100% }
.psblog-article blockquote p:last-child { font-size: 20px; padding: 0 15px 15px 0 }
.psblog-article blockquote p:first-child { padding: 15px }
}
/* Plan de site */
#sitemap h2 {
color: #333;
font-family: 'caviar';
font-size: 20px;
text-align: left;
text-transform: uppercase;
}
#sitemap .box {
margin: 0;
}
#sitemap #sitemap_content li {
padding: 5px 0;
}
#sitemap #sitemap_content li a {
color: #333;
font-size: 14px;
padding: 0 10px 0 40px;
position: relative;
}
#sitemap #sitemap_content li a i {
background-position: -116px -43px;
left: 0;
height: 20px;
position: absolute;
top: 0;
width: 20px;
}
#sitemap #sitemap_content > div:first-child h2 {
margin: 0 0 10px 0;
}
#sitemap #sitemap_content > div:last-child h2 {
margin: 40px 0 10px 0;
}
#sitemap .tree {
padding: 0 0 0 5px;
}
#sitemap #sitemap_content .tree ul {
padding: 0 0 10px 0;
}
#sitemap #sitemap_content .tree > li > a {
padding: 0;
}
#sitemap #sitemap_content .tree > li > a span {
background: #fff;
display: block;
margin: 0 0 -5px 0;
position: relative;
z-index: 3;
}
#sitemap #sitemap_content .tree ul li {
padding: 0;
}
#sitemap #sitemap_content .tree ul li a {
border-bottom: 2px solid #ccc;
border-left: 2px solid #ccc;
display: block;
height: 35px;
padding: 5px 0 5px 40px;
position: relative;
z-index: 2;
}
#sitemap #sitemap_content .tree ul li a span {
background: #fff;
display: block;
margin: 15px 0 0 -15px;
padding: 0 30px 0 5px;
}
#sitemap #sitemap_content .tree ul ul {
padding: 5px 0 5px 30px;
position: relative;
z-index: 1;
}
#sitemap .sitemap_block.cms ul ul {
display: none;
}
/*************************************************************************************************************
**************************************** PAGES CMS *******************************************
**************************************************************************************************************/
/* Histoire */
#cms.cms-6 .date:before {
content: "";
display: block;
margin-top: 100%;
}
#cms.cms-6 .date {
position: relative;
}
#cms.cms-6 .margin {
margin-top: 14px
}
#cms.cms-6 .margin img {
display: block;
width: 100%;
}
#cms.cms-6 .date-head {
color: #2b2b31;
margin: 0 0 45px 0;
padding: 0 200px;
text-align: center;
}
#cms.cms-6 .date-head .date-title {
color: #b5985a;
font-family: 'playfair';
font-size: 58px;
}
#cms.cms-6 .date-head .date-title:after {
background: rgba(184, 175, 161, 0.55);
content: "";
height: 1px;
display: block;
margin: 5px auto 30px auto;
width: 30px;
}
#cms.cms-6 .date .inner {
bottom: 0;
left: 7px;
padding: 25px;
position: absolute;
right: 7px;
text-align: center;
top: 0;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}
#cms.cms-6 .date .inner:hover { opacity: 0.7 }
#cms.cms-6 .date.date-white .inner { background: url('../img/fond-papier.jpg'); color: #2b2b31 }
#cms.cms-6 .date.date-gold .inner { background: #b5985a; color: #fff }
#cms.cms-6 .date.date-grey .inner { background: #b8afa1; color: #fff }
#cms.cms-6 .date .inner .date-title {
font-family: 'playfair';
font-size: 50px;
}
#cms.cms-6 .date.date-white .inner .date-title { color: #b5985a }
#cms.cms-6 .date.date-gold .inner .date-title { color: #fff }
#cms.cms-6 .date.date-grey .inner .date-title { color: #fff }
#cms.cms-6 .date .inner .date-title:after {
content: "";
height: 1px;
display: block;
margin: 5px auto 30px auto;
width: 30px;
}
#cms.cms-6 .date.date-white .inner .date-title:after { background: rgba(184, 175, 161, 0.55) }
#cms.cms-6 .date.date-gold .inner .date-title:after { background: rgba(255, 255, 255, 0.55) }
#cms.cms-6 .date.date-grey .inner .date-title:after { background: rgba(255, 255, 255, 0.55) }
#cms.cms-6 .date .inner .date-desc {
font-size: 14px;
}
#cms #boutique {
margin: 0 0 50px 0;
}
#cms #boutique .boxes .boxes-content { margin: -15px 0 0; padding: 14px 15px 15px; }
#cms #boutique .boxes .mask:last-child { margin: -24px 0 -8px }
#cms #boutique .boxes .top { padding-left: 290px }
#cms #boutique .boxes-content .box {
margin: 20px 0 0 0;
padding: 170px 0;
text-align: center;
}
#cms #boutique video {
display: block;
}
#cms #boutique .share-video-menu {
text-align: center;
margin-top:30px;
margin-bottom:20px;
}
#cms #boutique .share-video .share-video-item {
display: inline-block;
}
#cms #boutique .share-video .share-video-item .share-video-link {
display: block;
width:60px;
height:60px;
background:#b5985a;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
margin-right:26px;
position: relative;
-webkit-transition: background linear 250ms;
-moz-transition: background linear 250ms;
-ms-transition: background linear 250ms;
-o-transition: background linear 250ms;
transition: background linear 250ms;
}
#cms #boutique .share-video .share-video-item:last-child .share-video-link {
margin-right:0;
}
#cms #boutique .share-video .share-video-item .share-video-link:hover {
background:#000;
}
#cms #boutique .share-video .share-video-item .share-video-link i,
#cms #boutique .share-video .share-video-item .share-video-link .arrow-down {
position: absolute;
font-size:31px ;
color:#fff;
left:50%;
top:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/************ OVERRIDE YOUTUBE VIDEO PLAYER ******************/
#cms iframe {
width:100%;
}
/********************************************************/
@media (max-width: 1199px) {
#cms.cms-6 .date-head { padding: 0 100px }
#cms.cms-6 .date .inner { padding: 10px; }
#cms.cms-6 .date .inner .date-title { font-size: 40px; line-height: 30px }
#cms.cms-6 .date .inner .date-title:after { margin: 10px auto }
#cms iframe {
height:528px;
}
}
@media (max-width: 991px) {
#cms.cms-6 .date-head { padding: 0 50px }
#cms.cms-6 .date:before { margin-top: 50% }
#cms #boutique .boxes .top { padding-left: 20px }
#cms #boutique .boxes .boxes-content { margin: -11px 0 0; padding: 10px 15px 15px; }
#cms iframe {
height:404px;
}
}
@media (max-width: 768px) {
#cms.cms-6 .date-head { padding: 0 15px }
#cms.cms-6 .date:before { margin: 0 }
#cms.cms-6 .date .inner { padding: 25px; position: static }
}
@media (max-width: 600px) {
#cms iframe {
height:321px;
}
#cms #boutique .share-video .share-video-item .share-video-link {
width: 50px;
height: 50px;
margin-right: 5px;
}
}
@media (max-width: 480px) {
#cms iframe {
height:253px;
}
}
@media (max-width: 360px) {
#cms iframe {
height:186px;
}
}
@media (max-width: 320px) {
#cms iframe {
height:163px;
}
}
#cms .border {
border: 1px solid #b8afa1;
padding: 45px 210px;
}
#cms h2 {
color: #151519;
font-family: 'playfair';
font-size: 36px;
text-align: center;
}
#cms h2:after {
background: #b5985a;
content: "";
height: 1px;
display: block;
margin: 20px auto 30px auto;
width: 60px;
}
#cms .border p {
text-align: center;
}
#cms .block {
background: #e4e2de;
color: #2b2b31;
font-size: 18px;
margin: 0 0 45px 0;
text-align: center;
}
#cms .block img {
display: block;
height: auto;
width: 100%;
}
#cms .infos {
line-height: 28px;
padding: 30px;
}
#cms .lien {
color: #2b2b31;
display: inline-block;
font-size: 13px;
padding: 0 0 0 25px;
position: relative;
text-transform: uppercase;
}
#cms .lien:hover { text-decoration: none }
#cms .lien:before {
background: #b5975a none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
content: "\e610";
font-family: 'icomoon';
font-size: 7px;
font-weight: bold;
height: 14px;
left: 5px;
line-height: 14px;
margin-top: -7px;
position: absolute;
text-align: center;
top: 50%;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
width: 14px;
}
#cms .lien:hover:before { transform: translateX(3px) }
#cms .sep {
background: rgba(255, 255, 255, 0.8);
display: block;
height: 1px;
margin: 25px 0 25px 10%;
width: 80%;
}
#cms a {
color: #b5985a;
}
@media (max-width: 1199px) {
#cms .border { padding: 30px 100px }
}
@media (max-width: 991px) {
#cms .border { padding: 30px 50px }
}
@media (max-width: 767px) {
#cms h2 { font-size: 28px }
#cms .border { padding: 15px }
}
/*************************************************************************************************************
**************************************** COOKIE ******************************************
**************************************************************************************************************/
#cookiesinfo {
background: #000;
bottom: 0;
color: #fff;
font-size: 14px;
left: 0;
padding: 15px 30px;
position: fixed;
right: 0;
text-align: center;
z-index: 1000;
}
#cookiesinfo .close-cookie {
background: #fff;
border-radius: 50%;
color: #000;
cursor: pointer;
font-size: 16px;
font-weight: bold;
height: 26px;
line-height: 26px;
margin: -13px 0 0 0;
position: absolute;
right: 10px;
text-align: center;
top: 50%;
width: 26px;
}
.ac_results {
z-index: 3000;
}
.ac_results li {
background: #b8afa1;
border-top: 1px solid rgba(255, 255, 255, 0.8);
color: #fff;
cursor: pointer;
padding: 10px;
}
.ac_results li:hover { background: #b5985a }
/*PLUGIN DATATABLE CSS*/
/*
* Table styles
*/
table.dataTable {
width: 100%;
margin: 0 auto;
clear: both;
border-collapse: separate;
border-spacing: 0;
/*
* Header and footer styles
*/
/*
* Body styles
*/
}
table.dataTable thead th,
table.dataTable tfoot th {
font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
padding: 10px 18px;
border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
padding: 10px 18px 6px 18px;
border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
cursor: pointer;
*cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
background-repeat: no-repeat;
background-position: center right;
}
table.dataTable thead .sorting {
background-image: url("../img/sort_both.png");
}
table.dataTable thead .sorting_asc {
background-image: url("../img/sort_asc.png");
}
table.dataTable thead .sorting_desc {
background-image: url("../img/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
background-image: url("../img/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
background-image: url("../img/sort_desc_disabled.png");
}
table.dataTable tbody tr {
background-color: #ffffff;
}
table.dataTable tbody tr.selected {
background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
padding: 15px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
background-color: #a4b2cb;
}
table.dataTable.no-footer {
border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/*
* Control feature layout
*/
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
zoom: 1;
}
.dataTables_wrapper .dataTables_length {
float: left;
}
.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
clear: both;
color: #999;
float: left;
font-size: 14px;
font-style: italic;
padding-top: 24px;
}
.dataTables_wrapper .dataTables_paginate {
float: right;
margin-top: 15px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #333 !important;
border: 1px solid #2b2b31;
background-color: white;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #666 !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid #2b2b31;
background-color: #2b2b31;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
background-color: #2b2b2b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* IE10+ */
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
/* W3C */
box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 40px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
font-size: 1.2em;
background-color: white;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* Opera 11.10+ */
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: #333;
}
.dataTables_wrapper .dataTables_scroll {
clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
border-bottom: none;
}
.dataTables_wrapper:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_paginate {
margin-top: 0.5em;
}
}
@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_filter {
margin-top: 0.5em;
}
}
#customer_list {
border:0;
border-bottom: 1px solid #b8afa1;
padding-bottom: 20px;
}
.customer_list_search .form-group {
}
#customer_list_wrapper #customer_list_length,
#customer_list_wrapper #customer_list_filter {
display: none;
}
.customer_list_search input {
width:300px;
margin: 0 auto;
margin-top:20px;
}
#customer_list thead tr {
background: #2b2b31;
border: 1px solid #2b2b31;
color: #fff;
font-family: 'caviar';
font-size: 13px;
letter-spacing: 1px;
padding: 20px 0;
text-transform: uppercase;
}
#customer_list thead tr th {
font-weight: normal;
padding: 17px 10px 13px 10px;
}
#customer_list .btn {
padding: 9px 20px;
}
#quick-order input[disabled] {
background: #ddd;
color: #999;
}