
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

@media screen {
	html body img.skype_pnh_logo_img {
		display: none !important;
	}
	html body span.skype_pnh_container span.skype_pnh_highlighting_inactive_common span.skype_pnh_text_span {
		color: #514848 !important; /* Your link color */
	}
}

/* 300 regular, 300 sans, 700 sans, 900 sans */

@font-face {
	font-family: 'Museo-regular';
	src: url('../fonts/Museo300-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo300';
	src: url('../fonts/MuseoSans-300.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo700';
	src: url('../fonts/MuseoSans-700.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo900';
	src: url('../fonts/MuseoSans-900.otf');
	font-weight: normal;
	font-style: normal;
}

html, body, ol, ul, li, h4, h5, h6, p, a, td, textarea, input[type=submit] {
	font-family: 'Museo300', sans-serif; /* 300 */
}

body {
	background: #e5d9bc url("../img/theme/visuel-macarons-cathala.jpg") no-repeat center 3rem;
	background-size: contain;
	font-size: 100%;
	font-weight: 300;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	border : 0;
}

h1 {
	font-family: 'Museo-regular';
	font-weight: 300;
	font-size: 2.5em;
	font-size: 3.3vw;
}

h2 {
	font-family: 'Museo-regular';
	font-weight: 300;
	font-size: 1.8em;
	font-size: 2.4vw;
}

h3 {
	font-family: 'Museo-regular';
	font-weight: 300;
	font-size: 1.3em;
	font-size: 2vw;
}

h4 {
	font-size: 1.1em;
}

p, li {
	font-size: 1em;
}

a {
	text-decoration: none;
}

a img:hover {
	-o-filter: brightness(110%) saturate(1);
	-ms-filter: brightness(110%) saturate(1);
	-webkit-filter: brightness(110%) saturate(1);
	filter: brightness(110%) saturate(1);
}

.suite {
	display: inline-block;
	margin-top: 1.2rem;
	padding-right: 0.5rem;
	padding-bottom: 1rem;
	float: right;
}

ul {
	list-style-position: inside;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/************************************/
/*				COULEURS			*/
/************************************/

body, .view-content p, .contact-form legend, .partager legend, .contact-form label, .partager label, .contact-form input, .partager input, .contact-form textarea, .partager textarea, .contact-form .submit input[type=submit], .partager .submit input[type=submit], ul.pagination .active a {
	color: #514848;
}

a, .header, .header-phone, .contact-bottom, .contact-bottom a, .facebook-bottom, .facebook-bottom a, .content-coords h1, .home-news-title {
	color: #c79f56;
}

.home-teaser .teaser-text p {
	color: white;
}

.macarons .slogan {
	color: #f2a3b3;
}

.chocolats .teaser, .chocolats-noirs .slogan, .chocolats-noirs .teaser, .chocolats-au-lait .slogan, .chocolats-au-lait .teaser, .chocolats-noirs .item, .chocolats-au-lait .item, .douceurs .teaser, .savoir-faire .teaser, .baseline-menu ul li, .baseline-menu ul li a, .home-page .subtitle .subtitle-text, .home-page .subtitle .subtitle-text a {
	color: #602a2e;
}

.desserts-glaces .teaser, .desserts-glaces .slogan {
	/*color: #004372;*/
	color: #841021;
}

.coords, .main-menu-bottom li a {
	color: #f7f4eb;
}

.desserts-glaces .item {
	/*background-color: #004372;*/
	background-color: #c30622;
}

.chocolats .item-name, .douceurs .item-name, .evenements .item-name {
	color: #602a2e;
}

#content, .slogan, .header-menu {
	background-color: white;
}

.coords {
	background-color: #602a2e;
}

/************************************/

#container, .footer {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	/*border: 1px solid red;*/
}

#container {
	margin-top: 6rem;
}

/* images = 260px, goutières = 32px */

#content {
	width: 100%;
	padding: 1.9em 0;
	padding: 2.4vw 0;
}

.col_1_of_2, .col_1_of_3, .col_2_of_3, .col_1_of_4, .col_2_of_4 {
	float: left;
}

.col_1_of_3 {
	width: 33.3333%;
}

.col_2_of_3 {
	width: 66.6666%;
}

.col_1_of_4 {
	width: 25%;
}

.col_1_of_2, .col_2_of_4 {
	width: 50%;
	/*border: 1px solid grey;*/
}

.col_1_of_1, .col_3_of_3, .col_4_of_4 {
	clear: both;
	width: 100%;
}

.header {
	position: fixed;
	z-index: 500;
	width: 100%;
	top: 0;
	margin: 0 auto;
	padding: 0.8rem 0;
	font-size: 1.2em;
	background-color: white;
}

.header-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/*.header-phone:nth-of-type(1) {
	float: left;
	font-size: 1em;
}

.header-phone:nth-of-type(2) {
	float: right;
	font-size: 1em;
}*/

.header-phone {
	float: right;
	font-size: 1em;
	padding-top: 0.3rem;
	padding-left: 0.3rem;
	padding-left: 0.4vw;
}


.header-phone:after {
	content: " /";
}

.header-menu-icon {
	float: left;
	margin-left: 0;
	font-size: 1.2em;
}

.header-name {
	font-family: 'Museo700', sans-serif;
	margin-left: 39%;
}

