/*
Theme Name: The Cube
Author: IKD Communication
Author URI: http://www.ikdcommunication.com
Description: Description
Version: 1.0
*/

.mejs-container,
.mejs-overlay {
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative !important;
}

.me-plugin,
.mejs-container embed,
.mejs-container video {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
}

span.cyan {
	color: #009CDD;
}

a.button {
	padding: 5px 15px;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-size: 1em;
	text-decoration: none;
	border: 1px solid #fff;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
	cursor: pointer;
}

a.button:hover {
	background: #fff;
	color: #009de0 !important;
	text-decoration: none !important;
}

a#link-visite {
	display: block;
	margin: 0 auto;
	width: 94px;
	height: 71px;
	cursor: pointer;
}

#map-canvas {
	height: 350px;
}

#map-canvas .gm-style-mtc,
#map-canvas .gm-style-cc {
	display: none !important;
}

#map-canvas h3 {
	color: #009de0 !important;
}

#map-canvas p {
	color: #999;
}

::-webkit-scrollbar { 
	width: 4px; 
}

::-webkit-scrollbar-track { 
	background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb { 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	background: rgba(255,255,255,0.4); 
}

::-webkit-scrollbar-thumb:window-inactive { 
	background: rgba(255,255,255,0.4); 
}

html, body {
	margin: 0;
	padding: 0;
	font-family: Georgia,'Domine',serif;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
}

a, a img, a:active, a:visited {
	outline: none !important;
}

.hidden {
	display: none !important;
}

.page-the-cube {
	font-weight: normal !important;
}

.page-the-cube h1.entry-title,
.page-production-photo h1.entry-title,
.page-studio-rental h1.entry-title,
.page-post-production h1.entry-title,
.page-contact h1.entry-title {
	padding: 0 0 60px 0;
}

.page-the-cube,
.page-the-cube h1.entry-title {
	background: url(images/title-the-cube.png) no-repeat center bottom;
}

.page-production-photo,
.page-production-photo h1.entry-title {
	background: url(images/title-photo.png) no-repeat center bottom;
}

.page-studio-rental,
.page-studio-rental h1.entry-title {
	background: url(images/title-rental.png) no-repeat center bottom;
}

.page-post-production,
.page-post-production h1.entry-title {
	background: url(images/title-postprod.png) no-repeat center bottom;
}

.page-contact,
.page-contact h1.entry-title {
	background: url(images/title-contact.png) no-repeat center bottom;
}

.page-legal h1.entry-title {
	background: url(images/title-legal.png) no-repeat center bottom;
	padding: 0 0 60px 0;
}

input[type=text] {
	background: none repeat scroll 0 0 #40B5E6;
    border: none;
    color: #FFFFFF;
    font-family: Georgia;
    font-style: italic;
    padding: 5px;
    width: 50%;
    -webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

input[type=text]:hover {
	background: #fff;
	color: #009CDD;
}

input[type=submit] {
	background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    cursor: pointer;
    margin-top: 35px;
    padding: 5px 20px;
    font-family: 'Quicksand',sans-serif;
    text-indent: 0;
    width: auto;
    font-size: 0.875em;
    -webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

input[type=submit]:hover {
	background: #0076a6;
	color: #fff;
}

#table-mobile {
	display: none;
}


/*	===========================
	Sidebar
	=========================== */
	
#page {
	position: relative;
}

.js #content {
	display: none;
}

h1 {
	font-size: 1.5em;
	text-transform: uppercase;
	text-align: center;
}

#sidebar {
	position: fixed;
	width: 25%;
	height: 100%;
	float: left;
	background: url(images/sidebar-bg.png) repeat;
	color: #000;
	z-index: 1000;
}

.rgba #sidebar {
	background: rgba(158, 158, 158, 0.5);
}

#sidebar header h1.site-title a {
	display: block;
	margin: 50px auto;
	width: 230px;
	height: 104px;
	background: url(images/logo-1024.png) no-repeat 0 0;
	text-indent: -9999px;
}

