/* --------------------- */
/* General				 */
/* --------------------- */
@font-face {
	font-family: 'CHILLER';
	src: url('../../fonts/CHILLER.TTF');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GhoulFriAOE_0';
	src: url('../../fonts/GhoulFriAOE_0.ttf');
	font-weight: normal;
	font-style: normal;
}
html {
	height: 100%;
	overflow: hidden;
	position: relative;
}
body {
	width: 100%;
	position: relative;
	margin: 0;
	height: 100%;
	color: white;
	overflow: hidden;
	background-image: url(/images/games/stumblewood/FOND-NOIR.jpg);
	background-size: auto;
	font-family: Helvetica, Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";
}
.page {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-image: url(/images/games/stumblewood/FOND-NOIR.jpg);
	background-size: auto;
}
#menu {
	font-family: GhoulFriAOE_0;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10;
}
#menu a, a {
	color: white;
	text-decoration: none;
	position: relative;
}
#menu a:hover, a:hover, #choix_langue li:hover {
	color: #E13956;
}
#menu ul {
	padding: 0;
	list-style: none;
}
#menu ul li, #menu_video li {
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	position: relative;
}
#menu_principal {
	font-size: calc(1em + 1.2vw);
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 15px;
}
#menu_principal li {
	text-align: center;
}
#menu_secondaire {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1em;
}
#menu_principal li::before, #menu_video li::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 3px;
	width: 0%;
	background-color: #E13956;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#menu_principal li:hover::before, #menu_video li:hover::before {
	width: 100%;
	left: 0%;
}
#menu ul li:hover, #menu_video li:hover {
	color:#E13956;
}
#logo_gigamic {
	position: absolute;
	bottom: 40px;
	right: 0;
	max-width: 20%;
}
.contenu_page {
	height: calc( 100% - 105px );
}
p {
	text-align: justify;
}
@media (max-width: 1250px) {
	#logo_gigamic {
		position: absolute;
		bottom: 0;
		right: 0;
		max-width: 12%;
	}
}

/* --------------------- */
/* Accueil				 */
/* --------------------- */
#logo-mad-trip {
	position: absolute;
	top: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	max-width: 80%;
	width: 400px;
	margin-bottom: -50px;
	z-index: 2;
}
#home {
	left: 0%;
	background-image: url("/images/games/stumblewood/fond-video.jpg");
	background-size: cover;
	background-position: center;
}
#video_menu {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
}
.auteur {
	position: absolute;
	top: 0;
	right: 15px;
	text-align: right;
}
#logo_flip {
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 1;
	max-width: 20%;
	font-size: 0.7em;
}
#phrase_flip {
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 10px;
	margin: 0;
	font-size: 0.8em;
}
@media (min-aspect-ratio: 16/9) {
  #video_menu {
    width: 100%;
    height: auto; /* En pratique : supérieur à la hauteur du viewport */
  }
}
@media (max-aspect-ratio: 16/9) {
  #video_menu {
    width: auto; /* En pratique : supérieur à la largeur du viewport */
    height: 100%;
  }
}

/* --------------------- */
/* Regles				 */
/* --------------------- */
#rules {
	left: -100%;
}
#conteneur_regles {
	position: relative;
	height: 90%;
	overflow: hidden;
}
h3 {
	background-image: url(/images/games/stumblewood/tronc.png);
	background-size: 100% 100%;
	width: 400px;
	height: 75px;
	max-width: 100%;
	font-family: GhoulFriAOE_0;
	font-size: 3em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: auto;
	color: #FFFFFF;
}
.txt_regle, .titre_regle, .image_regle {
	position: absolute;
	top: -200%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.txt_regle {
	background-image: url(/images/games/stumblewood/fond-texte.png);
	background-size: 100% 100%;
	padding: 20px;
	color: black;
	z-index: 5;
}
.titre_regle {
	z-index: 6;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
/* Range Slider */
#conteneur_range {
	height: 10%;
	width: 800px;
	max-width: 100%;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#range-rules {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    outline: none;
	border: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}
#range-rules:hover {
    opacity: 1;
}
#range-rules::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #E13956;
    cursor: pointer;
	border: none;
}
#range-rules::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #E13956;
    cursor: pointer;
	border: none;
}
.fleche {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	width: 100px;
	overflow: hidden;
	padding: 0 10px;
}
.fleche img {
	width: 100%;
	height: 100%;
}
/* slide 1 */
#texte_but_jeu {
	left: 10%;
	top: 50%; 
	-webkit-transform: translateY(-50%) translateX(-9%); 
	    -ms-transform: translateY(-50%) translateX(-9%); 
	        transform: translateY(-50%) translateX(-9%);
	max-width: 80%;
	width: 300px;
	font-size: calc(1em + 0.1vw)
}
#img_plateau_de_jeu {
	width: 100%;
}
#img_parcours_a_effectuer {
	top: 50%;
	right: 50%;
	-webkit-transform: translate(-8%, -54%);
	    -ms-transform: translate(-8%, -54%);
	        transform: translate(-8%, -54%);
	width: 40%;
}
#plateau_de_jeu {
	top: calc(50% + 75px);
	right: 50%;
	-webkit-transform: translate(50%, -80%);
	    -ms-transform: translate(50%, -80%);
	        transform: translate(50%, -80%);
	width: 30%;
	min-width: 300px;
}
#img_carte_chemin_aide {
	min-width: 150px;
	width: 15%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(150%, -60%);
	    -ms-transform: translate(150%, -60%);
	        transform: translate(150%, -60%);
}
/* slide 2 */
#txt_table_mise_en_place {
	top: 50%;
	max-width: 80%;
	width: 300px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 5%;
}
#img_packshot_madtrip {
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 500px;
	max-width: 50%;
}
/* slide 3 */
#txt_carte_debut {
	top: 50%;
	max-width: 80%;
	width: 300px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 5%;
}
#img_carte_chemin {
	top: 60%;
	left: 50%;
	border-radius: 4%;
	width: 400px;
	max-width: 50%;
	max-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
