/* Galerie - Blocs
---------------------------------------------------------------------- */
.bloc-gallery ul {column-count: 3;}

* Exposant - Fiche
---------------------------------------------------------------------- */

.exhibitor-view h2,
.exhibitor-view h3,
.exhibitor-view span {
	text-align: center;
}
.exhibitor-view .phone,
.exhibitor-view .email {padding: 5px 0;display: block;}
.exhibitor-view {display:flex; flex-direction:column; }
.exhibitor-view > figure {width:100%; overflow: hidden; height: 300px;}
.exhibitor-view > figure img {width:100%; object-fit: cover; height:100%; }
.exhibitor-view > section {padding:0;}
.exhibitor-view > section.info figure {width:30%; text-align: center;}
.exhibitor-view > .info {margin-top: 30px; margin-bottom: 15px;}
.exhibitor-view > .info article {text-align: center;}
.exhibitor-view > section.info figure img {width:70%;}
.exhibitor-view > section.info article {text-align: center; width:40%; display:flex; flex-direction:column; justify-content:center;}
.exhibitor-view > section.info article:last-child {width:30%; text-align: center;}
.exhibitor-view > section.info article h3 { color:#555; font-size:20px;}
.exhibitor-view > section.info article h2 { color:#000; font-size:24px; font-weight: 100; text-align: center; margin-bottom: 4vh;}
.exhibitor-view > section.info article:last-child span { text-align: center;}
.exhibitor-view > section.info article h1 { text-align: left;}
.exhibitor-view > section.ct article {width:65%; padding:6vh 5vw; margin: 0 auto;} 
.exhibitor-view > section.ct article .content,
.exhibitor-view > section.ct article .chapo {
	margin: 5px 0;
}
.exhibitor-view > section.ct figure {width:30%; overflow: hidden;} 
.exhibitor-view > section.ct figure img {width:100%; height: 100%; object-fit: cover;} 

.exhibitor-view > .link {margin: 4px auto; text-align: center; background: #333; color:#fff; transition: 0.3s all ease;}
.exhibitor-view > .link a { color:#fff; text-decoration: none; display:inline-block; height:30px; padding:6px; background: inherit; border-radius: 0;}
.exhibitor-view > .link a:hover { text-decoration: underline; background: inherit;}
.exhibitor-view > .link:hover {background: #000;} 
@media screen and (max-width: 640px) {
	.bloc-exhibitor {
		width: 100%;
	}	
	.exhibitorsPage.detailList .bloc-exhibitor {
		width: 100%;
	}
}

@media screen and (min-width: 640px) and (max-width: 980px) {
	.bloc-exhibitor {
		width: 50%;
	}	
	.exhibitorsPage.detailList .bloc-exhibitor {
		width: 50%;
	}
	.exhibitor-view > section.ct article {
		width: 100%;
	}
}
@media screen and (max-width: 980px) {
	.exhibitor-view > section.ct article {
		width: 100%;
	}
}