/*
mauve pâle : mauvepale: #ec8fbb
jaune : jaune : #eee956
bleu : bleu :#205aa6
rouge : rouge : #FF0000
vert clair : vertclair : #b2d373
bleu foncé : bleuclair : #0a4565
vert foncé : bleugris : #5d534a
rose saumon : rose : #dd6872
vert turquoise foncé : noir : #41686f
jaune sable : orange : #faba7f

brun : brun : #67594c
bleu marine : bleumarine : #0a4064
jaune intense : jauneintense : #ffff3b
mauve pale : mauvepale : #ff8ece
bleu très foncé : bleutresfonce : #180d6d
rouge intense : rougeintense : #ec1e06
jaune terne : jauneterne : #bedb5d
bleu profond : bleuprofond : #1848b6
noir : noir : #21152b

*/
#navcontainer,
#main,
#toolnav,
h1.page-title{
	display:block;
}
ul, li, p, *{
	margin:0;
	padding:0;
}
body{
/*	text-align:center;*/
	font-family: 'futuracondensed_extra_bold', Helvetica, Arial!important; 
	font-size:87.5%;
	background: rgba(0,0,0, 0.05);
	margin:0;
	padding;0
}
.hiddendesktop{display:none;}

#main, p, li{
	font-size:1rem;
}
p, li{
	font-family: 'futura_condensedbold', Helvetica, Arial!important; 
	color:black;
}
footer p, footer li{
	font-family: 'futura_condensedbold', Helvetica, Arial!important; 
	font-size:0.85rem;
	line-height:1.3em;
}
#main p{
	font-size:1.1rem;
	letter-spacing:0.0125em;
	margin-bottom:0.25rem;
}
#main p.date, #main p.more{
	font-family: 'futura_condensedbold', Helvetica, Arial!important; 
	font-weight:600;
	font-size:0.8rem;
}
h1,h2,h3,h4,h5,h6, a{
	font-family: 'futuracondensed_extra_bold', Helvetica, Arial!important; 
	text-align:left; 
}
h1,h2,h3,h4{	font-weight:700; text-transform:uppercase;}
h5, h6{ font-weight:400; text-transform:uppercase;}
h1{font-size:1.8rem; line-height:1em; margin:0 0 3rem;}
h2{font-size:1.6rem;line-height:1.2em; margin-bottom:1rem;}
h3{font-size:1.4rem; line-height:1.2em;margin:0 0 1rem;}
h4{font-size:1.2rem; line-height:1.2em;margin:0 0 1rem;}
h5{font-size:1rem; line-height:1.2em;margin:0 0 1rem;}
h6{font-size:0.7rem; line-height:1.2em;margin:0 0 0.5rem;}

h1 a,h2 a,h3 a,h4 a, p.more a, a.more{
	border-bottom:5px solid rgba(201,193, 185,0.5);
	display:inline;
	transition:border-color 0.25s;
	line-height:1.5em;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover, p.more a:hover, a.more:hover{
	text-decoration:none!important;
}
/*h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover, p.more a:hover, a.more:hover{
	border-bottom:5px solid rgba(201,193, 185,1);
}*/
h1.xxl{
	font-size:4rem;
}
h1.xl{
	font-size:3rem;
}
h1.page-title{
	position:fixed;
	top:46px;
	left:210px;
	z-index:10;
}
img{max-width:100%; height:auto;}
img.ver{
	height:100%; width:auto;
}
p{ font-weight:500; font-size:1rem; margin:0 0 1rem;}

a{color:black; text-decoration:none; font-weight:700;}

div.m-box{padding:10px;}

.container{
	text-align:left;
	width:100vw;
	height:100vh;
	margin:auto;
	position:relative;
	overflow-y:hidden
}

#header{
	margin:0;
	height:60px;
/*	background:white;
*/	z-index:200!important;
}
#togglemenu{display:none;}

#header a {
	color:black;
}
#header a:hover{
}
#header .active a{
	font-weight:700;
	border-bottom:1px solid black;
}
#header .mainnav ul{
/*	width:calc(50vw - 30px);*/
}
#header .mainnav .mTop{margin-top:20px;}
#header .mainnav .mBot{ margin-bottom:20px;}

#header .mainnav a{
}
#header .mainnav .active a{
	border:none;
}
#header .mainnav a:hover{
}
a.social{ 
	color:white!important; background:black;
	border-radius:10px; width:20px; height:17px; padding-top:3px; text-align:center; display:block;}
