/*
Theme Name: Z Chocolat
Theme URI: http://wordpress.org/themes/z_chocolat
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: z_chocolat 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

html, body, 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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	/*font-family: Lato, sans-serif;*/
	font-family: 'garamondregular', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
}

body {
	/*background: #f5f5f5;*/
	font-family: 'garamondregular'!important;
	color: #161616!important;
	background: #F2F2F2!important;
}

a {
	color: #161616;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a:active,
a:hover {
	color: #bcbcbc!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	margin: 36px 0 12px;
}

h1 {
	font-size: 26px;
	line-height: 1.3846153846;
}

h2 {
	font-size: 24px;
	line-height: 1;
}

h3 {
	font-size: 22px;
	line-height: 1.0909090909;
}

h4 {
	font-size: 20px;
	line-height: 1.2;
}

h5 {
	font-size: 18px;
	line-height: 1.3333333333;
}

h6 {
	font-size: 16px;
	line-height: 1.5;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

p {
	margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
	color: #161616 !important;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 0 0 24px 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 
::selection {
	background: #24890d;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #24890d;
	color: #fff;
	text-shadow: none;
}*/


/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input,
textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: #2b2b2b;

}

textarea {
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: 0;
}

/* Buttons */

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #24890d;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #41a62a;
	color: #fff;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #55d737;
}

.search-field {
	width: 100%;
}

.search-submit {
	display: none;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: #939393;
}

:-moz-placeholder {
	color: #939393;
}

::-moz-placeholder {
	color: #939393;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #939393;
}

/* Responsive images. Fluid images for posts, comments, and widgets */

.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
	height: auto;
}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object,
video {
	margin-bottom: 24px;
	max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
	margin-bottom: 0;
}

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding-right: 10px;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.hide {
	display: none;
}

/* Clearing floats */

.footer-sidebar:before,
.footer-sidebar:after,
.hentry:before,
.hentry:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:after,
.search-box:before,
.search-box:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: "";
	display: table;
}

.footer-sidebar:after,
.hentry:after,
.slider-direction-nav:after,
.contributor-info:after,
.search-box:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}

/* Genericons */

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_z_chocolat_ephemera .widget-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

/* Separators */

.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_z_chocolat_ephemera .entry-title:after{
	content: "\0020\007c\0020";
}


/* Fonts */
@font-face {
    font-family: 'garamondregular';
    src: url('fonts/agaramond-regular-webfont.eot');
    src: url('fonts/agaramond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/agaramond-regular-webfont.woff') format('woff'),
         url('fonts/agaramond-regular-webfont.ttf') format('truetype'),
         url('fonts/agaramond-regular-webfont.svg#adobe_garamondregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'garamondbold';
    src: url('fonts/agaramond-bold-webfont.eot');
    src: url('fonts/agaramond-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/agaramond-bold-webfont.woff') format('woff'),
         url('fonts/agaramond-bold-webfont.ttf') format('truetype'),
         url('fonts/agaramond-bold-webfont.svg#adobe_garamondbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'garamondbold_italic';
    src: url('fonts/agaramond-bolditalic-webfont.eot');
    src: url('fonts/agaramond-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/agaramond-bolditalic-webfont.woff') format('woff'),
         url('fonts/agaramond-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/agaramond-bolditalic-webfont.svg#adobe_garamondbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'garamonditalic';
    src: url('fonts/agaramond-italic-webfont.eot');
    src: url('fonts/agaramond-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/agaramond-italic-webfont.woff') format('woff'),
         url('fonts/agaramond-italic-webfont.ttf') format('truetype'),
         url('fonts/agaramond-italic-webfont.svg#adobe_garamonditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'garamondsemibold';
    src: url('fonts/agaramond-semibold-webfont.eot');
    src: url('fonts/agaramond-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/agaramond-semibold-webfont.woff') format('woff'),
         url('fonts/agaramond-semibold-webfont.ttf') format('truetype'),
         url('fonts/agaramond-semibold-webfont.svg#adobe_garamondsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'garamondsemibold_italic';
    src: url('fonts/agaramond-semibolditalic-webfont.eot');
    src: url('fonts/agaramond-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/agaramond-semibolditalic-webfont.woff') format('woff'),
         url('fonts/agaramond-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/agaramond-semibolditalic-webfont.svg#adobe_garamondsemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

body{
    background-color: #f2f2f2;
}

.site {
    font-family: 'garamondregular';
	background-color: #fff;
	max-width: 1024px;
	position: relative;
    color: #161616;
    margin: 0 auto;
    box-shadow: 8px 0 8px -10px #000000,-8px 0 8px -10px #000000;
}

.main-content {
	width: 100%;
}


/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

/* Ensure that there is no gap between the header and
   the admin bar for WordPress versions before 3.8. */
#wpadminbar {
	min-height: 32px;
}

#site-header {
	position: relative;
	z-index: 3;
}

.site-header {
	position: relative;
    border-bottom: 1px solid #c8c8c8;
	height: 90px;
	padding: 10px 32px 0;
	z-index: 11;
}

#logo{
	float: left;
	margin: 16px 17px 0 0;
	z-index:1032;
}

.header-main {
  /*   width: 892px;  */
	height: 90px;
	float: left;
	/*overflow: hidden;*/
	position: relative;
}

.header-main #languages_block_top:hover ul.countries_ul{
	display: block;
}
header.entry-header{
    padding: 0;
    background: none;
}
.sf-contener {
	min-height: 0 !important;
}
#currency_block_top {
	float: right;
	text-transform: uppercase;
	font-size: 12.5px;
	width: 240px;
	margin-left: 7px;
}
.site-footer .widget{
    width: 100%;
}

/*  USER  */

#user-info{
	float: right;
	overflow: hidden;
}
.header_user_info {
	float: left;
	/*margin: 0 2% 0 2%*/;
}
.header_user_info span{
	display: block;
	float: left;
}
.header_user_info_mobile a{
	float: right;
	margin-top: 6px;
	color: #161616;
}
.header_user_info a {
    /*color: white;
    font-weight: bold;
	padding: 8px 9px 11px 8px;*/
    display: block;    
    cursor: pointer;
    line-height: 18px; 
	text-indent: -9999px;
	/*background: url(../../../img/z/my_profile.jpg) no-repeat top 1px left;
	width: 14px;
	height: 14px;*/
	background: url(../../../../shop/themes/zChocolat/img/z/sprites_header.png) no-repeat top 1px left;
	background-position: 0 0;
	width: 13px;
	height: 14px;
}
.header_user_info a.account,
.header_user_info a.login{
	float: left;
	margin: 0 0 0 8px;
}
.header_user_info a.logout {
    width: 14px;
    background: url(../../../../shop/themes/zChocolat/img/z/sprites_header.png) no-repeat top 1px left;
    background-position: -52px 0; 
	margin: 0 0 0 8px;
}
@media (max-width: 479px) {
	.header_user_info a {
		font-size: 11px; 
	} 
}
.header_user_info a:hover, .header_user_info a.active {
	/*background: #2b2b2b; */
}

/*  CART  */
#header .shopping_cart,
#header .free_assortments {
  position: relative;
  float: right;
  margin: 0 0 0 8px;
}