.header-name-menu {
	font-family: 'Museo700', sans-serif;
	font-size: 1.3em;
	margin-top: -1.25em;
	margin-left: 36%;
}

.menu-contacts {
	float: right;
}

.menu-contacts-img {
	float: right;
	margin-left: 0.6rem;
	margin-left: 1vw;
}

#logo {
	clear: both;
	width: 29.8333%;
	margin: 3em 0;
}

/*.footer-element {
	width: 100%;
	margin-top: 2em;
	padding: 1em 0;
}

.footer-element-2 {
	width: 100%;
	padding: 1.3em 0;
}*/

.coords {
	margin-top: 2em;
}

.footer-element {
	width: 260px;
	margin: 0 20px;
	text-align: center;
}

.footer-element-text {
	padding-top: 1rem;
}

.footer-element-text h2 {
	font-family: 'Museo300';
	font-size: 1.6em;
	padding: 0.1rem 0;
}

.footer-element-column, .footer-element-column-menu {
	float: left;
	width: 33%;
	text-align: center;
}

.footer-element-column-menu-iphone {
	display: none;
}

.footer-element-column p, .footer-element-column-menu p {
	font-size: 0.8em;
}

.contact-bottom {
	margin-left: 0;
	text-align: left;
	padding: 0.3em 0 0.3em 3%;
}

.contact-enveloppe {
	float: left;
	margin-top: -0.5em;
	margin-right: 1%;
	margin-left: 1%;
}

.facebook-bottom {
	float: right;
	width: 40%;
	text-align: right;
	margin-right: 2%;
	padding: 0.3em 3% 0.3em 0;
}

.facebook-icon {
	float: right;
	margin-top: -0.5em;
	margin-left: 1%;
}

.baseline-menu {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 1em 0 2em 0;
	text-align: center;
}

.baseline-menu ul {
	list-style-type: none;
}

.baseline-menu ul li {
	display: inline-block;
	padding: 0 1%;
	border-right: 1px solid #602a2e;
	margin: 0.3rem 0;
}

.baseline-menu ul li:last-of-type {
	border-right: none;
}

/************************************/
/*				SLIDER				*/
/************************************/

#wmc-slider {
	overflow: hidden;
	background-color: white;
	margin-top: 0;
}

.insideOut {
	width: 500%;
	margin-left: 0;
}

.slider {
	width: 100%;
	margin: 0;
	list-style-type: none;
}

.slider li {
	float: left;
	margin-left: 0;
	padding: 0;
	border-left: 1px solid white;
}

#defilement {

}

#leftArrow, #rightArrow, #centerArrow {
	float: left;
	max-width: 100%;
}

#leftArrow, #rightArrow {
	width: 5%;
	cursor: pointer;
}

#centerArrow {
	width: 90%;
}

.flexslider {
	max-width: 358px;
	max-height: 358px;
}

.slides li {
	max-width: 358px;
	max-height: 358px;
}

/************************************/
/*				ACCUEIL				*/
/************************************/

.home-page {
	width: 97.3334%; /*1135.9992*/
	padding-bottom: 2em;
	margin: 0 1.3333%;
}

.content-coords {
	clear: both;
	width: 97.3333%;
	margin: 0 1.3333%;
}

.content-coords h1 {
	font-family: 'Museo300';
	font-weight: 300;
	font-size: 1.3em;
	text-align: center;
	text-transform: uppercase;
	padding-top: 0;
	padding-bottom: 0.6em;
	line-height: 1em;
}

.coords-element, .coords-element-bg {
	width: 94.50206%;
	margin: 0 5.4794%;
}

.coords-element-bg {
	position: relative;
}

.coords-element-text {
	position: absolute;
	width: 94.50206%;
	font-size: 1em;
	font-size: 1.3vw;
	color: #f7f4eb;
	padding: 0;
	margin-top: 1.2rem;
}

.coords-element-text h2 {
	font-family: 'Museo300';
}

.coords-element-text h2, .coords-element-text h3, .coords-element-text h4, .coords-element-text p {
	text-align: center;
}

.home-news {
	width: 100%;
	margin-top: 2rem;
}

.home-news-title {
	width: 88%;
	padding-top: 1rem;
	padding-left: 12%;
	/*border: 1px solid red;*/
}

.home-news-title h1 {
	font-family: 'Museo300';
	font-weight: 300;
	font-size: 1.3em;
	font-size: 1.75vw;
	text-transform: uppercase;
	padding-bottom: 0.5rem;
}

.home-news-fb {
	float: left;
	margin-top: -0.5rem;
	margin-left: 2%;
}

.home-news-teaser {
	width: 84%;
	padding: 0 8%;
	border-left: 1px solid #c79f56;
}

.home-news-title p, .home-news-teaser h2, .home-news-teaser p {
	font-size: 1em;
	font-size: 1.3vw;
}

.home-news-teaser h2 {
	font-family: 'Museo300';
	text-transform: uppercase;
}

.en-savoir-plus {
	padding-top: 1em;
}

.home-page .col_1_of_3:nth-of-type(3) {
	/*border: 1px solid green;*/
	clear: left;
}

