/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/* tables still need 'cellspacing="0"' in the markup */


/*----------------------------Suggest Styles--------------------------*/


/*background: #ffffff url('../design/bg-search-txt.png') 2px center no-repeat;*/


/*----------------------------End Suggest Styles------------------------*/


/*float: left;
	margin-left: 50px;
	margin-top: 48px;*/

@import url(fonts.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url('https://fonts.googleapis.com/css?family=Sue+Ellen+Francisco');
@import url('https://fonts.googleapis.com/css?family=Oswald');

/* 
	position: fixed; */


/*

input
{
	&[type="radio"],
	&[type="checkbox"]
	{
		position: relative;
		-webkit-appearance: none;
		display: block;
		width: 1em;
		height: 1em;
		padding: 0;
		vertical-align: middle;
		line-height: 1em;
		
		border-radius: 0.5em;
		box-shadow: inset 0.1em 0.1em 0px 0px rgba(0,0,0,0.5), inset -0.1em -0.1em 0px 0px rgba(0,0,0,0.5);
		
		&:before
		{
			content: "\2716";
			content: "\2610";
			// content: "\2715";
			content: "\24e7 \2611 \2612 \2609 \2717 \2716";
			
			position: absolute;
			display: block;
			width: 1em;
			height: 1em;
			padding: 0;
			vertical-align: middle;
			line-height: 1em;
			font-size: 2em;
			
			font-family: cursive;
			color: red;
			background-color: #000;
		}
		
		&:checked
		{
			&:before
			{
				content: "\2714";
				content: "\2612";
				content: "\2713";
				content: "\2611";
				content: "\2714 \2612 \2713 \2611";
				color: green;
			}
		}
	}
}
*/


/*max-height: 850px;*/


/*background: url(f-row-bg.gif) bottom repeat-x;
	height: 380px;*/


/*background: url(f-row-bg.gif) bottom repeat-x;*/


/*
#footer
{
	#avis-clients,
	#fc-ps,
	#f-row3
	{
		visibility: visible;
		.opacity(1);
		.transition(all, 1s, ease, .2s);
	}
}
*/


/*#header {
	background: url('../design/xmastrans2.png') no-repeat scroll center 90px transparent;
}*/

html,
body,
header,
footer,
section,
article,
aside,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure,
figcaption {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 16px;
    line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
figure {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1-like,
.h2-like,
.h3-like,
.h4-like,
.h5-like,
.h6-like {
    clear: both;
    font-family: "Baron Neue";
    font-weight: normal;
    text-transform: lowercase;
}

h1,
.h1-like {
    font-weight: bold;
}

video {
    width: 100%;
    background: #000;
}

.video_container {
    width: 100%;
}

.video_title {
    position: absolute;
    left: 0;
    right: 0;
    border: 0 !important;
    text-shadow: 1px 1px 25px #9E9E9E;
}

*:focus {
    outline: none;
}

select::-ms-expand {
    display: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

ol,
ul {
    list-style: none;
}

blockquote {
    quotes: none;
}

blockquote:before,
blockquote:after {
    content: '';
    content: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

[hidden] {
    display: none !important;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

#sb-site {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background: center 207px no-repeat;
}

body #sb-site #page #content>.container>form:first-of-type>h1:first-of-type,
body #sb-site #page #content>.container>h1:first-of-type,
body #sb-site #page #content>.container>h2:first-of-type {
    margin-bottom: 20px;
    border-bottom: 1px solid #E2E2E2;
    padding: 5px 0 5px;
    text-align: center;
    line-height: 1.4;
    color: #B39A64;
}

::-webkit-input-placeholder {
    font-family: "Myriad Pro";
    letter-spacing: 0.01em;
    color: #8b8b8b;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Myriad Pro";
    letter-spacing: 0.01em;
    color: #8b8b8b;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Myriad Pro";
    letter-spacing: 0.01em;
    color: #8b8b8b;
}

:-ms-input-placeholder {
    font-family: "Myriad Pro";
    letter-spacing: 0.01em;
    color: #8b8b8b;
}

.nofilter h3:first-of-type,
.nofilter button:first-of-type {
    display: none;
}

#real-header {
    position: relative;
    z-index: 10000;
    color: #fff !important;
    background: #212121;
    text-transform: uppercase;
    cursor: pointer;
}

#real-header>.container {
    padding: 10px 0;
    font-family: Montserrat;
    font-weight: 300;
}

#real-header .left-head>span:first-of-type {
    position: relative;
}

#real-header .left-head,
#real-header .right-head,
#real-header .center-head {
    float: left;
}

#real-header .left-head,
#real-header .right-head {
    width: 30%;
}

#real-header .center-head {
    width: 40%;
}

.left-head {
    position: relative;
    margin-top: 1.4em;
}

.left-head>div {
    /*
	margin: 10px 0 5px;*/
    margin: 10px;
    display: inline-block;
}

.left-head>#quick_find {
    position: relative;
    margin-bottom: 0;
    margin-top: 5px;
}

#real-header [class^="moonicon-"],
#real-header [class*=" moonicon-"] {
    color: #B39A64;
    /*
	font-size: 1.5em;*/
}

#real-header .moonicon-arrow-down8,
#cart-box>.cart>.moonicon-arrow-down8 {
    font-size: 1em;
    margin-right: 0;
}

#real-header .col_color a:hover,
#real-header .col_color a:active,
#real-header .col_color a:focus,
.footer-stay-connected a:hover,
.footer-stay-connected a:active,
.footer-stay-connected a:focus {
    text-decoration: none;
}

#real-header .col_color a:hover span,
#real-header .col_color a:active span,
#real-header .col_color a:focus span {
    color: #fff;
}

.footer-stay-connected a:hover span,
.footer-stay-connected a:active span,
.footer-stay-connected a:focus span {
    color: #B39A64;
}

#real-header .col_color span {
    font-size: 1.0em;
    margin-right: 8px;
}

#real-header .col_color {
    border-left: 1px solid #FFFFFF;
    padding-left: 15px;
}

#phone-top>a>span+span {
    font-size: 1.0em;
}

#phone-top [class^="moonicon-"],
#phone-top [class*=" moonicon-"] {
    margin-right: 8px;
}

#header .logout-link {
    vertical-align: sub;
}

#header_login_hover {
    z-index: 2;
}

#header_login_hover:hover+#header_login,
#header_login:hover,
#header_login_hover:focus+#header_login,
#header_login:focus,
#header_login_hover:hover+*+#header_login,
#header_login:hover,
#header_login_hover:focus+*+#header_login,
#header_login:focus,
#header_login_hover:hover+*+*+#header_login,
#header_login:hover,
#header_login_hover:focus+*+*+#header_login,
#header_login:focus {
    top: 15px;
    opacity: 1;
    visibility: visible;
}

#header_login_hover:hover+span+#header_login,
#header_login:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#header_login {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    left: -15px;
    top: 0;
    z-index: 1000;
    width: 280px;
    border: 1px solid #000;
    margin-top: 10px;
    padding: 8px 10px;
    font-family: "TheSans Plain";
    color: #000;
    background-color: #2C2C2C;
    -webkit-transition: all 0.5s ease-in 0.5s;
    -khtml-transition: all 0.5s ease-in 0.5s;
    -moz-transition: all 0.5s ease-in 0.5s;
    -ms-transition: all 0.5s ease-in 0.5s;
    -o-transition: all 0.5s ease-in 0.5s;
    transition: all 0.5s ease-in 0.5s;
}

#header_login .header_input {
    width: 100%;
    height: 28px;
    border: 0;
    margin-bottom: 3px;
    padding: 0 8px 2px;
    font-size: 1em;
    line-height: 1.7em;
    background-color: #E2E2E2;
}

#header_login [type="password"] {
    margin-bottom: 6px;
}

#header_login [type="submit"] {
    float: right;
    border: none;
    border-radius: 0;
    padding: 4px 10px 8px;
    background-color: #B39A64;
    font-family: "Baron Neue";
    letter-spacing: 0.025em;
    color: #fff;
}

#header_login [type="submit"]:hover {
    background: rgba(179, 154, 100, 0.75);
}

#header_login a#password_forgotten:link,
#header_login a#password_forgotten:visited,
#header_login a#password_forgotten:hover,
#header_login a#password_forgotten:active,
#header_login a#password_forgotten:focus {
    display: block;
    margin-top: 10px;
    margin-left: 2px;
    vertical-align: middle;
    font-family: "TheSans Plain";
    letter-spacing: 0;
    color: #B39A64;
    text-transform: none;
    text-align: left;
}

#search_suggest {
    display: none;
    position: absolute;
    z-index: 999;
    left: -10px;
    text-align: left;
    background-color: #2C2C2C;
    letter-spacing: 0.01em;
    font-family: "Myriad Pro";
    color: #8b8b8b;
    text-transform: none;
}

.suggest_link {
    border-bottom: 2px solid #E2E2E2;
    margin: 0 6px;
    padding: 5px 8px;
    line-height: 1;
    background: #fff;
    cursor: pointer;
}

#search_suggest .suggest_link:first-of-type {
    margin-top: 6px;
}

#search_suggest .suggest_link:last-of-type {
    margin-bottom: 6px;
}

.suggest_link_over,
.suggest_link:hover {
    background-color: #E2E2E2;
}

#txtSearch {
    float: left;
    background: #212121;
    border: 1px solid rgb(255, 255, 255);
    /*
	border: 1px solid rgba(255, 255, 255, .75);*/
    color: #FFFFFF;
    height: 28px;
    line-height: 24px;
    padding-left: 10px;
    margin-left: 10px;
    width: 65%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#quick_find button[type=submit] {
    height: 28px;
    border: 1px solid rgb(255, 255, 255);
    /*
	border: 1px solid rgba(255, 255, 255, 0.75);*/
    border-left: 0;
    padding: 0 5px;
    background: #212121;
}

#quick_find .moonicon-search3 {
    margin-right: 0;
    padding: 0;
    opacity: 0.8;
    color: rgb(255, 255, 255);
    font-size: 1.2em;
    vertical-align: text-bottom;
}

#send_search {
    /*.background-gradient-linear(top, #000000 0%, #CCCCCC 100%);*/
    background-color: #333333;
    border: 1px solid #333333;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    height: 32px;
    line-height: 24px;
    margin-left: -5px;
    text-align: center;
    width: 32px;
    background: #333333 url('../design/bg-search-txt2.png') center center no-repeat;
}

#send_search:hover {
    cursor: pointer;
}

#cart-box {
    position: relative;
    float: right;
    margin-top: 2.2em;
    text-transform: uppercase;
}

#cart-box>span:first-of-type {
    position: relative;
    display: block;
    text-align: right !important;
}

#cart-box>div>[class^="moonicon-"],
#cart-box>div>[class*=" moonicon-"] {
    margin-right: 5px;
}

#cart-box>* {
    margin: 10px 0 0;
    text-align: right;
}

#cart-box>.wish-list {
    margin-right: 18px;
    display: none;
}

#cart-box .cart .reg {
    font-weight: normal;
}

#real-cart {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    right: 0;
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 9px;
    width: 350px;
    font-family: "TheSans Plain";
    font-size: 0.9em;
    font-weight: normal;
    letter-spacing: 0;
    background: #fff;
    color: #000;
    -webkit-transition: all 0.5s ease-in 0.5s;
    -moz-transition: all 0.5s ease-in 0.5s;
    -ms-transition: all 0.5s ease-in 0.5s;
    -o-transition: all 0.5s ease-in 0.5s;
    transition: all 0.5s ease-in 0.5s;
    text-align: left;
}

.cart-hover-trigger:hover+span+#real-cart,
#real-cart:hover {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease-in 0.15s;
    -moz-transition: all 0.5s ease-in 0.15s;
    -ms-transition: all 0.5s ease-in 0.15s;
    -o-transition: all 0.5s ease-in 0.15s;
    transition: all 0.5s ease-in 0.15s;
}

#real-cart .moonicon-arrow-up,
#real-cart .moonicon-arrow-down8 {
    display: block;
    padding: 8px 0;
    font-size: 1.1em;
    text-align: center;
    color: #8b8b8b;
    background: #E2E2E2;
}

#real-cart #cart-hover-list {
    margin-bottom: 6px;
    max-height: 460px;
    overflow: hidden;
}

#real-cart #cart-hover-list>a:first-child {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#real-cart .cart-hover-item {
    border: 1px solid #ccc;
    margin-top: 6px;
    padding: 8px 6px;
    overflow: hidden;
}

#real-cart .cart-hover-item:hover {
    background: #E2E2E2;
}

#real-cart .cart-hover-item .item-image {
    float: left;
    width: 129px;
    height: 129px;
    background: #EFF0F2;
}

#real-cart .cart-hover-item img {
    display: block;
    max-width: 129px;
    height: 129px;
    margin: auto;
}

#real-cart .cart-hover-item>.item-desc {
    position: relative;
    float: right;
    width: 177px;
    height: 129px;
    margin-left: 10px;
    color: #000;
}

#real-cart .cart-hover-item>.item-desc .item-delete {
    position: absolute;
    right: 0;
    border: 1px solid #aaa;
    padding: 1px 4px;
    font-size: 0.85em;
    color: #8b8b8b;
}

#real-cart .cart-hover-item>.item-desc .item-delete:hover {
    background: #ccc;
}

#real-cart .cart-hover-item>.item-desc>div+div {
    margin-bottom: 15px;
}

#real-cart .cart-hover-item>.item-desc .price,
#real-cart .cart-hover-item>.item-desc .title {
    font-family: "Baron Neue";
}

#real-cart .cart-hover-item>.item-desc .price {
    font-size: 1.135em;
}

#real-cart .cart-hover-item>.item-desc .title {
    max-height: 55px;
    overflow: hidden;
    text-transform: lowercase;
}

#real-cart .cart-hover-item>.item-desc .qty {
    text-transform: none;
}

#real-cart .bottom-cart-hover>* {
    float: left;
    width: calc(50% - 5px);
    margin: 20px 0 0;
    text-align: center;
}

#real-cart .payment-link {
    border: 1px solid #FF0000;
    color: #fff;
    background: #CC0000;
}

#real-cart .payment-link:hover,
#real-cart .payment-link:active,
#real-cart .payment-link:focus {
    text-decoration: none;
    color: #fff !important;
    border-color: rgba(179, 154, 100, 0.75);
    background: rgba(179, 154, 100, 0.75);
}

#real-cart .payment-link span {
    color: #fff;
    font-size: 0.75rem;
    vertical-align: middle;
}

.button-like {
    display: block;
    /*
	height: 32px;*/
    border: 1px solid #5E5E5E;
    padding: 5px;
    font-family: "Baron Neue";
    font-size: 1.0rem;
    line-height: 1.2rem;
    text-transform: lowercase;
    letter-spacing: 0.08em;
    color: #FFF;
    background: #000;
    overflow: hidden;
    text-align: center;
}

.button-like:hover,
input[type=submit]:hover {
    text-decoration: none;
    background: rgba(33, 33, 33, 0.65);
}

.button-like:active,
input[type=submit]:active {
    background: rgba(33, 33, 33, 0.75) !important;
}

