@charset "UTF-8";
/* CSS Document */

div.accueil.conteneur{
	min-height:100%;
}
ul.visites-virtuelles{
	margin: 24px 0 32px 0;
}
.courant a{
	text-decoration:underline;
	font-family: "Source Serif Pro", serif;
}
.courant a:hover, .dossiers-presse .dossier span a:hover{
	opacity:0.8;
}
footer.sticky{
	position:absolute;
	left:50%;
	width:auto;
	transform:translateX(-50%);
	bottom:16px;
}

.artist-expo-img, .artist-expo-text{
	margin-top: 1.1em;
	margin-bottom: 1.1em;
}

.btn-mobile-menu, .mobile-search{
	margin-top: 6px;
}


/*A ENLEVER LE none @ media 800*/
.line-through, ul.line-through{
	background: url(assets/img/line.gif) repeat-x center !important;
}

img.svg-logo-img{
	width:100% !important;
	height:100% !important;
}
header .svg-logo{
	height: 64px;
}
/**

 * @link https://gist.github.com/larrybotha/7881691#target-ie-with-css

 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files

 *

 * [1] IE9

 * [2] IE10+

 */
/* 1 */
img[src*=".svg"] {
  width: 100% \9; }

/* 2 */
@media screen and (min-width: 0 \0) {
  img[src*=".svg"] {
    width: 100%; } }

.grid-item img{
	font-size:0;
}

.img-event img, .exhibition img, .press img{
	border: solid 1px #f2f2f0;
}

@media screen and (max-width:800px){
	header .svg-logo{
	height:auto;
	}
}

ul.sous-menu li{
	padding: 4px 7px;
	margin:0;
	background: #fcfcfa;
}
.underline-current-sub-item, ul.sous-sous-menu li:hover, ul.sous-sous-menu .active{
	border:none !important;
}
.underline-current-sub-item a, .sous-sous-menu a.underline-current-item{
	border-bottom: 1px solid #888 !important;
}

@media screen and (max-width:800px){
	.exhibition a{
	width:75%;
	}
	.exhibition .date-debut, .exhibition .date-fin{
	width:5%;
	}
}

ul.sous-sous-menu li{
	max-width:100%;
}
ul.sous-sous-menu li, ul.sous-menu li{
	white-space: normal;
}
ul.sous-sous-menu li a{
	white-space:nowrap;
}


.swiper-slide img{
	color:#fcfcfa;
}

.artist-expo-text p{
	margin:0;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.title h2{
	max-width:600px;
}

ul.sous-sous-menu{
	padding: 8px 0 5px 0;
}
.main-menu ul.sous-sous-menu{
	padding: 0 0 5px 0;
}
a.artist-expo {
	position: relative;
	margin-bottom: -1px;
}
a.artist-expo:after {
	content: " ";
	position: absolute;
	z-index:0;
	left: 0;
	right: 0;
	bottom: 0;
	top:0;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}
.points{
	z-index:2;
}
.courant.cut{
	padding:0 0 3px 0;
}
.courant.short{
	-webkit-columns: 1;
	-moz-columns: 1;
	columns: 1;
	text-align: center;
}
.courant.short .points{
	display: none;
}

header .svg-logo{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.exhibition a:hover, .exhibition a img:hover{
	opacity:1;
	cursor:default;
}
a h1:hover, a h2:hover{
	opacity:.7;
}

.courant.cut{
	max-height:12.5em;
}

@media screen and (max-width:800px){
	.accueil-title, ul.item-menu-texts-artists{
		margin-bottom:24px;
	}
	.courant{
		margin-bottom:inherit;
	}

	.exhibition, .accueil .exhibition{
		margin-bottom:16px;
	}
	.exhibition .rotate-fin{
		left:24px;
	}
	.exhibition .rotate-debut{
		right:24px;
	}
	.exhibition .rotate-debut, .exhibition .rotate-fin{
		font-size:13px;
	}
}

.go-up{
	right:8px;
}

@media screen and (max-width:800px){
.page header{
	position:fixed;
}
}

@media screen and (max-width:800px){
header .svg-logo{
	-webkit-transition: none;
	transition: none;
}
}

.o-mobile-newsletter .esnol-bold-big{
	line-height:1em;
}
.o-mobile-newsletter input[type="email"]{
	width:25%;
}

.expo-name h1, .expo-name h2{
	width:60%;
	margin:0 auto;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mobile-menu-holder .credit{
	font-size:10px;
	margin-bottom:16px;
}
ul.mobile-social li .icon{
	font-size:20px;
}

.courant strong{
	font-family: "Source Serif Pro", serif;
	font-weight:700;
}

/*SCROLL HORIZONTAL MENUS PAGE ARTISTE*/
@media screen and (max-width:800px) and (orientation:portrait){
	ul.sous-menu.line-through.esnol-regular.item-menu-works-artists, ul.sous-sous-menu, ul.sous-menu{
		white-space: nowrap;
		overflow-x: auto;
	}
	ul.sous-sous-menu{
		margin:1px 0 0 0;
	}
	div.content-menu-artists.courant{
		margin-top: 75px;
	}
	ul.sous-menu.line-through.esnol-regular.item-menu-texts-artists{
		position: absolute;
		left: 0;
	}
	.sous-menu-oeuvres{
		position: absolute;
		top:inherit;
	}
	.grid{
		margin-top:90px;
	}
}

.tab-content > .tab-pane {
	display: block;
}

.virtual-tour-frame iframe {
	min-height: 300px !important;
}

.virtual-tour-frame iframe {
	width: 560px !important;
	height: 380px !important;
}