#header .shopping_cart > a span.cart-sprite,
#header .free_assortments > a span.sprite {
	display: inline-block;
	background: url(../../../../shop/themes/zChocolat/img/z/sprites_header.png) no-repeat top 1px left;
	background-position: -16px 0;
	width: 15px;
	height: 14px;
}
#header .free_assortments > a span.sprite {
	background-position: -68px 0;
}
.shopping_cart span, .free_assortments span {
	color: #000;
	font-size: 13px;
	line-height: 15px;
}
.shopping_cart > a:first-child {
	display: block;
    overflow: hidden; }
    @media (min-width: 768px) and (max-width: 991px) {
      .shopping_cart > a:first-child span.ajax_cart_product_txt, .shopping_cart > a:first-child span.ajax_cart_product_txt_s {
        display: none !important; } }
    .shopping_cart > a:first-child b {
      color: white;
      font: 600 18px/22px "Open Sans", sans-serif;
      padding-right: 5px; 
	  display: none;
	  }

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */
#primary-navigation .nav-menu {
	position: absolute;
	bottom: 0;
	font-family: 'garamondsemibold_italic';
	font-size: 18px;
    line-height: 20px;
    margin: 0;
}
#primary-navigation .nav-menu li{
	display: inline-block;
	margin: 0 0 0 25px;
    padding: 0 0 12px;
    border-bottom: 3px solid transparent;
    position: relative;
}
#primary-navigation .nav-menu li:first-child{
	margin: 0 0 0 15px;
}
#primary-navigation .nav-menu li:hover{
	border-bottom: 3px solid #c8c8c8;
}
#primary-navigation .nav-menu li a{
	color: #161616;
	text-decoration: none;
}
#primary-navigation .nav-menu li a:hover{
	/*color: #BCBCBC;*/
}
#primary-navigation .nav-menu .sub-menu{
    display: none;
	position: absolute;
	border: 1px solid #c8c8c8;
	background: #fff;
	top: 35px;
	left: -20px;
	white-space: nowrap;
	font-family: 'garamondsemibold';
	font-size: 0;
	text-transform: uppercase;
	padding: 12px 6px;
    margin: 0;
	z-index: 99;
	height: 150px;
}
#primary-navigation .nav-menu .sub-menu li{
    display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
    line-height: 12px;
	border-bottom: 0;
	border-right: 1px solid #c8c8c8;
	margin: 0;
	padding: 0 8px;
	height: 100%;
}
#primary-navigation .nav-menu .sub-menu li:first-child ul li a{
	padding: 0 8px 0 14px;
	margin: 0 -8px 0 -14px;
}
#primary-navigation .nav-menu .sub-menu li:last-child ul li a{
	padding: 0 -14px 0 8px;
	margin: 0 -14px 0 -8px;
}
#primary-navigation .nav-menu .sub-menu li:last-child{
	border-right: 0;
}
#primary-navigation .nav-menu .sub-menu ul{
	/*margin-top: 15px;*/
	margin: 10px 0 0;
	padding: 0;
}
#primary-navigation .nav-menu .sub-menu ul.sub-menu{
    position: relative;
    top: auto;
    left: auto;
    border: 0;
    height: auto;
}
#primary-navigation .nav-menu .sub-menu ul li{
	display: block;
	/*margin: 0 0 12px;
	padding: 0;*/
	border: 0;
	margin: 0;
	padding: 0;
}
#primary-navigation .nav-menu .sub-menu ul li a{
	color: #98999a;
	text-decoration: none;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	margin: 0 -8px;
}
#primary-navigation .nav-menu .sub-menu ul li a:hover{
	background: #dad9d7;
	color: #3b3b3b;
}

/**
 * 6.0 Breadcrumbs
 * -----------------------------------------------------------------------------
 */
#breadcrumb{
	margin: 10px 0 10px 10px;
	font-family: 'garamonditalic';
	font-size: 12px;
    line-height: 12px;
	color: #161616;
}
#breadcrumb a{
	color: #98999a;
	text-decoration: none;
}
#breadcrumb a:hover{
	color: #161616;
	text-decoration: underline;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */
#main-content{
    clear: both;
	overflow: hidden;
	/*border-bottom: 1px solid #c8c8c8;*/
	padding: 0 20px 22px;
	background-clip: content-box;
	background-color: #f2f2f2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*[class*="content"]:before,[class*="content"]:after{*/
/*#content:before, #content:after{
    display: inline;
}*/
#content a{
	color: #161616;
}

#content article a{
	text-decoration: underline;
}

/**
 * 6.1 Hub pages
 * -----------------------------------------------------------------------------
 */
.home #main-content, #main-content.hub {
	padding: 0 0 22px;
    background: #fff;
}
.home #content img, .hub #content img{
    margin: 0;
	border:0;
}
.hub #content .entry-header{
	margin: 0 22px -5px;
}
.hub #content h1{
	/*width: 96%;
	margin: 0 auto 40px;*/
	width: 100%;
	margin: 0;
}
.hub #breadcrumb{
	margin: 0px 22px;
	padding: 10px;
	background: #f2f2f2;
}
.home .jsn-bootstrap .row, .hub .jsn-bootstrap .row{
    margin: 0;
}
/*.home .jsn-bootstrap:nth-child(n+2), .hub .jsn-bootstrap:nth-child(n+2){
    padding: 0 17px !important;
}*/
.home .jsn-bootstrap, .hub .jsn-bootstrap{
    padding: 0 17px !important;
}
/* Text */
.ig-element-text2{
    position: relative;
    padding: 5px 0;
    margin-left: -10px;
    margin-right: -10px;
}
.ig-element-text2 .ig_text{
    background-color: #f2f2f2;
    /*font-family: 'garamondsemibold_italic';
	font-size: 26px;
    line-height: 26px;*/
    font-family: 'garamondregular';
    font-size: 17px;
	line-height: 21px;
    padding: 10px;
}
.home .ig-element-text2 .ig_text{ 
	font-style: italic !important;
	/*font-size: 20px;*/
}
#content .ig-element-text2 .ig_text h4{
	font-size: 26px;
}
.ig-element-text2 .ig_text a{
	text-decoration: underline;
}
.ig-element-text2 .ig_text div{
	margin: 10px 20px;
}
.ig-element-text2 .ig_text table{
	margin: 0 auto;
	width: 90%;
}
.ig-element-text2 .ig_text table th,
.ig-element-text2 .ig_text table td{
	padding: 3px 5px;
	word-break: break-word;
}
.ig-element-container.red,
.ig-element-container.red .ig_text {
	background: red;
	color: white;
}
/* Image */
.ig-element-image2{
    position: relative;
    padding: 5px 0;
    margin-left: -10px;
    margin-right: -10px;
    display: inline-block;
	vertical-align: bottom;
}
.jsn-bootstrap .ig-element-image2 .btn_wrap{
    position: absolute;
    /*overflow: hidden;
    padding: 5px;*/
}
.jsn-bootstrap .ig-element-image2 .btn-zchoc{
    /*position: absolute;*/
    font-family: 'garamondsemibold';
    font-size: 12px;
    line-height: 12px;
    padding: 10px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    border-radius: 0;
    background-color: transparent;
}
.jsn-bootstrap .ig-element-image2 .btn-zchoc.white{
    color: #ffffff;
    border-color: #ffffff;
}
.jsn-bootstrap .ig-element-image2 .btn-zchoc.black{
    border-color: #161616;
    color: #161616;
}
.jsn-bootstrap .ig-element-image2 .btn-zchoc:hover{
    /*background: #f2f2f2;
    color: #161616;
    border-color: #161616;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);*/
	background: #161616;
	color: #fff;
}
.jsn-bootstrap .ig-element-image2 .btn-zchoc.white:hover{
	background: #fff;
	color: #161616;
	border-color: #161616;
}