.button-like_light {
    display: block;
    /*
	height: 32px;*/
    border: 4px solid #dcdcdc;
    padding: 5px;
    font-family: "Baron Neue";
    font-size: 1.0em;
    line-height: 1.2em;
    text-transform: lowercase;
    letter-spacing: 0.08em;
    color: #000;
    background: none;
    overflow: hidden;
    text-align: center;
}

.account .button-like_light {
    font-size: 0.9em;
}

.button-like_light:hover,
input[type=submit]:hover {
    text-decoration: none;
    background: rgba(33, 33, 33, 0.65);
}

.button-like_light:active,
input[type=submit]:active {
    background: rgba(33, 33, 33, 0.75) !important;
}

#real-cart .cart-link {
    margin-right: 5px;
}

#real-cart .payment-link {
    margin-left: 5px;
}

#real-cart .cart-total {
    font-family: "Baron Neue";
    font-weight: bold;
    text-transform: lowercase;
}

#menu_show {
    display: none;
}

#sb-site {
    overflow: hidden;
}

#sb-site {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

#menu-header {
    border-bottom: 2px solid #B39A64;
    border-bottom: 2px solid rgba(179, 154, 100, 0.35);
    background: #fff;
}

#menu-header .container .menu-close-button {
    display: none;
}

#header_menu {
    clear: both;
    position: relative;
    display: table;
    z-index: 200;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
    background: #fff;
}

#header_menu>li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

#header_menu>li>span {
    font-family: "Baron Neue";
    font-size: 1.0em;
    text-transform: lowercase;
    text-decoration: none;
    letter-spacing: -0.025em;
    color: #000;
}


/*
#header_menu>li>span>a:hover,
#header_menu>li>span>a:active,
#header_menu>li>span>a:link,
#header_menu>li>span>a:focus*/

#header_menu>li>span>a {
    color: #000;
}

#header_menu>li:hover {
    background: #B39A64;
}

#header_menu>li:hover>span {
    color: #fff;
}

#header_menu>li:hover>span>a {
    color: #fff !important;
    text-decoration: none;
}

#header_menu>li>.header_submenu {
    z-index: 42;
    position: absolute;
    visibility: hidden;
    top: 42px;
    left: 0;
    right: 0;
    margin: 0 -60px;
    padding: 10px;
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0 0;
    -khtml-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transition: all 100ms cubic-bezier(.75, 0, 1, .35) 350ms;
    -khtml-transition: all 100ms cubic-bezier(.75, 0, 1, .35) 350ms;
    -moz-transition: all 100ms cubic-bezier(.75, 0, 1, .35) 350ms;
    -ms-transition: all 100ms cubic-bezier(.75, 0, 1, .35) 350ms;
    -o-transition: all 100ms cubic-bezier(.75, 0, 1, .35) 350ms;
    transition: all 100ms cubic-bezier(.75, 0, 1, .35) 350ms;
    background-color: #FFFFFF;
    text-align: left;
    cursor: auto;
    border-bottom: 2px solid rgba(179, 154, 100, 0.35);
    border-left: 2px solid rgba(179, 154, 100, 0.35);
    border-right: 2px solid rgba(179, 154, 100, 0.35);
}

#header_menu>li:hover>.header_submenu {
    z-index: 150;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50% 0 0;
    -khtml-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transition: all 200ms cubic-bezier(.75, 0, 1, .35) 300ms;
    -khtml-transition: all 200ms cubic-bezier(.75, 0, 1, .35) 300ms;
    -moz-transition: all 200ms cubic-bezier(.75, 0, 1, .35) 300ms;
    -ms-transition: all 200ms cubic-bezier(.75, 0, 1, .35) 300ms;
    -o-transition: all 200ms cubic-bezier(.75, 0, 1, .35) 300ms;
    transition: all 200ms cubic-bezier(.75, 0, 1, .35) 300ms;
}

#header_menu>li>.header_submenu strong {
    border-bottom: 1px solid rgb(158, 158, 158);
    border-bottom: 1px solid rgba(158, 158, 158, .5);
    padding-bottom: 10px;
    font-size: 1.1em;
    /*
	letter-spacing: -0.03em;*/
    color: #B39A64;
    display: block;
}

#header_menu>li>.header_submenu strong.link {
    border-bottom: 0px none;
}

#header_menu>li>.header_submenu strong a {
    color: #B39A64;
}

#header_menu>li>.header_submenu strong a span {
    font-size: 0.75em;
    color: #000;
    text-transform: lowercase !important;
}

#header_menu>li>.header_submenu .submenu_col_content {
    font-family: "Montserrat";
    font-size: 1.0em;
    font-weight: 300;
    letter-spacing: 0;
    margin: 12px 0;
    color: #000;
}

#header_menu>li>.header_submenu ul.submenu_col_content li {
    padding: 4px 0;
    line-height: 1.5;
}

#header_menu>li>.header_submenu ul.submenu_col_content li a {
    color: #000;
}

#header_menu>li>.header_submenu div.submenu_col_content>a {
    position: relative;
    display: block;
    margin: 20px 0;
}

#header_menu>li>.header_submenu .submenu_col_content img {
    -ms-interpolation-mode: bicubic;
    /*width: 100%;
	height: 120px;*/
}

#header_menu>li>.header_submenu .col-md-4 ul.submenu_col_content li {
    line-height: 1.2;
}

#header_menu>li>.header_submenu .col-md-4 ul.submenu_col_content li a {
    font-size: 1.15em;
}

#header_menu>li>.header_submenu .col-md-4 div.submenu_col_content .col-md-6 {
    position: relative;
    height: 55px;
    margin: 0;
    padding: 5px 35px;
    line-height: 45px;
    text-align: center;
}

#header_menu>li>.header_submenu .col-md-4 div.submenu_col_content .col-md-6 * {
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

#header_menu>li>.header_submenu .col-md-4 div.submenu_col_content .col-md-6.text {
    padding: 0 15px;
}

#header_menu>li>.header_submenu .col-md-4 div.submenu_col_content .col-md-6.text div {
    display: inline-block;
    font-size: 1.15em;
    letter-spacing: 0.005em;
    line-height: 1;
    color: rgb(140, 140, 140);
}

#header_menu>li>.header_submenu .col-md-4 div.submenu_col_content .col-md-6:hover {
    cursor: pointer;
}

.hover_bg a:hover:before {
    display: block;
    content: ' ';
    width: 100%;
    height: 100%;
    background: rgba(140, 140, 140, 0.35);
    position: absolute;
    top: 0;
    left: 0;
}

#header_menu>li>.header_submenu h4 {
    margin-top: 20px;
    font-family: "Montserrat";
    font-size: 1.2em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -0.005em;
}

#header_menu>li>.header_submenu h4+div.submenu_col_content a {
    width: 60%;
    margin: 0;
    text-align: center;
}

#header_menu>li>.header_submenu h4+div.submenu_col_content a img {
    width: 90px;
    height: auto;
}

#header_menu>li>.header_submenu .submenu_col_content.help-choice a {
    background: #F1F1F1;
    padding-bottom: 5px;
}

#header_menu>li>.header_submenu .submenu_col_content.help-choice a span:first-of-type {
    display: block;
    margin-left: 10px;
    font-family: "TheSans Plain";
    font-size: 1.275em;
    line-height: 1.2;
    color: #000;
}

#header_menu>li>.header_submenu .submenu_col_content.help-choice a span:last-child {
    margin-left: 10px;
    font-family: "Baron Neue";
    font-size: 1.0em;
    text-transform: lowercase;
    color: #000;
    /*
	color: #B39A64;*/
}

#header_menu>li>.header_submenu .submenu_col_content.help-choice a:hover,
#header_menu>li>.header_submenu .submenu_col_content.help-choice a:active,
#header_menu>li>.header_submenu .submenu_col_content.help-choice a:focus {
    text-decoration: none;
}

#header_menu .submenu_little_link {
    font-size: 0.7em;
    font-family: "Baron Neue";
    color: #B39A64;
}

.productList {
    display: block;
    margin: 1em 0;
}

.productList>.product {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 390px;
    overflow: hidden;
}

.productList>.product .price .xxx {
    display: none;
}

.productBlock {
    display: block;
    vertical-align: middle;
}

.productBlock:active>.legend>.name>.link,
.productBlock:hover>.legend>.name>.link {
    text-decoration: underline;
}

.productBlock>.imgBlock {
    display: block;
    text-align: center;
    background: #F0F0F0;
}

.productBlock>.imgBlock>.img {
    display: block;
    width: auto;
    height: 280px;
    max-width: 100%;
    margin: 0 auto;
    padding: 12px;
}

.productBlock>.legend {
    display: block;
    margin-top: 8px;
}

.productBlock>.legend>.name {
    display: block;
    font-size: .8em;
    height: 70px;
    overflow: hidden;
    text-align: center;
}

.productBlock>.legend>.name>.link {
    display: block;
    margin-bottom: 5px;
    font-family: "Baron Neue";
    font-size: 1.2em;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: lowercase;
    color: #B39A64;
}

.productBlock .category {
    display: block;
    color: #b8b7b7;
}

.productBlock .price {
    text-align: center;
}

.productBlock .price .final {
    font-family: "Baron Neue";
    font-size: 1.1em;
    /*
	float: left;*/
    text-align: left;
    letter-spacing: 0;
    line-height: 25px;
    color: #212121;
}

.productBlock .price .old {
    /*
	float: left;*/
}

.productBlock .price .final {
    clear: both;
    /*
	float: left;*/
}

.productBlock .price .final .taxe {
    font-size: 1em;
}

.productBlock .price+a {
    /*
	float: left;*/
    margin-left: 8px;
    font-size: 1.6em;
    color: #B39A64;
}

#listing .name>a:first-of-type,
.productBlock a.imgBlock {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #F0F0F0;
}

#listing .name>a:first-of-type .product-overlay,
.productBlock a.imgBlock .product-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #B39A64;
    background: rgba(179, 154, 100, 0.30);
}

#listing .name>a:first-of-type .product-overlay>div,
.productBlock a.imgBlock .product-overlay>div {
    display: table;
    width: 100%;
    height: 100%;
}

#listing .name>a:first-of-type .product-overlay>div>div,
.productBlock a.imgBlock .product-overlay>div>div {
    display: table-cell;
    vertical-align: middle;
    font-family: "Montserrat";
    font-size: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
}

#listing .name>a:first-of-type .product-overlay>div>div>span,
.productBlock a.imgBlock .product-overlay>div>div>span {
    /*border: 2px solid #fff;
	border-radius: 20px;*/
    background-color: #FFFFFF;
    padding: 6px 15px;
}

#listing .name>a:first-of-type:hover .product-overlay,
.productBlock a.imgBlock:hover .product-overlay {
    display: block;
    color: #B39A64;
    /*
	color: #fff;*/
}

#message-warning {
    display: block;
    /*
	background-color:#F00;*/
    color: #F00;
    margin: 1em 0 0 0;
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: bolder;
    font-size: 1.2em;
}

.messageStackError,
.messageStackWarning,
.messageStackSuccess {
    margin: 1em 0;
    padding: 2px 10px;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.2em;
    color: white;
    text-align: center;
}

.messageStackError {
    background-color: #F33;
    color: #FFF;
}

.messageStackWarning {
    background-color: #F33;
    color: #FFF;
}

.messageStackSuccess {
    background-color: #24A346;
    color: #FFF;
}


/*.messageStackError { color:#F33; }
.messageStackWarning { color:#F33; }
.messageStackSuccess { color:#24A346; }*/

#annonce_temp {
    position: fixed;
    width: 150px;
    height: 170px;
    z-index: 10;
    text-align: left;
    padding: 0;
    display: block;
    /*
	margin:0 0 0 490px;*/
    right: 6%;
    bottom: 4%;
}

#annonce_temp h6 {
    background: #CC0000;
    color: #FFF;
    padding: 5px;
    font-size: 14px;
}

#annonce_temp p {
    padding: 5px;
}

#evenement {
    position: absolute;
    width: 150px;
    height: 260px;
    z-index: 10;
    text-align: left;
    padding: 0;
    display: block;
    margin: 0 0 0 -640px;
    left: 50%;
    top: 215px;
}

div#vertical_barre {
    width: 50px;
    position: fixed;
    top: 190px;
    left: 50%;
    margin: 0 0 0 482px;
    display: none;
}

div#vertical_barre ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#vertical_barre ul li {
    margin: 2px 0;
    /* 
	background-color: #442a20; */
    padding: 0;
    text-align: center;
    vertical-align: bottom;
}

div#vertical_barre ul li:hover {
    margin: 2px 0 2px 2px;
}

div#vertical_barre ul li a img {
    border: none;
    width: 38px;
    height: auto;
}

div#vertical_barre ul li a img:hover {
    text-decoration: none;
    height: auto;
}

#content {
    clear: both;
    min-height: 500px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.homebig.left {
    margin-right: 2%;
}

.homebig.right {
    margin-left: 2%;
}

.homebig,
.homelittle {
    position: relative;
    background-size: cover;
    background-position: center;
    background-color: rgb(179, 154, 100);
    margin-top: 2%;
}

.homebig {
    width: 66%;
    height: 40vw;
}

.homelittle {
    width: 32%;
    height: 20vw;
}

.discover_title {
    display: block;
    margin: 15px 0px;
    text-align: center;
}

.discover_title p {
    font-size: 2.8em;
    text-transform: uppercase;
}

.discover_title h1 {
    font-size: 2.6em;
}

.discover>div:before {
    display: none;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin: 20px;
    /*border: 1px dotted #fff;*/
}

.discover>div:hover:before,
.discover>div:last-of-type:before {
    display: block;
}

.discover>div:last-of-type a {
    background: none;
}

.discover>div:hover {
    box-shadow: inset 0 0 0 1000px rgba(179, 154, 100, 0.75);
}

.discover>div:hover a {
    background: none;
}

.discover>.center {
    margin-left: 2%;
}

.slides {
    min-height: 62vw;
    max-height: 62vw;
    height: 800px !important;
}

#loopedSlider {
    height: 800px;
    overflow: hidden;
}

.slideWindow {
    padding: 0;
}

.slideWindow * {
    width: 100%;
}

.discover>div>div {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}

.discover div a {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    z-index: 2;
    color: #fff;
    /*
	background: rgba(0, 0, 0, 0.25);*/
}

.discover div a:link,
.discover div a:hover,
.discover div a:focus {
    color: #fff !important;
    text-decoration: none;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
}

.discover div a span {
    -webkit-word-break: break-word;
    -webkit-word-wrap: break-word;
    word-break: break-word;
}

.discover div>a>div {
    width: 50%;
    border-bottom: 1px dashed #fff;
    margin: auto;
    padding-bottom: 5px;
}

.discover .homelittle div>a>div {
    width: 80%;
}

.discover div>a>div span {
    display: inline;
    font-size: 2.8em;
    text-transform: uppercase;
    line-height: 1.3;
}

.discover div>a>div+div span {
    font-size: 3.75em;
    font-family: "Baron Neue";
    text-transform: lowercase;
    letter-spacing: 0.08em;
}

