body
{
background-color:#343a40;	
	
}

.btn.btn-primary.seq_pass {
	position: absolute;
	bottom: 150px;
	right: 150px;
}

.logo_part{
	position: absolute;
	right: 47px;
	top: 27px;
	width: 112px;
}


.block_vslide {
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: fixed;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}

#dialog {
	width: 351px;
	padding: 2em;
	position: absolute;
	color: #fff;
	background: #17a2b8;
	border-radius: 21px;
	left: 38%;
	z-index: 100000000;
	bottom: 273px;
	transform: translate(-50%);
}

.m-info {
	position: absolute;
	background-color: #fff;
	z-index: 1000000;
	border: 1px solid #ccc;
	top: 100%;
	width: 100%;
	border-radius: 10px;
	padding: 5px;
	font-size: 12px !important;
}

.warning_protect {
	background-color: rgb(0, 173, 250);
	width: 450px;
	padding: 10px;
	margin: 10px;
	border-radius: 15px;
	position: absolute;
	top: 60%;
	color: rgb(255, 255, 255);
	opacity: 0.9;
	z-index: 100000000;
	left: 43%;
	transform: translate(-50%, -50%);
}

.block_vslide img
{
 width:100%;   
    
}

.ar_left {
	top: 208px;
	position: absolute;
        left:31px;
        cursor:pointer;
}

.ar_right {
	top: 208px;
	position: absolute;
	left: 105%;
        cursor:pointer;
}

.block_end_score {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1024px;
}


.wintxt_2 {
	position: absolute;
	width: 600px;
	bottom: 103px;
	z-index: 10000;
	left: 219px;
}

.btn.btn-success.float-right.retry.mr-3.mt-2 {
	position: absolute;
	top: 601px;
	left: 80%;
}

.wintxt_2 img{
        position: absolute;
	z-index: -1;
}

.my_score {
	
	position: absolute;
	top: 96px;
	left: 49%;
        color: #fff;
	text-transform: uppercase;
}

.sc_bio {
	margin: 36px;
	font-size: 15pt;
}



.block_vslide> div {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.block_vslide .bg_vslide {
  animation: moveSlideshow 12s linear infinite;
}

.block_vslide .bg_vslide_1 {
  animation: moveSlideshow 12s linear infinite;
}



@keyframes moveSlideshow {
  100% { 
    transform: translateY(-100%);  
  }
}




#arrow_right{
top: 50%;
right: 0%;
transform: translate(-50%, -50%);
padding:10px;
background-color:#fff;
color:orange;
border-radius:10px;
opacity:0.7;
}

#arrow_left{
top: 50%;
left: 4%;
transform: translate(-50%, -50%);
padding:10px;
background-color:#fff;
color:orange;
border-radius:20px;
opacity:0.8;
}

#arrow_left:hover,#arrow_right:hover
{
 transition: all 300ms ease;
 cursor:pointer;
 opacity:1;
 list-style-type: none;
 text-decoration:none;
}

button:focus {
	outline: 0px !important;
	outline: 0px auto -webkit-focus-ring-color !important;
}


.usine_ext{
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
}

.voiture_ext{
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
}

.bus_inter{
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: 1;
}

.cabinet_audiopro{
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
}

.back_cabinet_audiopro {
position:fixed;
max-width: 100%;
max-height: 100%;
height:auto;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#avatar_and_audiopro {
	position: fixed;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
        height:auto;
	max-width: 100%;
	max-height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}


.data_game {

	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	left: 0;
        
}

.biomarqueur .progress {
	width: 190px;
	margin-bottom: 4px;
        cursor:pointer;
		height:15px;
}

.block_bio {
	float: right;
	right: 103px;
	position: relative;
	top: 0px;
}

.biom {
	font-size: 0.8em;
}

.poteau {
	z-index: 12 !important;
	width: 250px !important;
	height: 650px !important;
	position: absolute;
	right: 15px;
	bottom: 15px;
}

#scene_extrn_voiture
{
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
}


#usine_exterieur {
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
}

#usine_interieur {
	position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
}