body.home a.social{
	color:black!important; background:white; 
}
#header>div{
}
#logo, .logo{
	position:absolute;
	top:-20px;
	left:40px;
	font-size:5rem;
	z-index:10;
}
#logo{
	position:fixed;
	color:blue;
}
/*#logo a,
#logo p.slogan{
	display:inline-block;
	float:left;
}
#logo p.slogan{
	font-family: 'futuracondensed_extra_bold', Helvetica, Arial!important;
	font-size:0.8rem;
	line-height:1.2em;
	margin:28px 0 0 ;

}
*/
#navcontainer{
	position:fixed;
	background:blue;
	width:40px;
	top:0;
	left:0;
	height:100vh;
	transition:width 1s;
	z-index:2000;
	overflow:hidden;
}
.text a:hover{
	text-decoration:underline;
}
/* C O L O R S */
body.red .block.image img:hover,
.block.image img:hover,
body.rouge .block.image img:hover{
	cursor:url(../images/_cursor-rouge.png),auto;
}
body.red,
body.red .mfp-counter,
body.red .mfp-close,
body.red .mfp-title, 
body.red #logo a, 
body.red div.block.text.aphorisme .text>*,
body.red #cursorfollow,
body.rouge,
body.rouge .text>*,
body.rouge .text a,
body.rouge .mfp-counter,
body.rouge .mfp-close,
body.rouge .mfp-title, 
body.rouge #logo a, 
body.rouge div.block.text.aphorisme .text>*,
body.rouge #cursorfollow{
	color:#FF0000!important;
}
body.red #verticalphone,
body.rouge #verticalphone,
body.red #navcontainer,
body.rouge #navcontainer,
body.rouge .loadmore{
	background:#FF0000;
}
body.rouge h1 a:hover,
body.rouge h2 a:hover,
body.rouge h3 a:hover,
body.rouge h4 a:hover, 
body.rouge p.more a:hover, 
body.rouge a.more:hover{
	border-color:#FF0000;
}


body.jaune .block.image img:hover{
	cursor:url(../images/_cursor-jaune.png),auto;
}
body.jaune,
body.jaune .mfp-counter,
body.jaune .mfp-title, 
body.jaune .mfp-close,
body.jaune #logo a, 
body.jaune div.block.text.aphorisme .text>*,
body.jaune div.block.text a,
body.jaune #cursorfollow{
	color:rgb(255,184,7)!important;
}
body.jaune #verticalphone,
body.jaune #navcontainer,
body.jaune .loadmore{
	background:rgb(255,184,7)!important;
}
body.jaune h1 a:hover,
body.jaune h2 a:hover,
body.jaune h3 a:hover,
body.jaune h4 a:hover, 
body.jaune p.more a:hover, 
body.jaune a.more:hover{
	border-color:rgb(255,184,7)!important;
}

body.rougelineaire .block.image img:hover{
	cursor:url(../images/_cursor-rougelineaire.png),auto;
}
body.rougelineaire,
body.rougelineaire .mfp-counter,
body.rougelineaire .mfp-close,
body.rougelineaire .mfp-title, 
body.rougelineaire #logo a, 
body.rougelineaire div.block.text.aphorisme .text>*,
body.rougelineaire div.block.text a,
body.rougelineaire #cursorfollow{
	color:rgb(214,12,12)!important;
}
body.rougelineaire #verticalphone,
body.rougelineaire #navcontainer,
body.rougelineaire .loadmore{
	background:rgb(214,12,12)!important;
}
body.rougelineaire h1 a:hover,
body.rougelineaire h2 a:hover,
body.rougelineaire h3 a:hover,
body.rougelineaire h4 a:hover, 
body.rougelineaire p.more a:hover, 
body.rougelineaire a.more:hover{
	border-color:rgb(214,12,12)!important;
}


body.anthracite .block.image img:hover{
	cursor:url(../images/_cursor-anthracite.png),auto;
}
body.anthracite,
body.anthracite .mfp-counter,
body.anthracite .mfp-close,
body.anthracite .mfp-title, 
body.anthracite #logo a, 
body.anthracite div.block.text a,
body.anthracite div.block.text.aphorisme .text>*,
body.anthracite #cursorfollow{
	color:rgb(127,117,89)!important;
}
body.anthracite #verticalphone,
body.anthracite #navcontainer,
body.anthracite .loadmore{
	background:rgb(127,117,89)!important;
}
body.anthracite h1 a:hover,
body.anthracite h2 a:hover,
body.anthracite h3 a:hover,
body.anthracite h4 a:hover, 
body.anthracite p.more a:hover, 
body.anthracite a.more:hover{
	border-color:rgb(127,117,89)!important;
}

