/*
Theme Name: Jeff LC
Theme URI: #
Author: Jeremy Bornerand
Author URI: http://jeremybornerand.com/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 

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 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Catamaran", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 24px;
}

h2,
.home.blog .entry-title {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 15px;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

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

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

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

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

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

:focus {
	outline: none;
}



/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #000;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Catamaran", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Catamaran", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Catamaran", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Catamaran", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

.classique table{
	width: 100%!important;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 0;
}

td {
	padding: 0.4em;
	vertical-align: top;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

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

a:focus {
	outline: none!important;
}

a:hover,
a:active {
	color: #868686;
	outline: 0;
}



/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/



/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

html,body{
	overflow-x: hidden;
}

body{
	opacity: 0;
	background: #fff;
	-webkit-transition: opacity 0.8s ease;
	-moz-transition: opacity 0.8s ease;
	-o-transition: opacity 0.8s ease;
	transition: opacity 0.8s ease;
/* 	-webkit-font-smoothing: antialiased; */
}

.wrap{
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
}

.wrapper{
	max-width: 1100px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
}

.wrapper:after {
	clear: both;
	content: "";
	display: block;
}

.clear{
	clear: both;
}


a{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

ul.bxslider{
	list-style: none;
	margin: 0;
	padding: 0;
}

.wow{
	visibility: hidden;
}

p:last-child, ul:last-child{
	margin-bottom: 0;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/


.site-header {
	position: relative;
}




/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.preload{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
	background: black;
	top: 0;
    left: 0;
    margin-top: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}

.preload.off{
	top: -100%;
    margin-top: 113px;
}

.preload:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: white;
	z-index: -999999;
}

/*
.preload:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.2);
	z-index: 0;
	opacity: 1;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
*/

.preload.off:before{
	opacity: 0;
}

.preload .logo{
	display: block;
	margin: 0 auto 80px;
	width: 260px;
	height: 94px;
	text-indent: -999em;
	overflow: hidden;
	background: url(assets/images/logoBlanc-2.png) no-repeat center center;
	background-size: contain;
	opacity: 1;
}

.preload a.entrer{
	color: white;
    font-weight: 300;
    border: 1px solid white;
    padding: 10px 30px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    background: transparent;
    position: relative;
    z-index: 2;
}

.preload a.entrer:hover{
	background: white;
	color: black;
}

.preloadcont{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	position: relative;
	z-index: 1;
}

.preload .backstretch{
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.preload.off .backstretch{
	opacity: 0;
}

.site-title{
	display: block;
	margin: 0;
	padding: 0;
}

.site-title a{
	display: block;
	margin: 0 auto ;
	width: 180px;
    height: 64px;
	text-indent: -999em;
	overflow: hidden;
	background: url(assets/images/logoBlanc-2.png) no-repeat center center;
	background-size: contain;
	opacity: 1;
	position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 100;
    opacity: 0;
    margin-left: -90px;
}

.off .site-title a{
	background: url(assets/images/logoNoir-2.png) no-repeat center center;
	background-size: contain;
	opacity: 1;
}

.menuon .off .site-title a{
	background: url(assets/images/logoBlanc-2.png) no-repeat center center;
	background-size: contain;
}

.site-content {
	
}



.hamburger{
	position: absolute;
    right: 36px;
    bottom: 22px;
    z-index: 100;
    line-height: 1;
    opacity: 0;
    display: none;
    padding: 15px 0;
}

.off .hamburger{
	display: block;
	opacity: 1;
}

.menuon .hamburger .hamburger-inner, .menuon .hamburger .hamburger-inner:after, .menuon .hamburger .hamburger-inner:before{
	background: white;
}

.menu{
	position: fixed;
    background: rgba(0, 0, 0, 0.87);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    display: none;
    text-align: center;
    
}

.main-menu{
	list-style: none;
	margin: 0;
	padding: 40px 0 0;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	position: relative;
    z-index: 1;
}

.main-menu li{
	padding: 20px 0;
}

.main-menu li.aprop{
	padding-top: 80px;
	position: relative;
}

.main-menu li.aprop:before{
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background: white;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: 30px;
}

.main-menu a{
	color: white;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0.2em;
}

.main-menu a:hover, .main-menu li.current-menu-item a, .main-menu li.current-menu-parent a{
	color: #868686;
}

.site-header .footer-menu{
	list-style: none;
	margin: 0;
	padding: 20px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: normal;
	z-index: 1;
}

.menu .fond{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.site-header .footer-menu li{
	display: inline-block;
	margin: 0 10px;
}

.site-header .footer-menu li a{
	color: white;
	font-weight: 300;
    font-size: 11px;
}

.site-header .footer-menu a:hover{
	color: #868686;
}

.social-menu{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	line-height: normal;
	position: absolute;
	right: 40px;
	bottom: 36px;
	text-align: right;
	z-index: 100;
	-webkit-transition: right 0.4s ease, opacity 0.4s ease;
	-moz-transition: right 0.4s ease, opacity 0.4s ease;
	-o-transition: right 0.4s ease, opacity 0.4s ease;
	transition: right 0.4s ease, opacity 0.4s ease;
	opacity: 0;
}

.off .social-menu{
	opacity: 1;
}

.social-menu li{
	display: inline-block;
	margin-left: 10px;
	line-height: 1;
}

.social-menu a{
	font-size: 20px;
	color: white;
}

.off .social-menu{
	right: 98px;
}

.off .social-menu a{
	color: black;
}

.menuon .off .social-menu a{
	color: white;
}

.social-menu a:hover, .off .social-menu a:hover, .menuon .off .social-menu a:hover{
	color: #868686;
}

#content{
	padding-top: 100px;
	
}

.content-area{
	padding: 20px 36px;
}

.category #main > .wrapper{
	padding-top: 70px;
    padding-bottom: 90px;
}

ul.contents{
	list-style: none;
	margin: -10px -30px;
	padding: 0;
}

ul.contents li{
	display: block;
	width: 33.33%;
	padding: 10px 30px;
	float: left;
}

ul.contents li .licont{
	position: relative;
}

ul.contents li .litop{
	display: block;
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 1;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

ul.contents li:hover .litop{
	opacity: 0.7;
}

ul.contents li .lidesc{
	background: white;
	padding: 20px 0 10px;
}

ul.contents li .lidesc h3{
	margin: 0;
	padding: 0;
	font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 300;
    display: block;
    width: 50%;
    float: left;
    padding-right: 10px;
    clear: none;
}

ul.contents li .lidesc h3.cate{
	letter-spacing: 0;
	font-weight: 700;
	width: 100%;
    padding: 0;
}

ul.contents li .lidesc h3.cate i{
	float: right;
}

ul.contents li .lidesc h4{
	margin: 0;
	padding: 0;
	display: block;
    width: 50%;
    float: right;
    text-align: right;
    padding-left: 10px;
     clear: none;
     font-weight: 800;
}

#masonryContainer{
	margin: 0 -10px 0;
	background: #fff;
	padding: 10px 0;
	z-index: 2;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.charge #masonryContainer{
	opacity: 1;
}

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

#masonryContainer .item{
	width: 33.33%;
	padding: 10px;
	
}

