/* 
Theme Name: LABO
Theme URI: http://www.labo-leonard.com/wp-content/themes/labo
Description: Thème enfant de Twenty Seventeen
Author: WebArtMedia
Author URI: http://www.creationdesitesweb-webartmedia.com/
Template: twentyseventeen
Version: 1.0.0
*/

@import url("https://www.labo-leonard.com/wp-content/themes/twentyseventeen/style.css");
@import url("https://fonts.googleapis.com/css?family=Alegreya+Sans:100,100i,300,300i,400,500|Alegreya+Sans+SC:100,100i,300,300i,400,500");

/*
------------------------------------------------
Styles propres au thème parent (twentyseventeen)
------------------------------------------------
*/


/*
------------------------------------------------
Protection visuels (dissuasion) – Point 4.2
Ne doit pas casser les interactions (hover dimensions, infos, etc.)
------------------------------------------------
*/

#labo-product,
#labo-scene {
	position: relative;
}

#labo-product .labo-photo-HD,
#labo-scene .labo-photo-HD {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

#labo-product .labo-protect,
#labo-scene .labo-protect {
	position: absolute;
	inset: 0;
	z-index: 2;
	background: transparent;
}

/* Remonter l'UI au-dessus de l'overlay (pour ne pas casser l'UX) */
#labo-product .labo-paper-window-out,
#labo-product .labo-paper-window-in,
#labo-product .labo-paper-format,
#labo-product .labo-paper-info {
	position: relative;
	z-index: 3;
}

html, body {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 16px;
	letter-spacing: .5px;
}


/* Titrages */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Alegreya Sans SC', sans-serif;
}


/* Liens & Boutons */

body a {
	outline: none !important;
	box-shadow: none !important;
}
body a:link, a:visited {
	color: rgb(165,155,115);
	transition: all .2s;
}
body a:hover, a:active {
	color: #000;
	transition: all .2s;
}

body button {
}


/* Header */

#masthead .wrap { padding: 0px 50px; }

.site-header { background-color: #fff; }

.archive #page > header,
.blog #page > header,
.single #page > header,
.page:not(.home) #page > header {
	height: 214px !important;
	overflow: hidden;
}
.archive [class^="custom-header"],
.blog [class^="custom-header"],
.single [class^="custom-header"],
.page:not(.home) [class^="custom-header"] {
	height: 157px !important;
}
.archive .custom-header-media::before,
.blog .custom-header-media::before,
.single .custom-header-media::before,
.page:not(.home) .custom-header-media::before { display: none; }


.home header .custom-header-media {
	position: relative;
	height: 100vh;
	max-height: 100%;
}


/* Logo */

:not(.home) .site-branding { padding: 30px 0px 15px 0px !important; }

.home .site-branding {
	display: block !important;
	position: absolute;
	width: 100%;
	height: auto !important;
	bottom: 0px;
	padding: 25px 0px !important;
}
.home .site-branding .site-description { color: #fff !important; }

.site-branding .custom-logo-link,
.site-branding .custom-logo-link img,
.site-branding .site-branding-text { display: block !important; }

.site-branding .custom-logo-link { padding: 0px; }
.site-branding .custom-logo-link img { width: 300px; }

.site-branding .custom-logo-link:hover { opacity: .6 !important; }

.site-branding .site-description {
	color: #000 !important;
	width: 302px;
	height: 40px !important;
	line-height: 40px;
	margin-left: -1px;
	font-size: 28px !important;
	font-weight: 100 !important;
	text-align: justify;
	text-align-last: justify;
	letter-spacing: .5px;
	opacity: 1 !important;
}


/* Social Networks */

.site-social-networks {
	display: block;
	position: absolute;
	width: auto;
	height: 100%;
	right: 0px;
	top: 0px;
}
.site-social-networks a {
	display: block;
	margin: 0px;
	padding: 0px !important;
	line-height: 0 !important;
	opacity: .8;
	float: right;
	transition: all .4s;
}
.site-social-networks a img {
	background: #fff;
	width: 29px;
	height: 29px;
	margin: 14px 7px;
	border-radius: 50%;
	overflow: hidden;
}
.site-social-networks a:first-child { margin-right: 50px; }
.site-social-networks a:first-child img { margin-right: 0px !important; }
.site-social-networks a:hover {
	margin-top: -5px;
	opacity: 1;
}

.home .site-social-networks a:first-child { margin-right: 115px; }


/* Content */

.blog #content,
.archive #content,
.single:not(.labo-collections-in) #content,
.page:not(.labo-collections-in) #content { padding: 15px 0px 50px 0px !important; }

.page-id-59:not(.labo-collections-in) #content { padding-bottom: 0px !important; }

.page.home #content,
.page.labo-collections-in #content,
.single.labo-collections-in #content { padding: 0px !important; }

#content .wrap {
	max-width: 1000px !important;
	padding: 0px 50px !important;
}
#content .wrap > p:last-child { margin-bottom: 0px !important; }