body.bleu .block.image img:hover{
	cursor:url(../images/_cursor-bleu.png),auto;
}
body.bleu,
body.bleu .mfp-counter,
body.bleu .mfp-close,
body.bleu .mfp-title, 
body.bleu #logo a, 
body.bleu div.block.text a,
body.bleu div.block.text.aphorisme .text>*,
body.bleu #cursorfollow{
	color:rgb(7,41,193)!important;
}
body.bleu #verticalphone,
body.bleu #navcontainer,
body.bleu .loadmore{
	background:rgb(7,41,193)!important;
}
body.bleu h1 a:hover,
body.bleu h2 a:hover,
body.bleu h3 a:hover,
body.bleu h4 a:hover, 
body.bleu p.more a:hover, 
body.bleu a.more:hover{
	border-color:rgb(7,41,193)!important;
}

body.vert .block.image img:hover{
	cursor:url(../images/_cursor-vert.png),auto;
}
body.vert,
body.vert .mfp-counter,
body.vert .mfp-close,
body.vert .mfp-title, 
body.vert #logo a, 
body.vert div.block.text.aphorisme .text>*,
body.vert div.block.text a,
body.vert #cursorfollow{
	color:rgb(24,130,1)!important;
}
body.vert #verticalphone,
body.vert #navcontainer,
body.vert .loadmore{
	background:rgb(24,130,1)!important;
}
body.vert h1 a:hover,
body.vert h2 a:hover,
body.vert h3 a:hover,
body.vert h4 a:hover, 
body.vert p.more a:hover, 
body.vert a.more:hover{
	border-color:rgb(24,130,1)!important;
}

body.bleuclair .block.image img:hover{
	cursor:url(../images/_cursor-bleuclair.png),auto;
}
body.bleuclair,
body.bleuclair .mfp-counter,
body.bleuclair .mfp-close,
body.bleuclair .mfp-title, 
body.bleuclair #logo a, 
body.bleuclair div.block.text.aphorisme .text>*,
body.bleuclair div.block.text a,
body.bleuclair #cursorfollow{
	color:#99C7F9!important;
}
body.bleuclair #verticalphone,
body.bleuclair #navcontainer,
body.bleuclair .loadmore{
	background:#99C7F9;
}
body.bleuclair h1 a:hover,
body.bleuclair h2 a:hover,
body.bleuclair h3 a:hover,
body.bleuclair h4 a:hover, 
body.bleuclair p.more a:hover, 
body.bleuclair a.more:hover{
	border-color:#99C7F9;
}


body.bleugris .block.image img:hover{
	cursor:url(../images/_cursor-bleugris.png),auto;
}
body.bleugris,
body.bleugris .mfp-counter,
body.bleugris .mfp-close,
body.bleugris .mfp-title, 
body.bleugris #logo a, 
body.bleugris div.block.text.aphorisme .text>*,
body.bleugris div.block.text a,
body.bleugris #cursorfollow{
	color:rgb(22,92,142)!important;
}
body.bleugris #verticalphone,
body.bleugris #navcontainer,
body.bleugris .loadmore{
	background:rgb(22,92,142)!important;
}
body.bleugris h1 a:hover,
body.bleugris h2 a:hover,
body.bleugris h3 a:hover,
body.bleugris h4 a:hover, 
body.bleugris p.more a:hover, 
body.bleugris a.more:hover{
	border-color:rgb(22,92,142)!important;
}


body.rose .block.image img:hover{
	cursor:url(../images/_cursor-rose.png),auto;
}
body.rose,
body.rose .mfp-counter,
body.rose .mfp-close,
body.rose .mfp-title, 
body.rose #logo a, 
body.rose div.block.text.aphorisme .text>*,
body.rose div.block.text a,
body.rose #cursorfollow{
	color:#FA96D4!important;
}
body.rose #verticalphone,
body.rose #navcontainer,
body.rose .loadmore{
	background:#FA96D4;
}
body.rose h1 a:hover,
body.rose h2 a:hover,
body.rose h3 a:hover,
body.rose h4 a:hover, 
body.rose p.more a:hover, 
body.rose a.more:hover{
	border-color:#FA96D4;
}

body.noir .block.image img:hover{
	cursor:url(../images/_cursor-noir.png),auto;
}
body.noir,
body.noir .mfp-counter,
body.noir .mfp-close,
body.noir .mfp-title, 
body.noir #logo a, 
body.noir div.block.text.aphorisme .text>*,
body.noir div.block.text a,
body.noir #cursorfollow{
	color:#000000!important;
}
body.noir #verticalphone,
body.noir #navcontainer,
body.noir .loadmore{
	background:#000000;
}
body.noir h1 a:hover,
body.noir h2 a:hover,
body.noir h3 a:hover,
body.noir h4 a:hover, 
body.noir p.more a:hover, 
body.noir a.more:hover{
	border-color:#FA96D4;
}

