@charset "UTF-8";

/*
Theme Name: La Fabrique
Author: Studio des formes | Gaël Gouault
Author URI: http://studiodesformes.net/
Description: La fabrique édition - e-commerce
Requires at least: WordPress 4.8
Version: 1.9
Text Domain: lafabrique
Tags: WooCommerce
*/

   /*/°\
  !& & (@
 ,-\-- /--,
! _!°°° !_ !
!_/!-__-!19/
  /°./\.°\
/===!  !==*/

@font-face {
	font-family: 'Centennial-R';
	src: url('font/CFF_Std/CentennialLTStd-Roman.otf') format('opentype');
	src: url('font/CFF_Std/CentennialLTStd-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Centennial-RI';
	src: url('font/CFF_Std/CentennialLTStd-Italic.otf') format('opentype');
	src: url('font/CFF_Std/CentennialLTStd-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Centennial-B';
	src: url('font/CFF_Std/CentennialLTStd-Bold.otf') format('opentype');
	src: url('font/CFF_Std/CentennialLTStd-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Rockwell-B';
	src: url('font/rockwell/rockwell-bold.eot');
	src: url('font/rockwell/rockwell-bold.eot?#iefix') format('embedded-opentype'),
		 url('font/rockwell/rockwell-bold.woff') format('woff'),
		 url('font/rockwell/rockwell-bold.ttf') format('truetype'),
		 url('font/rockwell/rockwell-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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: 'Centennial-R', georgia, serif;
	font-size: 1em;
	line-height: 1.2;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
}

html {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	   -moz-box-sizing: inherit;
			box-sizing: inherit;
}

strong, b { font-family: 'Centennial-B'; font-weight: normal; }
em, i { font-family: 'Centennial-RI'; font-style: normal; }
a { 
	text-decoration: none;
	transition: color .25s;
}

a:hover {
	color: #aaa!important;
}

p.holiday {
	position: fixed;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 0.8em 1em 0.6em 1em;
	background: #EE5C51;
	z-index: 99999999;
}

p.holiday span {
	/*animation: bounce 10s ease infinite;*/
}

/*@keyframes bounce {
    from { opacity: 0; }
    10%  { opacity: 1; }
    to   { opacity: 1; }
}*/

.admin-bar #primary { 
	top: 32px; 
}

#menu {
	position: fixed;
	width: 100%;
	height: 4.375em;
	background: #fff;
	border-bottom: 9px solid #000;
	z-index: 99999;
}

.menu_logo {
	position: absolute;
	width: 6.875em;
	height: 2.125em;
	margin: 0.938em 1.25em;
	background: url(font/logo_fabrique.jpg) no-repeat;
	background-size: 100% auto;
}

.menu_icon { position: absolute; right: 0; width: auto; height: 100%; padding: 0.938em; }
.menu_icon div { float: left; margin: 0 0.313em; }
.menu_icon div:hover { opacity: .5; cursor: pointer; }
.btn-search { background: url(img/loupe.svg) no-repeat; background-size: 100% 100%; }
.btn-contact { background: url(img/contact.svg) no-repeat; background-size: 100% 100%; }
.search-close { background: url(img/back.svg) no-repeat!important; background-size: 100% 100%!important; }


#menu-principal {
	position: absolute;
	font-size: 1.438em;
	left: 6em; right: 6em;
	width: auto;
	margin: auto;
	padding: 0.85em;
	text-align: center;
}

#menu-principal li {
	display: inline-block;
	list-style-type: none;
	padding: 0 0.625em;
}

#menu-principal li a {
	color: #000;
}

#menu-principal .current-menu-parent a,
#menu-principal .current-menu-item a {
	color: #aaa;
}

#menu_smart,
#menu-principal .sub-menu {
	display: none;
}