/* block image prod */
.ig-element-image3{
    position: relative;
    padding: 5px 0;
    margin-left: -10px;
    margin-right: -10px;
    display: inline-block;
}
.jsn-bootstrap .ig-element-image3 .title{
    padding: 9px;
    background: #e2e2e2;
    font-family: 'garmondregular';
    font-size: 18px;
    line-height: 26px;
    color: #161616;
	text-align: center;
}
.jsn-bootstrap .ig-element-image3:hover .title{
    background: #000;
    color: #fff;
}
.jsn-bootstrap .ig-element-image3 .img{
    position: relative;
    width: 100%;
    display: block;
}
.jsn-bootstrap .ig-element-image3 .img:after{
    content : '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.jsn-bootstrap .ig-element-image3:hover .img:after{
    opacity: 1;
}
.jsn-bootstrap .ig-element-image3 .hover-block{
    position: absolute;
    padding: 30px;
    top: 0;
    color: #fff;
    font-family: 'garamondregular';
	font-style: italic;
    font-size: 17px;
    line-height: 21px;
    text-align: justify;
    display: none;
    pointer-events: none;
}
.jsn-bootstrap .ig-element-image3:hover .hover-block{
    display: block;
}
#content .jsn-bootstrap .ig-element-image3 .hover-block p{
    margin: 0 0 9px;
	text-align: initial;
}