body.orange .block.image img:hover{
	cursor:url(../images/_cursor-orange.png),auto;
}
body.orange,
body.orange .mfp-counter,
body.orange .mfp-close,
body.orange .mfp-title, 
body.orange #logo a, 
body.orange div.block.text.aphorisme .text>*,
body.orange div.block.text a,
body.orange #cursorfollow{
	color:#ff6600!important;
}
body.orange #verticalphone,
body.orange #navcontainer,
body.orange .loadmore{
	background:#ff6600;
}
body.orange h1 a:hover,
body.orange h2 a:hover,
body.orange h3 a:hover,
body.orange h4 a:hover, 
body.orange p.more a:hover, 
body.orange a.more:hover{
	border-color:#ff6600;
}

#loadmore .loadmore a, body.rouge .loadmore a{
	display:block;
	color:white!important;
}


#navcontainer:hover{
	width:360px;
}
#navcontainer a {
	color:white;
}
#mainnav{
	position:relative;
	margin-top:110px;
	width:310px;
	margin-left:35px;
/*	margin-bottom:40px;*/
	height:calc(100vh - 80px);
	overflow-y:auto;
}
#mainnav>.m-box{
	padding-bottom:40px;
}
.mainnav a{
	font-weight:600;
}
.mainnav ul li{
	list-style:none;
	max-width:100%;
}
.mainnav>.m-box>ul>li{
	display:block;
	position:relative;
}
li.current-menu-ancestor>a,
li.current-menu-parent>a,
li.current-menu-item>a{
	text-decoration:underline;
}
a.video:before, li.video a:before{
	content:"f03d ";
}
.mainnav>.m-box>ul>li>a{
	display:block;
	padding:3px 5px;
	height:auto;
	font-size:20px;
	font-family: 'futura_condensedbold', Helvetica, Arial!important; 
	text-transform:uppercase;
	letter-spacing:0.06em;
}
.mainnav>.m-box>ul>li>ul.keywords{
	padding:10px; 
}
.mainnav>.m-box>ul>li>ul.keywords li{
	display:inline-block;
	margin-right:20px;
}
.mainnav>.m-box>ul a:hover{
	text-decoration:underline;
}
.mainnav>.m-box>ul>li:hover>ul{
}
.mainnav>.m-box>ul>li>ul ul{
}
.mainnav>.m-box>ul>li>ul ul>li{
}

#artworkmenu {
	position:relative;
	left:55px;
	width:270px;
/*	border-top:3px solid white;*/
/*	padding-top:1rem;*/
}
#artworkmode li{
	display:inline-block;
	font-size:0.8rem;
	margin-right:10px;
}
#artworkmode li a.active, #artworkmenu li.current-cat a{
	text-decoration:underline;
}
/* hide first container */
#artworkmenu div.list-custom-taxonomy-widget>ul>li{

}
#artworkmenu li {
	list-style:none;
}
#artworkmenu div.list-custom-taxonomy-widget>ul>li{
	/*clear:both;
	display:block;
	border-bottom:1px solid white;
	padding:0.5rem 0;*/
	display:inline-block;
	margin-right:2rem;
	margin-bottom:0.5rem;
	font-size:0.8rem;
}
#artworkmenu div.list-custom-taxonomy-widget>ul>li>a{
/*	font-size:1rem;*/
}
#artworkmenu div.list-custom-taxonomy-widget>ul>li>ul{
	clear:both;
	display:block;
}
#artworkmenu div.list-custom-taxonomy-widget>ul>li>ul>li{
	display:inline-block;
	margin-right:1rem;
	font-size:0.8rem;
}
.toolnav{
	position:absolute;
	left:60px;
	bottom:20px;
}

#toolnav{
	position:fixed;
	left:60px;
	bottom:20px;
	z-index:1000;
}
.toolnav ul li{
	list-style:none;
	display:inline-block;
	margin-left:5px;
	font-size:1rem;	
}
.toolnav a{
	font-size:1.2rem;
	font-weight:400;
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	padding-top:0px;
	padding-right:0px;
	border-radius:20px;
}
.toolnav a:hover{
	background:white;
}
#cursorfollow{
	position:absolute; z-index:150;
	font-weight:700;
	color:rgba(0,0,255,0.8);
}