.usine_sas {
	width: 100%;
	position: fixed;
	height: 100%;
}

.windows_modale_game_sas {
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	position: absolute;
	opacity: 0.8;
	top: 47%;
	left: 42.6%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	z-index: 12;
	color: orange;
	border-radius:20px;
}

.open_space_config {
	position: fixed;
	width: 86%;
	height: 100%;
	margin: 0;
	padding: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.windows_modale_game_audiopro {
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 5px;
	position: absolute;
	opacity: 0.8;
	top: 50%;
	left: 56%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	z-index: 12;
	color: orange;
	border-radius:20px;
}

.fas.fa-exclamation-circle
{
position:absolute !important;
	
}

.fas.fa-play-circle {
	position: absolute !important;
	top: 26% !important;
	cursor: pointer;
	left: 26%;
}

.usine_fade
{
position:absolute;
height:100%;
width:100%;	
	
}

.usine_bg {
		position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
}

.back_open_1 {
		position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
}

#bulder
{
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
	left:0;
}


.usine_casque {
	z-index: 12;
	position: absolute;
	right: 10%;
	top: 44%;
	width: 7%;
	cursor:pointer;
}

.usine_casque:hover,.bl_1:hover,.bl_2:hover,.windows_modale_game_sas:hover,.windows_modale_game_audiopro:hover {
	z-index: 12;
	transition: all 300ms ease;
	background: #8fdbfd;
	opacity:0.8;
	border-radius:20px;
	padding:5px;
	cursor:pointer;
}

.config-1:hover,.config-2:hover,.config-3:hover,.config-4:hover {
	z-index: 12;
	transition: all 300ms ease;
	background: orange;
	opacity:0.8;
	border-radius:20px;
	padding:5px;
	cursor:pointer;
}

.config-1,.config-2,.config-3,.config-4 {
	z-index: 12;
	border-radius:20px;
	padding:5px;
	cursor:pointer;
}

.bl_1 {
	z-index: 12;
	position: absolute;
	right: 9%;
	top: 20%;
	width: 20%;
	cursor:pointer;
}

.bl_2 {
	z-index: 12;
	position: absolute;
	right: 0;
	top: 30%;
	width: 20%;
	cursor:pointer;
}

.back_usine {
	position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
	z-index: -1;
}

.av_back_bus {
	z-index: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.back_voiture{
		position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
z-index: -1;;
}

.back_voiture_inter{
		position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
z-index: 0;
}

.voiture_bg_inter {
	position: fixed;
	width: 175%;
	height: 40%;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
}

#bus_parallax {
	position: fixed;
	width: 143%;
	height: 173%;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
	top: 18%;
}

#bus_interieur {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 1;
}

#scene_intern_voiture
{
 position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 1;   
    
}

.back_final
{
 position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 1;   
    
}

.picto {
	width: 159px;
	margin-left: 25px;
        margin-right: 25px;
        cursor:pointer;
}

.message_game {
	width: 355px;
	position: absolute;
	bottom: 15%;
	right: 5px;
	opacity: 0.8;
}

.block_choice {
	z-index: 1000;
	position: absolute;
	bottom: 184px;
	right: 15px;
	text-align: right;
}

.blockquote {
	font-size: 1em !important;
	font-style: oblique;
}

#audio_score, #relat_score, #perfo_score {
	color: #202020;
	font-weight: bold;
	line-height: 15px;
	text-shadow: 0px 0px 1px white;
}

.pan_com_voiture {
	position: absolute;
	z-index: 1000;
	background-color: white;
	padding: 15px;
	border-radius: 15px;
	opacity: 0.9;
	right: 15px;
	bottom: 25%;
}

.voiture_glass {
	position: fixed;
	width: 48%;
	left: 34%;
	z-index: -1;
}

#paralax_background {
	position: fixed;
	width: 1980px;
	/* height: auto; */
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: -1;
	bottom: 0px;
}

#avatar_run {
	position: fixed;
	width: 1812px;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	bottom: -19px;
	right: 0;
}