.discover .homelittle div>a>div span {
    font-size: 1.7em;
}

.discover .homelittle div>a>div+div span {
    font-size: 2em;
}

#page {
    text-align: left;
    z-index: 1000;
}

.buttonStyle .before:before {
    top: 0.066666666666667em;
    bottom: 0.066666666666667em;
    left: 0.066666666666667em;
    right: 0.066666666666667em;
    border-width: .1em;
    border-radius: 0.4em;
}

.buttonStyle:hover,
.buttonStyle:active {
    color: #FFF !important;
}

.buttonStyle:hover,
.buttonStyle:active {
    background-color: #553528;
}

.buttonStyle:hover,
.buttonStyle:active {
    text-decoration: none;
}

.buttonStyle.space {
    margin: .3em .6em .6em .3em;
    box-shadow: .15em .15em .5em rgba(102, 102, 102, 0.4);
}

.buttonStyle.green {
    background-color: #009716;
    border-color: #009716;
    color: #f2f2f2 !important;
}

.buttonStyle.green:hover,
.buttonStyle.green:active {
    color: #FFF !important;
}

.buttonStyle.green:before {
    border-color: #00ca1d;
}

.buttonStyle.green:hover,
.buttonStyle.green:active {
    background-color: #00b11a;
}

.buttonStyle.blue {
    background-color: #3752B4;
    border-color: #3752B4;
    color: #f2f2f2 !important;
}

.buttonStyle.blue:hover,
.buttonStyle.blue:active {
    color: #FFF !important;
}

.buttonStyle.blue:before {
    border-color: #536dcb;
}

.buttonStyle.blue:hover,
.buttonStyle.blue:active {
    background-color: #405dc5;
}

.buttonStyle.orange {
    background-color: #CE7D2B;
    border-color: #CE7D2B;
    color: #f2f2f2 !important;
}

.buttonStyle.orange:hover,
.buttonStyle.orange:active {
    color: #FFF !important;
}

.buttonStyle.orange:before {
    border-color: #db9651;
}

.buttonStyle.orange:hover,
.buttonStyle.orange:active {
    background-color: #d68a3c;
}

.add-to-cart {
    float: left;
    height: 42px;
    border: none;
    padding: 10px 12px;
    text-align: center;
    letter-spacing: 0;
    background: #000;
    white-space: nowrap;
    overflow: hidden;
}

.add-to-cart:hover,
.add-to-cart:active,
.add-to-cart:focus {
    text-decoration: none;
    color: #B39A64;
    background: #000;
}

.black-button {
    float: left;
    height: 42px;
    line-height: 42px;
    border: none;
    padding: 10px 12px;
    text-align: center;
    letter-spacing: 0;
    background: #000;
    white-space: nowrap;
    overflow: hidden;
}

.black-button:hover,
.black-button:active,
.black-button:focus {
    text-decoration: none;
    color: #B39A64;
    background: #000;
}

.buttonStyle.big {
    padding: .5em 1em;
    font-size: 1.5em;
    border-width: .1em;
}

.buttonStyle#add-to-cart,
.buttonStyle.add-to-cart {
    font-weight: normal;
    text-align: left;
}

.buttonStyle#black-button,
.buttonStyle.black-button {
    font-weight: normal;
    text-align: left;
}

input.buttonStyle,
button.buttonStyle {
    z-index: 100;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.labelStyle {
    vertical-align: middle;
}

.inputStyle {
    padding: .3em .5em;
    text-align: left;
    vertical-align: middle;
    z-index: 100;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 1.5em;
    font-family: arial;
    border: #BBB solid 1px;
    border-radius: .4em;
    background-color: #fcfcfc;
    outline: none;
}

.inputStyle.hidden {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: #fefefe;
}

.inputStyle:focus,
.inputStyle.active,
.inputStyle:active,
.inputStyle:hover {
    border-color: #FFAE5C;
    outline: none;
    background-color: #FFF;
}

.inputStyle:focus,
.inputStyle.active,
.inputStyle:active {
    box-shadow: 0 0 .7em rgba(255, 161, 67, 0.5);
}

.inputStyle[disabled],
.inputStyle[disabled]:hover,
.inputStyle[disabled]:focus,
.inputStyle[disabled]:active,
[disabled] .inputStyle,
[disabled] .inputStyle:hover,
[disabled] .inputStyle:focus,
[disabled] .inputStyle:active {
    background-color: #e6e6e6;
    color: #333333;
    box-shadow: none;
}

.inputStyle[readonly],
[readonly] .inputStyle {
    background-color: #e6e6e6;
    color: #333333;
}

#la-boutique {
    float: left;
    margin-right: 10px;
    width: 572px;
}

#la-boutique h3 {
    margin-bottom: 11px;
}

#la-boutique h3 a:link,
#la-boutique h3 a:visited {
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

#la-boutique h3 a:hover,
#la-boutique h3 a:active {
    text-decoration: underline;
}

#la-boutique>li {
    display: inline-block;
    width: 184px;
    height: auto;
    margin: 0 6px 20px 0;
    vertical-align: top;
}

#la-boutique>li a {
    display: block;
    padding: 4px 0;
    text-decoration: none;
}

#la-boutique>li a:hover {
    text-decoration: underline;
}

#la-boutique>li>a {
    display: block;
    padding: 0 0 15px 0;
    color: #DABD67;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

#la-boutique>li ul {
    margin-left: 10px;
}

#la-boutique>li ul>li>a {
    color: #FFF;
}

#avis-clients {
    float: left;
    padding-top: 30px;
    line-height: 1.4em;
    margin-right: 10px;
    width: 572px;
}

#avis-clients h2 a {
    color: #DABD67;
    text-decoration: none;
}

#avis-clients h2 a:link,
#avis-clients h2 a:visited {
    color: #DABD67;
    text-decoration: none;
}

#avis-clients h2 a:hover,
#avis-clients h2 a:active,
#avis-clients h2 a:focus {
    text-decoration: underline;
}

#avis-clients .last {
    margin-right: 0;
}

#infos-services {
    clear: both;
    height: 60px;
    text-align: left;
    margin-bottom: 0;
    /*border-bottom: 1px solid #e3e3e3;*/
}

#infos-services {
    clear: both;
    text-align: left;
    /*border-bottom: 1px solid #e3e3e3;*/
}

#infos-services li {
    padding: 1em 0;
    text-align: center;
    line-height: 1.27;
}

#infos-services li span {
    font-size: 2.75em;
}

#infos-services li div:first-of-type {
    margin-top: 1em;
}

#infos-services li div {
    font-size: 1.1em;
}

#infos-services li div+div+div {
    font-size: 0.85em;
    letter-spacing: 0;
    line-height: 2;
}

#infos-services li a {
    display: block;
    width: 150px;
    margin: auto;
    color: #3b3b3b;
}

#infos-services li a:hover,
#infos-services li a:active,
#infos-services li a:focus {
    text-decoration: none;
}

#infos-services li h2 a:link,
#infos-services li h2 a:visited {
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
}

#infos-services li h2 a:hover,
#infos-services li h2 a:active {
    text-decoration: underline;
    font-weight: bold;
}

#infos-services li p {
    font-size: 11px;
}

#infos-services li#paiement {
    background: #ededed url(services-paiement.png) 13px 20px no-repeat;
    -webkit-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

#infos-services li#port {
    background: #ededed url(services-port.png) 14px 30px no-repeat;
    padding-left: 63px;
}

#infos-services li#port p strong {
    font-size: 1.5em;
}

#infos-services li#colissimo {
    background: #ededed url(services-fidelite.png) 14px 20px no-repeat;
    padding-left: 63px;
}

#infos-services li#conseil {
    background: #ededed url(services-conseil.png) 13px 20px no-repeat;
    -webkit-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    margin-right: 0;
}

#footer {
    position: relative;
    clear: both;
    margin-top: 10px;
}

.banner_engagement {
    padding: 2px 0;
    /*
	background: #F1F1F1;*/
}

.banner_engagement h2 {
    margin-bottom: 40px;
    text-align: center;
}

.dashed-sep,
.dashed-sep-black {
    width: 360px;
    height: 1px;
    margin: 15px auto 15px;
    background-image: linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 15px 1px;
    background-repeat: repeat-x;
}

.dashed-sep-black {
    margin: 15px auto;
    background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
}

.client_reviews {
    padding: 5px 0;
    background: #212121;
    color: #fff;
}

.client_reviews .moonicon-user4,
.client_reviews .moonicon-user6,
.client_reviews .moonicon-user7 {
    padding: 0 10px;
    font-size: 1.9em;
}

.client_reviews .moonicon-star3 {
    font-size: 1.275em;
    color: #B39A64;
}

.client_reviews .review {
    margin: 5px 0;
    font-size: 1.0em;
    line-height: 1.5;
}

.client_reviews .review_author {
    font-family: "Adobe Garamond Pro Bold";
    font-style: italic;
    margin-top: 5px;
}

.press_talk {
    padding: 5px 0;
    background: url(../images/texture_sachet.jpg);
}

.press_talk ul {
    display: table;
    width: 100%;
}

.press_talk img {
    width: 80%;
    height: auto;
}

.press_talk ul>a {
    display: inline-block;
    width: auto;
    margin: 0 20px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.press_talk ul>a:hover {
    background: rgba(0, 0, 0, 0.1);
}

.wrap {
    padding: 40px 0;
    background: #212121;
    font-family: "TheSans Plain";
    font-size: 1.25em;
    color: #fff;
    text-align: left;
}

@media (max-width: 991px) {
    .press_talk ul>a {
        margin: 0 10px;
    }
    .wrap {
        text-align: center;
    }
}

.wrap .container>div {
    margin-bottom: 25px;
    min-height: 160px;
}

.wrap span.titleService {
    display: block;
    margin-bottom: 5px;
    font-size: 1.125em;
    color: #B39A64;
    text-transform: uppercase;
}

.wrap ul li {
    line-height: 1.5;
}

.wrap ul li>img:nth-child(2) {
    margin: 0 8px;
}

.secure-payment-logo {
    margin-bottom: 25px;
}

.secure-payment-logo ul {
    margin-top: 12px;
}

.copyright {
    display: table;
    height: 120px;
    font-size: 0.875em;
}

.copyright>div {
    display: table-cell;
    vertical-align: middle;
}

.copyright>div>div:first-of-type {
    display: inline-block;
    border-bottom: 1px solid #6F7062;
}

.copyright>div>div {
    padding: 5px 0 10px;
}

.footer-stay-connected h3 {
    margin-bottom: 20px;
}

.footer-stay-connected a {
    font-size: 1.95em;
    padding: 0 6px;
}

.footer-stay-connected a.bk {
    color: #202020;
}

#account_success {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.8em;
}

#account_success strong {
    font-size: 1.2em;
}

#account_success .gold {
    color: #B39964;
    font-size: 2.0em;
}

#scroll-to-top-block {
    display: block;
    margin: -17px 0 -25px 0;
    text-align: center;
}

#scroll-to-top {
    display: inline-block;
    width: 36px;
    height: 35px;
    text-indent: -9999px;
    line-height: 35px;
    border: none;
    background: url(scroll-to-top.gif);
}

#scroll-to-top:focus {
    outline: none;
}

#f-row1 {
    margin-bottom: 29px;
}

#footer-logo {
    background: url(http://dgn.cafes-pfaff.com/cafes-pfaff_wh.png) center 15px no-repeat;
    height: 110px;
    margin-top: 12px;
    text-indent: -9999px;
    width: 185px;
}

.f_column {
    float: left;
    margin-right: 10px;
    width: 184px;
}

.f_column_big {
    float: left;
    margin-right: 10px;
    width: 232px;
}

.f_column_big #coordonnees {
    color: #b57525;
}

.col-md-3 .adr {
    line-height: 24px;
    color: #FFFFFF;
    font-size: 1.2em;
    text-shadow: 0.5px 0.5px #000000;
}

#footer-phone {
    font-size: 26px;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 29px;
    color: #FFFFFF;
    text-shadow: 0.5px 0.5px #000000;
}

#footer-in span.footerTitle {
    font-size: 1.575em;
    text-transform: uppercase;
}

#f-row2 {
    margin-bottom: 29px;
}

#ps-logo li.l-pair,
#a-propos-cp,
#la-boutique .last,
#news-blog {
    margin-right: 0;
    margin-left: 0;
}

.foot-nav-lv1 {
    margin-bottom: 38px;
}

.foot-nav-lv1 li {
    margin-bottom: 7px;
    padding-left: 6px;
    text-shadow: 1px 2px #000000;
}

.foot-nav-lv1 li a:link,
.foot-nav-lv1 li a:visited {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.2em;
}

.foot-nav-lv1 li a:hover,
.foot-nav-lv1 li a:active {
    text-decoration: underline;
    font-size: 1.2em;
}

#f-row3 {
    margin-bottom: 29px;
}

.foot-nav-lv2 {
    margin-bottom: 40px;
}

.foot-nav-lv2 li {
    margin-bottom: 5px;
}

.foot-nav-lv2 li a:link,
.foot-nav-lv2 li a:visited {
    color: #a45200;
    text-decoration: none;
}

.foot-nav-lv2 li a:hover,
.foot-nav-lv2 li a:active {
    text-decoration: underline;
}

#f-row4 {
    padding-bottom: 18px;
}

.list-social {
    margin-top: -8px;
}

.list-social li {
    margin: 0 0 5px 0;
    padding: 0;
    height: 30px;
    text-shadow: 1px 2px #000000;
    font-size: 1.2em;
    vertical-align: top;
}

.list-social li>span {
    display: inline-block;
    margin-right: 12px;
    width: 30px;
    text-align: center;
}

.list-social li>span img {
    height: 25px;
    width: auto;
    margin-top: 2px;
}

.list-social li>a:link,
.list-social li a:visited {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
}

.list-social li>a:hover,
.list-social li a:active {
    display: inline-block;
    color: #ffffff;
    text-decoration: underline;
}

#signature {
    outline: #E5E5E5 solid 1px;
    border-top: #333333 solid 1px;
    background: #000000 url(http://dgn.cafes-pfaff.com/bg_header_noir-blanc.png) center center no-repeat;
    line-height: 54px;
}

#signature p {
    color: #FFFFFF;
    text-shadow: 0.5px 0.5px #000000;
}

#signature a:link,
#signature a:visited {
    color: #FFFFFF;
    text-shadow: 0.5px 0.5px #000000;
}

#signature a:hover,
#signature a:active {
    text-decoration: none;
}

#main h2 {
    line-height: 1.2em;
}

ul#side-nav {
    margin: 1em 0;
    padding: 1px 0 0 0;
    overflow: hidden;
    line-height: 1.65em;
    border-bottom: 1px dotted #acacac;
}

ul#side-nav li {
    padding: 14px 0;
}

ul#side-nav li a:link,
ul#side-nav li a:visited {
    color: #211306;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

ul#side-nav li a.sn {
    display: block;
    padding-right: 20px;
}