.page-id-195 .labo-wrapper p,
.page-id-343 .labo-wrapper p { text-align: justify; }


/* Footer */

.site-footer {
	margin-top: 0px;
	border-color: rgba(165,155,115,.25);
}
.site-footer .wrap {
	position: relative;
	display: block;
	padding: 50px;
}

.site-footer .custom-logo-link,
.site-footer .custom-logo-link img,
.site-footer .site-footer-text { display: block !important; }

.site-footer .custom-logo-link { padding: 0px; }
.site-footer .custom-logo-link img { width: 300px; }

.site-footer .custom-logo-link:hover { opacity: .6 !important; }

.site-footer .site-description {
	color: #000 !important;
	width: 302px;
	height: 40px !important;
	line-height: 40px;
	margin-left: -1px;
	font-size: 28px !important;
	font-weight: 100 !important;
	text-align: justify;
	text-align-last: justify;
	letter-spacing: .5px;
	opacity: 1 !important;
}


/* Menu & Navigation */

#site-navigation button.menu-toggle { display: none !important; }
#site-navigation #top-menu {
	display: block !important;
	padding: 0px;
	border: 0px none;
}

.home .navigation-top {
	bottom: 0px;
}

.site-navigation-fixed.navigation-top { z-index: 99; }

.navigation-top.fixed {
	position: fixed;
	top: 0px;
	bottom: initial;
}
.navigation-top {
	z-index: 1000;
	position: absolute;
	width: 100%;
	border: 0px none;
}
.navigation-top .wrap { padding: 0px 50px; }
.navigation-top .wrap nav { margin-left: 0px !important; }
.navigation-top .wrap nav a {
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 18px !important;
	font-weight: 300 !important;
	padding: 15px 20px !important;
}

.navigation-top .menu-item { margin-right: -.3em; }
.navigation-top .menu-item:first-child > a { margin-left: -1px; padding-left: 0px !important; }
.navigation-top .menu-item > a:hover { color: #000; }

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a { color: #000; }
.navigation-top .current-menu-item > a:hover,
.navigation-top .current_page_item > a:hover { color: rgb(165,155,115) !important; }

.navigation-top .menu-scroll-down {
	color: rgb(165,155,115) !important;
	top: 0px !important;
	right: 57px !important;
}

.labo-collections-in .navigation-top #menu-item-67.current-menu-item > a,
.labo-collections-in .navigation-top #menu-item-67.current_page_item > a {
	color: #fff;
	background: #000;
}
.labo-collections-in .navigation-top #menu-item-67.current-menu-item > a:hover,
.labo-collections-in .navigation-top #menu-item-67.current_page_item > a:hover {
	color: rgb(165,155,115) !important;
	background: #000 !important;
}
.single-labo-product .navigation-top #menu-item-67 > a {
	color: #fff;
	background: rgb(165,155,115);
}
.single-labo-product .navigation-top #menu-item-67 > a:hover {
	color: #000;
	background: #fff;
}


/* Blog */

