@font-face {
	font-family: 'OpenDyslexic3Regular';
	src: url('../Fonts/OpenDyslexic-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	margin:0;
	font-family: Verdana, Geneva, sans-serif ;
}
#titre {
	font-size:20px;
	font-weight:bold;
	margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 15px;
    color:#541452;
	line-height:normal;
}
#consigne {
	margin-left:20px;
	line-height:normal;
	color:#0C0;
}
div.STDI_BtnPlayerConsigne {
	width: 25px;
	margin: 0px 10px;
	clear: both;
	float: left;
	cursor: pointer;
}

.STDI_Audio { display: none; }

.STDI_BtnPlayer{
	margin-top: 10px;
	text-align: center;
}
img.STDI_BtnPlayerPlay{
	width: 40px;
	cursor: pointer;
}
img.STDI_BtnPlayerPlay:hover{
	opacity: .7;
}
.ecran{
	position: relative;
	min-height: 620px;
}


.valider{
	position: relative;
	width: 70px;
	margin-left: 450px;
	cursor: pointer;
}

.fond{
	text-align: center;
	position: relative;
	display: inline-block;
	width: 840px;
}
.cible{
	width:125px;
	border: 3px #fecf4d solid;
	border-radius: 10px;
	margin: auto;
	position: absolute;
}
.nomVille{
	border-bottom: 3px #fecf4d solid;
	background: #fecf4d;
	color: #E2232F;
	font-size: 18px;
	font-family: "OpenDyslexic-Regular", Arial, Helvetica, sans-serif;
}
.zoneDepot{
	background: #fff;
	height: 125px;
	width: 100%;
	border-radius: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.over{
	background: rgba(254, 207, 77, .5);
}

#cibleLA{
	left: 2%;
	top: 20%;
}
#cibleDenver{
	left: 23%;
	top: 47%;
}
#cibleChicago{
	left: 47%;
	top: 25%;
}
#cibleBoston{
	left: 76%;
	top: 2%;
}
#cibleMiami{
	left: 67%;
	top: 70%;
}
#ciblePerth{
	left: 6%;
	top: 36%;
}
#cibleAdelaide{
	left: 50%;
	top: 44%;
}
#cibleSydney{
	left: 83%;
	top: 72%;
}
#cibleHobart{
	left: 62%;
	top: 82%;
}
#cibleBrisbane{
	left: 74%;
	top: 35%;
}
#cibleNewcastle{
	left: 56%;
	top: 27%;
}
#cibleLiverpool{
	left: 33%;
	top: 45%;
}
#cibleCambridge{
	left: 65%;
	top: 60%;
}
#cibleCardiff{
	left: 31%;
	top: 75%;
}
#cibleInverness{
	left: 46%;
	top: 0%;
}
.etiquettes{
	background: rgba(254, 207, 77, .1);
	border: 3px #fecf4d solid;
	padding: 10px;
	border-radius: 10px;
	display: inline-block;
	width:150px;
	vertical-align: top;
}
.etiquette{
	cursor: pointer;
	display: inline;
	z-index: 9999;
}
.etiquette img{
	max-height: 70px;
	max-width: 60px;
	vertical-align: middle;
}
.etiquettes .etiquette img{
	margin: 5px;
}
.etiquette.inactif{
	opacity: .5;
}
.cible .etiquette{
	float:left !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: 60px !important;
	width: 60px !important;
	text-align: center;
}
.cible .etiquette img{
	max-height: 50px;
	max-width: 50px;
}
.cible.inactif .zoneDepot{
	opacity: .2;
}
.pays.USA{
	width:840px;
}
.pays.AUS{
	width:730px;
}
.pays.GB{
	width:350px;
}
#carteUSA{
	margin-top: 70px;
}

/* player audio */
.pquizCongratulateMessages{
	display: none;
}
.pquizMessage:not(.hidden) {
	top: 158.5px;
	margin-left: 268.383px;
}
.pquizPopUp.fadeBackground, .pquizCongratulateMessages.fadeBackground{
	z-index: 9999999;
}
.pquizP{
	display: none;
}

/* BARRE DU BAS */
.btnNav{
	cursor: pointer;
}
.btnNav:hover{
	opacity: .7;
}
.cptEcrans{
	position: absolute;
	bottom: 0px;
	right: 20px;
	color: #055851;
	font-family: "Museo300",Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: normal;
}

.playerAudio{
	width: 400px;
}
[data-player=duration]{
	margin-left: 300px !important;
}

.pquizItem.pquizItemAudio .pdocAudioPlayer{
	height: 35px;
}
.pquizItem.pquizItemAudio::before{
	height: 29px;
}

.btnMini{
	width:28px;
	vertical-align: middle;
}