@font-face {
 font-family: "Haas";
 src: url("fonts/NHaasGroteskTXPro-75Bd.ttf") format('truetype');
 font-style: normal;
}


@font-face {
	font-family: "Century";
	src: url("//db.onlinewebfonts.com/t/2761edc7e887a8a61e958fea48e4530e.eot");
	src: url("//db.onlinewebfonts.com/t/2761edc7e887a8a61e958fea48e4530e.eot?#iefix")
	format("embedded-opentype"), url("//db.onlinewebfonts.com/t/2761edc7e887a8a61e958fea48e4530e.woff2")
	format("woff2"), url("//db.onlinewebfonts.com/t/2761edc7e887a8a61e958fea48e4530e.woff") format("woff"), url("//db.onlinewebfonts.com/t/2761edc7e887a8a61e958fea48e4530e.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/2761edc7e887a8a61e958fea48e4530e.svg#ITC Century")
	format("svg");
}


body{
	width:100%;
	margin:0;
  /* transform: scale(0.3); */
  /* border: 1px solid black; */
  /* overflow: hidden; */
  /*transform: translateY(50%);
  top:50vh; */
}

#global-container{
	margin:auto;
  width:100%;
  border:0px solid black;
}

#fixed-top{
  background-color: white;
	position: fixed;
	width:100%;
  /* width:30%; */
	z-index: 10000;
}

.transitive{
  /* transition:2s ease; */
}

ul{
	margin:0;
}

.titles-size{

}

.medium-text-size{
	/* font-size: 4px; */
  font-size: 24px;
}

.labeur-size{
  /* font-size: 3px; */
  font-size: 20px;
}


#head-flag{
  width:100%;
  height:200px;
  /* height:40px; */
	/* border-bottom:1px solid black; */
	position: relative;
}

#head-flag img{
	position:absolute;
	bottom:0px;
	max-height: 63%;
	max-width: 70%;
}

/* placement des éléments de l'exposition en cours */

#current-exhibition{
	width:100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	border-top: 1px solid black;
	border-bottom:1px solid black;

}


.current-ex-block{
	display:inline-block;
	top:0;
}

#current-imgs{
  display: block;
	width:65%;
	/* border-right: 1px solid black; */
}

#current-imgs img{
	display:block;
	max-width: 100%;
	object-fit: contain;
}

#current-infos{
	width:35%;
	float:right;
	padding:30px;
	box-sizing: border-box;
}

#current-infos p{
	width:100%;
	text-align: center;
	font-family: Century;
	display:block;
}

#current-infos h4{
	/* font-size: 20px; */
	font-family: Haas;
	text-align: center;
}

#current-infos span{
	font-family: Century;
	font-weight: normal;
	text-transform: uppercase;
}

#marquee{
	width:100%;
	font-family: Century;
	text-transform: uppercase;
	padding: 0px 20px;
	box-sizing: border-box;
  line-height: initial;
}

#geotruc{
	display: inline-block;
	width:35px;
}
#marquee p{
	display:inline-block;
  margin:10px 0px;
  width:100%;
  transition: 2s ease;
}

#marquee img{
	max-width:24px;
	object-fit:contain;
	animation-name: bounce;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	transform: translateY(20%) rotate(60deg);
	top:5px;
	padding: 0px 5px;
  transition: 2s ease;
}

#marquee span{
	font-family: Haas;
}

@keyframes bounce {
  0% {
		transform: rotate(60deg);
	}
	50% {
		transform: rotate(-60deg);
	}
	100% {
		transform: rotate(60deg);
	}
}

#news{
	/* height:100vh; */
}

#news a{

}

.news-block {
	display: inline-block;
  width:50%;
  box-sizing: border-box;
  position:relative;
}

.news-img{
  position: absolute;
  top:0;
  left:0;
  width:50%;
  height:100%;
}

.news-img img{
  object-fit: cover;
  height:100%;
  width:100%;
}

.news-infos{
  position: absolute;
  top:0;
  left:50%;
  width:50%;
  height:100%;
  box-sizing: border-box;
  padding:10px;
}

.news-infos h3{
  font-family: Haas;
  font-weight: normal;
  text-transform: uppercase;
  margin:0px;
}

.news-infos p{
  position: absolute;
  bottom:0;
  font-family: Century;
}

#footer{
  display:block;
  column-count: 4;
  padding: 20px 5px;
  box-sizing: border-box;
}

.footer-content p{
  font-family: Haas;
  margin: 0;
}

.footer-content a{
  cursor:pointer;
  text-decoration: none;
}

.footer-content a:hover{
  text-decoration: underline;
}
/* .. */