/* Slider */ 
.ig-element-carousel2{
   /* margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 22px;*/
	margin: 0 -32px 22px;
    border-bottom: 1px solid #c8c8c8;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-indicators{
    line-height: 1;
    bottom: 10px;
    margin-bottom: 0;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-indicators li{
    background-color: #bcbcbc;
    border: 0;
    margin: 1px 3px
}
.jsn-bootstrap .ig-element-carousel2 .carousel-indicators .active{
    width: 10px;
    height: 10px;
    background-color: #898b8e;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-control{
    width: 30px;
    height: 30px;
    left: 0;
    top: 50%;
    margin-top: -15px;
    opacity: 1;
	z-index: 10;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-control:hover{
    opacity: 1;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-control.left, .jsn-bootstrap .ig-element-carousel2 .carousel-control.right{
    background-image: none;
    background-repeat: no-repeat;
}
.ig-element-carousel2 .icon-chevron-left:before, .ig-element-carousel2 .icon-arrow-left:before, .ig-element-carousel2 .icon-chevron-right:before, .ig-element-carousel2 .icon-arrow-right:before{
    content: '';
}
.jsn-master .jsn-bootstrap .ig-element-carousel2 .carousel .carousel-control span.icon-arrow-left{
    background: url(images/left.jpg) no-repeat !important;
    top: 0;
    left:0;
    width: 30px;
    height: 30px;
    margin: 0;
	display: block;
}
.jsn-master .jsn-bootstrap .ig-element-carousel2 .carousel .carousel-control span.icon-arrow-left:hover{
    background: url(images/left_white.jpg) no-repeat !important;
	background-position: 0;
	border: 1px solid #bcbcbc;
}
.jsn-master .jsn-bootstrap .ig-element-carousel2 .carousel .carousel-control span.icon-arrow-right{
    background: url(images/right.jpg) no-repeat !important;
    top: 0;
    right:0;
    width: 30px;
    height: 30px;
    margin: 0;
	display: block;
}
.jsn-master .jsn-bootstrap .ig-element-carousel2 .carousel .carousel-control span.icon-arrow-right:hover{
	background: url(images/right_white.jpg) no-repeat !important;	
	background-position: 0;
	border: 1px solid #bcbcbc;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption{
    font-family: 'garamondsemibold_italic';
	font-size: 18px;
    color: #161616;
    text-shadow: none;
    /*padding: 10px;*/
    padding: 28px;
    /*left: 40%;
    right: 40%;*/
	bottom: auto;
}
.jsn-bootstrap .ig-element-image2 .image2-caption{
	/*font-family: 'garamondsemibold_italic';*/
	font-family: 'garamondregular';
	font-style: italic;
	font-size: 18px;
    color: #161616;
    text-shadow: none;
	padding: 28px;
}
#content .jsn-bootstrap .ig-element-carousel2 .carousel-caption p,
#content .jsn-bootstrap .ig-element-image2 p{
    font-family: 'garamondsemibold_italic';
	font-style: italic;
	/*font-size: 18px;*/
	font-size: inherit;
    margin: 0 0 15px;
	text-align: inherit;
	line-height: 25px;
}
#content .jsn-bootstrap .ig-element-image2 p{
	font-family: 'garamondregular';
}
#content .jsn-bootstrap .ig-element-carousel2 .carousel-caption h4,
#content .jsn-bootstrap .ig-element-image2 h4{
	font-family: 'garamondsemibold';
	font-style: normal;
    font-size: 26px;
    margin: 0 0 10px;
    color: inherit;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.white,
.jsn-bootstrap .ig-element-image2 .image2-caption.white{
    color: #fff;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.black
.jsn-bootstrap .ig-element-image2 .image2-caption.white{
    color: #161616;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.block_white,
.jsn-bootstrap .ig-element-image2 .block_white{
    background: rgb(0, 0, 0);
    background: rgba(255, 255, 255, 0.6);
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.block_black,
.jsn-bootstrap .ig-element-image2 .block_black{
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
}
.jsn-bootstrap .carousel-caption .btn-zchoc{
    font-family: 'garamondsemibold';
    /*font-size: 16px;
	padding: 15px;*/
    font-size: 14px;
    line-height: 16px;    
    padding: 10px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    border-radius: 0;
    background-color: transparent;
}
.jsn-bootstrap .carousel-caption .btn-zchoc.white{
    color: #ffffff;
    border-color: #ffffff;
}
.jsn-bootstrap .carousel-caption .btn-zchoc.black{
    border-color: #161616;
    background-color: #000;
    color: #fff !important;
}
.jsn-bootstrap .carousel-caption .btn-zchoc:hover{
   /* background: #f2f2f2;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);*/
	background: #161616;
	color: #fff;
}
/* Positions */ 
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.text-center,
.jsn-bootstrap .ig-element-image2 .image2-caption.text-center{
    text-align: center;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.text-justify,
.jsn-bootstrap .ig-element-image2 .image2-caption.text-justify{
    text-align: justify;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.text-right,
.jsn-bootstrap .ig-element-image2 .image2-caption.text-right{
    text-align: right;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.text-left,
.jsn-bootstrap .ig-element-image2 .image2-caption.text-left{
    text-align: left;
}
.top-l{
	top: 20px;
	left: 15px;
}
.top-c{
	top: 20px;
	text-align: center;
	width: 100%;
}
.top-r{
	top: 20px;
	right: 15px;
}
.mid-l{
	top: 50%;
	left: 15px;
}
.mid-c{
	top: 50%;
	text-align: center;
	width: 100%;
}
.mid-r{
	top: 50%;
	right: 15px;
}
.bot-l{
	bottom: 20px;
	left: 15px;
}
.bot-c{
	bottom: 20px;
	text-align: center;
	width: 100%;
}
.bot-r{
	bottom: 20px;
	right: 15px;
}
.jsn-bootstrap .ig-element-image2 .image2-caption.top-l{
	top: 20px;
	left: 15px;
}
.jsn-bootstrap .ig-element-image2 .image2-caption.top-c{
	top: 20px;	
	width: 50%;
	left: 0;
	right: 0;
	/*left: 25%;
	text-align: center;
	right: 25%;*/
	margin: 0 auto;
}
.jsn-bootstrap .ig-element-image2 .image2-caption.top-r{
	top: 20px;
	right: 15px;
}
.jsn-bootstrap .ig-element-image2 .image2-caption.mid-l{
	top: 50%;
	left: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.jsn-bootstrap .ig-element-image2 .image2-caption.mid-c{
	top: 50%;	
	width: 50%;
	left: 0;
	right: 0;
	/*left: 25%;
	text-align: center;
	right: 25%;*/
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.jsn-bootstrap .ig-element-image2 .image2-caption.mid-r{
	top: 50%;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.jsn-bootstrap .ig-element-image2 .image2-caption.bot-l{
	bottom: 20px;
	left: 15px;
}
.jsn-bootstrap .ig-element-image2 .image2-caption.bot-c{
	bottom: 20px;
	width: 50%;
	left: 0;
	right: 0;
	/*left: 25%;
	text-align: center;
	right: 25%;*/
	margin: 0 auto
}
.jsn-bootstrap .ig-element-image2 .image2-caption.bot-r{
	bottom: 20px;
	right: 15px;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.top-l{
	top: 32px;
	left: 42px;
	right: auto;
    bottom: auto;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.top-c{
	top: 32px;
	width: 60%;
    /*left: 20%;
    right: 20%;*/
	margin: 0 auto;
    bottom: auto;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.top-r{
	top: 32px;
	right: 42px;
	left: auto;
    bottom: auto;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.mid-l{
	left: 42px;
	right: auto;
	margin-top: -13px;
    bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.mid-c{
	width: 60%;
    /*left: 20%;
    right: 20%;*/
	margin: -13px auto 0;
    bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.mid-r{
	right: 42px;
	left: auto;
	margin-top: -13px;
    bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.bot-l{
	bottom: 32px;
	left: 42px;
	right: auto;
    top: auto;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.bot-c{
	bottom: 32px;
	width: 60%;
    /*left: 20%;
    right: 20%;*/
	margin: 0 auto;
    top: auto;
}
.jsn-bootstrap .ig-element-carousel2 .carousel-caption.bot-r{
	bottom: 32px;
	left: auto;
	right: 42px;
    top: auto;
}
.jsn-bootstrap .ig-element-video{
	margin: 5px -10px;
}
/**
 * 7.0 CMS pages
 * -----------------------------------------------------------------------------
 */
#content .pageLink{
	position: absolute;
	top: 50%;
	margin-top: -11px;
}
#content .pageLink a{
	color: #fff;
	display: block;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
}
#content .prev-page{
	left: 10px;
	background: url(images/inferieur.png) no-repeat;
}
#content .next-page{
	right: 10px;
	background: url(images/superieur.png) no-repeat;
}
#content h1{
    font-family: 'garamondsemibold';
	font-size: 30px;
	padding: 30px 40px;
	margin: 0 0 30px;
	color: #fff;
	width: 100%;
	text-align: center;
	background: url(images/heading_bg.jpg) repeat;
	text-transform: uppercase;
    line-height: 1;
}
#content h2, #content h3{
	font-family: 'garamondsemibold';
	font-size: 24px;
	margin: 20px 20px;
	text-transform: uppercase;
    line-height: 1;
}
#content h3{
	font-size: 22px;
}
#content h4, #content h5, #content h6{
	margin: 20px 20px;
}
#content h4{
	font-size: 26px;
}
#content h5{
	font-size: 22px;
	font-family: 'garamondbold';
}
#content h6{
	font-size: 17px;
	line-height: 21px;
}
#content p{
	font-family: 'garamondregular';
	font-size: 17px;
	line-height: 21px;
	margin: 10px 20px;
	text-align: justify;
}
#content p strong{
	font-weight: bold;
}
#content img{
	margin: 0 0 20px 0;
	border: 1px solid #c8c8c8;
}
#content ul{
	font-family: 'garamondregular';
	font-size: 17px;
	line-height: 21px;
	margin: 0 0 0 40px;
}
#content li{
	list-style-type: disc;
	margin: 0 0 0 10px;
}
.entry-content a{
	text-decoration: underline;
}
.entry-content table{
	font-size: 17px;
	width: 96%;
	margin: 0 auto;
}
.entry-content td{
	padding: 3px 5px;
}
#content object{
	width: 100%;
}
#content .alignnone{
    
}
#content .alignleft{
    /*margin: 0 20px 20px -10px;*/
    margin: 0 40px 40px 0;
}
#content .aligncenter{
    margin: 0 auto 40px;
}
#content .alignright{
    float: right !important;
	/*margin: 0 -10px 20px 20px;*/
	margin: 0 0 40px 40px;
}
#content iframe{
	margin-bottom: 0px;
}

/**
 * 8 Blog pages
 * -----------------------------------------------------------------------------
 */

.post{
    width: 680px;
    padding: 15px 20px;
    background: #fff;
    margin: 0 auto 10px;
}
.post .entry-meta.row{
    overflow: hidden;
    text-align: center;
    font-family: 'garamondsemibold';
    font-size: 13px;
    line-height: 26px;
    margin: 0 0 12px;
}
.post .meta-container{
    /*display: table;*/
    margin: 0 auto;
}
.post .meta-container .float-right{
	float: right;
}
.post .meta-container .float-left{
	float: left;
}
.post .entry-date{
    float: left;
    display: block;
    color: #161616;
    margin: 0 3px 0 0;
}
.post .entry-content.row{
	margin: 0;
}
.post .entry-content a{
	text-decoration: underline;
}
.post .comments-link{
    float: left;
    display: block;
    margin: 0 5px 0 0;
}
.post .comments-link a{
    color: #898b8e;
    margin: 0 0 0 2px;
}
.post .comments-link a:hover{
    color: #161616;
}
.post div.share-links:before,
.post span.edit-link:before,
#comments span.edit-link:before{
	content: "\0020\007c\0020";
}
div.share-links:before{
    float: left;
}
.post .share-links{
    float: left;
    display: block;
    /*margin: 0 5px 0 0;
    color: #898b8e;*/
}
.post .share-links span{
    display: block;
    float: left;
    margin: 0 0 0 5px;
}
.ssba{
    float: left;
}
.ssba img{ 
    border: 0;
    box-shadow: none !important;
    display: inline;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}
