.pieces {
	width: 58.6572vh; /* make the size of container to be same ratio like image; will be reset dynamically */
	height: 90vh;  /* will be reset dynamically */
	margin: auto;
	flex: none;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.piece {
	pointer-events: none;
}

/* Media query */
@media screen and (max-aspect-ratio: 597/916) {
	.pieces {
		width: 80vw;
		height: 122.75vw;
	}
}



/*******/

@font-face {font-family:"connoisseurs"; src: url("../fonts/connoisseurs.otf"); }
h1 {font-size:70px; color:#b99458; margin:0px}
h1 span {font-size:70px; color:#b99458; margin:0px; font-family: 'Connoisseurs'}
@font-face {font-family: 'FuturaStd-ExtraBold'; src: url('fonts/FuturaStd-Medium'); }
h2 {font-size:23px; color:#ffffff; text-transform: uppercase; margin:5px 0px 0px 0px}
@font-face {font-family: 'FuturaStd-ExtraBold'; src: url('fonts/FuturaStd-Medium'); }
h3 {font-size:27px; color:#b99458; text-transform: uppercase; margin:5px 0px 0px 0px}
@font-face {font-family: 'FuturaStd-ExtraBold'; src: url('fonts/FuturaStd-Medium'); }
P {font-size:15px; color:#dddddd; margin:5px 0px 0px 0px; font-weight: bold; line-height: 22px}
@font-face {font-family: 'FontAwesome'; src: url('fonts/FontAwesome'); }
h4 {font-size:19px; color:#ffffff; margin:5px 0px 0px 0px}


#bouton-contact .switch {border:3px solid #b99458; padding:10px; color:#FFFFFF; width: 235px; font-weight: bold}
#bouton-contact .switch a {color:#FFFFFF; text-transform: uppercase}
.char1, .char10 {text-transform: uppercase}
ul.menu__inner li.menu__item a span {font-family:'FuturaStd-ExtraBold'; font-size: 20px; color: #ffffff}
.or {color:#b99458}


.telephone 	{color: #ffffff;  }
.mail {color: #ffffff; }
.cv {color: #ffffff; }
.lien {color: #ffffff; }
.ville {color: #ffffff; }