ul#side-nav li a.sn:after {
    content: ">";
    float: right;
    margin: auto -20px;
    font-family: cursive;
    font-size: 1.5em;
    z-index: 100;
    -webkit-transition: all 1.0s ease 0.5s;
    -moz-transition: all 1.0s ease 0.5s;
    -ms-transition: all 1.0s ease 0.5s;
    -o-transition: all 1.0s ease 0.5s;
    transition: all 1.0s ease 0.5s;
    -webkit-transform-origin: 50% 50% 0;
    -khtml-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

html.lte-ie8 ul#side-nav li a.sn:after {
    min-width: 30px;
    color: transparent;
    background: url(side-nav.gif) center no-repeat;
}

ul#side-nav li ul li {
    position: relative;
    padding-bottom: 6px;
    padding-top: 6px;
}

ul#side-nav li ul li:before {
    position: absolute;
    content: "�";
    line-height: 1em;
    font-size: 1.5em;
    font-family: cursive;
}

ul#side-nav li ul li>a:link,
ul#side-nav li ul li>a:visited {
    color: #575757;
    display: block;
    padding-left: 21px;
    text-decoration: none;
}

ul#side-nav li ul li>a:hover,
ul#side-nav li ul li>a:active {
    text-decoration: underline;
}

ul#side-nav>li {
    padding: 0;
    border-top: 1px dotted #acacac;
}

ul#side-nav>li>a {
    z-index: 150;
    position: relative;
    display: block;
    padding: 14px 0;
    background-color: #FFF;
}

ul#side-nav>li .side_nav_sub_menu>li ul {
    margin-left: 15px;
}

ul#side-nav>li .side_nav_sub_menu>li ul>li>a {
    font-weight: normal;
}

ul#side-nav>li {
    position: relative;
}

ul#side-nav>li .side_nav_sub_menu {
    -webkit-transform-origin: 50% 0 0;
    -khtml-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: visibility 0s linear 1.5s, max-height 1.0s ease 0.5s, opacity 1.0s ease 0.5s, -webkit-transform 0.5s ease 0.5s;
    -moz-ransition: visibility 0s linear 1.5s, max-height 1.0s ease 0.5s, opacity 1.0s ease 0.5s, -moz-transform 0.5s ease 0.5s;
    transition: visibility 0s linear 1.5s, max-height 1.0s ease 0.5s, opacity 1.0s ease 0.5s, transform 0.5s ease 0.5s;
}

ul#side-nav>li:hover .side_nav_sub_menu,
ul#side-nav>li:active .side_nav_sub_menu,
ul#side-nav>li.active .side_nav_sub_menu {
    visibility: visible;
    max-height: 50em;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, max-height 1.0s ease-out 0.7s, opacity 1.0s ease 0.7s, -webkit-transform 0.5s ease 0.7s;
    -moz-transition: visibility 0s linear 0s, max-height 1.0s ease-out 0.7s, opacity 1.0s ease 0.7s, -moz-transform 0.5s ease 0.7s;
    transition: visibility 0s linear 0s, max-height 1.0s ease-out 0.7s, opacity 1.0s ease 0.7s, transform 0.5s ease 0.7s;
}

ul#side-nav>li:hover a.sn:after,
ul#side-nav>li:active a.sn:after,
ul#side-nav>li.active a.sn:after {
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    z-index: 100;
    -webkit-transition: all 1.0s ease 0.7s;
    -moz-transition: all 1.0s ease 0.7s;
    -ms-transition: all 1.0s ease 0.7s;
    -o-transition: all 1.0s ease 0.7s;
    transition: all 1.0s ease 0.7s;
    -webkit-transform-origin: 50% 50% 0;
    -khtml-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}

html.lte-ie8 ul#side-nav>li:hover a.sn:after,
html.lte-ie8 ul#side-nav>li:active a.sn:after,
html.lte-ie8 ul#side-nav>li.active a.sn:after {
    background: url(current-side-nav.gif) center no-repeat;
}

html>body {
    position: relative;
    margin-top: 0 !important;
}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    color: #B39A64 !important;
}

html>body .buorg {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    border-bottom: 1px solid #A29330;
    background: #FDF2AB no-repeat 1em 0.55em url(https://browser-update.org/img/dialog-warning.gif);
    text-align: left;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 12px;
}

html>body .buorg div {
    padding: 5px 36px 5px 40px;
}

html>body .buorg a {
    color: #E25600;
}

html>body .buorg #buorgclose {
    position: absolute;
    right: .5em;
    top: .2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size: 14px;
    padding: 0;
}

.tooltip {
    position: relative;
}

.tooltip:before,
.tooltip:after,
.tooltip>.tooltipContent {
    z-index: 120;
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    border: none;
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease .5s;
}

.tooltip:before {
    content: "";
    width: 0;
    height: 0;
}

.tooltip:after {
    content: attr(title);
}

.tooltip:after,
.tooltip>.tooltipContent {
    width: auto;
    height: auto;
    padding: .5em;
    text-align: center;
    border-radius: .5em;
    background-color: rgba(243, 218, 140, 0.95);
    color: #000;
}

.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:hover>.tooltipContent,
.tooltip:active:before,
.tooltip:active:after,
.tooltip:active>.tooltipContent,
.tooltip.active:before,
.tooltip.active:after,
.tooltip.active>.tooltipContent {
    visibility: visible;
    opacity: 1;
    transition: all .5s ease .5s;
}

.tooltip:Top:before,
.tooltip:Top:after,
.tooltip:Top>.tooltipContent,
.tooltip.tooltipTop:before,
.tooltip.tooltipTop:after,
.tooltip.tooltipTop>.tooltipContent {
    left: 0;
    right: auto;
    top: -1em;
    bottom: auto;
}

.tooltip:Top:before,
.tooltip.tooltipTop:before {
    left: 50%;
    margin: 0 -1em;
    border-top: rgba(243, 218, 140, 0.95) solid 1em;
    border-right: transparent solid 1em;
    border-bottom: none;
    border-left: transparent solid 1em;
}

.tooltip:Top:after,
.tooltip:Top>.tooltipContent,
.tooltip.tooltipTop:after,
.tooltip.tooltipTop>.tooltipContent {
    top: -100%;
    height: 5em;
    margin: -5em 0 0 -0.5em;
}

.tooltip:Bottom:before,
.tooltip:Bottom:after,
.tooltip:Bottom>.tooltipContent,
.tooltip.tooltipBottom:before,
.tooltip.tooltipBottom:after,
.tooltip.tooltipBottom>.tooltipContent {
    left: 0;
    right: auto;
    top: auto;
    bottom: -1em;
}

.tooltip:Bottom:before,
.tooltip.tooltipBottom:before {
    left: 50%;
    margin: 0 -1em;
    border-top: none;
    border-right: transparent solid 1em;
    border-bottom: rgba(243, 218, 140, 0.95) solid 1em;
    border-left: transparent solid 1em;
}

.tooltip:Bottom:after,
.tooltip:Bottom>.tooltipContent,
.tooltip.tooltipBottom:after,
.tooltip.tooltipBottom>.tooltipContent {
    bottom: -100%;
    height: 5em;
    margin: 0 0 -5em -0.5em;
}

.tooltip:Left:before,
.tooltip:Left:after,
.tooltip:Left>.tooltipContent,
.tooltip.tooltipLeft:before,
.tooltip.tooltipLeft:after,
.tooltip.tooltipLeft>.tooltipContent {
    left: -1em;
    right: auto;
    top: 0;
    bottom: auto;
}

.tooltip:Left:before,
.tooltip.tooltipLeft:before {
    border-top: transparent solid 1em;
    border-right: none;
    border-bottom: transparent solid 1em;
    border-left: rgba(243, 218, 140, 0.95) solid 1em;
}

.tooltip:Left:after,
.tooltip:Left>.tooltipContent,
.tooltip.tooltipLeft:after,
.tooltip.tooltipLeft>.tooltipContent {
    width: 20em;
    min-height: 2em;
    margin: -0.5em 0 0 -21em;
}

.tooltip:Right:before,
.tooltip:Right:after,
.tooltip:Right>.tooltipContent,
.tooltip.tooltipRight:before,
.tooltip.tooltipRight:after,
.tooltip.tooltipRight>.tooltipContent {
    left: auto;
    right: -1em;
    top: 0;
    bottom: auto;
}

.tooltip:Right:before,
.tooltip.tooltipRight:before {
    border-top: transparent solid 1em;
    border-right: rgba(243, 218, 140, 0.95) solid 1em;
    border-bottom: transparent solid 1em;
    border-left: none;
}

.tooltip:Right:after,
.tooltip:Right>.tooltipContent,
.tooltip.tooltipRight:after,
.tooltip.tooltipRight>.tooltipContent {
    width: 20em;
    min-height: 2em;
    margin: -0.5em -21em 0 0;
}

.spacer {
    clear: both;
    height: 19px;
}

.table {
    display: table;
    border-collapse: collapse;
}

.table>.title {
    display: table-caption;
}

.table>.group {
    display: table-row-group;
}

.table>.group.head {
    display: table-header-group;
}

.table>.group.foot {
    display: table-footer-group;
}

.table>.group>.line {
    display: table-row;
}

.table>.group>.line>.cell {
    display: table-cell;
}

.table>.group>.line>.cell.heading {
    font-weight: bold;
}

.table>.group>.line>.cell.al {
    text-align: left;
}

.table>.group>.line>.cell.ac {
    text-align: center;
}

.table>.group>.line>.cell.ar {
    text-align: right;
}

.tableStyle {
    display: table;
    border-collapse: collapse;
}

.tableStyle,
.tableStyle>.title,
.tableStyle>.group>.line>.cell {
    border: #b3b3b3 solid 1px;
}

.tableStyle>.title {
    display: table-caption;
    margin: 0;
    padding: 0.5em;
    text-align: center;
    line-height: 1.2em;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: none;
    background-color: #e6e6e6;
}

.tableStyle>.group {
    display: table-row-group;
}

.tableStyle>.group.head,
.tableStyle>.group.foot {
    background-color: #f2f2f2;
    font-weight: bold;
}

.tableStyle>.group.head {
    display: table-header-group;
}

.tableStyle>.group.foot {
    display: table-footer-group;
}

.tableStyle>.group>.line {
    display: table-row;
}

.tableStyle>.group>.line:nth-child(even) {
    background-color: #fafafa;
    background-color: rgba(0, 0, 0, 0.02);
}

.tableStyle>.group>.line>.cell {
    display: table-cell;
    padding: 0.5em;
}

.tableStyle>.group>.line>.cell.heading {
    font-weight: bold;
}

.tableStyle>.group>.line>.cell.al {
    text-align: left;
}

.tableStyle>.group>.line>.cell.ac {
    text-align: center;
}

.tableStyle>.group>.line>.cell.ar {
    text-align: right;
}

[data-debug],
.debug {
    float: none;
    clear: both;
    display: block;
    padding: 5px;
    white-space: pre-wrap;
    text-align: left;
    font-size: 16px;
    line-height: 1.2em;
    background: #FFF;
    color: #000;
    font-family: consolas, "Courrier New", monospace;
    tab-size: 4;
}

[data-debug].red,
[data-debug].error,
.debug.red,
.debug.error {
    color: #C00;
}

[data-debug].orange,
[data-debug].warning,
.debug.orange,
.debug.warning {
    color: #FF8000;
}

[data-debug].green,
[data-debug].success,
.debug.green,
.debug.success {
    color: #00A500;
}

[data-debug].blue,
[data-debug].info,
.debug.blue,
.debug.info {
    color: #0F3DCC;
}

[data-debug].yellow,
.debug.yellow {
    color: #F3D600;
}

[data-debug].pink,
.debug.pink {
    color: #FF00D6;
}

.updateYourBrowser {
    font-size: 1.5em;
    line-height: 1.4em;
    color: #FFF;
    background-color: #FFA500;
}

.updateYourBrowser a {
    color: #081CFF;
}

.radius {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.bottom-radius {
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.top-radius {
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.clear {
    clear: both;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.url404 {
    position: relative;
    min-height: 10em;
}

.url404:before {
    content: "404";
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3em;
    margin: -0.5em 0 0 -1.5em;
    text-align: center;
    font-size: 10em;
    line-height: 1em;
    color: #EFEFEF;
}

.url404>.text {
    z-index: 100;
    position: relative;
    margin: 2em 0;
    font-size: 2em;
    line-height: 1.2em;
}

.url404>.buttonStyle {
    position: absolute;
    right: 0;
    bottom: 0;
}

.bgWhite {
    background-color: rgba(255, 255, 255, 0.9);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 90%, #FFF 100%);
    border-radius: .5em;
}

body {
    background-color: #FFFFFF;
    font-family: "TheSans Plain", Helvetica, sans-serif;
    letter-spacing: 0.01em;
    text-align: center;
    overflow-x: hidden;
    color: #212121;
}

#breadcrumb {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #E2E2E2;
    border-radius: 0;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

#breadcrumb li:last-of-type a {
    color: #B39A64 !important;
}

#pID+#breadcrumb {
    border-bottom: 0;
}

.sb-filter {
    display: none;
}

#sidebare {
    padding: 0 15px 0 0;
    z-index: 999;
}

#logo {
    /*
	height: 93px;*/
    text-align: center;
}

#logo .line {
    display: block;
    margin: 0 auto;
}

#logo-text {
    text-align: center;
    letter-spacing: 0.17em;
    line-height: 1;
}

#logo-text>div:first-of-type {
    margin: 0;
    vertical-align: middle;
}

#logo-text div {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0.15em;
    font-family: "Baron Neue";
    text-transform: lowercase;
}

#logo-text>div:first-of-type {
    padding-left: 1px;
}

#logo-text>hr {
    width: 175px;
    border-top: 1px solid #B39A64;
    margin: 5px auto 0;
}

#logo-text>div+hr+div {
    width: 100%;
    letter-spacing: 0.165em;
}

#logo-text>div+span {
    display: block;
    margin-top: 5px;
    font-family: 'Adobe Garamond Pro Bold';
    font-size: 0.7em;
    letter-spacing: 0.35em;
}

.comment {
    margin-bottom: 20px;
    background-image: url(comment.png);
    background-position: 125px 110px;
    background-repeat: no-repeat;
}

.bull {
    background: #100902;
    margin-bottom: 7px;
    padding: 5px;
    position: relative;
    height: 100px;
}

.meta-id {
    color: #b57525;
    font-weight: bold;
    margin-bottom: 11px;
}

.meta-id a:link,
.meta-id a:visited {
    color: #b57525;
    text-decoration: none;
}

.meta-id a:hover,
.meta-id a:active {
    text-decoration: underline;
}

.meta-message {
    color: #ffffff;
    font-size: 11px;
    margin-bottom: 7px;
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meta-message a:link,
.meta-message a:visited {
    color: #ffffff;
    text-decoration: none;
}

.meta-message a:hover,
.meta-message a:active {
    text-decoration: underline;
}

.meta-date {
    color: #b57525;
    font-size: 11px;
    padding-left: 49px;
}

#fc-ps {
    margin-right: 0;
    padding-top: 30px;
}

#ps-logo li {
    float: left;
    margin: 0 13px 10px 10px;
}