.ssba a{
    display: block;
    width: 26px;
    height: 26px;
    position:relative;
    text-decoration: none;
    float: left;
    margin: 0 0 0 11px;
}
.ssba_facebook_share img{
    clip: rect(3px 104px 30px 78px); 
    left: -78px;
    top: -3px;
}
.ssba_google_share img{
    clip: rect(3px 141px 30px 115px);
    left: -115px;
    top: -3px;
}
#content .ssba_twitter_share img{
    clip: rect(3px 30px 30px 4px);
    left: -4px;
    top: -3px;
}
div.share-links:after{
    content: '';
    clear: both;
}
.post .edit-link{
    float: left;
    display: block;
    margin: 0 3px 0 0;
}
.post .edit-link a{
    margin: 0 0 0 2px;
}
.post .entry-meta:after{
    content: '';
    clear: both;
}
#content .post h1{
    font-family: 'garamondbold';
    font-size: 30px;
    color: #161616;
    text-transform: initial;
    background: none;
    padding: 0;
    margin: 35px 0;
}
#content .post h2,
#content .post h3,
#content .post h4,
#content .post h5,
#content .post h6{
    text-transform: initial;
    margin: 0 0 12px;
}
#content .post h2{
	font-size: 22px;
	text-transform: uppercase;
}
#content .post h3{
	font-size: 24px;
}
#content .post h4{
	font-family: 'garamondsemibold';
	font-size: 20px;
}
#content .post h5{
	font-size: 18px;
	font-family: 'garamondsemibold';
}
#content .post h6{
	font-size: 17px;
	font-family: 'garamondregular';
}
#content .post .entry-content p{
    margin: 0 0 10px;
}
#content .post table{
	width: 100%;
}
#content .post td{
	padding: 3px 5px;
}
#content .post .alignnone{
    margin: 0 0 20px;
}
#content .post .aligncenter{
	margin: 0 auto 20px;
}
#content .post .alignleft{
    margin: 0 20px 10px 0;
}
#content .post .alignright{
    margin: 0 0 10px 20px;
}
#content .post .pressbook_more{
    margin: 5px 0;
    text-decoration: underline;
    font-family: 'garamondsemibold';
}
/**
 * 8.0.1 Comments
 * -----------------------------------------------------------------------------
 */
.single #comments{
    width: 680px;
    padding: 15px 20px;
    background: #fff;
    margin: 0 auto 10px;
}
.single #comments h2, .single #comments h3{
    text-transform: initial;
    margin: 0 0 15px;
}
.single #comments p{
    margin: 10px 0;
}
.single #comments li.comment{
    border-bottom: 1px solid #D6D4D4;
}
.single #comments .comment-metadata{
    font-family: 'garamondsemibold', sans-serif;
    font-size: 13px;
    line-height: 26px;
}
.single #commentform label{
    color: #161616;
    width: 15%;
}
.single #commentform input[type=text]{
    padding: 5px 7px;
    color: #161616;
    font-size: 16px;
    height: 30px;
    border: 1px solid #d6d4d4;
    border-radius: 0;
}
.single #commentform textarea{
    border: 1px solid #d6d4d4;
    border-radius: 0;
}
.single #commentform input[type=submit]{
    background: #161616;
    color: #fff;
    font-family: 'garamondsemibold', sans-serif;
    font-size: 13px;
    line-height: 13px;
    border-radius: 0;
}
.single #commentform input[type=submit]:hover{
    background: #DAD9D7;
    color: #161616;
}

/**
 * 8.1 Blog List / Archive
 * -----------------------------------------------------------------------------
 */
.blog .page-header,
.archive .page-header{
    width: 680px;
    margin: 30px auto 25px;
    padding: 0;
    background: #F2F2F2;
    border: 0;
    position: relative;
	z-index: 10;
}
.blog .page-header select,
.archive .page-header select{
    width: 146px;
    height: 30px;
    line-height: 30px;
    background: #161616 url(images/drop_down.jpg) no-repeat center right;
    color: #fff;
    font-family: 'garamondsemibold', sans-serif;
    font-size: 15px;
    outline: 0;
    border: 0;
    padding: 0 30px 0 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: absolute;
    top: 0;
	display: none;
}
.blog .page-header select option ,
.archive .page-header select option{

}
.blog .page-header #type,
.archive .page-header #type,
.blog .page-header #date,
.archive .page-header #date{
	position: absolute;
}
.blog .page-header select[name=archive-date],
.archive .page-header select[name=archive-date],
.blog .page-header #date,
.archive .page-header #date{
    left: 0;
}
.blog .page-header select[name=archive-category],
.archive .page-header select[name=archive-category],
.blog .page-header #type,
.archive .page-header #type{
    right: 0;
}

.blog #content .page-header h1,
.archive #content .page-header h1{
    font-size: 34px;
    color: #161616;
    background: none;
    margin: 0;
    padding: 0 166px;
}
.blog .post,
.archive .post{
    padding: 20px 20px 15px;
    border-bottom: 10px solid #F2F2F2;
}
.blog #content .post .entry-header h1,
.archive #content .post .entry-header h1{
    text-align: left;
    margin: 0 0 15px;
	font-size: 26px;
}
.blog .entry-summary,
.archive .entry-summary{
    margin: 0 0 20px;   
    display: inline-block;
    /*background: url(images/plus.png) no-repeat bottom 1px right;
    background-size: 20px 20px; */   
    padding: 0 25px 0 0;
    line-height: 21px;
	position: relative;
}
.page-id-11034 .entry-header,
.page-id-11034 .breadcrumb{
	display:none;
}

.blog #content .journal_more,
.archive #content .journal_more{
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.blog #content .journal_more img,
.archive #content .journal_more img{
    border: 0;
    width: 20px;
    margin: 0;
}
.blog .post .entry-meta,
.archive .post .entry-meta{
    margin: 0;
}
.blog-navigation{
	margin-top: 30px;
}