#masonryContainer .item a{
	opacity: 1;
	    display: block;
}

#masonryContainer .item a:hover{
	opacity: 0.7;
}

#masonryContainer .item img{
	display: block;
}

.galtop{
	position: relative;
    max-width: 1100px;
    display: block;
    margin: 0 auto;
    padding: 0 20px;
}

.fixed .galtop{
	position: absolute;
	left: 20px;
}

.galtopcont{
	padding: 70px 0 90px
}

.galtop.vide .galtopcont{
	padding: 70px 0 20px
}

.galtopcont h2, .galtopcont h3{
	text-align: center;
}

.galimgs:empty{
	min-height: 0!important;
}

/*
.scrolled .galtop{
	opacity: 0;
}
*/

.classique{
	width: 100%;
	max-width: 1100px;
    display: block;
    margin: 0 auto;
    padding: 0 20px;
	padding-top: 70px;
}

.classique a{
	border-bottom: 1px solid;
}

.galtop h2, .classique h2{
	font-size: 52px;
    font-weight: 100;
    letter-spacing: 0.2em;
    padding: 0;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
}

.galtop h3{
	font-size: 41px;
    padding: 0;
    margin: 5px 0 0;
    line-height: 1;
    font-weight: 900;
}

.intro{
	font-size: 20px;
    font-weight: 100;
    padding-top: 40px;
    line-height: 1.6;
}

.classique h2 + .intro{
	padding-top: 0;
}