#ps-logo li.l-pair,
#a-propos-cp,
#la-boutique .last,
#news-blog {
    margin-right: 0;
    margin-left: 0;
}

#membre-logo li {
    margin-bottom: 10px;
}

#logos-box {
    background: #ffffff;
    padding: 11px 14px;
}

#logos-box ul li {
    float: left;
    margin-right: 10px;
}

.hr {
    background-image: url(f-row-bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    padding: 10px 0px 5px 0px;
}

#news-blog .hr:first-child {
    background-image: none;
}

a {
    color: #fff;
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

#product {
    background: center top no-repeat;
}

.white {
    color: #FFFFFF !important;
    text-align: center;
    padding: 2px;
}

.table-responsive {
    margin-top: 20px;
}

.forfait {
    width: 100%;
    border: 1px solid #CCC;
    border-collapse: collapse;
    text-align: center;
}

.devis {
    text-align: left;
    margin: 0 0 20px 0;
}

.devis th {
    width: 33%;
}

.devis td {
    width: 33%;
    vertical-align: top;
}

.devis td label span {
    font-size: 16px;
}

.forfait tr:nth-child(1),
.forfait tr:nth-child(2) {
    display: none;
}

.forfait th {
    border: 2px solid #9F9F9F;
    padding: 4px;
    line-height: 25px;
    font-family: Montserrat;
    font-size: 1.1em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    background-color: #B39A64;
    color: #FFF;
}

.forfait td {
    border: 2px solid #9F9F9F;
    padding: 5px 5px 2px;
    line-height: 1.2;
    font-family: Montserrat;
    font-size: 1.1em;
    color: #000;
}

.forfait td.red {
    background-color: #C6C6C6;
}

.forfait td.txt {
    border: 2px solid #9F9F9F;
    background-color: #333;
    color: #FFF;
}

.forfait td.foot p+span {
    font-size: 0.6em;
    vertical-align: text-top;
}

.forfait-list {
    margin: 0;
    padding: 50px 0 0 0;
    background: url('../design/forfait/bg_ul.png') top center no-repeat;
}

.forfait-icon {
    width: 50px;
    height: 50px;
    border: 2px solid #333;
    border-radius: 5px;
    text-align: center;
    display: block;
    float: left;
    padding: 5px;
    margin: 0 10px 10px 0;
    box-shadow: 2px 2px 5px #666;
}

.forfait-list li {
    height: 80px;
    width: 50%;
    float: left;
    vertical-align: top;
    font-weight: normal;
    color: #000;
    font-size: 14px;
}

.timeline {
    list-style: none;
    padding: 0px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #D5D5D5;
    left: 50%;
    margin-left: -1.5px;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 40%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    margin-bottom: 5px;
    color: inherit;
    font-weight: bold;
    font-size: 1.3em;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
    font-size: 1.2em;
}

.timeline-body>p+p {
    margin-top: 5px;
}

.timeline-body>p>.medaille {
    height: 80px;
    width: auto;
    margin: 0 20px 5px 0;
}

.red {
    color: #CC0000 !important;
}

.option {
    margin: 20px 0;
}

.option>.optionBlock,
.option .optionStock {
    display: inline-block;
    width: 180px;
    margin-right: 20px;
    padding: 5px;
    font-size: .9em;
}

.option>.optionBlock:first-child,
.option .optionStock:first-child {
    border-top: none;
}

.option .optionBlock {
    position: relative;
}

.option .optionBlock .moonicon-arrow-down8 {
    position: absolute;
    z-index: 0;
    right: 15px;
    top: 20px;
}

.option .optionStock {
    margin-left: 205px;
    margin-top: 10px;
}

.option>.optionBlock>.optionBlockName,
.option .optionStock>.optionBlockName {
    margin: 0 0 .5em 0;
    padding-left: 6px;
    font-size: 14px;
    font-weight: bold;
    background: url(puce.png) left no-repeat;
    color: #333;
}

.option>.optionBlock>.optionSubBlock>.line>.optionInput,
.option .optionStock>.optionSubBlock>.line>.optionInput {
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

.optionSubBlock {
    position: relative;
    z-index: 1;
    width: 100%;
    border: 1px solid rgb(176, 171, 171);
    padding: 12px 28px 12px 8px;
    /*
	font-size: 1.05em;*/
    text-transform: uppercase;
    background: transparent;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.35);
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

.optionSubBlock option:first-of-type {
    color: #818181;
}

.option>.optionBlock .optionName,
.option .optionStock .optionName {
    display: inline;
    padding: 0 1em;
    vertical-align: middle;
    line-height: 2em;
    cursor: pointer;
}

.option>.optionBlock>.quantityLabel,
.option .optionStock>.quantityLabel {
    display: none;
    padding: 0;
}

.option>.optionBlock>.quantity,
.option .optionStock>.quantity {
    width: 80px;
    border: none;
    border-bottom: 5px solid #B1ABAB;
    padding-bottom: 12px;
    text-align: center;
    font-family: "Baron Neue";
    font-size: 2.1em;
    color: #818181;
}

.option .optionStock>.moonicon-minus {
    position: absolute;
    left: 5px;
    top: 0;
    height: 60px;
    line-height: 60px;
    color: #818181;
    cursor: pointer;
}

.option .optionStock>.moonicon-plus {
    position: absolute;
    right: 5px;
    top: 0;
    height: 60px;
    line-height: 60px;
    color: #818181;
    cursor: pointer;
}

.option>.optionBlock>.freeShipping,
.option .optionStock>.freeShipping {
    display: none;
    margin: 1em 0 0 0;
    padding: 0;
    color: #090;
    font-weight: bold;
    font-size: 1.5em;
}

.option>.optionBlock>.freeShippingCoffee,
.option .optionStock>.freeShippingCoffee {
    display: none;
    margin: 1em 0 0 0;
    padding: 0.2em;
    background-color: #B60157;
    color: #FFF;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3em;
    text-transform: uppercase;
}

.option>.optionBlock .optionName {
    line-height: 1.75em;
}

.option>.optionBlock img {
    display: none;
}

#zonePrice {
    float: right;
    display: block;
    font-size: 1.5em;
}

.golden {
    color: #B39A64;
}

.golden-sep {
    display: block;
    width: 60px;
    margin: 25px 0;
    border-bottom: 5px solid #B39A64;
}

.golden-dotted {
    border: 2px dotted #B39A64;
}

.golden-dotted-thin {
    border: 1px solid #FFFFFF;
}

.tag {
    position: relative;
    margin-left: 20px;
    font-family: "Baron Neue";
    text-align: center;
    text-transform: lowercase;
    font-size: 0.8em;
    display: inline-block;
}

.tag:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 4px;
    width: 12px;
    height: 12px;
    background: black;
    border-radius: 10px;
}

.tag:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tag.withoutBackground {
    margin: 5px 8px;
    padding: 0;
}

.tag.cup-tag {
    color: #1E90FF;
    font-size: 1.0em;
}

.tag.cup-tag:before {
    background: transparent !important;
    content: "\e22a";
    font-family: 'icomoon';
    speak: none;
    color: #1E90FF;
    font-size: 1.0em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    border-radius: 0px !important;
}

.tag.black-tag {
    color: #202020;
}

.tag.black-tag:before {
    background: #202020;
}

.tag.red-tag {
    color: #a30000;
}

.tag.red-tag:before {
    background: #a30000;
}

.tag.orange-tag {
    color: #FF8C00;
}

.tag.orange-tag:before {
    background: #FF8C00;
}

.tag.delonghi-tag {
    color: #FF8C00;
    font-size: 1.2em;
}

.tag.delonghi-tag:before {
    background: #FF8C00;
    top: 8px;
}

.tag.blue-tag {
    color: #1E90FF;
}

.tag.blue-tag:before {
    background: #1E90FF;
}

.tag.green-tag {
    color: #32CD32;
}

.tag.green-tag:before {
    background: #32CD32;
}

.tag.grey-tag {
    color: #666;
}

.tag.grey-tag:before {
    background: #666;
}

.tag.white-tag {
    color: #D5D5D5;
}

.tag.white-tag:before {
    background: #D5D5D5;
}

.tag.gold-tag {
    color: #B39964;
}

.tag.gold-tag:before {
    background: #B39964;
}

.tag.score-tag {
    color: #CC0000;
    margin-left: 50px;
}

.tag.score-tag:before {
    content: 'Score : ';
    position: absolute;
    left: -50px;
    top: 0px;
    width: 50px;
    height: 12px;
    background: none;
}

.tag.score-tag:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.tag.in-bold {
    font-size: 1.0em;
    font-weight: bold;
    color: #FFD200;
}

.tagBlock .name {
    font-size: 1.6em;
}

.bar-sep {
    margin: 0 6px;
    color: #b8b7b7;
}

.note>.bar-sep {
    display: none;
}


/***** Product listing *****/

#products-container[data-category="144"]>.col-md-4,
#products-container[data-category="144"]>.col-md-3 {
    height: 540px;
}


/***** Product details *****/

h1.productName {
    /*
	margin-bottom: 20px;
	font-size: 2.0em;*/
    font-size: 1.8em;
    letter-spacing: 0.01em;
}

.block_info h4,
.block_info .h4-like {
    margin: 10px 0 5px;
    font-family: "TheSans Plain";
    font-size: 1.25em;
    text-transform: uppercase;
}

.desc>h4,
.desc>.h4-like {
    display: none;
}

.desc>p.block_info_content {
    color: #202020 !important;
}

#pi-right .bar-sep+.tagBlock>*,
#pi-right .tagBlock~.tagBlock {
    display: none;
}

#pi-right .bar-sep+.tagBlock>span:first-of-type {
    display: inline;
}

#pi-right .tagBlock .tag {
    margin: 0;
}

#pi-right .tagBlock .tag:before {
    content: none;
}

#pi-right #labels {
    line-height: 1.8;
    margin: 15px 0;
}

#pi-right #labels img {
    display: inline-block;
    width: 18px;
    height: auto;
    margin: 0 5px 0 0;
    vertical-align: sub;
}

#intensity {
    display: inline-block;
    font-size: 1.1em;
}

.intensity_hover {
    float: left;
    margin-top: -65px;
    font-family: Montserrat;
    font-weight: 300;
    font-size: 1.25em;
    letter-spacing: 0;
    text-transform: uppercase;
}

.intensity_hover .bean_empty,
.intensity_hover .bean_full {
    padding: 0 2px;
    vertical-align: middle;
}

#pi-right #labels #intensity img {
    width: auto;
    height: auto;
    padding: 0;
}

#pi-right .block_info_content {
    overflow: hidden;
    font-size: 1.1em;
    /*
	color: #818181;*/
    letter-spacing: 0;
    line-height: 1.8;
}

.block_info_content strong,
.block_info_content a {
    color: #000;
}

#jura_description .block_info_content,
#jura_expert .block_info_content {
    line-height: 1.6em;
    font-size: 1.2em;
}

#product-info .option>.optionBlock,
.option .optionStock {
    position: relative;
    padding: 5px 0;
}

#product-info .option .optionStock {
    position: relative;
    display: block;
    width: 80px;
    margin-left: 0;
}

#product-info .option>.optionBlock>.freeShippingCoffee,
.option .optionStock>.freeShippingCoffee {
    display: none;
}

#product-info .add-to-cart {
    margin-top: -67px;
    margin-left: 128px;
    padding: 0 25px 4px;
    font-size: 1.55em;
    color: #fff;
}

#product-info .black-button {
    margin-top: -67px;
    margin-left: 128px;
    padding: 0 25px 4px;
    font-size: 1.55em;
    color: #fff;
}

#product-info .add-to-wish {
    font-family: "Baron Neue";
    font-size: 1.45em;
    text-transform: lowercase;
    color: #B39A64;
    display: none;
}

#product-info .add-to-wish .moonicon-heart8 {
    margin-right: 5px;
}

#product-info .add-to-cart:hover,
#product-info .add-to-cart:active,
#product-info .add-to-cart:focus {
    text-decoration: none;
    color: #B39A64;
    background: #000;
}

#product-info .black-button:hover,
#product-info .black-button:active,
#product-info .black-button:focus {
    text-decoration: none;
    color: #B39A64;
    background: #000;
}

.starBlock {
    display: block;
    /*
	margin-top: 8px;*/
    color: #B39A64;
    font-size: 1.25em;
}

.starBlock .star {}

.starBlock .star.empty {
    color: #ccc !important;
}

#product-info .priceFull {
    font-family: "Baron Neue";
    font-size: 1.7em;
    /*
	letter-spacing: 0.01em;*/
    text-transform: lowercase;
    margin: 5px 0 15px 0;
    line-height: 1;
}

#popup_listing .price .final,
#popup_product .price .final,
#product-info .price .final {
    margin-right: 10px;
}

#popup_listing .price .xxx,
#popup_product .price .xxx,
#product-info .price .xxx {
    display: inline-block;
    font-size: 0.875rem;
    color: #b0abab;
}

#popup_listing .price .xxx:before,
#popup_product .price .xxx:before,
#product-info .price .xxx:before {
    /*
	content: 'ou 3x sans frais CB';*/
    content: 'ou ';
}

#popup_listing .price .xxx:after,
#popup_product .price .xxx:after,
#product-info .price .xxx:after {
    content: ' sans frais';
    /*
	content: ' sans frais par CHEQUE';*/
}

#popup_product .priceFull .loa,
#product-info .priceFull .loa {
    display: block;
    font-size: 0.875rem;
    margin-top: 10px;
}

#product-info .priceFull .price {
    color: #B39A64;
}

#product-info .option>li>b,
#product-info .option>b,
#product-info .free_shipping~b {
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0;
}

#product-info .free_shipping {
    font-size: 1.2em;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

#product-info .stock_quantity {
    font-size: 1.0em;
    letter-spacing: 0.01em;
    color: #CC1D1D;
}

#product-info .stock_quantity b {
    font-size: 2.1em;
    letter-spacing: 0.01em;
    color: #CC1D1D;
}

.product-social-share {
    /*
	margin: 15px 0;*/
}

.product-social-share a {
    margin-right: 10px;
    font-size: 1.45em;
    color: #b0abab;
}

.etabs {
    border-bottom: 5px solid #B39A64;
}

.etabs~div {
    margin: 20px 0;
}

.tab {
    display: inline-block;
    margin-right: 8px;
    background: #fff;
}

.tab:hover {
    background: #B39A64;
}

.tab a {
    font-size: 1.1em;
    letter-spacing: 0.01em;
    padding: 15px 8px;
    display: block;
    text-transform: uppercase;
    color: #000;
}

.tab a:hover {
    text-decoration: none;
}

.tab.active {
    background: #B39A64;
}

.tab:hover a,
.tab a.active {
    color: #fff !important;
}

#tab-container {
    margin-top: 20px;
    margin-bottom: 25px;
}

#tab-container .block_info_content>p {
    padding: 15px;
}

#shopping_cart_absolute {
    display: none;
}

#media.thumbnail_list {
    display: block;
    width: 100%;
    overflow: hidden;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /*background-color: rgba(255,255,255,.8);*/
    text-align: center;
}