.blog article.post {
	background: #fff;
	margin: 40px;
	padding: 40px;
}
.blog article.post header {
	height: initial;
	padding-bottom: 20px;
}


/*
-------------------------------------
Styles propres au thème enfant (labo)
-------------------------------------
*/

/* Wrappers */

#main.labo-main > .labo-wrapper {
	overflow: hidden;
}

.labo-wrapper {
	background: #fff;
	width: 100%;
	
}
.labo-wrapper > .labo-wrapper {
	background: #000;
	width: 100%;
	padding-bottom: 40px;
}
.labo-wrapper-with-border-top {
	border-top: 1px solid #eee;
}


/* Titrages */

#labo-collections-title,
#labo-download-title,
#labo-related-title {
	width: 100%;
	line-height: 30px;
	margin: 0px;
	font-size: 28px;
}
#labo-collections-title {
	color: #fff;
	padding: 20px 0px 17.5px 0px;
}
#labo-download-title {
	color: #000;
	padding: 30px 0px 0px 0px;
}
#labo-related-title {
	color: #000;
	padding: 50px 0px 40px 0px;
}


/* Textes */

[class^="labo-text-"] {
	display: inline-block;
	height: 30px;
	line-height: 30px;
}
.labo-text-separate::after {
	display: inline-block;
	content: '';
	width: 0px;
	height: 30px;
	line-height: 30px;
	margin: 0px 12px -6px 12px;
	border-right: 1px #999 solid;
}
.labo-text-level-1 {
	font-size: 25px;
	font-variant: small-caps;
}
.labo-text-level-2 {
	font-size: 20px;
}


/* Page d’Accueil */

.home ul[id^="labo-items-list-"] { padding-top: .5% !important; }


/* Page Présentation */

.page-id-195 .labo-wrapper a { font-weight: bold !important; }
.page-id-195 .labo-wrapper strong { white-space: nowrap; }


/* Page Collections (labo-product-collection) */

.page-id-59:not(.labo-collections-in) ul[id^="labo-items-list-"] { padding-top: 1% !important; }

/* Header */
#labo-collections-header {
	background: #000;
	width: 100%;
}
#labo-collections-header.labo-fixed {
	position: fixed;
	top: 57px;
	z-index: 10;
}
#labo-collections-header a:hover, #labo-collections-header a:active {
	color: #fff;
}

/* Footer */
#labo-collections-footer { display: none; }
.labo-collections-in #labo-collections-footer {
	display: block;
	position: relative;
	color: #fff;
	background: #000;
	width: 100%;
	line-height: 20px;
	padding-bottom: .5%;
}
.labo-collections-in #labo-collections-footer a:hover { color: #fff; }

/* Affichage spécifique */
#labo-download-title + p {
	font-size: 20px;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

/* Liste d’items Type 1 & 2 */
ul[id^="labo-items-list-"] {
	display: inline-block;
	position: relative;
	background: #000;
	padding: 0px;
	list-style: none;
	clear: both;
}
ul[id^="labo-items-list-"]::after {
	content: '';
	display: table-cell;
	clear: both;
}

ul[id^="labo-items-list-"] [class^="labo-item-image"] {
	background-position: center center;
	background-repeat: no-repeat;
}
ul[id^="labo-items-list-"] .labo-item-image { background-size: cover; }
ul[id^="labo-items-list-"] .labo-item-image-landscape { background-size: auto 100%; }
ul[id^="labo-items-list-"] .labo-item-image-portrait { background-size: 100% auto; }

/* Liste d’items Type 1 (bandeau avec trois images) */
#labo-items-list-1 {
	width: 100%;
	margin: 0px 0px -.525em 0px;
	overflow: hidden;
}
#labo-items-list-1 > a {
	display: inline-block;
	position: relative;
	width: 101%;
	margin: 0px 0px -.525em -.5%;
	padding: 0px;
	overflow: hidden;
	transition: all .4s;
}