#main{
/*	position:absolute;
	top:00px;*/
	left:0px;
	padding-left:120px;
	position:fixed;
	bottom:0;
	height:100vh;
	overflow:hidden;
}
#main.lineblock.gallery{
	height:calc(100vh - 150px );
	display:block;
/*	width:500vw!important;*/
/*	position:relative;*/
}
#main.lineblock.gallery>div.gallery_group{
	position:relative;
	height:calc(100vh - 120px );
	width: calc(50vh - 60px );
	display:inline-block;
}
#main.lineblock.gallery>div.gallery_group>.block{
	position:relative;
	height: calc(50vh - 60px );
	width:100%;
	clear:both;
}
#main.lineblock.gallery>div.gallery_group>.block img.ver{
	max-height:calc((50vh - 60px) );
	max-width:100%;
	width:auto;
	height:auto;
	text-align:center;
}
#main.lineblock.gallery>div.gallery_group>.block div.block_container{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
#main.lineblock.gallery>div.gallery_group>.block div.block_container>*{
	position:relative;
}
.m-box.pad-2{
	padding-left:40px;
	padding-right:40px;
}
.m-box.pad-3{
	padding-left:80px;
	padding-right:80px;
}
.m-box.pad-4{
	padding-left:120px;
	padding-right:120px;
}


.separator{
/*	display:none;*/
}
.separator hr{
	background-color:rgba(228,224,220,1);
	height:5px;
	border:none;
}

.lineblock{
	display:flex;
}
.lineblock.gallery{
	flex-wrap:wrap;
}
.lineblock.gallery>.block{
	height:35vh;
	overflow:visible;
}
.block {
	display:inline-block;
	overflow:hidden;
	z-index:5;
}
.block>.m-box{
	padding:0 20px;
}
.block.image:hover, .block.image img:hover{
	z-index:12;
}
.block.text:hover>*{
	text-shadow:0 0 20px rgba(255,255,255,0.6);
}
.block.text>*{
	padding:10px;
}
.block:hover.text>*{
	background:rgba(255,255,255,0.5xr);
}

.block.image .info{
	display:none;
}
.block.image img{position:relative;}
.block.text{
	z-index:10;
}
.block.full_height{
	width:auto;
	flex-basis:auto;
}
.block.full_height img{
	height:100vh;
	width:auto;
	min-width:none;
	max-width:none;
}
div.block .image_container{
	text-align:center;
	background:rgba(255,255,255,0);
	transition:background 0.5s;
}
div.block .image_container img{
	text-align:center;
	margin:auto;
}
div.block .hash{
	opacity:0;
	background:rgba(255,255,255,0);
	transition:background 0.5s, opacity 0.5s;
}
div.block:hover .hash,
div.block:hover .image_container{
/*	background:rgba(255,255,255,0.95);*/
}

div.block:hover .hash{
	opacity:1;
}
div.block .hash .m-box{
	padding-top:0;
}
div.block .hash li{
	list-style:none;
	display:inline-block;
	line-height:0.5em;
	margin:0 5px 0 0 ;
}
div.block .hash li a{
	font-size:0.8rem;
	line-height:0.5em;
	font-weight:400;
	display:inline;
}

div.blockbasic>div.text{
	width:100%;
	max-width:600px;
	position:relative;
	top:200px;
}
#main.gallerynew>.block.text.size-xl{
	width:800px;
}
#main.gallerynew>.block.text.size-l{
	width:640px;
}
#main.gallerynew>.block.text.size-m{
	width:480px;
}
#main.gallerynew>.block.text.size-s{
	width:320px;
}


.width_1{
	width:120px;
	flex-basis:120px;
}
.width_2{
	width:240px;
	flex-basis:240px;
}
.width_3{
	width:360px;
	flex-basis:360px;
}
.width_4{
	width:480px;
	flex-basis:480px;
}
.width_5{
	width:600px;
	flex-basis:600px;
}
.width_6{
	width:720px;
	flex-basis:720px;
}
.width_7{
	width:840px;	
	flex-basis:840px;
}
.width_8{
	width:960px;	
	flex-basis:960px;
}