.block_clear_home {
	position: absolute;
	width: 269px;
	height: 267px;
	z-index: 100000;
	top: 167px;
	left: 96px;
	border-radius: 31px;
	opacity: 0.8;
	border: 20px solid #e6e6e6;
        cursor:pointer;
}

.table_tuto
{
width:150px;    
    
}

.block_clear_working {
	position: absolute;
	width: 269px;
	height: 267px;
	z-index: 100000;
	top: 152px;
	left: 933px;
	border-radius: 31px;
	opacity: 0.8;
	border: 20px solid #e6e6e6;
	cursor: pointer;
}

.block_clear_usine {
	position: absolute;
	width: 269px;
	height: 267px;
	z-index: 100000;
	top: 746px;
	left: 198px;
	border-radius: 31px;
	opacity: 0.8;
	border: 20px solid #e6e6e6;
	cursor: pointer;
}

.block_clear_test {
	position: absolute;
	width: 269px;
	height: 267px;
	z-index: 100000;
	top: 156px;
	left: 1419px;
	border-radius: 31px;
	opacity: 0.8;
	border: 20px solid #e6e6e6;
	cursor: pointer;
}

.play_game {
	position: absolute;
	top: 197px;
	left: 77px;
}

.play_game .fas.fa-play-circle
{
 background-color: #fff;   
 border-radius:35px;   
    
}





.level_indicator {
	position: absolute;
	top: -24px;
	font-weight: bold;
	text-align: center;
	width: 222px;
	background-color: #1a86eb;
	border-radius: 9px;
        color:#fff;
}



.profil_user {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	left: 22%;
}


.btn_game
{
font-size:28px;
font-weight:bold;
top:60%;
left:50%;
transform:translate(-50%, -50%);
background: url("./images/bouton.png")repeat-x;	
width:320px;
height:60px;
color:#1d70b7;
cursor:pointer;
z-index:1;
}

.btn_game:hover
{
color:#17a2b8;
}

.content_blue
{

position:absolute;
top:0;
width:100%;
height:100%;	
z-index:0;	
background: rgb(177,208,223);
background: radial-gradient(circle, rgba(177,208,223,1) 29%, rgba(34,97,166,1) 100%);	
overflow:hidden;	
	
}

#home {
	width: 150px;
	position: absolute;
	top: 200px;
	z-index: 100000;
	left: 217px;
	cursor: pointer;
}

#working {
	width: 150px;
	position: absolute;
	top: 172px;
	z-index: 100000;
	left: 1050px;
	cursor: pointer;
}



#testing_audio {
	width: 150px;
	position: absolute;
	top: 235px;
	z-index: 100000;
	left: 1534px;
	cursor: pointer;
}

#usine {
	width: 150px;
	position: absolute;
	top: 795px;
	z-index: 100000;
	left: 317px;
	cursor: pointer;
}


#fumee_usine {
	width: 150px;
	position: absolute;
	top: 666px;
	z-index: 1;
	left: 477px;
	cursor: pointer;
}

.thumb_av {
	position: relative;
	width: 93px;
	border: 1px solid #ccc;
	border-radius: 10px;
	top: 12px;
}

.content_scene {
	left: 0;
	position: fixed;
	width: 100%;
	overflow: hidden;
	height: 100%;
	transform-origin: top left;
}

#scene {
	position: fixed;
	width: 1920px;
	/* height: 1080px; */
	margin: 0;
	padding: 0;
	z-index: -1;
	transform-origin: top left;
	bottom: -126px;
}

#walk {
	position: fixed;
	margin: 0;
	padding: 0;
	z-index: -1;
        bottom:0px;
}

#obj_ordinateur
{
    
position:fixed;
width:100%;
height:100%;
margin:0;
padding:0;
z-index:0;	   
}


#avatar_2_nv_1 {
	position: fixed;
	width: 1920px;
	height: 1080px;
	margin: 0;
	padding: 0;
	z-index: -1;
	/* top: 0; */
	transform-origin: top left;
	cursor: pointer;
	bottom: -125px;
}