.sous-menu { margin: 0.938em 0; text-align: center; padding: 0 5em; }
.sous-menu li { font-family: 'Centennial-R'; list-style-type: none; display: inline; }
.sous-menu li:after { content: '–'; padding: 0 0.625em; }
.sous-menu li:last-child:after { content: ''; }
.sous-menu .menu-item a { color: #000; }
.sous-menu .current-menu-item a { color: #aaa; }

.third-menu { margin: 0.938em 0 3.125em 0; text-align: center; }
.third-menu li { font-family: 'Centennial-R'; list-style-type: none; display: inline; }
.third-menu li:after { content: '/'; padding: 0 0.313em; }
.third-menu li:last-child:after { content: ''; }
.third-menu li a { color: #000; }


#content {
	background: #fff;
}

#primary {
	opacity: 0;
	padding: 4.375em 0 0.313em 0;
	padding: 4.375em 0 0 0;
	width: 100%;
	height: auto;
}


/**
 * Search
 */
#block-search {
	display: none;
	position: fixed;
	top: 50%;
	left: 0; right: 0;
	width: 48.75em;
	margin: 0 auto;
}

#block-search input {
	width: 100%;
	height: auto;
	border: 9px solid #000;
	text-align: center;
	outline: none;
}

#block-search input { padding: 0.2em 0.313em 0 0.313em; font-family: 'Rockwell-B'; font-size: 1.5em; color: #000; }
#block-search input::-webkit-input-placeholder { color: #000; }
#block-search input::-moz-input-placeholder { color: #000; }
#block-search input::-ms-input-placeholder { color: #000; }
#block-search input::-o-input-placeholder { color: #000; }
#block-search input::input-placeholder { color: #000; }

/**
 * Category
 */
.category-main {
	position: relative;
	width: 100%;
	/*max-width: 200vh;*/
	height: 100%;
	margin: auto;
	overflow: hidden;
	padding: 1.25em;
}

.home #primary,
.category #primary,
.home .category-main,
.category .category-main {
	padding: 0;
}

.slider {
	height: 100vh;
	width: 100%;
	padding: 6.875em 0 2.5em 0;
}

.slider .type-post {
	position: relative;
  	height: 100%;
	width: 31%;
  	margin: 0 2%;

  	display: flex;
  	justify-content: center;
  	align-items: center;
}

.slider .type-post a {
  	display: flex;
  	justify-content: center;
  	align-items: center;
}

.slider .type-post img {
	position: absolute;
	width: auto;
	height: 80%;
	object-fit: contain;
	opacity: .5;
	transition: all .25s ease-in-out;
}

.slider .is-selected img {
	width: auto;
	height: 100%;
	opacity: 1;
	transition: all .25s ease-in-out;
}

.type-post .new {
	position: absolute;
	font-family: 'Rockwell-B'; 
	font-size: 1.438em;
	line-height: 1;
	border: 9px solid #000;
	padding: 0.250em 0.250em 0 0.250em;
	color: #000;
	background: #fff;
	top: 0.625em; right: -1.875em;
	-webkit-transform: rotate(20deg);
	   -moz-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		 -o-transform: rotate(20deg);
			transform: rotate(20deg);
	white-space: nowrap;
	opacity: 0;
	z-index: 1;
}

.is-selected .new {
	opacity: 1;
	transition: opacity .25s ease-in-out;
}

/**
 * Taxonomy actor
 */
.actor-main,
.genre-main { width: 48.75em; margin: 0 auto; padding-bottom: 4.875em; }