.svg #sidebar header h1.site-title a {
	background: url(images/logo-1024.svg) no-repeat 0 0;
}

#sidebar header h1.site-title a:hover {
	background-position: 0 -104px;
}

#main {
	width: 75%;
	float: left;
	color: #fff;
	position: absolute;
	left: 25%;
}

#main:after {
	content: ' ';
	display: block;
	clear: both;
}

#panel {
	width: 66.666666%;
	position: relative;
	overflow: hidden;
	z-index: 1000;
}

#content {
	overflow: auto !important;
}

#panel.close {
	cursor: url(images/open.png), pointer;
}

#open-close {
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 99999;
	background: url(images/open-close.png) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

#open-close.close {
	top: 50%; 
	right: 12.5%;
	transform: rotate(0deg) ;
	-webkit-transform: rotate(0deg) ;
	-moz-transform: rotate(0deg) ;
	-o-transform: rotate(0deg) ;
	-ms-transform: rotate(0deg) ;
}

#open-close.open {
	top: 50%; 
	right: 50%;
	transform: rotate(45deg) ;
	-webkit-transform: rotate(45deg) ;
	-moz-transform: rotate(45deg) ;
	-o-transform: rotate(45deg) ;
	-ms-transform: rotate(45deg) ;
}

#close {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 30px;
	height: 30px;
	background: url(images/close.png) no-repeat center;
	z-index: 9999;
	text-indent: -9999px;
	cursor: pointer;
	opacity: 0.6;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

#close:hover {
	opacity: 1;
}

.js #close {
	display: none;
}

#open-panel {
	display: none;
	left: 25%;
	position: fixed;
	width: 150px;
	height: 100%;
	background: url(images/open.gif) no-repeat -50px center;
	z-index: 9999;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
	cursor: pointer;
	text-indent: -9999px;
}

#open-panel:hover {
	background: url(images/open.gif) no-repeat 0 center;
}

#content {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	background: #009cdd;
	z-index: 1000;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

.no-rgba #content {
	background: #009cdd !important;
}

#content-blog {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 1000;
}

#content-blog article {
	color: #999;
}

#content-articles {
	width: 100%;
	background: #fff;
}

#content article {
	padding: 100px 16.666666% 50px 16.666666%;
}

#content article p {
	font-size: 0.9em;
}

#content article {
	margin-top: 10px;
}

footer {
	width: 25%;
	position: fixed;
	bottom: 35px;
	left: 0;
	text-align: center;
	color: #000;
	font-size: 0.875em;
	z-index: 99999;
}

footer nav ul#social-nav,
nav ul#header-social-nav	{
	margin: 0 auto;
	padding: 0;
	width: 89px;
}

footer nav ul#social-nav:after,
nav ul#header-social-nav:after {
	content: ' ';
	display: block;
	clear: both;
}

footer nav ul#social-nav li,
nav ul#header-social-nav li	{
	margin: 0 15px 0 0;
	list-style: none;
	float: left;
}

footer nav ul#social-nav li.last,
nav ul#header-social-nav li.last{
	margin: 0;
}

footer nav ul#social-nav li a,
nav ul#header-social-nav li a	{
	display: block;
	height: 21px;
	background: url(images/socials-ico.png);
	text-indent: -9999px;
}

footer nav ul#social-nav li#facebook a,
nav ul#header-social-nav li#header-facebook a	{
	width: 15px;
	background-position: 0px 0px;
}

footer nav ul#social-nav li#facebook a:hover,
nav ul#header-social-nav li#header-facebook a:hover{
	background-position: 0px -21px;
}

footer nav ul#social-nav li#twitter a,
nav ul#header-social-nav li#header-twitter a{
	width: 24px;
	background-position: -20px 0px;
}

footer nav ul#social-nav li#twitter a:hover,
nav ul#header-social-nav li#header-twitter a:hover{
	background-position: -20px -21px;
}