#media.thumbnail_list>.thumbnail {
    display: block;
    float: left;
    width: 31%;
    height: 8vw;
    margin: 0 0 20px 0;
    border: none;
    border-radius: 0;
    /*background: #F0F0F0;*/
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#media.thumbnail_list>.thumbnail:nth-child(3n) {
    margin: 0 3.5%;
}

#media.thumbnail_list>.thumbnail:nth-child(n+5) {
    display: none;
}

#media.thumbnail_list>.thumbnail:first-child {
    display: block;
    width: 100%;
    height: 25vw;
    border-radius: 0;
}

#media.thumbnail_list>.thumbnail>.img {
    display: none;
    width: auto;
    height: 100%;
}

.thumbnail_list {
    text-align: left;
}

.thumbnail_list>.thumbnail {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0 5px;
    list-style-type: none;
    list-style-position: inside;
    text-align: center;
    background-color: transparent;
}

.thumbnail_list>.thumbnail>.img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 56.25%;
}

.youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/***** D�tails Caf� *****/

.appreciation {
    padding: 0;
}

.appreciation>.img,
.appreciation>.text {
    display: block;
}

.appreciation .illustration {
    float: left;
    width: 160px;
    margin: 0 20px 0 0;
}

.appreciation .illustration img {
    width: 160px;
    height: auto;
}

.appreciation .illustration>div {
    margin: 40px 0 0;
    text-align: center;
    letter-spacing: 0;
    font-size: 0.775em;
}

.appreciation .illustration>div>div {
    font-family: "Montserrat";
    color: #706f6f;
}

.appreciation .illustration>div>* {
    margin: 5px 0;
}

.appreciation>.text>.title {
    clear: none;
    margin-bottom: 25px;
}

.appreciation>.text>.title>.border {
    font-size: 1.5em;
}

.appreciation>.text>.block_info_content {
    color: #706f6f;
    letter-spacing: 0;
    line-height: 1.3;
}

.appreciation .text {}

#id_coffee .tagBlock .tag:before {
    content: none;
}

#id_coffee .tag img {
    display: inline-block;
    width: auto;
    height: 15px;
    margin: 0 5px 0 0;
    vertical-align: bottom;
}

#id_card {
    display: block;
    margin: 40px 0 0;
    border-top: 1px solid #949494;
    border-bottom: 1px solid#949494;
    padding: 20px 0;
    overflow: auto;
    /*
	line-height: 1;*/
}

#id_card li {
    float: left;
    width: 25%;
    /*
	width: 200px;
	height: 40px;*/
    margin-bottom: 5px;
    padding: 0;
    letter-spacing: 0;
    overflow: hidden;
}

#id_card li .tagTitle {
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    color: #000;
    font-size: 1.2em;
    text-decoration: underline;
}

#id_card li .tagBlock>.tag {
    display: none;
    color: #706f6f;
}

#id_card li .tagBlock>.tag:first-of-type {
    display: block;
    margin: 5px 0 0;
    text-align: left;
}

#id_card li .tagBlock>.tag span {
    font-family: "TheSans Plain";
    text-transform: capitalize;
}

#id_card li .tagBlock .bar-sep {
    display: none;
}

#technique ul {
    /*margin-top: 10px;
	margin-left: 15px;*/
    line-height: 1.3;
}

#technique ul li {
    letter-spacing: 0;
}


/*
#technique ul li:before {
	content: '\2022';
	font-size: 15px;
	margin-right: 3px;
}*/

#terroir {
    letter-spacing: 0;
}

#terroir h4 {
    font-family: "Montserrat";
    margin-bottom: 20px;
    text-transform: none;
}

#terroir .block_info_content {
    line-height: 1.3;
}


/***** D�tails Jura & Jura Pro *****/

#gift .gift-box,
#gift .warranty-box,
#gift .premium-box {
    float: left;
    min-height: 300px;
    padding: 6px 12px;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.01em;
    background: #F0F0F0;
}

#gift .gift-box img {
    max-width: 170px;
    max-height: 170px;
    margin: 10px auto 5px auto;
}

#gift .gift-box img.gift-img {
    width: auto;
    max-height: 80px !important;
    float: left;
    margin: 10px auto 5px auto;
}

#gift .warranty-box img,
#gift .premium-box img {
    float: left;
    width: 75px;
    margin-top: 25px;
    margin-right: 10px;
}

#gift .label {
    padding: .1em;
    font-size: 0.7em;
    font-weight: 400;
}

#gift .gift-box {
    /*width: 48%;
	margin-right: 2%;*/
}

#gift .gift-box .golden {
    margin-top: 5px;
}

#gift .gift-box .hover-size {
    font-size: 2.2em;
}

#gift .coffee-gift {
    margin-top: 2px;
    font-family: Montserrat;
    text-align: center;
}

#gift .coffee-gift div:first-of-type {
    font-size: 1.3em;
    font-weight: 900;
}

#gift .coffee-gift div+div {
    margin: 5px 0;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

#gift .check-gift {
    margin-top: 10px;
    clear: both;
    font-family: Montserrat;
}

#gift .check-gift>div:first-of-type,
#gift .check-gift>span:first-of-type {
    display: block;
    font-weight: 900;
}

#gift .check-gift div:first-of-type {
    margin-bottom: 8px;
}

#gift .check-gift>span:first-of-type>span {
    font-size: 3.1em;
}

#gift .check-gift>span:first-of-type>span>span {
    font-size: 15px;
}

#gift span.grey {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #b0abab;
}

#gift .warranty-box {
    /*width: 48%;
	margin-left: 2%;*/
    font-family: "Baron Neue";
    letter-spacing: -0.01em;
}

#gift .warranty-box h3:first-of-type {
    margin-top: 5px;
    margin-bottom: 10px;
}

#gift .warranty-box h3:last-of-type+div+div {
    font-size: 1.175em;
}

#gift .warranty-box h3:last-of-type+div {
    font-size: 1.4em;
    margin-top: 12px;
    margin-bottom: 12px;
    color: #b0abab;
}

#gift .warranty-box h3:last-of-type {
    font-size: 2.2em;
}

#gift .warranty-box h3+span {
    font-family: Montserrat;
}

#gift .warranty-box h3:first-of-type>span:first-of-type {
    font-size: 0.8em;
}

#gift .warranty-box h3>.moonicon-paper-plane {
    font-size: 0.575em;
}

#gift .premium-box {
    /*width: 100%;
	margin-top: 20px;*/
}

#gift .premium-box>h3 {
    display: inline;
    border-bottom: 2px solid #B39A64;
    padding-bottom: 8px;
    line-height: 1.4;
    font-size: 1.5em;
}

#gift .premium-box>h3>span {
    font-size: 0.5em;
}

#gift .premium-box .content {
    padding: 10px 0 0;
    font-family: Montserrat;
    font-size: 1.0em;
    text-align: left;
    text-transform: uppercase;
    color: #b0abab;
    overflow: hidden;
}

#gift .premium-box .col-md-12 {
    padding: 5px 0;
    min-height: 40px;
    color: #666666;
}

#gift .premium-box .col-md-12>span {
    float: left;
    font-size: 1.4em;
    margin-right: 5px;
    color: #333333;
}

#gift .premium-box .col-md-12>p {
    /*
	line-height: 1;*/
}

#gift.jura_pro>div {
    min-height: 270px;
}

#gift.jura_pro img {
    float: none;
    width: 50%;
    margin: 10px auto 5px;
}

#gift.jura_pro .coffee-gift {
    margin-top: 0;
    text-align: center;
}

#gift.jura_pro .check-gift>div {
    margin-bottom: 2px;
}

#gift.jura_pro .warranty-box h3:first-of-type>span:first-of-type {
    font-size: 1em;
}

#gift.jura_pro .warranty-box>h3:first-of-type+div {
    font-size: 2em;
    line-height: 1;
}

#gift.jura_pro .warranty-box>h3:first-of-type+div,
#gift.jura_pro .warranty-box>h3:first-of-type+div+div {
    color: #b0abab;
}

#gift.jura_pro .warranty-box>h3:last-of-type {
    margin-top: 10px;
}

#id_card_jura .id_card_second li {
    display: inline-block;
    width: 20%;
    height: 190px;
    margin: 0;
    text-align: center;
    letter-spacing: 0;
    overflow: hidden;
}

#id_card_jura .id_card_second li>.tagTitle {
    display: block;
    padding: 10px 0 12px;
    font-family: "Baron Neue";
    font-weight: normal;
    color: #7f7f7f;
    background-color: #F3EFEC;
    text-transform: lowercase;
}

#id_card_jura .id_card_second li>.tagBlock {
    display: inline-block;
    margin: 30px 0;
    padding: 0;
    vertical-align: middle;
    font-weight: bold;
}

#id_card_jura .id_card_second li>.tagBlock .tag {
    line-height: 1;
    font-size: 0.9em;
    margin: 0;
}

#id_card_jura .id_card_second li>.tagBlock .tag:before {
    content: none;
}

#id_card_jura .id_card_second li>.tagBlock .tag img {
    display: block;
    max-height: 60px;
    width: auto;
    height: auto;
    margin: 0 auto 10px;
}

#id_card_jura .id_card_second li>.tagBlock .tag .name {
    vertical-align: middle;
    /*
	font-family: "Montserrat";*/
    font-family: "TheSans Plain", Helvetica, sans-serif;
    letter-spacing: -0.01em;
    color: #B39A64;
    text-transform: none;
}

#jura_boissons .block_info_content,
#jura_expert .block_info_content {
    font-family: "TheSans Plain";
    color: #818181;
    line-height: 1.3;
    letter-spacing: 0;
}

#jura_expert .block_info_content .moonicon-minus-circle,
#jura_expert .block_info_content .moonicon-plus-circle {
    color: #B39A64;
    font-size: 2.35em;
}

#jura_boissons .drink {
    height: 175px;
    font-family: "Montserrat";
    letter-spacing: -0.01em;
    text-align: center;
    color: #B39A64;
    overflow: hidden;
}

#jura_descriptif .block_info_content {
    font-family: "TheSans Plain";
    color: #818181;
    line-height: 1.5;
    letter-spacing: 0;
}

#jura_descriptif table td {
    vertical-align: top;
}

#jura_descriptif table td+td {
    margin-left: 20px;
}

#jura_descriptif table td strong {
    font-family: "Montserrat";
    font-size: 1.275em;
    font-weight: normal;
    letter-spacing: 0.01em;
}

#tab-container>div a {
    color: #000;
}


/***** D�tails Reneka *****/

#pi-right p.block_info_content~* {
    display: none;
}

#pi-right .logo {
    width: 160px;
}

#tab-container #reneka_techno,
#tab-container #reneka_descriptif,
#tab-container #reneka_techniques {
    font-family: "TheSans Plain";
    font-size: 1.2em;
    color: #818181;
    line-height: 1.5;
    letter-spacing: 0;
}


/***** D�tails g�n�rique *****/

#tab-container>div {
    font-family: "TheSans Plain";
    /*
	color: #706f6f;*/
    color: #333333;
    line-height: 1.5;
    letter-spacing: 0;
}

.priceFull .special {
    display: none;
}


/***** D�tails location *****/

#location_boissons .block_info_content {
    font-family: "TheSans Plain";
    color: #818181;
    line-height: 1.3;
    letter-spacing: 0;
    overflow: hidden;
}

#location_boissons .drink {
    height: 175px;
    font-family: "Montserrat";
    letter-spacing: -0.01em;
    text-align: center;
    color: #B39A64;
    overflow: hidden;
}

.prestations_contrat {
    margin-top: 20px;
    font-size: 1.1em;
    overflow: hidden;
    background: #F0F0F0;
}

.prestations_contrat h3 {
    margin: 20px 15px;
    text-align: center;
    color: #B39A64;
}

.prestations_contrat h3 span {
    font-size: 0.75em;
}

.prestations_contrat .content {
    margin: 0 75px;
    padding: 30px 20px 0;
    overflow: hidden;
    border-top: 2px solid #B39A64;
}

.prestations_contrat .content>div {
    margin-bottom: 25px;
}

.prestations_contrat .content>div>span {
    font-size: 2.3em;
    float: left;
    margin-right: 10px;
    color: #7f7f7f;
}

.prestations_contrat .content>div>p {
    min-height: 50px;
    line-height: 1.6;
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 0.8em;
    text-transform: uppercase;
}

.nb_tasses {
    display: inline-block;
    padding: 20px 25px;
    border-radius: 90px;
    width: 160px;
    height: 160px;
    text-align: center;
    border-width: 3px;
}

.nb_tasses .moonicon-cup {
    display: block;
    font-size: 3.15em;
}

.nb_tasses .tag {
    display: block;
    text-transform: lowercase;
    margin: 0;
    font-family: Baron Neue;
    font-size: 1.1em;
    line-height: 1;
    color: #B39A64;
}

.nb_tasses .tag:first-line {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5;
}

.nb_tasses .tag:before {
    content: none;
}


/***** Intensity filter *****/

.filter>.block>ul[data-id='127'].list>.item>.line>.name {
    display: none;
}

.bean_empty,
.bean_full {
    padding: 0 5px;
    vertical-align: middle;
}


/*
#sb-site, .sb-site-container {
    height: auto !important;
    min-height: 0!important;
}*/

.center {
    text-align: center;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.vcenter>h4 {
    margin-bottom: 0.5em;
    font-weight: 900;
}

.vcenter>h4>span {
    font-weight: 100;
    font-size: 0.95em;
}

.vcenter em {
    margin-top: 1.0em;
    font-size: 0.8em;
}

.bg-1 {
    background-color: #f4f1ec;
    padding-left: 0;
}

.bg-1+.col-md-12 {
    background-color: #ffffff;
    padding-left: 0;
}

.col-md-12>.col-md-4 {
    text-align: left;
    padding-left: 0;
}

.col-md-12>p {
    padding: 1.5em 0;
}

.sav .col-md-12,
.fidelity .col-md-12 {
    margin: 1.0em 0;
}

.sav .col-md-6 {
    padding: 1.0em;
}

.sav .col-md-4 img {
    border-right: 0.5em solid #ffffff;
}

.fidelity .border-gold {
    border-bottom: 2px solid #B39A64;
}

.fidelity h4 {
    color: #B39A64;
    margin-bottom: 2.4em;
}

.fidelity .round-checkbox,
.fidelity .square-checkbox {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    font-size: 1.7em;
    border: 2px solid #8b8b8b;
    border-radius: 2px;
    vertical-align: middle;
}

.fidelity .round-checkbox {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.fidelity em {
    margin-bottom: 1.0em;
    display: block;
}


/*
.history .date{
	display:block;
	color:#B5985A;
	font-size:2.4em;
	font-family: Open Sans;
	font-weight: 600;
	font-style: italic;
}
.history hr
{
	width: 4em;
	background-color: #B5985A;
	height: 1px;
	border:0;
}
.history .txt strong
{
	font-size:1.2em;
}
.history .col-md-9 .bk
{
	background-color:#212121;
	height:199px;
	vertical-align:middle;
}
.history .bk p
{
	color:#F5F5F5;
	padding:0.5em;
	font-size:1.0em;
}
.history .wh p
{
	padding:0.5em;
	font-size:1.0em;
}

.history .col-md-9 .wh
{
	height:199px;
	vertical-align:middle;
	background:#F5F5F5 url('mediatheque/bg/cheap_diagonal_fabric.png') left top;
}


.history .col-sm-12 .wh,
.history .col-xs-12 .wh,
.history .col-sm-12 .bk,
.history .col-xs-12 .bk
{
	height:100%;
}

.history .col-md-12,
.history .col-md-9,
.history .col-md-3	
{
	padding:0 !important;
}
.history .img-responsive,
.history .wh,
.history .bk {
	border: 1.0em solid #ffffff;
}
*/

.lexique {
    background: #ffffff url('../mediatheque/bg/lexique_512.jpg') center bottom no-repeat!important;
    padding-bottom: 30.0em;
}

.lexique .row {
    margin-bottom: 1.5em;
}

.lexique .col-md-11 {
    border-bottom: 1px dotted #B39A64;
}

.lexique .letter {
    font-size: 4.0em !important;
}

.lexique .col-md-1 {
    text-align: center;
}

.lexique .col-md-3 {
    text-align: center;
}

.lexique .col-md-3 strong {
    font-size: 1.2em !important;
}

#cgv a:link,
#cgv a:visited {
    color: #442a20;
    text-decoration: underline;
}

#cgv a:hover,
#cgv a:active {
    text-decoration: none;
}