.list-slice { margin: 0 1.25em; }
.actor-name { margin: 2.5em 0; text-align: center; }
.actor-name h3 { font-family: 'Centennial-R'; font-size: 1.5em; }
.actor-name h3:hover { color: #aaa; cursor: pointer; }
.result-name { margin: 2.5em 0; text-align: center; }
.result-name h3 { font-family: 'Centennial-R'; font-size: 1.438em; }
.result-name h3 span { border-bottom: 0.125em solid #000; }
.result-main { padding: 0 1.25em 1.125em 1.25em; }
.result-main .post-878,
.result-main .category-rencontres { display: none; }


/**
 * Pop Up
 */
.popup {
	position: fixed;
	left: 0; right: 0;
	margin: auto;
	width: 31.25em;
	max-width: 100%;
	border: 9px solid #000;
	padding: 0.938em 1.25em;
	background: #fff;
	z-index: 9;
}

.popup h3 { font-family: 'Centennial-R'; font-size: 1.438em; margin-bottom: 0.938em; }
.popup h3 a { color: #000; }

.popup .close,
.homepopup .close,
.foreign-rights .close {
	float: right;
	margin: 0 0 0.5em 0.938em;
	width: 1.5em;
	height: 1.5em;
	background: url(img/back.svg) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}

.popup .close:hover,
.homepopup .close:hover { opacity: .5; }

.bloc-popup { 
	position: fixed;
	display: flex;
	top: 0; left: 0;
	width: 100%; 
	height: 100%; 
	background: rgba(255, 255, 255, 0.9); 
	z-index: 999; 
}
.homepopup { 
	position: relative; 
	margin: auto;
	width: 31.25em;
	max-width: 100%;
	border: 9px solid #000; 
	padding: 0.938em 1.25em; 
	background: #fff; 
}

.homepopup h4,
.foreign-rights h4 { font-family: 'Centennial-R'; font-size: 1.375em; }
.homepopup h3,
.foreign-rights h3 { font-size: 1.438em; margin-bottom: 0.938em; }
.homepopup h3 a,
.foreign-rights h3 a { font-family: 'Rockwell-B'; color: #000; }
.homepopup p,
.foreign-rights p { margin-bottom: 0.938em; }
.homepopup p:last-child,
.foreign-rights p:last-child { margin-bottom: 0; }
.homepopup a,
.foreign-rights a { color: #000;text-decoration: underline; }
.homepopup ul,
.homepopup ol,
.foreign-rights ul,
.foreign-rights ol { margin: 1em 0; }
.homepopup li,
.foreign-rights li { list-style-type: none; }
.homepopup img { width: auto; height: 8rem; float: left; padding-right: 1em; }
.homeImg { text-align: center; }
.homeImg img { max-width: 100%; width: auto; max-height: 60vh; height: auto; padding: 0; }
.homeVideo { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 1em 0 0.25em 0; }
.homeVideo iframe { position: absolute; width: 100%; height: 100%; }
.portrait { width: 20rem; }

/**
 * Single
 */
.single-main,
.rencontre-main {
	width: 48.75em;
	margin: 0 auto;
}

.rencontre-main .book .multibook {
	display: none;
	visibility: hidden;
	opacity: 0;
}

.bloc-content {
	display: inline-block;
	vertical-align: top; 
	margin: 0 -0.25em 0 0; /* -4px */
	width: 50%;
}

.partage { width: 100%; height: auto; }
.partage li { display: inline-block; margin: 0.5em -0.25em!important;  }
.facebook:before { background: url(img/facebook.svg) no-repeat; background-size: 100% 100%; }
.twitter:before { background: url(img/twitter.svg) no-repeat; background-size: 100% 100%; }

/**
 * Video
 */
#bloc-media { padding: 2.5em 2.5em 2.5em 1.25em; }
#bloc-media .cover { width: 100%; height: auto; }
#bloc-media .cover img { width: 100%; height: auto; }
#bloc-media .info { margin: 1.25em 0; }
.link li { 
	list-style-type: none;  
	font-size: 1em;
	margin: 0.625em 0; 
	color: #000;
	transition: opacity .25s;
}
.link li span { font-size: 0.813em; }
.link li:hover { opacity: .5; cursor: pointer; }
.link li:before { content: ''; display: inline-block; width: 2em; height: 2em; margin: 0 0.625em -0.625em 0; }
.icon { width: 2em; height: 2em; }
.commander { background: url(img/shop.svg) no-repeat; background-size: 100% 100%; }
.account { background: url(img/account.svg) no-repeat; background-size: 100% 100%; }
.extrait:before { background: url(img/extrait.svg) no-repeat; background-size: 100% 100%; }
.command:before { background: url(img/shop.svg) no-repeat; background-size: 100% 100%; }
.lecteur:before { background: url(img/lecture.svg) no-repeat; background-size: 100% 100%; }
.position:before { background: url(img/position.svg) no-repeat; background-size: 100% 100%; }
.account:before { background: url(img/account.svg) no-repeat; background-size: contain; }


.admin-bar #content-video {
	margin-top: 32px;
}

#content-video {
	display: none;
	position: fixed;
	top: 4.375em; bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: rgba(255, 255, 255, .9);
	z-index: 999;
	cursor: pointer;
}

#content-video .video {
	position: relative;
	width: 70%;
	height: 100%;
	margin: auto;
}

/*#content-video .video blockquote {
	position: absolute;
	bottom: 0;
	margin-bottom: -1.875em;
	font-size: 0.5em;
}*/

#content-video .wp-video {
	position: absolute;
	width: 100%!important; 
	height: 0; 
	/*padding-bottom: 56.25%;*/
	padding-bottom: 55.25%;
	margin: auto; 
	overflow: hidden; /* blockquote */
	border: 9px solid #000;
	background: #000;
	cursor: default!important;
}

#content-video .wp-video-shortcode,
#content-video iframe { 
	background: #000; 
	width: 100%!important; 
	height: 100%!important; 
	position: absolute; 
}


