/*
	Theme Name: Poisson
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body { 
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#9e9d9d;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

/* header */
.header {
	width: 96.25%;
	margin:auto;
	border-bottom:1px solid #333333;
	position:relative;
}
@media only screen and (max-width:1680px) {
	.header {
	/*width:95%; */
	}
}
/* logo */
.logo h1{
	margin:auto;
	margin-bottom:10px;
	width:55px;
	height:32px;
	background:url('img/logo.png') no-repeat;
	text-indent:-999em;
}
.header>#lang_sel_list{
	position:absolute;
	right:0px;
	text-align:right;
	bottom:0px;
}


/* nav */
header #sticky_menu {
	position:fixed;
	left:-100%;
	top:0%;
	width:100%;
	height:100%;
	padding:3%;
	background:black;
	transition:0.7s ease;
	z-index:100;
	overflow:hidden;
}

header #sticky_menu.language_menu{
	left:100%;
}

header #sticky_menu.active{
	left:0%;
}
header #sticky_menu .infos{
	text-align:center;
	display:block;
	bottom: 3%;
	bottom: calc(3% + 10px);
	width:90.475%;
	height:27px;
	margin-bottom:30px;
	padding-top:15px;
	padding-bottom:0px;
	position: absolute;
	left:0px;
	right:0px;
	margin:auto;
	border-top:1px solid #333333;
	color:#666;
}
header #sticky_menu #lang_sel_list ul{
	top:25%;
}
header #sticky_menu #lang_sel_list li{
	display:block;
	margin:5vh!important;
	font-size:15px;
}
header #sticky_menu #lang_sel_list li a{
	display:block;
}

header nav{
	
	position:relative;
	width:96.25%;
	margin:auto;
	margin-top:43px;
	border-top: 1px solid #333333;
	height:calc(94vh - 70px);
}

header nav ul{
	font-family:'MontSerrat','Roboto',Arial;
	text-align:center;
	width:100%;
	margin:0px auto;
	margin-top:0px;
	padding:0px;
	list-style-type:none;
	font-size:20px;
	font-size:5vh;
	text-transform:uppercase;
	position:relative;
	top:calc(50% - 34.5vh);
}
header nav ul li{
	transition:0.5s ease;
	line-height:5vh;
	margin:4vh;	letter-spacing:-1px;
	position:relative;
}

header nav ul li:before,header nav ul li:after{
	position:absolute;
	content:'';
	width:0px;
	height:8px;
	background:white;
	margin:0 auto;
	left:0;
	right:0;	
	opacity:0;
	transition:0.5s ease;
}
header nav ul li:before{
	top:-12px;
}
header nav ul li:after{
	bottom:-12px;
}
.mac-os header nav ul li:before{
	top:-10px;
}
.mac-os header nav ul li:after{
	bottom:-15px;
}

@media only screen and (max-width:1680px) {
	header nav ul li:before,header nav ul li:after{
		height:4px;
	}
	header nav ul li:before{
		top:-8px;
	}
	header nav ul li:after{
		bottom:-8px;
	}
	.mac-os header nav ul li:before{
		top:-6px;
	}
	.mac-os header nav ul li:after{
		bottom:-11px;
	}
	
	
}


header nav ul li a{transition:0.5s ease;display:block;width:100%;}
header nav ul li:hover a,
header nav ul li.hover a{color:white!important;}
header nav ul li:hover:before,
header nav ul li.hover:before,
header nav ul li:hover:after,
header nav ul li.hover:after{
	width:5%;
	opacity:1;
}
@media only screen and (max-width:900px) {
	header nav ul li:hover:before,header nav ul li:hover:after{
		width:13%;
	}
}
.lines-button{
	display:inline-block;
	height:14px;
	position:absolute;
	bottom:15px;
	float:left;
	z-index:101;
	font-family:'MontSerrat','Roboto',Arial;
	color:#fff;
	opacity:0.5;
	transition:opacity 0.5s ease;
}
.lines-button:hover, .lines-button:hover:after,.lines-button:hover:before,.lines-button:hover .lines{
	opacity:1;
	color:white;
}
.lines-button .lines{
	width:20px;
	display:inline-block;
	position:absolute;
	background:#fff;
	top:50%;
	left:0px;
	margin-top:-1px;
	height:2px;
	transition: background 0.3s ease;
}
.lines-button .text{
	margin-left:30px;
	text-transform:uppercase;
	font-size:11px;
}
.lines-button:after, .lines-button:before{
	content:'';
	position:absolute;
	left:0px;
	height:2px;
	width:20px;
	background:#fff;
	transform-origin: 50% 50%;
    transition: top 0.3s  ease, transform 0.3s ease;
}
.lines-button:before{
	top:0px;
}
.lines-button:after{
	bottom:0px;
}

.lines-button.close .lines{
	transition: background 0.3s ease;
    background: transparent;
}
.lines-button.close:after, .lines-button.close:before{
      top:50%;
      width:20px;
}
.lines-button.close:after{
	transform: rotate3d(0,0,1,-45deg); 
}
.lines-button.close:before{
	transform: rotate3d(0,0,1,45deg); 
}
/* sidebar */
.sidebar {
	
}
/* footer */
.footer {
	position:absolute;
	bottom:3%;
	width:90.475%;
	left:0px;
	right:0px;
	margin:auto;
	border-top:1px solid #333333;
	padding-top:10px;
}
.footer.relative{
	position:relative;
	bottom:0%;
	width:96.25%;
	margin:0px auto 10px;
	
}