.galimgs{
	width: 100%;
	max-width: 1100px;
    display: block;
    margin: 0 auto;
    padding: 0 20px;
}

a.scrolldown{
	position: fixed;
	left: 16px;
	bottom: 0;
	z-index: 1;
	padding: 20px;
	opacity: 1;
	font-size: 50px;
    line-height: 1;
    animation-name: bounce;
    -webkit-animation-name: bounce;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) -in;
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) -in;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

a.scrolldown.on{
	bottom: 10px;
}

.scrolled a.scrolldown{
	opacity: 0;
}

.fancybox-button--play, .fancybox-button--fullscreen, .fancybox-button--thumbs, .fancybox-infobar__body{
	display: none!important;
}

.fancybox-placeholder:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
}

.info{
	background: #ededed;
    padding: 20px;
    margin-bottom: 40px;
    font-weight: 200;
}

.info a{
	border-bottom: 1px solid;
}


.bread{
	position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    padding: 47px 0 0 36px;
    font-size: 17px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
}

.bread span{
	margin-left: 8px;
    font-weight: 300;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.scrolled .bread span{
	opacity: 1;
}

.menuon .bread{
	z-index: 98;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
/* 	background: #ededed; */
    padding: 30px 0 20px;
    text-align: center;
    width: 100%;
}

.footleft p{
	margin: 0;
}

.footright{
	margin-top: 10px;
}

.footright ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footright ul li{
	display: inline-block;
	vertical-align: middle;
}

.footright ul li + li{
	margin-left: 10px;
}

.footright ul li a{
	font-size: 12px;
}


.contact{
	display: block;
	position: absolute;
	left: 36px;
    top: 36px;
	color: white;
	font-weight: 100;
	line-height: normal;
	text-align: left;
    z-index: 1;
}

.contact a{
	color: white;
}

.contact a:hover{
	color: #868686;
}

.contact p{
	margin-bottom: 0;
}


/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

/*
img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}
*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.classique h2{
	display: none;
}

.fancybox-button.fancybox-button--zoom, .fancybox-infobar{
	display: none!important;
}

/*
.fancybox-toolbar, .fancybox-navigation .fancybox-button{
	visibility: visible;
	opacity: 1;
}
*/

.fancybox-toolbar {
    right: 50%;
    top: 15px;
    margin-right: -38px;
    z-index: 99998;
}

.fancybox-navigation .fancybox-button{
	    top: 18px;
	
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 50%;
    margin-left: -68px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 50%;
    margin-right: -68px;
}

.fancybox-caption{
	background: white;
	opacity: 0!important;
	-webkit-transition: opacity 0.4s ease!important;
    -moz-transition: opacity 0.4s ease!important;
    -o-transition: opacity 0.4s ease!important;
    transition: opacity 0.4s ease!important;
}

.fancybox-container.legy .fancybox-caption{
	opacity: 1!important;
}

a.capty{
	font-size: 24px;
    padding: 10px 10px 10px 0;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}

.wooo #main > .wrapper{
	padding-top: 70px;
	padding-bottom: 90px;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
	width: 180px;
}

.woocommerce-account .woocommerce-MyAccount-content{
	width: calc(100% - 200px);
}

.woocommerce-account .woocommerce-MyAccount-content > *:not(p){
	font-size: 15px;
}

.woocommerce-account .woocommerce-MyAccount-content p a{
	color: #868686;
}

.woocommerce-account .woocommerce-MyAccount-content p a:hover{
	color: black;
}

.woocommerce-MyAccount-navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-MyAccount-navigation ul li{
	
}

.woocommerce-MyAccount-navigation ul li a{
	line-height: 1;
    display: inline-block;
}

.woocommerce-MyAccount-navigation ul li.is-active a{
	border-bottom: 1px solid;
}

.woocommerce form .form-row label {
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 4px;
    font-size: 14px;
}

.woocommerce form .form-row {
    padding: 3px 0;
    margin: 0 0 6px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 17px 35px;
    font-weight: 600;
    border-radius: 0;
    left: auto;
    color: #fff;
    background-color: #000;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #666;
    text-decoration: none;
    background-image: none;
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
	background: black;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0;
    margin: 0 0 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #000;
	font-weight: 400;
	line-height: 48px;
}