/* General dropdown styles */       
#content.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
#content .dropdown dd { position:relative; }
/* DT styles for sliding doors */
#content .dropdown dt a {
	background:#161616 url(images/drop_down.jpg) no-repeat center right;
    display:block;
	border:0; 
	outline: 0;
	width:127px;
	height: 30px; 
	line-height: 30px;
	color: #fff;
	font-family: 'garamondsemibold', sans-serif;
	font-size: 15px;
	padding: 0 30px 0 10px;
	cursor: pointer;
}
#content .dropdown dt a:hover,
#content .dropdown dt a:focus,
#content .dropdown dt a:active{
	text-decoration: none;
}
#content .dropdown dt a span {cursor:pointer; display:block; padding:5px;}
/* UL styles */
#content .dropdown dd ul { 
	background:#161616 none repeat scroll 0 0; display:none;
    list-style:none; position:absolute; 
    left:0px; width:auto; min-width:127px; margin: 0;
}
#content .dropdown dd ul li{ list-style: none; margin: 0; padding: 0 0 0 10px;}
#content .dropdown dd ul li:hover{ background: #c8c8c8;}
#content .dropdown span.value { display:none;}
#content .dropdown dd ul li a {
	padding:5px; 
	display:block;
	color: #fff;
	text-decoration: none;
}
#content .dropdown dd ul li:hover a {
	color: #161616 !important;
}


/**
 * 9.0 404 page
 * -----------------------------------------------------------------------------
 */
 .error404 #content{
	background: #f2f2f2;
 }
 .error404 .page-header{
	border: 0;
	background: #f2f2f2;
 }
.error404 #content h1{
	background: transparent;
	font-family: 'garamondbold_italic';
	font-size: 45px;
	color: #161616;
}
.error404 #content a:hover{
	text-decoration: none;
}
.error404 #content h2{
	text-transform: initial;
	font-size: 17px;
	line-height: 21px;
	text-align: center;
}
.error404 #content h2 a,
.error404 #content h2 a:hover{
	text-decoration: underline;
}
.error404 #content img.errorbk{
	max-width: 100%;
	height: auto;
	border: 0;
}


/**
 * 9.0 Footer
 * -----------------------------------------------------------------------------
 */
.site-footer{
    /*overflow: hidden;
	background: url(images/footer_bg.png) transparent repeat;
	padding: 8px 32px 7px;
	position: relative;
    border-top: 1px solid #c8c8c8;
    clear: both;*/
}

/***

	CSS ADDITIONNEL

***/
	
@media screen and (min-width:320px) and (max-width:600px)  {
	
	/*.post, .post .meta-container {
		width: 100%;
	} */

	.ssba {
		/*padding-left: 25%;*/
	}

	.blog #content .page-header h1, .archive #content .page-header h1 {
		padding: 60px;
	}

	.blog .page-header select, .archive .page-header select, {
		z-index:400;
	}

	.single #comments{ 
		width: 100%;
		margin:0;
		padding:0;
	}

	
}


.single #commentform label{
	width:100%;
}


.single #commentform input[type=submit]{
	width: 100%;
	padding: 5%;
	margin:0;
	font-size: 70%;
}


.archive .page-header {
	/*width: inherit;*/
}


.jsn-bootstrap .page-header {
	width: 100%;
}


.blog .page-header select[name=archive-category], 
.archive .page-header select[name=archive-category],
.blog .page-header select[name=archive-date],
.archive .page-header select[name=archive-date] {
	z-index:55;
}


.blog .page-header select, 
.archive .page-header select {
	width: 127px;
}

.loop-pagination{
	font-size: 16px;
}
.pagination .current{
	font-family: 'garamondbold';
	font-size: 17px;
}

.text-justify-xs {
    text-align: justify;
}
.text-left-xs{
    text-align: left;
}
.text-center-xs {
    text-align: center;
}
.text-right-xs {
    text-align: right;
}

.float-center-xs{
	margin: 0 auto;
	float: none;
	display: inline-block;
	overflow: hidden;
}
.float-left-xs{
	float: left;
}
.float-right-xs{
	float: right;
}
.nohpadding-xs{
	padding-left: 0;
	padding-right: 0;
}
@media (max-width: 768px) {

	.jsn-bootstrap .carousel-caption, 
	.jsn-bootstrap .ig-element-image2 .image2-caption{
		position: relative !important;
		width:	100% !important;
		top: 0 !important;
		left: 0 !important;
		background: #f2f2f2 !important;
		color: #161616 !important;
		z-index: 9 !important;
	}
	.jsn-bootstrap .ig-element-carousel2 .carousel-caption{
		padding-bottom: 50px;
	}
	.jsn-bootstrap img.hidden-xs{
		display: none !important;
	}
	.blog .page-header, 
	.archive .page-header,
	.post{
		width: 100%;
	}
	.post{
		border-left: 1px solid #f2f2f2;
		border-right: 1px solid #f2f2f2;
	}
	.blog #content .page-header h1, .archive #content .page-header h1 {
		padding: 60px 15px 15px;
	}
}
@media (max-width: 992px) {
	.post div.share-links:before, .post span.edit-link:before, #comments span.edit-link:before{
		content: '';
	}
	#logo{
		padding: 0 !important;
		margin: 16px 5px 0 15px;
	}
}
@media (max-width: 767px) {
	#content .alignright{
		margin: 0 0 25px 40px;
		margin: 0 0 25px 0;
		width: 100%;
		float: none;
	}
	#content .alignleft{
		margin: 0 40px 25px 0;
		margin: 0 0 25px 0;
		width: 100%;
		float: none
	}
	#content .aligncenter{
		margin: 0 auto 25px;
		width: 100%;
	}
	#header-main #currency_block_top {
		width: 100%;
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .text-justify-sm {
        text-align: justify;
    }
	.text-left-sm{
		text-align: left;
	}
	.text-center-sm {
		text-align: center;
	}
	.text-right-sm {
		text-align: right;
	}
	.float-center-sm{
		margin: 0 auto;
		float: none;
		display: inline-block;
		overflow: hidden;
	}
	.float-left-sm{
		float: left;
	}
	.float-right-sm{
		float: right;
	}
	.nohpadding-sm{
		padding-left: 0;
		padding-right: 0;
	}
	.nopadding-sm{
		padding: 0 !important;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .text-justify-md {
        text-align: justify;
    }
	.text-left-md{
		text-align: left;
	}
	.text-center-md {
		text-align: center;
	}
	.text-right-md {
		text-align: right;
	}
	.float-center-md{
		margin: 0 auto;
		float: none;
		display: inline-block;
		overflow: hidden;
	}
	.float-left-md{
		float: left;
	}
	.float-right-md{
		float: right;
	}
	.nohpadding-md{
		padding-left: 0;
		padding-right: 0;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .text-justify-lg {
        text-align: justify;
    }
	.text-left-lg{
		text-align: left;
	}
	.text-center-lg {
		text-align: center;
	}
	.text-right-lg {
		text-align: right;
	}
	.float-center-lg{
		margin: 0 auto;
		float: none;
		display: inline-block;
		overflow: hidden;
	}
	.float-left-lg{
		float: left;
	}
	.float-right-lg{
		float: right;
	}
	.nohpadding-lg{
		padding-left: 0;
		padding-right: 0;
	}
}
/* small devices (smartphones portrait mode, 414px and below) */
@media (max-width: 414px) {
	.ig-element-image2 {
	    margin-left: 0;
	    margin-right: 0;
	}
	.jsn-bootstrap .col-md-4,
	.jsn-bootstrap .col-md-6{
		text-align: center;
	}
	.home .jsn-bootstrap:nth-child(n+3) .col-md-8,
	.home .jsn-bootstrap:nth-child(n+3) .col-md-4,
	.home .jsn-bootstrap:nth-child(n+3) .col-md-12,
	.home .jsn-bootstrap:nth-child(n+3) .col-md-6{
	padding : 0 6px;
	}
	.ig-element-image3,
	.home #content img,
	.ig-element-image2{
		width:100%;
	}
	.home .jsn-bootstrap .ig-element-video {
    margin: 5px 0px;
	}
	.home .bloc-reassurance .ig-element-image2 img,
	.home .bloc-reassurance .ig-element-image2 {
	width : initial !important;
	}
}
/* if portrait mode is detected on iPad, rotate the entire site -90 degrees to hint rotating to landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  #page {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  body {
  	background: url(images/lock300.png) no-repeat fixed center !important;
  }
}
/* trustpilot */
.trustpilot_score a {
	text-decoration: none !important;
}
.trustpilot_score .logo {
	display: block;
}
.trustpilot_score .logo .trustpilot_logo {
	display: inline-block;
	background: url(images/trustpilot.png) 0 0 no-repeat;
	width: 100px;
	height: 15px;
	background-size: contain;
}
.trustpilot_score .logo .trustpilot_label {
	background: url(images/arrow.png) no-repeat left center;
	padding-left: 15px;
	font-size: 16px;
	color: #000;
	font-family: arial, sans-serif;
}
.trustpilot_score .stars {
	background: url(images/stars.png) 0 0 no-repeat;
	width: 58px;
	position: relative;
	height: 9px;
	display: inline-block;
	margin-top: 2px;
}
.trustpilot_score .stars .trustpilot_active_stars {
	background: url(images/active-stars.png) 0 0 no-repeat;
	height: 9px;
	position: absolute;
	top: 0;
	left: 0;
}
.trustpilot_score_text {
	font-size: 10px !important;
	font-weight: normal  !important;
	padding-top: 0  !important;
	display: inline-block  !important;
	line-height: 0 !important;
	margin:0 !important;
}
.trustpilot_score_text {
	padding: 5px 0 0  !important;
	font-size: 15px  !important;
}
.trustpilot_score p {
	margin:0 !important;
}

.page-id-7978 #content .jsn-bootstrap .ig-element-image2 p{
	line-height: 1;
}