.home-pannel {
	position: relative;
	width: 91.78082%;
	margin: 1.9rem 4.10959% 0 4.10959%;
	margin: 2.6vw 4.10959% 0 4.10959%;
	padding: 0;
	overflow: hidden;
}

.discoverer {
	position: relative;
}

.discover {
	display: block;
	position: absolute;
	width: 70%;
	/*top: -1.6rem;*/
	left: 5%;
	opacity: 0;
	text-align: right;
	color: white;
	background-color: transparent;
	border: 1px solid white;
	padding: 0.2rem 10%;
}

.add-discover a img:hover {
	-o-filter: brightness(70%) sepia(0.2);
	-ms-filter: brightness(70%) sepia(0.2);
	-webkit-filter: brightness(70%) sepia(0.2);
	filter: brightness(70%) sepia(0.2);
}

.flexslider, #wmc-slider {
	width: 100%;
	overflow: hidden;
}

.home-teaser {
	position: relative;
	width: 95.89042%; /* 778.6664 */
	padding: 0;
	margin: 2rem 2.05479% 0 2.05479%;
	margin: 2.4vw 2.05479% 0 2.05479%;
	/*border: 1px solid red;*/
}

.home-teaser .teaser-text, .home-page .subtitle .subtitle-text {
	position: absolute;
	padding: 0;
}

.home-teaser .teaser-text {
	width: 100%;
	/*top: 24vw;*/
	top: 2rem;
	/*left: 10%;*/
	left: 5%;
}

.home-teaser .teaser-text p {
	font-family: 'Museo700';
	font-size: 2em;
	font-size: 2.6vw;
	/*color: white;*/
	/*text-align: center;*/
	text-transform: uppercase;
	margin-left: 0;
	/*padding: 1.3em 8%;
	padding: 2vw 8%;*/
}

.home-teaser .teaser-text a {
	font-family: 'Museo700';
	color: white;
}

.home-page .subtitle {
	position: relative;
}

.home-page .subtitle .subtitle-text {
	font-family: "Museo-regular";
	font-size: 2em;
	font-size: 2.6vw;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	padding: 8vw 10% 0 10%;
}

/************************************/
/*				VIEWS				*/
/************************************/

.macarons, .chocolats, .chocolats-noirs, .chocolats-au-lait, .patisseries, .desserts-glaces, .douceurs, .evenements {
	width: 97.3333%; /*1135.9992*/
	padding-top: 0;
	padding-bottom: 0;
	/*margin-left: 2.6666%;*/
	margin-right: 1.3333%;
	margin-left: 1.3333%;
}

.macarons:nth-of-type(2), .chocolats:nth-of-type(2), .chocolats-noirs:nth-of-type(2), .chocolats-au-lait:nth-of-type(2), .patisseries:nth-of-type(2), .douceurs:nth-of-type(2), .desserts-glaces:nth-of-type(2), .evenements:nth-of-type(2) {
	padding-top: 0;
}

.title-zone, .image-title {
	/*width: 97.184%;*/
	width: 91.5487%;
	padding: 0;
	margin: 0 4.2256% 0 4.2256%;
}

.title-zone img {
	width: 100%;
}

.chocolats .slogan {
	color: #602a2e;
}

.patisseries .slogan {
	color: #7b5168;
}

.douceurs .slogan {
	color: #d2974e;
}

.chocolats .item, .douceurs .item {
	background-color: #f0eae1;
}

.evenements .slogan {
	color: #ca6998;
}

.slogan {
	text-align: center;
	padding: 0.6em 0;
}

.slogan p {
	font-family: "Museo-regular";
	font-size: 1.7rem;
	font-size: 2.3vw;
	font-weight: 300;
	text-transform: uppercase;
	padding: 1.2em 15% 0 15%;
}

hr.separator {
	width: 80%;
	margin: 2em 10%;
    padding: 0;
    border: none;
    border-top: medium double #fafafa;
    color: #fafafa;
    text-align: center;
}

/*hr.separator:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}*/

.teaser {
	width: 95.7748%; /* 757.3328 */
	text-align: center;
	padding: 2.6em 0;
	padding: 4vw 0;
	margin: 0 2.1126%;
}

.macarons .teaser {
	color: #7b5168;
	background-color: #f7cbd3;
}

.chocolats .teaser {
	background-color: #e6d9ba;
}

.chocolats-noirs .teaser {
	background-color: #e6d9ba;
}

.chocolats-au-lait .teaser {
	background-color: #e6d9ba;
}

.patisseries .teaser {
	color: #7b5168;
	background-color: #f0e9d6;
}

.desserts-glaces .teaser {
	background-color: #f0e9d6;
}

.douceurs .teaser {
	background-color: #ebe1c8;
}

.evenements .teaser {
	color: #7b5168;
	background-color: #f0e9d6;
}

.teaser p  {
	font-family: "Museo-regular";
	font-size: 1.4em;
	font-size: 1.8vw;
	padding: 0 6%;
}

.teaser span p {
	font-size: 1.6em;
	font-size: 2.2vw;
	/*font-weight: bold;*/
}

.bottom-images img {
	float: left;
	width: 30.6667%;
	margin-top: 1.9rem;
	margin-right: 1.3333%;
	margin-left: 1.3333%;
	/*width: 24.8827%; /* 378.6664 */
	/*margin-right: 4.2253%;
	margin-left: 4.2253%;*/
}

