@font-face {
  font-family: 'Montserrat-Regular';
	src: url('./Montserrat-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat-Medium';
	src: url('./Montserrat-Medium.ttf') format('truetype');
}

* {
	font-family: 'Montserrat-Regular',calibri,sans-serif;
	font-size:0.96em;
	font-size:0.96rem;
}
i {
	font-family: 'Montserrat-Medium',calibri,sans-serif;
	font-style: normal;
}
b{
	font-family: 'Montserrat-Medium',calibri,sans-serif;
	font-weight: normal;
}
em {
	font-family: 'Montserrat-Medium',calibri,sans-serif;
	font-style: normal;
}
em::before {
  content: '\201C  ';
}
em::after {
  content: '  \201D';
}

p.petit {
	font-size:0.7em;
	font-size:0.7rem;
}

h1{
	font-size:1.5em;
	font-size:1.5rem;
}

body + img {
	float:right; 
	width: 50hv;
	}
section{
	background: center / cover no-repeat url("./lea_header1.jpg");
	color: black;
	//text-shadow: 1px 1px 2px black;
	padding:1rem;
	
}

* {
	box-sizing: border-box;
}

div.flex{
	display: flex;
	font-family: 'Montserrat-Light';
}
div[lang]{
	flex:1;
	margin: 0 5vw;
}

#credit,
ul.galerie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	list-style-type: none;
	margin:0;
	padding:0;
}
ul.galerie li{
	margin: 5px;
}

figure {
	margin:0;
	width:20vw;
	height:20vw;
	overflow:hidden;
}

ul.galerie li:first-child figure {
	width:80vw;
	height:40vw;
}

figure:hover img{
	scale:1.01;
}
video,
img {
  max-width:100%;
  height:auto;
  width:auto;
}

img.paysage {
  max-width:none;
  max-height:100%;
}

ul.galerie li figure {
	position:relative;
}

ul.galerie li figure img{
	position:relative;
	bottom:15%;
}

ul.galerie li figure img.paysage {
	position:relative;
	left:-40%;
	bottom:unset;
}

ul.galerie li figure img.decale {
	position:relative;
	left:0%;
	bottom:unset;
}

ul.galerie li:first-child figure img.paysage {
//width:100%;
  max-width:100%;
  max-height:none;
	position:relative;
	left:unset;
}


figcaption {
  padding:15px;
  text-align:center;
}

span {
color:blue;
}

footer{
	//text-align: center;
}
ul.social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	list-style-type: none;
	margin:0;
	padding:0;
}
ul.social li{
	margin: 5px;
}

ul.social li svg{
	width:50px;
	//margin: auto;
}
ul.social li svg path{
	width:50px;
}

@media only screen and (max-width: 700px) {
	figure {
		width : 40vw;
		height : 40vw;
	}
}

@media only screen and (max-width: 500px) {
	div.flex{
	display:unset;
	}
	figure {
		width: 80vw;
		height : 80vw;
	}
	ul.galerie li:first-child figure {
		height:80vw;
	}
	ul.galerie li:first-child figure img.paysage {
		max-width:none;
		max-height:100%;
	}
	ul.galerie li:first-child figure img.paysage {
		left:-40%;
	}
}