/* slide 4 */
#txt_placer_sablier {
	top: 50%;
	max-width: 80%;
	width: 300px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 5%;
}
#txt_sablier_represente {
	top: 50%;
	max-width: 80%;
	width: 320px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 5%;
}
#img_sablier_mad_trip {
	top: 50%;
	right: 50%;
	-webkit-transform: translate(-480%, -22%);
	    -ms-transform: translate(-480%, -22%);
	        transform: translate(-480%, -22%);
	width: 6.8%;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#img_jeton-start {
	top: 50%;
	right: 50%;
	-webkit-transform: translate(-215%, 140%);
	    -ms-transform: translate(-215%, 140%);
	        transform: translate(-215%, 140%);
	width: 13.5%;
}
/* slide 5 */
#txt_retourne_sablier {
	top: 50%;
	max-width: 80%;
	width: 300px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 5%;
}
/* slide 6 */
#txt_pivote_direction {
	top: 50%;
	max-width: 80%;
	width: 300px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 5%;
}
#txt_deplace_sablier {
	top: 50%;
	max-width: 80%;
	width: 330px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 5%;
}

#img_tuile_direction {
	-webkit-transform: rotateZ(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotateZ(0deg);
	height: 100%;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0 1vw;
}
#img_tuile_go {
	-webkit-transform: rotateZ(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotateZ(0deg);
	height: 100%;
	margin: 0 1vw;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
#tuiles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-width: 250px;
	min-height: 120px;
	width: 18%;
	height: 23%;
	top: calc(50% + 75px);
	right: 50%;
	-webkit-transform: translate(50%, 30%) perspective(300px) rotateX(40deg) rotateZ(0deg);
	        transform: translate(50%, 30%) perspective(300px) rotateX(40deg) rotateZ(0deg);
}
/* slide 7 */
#carte_chemin_reponse {
	min-width: 150px;
	width: 15%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-210%, -10%);
	    -ms-transform: translate(-210%, -10%);
	        transform: translate(-210%, -10%);
}
#img_carte_chemin_reponse {
	border-radius: 4%;
	width: 100%;
	height: 100%;
}
.bulle_guide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-family: CHILLER;
	font-weight: bold;
	color: black;
	font-size: 1em;
	min-width: 80px;
	width: 7%;
	top: 60%;
	left: 50%;
	border-radius: 4%;
	-webkit-transform: translate(-300%, -110%);
	    -ms-transform: translate(-300%, -110%);
	        transform: translate(-300%, -110%);
}
.texte_bulle_guide {
	width: 70%;
	height: 55%;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	top: 0;
	text-align: center;
}
.image_bulle_guide {
	width: 100%;
}
#cercle_indicateur {
	position: absolute;
	width: 15%;
	height: 15%;
	border: solid #BC3C30 2px;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-190%, 120%);
	    -ms-transform: translate(-190%, 120%);
	        transform: translate(-190%, 120%);
	border-radius: 50%;
}
#txt_deplacement_ok {
	top: 50%;
	max-width: 80%;
	width: 300px;
	left: 5%;
	-webkit-transform: translateY(-150%);
	    -ms-transform: translateY(-150%);
	        transform: translateY(-150%)
}
/* slide 8 */
#txt_deplacement_sorti {
	top: 50%;
	max-width: 80%;
	width: 300px;
	left: 5%;
	-webkit-transform: translateY(-150%);
	    -ms-transform: translateY(-150%);
	        transform: translateY(-150%)
}
/* slide 9 */
#txt_deplacement_piege {
	top: 50%;
	max-width: 80%;
	width: 300px;
	left: 5%;
	-webkit-transform: translateY(-150%);
	    -ms-transform: translateY(-150%);
	        transform: translateY(-150%);
}
#txt_liste_piege {
	top: 50%;
	max-width: 80%;
	max-height: 100%;
	width: 300px;
	right: 5%;
	overflow-y: visible;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