.bottom-images img:nth-of-type(3) {
	margin-right: 0;
}

/*******************  ITEM  *******************/

.macarons .item, .chocolats-noirs .item, .chocolats-au-lait .item { /* 283.9998 */
	width: 88.7323%;
	margin: 1.9rem 5.6338% 0 5.6338%;
}

.chocolats .item, .patisseries .item, .douceurs .item, .desserts-glaces .item, .evenements .item {
	width: 91.7808%;
	/*margin: 2em 8.2191% 0 0;*/
	margin: 1.9rem 4.10955% 0 4.10955%;
}

.macarons .item {
	color: #7b5168;
}

.patisseries .item, .desserts-glaces .item {
	color: white;
	text-align: center;
}

.patisseries .item {
	background-color: #7b5168;
}

.macarons .item, .patisseries .item {
	padding-bottom: 1em;
}

.macarons .col_1_of_3:nth-child(4n+4), .chocolats-noirs .col_1_of_3:nth-child(4n+4), .chocolats-au-lait .col_1_of_3:nth-child(4n+4), .patisseries .col_1_of_3:nth-child(3n+3) {
	/*border: 1px solid lime;*/
	/*margin: 0;*/
}

.macarons .col_1_of_4:nth-child(4n+1), .chocolats .col_1_of_3:nth-child(3n+1), .chocolats-noirs .col_1_of_4:nth-child(4n+1), .chocolats-au-lait .col_1_of_4:nth-child(4n+1), .patisseries .col_1_of_3:nth-child(3n+1), .desserts-glaces .col_1_of_3:nth-child(3n+1), .douceurs .col_1_of_3:nth-child(3n+1), .evenements .col_1_of_3:nth-child(3n+1) {
	clear: both;
	float: left;
	/*border: 1px solid red;*/
}

.macarons .item-text, .chocolats-noirs .item-text, .chocolats-au-lait .item-text {
	position: relative;
}

.macarons .item-name, .chocolats-noirs .item-name, .chocolats-au-lait .item-name {
	position: absolute;
	width: 96%;
	text-align: center;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 0 2%;
}

.macarons .item-name {
	top: -2.5em;
}

.chocolats-noirs .item-name, .chocolats-au-lait .item-name {
	top: -5em;
}

.chocolats-noirs .item-name, .chocolats-au-lait .item-name {
	color: #c79f56;
}

.patisseries .item-name, .desserts-glaces .item-name {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #c79f56;
	padding-top: 1.3em;
	padding-top: 1.7vw;
}

.chocolats .item-description, .douceurs .item-description {
	padding-bottom: 0.8em;
}

.chocolats-noirs .item-description, .chocolats-au-lait .item-description {
	position: absolute;
	top: -4.5em;
	width: 100%;
	text-align: center;
}

.chocolats-noirs .item .item-text .item-description .item-subtitle, .chocolats-au-lait .item .item-text .item-description .item-subtitle, .patisseries .item-subtitle, .desserts-glaces .item-subtitle, .evenements .item-subtitle {
	font-size: 1em;
	padding: 0 5%;
}

.item-subtitle {
	text-align: center;
}

.chocolats-noirs .item .item-text .item-description .item-teaser, .chocolats-au-lait .item .item-text .item-description .item-teaser p, .patisseries .item .item-text .item-description .item-teaser p, .desserts-glaces .item .item-text .item-description .item-teaser p, .evenements .item .item-text .item-description .item-teaser p {
	text-align: center;
	font-size: 0.9em;
}

.item-text {
	padding-bottom: 0;
}

.item-text hr {
	display: none;
}

.chocolats-noirs .item .item-text .item-description .item-subtitle, .chocolats-au-lait .item .item-text .item-description .item-subtitle, .bold {
	font-weight: bold;
}

.patisseries .item hr, .desserts-glaces .item hr {
	display: block;
	width: 80%;
	margin: 0.8em 10%;
    padding: 0;
    border: none;
    border-top: medium double #c79f56;
    color: #c79f56;
    text-align: center;
}

.desserts-glaces .item-teaser {
	padding-bottom: 1em;
}

.patisseries .item-description, .desserts-glaces .item-description, .evenements .item-description {
	padding: 0 2%;
}

.chocolats .item, .douceurs .item, .evenements .item {

}

/*.chocolats .item, .douceurs .item {
	padding-bottom: 0.8em;
}*/

.chocolats .item-name, .douceurs .item-name, .evenements .item-name {
	text-align: center;
	font-size: 1.1em;
	font-size: 1.4vw;
	margin-top: 0.6em;
	text-transform: uppercase;
	width: 100%;
	/*padding-bottom: 0.8em;*/
}

.chocolats .item-teaser, .douceurs .item-teaser {
	color: #65494b;
	font-size: 0.8em;
	text-align: center;
}

.item-name {
	padding-bottom: 0;
}

/************************************/
/*				BANNIÈRES			*/
/************************************/

.banner {
	clear: both;
	width: 100%;
	max-width: 1200px;
	background-color: white;
	margin: 0 auto;
	padding-bottom: 0.1em;
}

.banner img {
	width: 94.6666%;
	margin: 2.6666%;
	margin-top: 0;
}