#labo-items-list-1 > li,
#labo-items-list-1 > a > li {
	display: block;
	position: relative;
	width: 100%;
	height: 0px;
	margin: 0px;
	padding: 0px 0px 33.4% 0px;
	float: left;
	transition: all .4s;
}
#labo-items-list-1 ul {
	display: inline-block;
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	transition: all .4s;
}
#labo-items-list-1 ul[class^="labo-items-title-"].labo-items-titles::after {
	content: attr(data-title) '\A' attr(data-subtitle) '\A' attr(data-products);
	margin-top: -3vw;
}
#labo-items-list-1 ul[class^="labo-items-title-"]:not(.labo-items-titles)::after {
	content: attr(data-title) '\A' attr(data-products);
	margin-top: -1.5vw;
}
#labo-items-list-1 ul[class^="labo-items-title-"]::after {
	display: block;
	position: absolute;
	z-index: 2;
	color: #fff;
	width: 33.33%;
	height: 3vw;
	line-height: 3vw;
	left: 0px;
	right: 0px;
	top: 50%;
	margin: 0px auto;
	font-size: 3vw;
	font-weight: 100;
	text-shadow: 0px 0px 3px #012;
	text-align: center !important;
	white-space: pre;
	opacity: 1;
	transition: inherit;
}
#labo-items-list-1 ul.labo-items-title-left::after { text-align: left; }
#labo-items-list-1 ul.labo-items-title-middle::after { text-align: center; }
#labo-items-list-1 ul.labo-items-title-right::after { text-align: right; }
#labo-items-list-1 ul > li {
	display: block;
	position: relative;
	width: 32.825%;
	height: 0px;
	margin: 0px .25% .5% .25%;
	padding-bottom: 32.825%;
	float: left;
	transition: inherit;
}
#labo-items-list-1 ul > li > a,
#labo-items-list-1 ul > li > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	transition: inherit;
}
#labo-items-list-1 [class^="labo-item-image"] { opacity: .7; }

/* Liste d'items Type 2 (modèles d'une même série) */
#labo-items-list-2 {
	width: 101%;
	margin: 0px 0px -.525em -.5%;
}
#labo-items-list-2 li {
	float: left;
	display: block;
	position: relative;
	width: 32.825%;
	height: 0px;
	margin: 0px .25% .5% .25%;
	padding-bottom: 32.825%;
	overflow: hidden;
	transition: all .4s;
}
#labo-items-list-2 li a {
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	transition: inherit;
}
#labo-items-list-2 li a::before {
	content: '';
	z-index: 2;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
	transition: inherit;
}
#labo-items-list-2 li a::after {
	content: attr(data-product);
	z-index: 3;
	display: block;
	position: absolute;
	color: #fff;
	width: 100%;
	height: 2vw;
	line-height: 2vw;
	right: 0px;
	top: 90%;
	margin: 0px;
	text-align: center;
	font-size: 2vw;
	font-weight: 100;
	text-shadow: 0px 0px 3px #012;
	text-align: center !important;
	opacity: 1;
	transform: translateY(-50%);
	transition: inherit;
}

/* Over sur les items de la liste de type 1 */
#labo-items-list-1 > a:hover ul[class^="labo-items-title-"]::after { transform: scale(1.05); }
#labo-items-list-1 > a:hover [class^="labo-item-image"] { opacity: .75; }

/* Over sur les items de la liste de type 2 */
#labo-items-list-2 .labo-item-image-landscape:hover { background-size: auto 102.5%; }
#labo-items-list-2 .labo-item-image-portrait:hover { background-size: 102.5% auto; }
#labo-items-list-2 li a:hover::before { opacity: .25; }
#labo-items-list-2 li a:hover::after { transform: scale(1.05) translateY(-50%); }


/* Liens connexes */