.top_1{
	padding-top:10vh;
/*	padding-top:60px;*/
}
.top_2{
	padding-top:20vh;
/*	padding-top:120px;*/
}
.top_3{
	padding-top:30vh;
/*	padding-top:180px;*/
}
.top_4{
	padding-top:40vh;
/*	padding-top:240px;*/
}
.top_5{
	padding-top:50vh;
/*	padding-top:300px;*/
}
.top_6{
	padding-top:60vh;
/*	padding-top:360px;*/
}
.top_7{
	padding-top:70vh;
/*	padding-top:420px;*/
}
.top_8{
	padding-top:80vh;
/*	padding-top:480px;*/
}
.top_9{
	padding-top:90vh;
/*	padding-top:540px;*/
}
.left_1{
	margin-left:120px;
}
.left_2{
	margin-left:240px;
}
.left_3{
	margin-left:360px;
}
.left_4{
	margin-left:480px;
}
.left_5{
	margin-left:600px;
}
.left_6{
	margin-left:720px;
}
.left_min_1{
	margin-left:-120px;
}
.left_min_2{
	margin-left:-240px;
}
.left_min_3{
	margin-left:-360px;
}
.left_min_4{
	margin-left:-480px;
}
.left_min_5{
	margin-left:-600px;
}
.left_min_6{
	margin-left:-720px;
}


#main.panel.gallery{
	position:fixed;
	text-align:left;
	min-width:100vw;
}
#main.panel.gallery>.block{
	display:inline-block;
	margin-right:10px;
	position:relative;
	vertical-align:middle;
	margin-top:12.5vh;
	margin-bottom:12.5vh;
	top:-5vh;
}
#main.panel.gallery .block>.image_container{
	position:relative;
	height:100%;
}
.block.height-full{
	height:100vh;
	width:auto;
	margin-top:0!important;
	margin-bottom:0!important;
	top:0!important;
}
.block.height-xl{
	height:75vh;
	width:auto;
}
.block.height-l{
	height:50vh;
	width:auto;
}.block.height-m{
	height:33vh;
	width:auto;
}
.block.height-s {
	height:20vh;
	width:auto;
}
.block.height-full.hor{
	width:75vh;
	height:auto;
}
.block.height-xl.hor{
	width:75vh;
	height:auto;
}
.block.height-xl.hor.valign-bottom{
	margin-top:30vh;
	
}
/*
.block.height-l.hor{
	width:40vh; /* 33 
	height:auto;
}.block.height-m.hor{
	width:30vh; /* 20 
	height:auto;
}
.block.height-s.hor {
	width:20vh;
	height:auto;
}
*/
.block.height-full img{
	height:100%;
	width:auto;
}
.block.height-xl img{
	height:100%;
	width:auto;
}
.block.height-l img{
	height:100%;
	width:auto;
}.block.height-m img{
	height:100%;
	width:auto;
}
.block.height-s img{
	height:100%;
	width:auto;
}
.block.height-full.hor img{
	width:100%;
	height:auto;
}
.block.height-xl.hor img{
	width:100%;
	height:auto;
}
/*
.block.height-l.hor img{
	width:100%;
	height:auto;
}.block.height-m.hor img{
	width:100%;
	height:auto;
}
.block.height-s.hor img{
	width:100%;
	height:auto;
}
*/
.block.mrightmin-full, .block.mrightmin-xl{
	margin-right:-120px;
}
.block.mrightmin-l{
	margin-right:-90px;
}
.block.mrightmin-m{
	margin-right:-60px;
}
.block.mrightmin-s{
	margin-right:-30px;
}
.block.mright-full{
	margin-right:120px
}
.block.mright-xl{
	margin-right:90px
}
.block.mright-l{
	margin-right:60px
}
.block.mright-m,
.block.mright-s{
	margin-right:30px
}
.block.mleft-full{
	margin-left:120px
}
.block.mleft-xl{
	margin-left:90px
}
.block.mleft-l{
	margin-left:60px
}
.block.mleft-m{
	margin-left:30px
}
.block.mleft-s{
	margin-left:30px
}
.block.valign-0{
	margin-top:0;
}
.block.valign-1{
	margin-top:10vh;
}
.block.valign-2{
	margin-top:20vh;
}
.block.valign-3{
	margin-top:30vh;
}
.block.valign-4{
	margin-top:40vh;
}
.block.valign-5{
	margin-top:50vh;
}
.block.valign-6{
	margin-top:60vh;
}
.block.valign-7{
	margin-top:70vh;
}
.block.valign-middletop{
	vertical-align:top!important;
	margin-top:25vh!important;
}
.block.valign-top{
	vertical-align:top!important;
}
.block.valign-middle{
	vertical-align:middle!important;
}
.block.valign-bottom{
	vertical-align:bottom!important;
	margin-top:0px!important;
}
.block.valign-middlebottom{
	vertical-align:bottom!important;
	margin-bottom:25vh!important;
}
.block.height-xl.ver.valign-bottom,
.block.height-xl.ver.valign-middle{
	vertical-align:top!important;
}