.select2-container .select2-selection--single{
	height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
	color: black!important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
	border-top-color: black!important;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #d3ced2;
    padding: 20px;
    margin: 0 0;
    text-align: left;
    border-radius: 0;
}

.woocommerce #customer_login form .form-row label.inline {
    display: inline;
    margin: 0 0 0 10px;
}

.woocommerce-form-register p{
	font-size: 12px;
    line-height: 1.4;
}

.lost_password a{
	font-size: 14px;
}

.menushop{
	position: absolute;
    line-height: 1;
    right: 97px;
    bottom: 41px;
    font-size: 20px;
}

.menushop a{
	display: inline-block;
    vertical-align: middle;
	margin-left: 5px;
}

.menushop a i{
	display: inline-block;
    vertical-align: middle;
}

.menushop a span{
	margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 15px;
}

.wooo .off .social-menu {
    right: 180px;
}

.wooo .off .social-menu li:last-child{
	display: none;
}

p.cart-empty, p.return-to-shop{
	text-align: center;
}

.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering{
	display: none;
}

.post-type-archive-product #content > .wrapper, .tax-product_cat #content > .wrapper, .single-product #content > .wrapper, .home #main > .wrapper{
	padding-top: 70px;
	padding-bottom: 90px;
}

ul.contents.archi{
	text-align: center;
}

ul.contents.archi li{
	width: 33.33%;
	float: none;
    display: inline-block;
    vertical-align: top;
}

ul.contents.archi li.sepa{
	width: 100%;
	height: 1px;
	padding: 0;
}

ul.contents li.sepa{
	float: none;
    display: inline-block;
    vertical-align: top;
	width: 100%;
	height: 1px;
	padding: 0;
}

ul.contents.archi li .lidesc h3{
	width: 100%;
    float: none;
    padding: 6px 0;
    text-align: center;
    font-weight: 500;
}

ul.contents.archi li .lidesc h3 + h4{
	margin-top: -6px;
}

.woocommerce ul.products, .woocommerce-page ul.products {
	margin: -10px -30px;
	text-align: center;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	float: none;
    margin: 0;
    padding: 10px 30px;
    position: relative;
    width: 33.33%;
    margin-left: 0;
    display: inline-block;
}

.tax-product_cat .bread span,  .single-product .bread span, .woocommerce-cart .bread span, .woocommerce-checkout .bread span{
	opacity: 1;
}

.woocommerce ul.products li.product .button{
	display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: 0;
    margin: 0;
    font-size: 15px;
    width: 100%;
    text-align: center;
}

ul.contents.producty li .lidesc{
	    padding: 10px 0;
}

ul.contents.producty li .lidesc h4{
	font-weight: 700;
    width: 100%;
    font-size: 15px;
    text-align: center;
    padding: 0;
    float: none;
}

.woocommerce div.product p.price, .woocommerce div.product span.price{
	color: black;
}

.woocommerce div.product .woocommerce-variation-price span.price {
	font-weight: 800;
}

.woocommerce.single-product div.product form.cart div.quantity, .woocommerce div.product form.cart .reset_variations{
	display: none!important;
}

.woocommerce-product-details__short-description{
	margin-bottom: 40px;
}

ul.donnees{
	list-style: none;
	margin: 40px 0;
	padding: 0;
}

ul.donnees li{
	display: block;
	margin: 15px 0;
    line-height: 1.4;
}

ul.donnees li span.intitul{
	display: inline-block;
	vertical-align: top;
	width: 140px;
	padding-right: 10px;
	font-weight: 700;
}

ul.donnees li span.donn{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 140px);
}

.woocommerce-variation-availability{
	margin: 10px 0;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #000;
    color: #fff;
}

.woocommerce div.product form.cart .button{
	margin-top: 30px;
}

.woocommerce div.product form.cart .variations td.label{
	width: 140px;
	padding-right: 0;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #868686;
    color: #fff;
}