#labo-related-items {
	display: block;
	position: relative;
	background: #000;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
	transition: all .4s;
}
#labo-related-items::after {
	content: '';
	display: table-cell;
	clear: both;
}
#labo-related-items li {
	width: 50%;
	height: 100px;
	margin: 0px 0px 25px 0px;
	padding: 0px;
	overflow: hidden;
	float: left;
	transition: inherit;
}
#labo-related-items li:last-child { margin-bottom: 50px; }
#labo-related-items li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	transition: inherit;
}
#labo-related-items li a .labo-image-pos { margin-top: -5%; }
#labo-related-items li a img {
	width: 150px;
	opacity: .66;
	transition: inherit;
}
#labo-related-items li a div {
	position: absolute;
	width: auto;
	height: auto;
	line-height: 25px;
	top: 12.5px;
	transition: inherit;
}
#labo-related-items li a div span:first-child { font-size: 20px; }
#labo-related-items li a div span {
	display: block;
	height: 25px;
	font-size: 14px;
	white-space: nowrap;
}

#labo-related-items li.labo-with-image a div { left: 180px; }
#labo-related-items li.labo-without-image a div { left: 0px; }

#labo-related-items li:hover a img { opacity: 1; }


/* Page Produit (labo-product) */

/* Photos du produit */
[id^="labo-product-display-"] {
	display: block;
	position: relative;
	background: #000;
	width: 100%;
	height: 0px;
	transition: all .4s;
}
#labo-product-display-1 { padding-bottom: 50%; }
#labo-product-display-2 { padding-bottom: 33.33%; }

[id^="labo-product-display-"] > img { display: none; }
[id^="labo-product-display-"] > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	transition: inherit;
}
[id^="labo-product-display-"] > div > div {
	display: block;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	float: left;
	transition: inherit;
}

[id^="labo-product-display-"] > div > div:nth-child(1) { cursor: pointer; }
[id^="labo-product-display-"] > div > div:nth-child(2) { margin-left: .5%; }
#labo-product-display-1 > div > div:nth-child(1) { width: 60%; }
#labo-product-display-1 > div > div:nth-child(2) { width: 39.5%; }
#labo-product-display-2 > div > div:nth-child(1) { width: 40%; }
#labo-product-display-2 > div > div:nth-child(2) { width: 59.5%; }

/* Image HD */
[id^="labo-product-display-"] > div > div > .labo-photo-HD {
	display: block;
	position: absolute;
	z-index: 1;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0;
	transition: all 1s;
}

/* Dimensions du produit */
[id^="labo-product-display-"] > div > div > .labo-paper-window-out {
	display: block;
	position: absolute;
	z-index: 2;
	background: linear-gradient(to bottom,#fff,rgb(185,175,135));
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 0;
	transition: inherit;
}
[id^="labo-product-display-"] > div > div > .labo-paper-window-in {
	display: block;
	position: absolute;
	z-index: 3;
	background-size: cover;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	box-shadow: 1px 1px 6px rgba(0,0,0,.75);
	box-sizing: border-box;
	opacity: 0;
	transition: inherit;
}
[id^="labo-product-display-"] > div > div > .labo-paper-window-in.labo-paper-height {
	height: 66%;
	margin: 14% auto 20% auto;
}
[id^="labo-product-display-"] > div > div > .labo-paper-window-in.labo-paper-width-1 {
	height: 52%;
	margin: 18% auto 24% auto;
}
[id^="labo-product-display-"] > div > div > .labo-paper-window-in.labo-paper-width-2 {
	height: 40%;
	margin: 24% auto 30% auto;
}
[id^="labo-product-display-"] > div > div > .labo-paper-window-in::before,
[id^="labo-product-display-"] > div > div > .labo-paper-window-in::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 4;
	color: #333;
}
[id^="labo-product-display-"] > div > div > .labo-paper-window-in::before {
	width: 100%;
	height: 2px;
	left: 0px;
	top: -12px;
	border-bottom: 1px #333 dashed;
}
[id^="labo-product-display-"] > div > div > .labo-paper-window-in::after {
	width: 2px;
	height: 100%;
	left: -12px;
	top: 0px;
	border-right: 1px #333 dashed;
}