.block.text.aphorisme{
	height:auto!important;
	width:auto!important;
}
div.block.text.aphorisme>.text>*{
	text-transform:uppercase;
	font-weight:900;
}
div.block.text.aphorisme>.text>*:first-child:before{
	content:"« ";
	font-size:2rem!important;
}
div.block.text>.text>*:last-child{
	margin-bottom:0!important;
}
div.block.text.aphorisme>.text>*:last-child:after{
	font-size:2rem!important;
	content:" »";
}
div.block.text.aphorisme.extrait>.text>*{
	text-transform:uppercase;
}
div.block.text.aphorisme.extrait>.text>*:first-child:before{
	content:"« ";
}
div.block.text.aphorisme.extrait>.text>*:last-child:after{
	content:" »";
	
}
.block.text .text-s p{
	font-size:4rem!important;
	line-height:4.4rem;
	max-width:600px;
}
.block.text .text-m p{
	font-size:3rem!important;
	line-height:3.3rem;
	max-width:600px;
	
}
.block.text .text-l p{
	font-size:2rem!important;
	line-height:2.2rem;
	max-width:600px;
	
}
.block.text .text-xl p{
	font-size:2rem!important;
	line-height:2.2rem;
	max-width:600px;
	
}
.block.text.size-xl>.text>*{
	font-size:3.6rem!important;
}
.block.group>.block{
	position:relative;
	display:block;
	margin-bottom:10px;
} 
#main .block.group-2{
	height:75vh!important;
}
#main .block.group-2>.block{
	/*height:calc(47% - 10px)!important; width:auto!important;*/
	width:27vh!important;
	height:auto!important;
}
#main .block.group-2>.block img,
#main .block.group-3>.block img {
	width:100%!important;
	height:auto!important;
}
#main .block.group-3{
	vertical-align: middle!important;
	height:auto;
/*	margin-top:5vh;
	margin-bottom:5vh;
*/}
#main .block.group-3>.block{
	/*height:calc(30% - 10px)!important; width:auto!important;*/
	width:35vh!important;
	height:auto!important;
}
#main .block.group-3.ver>.block.ver{
	/*height:calc(30% - 10px)!important; width:auto!important;*/
	height:20vh!important;
	width:auto!important;
}
#main .block.group-3.ver>.block.ver img{
	height:100%!important;
	width:auto!important;
}

#main .block.group-4>.block{
	height:calc(22% - 10px)!important; width:auto!important;
}
#main .block.group-5>.block{
	height:calc(17% - 10px)!important; width:auto!important;
}

#main .heightmaker{
	height:100vh;
	display:inline-block;
	vertical-align:middle;
	width:1px;
}

.mfp-bg{
	background:white!important;
	opacity:0.99;
}
.mfp-bg, .mfp-wrap{
	left:40px;
	width:calc(100% - 40px);
}
.mfp-container{
/*	text-align:left!important;*/
}
.mfp-image-holder .mfp-content{
/*	margin-left:30px!important;*/
/*	max-width:75%!important;*/
	margin:auto;
	width:100%;
}

.mfp-container.mfp-iframe-holder{
	text-align:center!important;
}
.mfp-container.mfp-iframe-holder .mfp-content{
	margin:auto!important;
}

.mfp-figure figure{
	text-align:center;
}
img.mfp-img{
	max-width:60%!important;
	padding:0!important;
	margin:auto;
	max-height:90vh!important;
}
.mfp-figure:after{
	background:none!important;
	box-shadow:none!important;
}
.mfp-figure figure{
	background:transparent!important;
}
.mfp-figure figcaption{
	position:absolute;
	top:0;
	left:80vw;
	width:18vw;
	overflow:none;
	height:100%;
}
.mfp-title{
	font-size:24px;
	font-weight:bold;
	line-height:24px;
}
.mfp-bottom-bar{
	margin-top:0;
	position:static;
}
.mfp-title p, .mfp-bottom-bar .mfp-counter{
	color:inherit!important;
	font-size:20px;
	line-height:20px;
}
.mfp-title p{
	margin-top:10px;
}
.mfp-counter{
	position:absolute;
	top:unset;
	bottom:0;
	left:0;
}
li.break{
	display:none;
}
#verticalphone{
	display:none;
}

body.page-template-default .maintext{
	top:100px!important;
	height:calc(100vh - 200px);
	overflow:scroll;
	padding-right:calc(100vw - 720px);
}

body.page-template-default .maintext h3{
	margin-top: 20px;
}
body.page-template-default .maintext p{
	color:black!important;
}