#canvas_travaux {
	position: fixed; 
        width:170px;
        height:400px;
	margin:0;
	padding: 0;
	z-index: -1;
	bottom:200px;
	
}

#canvas_feux {
	position: fixed; 
        width:1980px;
        height:789px;
	margin:0;
	padding: 0;
	z-index: 1;
	bottom:100px;
	
}

#walk_avatar_right {
	position: fixed;
	width: 1980px;
	height: 450px;
	margin: 0;
	padding: 0;
	z-index: 0;
	bottom: 120px;
}

.voiture {
	/* height: ; */
	width: 146px;
	left: 996px;
	position: fixed;
	bottom: 448px;
        display:none;
        z-index:-1;
}

.params
{
display:none !important ;     
    
}

.blur
{   
filter: blur(8px); 
-webkit-filter: blur(8px);        
}

#discuter {
	position: absolute;
	bottom: 534px;
}

#radio_on,#radio_off
{
position:absolute;   
}

#block_radio {
	position: absolute;
	/* top: 420px; */
	bottom: 568px;
}

.biomarqueur {
	display: initial;
	position: fixed;
	top: 16px;
	z-index: 1049;
	right: 30px;
	width: 402px;
	background-color: white;
	padding: 5px;
	border-radius: 15px;
	opacity: 0.9;
}

.bio_total_score {
	position: absolute;
	top: 44px;
	font-size: 2.5em;
	right: 4px;
	width: 100px;
	border: 1px solid #ccc;
	text-align: center;
	color: #e29b11;
	padding: 14px;
	border-radius: 15px;
        cursor:pointer;
}

.posi_return {
	left: 841px !important;
}

.title_score {
	position: absolute;
	top: 5px;
	right: 6px;
}

.help_bio {
	background-color: #00adfa;
	width: 505px;
	padding: 10px;
	margin: 10px;
	border-radius: 15px;
	position: absolute;
	right: 20px;
	top: 178px;
	color: #fff;
	opacity: 0.9;
        z-index:100000000;
}

.legend {
	background-color: #00adfa;
	width: 505px;
	padding: 10px;
	margin: 10px;
	border-radius: 15px;
	position: fixed;
	left: 50%;
	top: 86%;
	transform: translate(-50%, 50%);
	color: #fff;
	opacity: 0.9;
	z-index: 10000000000000;
}


#radio_animate {
	position: fixed;
	width: 200px;
	margin: 0;
	padding: 0;
	z-index: -1;
	transform-origin: top left;
	cursor: pointer;
	bottom: 233px;
}

#horloge {
	position: fixed;
	width: 155px;
	height: 155px;
	margin: 0;
	padding: 0;
	z-index: -1;
	transform-origin: top left;
}

.posi_av_women {
	position: fixed;
	left: 209px;
	bottom: 632px;
}



.data_profil_avatar
{
position:relative;    
    
}



.modale_mail {
	z-index: 100000 !important;
	background-color: #ccc;
	padding: 15px;
	width: 400px;
	position: fixed;
	margin-top:-75px;
	top:50%;
	margin-left:-200px;
	left: 50%;
	border-radius:10px;
	height:150px;
}


.block_text_title {
	text-align: center;
	padding: 8px;
	border: 1px solid #ccc;
	margin-bottom: 28px;
	background-color: #0e578a;
	color: #fff;
	font-weight: bold;
}

.slogan_jna
{
	position:relative;
	font-size:22px;
color:#0e578a;	
width:100%;
text-align:center;
	
	
}

.girl_speak {
	position: absolute;
	left: 0%;
	width: 24%;
	min-width: 350px;
	bottom: -15px;
}

.men_listen {
	position: absolute;
	right: 0%;
	width: 24%;
	min-width:350px;
	bottom: -15px;
}

.chek_point {
	color: #0e578a;
	text-align: center;
	margin: 2%;
	z-index: 10;
	background-color: #e3e3e3;
	padding: 5px;
	opacity: 0.9;
	border-radius: 6px;
}

.logo_center
{
position:relative;	
margin: 0 auto;	
width:120px;
margin:15px;
}