[id^="labo-product-display-"] > div > div > span [class^="labo-paper-dim-"] {
	display: block;
	position: absolute;
	z-index: 4;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
}
[id^="labo-product-display-"] > div > div > span .labo-paper-dim-1 {
	width: 100%;
	left: 0px;
	bottom: 100%;
	margin: 0px 0px 10px 0px;
}
[id^="labo-product-display-"] > div > div > span .labo-paper-dim-2 {
	right: 100%;
	top: 50%;
	margin: -15px 20px 0px 0px;
}
[id^="labo-product-display-"] > div > div > .labo-paper-format {
	display: inline-block;
	position: absolute;
	z-index: 5;
	color: #fff;
	background: rgba(0,0,0,.66);
	width: 200px;
	height: 40px;
	line-height: 40px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px auto;
	padding: 0px;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	cursor: help;
	transition: inherit;
}
[id^="labo-product-display-"] > div > div > .labo-paper-info {
	display: block;
	position: absolute;
	color: #fff;
	width: 100%;
	height: 40px;
	line-height: 40px;
	left: 0px;
	top: 100%;
	font-size: 13px;
	text-align: center;
	cursor: default;
}

/* Visionneuse */
#labo-viewer {
	display: none;
	position: fixed;
	z-index: 1000;
	background: rgba(0,0,0,.9);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
#labo-viewer .labo-viewer-out {
	display: block;
	position: absolute;
	z-index: 10001;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
#labo-viewer span:nth-last-child(1) { display: none; }
#labo-viewer span:nth-last-child(2) { display: block; }
#labo-viewer span {
	position: absolute;
	z-index: 10002;
	color: #fff;
	height: 40px;
	line-height: 40px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px auto;
	font-size: 13px;
	text-align: center;
}
#labo-viewer .labo-zoom.active { cursor: crosshair; }
#labo-viewer .labo-zoom {
	display: block;
	position: absolute;
	z-index: 10002;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	padding: 0px;
	cursor: zoom-in;
}
#labo-viewer .labo-zoom .labo-product-img {
	display: block;
	margin: 0px;
	width: inherit;
	height: inherit;
}


/* Footer */

.labo-footer {
	display: block;
	position: relative;
	width: 100%;
	height: 144px;
	margin-top: 100px;
	font-size: 15px;
}
.labo-footer-left,
.labo-footer-right {
	display: block;
	position: absolute;
	width: 50%;
	bottom: 0px;
	line-height: 24px;
}
.labo-footer-left {
	left: 0px;
	text-align: left;
}
.labo-footer-right {
	right: 0px;
	text-align: right;
}
.labo-footer-right span {
	white-space: nowrap;
}


/* Blog & Articles */

.blog .labo-wrapper article .entry-content :last-child,
.single .labo-wrapper article .entry-content :last-child {
	margin-bottom: 0px;
}

.blog .labo-wrapper article .entry-header,
.single .labo-wrapper article .entry-header {
	width: 100%;
	padding-bottom: 20px !important;
}

.blog .labo-wrapper article .entry-meta,
.single .labo-wrapper article .entry-meta {
	padding: 0px;
}
.blog .labo-wrapper article .entry-meta a,
.single .labo-wrapper article .entry-meta a {
	cursor: default !important;
	pointer-events: none !important;
	color: #000;
}

.blog .labo-wrapper article .entry-title,
.single .labo-wrapper article .entry-title {
	line-height: 25px;
	margin: 0px;
	padding: 0px;
}
.blog .labo-wrapper article .entry-title a,
.single .labo-wrapper article .entry-title span {
	margin-left: -2px;
}

.blog .labo-wrapper article .entry-content,
.single .labo-wrapper article .entry-content {
	text-align: justify;
}


/* Blog */

.page-numbers {
	font-size: 20px !important;
	font-weight: 300 !important;
}

.prev.page-numbers, .next.page-numbers {
	color: #000 !important;
    background: #fff !important;
    padding: 10px 20px;
	border: 1px solid #000;
	transition: all .25s;
}
.prev.page-numbers:focus, .prev.page-numbers:hover,
.next.page-numbers:focus, .next.page-numbers:hover {
	color: #fff !important;
    background: rgb(165,155,115) !important;
	border: 1px solid rgb(165,155,115);
}