footer nav ul#social-nav li#linkedin a,
nav ul#header-social-nav li#header-linkedin a{
	width: 20px;
	background-position: -51px 0px;
}

footer nav ul#social-nav li#linkedin a:hover,
nav ul#header-social-nav li#header-linkedin a:hover{
	background-position: -51px -21px;
}

#social-navigation{
	display:none;
}


/* =Content
----------------------------------------------- */
.entry-content h2 {
	margin: 0 0 5px 0;
	padding: 0;
}
.entry-content p {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: justify;
	line-height: 1.6em;
}

.entry-content a,
.entry-content a:visited {
	color: #fff;
}

.entry-content a:hover {
	color: #fff;
	text-decoration: underline;
} 

/* =Blog
----------------------------------------------- */

.sidebar-blog {
	background: #009cdd !important;
}

#post-wrapper {
	padding: 10px 0 0 10px;
	position: relative;
}

#post-wrapper li {
	overflow: hidden;
}

.post a {
	text-decoration: none !important;
}

.post .post-preview {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 156, 221, 0.65) url(images/plus.png) no-repeat center 120%;
	opacity: 0;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

.photo .post-preview:hover {
	background: rgba(0, 156, 221, 0.65) url(images/plus.png) no-repeat center 84%;
	opacity: 1;
}

.post .post-preview .post-title {
	padding: 15% 20px 50px 20px;
}

.post .post-preview h1 {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	color: #fff;
}

.post .post-preview .post-date {
	margin: 15px 0 0 0;
	text-align: center;
	color: #fff;
	font-style: italic;
	font-size: 0.75em;
}

.post .post-preview .line {
	margin: 0 auto;
	width: 30%;
	height: 1px;
	background: #fff;
}

#post-wrapper .texte .post-preview {
	opacity: 1;
	background: #009cdd url(images/plus.png) no-repeat center 120% !important;
	position: relative;
}

#post-wrapper .texte .post-preview:hover {
	background: #007db1 url(images/plus.png) no-repeat center 84% !important;
}

#post-wrapper .texte img {
	display: none;
}

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

.js #image-gallery {
	display: none;
}

#image-gallery ul {
	margin: 0;
	padding: 10px;
}

#image-gallery ul li {
	margin-bottom: 5px;
	list-style: none;
}

#image-gallery ul li img {
	width: 100% !important;
}

#article-description {
	width: 37.5%;
	position: fixed;
	right: 0;
	top: 0;
}

.js #article-description {
	display: none;
	top: 50px;
}

#article-description-wrap {
	padding: 50px;
}

#article-description h1 {
	margin: 0;
	padding: 0;
	font-size: 2.3em;
	color: #009CDD;
	text-align: left;
}

.entry-meta {
	font-size: 0.75em;
	font-style: italic;
}

#content-blog .entry-content {
	font-size: 0.875em;
}

#nav-below {
	position: relative;
}

#nav-below h1 {
	display: none;
}

.nav-prev,
.nav-next {
	width: 32px !important;
	height: 23px !important;
	text-align: left !important;
}

#nav-below .back {
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 21px;
	height: 21px;
}

#nav-below .back a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(images/cross.png) no-repeat;
	text-indent: -9999px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

#nav-below .nav-previous a,
#nav-below .nav-next a {
	display: block;
	width: 32px;
	height: 23px;
	text-indent: -9999px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

#nav-below .nav-previous a {
	background: url(images/arrow-prev.png) no-repeat 3px 0px;
}

#nav-below .nav-next a {
	background: url(images/arrow-next.png) no-repeat 0px 0px;
}

#nav-below .nav-previous a:hover {
	background-position: 0 0;
}

#nav-below .nav-next a:hover {
	background-position: 3px 0;
}

#article-description #secondary {
	margin: 35px 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#article-description #secondary h1.widget-title {
	margin-right: 10px;
	font-size: 0.875em;
	line-height: 1.9em;
	float: left;
	color: #999;
}

.mr_social_sharing_wrapper {
	margin: 0 !important;
	width: auto !important;
	float: left;
}