#cgv p {
    padding: 5px 0 15px 25px;
    font-size: 14px;
    line-height: 18px;
}

#cgv a.title {
    color: #1D1105 !important;
}

#cgv a.title:link,
#cgv a.title:visited,
#cgv a.title:hover,
#cgv a.title:active {
    padding: 3px 0;
    margin: 15px 0 3px 0;
    color: #1D1105 !important;
    border-bottom: 1px dotted #1D1105;
}

#cgv h4 {
    margin: 0 0 3px 10px;
    padding: 0;
    font-size: 16px;
    color: #99631D;
}

#top-link-block {
    z-index: 10000;
    position: fixed;
    right: 2%;
    bottom: 4%;
    background-color: #212121;
    border: 1px solid #f0f0f0;
    width: 50px;
    /*
	height:100px;*/
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}

#top-link-block a {
    display: block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}

#top-link-block a:link,
#top-link-block a:hover,
#top-link-block a:active,
#top-link-block a:visited {
    text-decoration: none;
}

#recaptcha_area input {
    height: auto;
    display: inline;
}

#recaptcha_area * {
    line-height: 0 normal;
}

#recaptcha_logo {
    display: none;
}

.head-bloc {
    background-color: #e2e2e2;
    border-right: 1px solid #ffffff;
    min-height: 110px;
}

#content>.container {
    /* background-color:#FFFFFF; */
}

#content {
    /*background: url('../mediatheque/bg/fond-noel-2018.png') center top;*/
}

.christMas {
    /*background: url(../mediatheque/bg/pere-barista-2016.png) center center no-repeat; */
    background-color: #ffffff;
    width: 160px;
    height: 230px;
    position: absolute;
    margin: 30px 0 0 -760px;
    padding: 3px;
    left: 50%;
    text-align: center;
    color: #cc0000;
}

.christMas strong {
    font-size: 1.2em;
}

.christMas img {
    border: 1px solid #cccccc;
}

.christMas a {
    color: #000;
    font-family: "Baron Neue";
    font-size: 1.0em;
}

.titleIcon {
    color: #212121;
    font-family: "Baron Neue";
    /*
	text-transform: uppercase;*/
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.3em;
}

.textIcon {
    color: #666666;
    text-decoration: none;
    font-size: 0.8em;
}

.imgIcon {
    max-height: 75px;
    width: auto;
    margin-bottom: 10px;
}

.littleArticles {
    font-size: 0.9em;
    color: #B39A64;
    letter-spacing: -0.2em;
    font-weight: normal;
}

.littleText {
    font-size: 0.8em;
    color: #B39A64;
    font-weight: normal;
    text-transform: capitalize !important;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif !important;
}

#recaptcha_area,
#recaptcha_table {
    margin: 0 auto;
}

#productAdd {
    position: fixed;
    top: 0;
    z-index: 100000;
}

#productAdd>b {
    display: inline-block;
    padding: 8px;
}

#productAdd a.bk {
    color: #FFFFFF;
    background-color: #FF0000;
    padding: 0.2em;
}

.golden-block {
    background-color: #B39A64;
    padding: 0.4em;
}

.golden-block a.bk:link,
.golden-block a.bk:visited {
    color: #FFF;
}

.golden-block a.bk:hover,
.golden-block a.bk:active {
    color: #000 !important;
    text-decoration: none;
}

.header-little-logo {
    /*height:80%;
	width:auto;*/
    max-width: 135px;
    margin-right: 3.0em;
}

.displayNone {
    display: none;
}

.goldBorder {
    border: 1px solid #B39A64;
    margin-bottom: 2em;
}

.padMinus {
    padding: 0.3em;
}

.padLittle {
    padding: 1em;
}

.padAverage {
    padding: 2em;
}

.padBig {
    padding: 3em;
}

.fontFamily {
    font-family: tahoma;
}

.fontFamilyStd {
    font-family: sans-serif;
}

.linkBk {
    color: #000000;
    text-decoration: underline !important;
}

.goldBorder [class^="moonicon-"],
.goldBorder [class*=" moonicon-"] {
    color: #B39A64;
    font-size: 1.5em;
}

.linkProduct {
    margin-top: 0.5em;
}

.linkProduct a.linkBk {
    margin: 0.5em;
    display: inline-block;
}

.linkProduct .goldBorder [class^="moonicon-"],
.goldBorder [class*=" moonicon-"] {
    font-size: 0.9em;
}

.colorGold {
    color: #B39A64;
}

.centree {
    margin: 0 auto;
}

.header-product {
    background-color: #F5F5F5;
}

.header-product .hp-title {
    text-transform: none;
    color: #B39964;
    padding: 10px 0;
    font-family: 'Sue Ellen Francisco', cursive;
    font-weight: bold;
    font-size: 2.8em !important;
    border-bottom: dotted 1px #B39964;
    display: block;
}

.header-product .hp-name,
.header-product .hp-price {
    font-size: 1.0em;
    padding: 8px 0;
    color: #B39964;
    display: block;
}

.header-product .hp-url {
    margin: 0px !important;
}

.header-product .hp-img {
    width: 75%;
    height: auto;
}

#header_menu>li>.header_submenu .box-menu {
    margin-bottom: 10px;
}

#header_menu>li>.header_submenu .box_logo {
    margin: 4px 0;
}

#banner-left {
    position: fixed;
    width: 110px;
    height: 240px;
    z-index: 10;
    text-align: left;
    padding: 0;
    display: block;
    margin: 282px 0 0 -690px;
    left: 50%;
    top: 0;
}

#product-info .promo {
    /*
	background: red;*/
    color: white;
    border-radius: 35px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 2.0em;
}

.header_submenu .xxx {
    display: none;
}

.header_submenu .hp-price {
    font-size: 1.6em;
}

.replace-cart {
    margin: 10px auto;
    padding: 10px;
    border: 2px solid #B39A64;
    background-color: #B39A64;
    text-align: center;
    font-size: 1.5em;
    width: 70%;
    color: #FFFFFF;
}

.replace-cart .buttonAction {
    background-color: #CC0000;
    border: none;
    margin-top: 10px;
}

.replace-cart .more {
    color: #212121;
    font-size: 1.1em;
}

#product-info .add-to-cart {
    background-color: #CC0000;
}

#product-info #gift {
    margin: 10px 0;
}

.txt-little {
    font-size: 0.8em;
    font-weight: normal;
}

.txt-medium {
    font-size: 1.5em;
    font-weight: normal;
}

.lineHeight-medium {
    line-height: 1.8;
}

.txt-big {
    font-size: 2.0em;
    font-weight: normal;
}


/* page 404 */

#page404 {
    border: 1px dotted #B39A64;
    padding: 1em;
}

#page404>li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

#page404>li>span {
    font-family: "Baron Neue";
    font-size: 1.1em;
    text-transform: lowercase;
    text-decoration: none;
    letter-spacing: -0.025em;
    color: #000;
}


/*
#header_menu>li>span>a:hover,
#header_menu>li>span>a:active,
#header_menu>li>span>a:link,
#header_menu>li>span>a:focus*/

#page404>li>span>a {
    color: #000;
}

#page404>li>.header_submenu h4 {
    margin-top: 20px;
    font-family: "Montserrat";
    font-size: 1.2em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -0.005em;
}

#page404>li>.header_submenu h4+div.submenu_col_content a {
    width: 60%;
    margin: 0;
    text-align: center;
}

#page404>li>.header_submenu h4+div.submenu_col_content a img {
    width: 90px;
    height: auto;
}

#page404>li>.header_submenu .submenu_col_content.help-choice a {
    background: #F1F1F1;
    padding-bottom: 5px;
}

#page404>li>.header_submenu .submenu_col_content.help-choice a span:first-of-type {
    display: block;
    margin-left: 10px;
    font-family: "TheSans Plain";
    font-size: 1.275em;
    line-height: 1.2;
    color: #000;
}

#page404>li>.header_submenu .submenu_col_content.help-choice a span:last-child {
    margin-left: 10px;
    font-family: "Baron Neue";
    font-size: 1.0em;
    text-transform: lowercase;
    color: #000;
    /*
	color: #B39A64;*/
}

#page404>li>.header_submenu .submenu_col_content.help-choice a:hover,
#page404>li>.header_submenu .submenu_col_content.help-choice a:active,
#page404>li>.header_submenu .submenu_col_content.help-choice a:focus {
    text-decoration: none;
}

#page404>li>.header_submenu h3 {
    border-bottom: 1px solid rgb(158, 158, 158);
    border-bottom: 1px solid rgba(158, 158, 158, .5);
    padding-bottom: 10px;
    font-size: 1.1em;
    /*
	letter-spacing: -0.03em;*/
    color: #B39A64;
}

#page404>li>.header_submenu h3.link {
    border-bottom: 0px none;
}

#page404>li>.header_submenu h3 a {
    color: #B39A64;
}

#page404>li>.header_submenu h3 a span {
    font-size: 0.75em;
    color: #000;
    text-transform: lowercase !important;
}

#page404>li>.header_submenu .submenu_col_content {
    font-family: "Montserrat";
    font-size: 1.0em;
    font-weight: 300;
    letter-spacing: 0;
    margin: 12px 0;
    color: #000;
}

#page404>li>.header_submenu ul.submenu_col_content li {
    padding: 4px 0;
    line-height: 1.5;
}

#page404>li>.header_submenu ul.submenu_col_content li a {
    color: #000;
}

#page404>li>.header_submenu div.submenu_col_content>a {
    position: relative;
    display: block;
    margin: 20px 0;
}


/* page 404 */

.bggold {
    background-color: #B39A64;
}

.bgred {
    background-color: #FF0000;
}

.bgblack {
    background-color: #000000;
}

.hrGold {
    border-top: 2px solid #B39A64 !important;
}

.txt-white {
    color: #FFFFFF;
}

.img-coffee-solution {
    max-height: 285px;
    width: auto;
}

.youtube_plugin [class^="col-"] {
    z-index: 10000;
}

.noPadding {
    padding: 0px !important;
}

.noMargin {
    margin: 0px !important;
}

.change_adresse {
    height: 40px;
    margin: 0 15px;
    padding: 5px;
    font-family: "Baron Neue";
    font-size: 1.0rem;
    line-height: 1.2rem;
    text-transform: lowercase;
    letter-spacing: 0.08em;
    color: #B39A64;
    text-align: center;
}

.change_adresse a:link,
.change_adresse a:visited {
    color: #B39A64;
    text-decoration: none;
}

.change_adresse a:hover,
.change_adresse a:active {
    color: #000000 !important;
    text-decoration: none;
}

#home h1.home {
    font-size: 0.8em;
    font-weight: normal;
    padding-left: 1.1em;
    font-family: "Myriad Pro";
    text-transform: uppercase;
}

.bannerPromo {
    background-color: #212121;
    color: white;
    padding: 0.5em;
}

.bannerPromo .txt-big {
    font-size: 2.4em;
}

.df-card__price {
    font-size: 1.4em;
}

.df-card__title {
    font-size: 1.1em;
    text-transform: capitalize;
    color: #B39A64;
    font-weight: bold;
}

.df-card__image {
    height: 90px !important;
}

.df-branding {
    display: none !important;
}

.df-aside {
    text-align: left;
}

.df-panel__title:link,
.df-panel__title:active {
    text-transform: uppercase;
    color: #B39A64 !important;
}

.df-term {
    padding-left: 2.0em;
}

.font-weight-normal {
    font-weight: normal;
}