.blog .labo-wrapper .navigation.pagination {
	float: initial !important;
	width: 100% !important;
	padding: 20px 0px 0px;
	border: none !important;
}

.blog .labo-wrapper article {
	float: initial !important;
	display: inline-block;
	position: relative;
	width: 100% !important;
	margin: 0px 0px 40px 0px !important;
	padding: 0px !important;
}

.blog .labo-wrapper article .post-thumbnail {
	float: left;
	width: 100%;
}

.blog .labo-wrapper article .entry-content {
	float: right;
	position: relative;
	width: 70%;
	min-height: 200px;
	max-height: 400px;
	overflow: hidden;
}
.blog .labo-wrapper article .entry-content::after {
	content: '';
	z-index: 11;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.blog .labo-wrapper article .entry-button {
	float: left;
	display: inline-block;
	color: #000;
    background: #fff;
    padding: 5px 15px;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 18px;
	font-weight: normal;
	white-space: nowrap;
	border: 1px solid #000;
	border-radius: 2px;
	transition: all .25s;
}
.blog .labo-wrapper article .entry-button:focus,
.blog .labo-wrapper article .entry-button:hover {
	color: #fff;
    background: rgb(165,155,115);
	border: 1px solid rgb(165,155,115);
}


/* Articles */

.single-post #primary {
	margin: initial !important;
	max-width: initial !important;
}

.single .labo-wrapper article .entry-header {
	position: relative;
}
.single .labo-wrapper article .entry-header > a {
	position: absolute;
	display: inline-block;
	color: #000;
    background: #fff;
    right: 0px;
    bottom: 23.5px;
    padding: 5px 15px;
	font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 15px;
	font-weight: normal;
	border: 1px solid #000;
	border-radius: 2px;
	transition: all .25s;
}
.single .labo-wrapper article .entry-header > a:focus,
.single .labo-wrapper article .entry-header > a:hover {
	color: #fff;
    background: rgb(165,155,115);
	border: 1px solid rgb(165,155,115);
}

.single .labo-wrapper article .entry-title {
	color: #000;
}


/* Images */

.page [id^="wam-wrapper-post-"][class^="wam-shortcodes-media-"],
.single [id^="wam-wrapper-post-"][class^="wam-shortcodes-media-"] {
	margin-left: 6%;
	margin-bottom: 4%;
}


/*
--------------------------------------
Styles propres aux Plugins WebArtMedia
--------------------------------------
*/

.wam-shortcodes-id-video + p {
	margin-top: 20px;
}

#wam-contact-form { padding: 0px; }
#wam-contact-form div:nth-last-child(5) label { margin-top: 0px; }
#wam-contact-form div label {
	color: #000;
	margin: 20px 0px 6px 0px;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 18px;
	font-weight: normal;
}
#wam-contact-form input,
#wam-contact-form textarea {
	background: rgb(185,175,135) !important;
	opacity: .66;
}
#wam-contact-form button {
    background-color: rgb(165,155,115);
    padding: 10px 15px;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 18px;
	font-weight: normal;
}


/*
------------------------------------------------
Styles selon les différentes résolutions d'écran
------------------------------------------------
*/

@media only screen and (min-width: 768px) and (max-width: 1359px) {
	.site-branding .custom-logo-link img,
	.site-footer .custom-logo-link img { width: 236px; }
	.site-branding .site-description,
	.site-footer .site-description { width: 238px; height: 32px !important; line-height: 32px; font-size: 22px !important; }
}

@media only screen and (max-width: 865px) {
	.site-social-networks { display: none; }
}

