/* ------------------------ */
/* General					*/
/* ------------------------ */
@font-face
{
	font-family: "Adumu";
	src: url("../../fonts/Adumu.ttf");
	font-weight: normal;
	font-style: normal;
}
html {
	overflow-x: hidden;
}
body {
	background-color: #2e93b1;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	position: relative;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	width: 100%;
}
main {
	min-height: 100vh;
	position: relative;
}
#background {
    position: fixed;
	transform: translate(-50%, -50%);
	z-index: -1;
}
p, li {
	font-family: 'Times New Roman', Times, serif;
}
h1 {
	margin: 0;
}
h2 {
	letter-spacing: 1px;
	color: #481b0c;
	font-family: Adumu, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 2em;
}
h3 {
	letter-spacing: 1px;
	color: #481b0c;
	font-family: Adumu, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.5em;
}
#logo-quetzal {
	position: absolute;
	left: 10%;
	top: 5vh;
	width: 40%;
}
.font0-8 {
	font-size: 0.8em;
}
@media (min-aspect-ratio: 1/1) {
  #background {
	width: 110%;
	height: auto; /* En pratique : supérieur à la hauteur du viewport */
	left: 50%;
	top: var(--backpos);
  }
}
@media (max-aspect-ratio: 1/1) {
  #background {
	width: auto; /* En pratique : supérieur à la largeur du viewport */
	left: var(--backpos);
	top: 50%;
	height: 110%;
  }
  @media (min-aspect-ratio: 5/7) {
	/* empêche le paralax quand l'écran est dans la fourchette entre 5/7 et 1/1 car l'image n'est pas assez grande*/
	#background {
	  left: 50%;
	}
  }
}

/* ------------------------ */
/* Header					*/
/* ------------------------ */
#menu_princ
{
	letter-spacing: 1px;
	color: #481b0c;
	font-size: 1.5em;
	transition: all 0.3s;
	z-index: 100;
	position: absolute;
	right: 0%;
	top: 0%;
	display: flex;
	align-items: flex-start;
	transform: translate(calc(100% - 78px));
}
#menu_princ li {
	font-family: Adumu, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
#burger_quetzal 
{
	background-image: url('../../../images/games/quetzal/quetzal-burger.png');
	background-size: 100% 100%;
	font-size: 45px;
	padding: 20px 18px 20px 22px;
	color: #481b0c;
}
#menu_princ ul
{
	list-style: none;
	display: none;
	flex-wrap: wrap;
	justify-content: space-around;
	flex-direction: column;
	text-align: center;
	height: 100%;
	margin: 0;
	padding: 0;
}
#menu_princ li
{
	display: inline-block;
}
.elmt_menu {
	display: inline-flex;
	cursor: pointer;
	text-decoration: none;
	color: inherit;
	min-width: 220px;
	width: 100%;
	height: 90px;
	padding: 0 8px;
	justify-content: center;
	align-items: center;
	background-image: url('../../../images/games/quetzal/menu_background.png');
	background-size: 100% 100%;
}
/* langue  */
#btn_langue {
	width: 50px;
	height: 50px;
	position: absolute;
	cursor: pointer;
	transition: all 0.3s;
	z-index: 6;
	top: 0px;
	left: 0px;
	padding: 10px;
}
#choix_langue {
	position: absolute;
	top: 70px;
	left: 0px;
	z-index: 5;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	transition: 0.3s all;
	overflow: hidden;
	display: none;
	width: 50px;
	background-color: rgba(196, 188, 175, 0.7);
	padding: 10px;
	border-bottom-right-radius: 30px;
}
.drapeau_btn_langue {
	position: absolute;
	width:  92%;
	height: 92%;
	top: 4%;
	left: 4%;
}
.drapeau_carre_langue {
	width: 100%;
}
.libelle_langue, .drapeau_cube_langue {
	display: none;
}
.lien_langue {
	cursor: pointer;
	padding: 5px;
	display: block;
}

/* ------------------------ */
/* Home					*/
/* ------------------------ */

/* ------------------------ */
/* Page 					*/
/* ------------------------ */
.page {
	background-image: url('/images/games/quetzal/quetzal-paper.png');
	background-size: 100% 100%;
	width: 93vw;
	min-height: 84vh;
	margin: 8vh 0;
	padding: 0 3vw;
	position: relative;
}
.page::after, .page::before {
	content: '';
	background-size: 100% 100%;
	width: 99vw;
	height: 8vh;
	position: absolute;
	left: 0;
}
.page::before {
	background-image: url('/images/games/quetzal/quetzal-paper-top.png');
	top: -8vh;
}
.page::after {
	background-image: url('/images/games/quetzal/quetzal-paper-bottom.png');
	bottom: -8vh;
}

/* ------------------------ */
/* Footer					*/
/* ------------------------ */
footer 
{
	background-image: url('/images/games/quetzal/quetzal-paper.png');
	background-size: 100%;
	position: relative;
	z-index: 2;
	margin: 10vw auto 0 auto;
	width: 100%;
	font-family: Adumu, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
	color: #481b0c;
}
footer::before {
	background-image: url("../../../images/games/quetzal/quetzal-paper-top.png");
	background-size: 100%;
	width: 100%;
	height: 5.9vw;
	content: '';
	position: absolute;
	left: 0;
	top: -5.8vw;
}
.conteneur_cols
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.titre_col_footer
{
	font-size: 1.2em;
	margin: 12px 0;
}
footer a
{
	color: #481b0c;
	font-size: 1.2em;
	text-decoration: none;
	font-family: Adumu, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	letter-spacing: 1px;
}
footer a:hover
{
	color: #692f1c;
} 
.mentionslegales {
	text-align: center;
	padding: 20px 0 5px 0;
	color: #481b0c;
}
.footer_col 
{
	margin: 20px 0;
	min-width: 209px;
}
#footer_sites, #footer_reseaux, #footer_adresse
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
footer p, footer a {
	margin: 2px 0;
}
.reseaux_footer {
	width: 70px;
}
.reseaux_footer:hover {
	-webkit-box-shadow: 0px 0px 5px white;
	        box-shadow: 0px 0px 5px white;
}
#bouton_point_vente {
	color: white;
	background-color: #adb614;
	border: none;
	margin: 20px 0 0 0;
	padding: 20px 10px;
	font-size: 1.1em;
	cursor: pointer;
	display: block;
}
#bouton_point_vente:hover {
	background-color: #909810;
}
#auteur, #illustrateur {
	font-size: calc(1em + 0.2vw);
	font-weight: bold;
	text-align: center;
	position: relative;
}
#footer_var {
    position: absolute;
    top: -3vw;
    left: 2vw;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: initial;
}