/************************************/
/*				EDITO				*/
/************************************/

.edito {
	/*width: 97.3333%;*/
	clear: left;
	width: 94.6%;
	padding-top: 1.9em;
	padding-top: 2.4vw;
	margin: 0 auto;
}

.edito p {
	float: left;
	width: 31.45539%;
	margin-left: 2.81691%;
}

.edito p img, .edito p a img { /*358px de large */

}

.edito p:nth-child(1) {
	margin-left: 0;
	padding-left: 0;
}

.edito p img:nth-child(1) {
	margin-left: 0;
	padding-left: 0;
}

/************************************/
/*				VIEWS				*/
/************************************/

.localisation {
	width: 100%;
}

.view {
	width: 97.3333%; /*1135.9992*/
	margin: 0 1.3333% 0 1.3333%;
}

.view-content {
	width: 79.6666%;
	text-align: left;
	margin-left: 0;
	padding: 2.5em 8%;
}

.view-content p {
	font-size: 1em;
}

/************************************/
/*			SAVOIR FAIRE			*/
/************************************/

.savoir-faire {
	width: 97.3333%; /*1135.9992*/
	margin-right: 1.3333%;
	margin-left: 1.3333%;
}

.savoir-faire .title-zone .slogan img {
	margin-top: 2em;
}

.savoir-faire .teaser {
	background-color: #f0e9d6;
	padding-top: 3.4em;
	padding-bottom: 3.4em;
	padding-top: 4vw;
	padding-bottom: 4vw;
}

.savoir-faire .teaser p {
	padding-left: 10%;
	padding-right: 10%;
}

.savoir-faire-main-text {
	padding-top: 2em;
}

.savoir-faire img {
	float: left;
}

.savoir-faire-main {
	padding-top: 1.9em;
}

.savoir-faire-main-bg {
	width: 94.36619%; /* 567.9996 */
	/*margin-left: 2.8169%;*/
	margin-right: 2.8169%;
	margin-left: 2.8169%;
}

.savoir-faire-main-text {
	position: relative;
	width: 94.36619%; /* 567.9996 */
	/*margin-left: 2.8169%;*/
	margin-right: 2.8169%;
	margin-left: 2.8169%;
}

.savoir-faire-main-text div {
	position: absolute;
	color: white;
	/*background-color: #602a2e;*/
	padding-top: 2.5em;
	padding-top: 3vw;
	text-align: center;
}

.savoir-faire-main-text p {
	font-family: "Museo-regular";
	font-size: 1.5em;
	font-size: 1.9vw;
	padding: 1.6em 12%;
}

.savoir-faire-main-text hr {
	display: block;
	width: 80%;
	margin: 1.2em 10%;
    padding: 0;
    border: none;
    border-top: medium double #c79f56;
    color: #c79f56;
    text-align: center;
}

.savoir-faire-main-img {
	width: 94.36619%; /* 567.9996 */
	/*margin-left: 2.8169%;*/
	margin-right: 2.8169%;
	margin-left: 2.8169%;
}

.savoir-faire-main img:nth-child(1) {
	float: left;
}

.savoir-faire-main img:nth-child(2) {
	clear: left;
	float: left;
}

/************************************/
/*				FOOTER				*/
/************************************/

#footer-image {
	float: left;
	width: 50%;
}

#footer-text {
	float: left;
	width: 50%;
	padding-top: 2rem;
	color: #687579;
}

.coords-text {
	padding: 0.2rem 4%;
}

.coords-address {
	font-size: 1.2em;
	padding: 0 4%;
}

p.coords-address {
	margin-top: 1.2rem;
}

p.coords-address:nth-last-child(2) {
	margin-top: 1.5rem;
}

p.coords-phone {
	font-size: 1.4em;
	padding: 0.2rem 4%;
}

.copyright {
	margin-top: 2rem;
	padding-bottom: 2rem;
	text-align: center;
}

/************************************/
/*				CONTACT				*/
/************************************/

#contact-wrapper {
	width: 97.3333%; /*1135.9992*/
	padding-top: 2em;
	padding-bottom: 1.9em;
	margin: 0 1.3333%;
}

.contact-text {
	width: 95.89042%;
	margin: 0 2.05479%;
	background-color: #f2ecdd;
	padding-bottom: 2em;
}

.contact-text h1 {
	font-family: 'Museo300';
	padding-top: 0;
	margin-bottom: 0;
}

.contact-text-body {
	padding: 2em 5%;
}

.contact-form {
	width: 91.78082%;
	margin: 0 4.10959%;
	background-color: #f2ecdd;
	padding-bottom: 2em;
}

#contact_loader_wrapper {
	display: none;
	position: relative;
	width: 100%;
	max-width: 1200px;
	top: -1rem;
	margin: auto;
	background-color: white;
	z-index: 1001;
}

#contact_loader {
	position: absolute;
	top: 1.2rem;
	left: 76%;
	z-index: 1002;
}

.contact-close {
	position: absolute;
	top: 1.3rem;
	left: 92%;
	z-index: 1003;
	cursor: pointer;
	font-size: 1.2em;
}

#contact_body {
	position: absolute;
	top: 1rem;
	background-color: white;
	z-index: 1004;
}