.logo_lg {
	position: relative;
	margin: 0 auto;	
	width: 220px;
	margin: 15px;
}

.text_intro {
	position: relative;
	background-color: #fff;
	z-index: 100;
	opacity: 0.9;
	text-align: center;
	text-transform: justify;
	padding: 33px;
	border-radius: 7px;
	margin-top: 8%;
	margin-bottom: 5%;
	margin-left: 2%;
	margin-right: 2%;
	box-shadow: 1px 1px 12px #999;
	top: -13%;
}

/*media screen*/
.data_test {
    position: absolute;
    width: 80%;
    left: 9%;
    top: 6% !important;
	z-index:100000;
}

.instruction {
	position: absolute;
	top: 20%;
}

.calibration {
	position: absolute;
	bottom: 36%;
	left: 9%;
}

.text_nav {
margin-top:24px;
margin-bottom:15px;
font-size:18px;
}

.fab.fa-chrome {
	margin-top:15px;
	font-size: 35px;
	margin-left: 15px;
	color: #7D7D7F;
}

.fab.fa-firefox
{
	margin-top:15px;
	font-size: 35px;
	margin-left: 15px;
	color: #7D7D7F;	
	}
	
	.fab.fa-edge
	{
		margin-top:15px;
	font-size: 35px;
	margin-left: 15px;
	color: #7D7D7F;	
	}

h4 {
	position: relative;
	color: #0e578a;
	margin-bottom: 24px;
	font-weight: bold;
}



.mention {
	float: left;
	left: 5%;
	position: relative;
	color: #fff;
	top: 5px;
}

.copyright {
	float: right;
	right: 5%;
	position: relative;
	color: #fff;
	top: 5px;
}


.fa {
	color: #aaaaaa;
	margin-right: 6px;
	
}




.clear
{
clear:both;	
	
}


.footer_block
{

position:relative;
bottom:0px;
height:35px;
width:100%;	
left:0px;
}

.footer
{

position:fixed;
bottom:0px;
height:35px;
width:100%;	
background-color:#444;	
left:0px;
text-align:center;
}

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 100;
}

.interface {
	position: fixed;
	width: 70%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	border-radius: 4px;
	border: 2px solid #ccc;
	min-width: 1024px;
	background-color: #e5eff1;
}

.title_windows {
	width: 100%;
	padding: 5px;
	background-color: #0b578b;
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
}

.title_block_question
{
	
	padding: 5px;
	background-color: #5050AA;
	color:#fff;
	text-transform:uppercase;
	font-size:13px;	
	
	
}

.block_question {
	border: 2px solid #ccc;
	padding: 15px;
	text-align: center;
	width: 203px;
	position: relative;
	float: right;
	margin: 15px;
	background-color: #f3f3f3;
	display: none;
}

.number_question {
	font-weight: bold;
	margin-top: 5px;
	font-size: 23px;
}

.graph {
	position: relative;
	background-color: #f3f3f3;
	width: 70%;
	display: inline-block;
	padding: 15px;
	border: 2px solid #ccc;
	float: right;
	margin-right: 15px;
	margin-top: 20px;
}

.zone_reponse {
	position: relative;
	background-color: #ccc;
	margin: 15px;
	height: 50px;
}

.button_play {
	float: left;
	width: 16%;
	position: relative;
	margin: 55px;
	text-align: center;
	top: -37px;
	color: #555;
	cursor: pointer;
	border: 2px solid #ccc;
}

.button_load {
	float: left;
	width: 16%;
	position: relative;
	margin: 55px;
	text-align: center;
	top: -37px;
	color:#555;
	border: 2px solid #ccc;
	display:none;
}


.button_play img:hover {
	background-color:#fff;
	opacity:0.8;
}

.circle_play .far.fa-play-circle.fa-5x:hover
{
color:#ffb52a;	
	
}



.windows_question {
	position: absolute;
	background-color: #f3f3f3;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 45px;
	padding-bottom: 15px;
	z-index: 10000;
	width: 40%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 1px 1px 12px #555;
}