.mr_social_sharing img {
	opacity: 1;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

.mr_social_sharing img:hover {
	opacity: 0.5;
}

#showCalender {
	margin-top: 25px;
}

h2.toogle-btn {
	padding: 10px 0 27px 0;
	text-align: center;
	background: url(images/arrow-toogle.png) no-repeat center 90%;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

h2.toogle-btn:hover {
	background: url(images/arrow-toogle.png) no-repeat center 100%;
	color: #0075a6;
}

.js .toogle-btn {
	cursor: pointer;
}

.js .toogle-content {
	display: none;
}

label.radio {
	padding-left: 15px;
	float: none !important;
	width: auto !important;
	text-align: left !important;
}

span.radio {
	display: block;
	font-family: Georgia, serif !important;
	line-height: 2em;
}

span.radio input {
	margin-right: 15px;
}



/* =Menu
----------------------------------------------- */

nav ul {
	margin: 0;
	padding: 0;
}

nav ul li {
	list-style: none;
}

nav#site-navigation {
	margin-top: 95px;
	width: 100%;
}

nav#site-navigation ul li {
	padding: 0 0 9px 0;
	list-style: none;
	width: 100%;
	text-align: center;
}

nav#site-navigation ul li a {
	color: #fff;
	font-family: 'Quicksand', sans-serif;
	text-transform: uppercase;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

nav#site-navigation ul li a:hover,
nav#site-navigation ul li.current_page_item a {
	color: #000;
	text-decoration: none;
}

nav#site-navigation ul li.current_page_item {
	background: url(images/arrow.png) no-repeat 100% center;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	transition:All 0.3s ease;
}

nav#site-navigation ul li.no-arrow {
	background: url(images/arrow.png) no-repeat 110% center;
}

nav#site-navigation ul li.blog {
	padding-top: 55px;
	/*background: url(images/menu-line.gif) no-repeat center 0px;*/
}

nav#site-navigation ul li.blog a {
	margin: 0 auto;
	display: block;
	width: 40px;
	height: 32px;
	background: url(images/galerie-btn.png) no-repeat 0 0;
	text-indent: -9999px;	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

nav#site-navigation ul li.blog a:hover,
nav#site-navigation ul li.current_page_item a,
nav#site-navigation ul li.current_page_parent a,
.blog nav#site-navigation ul li.blog a,
.single-post nav#site-navigation ul li.blog a {
	background-position: 0 -32px;
}

/* Small menu */
.menu-toggle {
	display: none;
	cursor: pointer;
}

.main-small-navigation ul {
	display: none;
}

@media screen and (max-width: 980px) {
	.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

#panorama {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	cursor: move !important;
}

span#panorama-title {
	position: fixed;
	display: block;
	margin-left: -47px;
	margin-top: -35px;
	left: 62.5%;
	top: 50%;
	width: 94px;
	height: 71px;
	z-index: 500;
	background: url(images/360.png) no-repeat center;
	text-indent: -9999px;
}

.js #panorama-title {
	display: none;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .submit {
	display: none;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

a, a:visited {
	color: #009ee0;
	text-decoration: none;
}

a:hover, a:active {
	color: #009ee0;
	text-decoration: underline;
}

/*
input,
textarea {
	-moz-border-radius: 0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-webkit-appearance: none;
}
*/

#content input[type=submit]:after {
	content: ' ';
	display: block;
	clear: both;
}

span.wpcf7-not-valid-tip {
    background: none;
    border: none;
    font-size: 10pt;
    left: -380px !important;
    padding: 2px;
    position: absolute;
    top: 50px;
    left: 0;
    width: 380px;
    z-index: 100;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
    border: none;
    background: #009ee0;
    color: #fff;
}

@media screen and (min-width: 1280px) {

#sidebar header h1.site-title a {
	display: block;
	margin: 50px auto;
	width: 300px;
	height: 136px;
	background: url(images/logo-1280.svg) no-repeat 0 0;
	text-indent: -9999px;
}