/************************************/
/*		FORMULAIRES DE CONTACT		*/
/************************************/

.contact-form fieldset, .partager fieldset {
	width: 100%;
	border: solid 1px #514848;
	border: none;
	border-radius: 2%;
	padding: 1em 0;
}

.contact-form .edit-field, .partager .edit-field {
	padding-top: 0.5em;
}

.contact-form legend, .partager legend {
	font-size: 1.2em;
	margin-left: 7%;
}

.contact-form label, .partager label {
	display: block;
	width: 85%;
	margin-top: 0.8em;
	margin-left: 7%;
	text-align: left;
	font-size: 1em;
}

.contact-form input, .partager input {
	width: 85%;
	margin-top: 0.4em;
	margin-left: 7%;
	padding: 0.2em 1%;
	border-top: solid 1px #ababab;
	border-left: solid 1px #ababab;
	font-size: 1em;
}

.contact-form.check-field {
	display: inline-block;
}

.contact-form select {
	margin-left: 7%;
	font-size: 1em;
	font-size: 1.3vw;
	font-weight: 300;
	padding: 0.2rem;
}

.contact-form textarea, .partager textarea {
	width: 85%;
	margin-top: 0.6em;
	margin-left: 7%;
	padding: 0.6em 1%;
	background-color: white;
	border-top: solid 1px #ababab;
	border-left: solid 1px #ababab;
	font-size: 1em;
}

.contact-form .submit, .partager .submit {
	width: 90%;
	margin-top: 0;
	margin-left: 2.5%;
	text-align: center;
}

.contact-form .submit input[type=submit], .partager .submit input[type=submit] {
	font-size: 1.2em;
	background-color: white;
	padding: 0.3em 0.4em;
	border: none;
}

.coords-submit .submit input[type=submit] {
	background-color: #c79f56;
	color: white;
}

.notempty {
	color: #343434;
	font-weight: normal;
}

.notempty:after {
	color: #e32;
	content: '*';
	display: inline;
}

.error-message {
	margin-left: 7%;
	font-size: 90%;
	font-weight: normal;
}

.captcha {
	width: 160px;
	height: 40px;
	margin-top: 2em;
	margin-left: 7%;
}

.captcha-text {
	margin-top: 0.5em;
	margin-bottom: 0;
	margin-left: 7%;
}

.form-error {

}

.error-message {
	display: inline-block;
	font-size: 1em;
	color: white;
	background-color: #ee4035;
	padding: 0 2% 0.1em 2%;
	margin-top: 0.2em;
}

.select input[type=select] option {
	padding: 0.4em 0;
}

#mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.3;
	z-index: 600;
}

#conditions {
	display: none;
	position: absolute;
	width: 80%;
	max-width: 925px;
	top: 30em;
	margin: auto;
	padding: 5em 10% 4em 10%;
	background-color: #b6c4ca;
}

/*<input type="hidden" name="conditions" value="0"/><input type="checkbox" name="conditions" value="1" label="J&#039;ai lu les conditions de vente et je les approuve sans réserve" onclick="agree()">*/

.checkbox-container {
	position: relative;
	width: 96%;
	margin: 1em 0 2em 0;
}

.checkbox-label {
	display: block;
	position: absolute;
	top: -0.5em;
	left: 5%;
	cursor: pointer;
	user-select: none;
}

.checkmark {
	display: block;
	position: absolute;
	left: 0;
}

/************************************/
/*				IFRAMES				*/
/************************************/

.iframe-resize {
    position: relative;
    padding-bottom: 26.6666%; /* This is the aspect ratio / h/w*100 */
    height: 0;
    overflow: hidden;
}
.iframe-resize iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    -o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

/************************************/
/*			PAGINATION				*/
/************************************/

ul.pagination {
	display: block;
	margin: 1rem auto 1rem auto;
	margin-bottom: 1rem;
	text-align: center;
}

.paginator ul.pagination li {
	float: none;
	display: inline-block;
}

ul.pagination li {
	font-family: monospace;
	font-size: 0.875rem;
	margin-left: 0.2rem;
	display: block;
	float: left;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 0 0.3rem;
}

ul.pagination .first, ul.pagination .prev, ul.pagination .next, ul.pagination .last {
	border: none;
	margin: 0;
	padding: 0;
}

ul.pagination .disabled a {
	color: #cdcdcd;
}

/*ul.pagination .active a {
	color: #514848;
}*/

.paginator p {
	text-align: right;
}

/************************************/
/*			FLASH MESSAGES			*/
/************************************/

.message {
	text-align: center;
	color: white;
	background-color: #ee4035;
	padding: 0.3em 1%;
	font-weight: 300;
}

/************************************/
/*				MENU				*/
/************************************/

#top-menu-wrapper {
	position: relative;
}

#top-menu {
	display: none;
	position: absolute;
	width: 98%;
	min-width: 500px;
	top: 0.8rem;
	left: 0;
	background-color: rgba(96,  42,  46, 0.65);
	padding: 0.2rem 1% 2.6rem 1%;
}

.closer {
	width: 100%;
	text-align: right;
	font-size: 2em;
}

.closer img {
	float: right;
	margin-top: 0.4em;
	margin-right: 2%;
}

.main-menu-bottom, .main-menu-top {
	float: left;
	list-style-type: none;
	text-align: left;
	margin-bottom: 1em;
}