#bloc-texte {
	padding: 2.5em 1.25em 2.5em 2.5em;
}

#bloc-texte .auteur h3 {
	font-family: 'Centennial-R';
	font-size: 1.438em;
	margin-bottom: 1.75em;
	/*-webkit-hyphens: none;
	   -moz-hyphens: none;
  		-ms-hyphens: none;
			hyphens: none;*/
}

#bloc-texte .auteur h3 a {
	color: #000;
}

#bloc-texte .titre {
	margin: -1.25em 0 1.25em 0;
	width: 20.625em;
}

#bloc-texte .text { margin-top: 2.5em; }
#bloc-texte .text a {
	color: #000;
	border-bottom: 1px solid #000;
	transition: all .25s;
}
#bloc-texte .text a:hover {
	border-color: #aaa;
	transition: all .25s;
}

#bloc-texte h1 span {
	font-family: 'Rockwell-B';
  	font-size: 1.5em;
  	line-height: 2.1;
	border: 8px solid #000;
	height: 100%;
	padding: 0.2em 0.250em 0.05em 0.250em;
}

#bloc-texte h2 { font-family: 'Rockwell-B'; font-size: 1.125em; margin: 1.25em 0; }
#bloc-texte h4 { font-family: 'Centennial-R'; font-size: 1em; margin: 1em 0; }
#bloc-texte blockquote p { margin: 1em 0; }