@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: fixed;
	bottom: 0px;
	right: 10px;
	text-align: center;
	width:60px;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ccc;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #999;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #ccc;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: #ccc;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}


@media only screen and (max-height: 700px)  {
/*	#logo, .logo{
		font-size:4em;
	}
*/	.mainnav>.m-box>ul>li>a{
		padding:3px 10px;
		font-size:18px;
	}
	#header .mainnav .mBot{
		margin-bottom:10px;
	}
	#mainnav{
		margin-top:80px;		
	}
	
}
@media only screen and (max-height: 550px)  {
/*	#logo, .logo{
		font-size:3.6em;
	}
*/
	.mainnav>.m-box>ul>li>a{
		padding:2px 10px;
		font-size:15px;
	}
	#header .mainnav .mBot{
		margin-bottom:8px;
	}
	#mainnav{
		margin-top:50px;		
	}
	
}

@media only screen and (min-width: 768px)  {
	.mainnav>.m-box>ul>li.oeuvre a{
		font-size:16px;
		
	}
}
@media only screen and (max-width: 1023px) and (orientation:landscape)  {
	h1{font-size:1.5rem; line-height:1em; margin:0 0 3rem;}
	h2{font-size:1.2rem;line-height:1.2em; margin-bottom:1rem;}
	h3{font-size:1.1rem; line-height:1.2em;margin:0 0 1rem;}
	h4{font-size:1rem; line-height:1.2em;margin:0 0 1rem;}
	h5{font-size:0.85rem; line-height:1.2em;margin:0 0 1rem;}
	h6{font-size:0.7rem; line-height:1.2em;margin:0 0 0.5rem;}
	h1.xxl{
		font-size:2.5rem;
	}
	h1.xl{
		font-size:2rem;
	}
	#main p{ font-size:0.85rem; }
	#navcontainer:hover{
		width:420px;
	}
	#header .mainnav ul{
		width:380px;
	}
	.block.text .text-s p{
		font-size:3rem!important;
		line-height:3.3rem;
		max-width:400px;
	}
	.block.text .text-m p{
		font-size:2rem!important;
		line-height:2.2rem;
		max-width:400px;
	
	}
	.block.text .text-l p{
		font-size:1rem!important;
		line-height:1.1rem;
		max-width:400px;
	
	}
	.block.text .text-xl p{
		font-size:0.85rem!important;
		line-height:1rem;
		max-width:400px;
	
	}
	.block.text.size-xl>.text>*{
		font-size:3rem!important;
	}
	
	#logo, .logo{}
	.toolnav a img{
		height:20px;
		width:20px!important;
	}
	.mainnav>.m-box>ul>li.oeuvre{
		display:inline-block;
	}
	li.break{
		clear:both;
		color:transparent;
		height:1px;
		overflow:hidden;
		display:block;
	}
	#header .mainnav .mTop{
		margin-top:10px;
	}
	#logo, .logo{
		font-size:3rem;
		top:-10px;
	}
	h1.page-title{
		top:27px;
		left:150px;
	}
	#main.panel.gallery{
/*		z-index:20;*/
	}
	#main>.block.text>.text{
		max-height:80vh;
		overflow-y:auto;
	}
	#toolnav{
		bottom:-20px;
		left:50px;
	}
}

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

}

@media only screen and (max-width: 567px)  {
	#separator.pure-u-0{
		display:none;
	}
	h1{
		font-size:2.4rem;
	}
	h2{
		font-size:2rem;
	}
	h3{
		font-size:1.5rem;
	}
	h4{
		font-size:1.2rem;
	}
	
	
}
@media only screen and (orientation: portrait) and (max-width:640px) {
	#navcontainer,
	#main,
	#toolnav,
	h1.page-title{
		display:none;
	}
	#verticalphone{
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:100vw;
		height:100vh;
	}
	#verticalphone>.text{
		margin-top:10vh;
		padding:30px;
	}
	#verticalphone>.text>*,
	#verticalphone>.text>h2,
	#verticalphone>.text>p	{
		color:white!important;
	}
	body #header #logo{
		left:20px;
	}
	body #header #logo a{
		color:white!important;
	}
	h1{
		font-size:2.4rem;
	}
	h2{
		font-size:2rem;
	}
	h3{
		font-size:1.5rem;
	}
	h4{
		font-size:1.2rem;
	}
	
}

@media only screen and (orientation: landscape) and (max-width:768px) {
	.container, #main{
		overflow:scroll;
	}
	#main.panel.gallery{
		position:absolute;
	}
}