.page-id-8087 b {
	color:#d63131
}
#content #homeh1 {
	background: none;
    color: #151515;
    font-size: 19px;
    padding: 0;
    margin: 0 0 30px;
    text-transform: initial;
}

.red-text{
	color:#d63131
}
#igdlink{
	float:right;
	margin: -2px 0 0 5px;
}
.button-cta {
  display: inline-block;
  padding: 12px 24px;
  text-align:center;
  border-radius: 6px;
  border: 0;
  font-weight: bold;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  background: #d63131 !important;
  color: #fff !important;
  text-decoration: initial !important;
}
/* Add a rollover background colour but keep the text white */
.button-cta:hover,
.button-cta:focus,
.button-cta:active {
	background: #d63131 !important;
    color: #fff !important;
}

.pdn10 {
	padding:10px;
}
.shop-now{
	background-color:#000;
	color:#fff !important;
	text-decoration:none !important;
	margin:20px 0 0 50px !important;	
}
.pdn0 .image2-caption.white.block_trans {
 padding: 0px;
}
.btmTtl{
   top:-42px;
}
.btmTtl .title {
      text-align: center;
      position: relative;
      z-index: 1;
      top: 320px;
      background: rgba(0, 0, 0, 0.5);
}
/* Youtube Popup */

.YouTubePopUp-Wrap{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    top:0;
    left:0;
    z-index:9999999999999;
}

.YouTubePopUp-animation{
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */
    top:32px;
    z-index:99998;
}

.YouTubePopUp-Content{
    max-width:680px;
    display:block;
    margin:0 auto;
    height:100%;
    position:relative;
}

.YouTubePopUp-Content iframe{
    max-width:100% !important;
    width:100% !important;
    display:block !important;
    height:480px !important;
    border:none !important;
    position:absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.YouTubePopUp-Hide{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.YouTubePopUp-Close{
    position:absolute;
    top:0;
    cursor:pointer;
    bottom:528px;
    right:0px;
    margin:auto 0;
    width:24px;
    height:24px;
    background:url(images/close.png) no-repeat;
    background-size:24px 24px;
    -webkit-background-size:24px 24px;
    -moz-background-size:24px 24px;
    -o-background-size:24px 24px;
}

.YouTubePopUp-Close:hover{
    opacity:0.5;
}

@media all and (max-width: 768px) and (min-width: 10px){
    .YouTubePopUp-Content{
        max-width:90%;
    }
}

@media all and (max-width: 600px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:320px !important;
    }

    .YouTubePopUp-Close{
        bottom:362px;
    }
}

@media all and (max-width: 480px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:220px !important;
    }

    .YouTubePopUp-Close{
        bottom:262px;
    }
}

.lastrow-home .col-md-12{
	padding-left: 3px !important;
    padding-right: 4px !important;
}

.jsn-bootstrap .panel-default {
    border-color: transparent !important;
}

.bloc-accordeon h1{
	background: none !important;
	font-size:25px !important;
}
.bloc-reassurance > .col-md-3{
	padding-left: 10px !important;
}
.bloc-reassurance > .col-md-3 .ig-element-image2 {
	padding: 2px 0 !important;
}

.page-id-8492 .jsn-bootstrap .ig-element-image3 .title,
.page-id-3225 .jsn-bootstrap .ig-element-image3 .title,
.page-id-4155 .jsn-bootstrap .ig-element-image3 .title {
	background: #000;
	color:#fff;
	font-style:italic;
}
.jsn-bootstrap .ig-element-image3:hover .title {
    background: #e2e2e2;
    color: #000;
}
.page-id-8492 .jsn-bootstrap .ig-element-image2 .image2-caption,
.page-id-3225 .jsn-bootstrap .ig-element-image2 .image2-caption,
.page-id-4155 .jsn-bootstrap .ig-element-image2 .image2-caption{
	font-style: normal !important;
}
.page-id-8492 .bloc-trustpilot .title,
.page-id-3225 .bloc-trustpilot .title,
.page-id-4155 .bloc-trustpilot .title{
    background-color: #000;
    padding: 9px;
    color: #fff;
    text-align: center;
    margin-top: -20px !important;
    margin-left: -10px !important;
    font-family: 'garmondregular';
    font-size: 18px;
    line-height: 26px;
    width: 106%;
    font-style: italic;
}
.page-id-8492 .bloc-trustpilot:hover .title,
.page-id-3225 .bloc-trustpilot:hover .title,
.page-id-4155 .bloc-trustpilot:hover .title{
    background: #e2e2e2;
    color: #000;
}

.home-h2like{
	font-family: 'garamondsemibold';
    font-size: 24px;
    margin: 20px 20px;
    text-transform: uppercase;
    line-height: 1;
}
.jsn-bootstrap .panel-default > .panel-heading {
    background-color: transparent !important;
}
.jsn-bootstrap .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.addeventatc{
	display:block !important;
}