.auteur-bio { margin: 2.5em 0; }
.auteur-bio h5 { font-family: 'Rockwell-B'; font-size: 0.875em; margin-top: 1.25em; }
.auteur-bio p { font-size: 0.813em; line-height: 1.35; }
.auteur-bio a { border-bottom: 1px solid #000; }


/**
 * Slice
 */
.bloc-slice {
	width: 100%;
	margin: 3.125em 0;
	padding: 0 1.25em;
	text-align: center;
}

.bloc-slice p {
	font-family: 'Centennial-R';
	font-size: 1.438em;
	/*margin: 2.5em 0;*/
}

.slice { position: relative; width: 100%; height: 2.75em; margin: 1.125em 0; }
.slice td { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.slice .logo {  width: 14%; padding: 0 0.625em; }
.slice .logo div { width: 100%; height: 100%; background: url(font/logo-fabrique2.svg) no-repeat; background-position: center; background-size: contain; }
@-moz-document url-prefix() { .slice .logo div { display: table; } }
.slice .titre { width: 68%; font-size: 1.25em; color: #000; text-align: center; max-width: 32rem; overflow: hidden; }
.slice .titre span { font-family: 'Rockwell-B'; padding: 0.125em 0.250em 0.063em 0.250em; border-left: 0.563em; border-right: 0.563em; border-style: solid; border-color: #000; background: #fff; }
.slice .auteur { width: 16%; font-family: 'Centennial-R'; padding: 0 0.625em; text-align: right; color: #fff; }

.return { margin: 3.125em auto; background: url(img/back.svg) no-repeat; cursor: pointer; background-size: 100% 100%; }
.return:hover { opacity: .5; }


/**
 * Rencontre
 */
.rencontre-main { padding: 2.5em 0 4.875em 0; }
.rencontre-main article { width: 50%; min-width: 260px; padding: 0 1.25em 1.25em 1.25em; overflow: hidden; }
.rencontre { margin: 1.25em 0; }
/*.rencontre .date { margin: 1.875em 0; }*/
.rencontre .date a { font-family: 'Rockwell-B'; font-size: 1.063em; border: 9px solid #000; padding: 0.313em 0.375em 0.125em 0.313em; color: #000; }
.rencontre h3 { font-family: 'Centennial-R'; font-size: 1.438em; margin: 1.25em 0; }
.rencontre .texte img { width: 50%; height: auto; margin-top: 1.25em; }
.rencontre .texte a { color: #000; border-bottom: 1px solid #000; }
.rencontre .wp-caption-text { display: none; }
.rencontre .book { margin-top: 1.25em; }
.rencontre .book img { width: 100%; height: auto; }

.bloc-rencontre .titre { margin: 0 0 1.25em 0!important; }
.bloc-rencontre img { width: 100%; height: auto; padding: 0.5em 0; }

#link_rencontre { font-size: 0.813em; line-height: 1.35; }
#link_rencontre h4 { margin: 0; }
.category-rencontres .cover:nth-child(n+2) { display: none; }
#link_rencontre li { list-style-type: none; margin-bottom: 0.313em; }
#link_rencontre li:before { content: '– '; }


/**
 * Page Privacy Policy
 */
.page-id-1221 .text p { margin: 1em 0; }
.page-id-1221 .text ul,
.page-id-1221 .text ol { margin: 1em; }
.page-id-1221 .text ul li { list-style-type: none; }
.page-id-1221 .text ul li:before {
	position: absolute;
	content: '–';
	margin-left: -1em;
}

/**
 * Free ePub
 */
.free-epub .text { margin-bottom:3em; }
.free-epub .list-epub { margin-bottom:2em; display:flex; flex-wrap:wrap; }
.free-epub .list-epub .epub-img { width:25%; }
.free-epub .list-epub .epub-img img { width:100%; height:auto; }
.free-epub .list-epub .epub-txt { width:75%; padding-left: 1em; }
.free-epub .list-epub .epub-txt h3 { padding:0.75em 0; }
.free-epub .list-epub .epub-txt h3 a { font-family: 'Rockwell-B'!important; font-size: 1.063em; color:#000; }
.free-epub .list-epub .epub-txt h4 { font-size:0.85em!important; margin:0!important; }
.free-epub .list-epub .epub-txt .infos { margin:0.75em 0 -0.5em 0; }
.free-epub .list-epub .epub-txt .infos p { font-size:0.85em; line-height:1.3; }
.free-epub .list-epub .epub-txt .link,
.free-epub .list-epub .epub-txt .extrait { display:table; }


/**
 * Footer
 */
footer { width: 100%; height: auto; color: #fff; background: #000; opacity: 0; }
footer .colophon { width: 48.75em; margin: auto; padding: 1.25em; }
footer .widget_text { width: 50%; display: inline-table; margin: 0.625em 0; }
footer .widget_text h4 { font-size: 1.438em; margin-bottom: 0.625em; }
footer .widget_text p { font-size: 0.875em; }
footer .widget_text a { color: #fff; text-decoration: underline; }
footer .widget_text img { height: 50px!important; }
footer #subscribe { position: relative; margin-bottom: 1.25em; }
footer input[type="email"] { font-family: 'Centennial-R'; font-size: 1.438em; color: #000; }
footer input[type="submit"] { font-family: 'Centennial-R'; font-size: 1.438em; color: #fff; }

footer #mailpoet_form_1 { position: relative; margin-bottom: 0.75em; }
footer #mailpoet_form_1 .mailpoet_paragraph { display: inline; }
footer #mailpoet_form_1 .mailpoet_text { display: inline-block; width: 100%; height: auto; padding: 0.313em 0.313em 0 0.313em; background: #fff; outline: none; border: none; margin-bottom: 0.5em; }
footer #mailpoet_form_1 .mailpoet_submit { position: absolute; top: 0; right: -0.125em; width: 2.5em; height: auto; padding-top: 0.313em; background: #000; outline: none; border: none; }
footer #mailpoet_form_1 .mailpoet_submit:hover { cursor: pointer; color: #aaa; }
footer #mailpoet_form_1 .mailpoet_message p { color: #aaa; }

footer .copyright { 
	position: absolute;
	width: 12em;
	height: 1em;
	right: -5em;
	margin-top: -8em;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		 -o-transform: rotate(-90deg);
			transform: rotate(-90deg);
}
footer .copyright p { font-size: 0.5em; color: #333; }
footer .copyright p a { color: #333!important; }

/**
 * foreign-rights
 */

.foreign-rights {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 31.25em;
	max-width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
	border: 9px solid #000;
	padding: 0.938em 1.25em;
	background: #fff;
	z-index: 999;
}

footer .widget_foreign {
	width: 100%;
	margin: 0.25em 0 0.938em 0;
}

footer .widget_foreign a {
	cursor: pointer;
}

/**
 * Up
 */
.up { display: none; position: fixed; bottom: 1.25em; right: 1.25em; background: url(img/up.svg) no-repeat; background-size: 100% 100%; z-index: 9; }
.up:hover { opacity: 0.5; cursor: pointer; }
.upfooter { position: absolute; bottom: auto; right: 1.25em; margin-top: -3.25em; }


@media screen and (min-width: 1400px) {
	html, body { font-size: 1.1em; }
}
@media screen and (min-width: 1600px) {
	html, body { font-size: 1.2em; }
}

@media screen and (min-width: 2048px) {
	html, body { font-size: 1.3em; }
}
@media screen and (max-width: 1080px) {
	#menu-principal { font-size: 2vw; padding: 2vw 0; }
	.slider .type-post { margin: 0 5%; }
}
@media screen and (max-width: 940px) {	
	#menu-principal { font-size: 1.25em; padding: 0.625em; }
	.category-main { padding: 0; }
	.slider { height: 94vh; }
	.slider .type-post { margin: 0 11%; }
}
@media screen and (max-width: 780px) {
	.admin-bar #primary { top: 46px; }
	#main, .single-main, .rencontre-main, .actor-main { width: 100%; }
	.sous-menu, .third-menu { padding: 0 1.25em; }
	/* Menu */
	#menu-principal { display: none; top: 70px; left: 0; width: 100%; font-size: 1.5em; background: #fff; border-bottom: 9px solid #000; }
	#menu-principal li { display: block; padding: 0.5em; }
	#menu-principal .current-menu-parent,
	#menu-principal .current-menu-item { display: none; }
	/*#menu_smart { display: block; width: 50%; height: auto; margin: auto; text-align: center; }
	#menu_smart h3 { font-size: 1.438em; padding: 0.65em; }
	#menu_smart h3:after { content: ''; display: inline-block; width: 32px; height: 32px; margin: 0 0 -0.35em 1.25em; background: url(img/menu_down.svg) no-repeat; background-size: 100% 100%; }
	.up_menu:after { background: url(img/menu_up.svg) no-repeat!important; background-size: 100% 100%!important; }
	#menu_smart h3:hover { opacity: .5; cursor: pointer; }*/
	#menu_smart { display: inline-block; background: url(img/burger.svg) no-repeat; background-size: 100% 100%; }
	#menu_smart.up_menu { background: url(img/burger_close.svg) no-repeat; background-size: 100% 100%; }
	/* Slide Book */
	.slider .type-post { margin: 0 17%; }
	/* Block */
	#bloc-texte { padding-left: 1.25em; }
	#block-search { width: 100%; }
	/* Dos livre */
	.slice .titre { font-size: 2.6vw; max-width: 16rem; }
	.slice .auteur { font-size: 2vw; padding: 0 0.625em }
	/* Video */
	.admin-bar #content-video { margin-top: 46px; }
	#content-video .video { width: 80%; }
	#content-video { top: 0; }
	/* Footer */
	footer .colophon { width: 100%; }
}
@media screen and (max-width: 640px) {
	#bloc-texte { padding-left: 0; }
}
@media screen and (max-width: 600px) {	
	header { position: absolute; }
	#menu { position: absolute; }
	.menu_icon div { opacity: 1!important; }
	#primary { width: 100%; overflow: hidden; }
	.bloc-content { width: 100%; padding: 2.5em 1.25em; }
	#bloc-media { border-bottom: 9px solid #000; }
	#bloc-media, #bloc-texte { padding: 2.5em 1.25em; }
	#bloc-texte { padding-right: 20%; }
	/* Slide Book */
	.slider .type-post { margin: 0 23%; }
	/* Rencontre */
	.rencontre-main article { width: 100%; }
	/* Video */
	.admin-bar #content-video { margin-top: 0; }
	#content-video .video { width: 90%; }
	#content-video { top: 0; }
	/* Dos livre */
	.slice { font-size: 0.8em; }
	.slice .titre { font-size: 3.8vw; }
	.slice .logo, .slice .auteur { display: none; }
	/* Footer */
	footer .widget_text { width: 100%; }
}
@media only screen and (max-device-width: 600px) and (orientation: portrait) {
	#menu_smart h3 { color: #fff; }
	.book-slide h3 { font-size: 1.188em; }
	footer input[type="submit"] { display: none; }
}