#sidebar header h1.site-title a:hover {
	background-position: 0 -136px;
}

}

@media screen and (min-width: 1025px) {

#sidebar header h1.site-title a {
	display: block;
	margin: 50px auto;
	width: 230px;
	height: 104px;
	background: url(images/logo-1024.svg) no-repeat 0 0;
	text-indent: -9999px;
}

#sidebar header h1.site-title a:hover {
	background-position: 0 -104px;
}

}

@media screen and (max-width: 1024px) {

#sidebar {
	width: 33.333333%;
}

#sidebar header h1.site-title a {
	display: block;
	margin: 50px auto;
	width: 184px;
	height: 83px;
	background: url(images/logo.svg) 0 0 !important;
	background-size: 184px, 83px; 
	text-indent: -9999px;
}

#sidebar header h1.site-title a:hover {
	background-position: 0 -83px;
}

#main {
	width: 66.666666%;
	left: 33.333333%
}

#article-description {
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

#panel {
	width: 100%;
}

#content article {
	padding: 45px;
}

#open-panel {
	left: 33.333333%
}

footer {
	width: 33.333333%
}

}

@media screen and (max-width:980px) {

#big-video-wrap,
#big-video-control-container,
#close {
	display: none;
	visibility: hidden;
}

#sidebar, #main, footer {
	width: 100%;
	left: 0;
	float: none;
	display: block;
	position: relative;
}

#sidebar {
	background: none;
}

#sidebar header h1 {
	margin: 0;
	padding: 20px 0;
}

#sidebar header h1.site-title a {
	margin: 0 auto !important;
}

#sidebar nav#site-navigation {
	margin: 0;
}

#sidebar nav#site-navigation .menu-menu-principal-container {
	margin: 1px 0;	
	background: #0075a6;
}

#sidebar nav#site-navigation ul li {
	padding: 15px 0;
	background: none !important;
	border-bottom: 1px solid #1a83af;
}

#sidebar nav#site-navigation ul li.blog a {
	background: none;
	display: inline;
	margin: 0;
	background: none;
	width: auto;
	height: auto;
	text-indent: 0;
}

h1.menu-toggle {
	padding: 0 10px 0;
		background: #009DE0;
		text-align: left;
		margin: -43px 0 0 0;
}

h1.transparent-background{
	background: transparent;
}

#content {
	position: relative;
	left: 0;
}

#content p {
	text-align: justify;
}

#content-articles {
	padding: 10px;
	display: block !important;
	position: relative;
	width: auto;
}

#open-close {
	display: none;
}
/*
#sidebar header h1.site-title a {
	display: block;
	margin: 50px auto;
	width: 230px;
	height: 104px;
	background: url(images/logo-1024.svg) no-repeat 0 0;
	text-indent: -9999px;
}
*/
#sidebar header h1.site-title a:hover {
	background-position: 0 -104px;
}

#post-wrapper {
	padding: 0;
}

.js #article-description {
	display: block !important;
	top: 0 !important;
}

#article-description {
	padding: 0;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
}

#article-description-wrap {
	padding: 20px;
}

#image-gallery {
    cursor: default;
    float: none;
    width: 100%;
}

footer {
	display: none;
	position: relative !important;
	clear: both;
	bottom: auto;
	background: #fff;
}

#social-navigation{
	display:flex;
}

nav ul#header-social-nav{
	margin: 20px auto;
}

}

@media screen and (max-width:640px) {
#table-mobile {
	display: block;
}
#table-mobile img {
	text-align: center;
}
#tableau-prix {
	display: none;
}
}

@media screen and (max-width:400px) {

#content article {
	font-size: 1.2em;
	padding: 20px !important;
}

}

#tableau-prix tr td {
	vertical-align: top;	
}

#tableau-prix tr td p {
	margin: 0 0 12px 0;
	line-height: 1em;	
}

@media screen and (min-width:1025px) and (max-width:1600px) {
	#tableau-prix img {
		width: 80%;
		height: auto;
	}
}