b {
	font-family: GhoulFriAOE_0;
	font-weight: normal;
	font-size: 1.2em;
}
.image_piege {
	width: 40px;
	height: 40px;
	margin-right: 5px;
}
#txt_liste_piege li * {
	vertical-align: middle;
}
/* slide 10 */
#txt_sablier_fini {
	top: 50%;
	max-width: 80%;
	width: 300px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 5%;
}
#sablier_fini {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-family: CHILLER;
	top: calc(50% + 75px);
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	    -ms-transform: translate(-50%, -100%);
	        transform: translate(-50%, -100%);
	max-height: 100%;
	max-width: 100%;
	color: #BC3D35;
	font-size: 8em;
}
/* slide 11 */
#txt_joueur_suivant {
	top: 50%;
	max-width: 80%;
	width: 300px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 5%;
}
/* slide 12 */
#txt_fin_partie {
	top: 50%;
	max-width: 80%;
	width: 300px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 5%;
}
/* slide 13 */
#txt_dernier_tour {
	top: 50%;
	max-width: 80%;
	width: 300px;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	left: 50%;
}
#img_perso_victoire {
	top: 50%;
	left: 50%;
	width: 20%;
	min-width: 150px;
	-webkit-transform: translate(100%,-50%);
	    -ms-transform: translate(100%,-50%);
	        transform: translate(100%,-50%);
}
@media (max-width: 1250px) {
	#img_packshot_madtrip {
		left: 1%;
		-webkit-transform: translate(0%, -50%);
		    -ms-transform: translate(0%, -50%);
		        transform: translate(0%, -50%);
	}
	#img_carte_chemin {
		left: 5%;
		-webkit-transform: translate(0%, -50%);
		    -ms-transform: translate(0%, -50%);
		        transform: translate(0%, -50%);
		border-radius: 4%;
		width: 400px;
		max-width: 50%;
	}
}
@media (max-width: 1000px) {
	.cacher_tablette {
		display: none;
	}
	#plateau_de_jeu {
		right: 0%;
		-webkit-transform: translate(0%, -50%);
		    -ms-transform: translate(0%, -50%);
		        transform: translate(0%, -50%);
	}
	#carte_chemin_reponse {
		left: auto;
		right: 0%;
		-webkit-transform: translate(-230%, 0%);
		    -ms-transform: translate(-230%, 0%);
		        transform: translate(-230%, 0%);
	}
	.bulle_guide {
		left: auto;
		right: 0%;
		-webkit-transform: translate(-400%, -100%);
		    -ms-transform: translate(-400%, -100%);
		        transform: translate(-400%, -100%);
	}
	#sablier_fini {
		left: auto;
		right: 0%;
		-webkit-transform: translate(-100%, -50%);
		    -ms-transform: translate(-100%, -50%);
		        transform: translate(-100%, -50%);
	}
	#tuiles {
		min-width: 220px;
		min-height: 100px;
		height: 18%;
		right: 0%;
		-webkit-transform: translate(-20%, 70%) perspective(300px) rotateX(40deg) rotateZ(0deg);
		        transform: translate(-20%, 70%) perspective(300px) rotateX(40deg) rotateZ(0deg);
	}
	#img_carte_chemin_aide {
		min-width: 10px;
		width: 15%;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(0%, -60%);
		    -ms-transform: translate(0%, -60%);
		        transform: translate(0%, -60%);
	}
	#img_perso_victoire {
		-webkit-transform: translate(110%,-50%);
		    -ms-transform: translate(110%,-50%);
		        transform: translate(110%,-50%);
	}
}
@media (max-width: 600px) {
	.cacher_mobile {
		display: none;
	}
	#txt_table_mise_en_place, #texte_but_jeu, #txt_carte_debut, #txt_placer_sablier, #txt_retourne_sablier, #txt_pivote_direction, #txt_deplacement_ok, #txt_deplacement_sorti, #txt_deplacement_piege, #txt_sablier_fini, #txt_joueur_suivant, #txt_fin_partie, #txt_dernier_tour {
		top: 70px;
		right: auto;
		bottom: auto;
		padding: 15px 15px;
		max-width: calc(100% - 10px);
		width: 350px;
		left: 50%;
		-webkit-transform: translate(-50%);
		    -ms-transform: translate(-50%);
		        transform: translate(-50%);
	}
	#img_packshot_madtrip, #plateau_de_jeu, #img_carte_chemin {
		top: auto;
		bottom: 5%;
		right: auto;
		left: 50%;
		min-width: auto;
	}
	#img_packshot_madtrip {
		-webkit-transform: translate(-50%);
		    -ms-transform: translate(-50%);
		        transform: translate(-50%);
		width: auto;
		max-width: 100%;
		max-height: 40%;
	}
	#plateau_de_jeu {
		-webkit-transform: translate(-50%, -30%);
		    -ms-transform: translate(-50%, -30%);
		        transform: translate(-50%, -30%);
		width: 220px;
	}
	#img_carte_chemin {
		width: 180px;
		-webkit-transform: translate(-50%);
		    -ms-transform: translate(-50%);
		        transform: translate(-50%);
	}

	#carte_chemin_reponse {
		right: auto;
		left: 0%;
		-webkit-transform: translate(20%, 10%);
		    -ms-transform: translate(20%, 10%);
		        transform: translate(20%, 10%);
	}
	#sablier_fini {
		left: 50%;
		right: auto;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	#tuiles {
		min-width: 190px;
		min-height: 80px;
		height: 15%;
		top: auto;
		bottom: 0;
		right: 50%;
		-webkit-transform: translate(50%) perspective(300px) rotateX(40deg) rotateZ(0deg);
		        transform: translate(50%) perspective(300px) rotateX(40deg) rotateZ(0deg);
	}
	#carte_chemin_reponse {
		left: auto;
		right: 0%;
		-webkit-transform: translate(40%, 20%);
		    -ms-transform: translate(40%, 20%);
		        transform: translate(40%, 20%);
	}
	.bulle_guide {
		right: 0%;
		left: auto;
		-webkit-transform: translate(0%, -50%);
		    -ms-transform: translate(0%, -50%);
		        transform: translate(0%, -50%);
	}
	#menu_principal {
		bottom: 35px;
	}
	#img_perso_victoire {
		top: auto;
		bottom: 0;
		-webkit-transform: translate(-50%,0%);
		    -ms-transform: translate(-50%,0%);
		        transform: translate(-50%,0%);
	}
}