.woocommerce div.product form.cart .variations select{
	margin-right: 0;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
	padding: 17px 35px;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{
	background: #949494;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
	margin: 0 -5px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image{
	padding: 5px;
	vertical-align: top;
}

/*
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-of-type(1){
	margin-bottom: 20px;
}
*/

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    padding: 22px 35px;
}

.woocommerce table.shop_table{
	border-radius: 0;
}

.woocommerce .woocommerce-customer-details address{
	border-radius: 0;
    padding: 0;
    border: 0;
}

p.woocommerce-notice--success.woocommerce-thankyou-order-received{
	text-align: center;
    margin-bottom: 80px;
    font-size: 26px;
}

.woocommerce-MyAccount-content p mark{
	background: transparent;
	font-weight: 700;
}

address {
    font-style: normal;
}

.woocommerce-checkout form.checkout{
	margin-top: 30px;
}

.prodimgs{
	width: calc(50% - 20px)!important;
	float: left;
	margin-bottom: 0!important;
    position: relative;
}

.smallz{
	margin: 5px -5px 0;
}

.smallz a{
	width: 25%;
	display: block;
	float: left;
	padding: 5px;
}

.smallz a img{
	display: block;
}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none;
}

.woocommerce ul.products li:nth-of-type(3n+1){
	clear: both;
}

.term-description{
	text-align: center;
    font-size: 20px;
    font-weight: 200;
    padding-top: 50px;
}

.refs{
	margin-top: 30px;
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #EEE;
}

.ref{
	display: inline-block;
	vertical-align: middle;
	margin: 20px 30px;
}

.ref a{
	display: block;
}

.ref img{
	display: block;
	width: auto;
	height: auto;
	max-width: 150px;
	max-height: 50px;
}

.bread + .intro{
	padding-top: 0;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

@media screen and (max-height: 850px) {
	.main-menu li {
	    padding: 12px 0;
	}
	.main-menu a {
    	font-size: 30px;
    }
}

@media screen and (max-height: 650px) {
	.main-menu li {
	    padding: 5px 0;
	}
    .main-menu a {
    	font-size: 22px;
	}
}

@media screen and (max-width: 2000px) {
	ul.contents li{
		
	}
	ul.contents li .litop{
		height: 300px;
	}
}

@media screen and (max-width: 1700px) {
	ul.contents li{
		width: 33.33%;
	}
	ul.contents li .litop{
		height: 350px;
	}
}

@media screen and (max-width: 1500px) {
	ul.contents li{
		width: 33.33%;
	}
	ul.contents li .litop{
		height: 300px;
	}
}

@media screen and (max-width: 1300px) {
	ul.contents li{
		width: 33.33%;
	}
	ul.contents li .litop{
		height: 250px;
	}
	#masonryContainer .item {
    	width: 33.33%;
    }
}

@media screen and (max-width: 1290px) {
	a.scrolldown{
		left: 0;
	}
}

@media screen and (max-width: 1150px) {
	ul.contents li{
		width: 50%;
	}
	ul.contents li .litop{
		height: 330px;
	}
}

@media screen and (max-width: 1024px) {
	.main-menu li {
	    padding: 12px 0;
	}
	.main-menu a {
    	font-size: 30px;
    }
    ul.contents li .litop {
	    height: 220px;
	}
	#masonryContainer .item {
    	width: 50%;
    }
    .bread span{
		display: none;
	}
/*
	.fancybox-controls--canzoomIn .fancybox-placeholder{
		height: 100%!important;
	    top: 0!important;
	    transform: translate(0,0)!important;
	    width: 100%!important;
	}
	.fancybox-image{
		max-width: calc(100% - 20px);
	    max-height: calc(100% - 88px);
	    width: auto;
	    height: auto;
	    margin: 0 auto;
	    display: block;
	    left: 50%!important;
	    top: 50%;
	    transform: translate(-50%,-50%);
	}
*/
	.fancybox-toolbar{
		top: 0;
		margin-right: -22px;
	}
	.fancybox-navigation .fancybox-button {
    	top: 3px;
	}
	.fancybox-button--close, .fancybox-controls{
		top: 0px;
	}
	.fancybox-caption {
		display:none!important;
    	padding: 10px 20px!important;
    }
    .fancybox-slide--image{
	    padding: 40px 20px;
    }
    a.capty{
	    display:none!important;
    }
    .wooo .off .social-menu {
	    right: 172px;
	}
}