@media only screen and (max-width: 767px) {
	.site-branding .custom-logo-link img,
	.site-footer .custom-logo-link img { width: 180px; margin: 0px auto; }
	.site-branding .site-description,
	.site-footer .site-description { width: 182px; height: 24px !important; line-height: 24px; margin: 0px auto; font-size: 16px !important; }
	.labo-footer { height: initial; }
	.labo-footer .labo-footer-left,
	.labo-footer .labo-footer-right { position: relative; width: 100%; text-align: center; }
	.labo-footer .labo-footer-right { margin-top: 20px; }

	.home .site-branding { margin-bottom: 200px; }
	.archive #page > header,
	.blog #page > header,
	.single #page > header,
	.page:not(.home) #page > header { height: 277px !important; }
	.navigation-top { padding: 20px 0px; }
	.navigation-top .wrap nav li { border: 0px none; }
	.navigation-top .wrap nav a { padding: 0px !important; line-height: 20px; text-align: center; }
	.navigation-top .menu-item:first-child > a { margin-left: 0px !important; }
	#labo-items-list-1 ul > li:nth-last-child(1) { display: none; }
	#labo-related-items > li { width: 100%; }
	#labo-related-items > li a div span:first-child { font-size: 18px; }
	#labo-related-items > li a div span:last-child { font-size: 12px; }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.page [id^="wam-wrapper-post-"][class^="wam-shortcodes-media-"],
	.single [id^="wam-wrapper-post-"][class^="wam-shortcodes-media-"] { width: 250px !important; }
}

@media only screen and (min-width: 420px) and (max-width: 767px) {
	#labo-items-list-1 > li,
	#labo-items-list-1 > a > li { padding-bottom: 40%; }
	#labo-items-list-1 ul > li,
	#labo-items-list-2 li { width: 49%; padding-bottom: 40%; }
	#labo-items-list-1 ul[class^="labo-items-title-"]::after { width: 50%; right: 25%; }
}

@media only screen and (max-width: 639px) {
	.blog .labo-wrapper article .entry-header { text-align: center; }
	.blog .labo-wrapper article .post-thumbnail { display: none; }
	.blog .labo-wrapper article .entry-content { width: 100%; max-height: 300px; }
	.blog .labo-wrapper article .entry-button { z-index: 11; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); }
	.single .labo-wrapper article .entry-header { margin-top: 60px; text-align: center; }
	.single .labo-wrapper article .entry-header > a { left: 50%; top: -60px; right: initial; bottom: initial; transform: translateX(-50%); }
}


@media only screen and (max-width: 619px) {
	[id^="labo-product-display-"] { padding-bottom: 200% !important; }
	[id^="labo-product-display-"] > div > div { width: 100% !important; height: 50% !important; }
	[id^="labo-product-display-"] > div > div:nth-child(2) { margin: 40px 0px 0px 0px !important; }
}

@media only screen and (min-width: 520px) and (max-width: 599px) {
	.page [id^="wam-wrapper-post-"][class^="wam-shortcodes-media-"],
	.single [id^="wam-wrapper-post-"][class^="wam-shortcodes-media-"] { width: 200px !important; }
}

@media only screen and (max-width: 519px) {
	.page [id^="wam-wrapper-post-"][class^="wam-shortcodes-media-"],
	.single [id^="wam-wrapper-post-"][class^="wam-shortcodes-media-"] { width: 100% !important; }
}

@media only screen and (max-width: 419px) {
	#labo-items-list-1 ul > li:nth-last-child(2) { display: none; }
	#labo-items-list-1 > li,
	#labo-items-list-1 > a > li { padding-bottom: 80%; }
	#labo-items-list-1 ul > li,
	#labo-items-list-2 li { width: 99%; padding-bottom: 80%; }
	#labo-items-list-1 ul[class^="labo-items-title-"]::after { width: 100%; height: 6vw; line-height: 6vw; right: 50%; font-size: 6vw; }
	#labo-items-list-1 ul[class^="labo-items-title-"].labo-items-titles::after { margin-top: -6vw; }
	#labo-items-list-1 ul[class^="labo-items-title-"]:not(.labo-items-titles)::after { margin-top: -3vw; }
	#labo-items-list-2 li a::after { height: 5vw; line-height: 5vw; font-size: 5vw; }
}