.signature{
	display:block;
	margin:auto;
	width:86px;
	height:27px;
	background:url('img/signature.png') no-repeat center;
	text-indent:-999em;
}

.home{
	text-align:center;
	padding:6%;
}
.home .infos_home{
	position:absolute;
	bottom:6%;
	height:16%;
	width:88%;
}
.home .signature{
}
.home .galerie_home{
	width:100%;
	height:calc(100% - 20%);
	position:relative;
 }
 
.home .galerie_home .item{
	position:absolute;
	height:100%;
	left:5%;
	width:90%;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0;
	transition:opacity 1.5s ease;
}

.home .galerie_home .item.active{
	opacity:1;
}
.home a.enter{
	font-family:'MontSerrat','Roboto',Arial;
	font-size:36px;
	text-align:center;
	display:inline-block;
	margin:auto;
	position:relative;
	text-transform:uppercase;
	transition:0.5s ease;
	min-width:100px;
}

.home a.enter:hover{
	color:white;
}
.home a.enter:before,.home a.enter:after{
	position:absolute;
	content:'';
	width:0px;
	height:4px;
	background:white;
	margin:0 auto;
	left:0;
	right:0;	
	opacity:0;
	transition:0.5s ease;
}
.home a.enter:before{
	top:0px;
}
.home a.enter:after{
	bottom:0px;
}

.home a.enter:hover:before,.home a.enter:hover:after{
	width:100px;
	opacity:1;
} 
a.enter+#lang_sel_list{
	margin-top:1em;
}

#lang_sel_list {
	text-align:center;
	font-family:'Roboto';
}
#lang_sel_list ul{
	display:inline-block;
	width:250px;
}
#lang_sel_list li{
	display:inline;
	padding:0px 5px!important;
	position:relative;
	float:none;
}
header>#lang_sel_list li:not(:last-child):after{
	content:'';
	display:block;
	float:right;
	position:absolute;
	top:2px;
	right:0px;
	width:1px;
	height:1em;
	background:#333;
}
 #lang_sel_list li a{background:none;color:#9e9d9d;text-transform:uppercase;display:inline;padding:0px;}
 #lang_sel_list li a:hover{color:#fff!important;}
 
 #sticky_menu #lang_sel_list{
 	margin:auto;
 	float:none;
 }
 
/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/





/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


/*--------------------------------*\
 * CUSTOM
 *---------------------------------*/
html{
	height:100%;
}
body{
	background:black;
	font-family:'Roboto';
	font-weight:normal;
	height:100%;
	padding:3%;
}
main{
	width: 96.25%;
	margin:auto;
}
.wrapper{
	width:100%;
	position:relative;
	margin:auto;
}

main h1{
	font-size:36px;
	font-family: 'MontSerrat','Roboto',Arial;
	text-transform: uppercase;
	font-weight:400;
	text-align:center;
	margin-bottom: 70px!important;
}
.page-template-artiste main h1,
.page-template-atelier main h1{
	margin-bottom:50px!important;
}
.page-template-galerie main{
	width:100%;
}

.list_annees{
	width:96.25%;
	padding:0px;
	list-style-type:none;
	text-align:center;
	border-bottom:1px solid #333333;
}
@media only screen and (max-width:1680px) {
	.list_annees{width:95%;}
}


.list_annees li{
	display:inline-block;
	padding:10px;
	letter-spacing:0.5px;
	position:relative;
	cursor:pointer;	
	transition:0.5s ease;
}
.list_annees li:before{
	content:'';
	position:absolute;
	width:0px;
	height:3px;
	bottom:0px;
	left:0;right:0;margin:auto;
	background:white;
	transition:0.5s ease;
}
.list_annees li.active,.list_annees li:hover{color:white;}
.list_annees li.active:before,
.list_annees li:hover:before{
	width:100%;
}
.list_annees:hover li.active:not(:hover){
	color:#9e9d9d;
}
.list_annees:hover li.active:not(:hover):before{
	opacity:0;
}

.galerie_wrapper{
	position:relative;
	max-height:70%;
	height:70%;
}

.galerie{
	position:absolute;
	top:0px;
	opacity:0;
	transition:0.5s ease;
	z-index:1;
	padding-bottom:60px; 
}
.galerie.active{
	opacity:1;
	z-index:10;
}

.galerie>div{
	position:relative;
	overflow:hidden;
}
.galerie>div>div{
	position:relative; 
	top:0px;
	transition:1s ease;
}

.galerie a{
	display:inline-block;
	float:left;
}



.galerie a:last-of-type{

}
.galerie a span{
	text-indent:-999em;
	width:70%;
	padding-top:70%;
	display:block;
	margin:15%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	
	transition:0.5s ease;
	-webkit-filter: grayscale(0%);
	  -moz-filter: grayscale(0%);
	  -ms-filter: grayscale(0%);
	  -o-filter: grayscale(0%);
	  filter: grayscale(0%);
	  filter: none; /* IE 6-9 */
	
}
.galerie  a.grey span{
	opacity:0.25;
	-webkit-filter: grayscale(100%);
	  -moz-filter: grayscale(100%);
	  -ms-filter: grayscale(100%);
	  -o-filter: grayscale(100%);
	  filter: grayscale(100%);
	  filter: gray; /* IE 6-9 */
	 
}
.galerie .btn_more_tableaux,.galerie .btn_prev_tableaux{
	display:block;
	bottom:0%!important;
}