.title_question {
	position: absolute;
	background-color: #0b578b;
	text-transform:uppercase;
	color:#fff;
	padding: 8px;
	width:100%;
	left:0px;
	top:0px;
}

.btn.btn-success.reponse {
	position: relative;
	float: right;
}

.block_radio {
	text-transform: uppercase;
	padding: 4px;
}


.block_radio input {
	margin-right:5px;
}

.good {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	color:#218838;
}

.bad {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	color:#e50606;
}

.block_statut_reponse {
	position: absolute;
	background-color: #f3f3f3;
	border: 2px solid #ccc;
	padding: 15px;
	padding-bottom: 15px;
	width: 25%;
	margin-left: 15px;
	text-align: center;
	top: 62%;
}

.windows_result {
	position: absolute;
	width: 99%;
	height: 99%;
	background: #f3f3f3;
	z-index: 1000;
	border: 2px solid #ccc;
	border-radius: 4px;
	padding: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.block_text {
	position: relative;
	margin: 15px;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 16px;
	text-align: center;
}

.sc_bio.bio_auditi {
	position: absolute;
	left: 303px;
	color: #fff;
	font-weight: bold;
	top: 177px;
}

.sc_bio.bio_relatio {
	position: absolute;
	left: 303px;
	color: #fff;
	font-weight: bold;
	top: 235px;
}

.sc_bio.bio_perform {
	position: absolute;
	left: 150px;
	color: #fff;
	font-weight: bold;
	top: 293px;
}

.sc_bio.bio_score {
	position: absolute;
	left: 572px;
	color: #fff;
	font-weight: bold;
	top: 293px;
}



.block_result_end {
position: absolute;
top: 22% !important;
width: 67%;
text-align: justify;
left: 33% !important;
font-size: 0.92em;
border-radius: 10px;
color: #fff;
font-weight: bold;
}

.btn.btn-success.next_level {
	position: fixed;
	bottom: 75%;
	right: 5%;
}

.modal-backdrop {
	display: none !important;
}

.good_result
{
font-size:18px;
font-weight:bold;	
color:#218838;	
margin-bottom:10px;
}

.good_moyen
{
font-size:18px;
font-weight:bold;	
color:#fe9b00;	
margin-bottom:10px;
}

.good_bad
{
font-size:18px;
font-weight:bold;	
color:#ee3024;	
margin-bottom:10px;
}

.title_rapport {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 32px;
	background-color:#0b578b;
}

.block_contact_business {
	width: 45%;
	border: 1px solid #ccc;
	position: relative;
	float: left;
	margin-left: 15px;
	display: block;

}

.block_contact_jna {
	width: 45%;
	border: 1px solid #ccc;
	position: relative;
	margin: 0 auto;
	display: block;
}

.block_logo .logo_center {
	position: relative;
	margin: 0 auto;
	width: 81px;
	margin: 15px;
}

.bg_fonc {
	font-size: 13px;
}

.bg_tel {
	font-size: 14px;
}

#bg_link{
	font-size: 14px;
}

:focus{
  outline:none;
}
.radio{
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
  border:20px solid #ccc;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background:#fff;
  width:50px;
  height:50px;
  border-radius:50%;
}
.radio:checked{
  border:20px solid #4099ff;
}

.retour {
	position: absolute;
	left: 16px;
	bottom: 80px;
}

@media all and (min-width: 1925px) {
 
#avatar_run {
	position: fixed;
	width: 100%;
        height:100%;
	margin: 0;
	padding: 0;
	-webkit-background-size: cover;
	background-size: cover;
	bottom: 0;
}    

#paralax_background {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: -1;
	bottom: 0px;
}

.content_scene {
	position: fixed;
	width: 1920px;
	height: 1080px;
	overflow: hidden;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
}

.block_game
{
    position: fixed;
	width: 1920px;
	height: 1080px;
	overflow: hidden;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


#horloge {
	position: fixed;
	width: 155px;
	height: 155px;
	margin: 0;
	padding: 0;
	z-index: -1;
	bottom: 791px;
}
    
    
    
}