.g-recaptcha {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

.borderLgold {
    border-left: 1px solid #B39A64;
}

.tableDesc {
    margin-top: 2em;
    margin-bottom: 2em;
    border: 1px solid #e5e5e5;
}

.tableDesc>.row:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.tableDesc>.row>[class*="col-"] {
    padding: 0.5em;
    font-size: 1.2em;
}

.tableDesc>.row>.col-md-4 {
    text-align: center;
}

.tableDesc>.row>.title {
    font-size: 0.8em;
    text-transform: uppercase;
}

.colissimo-event {
    background-color: #E98804;
    color: #FFFFFF;
    font-size: 1.4em;
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
}

.mt-1 {
    margin-top: 1em;
}

.mt-2 {
    margin-top: 2em;
}

.mt-3 {
    margin-top: 3em;
}


/* POPUP */


/* .tristyTest {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100vh;
}

.tristyPopup {
    background-color: #fff;
    width: 800px;
    height: 420px;
    position: fixed;
    left: 25%;
    top: 20%;
    z-index: 99999;
    border-radius: 5px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border: thin solid #ccc;
    padding: 1rem;
    display: none;
    overflow: hidden;
}

.tristyPopup .popup-title {
    font-size: 2em
}

.tristyPopup .popup-close {
    color: #f00;
    text-decoration: none;
    font-size: 1.6em;
    position: absolute;
    top: 0.1em;
    right: 0.1em;
    line-height: 1em;
    text-shadow: 0 3px 3px #ccc;
}

.column.tristyColumn {
    float: left;
    width: 100%;
}

.row.tristyRow {
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-right: 0;
    margin-left: 0;
    flex-wrap: wrap;
}

.row.tristyRow:after {
    content: "";
    display: table;
    clear: both;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.column.tristyColumn.left {
    background: url('/design/besoin-conseils-machines.jpg') no-repeat center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    height: 75%;
    text-align: center;
}

.column.tristyColumn.right {
    height: 25%;
}

.column.tristyColumn.right span {
    text-align: center;
}

.column.tristyColumn.right .col-4 button {
    text-align: center !important;
}

.right-column-container,
.left-column-container {
    position: relative;
    height: 100%;
}

.column.tristyColumn.right {
    border-top: 1px solid #c3c3c3;
}

.right-column-container {
    display: flex;
    flex-direction: row;
}

.right-column-container .col-3 {
    width: 25%;
}

.title-1 {
    color: #b39a64;
    font-size: 3em;
    text-transform: uppercase;
    display: block;
    padding-top: 25px;
}

.title-2 {
    letter-spacing: 1px;
    font-size: 1.6em;
    display: block;
    margin: -15px 0 25px 0;
}

.title-3 {
    font-size: 2.5em;
    margin: 10px 0;
    border: 5px dotted #222222;
    padding: 10px 20px;
}

.title-4 {
    display: block;
}

.title-4-1 {
    display: none;
}

.title-5 .linkPopup,
.title-6 .linkPopup {
    text-decoration: none !important;
}

.title-7 {
    margin-top: 30px;
}

.col-one,
.col-three {
    padding-top: 30px;
}

.col-two {
    padding-top: 25px;
}

.button.tristyButton {
    text-transform: uppercase;
    padding: 0.5em 1em;
    border: 2px solid #b39a64;
    background-color: white;
    cursor: pointer;
    margin: 2em 0;
}

.tristyButton-1 {
    margin: 6em 0;
}

.linkTel {
    font-size: 1.2em;
    font-weight: bold;
}

.span-2 {
    margin-bottom: 2em;
}

.dotted {
    border: 5px dotted black;
    padding: 30px;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 5px;
}

@media (max-width: 1200px) {
    .tristyPopup {
        left: 17%;
    }
    .tristyPopupHalloween {
        left: 17%;
    }
}

@media (max-width: 992px) {
    .tristyPopup {
        left: 10%;
    }
    .tristyPopupHalloween {
        left: 10%;
    }
}

@media (max-width: 768px) {
    .tristyPopup {
        width: 400px;
        left: 25%;
        height: 500px;
    }
    .tristyPopupHalloween {
        width: 400px;
        left: 25%;
    }
    .right-column-container {
        flex-wrap: wrap;
    }
    .column.tristyColumn.left {
        height: 65%;
    }
    .column.tristyColumn.right {
        height: 35%;
    }
    .title-1 {
        font-size: 2.5em;
        padding-top: 30px;
    }
    .title-4 {
        display: none;
    }
    .title-4-1 {
        display: block;
        font-size: 1.5em;
    }
    .column.right {
        width: 100%;
    }
    .right-column-container .col-3 {
        width: 50%;
    }
    .col-3.col-one,
    .col-3.col-four {
        width: 100% !important;
    }
    .col-one,
    .col-two,
    .col-three,
    .col-four {
        padding-top: 10px;
    }
    .button.tristyButton {
        margin: 0 !important;
    }
}

@media (max-width: 576px) {
    .tristyPopup {
        width: 400px;
        left: 3%;
        height: 500px;
    }
    .tristyPopupHalloween {
        width: 400px;
        left: 15%;
    }
    .column.left {
        display: none;
    }
    .column.right {
        width: 100%;
    }
} */


/* OPM */

.opm-tristyTest {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100vh;
}

.opm-tristyPopup {
    background-color: #fff;
    width: 800px;
    height: 420px;
    position: fixed;
    left: 25%;
    top: 20%;
    z-index: 99999;
    border-radius: 5px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border: thin solid #ccc;
    padding: 1rem;
    display: none;
    overflow: hidden;
}

.opm-tristyPopup .popup-title {
    font-size: 2em
}

.opm-tristyPopup .popup-close {
    color: #f00;
    text-decoration: none;
    font-size: 1.6em;
    position: absolute;
    top: 0.1em;
    right: 0.1em;
    line-height: 1em;
    text-shadow: 0 3px 3px #ccc;
}

.column.opm-tristyColumn {
    float: left;
    width: 100%;
}

.row.opm-tristyRow {
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-right: 0;
    margin-left: 0;
    flex-wrap: wrap;
}

.row.opm-tristyRow:after {
    content: "";
    display: table;
    clear: both;
}

.column.opm-tristyColumn.left {
    height: 75%;
    text-align: center;
}

.column.opm-tristyColumn.right {
    height: 25%;
}

.column.opm-tristyColumn.right span {
    text-align: center;
}

.column.opm-tristyColumn.right .opm-col-3 button {
    text-align: center !important;
}

.opm-right-column-container,
.opm-left-column-container {
    position: relative;
    height: 100%;
}

.column.opm-tristyColumn.right {
    border-top: 1px solid #c3c3c3;
}

.opm-right-column-container {
    display: flex;
    flex-direction: row;
}

.opm-right-column-container .opm-col-3 {
    width: 25%;
}

.opm-title-1 {
    color: #b39a64;
    font-size: 3em;
    text-transform: uppercase;
    display: block;
    padding-top: 25px;
}

.opm-title-2 {
    letter-spacing: 1px;
    font-size: 1.6em;
    display: block;
    margin: -15px 0 25px 0;
}

.opm-title-3 {
    font-size: 2.5em;
    margin: 10px 0;
    border: 5px dotted #222222;
    padding: 10px 20px;
}

.opm-title-4 {
    display: block;
}

.opm-title-4-1 {
    display: none;
}

.opm-title-5 .linkPopup,
.opm-title-6 .linkPopup {
    text-decoration: none !important;
}

.opm-title-7 {
    margin-top: 30px;
}

.opm-col-one,
.opm-col-three {
    padding-top: 30px;
}

.opm-col-two {
    padding-top: 25px;
}

.button.opm-tristyButton {
    text-transform: uppercase;
    padding: 0.5em 1em;
    border: 2px solid #b39a64;
    background-color: white;
    cursor: pointer;
    margin: 2em 0;
}


/* .tristyButton-1 {
    margin: 6em 0;
} */

.linkTel {
    font-size: 1.2em;
    font-weight: bold;
}


/* .span-2 {
    margin-bottom: 2em;
} */


/* .dotted {
    border: 5px dotted black;
    padding: 30px;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 5px;
} */

@media (max-width: 1200px) {
    .opm-tristyPopup {
        left: 17%;
    }
}

@media (max-width: 992px) {
    .opm-tristyPopup {
        left: 10%;
    }
}

@media (max-width: 768px) {
    .opm-tristyPopup {
        width: 400px;
        left: 3%;
        height: 500px;
    }
    .opm-right-column-container {
        flex-wrap: wrap;
    }
    .column.opm-tristyColumn.left {
        height: 65%;
    }
    .column.opm-tristyColumn.right {
        height: 35%;
    }
    .opm-title-1 {
        font-size: 2.5em;
        padding-top: 30px;
    }
    .opm-title-4 {
        display: none;
    }
    .opm-title-4-1 {
        display: block;
        font-size: 1.5em;
    }
    .column.right {
        width: 100%;
    }
    .opm-right-column-container .opm-col-3 {
        width: 50%;
    }
    .opm-col-3.opm-col-one,
    .opm-col-3.opm-col-four {
        width: 100% !important;
    }
    .opm-col-one,
    .opm-col-two,
    .opm-col-three,
    .opm-col-four {
        padding-top: 10px;
    }
    .button.opm-tristyButton {
        margin: 0 !important;
    }
}


/* OPM */

.tristyTestHalloween {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100vh;
}

.tristyPopupHalloween {
    background-color: rgb(0, 0, 0);
    width: 800px;
    height: 420px;
    position: fixed;
    left: 25%;
    top: 20%;
    z-index: 99999;
    border-radius: 5px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border: thin solid #000;
    padding: 1rem;
    display: none;
    overflow: hidden;
}

.tristyPopupHalloween .popup-title {
    font-size: 2em
}

.tristyPopupHalloween .popup-close {
    color: #f00;
    text-decoration: none;
    font-size: 1.6em;
    position: absolute;
    top: 0.1em;
    right: 0.1em;
    line-height: 1em;
    text-shadow: 0 3px 3px #ccc;
}

.pop-upHalloween {
    max-width: 800px;
    max-height: 180px;
}

.citrouilleHalloween {
    z-index: 2;
    position: absolute;
    padding-left: 60px;
    margin-top: 180px;
    height: 50px;
}

.tristyButton-1-Halloween {
    text-transform: uppercase;
    padding: 0.5em 1em;
    border: 2px solid #f28e13;
    background-color: rgb(0, 0, 0);
    cursor: pointer;
    margin: 2em 0;
    color: #f28e13;
}

.span-2-Halloween {
    /* margin-bottom: 2em; */
}

.title-1-Halloween {
    color: #f28e13;
    font-size: 3em;
    text-transform: uppercase;
    display: block;
}

.title-2-Halloween {
    color: #f28e13;
    letter-spacing: 1px;
    font-size: 1.6em;
    display: block;
    margin: 10px 0;
}


/* ------- ARBRES ------- */

.arbreBg {
    background-image: url('https://cafe.cafes-pfaff.com/mediatheque/img/trees.jpg');
    min-height: 200px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
    filter: brightness(100%) contrast(100%) saturate(200%) blur(0px) hue-rotate(360deg);
}

.arbrePlante {
    font-size: "Bad Script", Poppins, sans-serif;
    text-align: center;
    font-size: 2em;
    color: white;
    text-shadow: 1px 1px 3px rgb(0, 0, 0);
    z-index: 100;
}

.arbres {
    font-weight: 700;
    font-size: 7em;
    text-shadow: 1px 1px 3px rgb(0, 0, 0);
    color: #fff;
    z-index: 100;
}

.overlay-tree {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(12, 12, 12, 0.2);
    opacity: 1;
}

.container-2 {
    width: 100% !important;
}


/* POPUP */

.tristyTest {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100vh;
}

.tristyPopup {
    background-color: #fff;
    width: 800px;
    height: 420px;
    position: fixed;
    left: 25%;
    top: 20%;
    z-index: 99999;
    border-radius: 5px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border: thin solid #ccc;
    padding: 1rem;
    display: none;
    overflow: hidden;
}

.tristyPopup .popup-title {
    font-size: 2em
}

.tristyPopup .popup-close {
    color: #f00;
    text-decoration: none;
    font-size: 1.6em;
    position: absolute;
    top: 0.1em;
    right: 0.1em;
    line-height: 1em;
    text-shadow: 0 3px 3px #ccc;
}

.tristyColumn {
    float: left;
    width: 50%;
}

.tristyRow {
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-right: 0;
    margin-left: 0;
}

.tristyRow:after {
    content: "";
    display: table;
    clear: both;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.tristyColumn.left {
    background: url('/design/besoin-conseils-machines.jpg') no-repeat center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.tristyColumn.right,
.tristyColumn.left {
    height: 100%;
    text-align: center;
}

.right-column-container {
    position: relative;
    height: 100%;
}

.title-1 {
    color: #b39a64;
    font-size: 3em;
    text-transform: uppercase;
    display: block;
}

.title-2 {
    letter-spacing: 1px;
    font-size: 1.6em;
    display: block;
    margin: 10px 0;
}

.title-3 {
    font-size: 0.9em;
    margin: 10px 0;
}

.title-2 .linkPopup,
.title-3 .linkPopup {
    text-decoration: none !important;
}

.button.tristyButton {
    text-transform: uppercase;
    padding: 0.5em 1em;
    border: 2px solid #b39a64;
    background-color: white;
    cursor: pointer;
    margin: 2em 0;
}

.tristyButton-1 {
    text-transform: uppercase;
    padding: 0.5em 1em;
    border: 2px solid #b39a64;
    background-color: white;
    cursor: pointer;
    margin: 6em 0;
}

.linkTel {
    font-size: 1.5em;
    font-weight: bold;
}

.span-2 {
    margin-bottom: 2em;
}

.dotted {
    border: 5px dotted black;
    padding: 30px;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 5px;
}

@media (max-width: 1200px) {
    .tristyPopup {
        left: 17%;
    }
}

@media (max-width: 992px) {
    .tristyPopup {
        left: 10%;
    }
}

@media (max-width: 768px) {
    .tristyPopup {
        width: 400px;
        left: 25%;
    }
    .tristyColumn.left {
        display: none;
    }
    .tristyColumn.right {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .tristyPopup {
        width: 400px;
        left: 15%;
    }
    .tristyColumn.left {
        display: none;
    }
    .tristyColumn.right {
        width: 100%;
    }
}

.tristyTestHalloween {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100vh;
}

.tristyPopupHalloween {
    background-color: rgb(0, 0, 0);
    width: 800px;
    height: 420px;
    position: fixed;
    left: 25%;
    top: 20%;
    z-index: 99999;
    border-radius: 5px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border: thin solid #000;
    padding: 1rem;
    display: none;
    overflow: hidden;
}

.tristyPopupHalloween .popup-title {
    font-size: 2em
}

.tristyPopupHalloween .popup-close {
    color: #f00;
    text-decoration: none;
    font-size: 1.6em;
    position: absolute;
    top: 0.1em;
    right: 0.1em;
    line-height: 1em;
    text-shadow: 0 3px 3px #ccc;
}

.pop-upHalloween {
    max-width: 800px;
    max-height: 180px;
}

.citrouilleHalloween {
    z-index: 2;
    position: absolute;
    padding-left: 60px;
    margin-top: 180px;
    height: 50px;
}

.tristyButton-1-Halloween {
    text-transform: uppercase;
    padding: 0.5em 1em;
    border: 2px solid #f28e13;
    background-color: rgb(0, 0, 0);
    cursor: pointer;
    margin: 2em 0;
    color: #f28e13;
}

.title-1-Halloween {
    color: #f28e13;
    font-size: 3em;
    text-transform: uppercase;
    display: block;
}

.title-2-Halloween {
    color: #f28e13;
    letter-spacing: 1px;
    font-size: 1.6em;
    display: block;
    margin: 10px 0;
}


/* EASTER */

.easterPopup {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100vh;
}

.findTheEggs {
    background-color: rgb(0, 0, 0);
    width: 800px;
    height: 420px;
    position: fixed;
    left: 25%;
    top: 20%;
    z-index: 99999;
    border-radius: 5px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    border: thin solid #000;
    padding: 1rem;
    display: none;
    overflow: hidden;
}

.findTheEggs .popup-title {
    font-size: 2em
}

.findTheEggs .popup-close {
    color: #f00;
    text-decoration: none;
    font-size: 1.6em;
    position: absolute;
    top: 0.1em;
    right: 0.1em;
    line-height: 1em;
    text-shadow: 0 3px 3px #ccc;
}

.pop-upEaster {
    max-width: 800px;
    max-height: 180px;
}

.easterEggs {
    z-index: 2;
    position: absolute;
    padding-left: 60px;
    margin-top: 180px;
    height: 50px;
}

.tristyButton-1-Easter {
    text-transform: uppercase;
    padding: 0.5em 1em;
    border: 2px solid #f28e13;
    background-color: rgb(0, 0, 0);
    cursor: pointer;
    margin: 2em 0;
    color: #f28e13;
}

.title-1-Easter {
    color: #f28e13;
    font-size: 3em;
    text-transform: uppercase;
    display: block;
}

.title-2-Easter {
    color: #f28e13;
    letter-spacing: 1px;
    font-size: 1.6em;
    display: block;
    margin: 10px 0;
}