.btn_more_tableaux,.btn_prev_tableaux{
	position:absolute;
	width:16.66%;
	margin:0 auto;
	bottom:0%;
	left:0;right:0;
	text-align:center;
	padding:10px;
	color:#999;
	text-transform:uppercase;
	letter-spacing:2px;
	cursor:pointer;
	transition:0.5s ease;
	
}


.btn_more_tableaux i,.btn_prev_tableaux i{
	width:50px;
	height:30px;
	display:block;
	margin:auto;
	margin-top:10px;
	background:url('img/bottom.png') center no-repeat;
	background-color:#000;
	border:1px solid #333;
	transition:0.5s ease;
}
.btn_prev_tableaux i.btn_top{
	background-image:url('img/top.png'); 
}

.btn_more_tableaux:hover,.btn_prev_tableaux:hover i{
	color:white;
}
.btn_more_tableaux:hover i,.btn_prev_tableaux:hover i{
	background-color:#333;
}
/*LIGHTBOXES*/
.mfp-wrap{
	text-align:center;
}
.mfp-container{
	position:relative!important;
	width:auto!important;
	max-width:100%;
	display:inline;
}
 @media only screen and (max-width:1024px) {
	 .mfp-container{
	 	display:block;
	 	height: calc(100% - 120px);
	}
}

.mfp-container figure{
	position:relative;
}
.mfp-container button,
.mfp-container figcaption{
	opacity:1;
	transition:0.5s ease;
}
.page-template-galerie .mfp-container.hover button,
.page-template-galerie .mfp-container.hover figcaption{
	opacity:0;
}
.mfp-img{
	z-index:2;
	max-height: 603px !important;
	max-width: 85% !important;
}
.page-template-galerie .mfp-img:hover{
	cursor:url('img/cacher.png'),pointer!important;
}
.mfp-container figcaption{
	top:0%;
	z-index:-2;
	left:-215px;
	width:200px;
	position:absolute;
}
.mfp-container figcaption .mfp-bottom-bar{
	margin-top:0px;
	font-size:20px;
	letter-spacing:6px;
	text-transform: uppercase;
	top:0%;
	height:100%;
}
.mfp-container figcaption .mfp-title{
	height:100%;
	font-family:'Lato';
	font-weight:300;
	text-align:right;
}
.mfp-container figcaption .mfp-bottom-bar small{
	text-transform:none;
	letter-spacing:3px;	
	margin-top:30px;
	font-family:'Roboto';
	font-weight:400;	
	font-size:12px;
	color:#999999;
	display:block;
}

.mfp-container figure.paysage figcaption{
	left:0;
	right:0;
	text-align:center;
	top:-36px;
	width:100%;
	height:calc(100% + 70px);
}
.mfp-container figure.paysage figcaption small{
	position:absolute;
	margin-top:0px;
	bottom:0%;
	left:0%;
	width:100%;
}
 @media only screen and (min-width:480px) {
.mfp-container figure.portrait figcaption small,
.mfp-container figure.carre figcaption small{
	position:absolute;
	margin-top:0px;
	bottom:0%;
	left:0%;
	right:0%;
	margin:auto;
}
.mfp-container figure.portrait figcaption,
.mfp-container figure.carre figcaption{
	height:100%;
}

.mfp-container figure.portrait figcaption .share_tableaux,
.mfp-container figure.carre figcaption .share_tableaux{
	float:none;
	display:block;
	margin-top:20px;
}
}

.mfp-container figure.paysage figcaption .mfp-title{
	text-align:center;
}
.mfp-image-holder .mfp-close{
	width:17px!important;
	height:17px!important;
	left:102%;
	left:calc(100% + 15px);
	top:-35px;
	background:url('img/close.png') no-repeat center;
	text-indent:-999em;
	text-align:left!important;
	opacity:0.6;
}
 @media only screen and (min-width:480px) {
	.portrait .mfp-close,.carre .mfp-close{
		top:0px;
	}
}

.expositions .mfp-image-holder .mfp-close,
.presse .mfp-image-holder .mfp-close{
	left:-100px;
	right:inherit;
	top:0px;
}
	
.expositions .mfp-image-holder .mfp-close:after,
.presse .mfp-image-holder .mfp-close:after{
	content:attr(title);
	display:block;
	font-size:12px;
	font-family:'MontSerrat','Roboto',Arial;
	line-height:17px;
	position:absolute;
	left:25px;
	top:0px;
	width:100px;
	text-transform:uppercase;
	text-indent:0em;
	
}

.mfp-image-holder .mfp-close:hover{
	opacity:1;
}
.mfp-fade.mfp-wrap{
	overflow:visible!important;
}
.mfp-fade.mfp-wrap.mfp-ready{
	margin:60px;
	height:calc(100% - 120px);
	width:calc(100% - 120px);
}
/*.page-template-presse .mfp-fade.mfp-wrap.mfp-ready:not(.video) .mfp-content,
.page-template-atelier .mfp-fade.mfp-wrap.mfp-ready:not(.video) .mfp-content,*/
.mfp-fade.mfp-wrap.mfp-ready .mfp-figure,
.mfp-fade.mfp-wrap.mfp-ready .mfp-figure figure,
.mfp-fade.mfp-wrap.mfp-ready .mfp-figure figure img{

}
.mfp-figure::after{background:none!important;}

.mfp-image-holder .mfp-content {
    max-width: calc(100% - 120px)!important;
}