@media all and (max-width: 480px) and (min-width: 10px){
	.hr-reassurance{
		display:none;
	}
	.bloc-trustpilot {
	    margin-left: 0;
	    margin-right: 0;
	}
	.bloc-intelligence{
		margin-left: -15px;
	}
	.bloc-reassurance > .col-md-3{
	text-align:center;
	}
	.bloc-reassurance > .col-md-3 .ig-element-image2{
	background-color:#000;
	margin-bottom: 2px;
	}
	#boxarenciel, #boxbusiness, #boxzbar,#boxholiday,#boxopal, #boxastro, #boximperial, #boxvip, #boxrecettes, #boxblog{
	margin-top: -15px;
	}
	.coeur img, .bloc-blog img{
	width: 100% !important;
	} 
}

/* Popup styling */

#fvpp-blackout {
  display: none;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}

#cm-popup #punch{
	color: #fff;
    margin-top: 40px;
    text-align: center;
    font-family: garamondbold;
    font-size: 18px;
}
#cm-popup #countdown{
	color: #fff;
    text-align: center;
    font-family: garamondbold;
    font-size: 16px;
    text-transform: uppercase;
}

#fvpp-close {
	position: absolute;
	top: -3px;
	right: -20px;
	cursor: pointer;
	color: #fff;
}

#fvpp-dialog h2 {
  font-size: 2em;
  margin: 0;
}

#fvpp-dialog p { margin: 0; }

.icon-plus{
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block !important;
	height: 10px !important;
	top: 0.15em;
	vertical-align: middle;
	width: 10px !important;
	transform: rotate(135deg);
	margin-bottom: 10px;
}

@media all and (max-width: 480px) and (min-width: 10px){
	#cm-popup {
		width: 80%;
	    left: 50%;
	    top: 50%;
	    padding: 20px 2%;
	}
	.subpunch{
		display:none;
	}
	#cm-popup #punch{
	    margin-top: 18px;
	    font-size: 12px;
	}
	#cm-popup #countdown{
		color: #fff;
	    text-align: center;
	    font-family: garamondbold;
	    font-size: 12px;
	    text-transform: uppercase;
	}
}
@media all and (width: 414px) and (min-width: 10px){
	#cm-popup {
		margin-left:-165px;
	}
}
@media all and (width: 360px) and (min-width: 10px){
	#cm-popup {
		margin-left:-140px;
	}
}
@media all and (width: 375px) and (min-width: 10px){
	#cm-popup {
		margin-left:-150px;
	}
}
@media all and (width: 320px) and (min-width: 10px){
	#cm-popup {
		margin-left:-130px;
	}
	#cm-popup #punch {
    margin-top: 10px;
    margin-bottom:0;
	}
	#cm-popup #countdown {
    font-size: 10px;
	}
}
.header-main .easter-wp{
  position: absolute;
  top: 44px;
  right: 10px;
}
@media only screen and (max-width: 414px) {
  .header-main .easter-wp, .header-main .easter-shop{
    display: none;
  }
  #allproductsbox{
    left: 10px !important;
    top: inherit !important;
    bottom: 32px;
    padding: 7px 10px !important;
    z-index: 100000;
    font-size: 14px;
    position: fixed !important;
    border-radius: 4px;
  }
  .footer-container a.back-to-top,
  .scroll-indic{
    bottom: 33px;
  }
  .postid-5493 ul li,
  .postid-10400 ul li,
  .postid-4313 ul li{
  	text-align: left;
  }
  #bannercovid-en{
  	content: url('https://www.zchocolat.com/shop/themes/zChocolat/img/BandeauPromesseEN_mobile.jpg');
  	max-width: 100%;
  }
  #bannercovid-fr{
  	content: url('https://www.zchocolat.com/shop/themes/zChocolat/img/BandeauPromesseFR_mobile.jpg');
  	max-width: 100%;
  }
  #bannercovid-es{
  	content: url('https://www.zchocolat.com/shop/themes/zChocolat/img/BandeauPromesseES_mobile.jpg');
  	max-width: 100%;
  }
  .page-id-5747 .blockleft .ig_text, .page-id-10697 .blockleft .ig_text, .page-id-4568 .blockleft .ig_text {
    margin-right: 30px !important;
  }
  .page-id-5747 .blockright .ig_text, .page-id-10697 .blockright .ig_text, .page-id-4568 .blockright .ig_text {
    margin-left: 30px !important;
  }
  .page-id-5747 .blockleft, .page-id-10697 .blockleft, .page-id-4568 .blockleft {
   	margin-left: 0px !important;
  }
  .page-id-5747 .blockright, .page-id-10697 .blockright, .page-id-4568 .blockright {
    margin-right: 0px !important;
  }

}

.home .panel-title a {
	text-decoration:none !important;
}
.slider-gift{
	margin: 0 -10px;
}

.covid19 .ig_text{
	background-color:#d63231;
}

/*.nav-menu > li:last-child > a:first-child {
    color: #d63131;
}*/

#post-3825 .entry-title, #post-5057 .entry-title{
	font-size:28px !important;
}

/* My chocolates badges */
.bestseller-page{
width: 50px;
border: 0;
height: 50px;
background-image: url(https://www.zchocolat.com/shop/themes/zChocolat/img/macaron-bestseller.png);
background-size: contain;
display:inline-block;
}
.vegan-page{
width: 50px;
border: 0;
height: 50px;
background-image: url(https://www.zchocolat.com/shop/themes/zChocolat/img/macaron-vegan.png);
background-size: contain;
display:inline-block;
}
.gluten-page{
width: 50px;
border: 0;
height: 50px;
background-image: url(https://www.zchocolat.com/shop/themes/zChocolat/img/macaron-glutenfree.png);
background-size: contain;
display:inline-block;
}
.macaron-col{
	padding-right:40px !important;
	text-align: right;
}
/*
.page-id-811 .entry-content .title img{
	margin-left:3px !important;
}
*/
#wp-mini-menu{
	margin-top:35px !important;
}
.nodisplaydesk{
	display:none !important;
}

@media all and (max-width: 480px) and (min-width: 10px){
	.macaron-col{
		padding-right:0 !important;
		text-align: center;
	}
	.nodisplaydesk{
	display:block !important;
	}
	.title-col{
		text-align:center;
	}
	.page-id-811 .entry-content .title .title-item,
	.page-id-34 .entry-content .title .title-item,
	.page-id-35 .entry-content .title .title-item{
		text-align:center !important;
	}

	.page-id-811 .entry-content .title img,
	.page-id-34 .entry-content .title img,
	.page-id-35 .entry-content .title img{
	float: none !important;
	}
	.page-id-10697 .bloc-options p, .page-id-10697 .bloc-options li,
	.page-id-5747 .bloc-options p, .page-id-5747 .bloc-options li,
	.page-id-4568 .bloc-options p, .page-id-4568 .bloc-options li  {
		text-align:left !important;
	}
}