.main-menu-bottom {
	width: 50%;
}

.main-menu-top {
	width: 26%;
	margin-top: 2rem;
	color: white;
}

.main-menu-top:first-of-type {
	margin-left: 42%;
}

.main-menu-bottom:nth-child(2n+2) {
	/*margin-left: 10%;*/
}

.main-menu-bottom li, main-menu-top li {
	font-size: 1.2em;
	padding-left: 5%;
	color: white;
}

.main-menu-top li {
	font-family: 'Museo300', sans-serif;
	font-weight: 300;
	padding-top: 0.3em;
	font-size: 1.2em;
	font-size: 1.9vw;
}

.main-menu-top li a {
	font-family: 'Museo300', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	font-size: 1.9vw;
	color: white;
	padding-left: 1px;
}

.main-menu-top li a:hover {
	padding-left: 0;
	border: 1px solid #d2b9bb;
}

.submenu-top-title {
	margin-top: -1.6em;
	font-size: 2em;
	font-size: 3vw;
	text-transform: uppercase;
	padding-bottom: 1em;
	color: white;
}

.submenu-top {
	clear: left;
	float: none;
}

/************************************/
/*				BOUTIQUE			*/
/************************************/

#contextwin {
	display: none;
	position: absolute;
	z-index: 1110;
	width: 60%;
	max-width: 700px;
	top: 3em;
	left: 50%;
	margin: 0 auto 0 -32.5%;
	padding: 5%;
	background-color: #f7f4f0;
}

#topcart {
	position: absolute;
	z-index: 900;
	display: none;
	top: 4.2em;
	right: 1px;
	background-color: white;
	padding: 1em 2%;
	padding: 1.6vw 2%;
	font-size: smaller;
	border: 1px solid #f7f4f0;
	/*max-height: 100%;*/
}

#topcart .cartlist {
	margin-top: 0.8em;
	height: auto;
	overflow-y: scroll;
}

.commander {
	display: block;
	text-align: center;
	color: #C79D56;
	background-color: #f7f4f0;
	margin: 0;
	padding: 0;
}

.macarons .commander {
	margin-top: 0;
}

.panier {
	width: 94%;
	padding-top: 1.9rem;
	padding-bottom: 1.9rem;
	margin: 0 3% 0 3%;
}

.panier h1 {
	color: #622b2f;
	font-weight: 300;
	font-size: 1.8em;
	font-size: 2.4vw;
}

.livraison {
	color: #602a2e;
}

#salesPannel, #checkRedirect {
	display: none;
	top: 6em;
	top: 9vw;
	left: 50%;
	margin-left: -40%;
	background-color: white;
	width: 80%;
	max-width: 960px;
	padding: 0;
}

#salesPannel {
	position: fixed;
	z-index: 10000;
	max-height: 100%;
	overflow-y: scroll;
}

#checkRedirect {
	z-index: 700;
	position: fixed;
}

#spinner {
	z-index: 701;
	display: none;
	position: fixed;
	width: 8%;
	max-width: 100px;
	margin-top: 30vw;
	margin-left: 46%;
}

.pannel {

}

.pannel-top {
	background-color: white;
	width: 94%;
	margin: 1em auto;
	padding-bottom: 2em;
}

.pannel-bottom {
	clear: both;
	background-color: #e6d9ba;
	/*min-height: 5em;
	min-height: 7vw;*/
}

.pannel-image {
	float: left;
	width: 35.71%;
	max-width: 300px;
	margin-right: 4%;
}

.pannel-table-wrapper {
	width: 60%;
	margin-left: 40%;
	max-width: 500px;
	margin-top: 2em;
	margin-top: 2.8vw;
}

.pannel-table {
	width: 100%;
	border-collapse: collapse;
}

.pannel-table th, .pannel-table td {
	border-bottom: 1px solid #C79D56;
	padding: 0.5em 0;
	padding: 0.8vw 0;
}

.pannel-table tr {
	background-color: white;
}

.pannel-table tr th {
	text-align: center;
	color: #c79f56;
}

/*.pannel-table tr:nth-child(even) {
	background-color: #f8f9f9;
}*/

.pannel-table tr:hover {background-color: #f7f4f0;}

.pannel-table td {
	color: #602a2e;
}

.pannel-table .currency, .pannel-table .pannel-q {
	text-align: right;
	padding-left: 5%;
}

.pannel-table .pannel-choice {
	color: #c79f56;
	font-variant: small-caps;
	font-weight: bold;
	padding-left: 5%;
	cursor: pointer;
}

#addResult {
	display: none;
	margin-top: 1em;
	margin-top: 1.4vw;
	text-align: right;
	color: #602a2e;
	padding-right: 5%;
}

#addButton {
	display: none;
	margin: 1em 0;
	float: right;
	cursor: pointer;
	padding-right: 5%;
}

.cart-table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.cart-table tr {
	border-bottom: 1px solid #c79f56;
}

.cart-table tr:last-child {
	border: none;
	padding-top: 2em;
	padding-top: 2.8vw;
}

.cart-table th {
	padding-bottom: 0.6em;
	padding-bottom: 0.8vw;
}

.cart-table td {
	padding: 0.1em 0.3em;
	padding: 0.3vw 0.9em;
}