@media screen and (max-width: 900px) {
	.intro table{
		width: 100%!important;
	}
	.intro table tr{
		height: auto!important;
	}
	.intro table td{
		display: block;
		width: 100%!important;
		height: auto!important;
		    padding: 0;
	}
	.info{
		padding: 20px;
	}
	ul.contents.archi li {
	    width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.wooo #main > .wrapper, .post-type-archive-product #content > .wrapper, .tax-product_cat #content > .wrapper, .single-product #content > .wrapper, .home #main > .wrapper {
    	padding-top: 0;
    	padding-left: 0;
    	padding-right: 0;
    }
    .woocommerce-checkout form.checkout {
    	margin-top: 0;
	}
    a.scrolldown{
	    display: none;
    }
    .galtop, .galimgs{
	    padding: 0;
    }
    .galtopcont{
	    padding-top: 0;
	    padding-bottom: 40px;
    }
    .home #main > .wrapper, .category #main > .wrapper{
	    padding: 0;
    }
	.woocommerce-account .woocommerce-MyAccount-navigation {
	    width: 100%;
	    text-align: center;
	    margin-bottom: 40px;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
	    width: 100%;
	}
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
		margin-top: 40px;
	}
	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
		margin-right: 12px;
	}
	.woocommerce-checkout #payment .payment_box div.form-row {
    	padding: 0;
	}
	.prodimgs {
   	 width: 100%!important;
    	float: none;
    	margin-bottom: 30px!important;
    }
}

@media screen and (max-width: 767px) {
	ul.contents li {
	    width: 100%;
	}
	ul.contents li .litop {
	    height: 300px;
	}
	.fancybox-caption{
		font-size: 12px;
	}
	.fancybox-slide--image{
	    padding: 40px 10px;
    }
    .classique table td{
		width: 100%!important;
		display: block;
		padding: 0 0 20px;
	}
	
	 .classique table td img{
		 width: 100%;
		 display: block;
	 }
}

@media screen and (max-width: 590px) {
	.ref{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.ref img{
		margin: 0 auto;
	}
	.classique h2{
		display: block;
	}

	.content-area {
	    padding: 0 20px;
	}
	.hamburger{
		right: 20px;
	}
	.site-title a{
		width: 142px;
		margin-left: 0;
		left: 20px;
	}
	.info{
		padding: 20px;
	}
	.bread{
		display: none;
	}
	a.scrolldown{
		left: 0;
	}
	ul.contents li .litop {
	    height: 200px;
	}
	.off .social-menu {
	    right: 75px;
	}
	ul.contents li .lidesc h3, ul.contents li .lidesc h4{
		font-size: 15px;
	}
	#masonryContainer .item {
    	width: 100%;
	}
	.galtop h2, .classique h2 {
    	font-size: 33px;
    }
    .galtop h3 {
    	font-size: 28px;
    }
    .intro {
    	font-size: 17px;
    }
    .main-menu li {
	    padding: 5px 0;
	}
    .main-menu a {
    	font-size: 22px;
	}
	.main-menu li.aprop {
    	padding-top: 50px;
    }
    .main-menu li.aprop:before{
	    top: 21px;
    }
    .contact{
	    left: 20px;
		top: 35px;
		border-left: 0;
		padding-left: 0;
		z-index: 2;
    }
    .menuon .off .site-title a{
	    opacity: 0;
	    z-index: -1;
    }
    img.alignleft,
	img.alignright {
		float: none;
	    margin: 15px 0;
	    width: 100%;
	    display: block;
	}
	ul.contents.archi li {
	    width: 100%;
	}
	.menushop{
		right: 76px;
	}
	.wooo .off .social-menu {
    	right: 147px;
	}
	.wooo .content-area {
    	padding: 0 20px;
	}
	#content {
    	padding-top: 113px;
	}
	.preload.off{
		margin-top: 100px;
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    	width: 100%;
    	float: none;
    	clear: both;
    	margin: 0 0 20px;
	}
	ul.donnees li span.intitul, .woocommerce div.product form.cart .variations td.label{
		width: 110px;
	}
	ul.donnees li span.donn{
		width: calc(100% - 110px);
	}
	.woocommerce-customer-details .woocommerce-column--shipping-address{
		margin-top: 30px;
	} 
	.info{
		margin-bottom: 20px;
	}
	.classique h2 + .intro{
		padding-top: 20px;
	}
	.classique{
		padding: 0;
	}
}

@media screen and (max-width: 374px) {
	.hamburger-box, .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
		width: 25px;
	}
	.menushop {
    	right: 62px;
	}
	.off .social-menu {
    	right: 62px;
	}
	.wooo .off .social-menu {
    	right: 130px;
	}
	.site-title a {
    	width: 112px;
    }
    .contact p{
	    font-size: 13px;
    }
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

}