.mfp-wrap.video .mfp-container{display:block;}
.share_tableaux{float:right;font-size:18px;}
.share_tableaux a{color:#999999;padding:0px 5px;}
.share_tableaux a:hover{color:#ffffff;}
 button.mfp-arrow{
 	width:28px;
 	height:50px;
 	margin-top:-67px;
 	background-color:#000!important;
 	background-position:center center!important;
 	background-repeat: no-repeat!important;
 	border:1px solid #2d2d2d!important;
 	transition:0.5s ease;
 }
 button.mfp-arrow:hover{
 	background-color:#333333!important;
 	border:1px solid #2d2d2d!important;
 }
 
  button.mfp-arrow:before,button.mfp-arrow:after{
  	display:none;
  }
  button.mfp-arrow.mfp-arrow-left{background-image:url('img/left.png');left:-37px;}
  button.mfp-arrow.mfp-arrow-right{background-image:url('img/right.png');right:-37px;}
  
 
 @media only screen and (max-width:480px) {
 	.mfp-fade.mfp-wrap.mfp-ready{
		margin:15px;
		height:calc(100% - 30px);
		width:calc(100% - 30px);
	}
	.mfp-container .mfp-content{
		max-width:100%!important;
	}
	.mfp-container{display:block;}
	.mfp-arrow{
		transform: scale(1)!important;
		top:auto!important;
		left:auto!important;
		right:auto!important;
		position:absolute!important;
		width:32px!important;
		height:32px!important;
		
	}
	.mfp-arrow-right{
		left:51%!important;	
	}
	.mfp-arrow-left{
		right:51%!important;	
	}
	.mfp-image-holder .mfp-close{
		right:0%;
		left:calc(100% - 17px);
 	}
 	img.mfp-img{
 		max-height:380px!important;
 	}	
 	.page-template-galerie img.mfp-img,
 	.page-template-atelier img.mfp-img{
 		max-height:300px!important;
 	}	
 	.page-template-galerie .mfp-container figure{
 		top:-25px;
 	}
 	
 	.mfp-container figcaption .mfp-bottom-bar{
 		font-size:16px;
 	}
 	.mfp-container figure figcaption small{
 		bottom:-2%!important;
 		text-align:left;
 	}
 	.page-template-presse .mfp-image-holder .mfp-close,
 	.page-template-agenda  .mfp-image-holder .mfp-close{
 		left:0px;
 		top:-25px;
 	}
 	.page-template-galerie .mfp-image-holder .mfp-close{
 		top:-55px;
 	}
 	.page-template-galerie .mfp-container figcaption .mfp-bottom-bar{
 		margin-top:6px;
 	}
 }
  
/*------------------------------------*\
    Agenda
\*------------------------------------*/  
  .page-template-agenda .list_annees{
  	width:100%;
  }
  .annee-agenda{
  	position:absolute;
  	top:0px;
  	opacity:0;
  	width:100%;
  	z-index:-1;
  }
  .annee-agenda.active{
  	opacity:1;
  	z-index:10;
  }
  
  .events{
  	margin:auto;
  	position:relative;
  }
  .events>div{
  	overflow:hidden;
  	position:relative;
  }
  .events>div>div{
  	position:absolute;
  	width:100%;
  	top:0px;
  	transition:top 0.75s ease;
  }  
   .btn_more_tableaux, .btn_prev_tableaux{
  	bottom:-70px;
  	width:70px;
  	
  }
  .btn_prev_tableaux{
  	right:51%;
  	left:inherit;
  }
  .btn_more_tableaux{
  	left:51%;
  	right:inherit;
  }
  .event{
  	padding:20px 0px;
  	height:100px;
  	font-family:'MontSerrat','Roboto',Arial;
  	font-size:12px;
  	font-weight:300;
  	letter-spacing:1px;
  	color:white;

  }
  @media only screen and (min-width:1400px) {
  	.event{
  		font-size:14px;
  	}
  }
  .event:not(:last-child){
  	border-bottom:1px solid #333;
  }
  .event .vignette{
  	display:block;
  	float:left;
  	width:80px;
  	min-width:75px;
  }
  .event .vignette div.img{
  	display:block;
  	width:50px;
  	height:50px;
  	background-size:cover;
  	background-repeat:no-repeat;
  	background-position: center;
  }
  .event .vignette{
   		-webkit-filter: grayscale(0%);
	  -moz-filter: grayscale(0%);
	  -ms-filter: grayscale(0%);
	  -o-filter: grayscale(0%);
	  filter: grayscale(0%);
	  filter: none; /* IE 6-9 */
	 opacity:1;
	 transition:all 0.5s;
   	}
   .event .vignette.grey{
	  opacity:0.25;
	  -webkit-filter: grayscale(100%);
	  -moz-filter: grayscale(100%);
	  -ms-filter: grayscale(100%);
	  -o-filter: grayscale(100%);
	  filter: grayscale(100%);
	  filter: gray; /* IE 6-9 */
   }
  
  
  .event .date{
  	display:block;
  	float:left;
  	width:20%;
  	text-transform:uppercase;
  }
   .event .title{
  	display:block;
  	float:left;
  	width:20%;
  	
  	width:calc(30% - 80px);
  	padding-right:5%;
  	color:#cccccc;
  }
  .event .lieu{
  	display:block;
  	float:left;
  	width:10%;
  }
   .event .desc{
  	display:block;
  	float:left;
  	width:30%;
  	font-family:'Roboto';
  	color:#9e9d9d;
  }
  .event>div>span{
  	text-transform:uppercase;
  }
  @media only screen and (max-width:1200px) {
	.event .title{
	}
	
  }
  
  @media only screen and (min-width:768px) {
	  .presse .events>div{
	  	background:url('img/logo_poisson_bg.svg');
	  	background-size:contain;
	  	background-position:center;
	  	background-repeat:no-repeat;
 	 }
  }
  
  .presse .events .event{
  	cursor:pointer;
  }
  
  
  .presse .events .event .title{
  	width:40%;
  	font-family:'MontSerrat','Roboto',Arial;
  }
  .presse .events .event .desc{
  	width:60%;
  }
  .presse .events .event{
  	padding-bottom:50px;
  	font-weight:200;
  	
  	}
   .presse .events .event:hover .title a,
   .presse .events .event:hover .desc{
   	color:#fff;
   }
   .presse .events .event .title a{
   	color:#999;
   	text-transform:uppercase;
   }
   .presse .events .event .desc{
   	color:#999;
   }
   
/*------------------------------------*\
    Agenda
\*------------------------------------*/
.page-template-encheres main .wrapper{
	padding-bottom:30px;
}
	.page-template-encheres .texte, .page-template-encheres figcaption{
		font-size:12px;
		line-height:19px;
	}
	.page-template-encheres .vignette_principale,
	.page-template-encheres .content{
		position:relative;
		float:left;
		width:50%;
	}
   .page-template-encheres .vignette_principale{
	max-width:43%;
	height:calc(100vh - 6vw - 280px);
	max-height:105vw;
	background-size:cover;
	background-position:center;
	float:left;
   }
   .page-template-encheres figcaption{font-size:11px;}
   .page-template-encheres .vignette_principale figcaption{
	text-align:right;
	padding-right:10px;
	position:absolute;
	bottom:-2em;
	right:0px;
	
   }
   .page-template-encheres .vignette_principale img{margin-bottom:5px;width:100%;height:auto;}
   .page-template-encheres .texte{
	max-width:410px;
	float:left;
	padding-left:50px;
   }
   .page-template-encheres .texte .content{
	width:70%;
   }
   .page-template-encheres .texte .content p{
	margin-top:0px;
   }
   .page-template-encheres .texte .vignette_secondaire{
		clear:both;
		position:relative;
   }
   .page-template-encheres .texte .vignette_secondaire img{
		margin-top:60px;
		width:210px;
   }
   .page-template-encheres .texte .vignette_secondaire:after{
	display:block;
	clear:both;
	height:1px;
	content:'';
   }
   .page-template-encheres .texte .vignette_secondaire img{
	float:left;
	margin-right:10px;
   }
   .page-template-encheres .texte .vignette_secondaire figcaption{
	position:absolute;
	bottom:0px;
	right:0px;
   }
   
	@media only screen and (max-width:1023px) { 
		 .page-template-encheres .vignette_principale,
		 .page-template-encheres .texte,
		 .page-template-encheres .texte .vignette_secondaire img,
		 .page-template-encheres .texte .vignette_secondaire figcaption
		 {
			position:relative;
			float:none;
			width:100%;
			max-width:100%;
		 }
		 .page-template-encheres .vignette_principale{
			margin-bottom:50px;
		 }
		 .page-template-encheres .texte{
			margin-top:30px;
			padding-left:0px;
		 }
		 .page-template-encheres .texte .content{
			width:80%;
		 }
		 .page-template-encheres .texte .vignette_secondaire{
			margin-left:50px;
		 }
		 .page-template-encheres .texte .vignette_secondaire img{
			max-width:210px!important;
			margin-bottom:20px; 
		 }
		 .page-template-encheres footer{position:relative;margin-top:50px;}
		 
	}
	@media only screen and (max-height:800px) {
				 .page-template-encheres .texte .content{width:70%;}

	}
   
   
   
   .page-template-encheres main h1{
   	margin:0.67em auto;
   	text-align:left;
   }
   
   .page-template-encheres .site_de_cotation{
   		float:right;
   		width:250px;
   		text-transform:uppercase;
   	}
	.page-template-encheres .site_de_cotation.onlymobile{
		margin-bottom:30px;
	}
   	.page-template-encheres .site_de_cotation h4{
   		font-size:13px;
   		font-family:'MontSerrat','Roboto',Arial;
		font-weight:normal;
   		height:25px;
   		line-height:25px;
   		border-bottom:1px solid #333333;
   	}
   	.page-template-encheres .site_de_cotation ul{padding:0px;margin:0px;}
   	.page-template-encheres .site_de_cotation ul li{
   		display:inline-block;
   		margin:0px;
   		margin-right:15px;
   	}
   	.page-template-encheres .site_de_cotation ul li a{
   		color:#9e9d9d;
   		position:relative;
   		transition:0.5s ease;
		font-size:12px;
   	}
   	.page-template-encheres .site_de_cotation ul li a:after{
   		content:'';
   		width:0px;
   		height:3px;
   		left:0;
   		right:0;
   		margin:auto;
   		background:white;
   		position:absolute;
   		bottom:-5px;
   		transition:0.5s ease;
   	}
   	.page-template-encheres .site_de_cotation ul li a:hover{
   		color:#fff;
   	}
   	.page-template-encheres .site_de_cotation ul li a:hover:after{
   		width:50%;
   	}
   	
    .page-template-encheres .events{clear:both;}
   .page-template-encheres .event{padding:10px 0px;font-family:'Roboto';
  	font-weight:200;}
   .page-template-encheres .event  .vignette div.img{width:80px;height:80px;}
   .page-template-encheres .event>*{color:#999999;}
   .page-template-encheres .event .desc{width:20%;}
   .page-template-encheres .event .vignette{
   		width:100px;
   		-webkit-filter: grayscale(0%);
	  -moz-filter: grayscale(0%);
	  -ms-filter: grayscale(0%);
	  -o-filter: grayscale(0%);
	  filter: grayscale(0%);
	  filter: none; /* IE 6-9 */
	 opacity:1;
	 transition:all 0.5s;
   	}
   .page-template-encheres .event .vignette.grey{
	  opacity:0.25;
	  -webkit-filter: grayscale(100%);
	  -moz-filter: grayscale(100%);
	  -ms-filter: grayscale(100%);
	  -o-filter: grayscale(100%);
	  filter: grayscale(100%);
	  filter: gray; /* IE 6-9 */
   }
   	@media only screen and (max-width:1023px) {
   		.event .lieu{display:none!important;}
   	
   	}
     @media only screen and (max-width:769px) {
     	.page-template-encheres .event{overflow:hidden;}
     	.event .date{width:13%;}
     	.event .lieu{width:20%;}
     }
   .page-template-encheres .event .logo_maison_de_vente{width:160px;display:block;float:left;}
   .page-template-encheres .event .title{width:calc(30% - 100px);}
   .page-template-encheres .event .title span{font-size:1.1em;font-family:'MontSerrat','Roboto',Arial;}
   .page-template-encheres .event .date{text-transform:inherit;}
  
  .headline{margin:20px auto;margin-top:50px;position:relative;}
  .headline .btn_cote{width:50px;position:absolute;background-color:black;border:1px solid #333333;height:35px;top:0px;background-position:center center;background-repeat:no-repeat;transition:0.5s ease;}
  .headline .btn_cote.prev{left:0px;background-image:url('img/left.png');}
  .headline .btn_cote.next{right:0px;background-image:url('img/right.png');}
  .headline .btn_cote:hover{
  	background-color:#333;
  }
  .headline h3{
  	font-weight:normal;
  	text-transform:uppercase;
  	font-size:22px;
  	font-family:'MontSerrat','Roboto',Arial;
  	background:#666666;
  	color:black;
  	text-align:center;
  	height:35px;
  	line-height:35px;
  	width:calc(100% - 120px);
  	margin:auto;
  }
  
/*------------------------------------*\
    CONTACT
\*------------------------------------*/  
  
  .contact article>p{
  	width:320px;
  	margin:auto;
  	font-size:13px;
  	font-weight:300;
  	letter-spacing:1px;
  	position:relative;
  	left:-5px;
  }
  .contact .wpcf7{
  	border-top:1px solid #333;
  	margin:auto;
  	margin-top:20px;
  }
  .contact .wpcf7 form{
  	max-width:95%;
  	
  	width:750px;
  	margin:auto;
  	
  	font-weight:300;
  	letter-spacing:1px;
  	margin-top:20px;
  	font-size:13px;
  }
  .captcha-image i{
  	font-size:26px;
  }
  .contact .wpcf7 form label{
  	display:inline-block;
  	width:28%;
  }
  .contact .wpcf7 form label+span{
  	display:inline-block;
  	width:72%;
  	
  }
  
  .contact .wpcf7 form textarea,
  .contact .wpcf7 form input{
  	border:1px solid #989898;
  	background:black;
  	width:100%;
  	padding:5px;
  	color:#9e9d9d;
  }
  .contact .wpcf7 form textarea{
  	height:100px;
  } 
  
  @media (min-height: 850px) {
  	 .contact .wpcf7 form textarea{
  	 	height:200px;
  	 }
  }
  
  @media (min-height: 1000px) {
  	 .contact .wpcf7 form textarea{
  	 	height:300px;
  	 }
  }
  
  .contact .wpcf7 form input{
  	height:22px;
  	line-height:22px;
  }
  .wpcf7-not-valid-tip{display:none!important;}
  .wpcf7-not-valid{border:1px solid red!important;}
  .contact .wpcf7-submit{
  	width:160px!important;
  	line-height:15px!important;
  	padding:0px!important;
  	height:38px!important;
  	font-size:16px;
  	margin-left:28%;
  	text-transform: uppercase;
  	font-family:'MontSerrat','Roboto',Arial;
  	transition:0.5s ease;
  	border:1px solid #333!important;
  }
  .contact .wpcf7-submit:hover{
  	background:white;
  	color:black;
  }
  .contact .captcha-image{
  	border:none;
  	position:relative;
  	margin-left:28%;
  	padding:0px;
  }
  .contact .captcha-image p span{
  	color:inherit;
  }
  .contact .captcha-image p{
  float:left;
  width:60%;
  margin:5px 0px;
  text-align:left;
  }
  .contact form .captcha-image label{
  	width:50px;
  	max-width:13%;
  }
  
  .contact .captcha-image label > input + i{
  	opacity:0.3;
  }
  .contact .captcha-image label > input:checked + i{
  	border:2px solid transparent;
  	opacity:1;
  }
  div.wpcf7-mail-sent-ok{
  	background:#bbeea1;
  	color:#508e31;
  	border:none;
  }
 div.wpcf7-validation-errors{
 	background-color:#f59999;
 	color:#991010;
 	border:none;
 }
 
  
  .page-template-artiste section .wrapper{
  	
  }
  
  .page-template-artiste .portrait{
  	float:left;
  	width:45%;
  	margin-right:3%;
  	display:block;
  	min-height:420px;
  	background-size:cover;
  	background-position:top left;
  	background-repeat: no-repeat;
  }
  .page-template-artiste .content{
  	width:50%;
  	float:left;
  	font-size:14px;
  	max-height:360px;
  	
  }
 
  .page-template-artiste .list_videos{
  		float:left;		
  	}
  
  
  @media only screen and (min-height:850px) {
  	.page-template-artiste .content{
  		font-size:14px;
  		line-height:22px;
  		max-height:490px;
  		max-width:700px;
  		width:60%;
  	}
  	.page-template-artiste .list_videos{
  		width:60%;
  	}
  	
  	 .page-template-artiste .portrait{
  	 	min-height:550px;
  	 	width:25%;
  	 }
  }
  @media only screen and (min-height:950px) {
  	.page-template-artiste .content{
  		max-height:510px;
  	}
  	.page-template-artiste .portrait{
  	 	min-height:570px;
  	 }
  }
  
  .page-template-artiste .content p:first-of-type{
  	margin-top:-4px;
  }
  @media only screen and (min-width:768px) {
	  .page-template-artiste main,.page-template-atelier main{
	  	background:url('img/logo_poisson_bg.svg') no-repeat center;
	  	background-size:contain;
	  }
  }
  .page-template-artiste .mCSB_scrollTools{
  	left:0px
  }
  .page-template-artiste .mCSB_container{
  	padding-left:50px;
  }
  .list_videos .video_lightbox{
  	display:inline-block;
  	margin-left:50px;
  	margin-top:20px;
  	width:auto;
	padding-left:90px;
  	height:51px;
  	background:url('img/ico_video.png');
	background-size:contain;
  	background-repeat:no-repeat;
  	text-align:center;
  	color:#fff;
  	transition:color 0.5s ease;
  	font-size:11px;
  	padding-top:1.2em;
	line-height:1.2em;
	opacity:0.6;
	transition:all 0.5s ease;
	text-transform:uppercase;
	font-family: 'MontSerrat','Roboto',Arial;
	font-weight:600;
	letter-spacing:0.2px;
	text-align:left;
	}
  .list_videos .video_lightbox:hover{
  	opacity:1;
  }
 
  .liste_vignettes{
  	position:relative;
  	height:160px;
  	overflow-y:hidden;
  }
  .liste_vignettes>div{
  	position:relative;
  	
  }
  .liste_vignettes a{
	position:relative;
  	display:block;
  	float:left;
  	background-size:cover;
  	background-position:center center; 
  	height:110px;
  	min-height:110px;
  	margin-right:9px;
  	max-width:450px;
  }
  .liste_vignettes a i{
	position:absolute;
	font-size:5rem;
	color:white;
	top:50%;
	text-align:center;
	transform:translateY(-50%);
	left:0;right:0;margin:auto;
	text-shadow:0px 0px 10px rgba(0,0,0,0.5);
  }
  @media only screen and (min-height:769px) {
  	.liste_vignettes{
  		height:190px;
  	}
  	.liste_vignettes a{
  		height:140px;
  	}
  }
   @media only screen and (min-height:850px) {
  	.liste_vignettes{
  		height:240px;
  	}
  	.liste_vignettes a{
  		height:180px;
  	}
  }
  
  .page-template-atelier .content{
  		margin-top:30px;
  		font-size:14px;
  		-webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
	    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    	-moz-column-gap: 40px; /* Firefox */
    	column-gap: 40px;
  }
  
  @media only screen and (max-width:480px) {
  	 .page-template-atelier .content{
  		margin-top:30px;
  		font-size:14px;
  		-webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    	-moz-column-gap: 40px; /* Firefox */
    	column-gap: 40px;
    	text-align:left;
    	
  	}
  }
  
  
  .page-template-atelier .content p:first-of-type{
  	margin-top:0px;
  }
  .page-template-atelier .content p{
  	break-inside:avoid;
  	display:inline-block;
  	margin-top:0px;
  }
  
 
   @media only screen and (min-width:1400px) {
	   .page-template-atelier .content{
	   	font-size:14px;
	   	line-height:22px;
	   	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	    -moz-column-count: 4; /* Firefox */
	    column-count: 4;
	   }
   }
  #mCSB_1_scrollbar_vertical .mCSB_dragger{ height: 100px!important; }
  #mCSB_1_scrollbar_horizontal .mCSB_dragger{ width: 100px!important; } 
  .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer,
  .mCSB_scrollTools.mCSB_scrollTools_vertical a + .mCSB_draggerContainer{
  	margin:0px!important;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
  	margin:8px 0px!important;
  }

  .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:44px!important;}
  .mCSB_scrollTools.mCSB_scrollTools_vertical{width:65px!important;}
  .mCSB_scrollTools>a{
  	position:absolute;
  	border:2px solid #333;
  	background-position:center center!important;
  	background-repeat:no-repeat!important;
  	background-size:inherit;
  	cursor:pointer;
  	z-index:10;
  	opacity:1!important;
  }
  .mCSB_scrollTools>a:hover{
  	background-color:#333;
  }
  .mCSB_scrollTools_horizontal>a{
  	width:24px!important;
  	height:27px!important;
  	min-height:27px!important;
  	top:10px;
  }
  .mCSB_scrollTools_vertical>a{
  	width:30px!important;
  	height:25px!important;
  	min-height:25px!important;
  	left:0px;
  	top:auto;
  }
  .mCSB_scrollTools_vertical .mCSB_draggerRail{
  	left:-2px;
  	position:relative;
  }
  
   .mCSB_scrollTools_horizontal>a.mCSB_buttonLeft{
   	background-image: url('img/scroll_left.png');
   }
   .mCSB_scrollTools_horizontal>a.mCSB_buttonRight{
   	background-image: url('img/scroll_right.png');
   }
 	.mCSB_scrollTools_vertical>a.mCSB_buttonUp{
   	background-image: url('img/top.png');
   }
   .mCSB_scrollTools_vertical>a.mCSB_buttonDown{
   	background-image: url('img/bottom.png');
   }
  
  .mCSB_draggerRail,.mCSB_dragger_bar{
  	border-radius:0!important;
  }
  .mCSB_scrollTools .mCSB_draggerRail{background-color:#333333!important;}
  .mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar{
  	width:8px!important;
  	left:2px;
  }
  .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  	height:8px!important;
  	top:-5px;
  }
  
  
  /*Mentions légales*/
 	body.mentions-legales article{
 			width:80%;
 			max-width:700px;
 			margin:auto;
 	}
 	body.mentions-legales article p{
 		font-size:14px;
 	}
 	.image_artsbaletes {
 		margin-bottom:0px!important;
 		margin-top:-5px!important;
 	}
 	@media only screen and (max-width:480px) {
 		body.mentions-legales article{
 			width:90%;
 		}
 	}
 	  
  
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:480px) {
	.onlymobile{display:none!important;}
	.onlydesktop{display:block!important;}
}
@media only screen and (max-width:480px) {
	
	
	header,.footer{
		position:relative;
	}
	.page-template-galerie .footer{
		position:absolute!important;
	}
	
	
	.onlymobile{display:block!important;}
	.onlydesktop{display:none!important;}
	.home .galerie_home .item{
		left: 0%;
		width: 100%;
		background-size: cover;
	}
	.home .galerie_home {
    	height: calc(100% - 28%);
   	}
   	.home .infos_home{
   		position:relative;
   		bottom:0px;
   		padding:14px;
   		width:100%;
   	}
   	.home a.enter{
   		font-size:28px;
   	}
   	a.enter+#lang_sel_list{
		margin-top:0.25em;
	}
	a.enter+#lang_sel_list a{
		font-size:10px!important;
	}
   	.home footer{position:absolute;}
   	
	header>#lang_sel_list{display:none;}
	
	.logo h1{height: 26px;background-size:contain;background-position:center center;}
	
	main{height:auto;}
	.ico-lang{
		background:url('img/ico_langs.png') no-repeat center center;
		display:block;
		position:absolute;
		right:0px;
		top:2px;
		width:22px;
		height:22px;
		z-index: 101;
	}
	
	header nav{
		margin-top:35px;
	}
	.contact article{padding-top: 20px;}
	.contact article>p{text-align:center;}
	
	.page-template-galerie section,
	.page-template-agenda section{position:relative;padding-top:20px;}
	
	.list_annees_parent{width:141px;margin:auto;overflow:hidden;height:26px;position:relative;}
	.list_annees_parent ul{position:absolute;width:999em!important;text-align:left;}
	.btn_annees{width:95%;left:0;right:0;margin:auto;height:26px;border-bottom:1px solid #333333;}
	.btn_annees a{height:26px;width:36px;display:inline-block;position:absolute;border:2px solid #333;background-size:33.33%;background-repeat:no-repeat;background-position:center center;text-indent:-999em;}
	.btn_annees a.prev{left:0px;background-image:url('img/left.png');}
	.btn_annees a.next{right:0px;background-image:url('img/right.png');}
	.list_annees li{padding: 5px 10px;}
	
	main h1,	
	.page-template-artiste main h1,
	.page-template-atelier main h1{
		margin-bottom:30px!important;
	}
	
	.page-template-artiste .portrait{
		width:100%;
		min-height:240px;
		float:none;
	}
	.page-template-artiste .content{
		float:none;
		margin:20px 0px;
		width:100%;
		max-height:inherit;
		font-size:14px;
	}
	.page-template-encheres main h1{
		text-align:center;
		line-height:30px;
	}
	.site_de_cotation{float:none!important;}
	.site_de_cotation h4{margin-bottom:5px;}
	
	.headline{margin-top:20px;}
	.headline a{display:none;}
	.headline h3{width:100%!important;}
	.events > div{overflow:visible;height:auto!important;}
	.events > div > div{position:relative;}
	.events .event{height:auto;}
	.page-template-encheres .event > *{display:block;width:100%!important;float:none;line-height:17px;}
	.page-template-encheres .event .vignette{float:left;width:90px!important;}
	.page-template-encheres .event .vignette:after{content:'';clear:both;display:block;}
	.page-template-encheres .event .title span{font-size:0.95em;}
	
	.page-template-agenda .event > *{display:block;width:100%!important;float:none;line-height:15px;}
	.page-template-agenda .event .vignette{float:left;width:115px!important;}
	.page-template-agenda .event .vignette div.img{width:100px;height:100px;}
	.page-template-agenda .event .date span{font-size:0.95em;}
	.page-template-agenda .event .title{font-family:'Roboto';}
	
	.page-template-agenda footer{display:none;}
	.page-template-agenda .btn_annees{width:100%;}
	.events>span{display:none;}
}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}