.cart-table th, .cart-table td {
	border: none;
}

.cart-table .num {
	text-align: right;
}

.cart-shipping-table {
	width: 65%;
	margin-top: 2em;
	margin-top: 3vw;
	margin-left: 0;
	border-collapse: collapse;
	border: none;
}

.cart-shipping-table th {
	border: none;
	padding-bottom: 0.6em;
	padding-bottom: 1vw;
	text-align: left;
}

.cart-shipping-table td {
	border: none;
	padding: 0 2%;;
}

.tva_rate {
	font-size: smaller;
}

#shipping-return {
	width: 32%;
}

.color-one {
	color: #c79f56;
}

.color-two {
	color: #602a2e;
}

.check-emphasize {
	background-color: #f7f4f0;
}

.boutons-achat-wrapper {
	width: 60%;
	margin: 0 auto;
}

.bouton-payer {
	color: white;
	background-color: #c79f56;
}

.bouton-continuer {
	color: #c79f56;
	border: 1px solid #c79f56;
}

.bouton-payer, .bouton-continuer {
	display: block;
	width: 42%;
	max-width: 504px;
	margin: 2em auto;
	margin: 2.6vw auto;
	text-align: center;
	padding: 0.4em 0.8em;
	padding: 0.6vw 1.2vw;
}

.cart-count {
	display: block;
	position: absolute;
	right: 0;
	/*color: #c79f56;*/
	color: red;
}

.selected-row {
	background-color: #c79f56;
}

.selected-shipping {
	opacity: 1;
	border: 2px solid #c79f56;
	cursor: default;
}

.unselected-shipping {
	opacity: 0.5;
	border: none;
	cursor: pointer;
}

.cart-table .sous-total {
	border: none;
}

.cart-table .sous-total td {
	padding-top: 0.6em;
	padding-bottom: 0.5em;
	padding-top: 1vw;
	padding-bottom: 1.2vw;
	color: #602a2e;
}

.cart-table .total {
	font-size: 1.2em;
}

.cart-table .total td {
	color: #602a2e;
	font-weight: 300;
	font-size: 1.2em;
	font-size: 1.8vw;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-top: 1.2vw;
	padding-bottom: 1.2vw;
	border-top: 1px solid #c79f56;
	border-bottom: 1px solid #c79f56;
}

/*************************************/

#promptbox {
	position: fixed;
	z-index: 10000;
	width: 100%;
	width: 50%;
	max-width: 600px;
	top: 250px;
	left: 50%;
	margin-left: -25%;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-radius: 0.5rem;
	box-shadow: 0.2rem 0.3rem 0.6rem 0 rgba(45, 45, 45, 0.7); /*h-pos v-pos (blur) (spread) (color) (inset);*/
	background-color: white;
	border-color: #e6d9ba;
}

/*#prompbox-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.3;
	z-index: 2000;
}*/

.promptbox-closer {
	display: block;
	font-size: 1em;
	text-align: right;
	margin: 0.4rem 3% 0.6rem 0;
}

.promptbox-closer:hover {

}

#promptbox-table {
	width: 100%;
	margin: 0;
	padding: 0;
}

#prompt_button_1 {
	margin: 0;
	border-bottom-left-radius: 0.5rem;
	border-right-style: solid;
	border-right-width: 1px;
}

#prompt_button_2 {
	margin: 0;
	border-bottom-right-radius: 0.5rem;
}

#prompt_button_1, #prompt_button_2 {
	width: 46%;
	padding: 0.4rem 2%;
	text-align: center;
	vertical-align: middle;
}

#promptbox-confirm {
	width: 96%;
	padding: 0.4rem 2%;
	text-align: center;
	vertical-align: middle;
}

.promptbox-question {
	color: #602a2e;
	background-color: #e6d9ba;
}

.promptbox-answer {
	width: 100%;
	cursor: pointer;
	color: #602a2e;
	background-color: #e6d9ba;
}

.promptbox-answer:hover {
	background-color: #e6d9ba;
	color: white;
}

#prompt_button_1 {
	border-right-color: white;
}

/*************************************/

#rgpd {
	position: fixed;
	display: none;
	z-index: 2000;
	width: 100%;
	max-width: 1200px;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	margin: 0 auto;
	padding: 4em 0;
	background-color: white;
}

.rgpd-left {
	padding: 1em 5%;
}

.rgpd-right {
	float: right;
	width: 30%;
	margin-top: -8em;
}

.rgpd-read {
	margin-top: 1.2em;
	margin-left: 7%;
}

.rgpd-read a {
	font-size: 1em;
	font-size: 1.3vw;
	width: 42%;
	padding: 0.3rem 3vw;
	border: 1px solid #c79f56;
}

.rgpd-accept, .rgpd-refuse {
	display: block;
	font-size: 1em;
	font-size: 1.3vw;
	margin-top: 1.2em;
	padding: 0.3rem 3vw;
}

.rgpd-accept {
	text-align: center;
	width: 41%;
	margin-right: 8%;
	color: white;
	background-color: #c79f56;
}

.rgpd-refuse {
	text-align: center;
	width: 41%;
	margin-right: 8%;
	color: #c79f56;
	border: 1px solid #c79f56;
}