/* --------------------- */
/* Vidéos				 */
/* --------------------- */
#video {
	left: -200%;
	z-index:3 ;
}
#div_video {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}
#player {
	max-width: 100%;
	border: 0;
	width: 55.1vw;
	height: 31vw;
}
#menu_video {
	font-family: GhoulFriAOE_0;
	font-size: calc(2em + 1vw);
	position: absolute;
	top: 10px;
	width: 500px;
	max-width: 100%;
	z-index: 10;
}
#menu_video ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
@media (max-width: 600px) {
	#player {
		width: 100vw;
		height: 56.25vw;
	}
}

/* --------------------- */
/* Sablier				 */
/* --------------------- */
#hourglass {
	left: 100%;
}
#btn_pause
{
	display: none;
}
button
{
	font-family: BARTHOWHEEL_REGULAR;
	border: none;
	margin: 10px;
	cursor: pointer;
	padding: 8px;
}
button:hover
{
	background-color: #E34C4D;
}
button:active
{
	background-color: #E03D59;
}
#chrono 
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-align: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#sablier_container 
{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-height: 80%;
}
#sable_haut
{
	opacity: 0;
}
rect
{
	fill: #333333;
	stroke: #2C2C2C;
}
#btn_restart, #btn_run, #btn_pause {
	font-size: 3.6em;
	width: 80px;
	height: 80px;
	text-align: center;
}
#chrono-time {
	display: inline-block; 
	font-size: 5em; 
	font-family: CHILLER; 
	vertical-align: middle; 
	width: 180px; 
	text-align: left
}
#sablier {
	width: 45vh;
}

/* --------------------- */
/* Langue				 */
/* --------------------- */
#language {
	left: 200%;
}
#langues {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-align: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#choix_langue {
	list-style: none;
	padding: 0;
	font-family: GhoulFriAOE_0;
	font-size: 2em;
}
.lien_langue {
	cursor: pointer;
}
.drapeau_carre_langue, .drapeau_cube_langue {
	display: none;
}