@import "./vendor/framework/variables2.less";
@import "./vendor/framework/bootstrap.less";
@import "./vendor/fontawesome/font-awesome";

.page{
position:absolute;
top:0;
left:0;
bottom:0px;
right:0px;

}


@media only screen and (min-width: 1050px)  {
.page{
position:relative;
top:0;
left:0;
bottom:0px;
right:0px;
margin:auto;
height:1024px;
width:768px;

}
}

.pane_hover{

position:absolute;
z-index:2000;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(250,250,250,0.95);
text-align:center;
img{
max-width:90%;
margin-top:30px;
max-height:600px;

}

h3{
font-size:1.8em;

}

p{
font-size:1.5em;
text-align:center !important;
}
}



.prev_slide,.next_slide{

color:white;
font-size:30px;
padding:10px 20px;
background:rgba(0,0,0,0.9);
position:absolute;
bottom:10px;
cursor:pointer;
text-align:right;


}

.next_slide{

border-radius:30px 0px 0px 0px;
bottom:0px;
right:0px;

}

.prev_slide{
border-radius:0px 30px 0px 0px;
text-align:left;
bottom:0px;
left:0px;

}


.places_jeu, .places_jeu2{
position:relative;

.success{
color:green;
text-align:center;
display:none;

}
  .img{
    position:relative;
  
  .receptable{
  position:absolute;
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgb(230, 230, 230);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 5px rgba(0,0,0,.5);
  border:2px solid rgba(82,82,82,1);
  text-align:center;
  
  img{
  max-width:140px;
  max-height:140px;
  position:relative;
  box-shadow:0 1px 5px rgba(0,0,0,.5);
  box-sizing:border-box;
  border:4px solid white;
  top:-100%;
  left:-100%;
  


  
  
  }
  
  }
  
    }
  .vignettes{
  position:absolute;
  right:1em;
  width:450px;
  top:1em;
  height:100px;
  
  img{
  height:93px;
  }
  }
  

}
.jPuzzle-time{
display:none !important;

}
#results
{
	
	text-align: center;



  margin-top:3em;
  color:green;
}

p, h2
{
	text-align: justify;
}


.content{

padding:1em;

}

.quizz{
.quizz_answer{
margin:1em 0;

}
label{


}
input[type="radio"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
}
input[type="radio"] + label {
   position:relative;
   padding: 0 0 0 25px;
   font-size: 20px;
   line-height: 20px;
}
input[type="radio"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:2px;
   height: 20px;
   width: 20px;
   background: white;
   border: 1px solid gray;
   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;

   border-radius: 50%;
}
input[type="radio"]:checked + label:before {
   background: rgba(74,129,233,1);
}


.question {
p{
text-align:left;
}
*{
font-size:1.2em !important;
}

h3{
font-size:1.7em !important;
line-height:1.3em;
margin-bottom:0.7em;
}
}
.check_place{
text-align:center;
position:absolute;
bottom:1em;
left:0px;
right:0px;
}
border: 1px solid white;
min-height:890px;
padding:1em;
padding-right:2em;
position:relative;
margin:auto;

.quizz_ill{
  position:absolute;top:20px;max-width:470px;right:-530px;background: rgba(250,250,250,0.8);
  padding:10px;
  img{
  max-height:500px;
  }
}


.quizz_img{
  position:absolute;top:20px;max-width:470px;right:-530px;background: rgba(250,250,250,0.8);
  padding:10px;
  img{
  max-height:500px;
  }
}


.prev{
background:rgba(52,52,52,1) !important;
color:white !important;
position:absolute;
bottom:1em;
left:1em;
height:50px;
font-size:35px !important;
padding-top:10px;
border-radius:50%;
text-align:center;
width:50px;
box-sizing:border-box;
}

.next{
background:rgba(52,52,52,1) !important;
color:white !important;
height:50px;
font-size:35px !important;
padding-top:10px;

text-align:center;
width:50px;
box-sizing:border-box;
position:absolute;
bottom:1em;
right:1em;

border-radius:50%;
}

.info{
display:none;
color:red;

}

.response{

.info{
color:green;
}
}

.success, .fail{
position:absolute;
bottom:4em;
text-align:center;
left:1em;
right:1em;
}
.success{
color:green;

}

.fail{
color:red;
}

}

.page{






box-shadow:0 0 5px rgba(0,0,0,0.5);
background:white;




}
label{
display:inline;
}
#overlay{
cursor:pointer;

}
.navbar{

.pull-right{
margin-right:5px;
}
a{
color:white !important;
&:hover{
text-decoration:none !important;
}
}
}
#logos{
margin:30px;
margin-top:10px;
border-radius:5px;


}
.nav-stacked {
margin:30px;
a{
background:white;

}

}
 .header{
 padding:10px;

 a{
 display:inline-block;
 padding:5px;
 text-decoration:none;
 }
 }
 
 

 #main{
 font-size:130%;
 .btn{
 font-family:"Comic sans ms"
 }
 
 .content{

 }

 margin:auto;
 a{
 color: #5890CD;
 text-decoration:none;
 
 &:hover{
 text-decoration:underline;
 }
 }
 table{
 border-collapse:collapse;
 td{
 min-width:60px;
 
 
 }
 td, th{
 border: 1px solid #c9c9c9;
 padding:5px;
 text-align:left;
 }
 }
 
 }
 body{
 font-family: "Helvetica", "Verdana";
 font-weight:100;
 line-height:2.5em;
 color:#303030;
 padding:0px;
 margin:0px;
 font-size:12px;
 
 ul, li{
 line-height:1.5em;
 }
 
h3{
 
 font-family:Futura;
 font-size:18px;}
 
 h1{
 
 font-family:"Architects Daughter";
 color:rgba(0,0,0,0.9);
 font-size:27px;
 font-weight:100;
 
 }
 }

 #footer{
 
 }

#insectes_jeu_2{
	.labels{
		min-height:100px;
	
		.label{
			background:#555555;
			display:inline-block;
			margin-left:5px;
			margin-bottom:5px;
			padding:0.5em 1em;
			color:white;
			border-radius:1.2em;

			

		}

	}
	.image{
		float:left;
		width:300px;
		height:200px;
		padding:0em;
		padding-bottom:2em !important;


		img{
			max-width:100%;
			max-height:100%;
		}
		position:relative;
		text-align:center;
		padding-bottom:1em;
		
		.receptable{
			border:1px solid black;

			.label{
				text-align:center;
				position:absolute;
				padding-bottom:0.5em;
				bottom:0px;
				left:0px;
				right:0px;
			}

			position:absolute;
			top:0px;
			bottom:0px;
			left:0px;
			right:0px;

		}
	}

}
#logos{
text-align:center;
background:white;
padding:0.5em 0;
img{
max-height:120px;
max-width:220px;
margin:0px 0.6em;
}

}


.vie-arbre.story{
td{
padding:0.3em !important;
p{
padding:0.7em !important;
border:1px solid black;
}
}


}

a{
color:#55a631 !important;
cursor:pointer;

}
.animaux_sol{
td{
height:110px !important;
}
img{
height:100% !important;

}
}


.quizz .question{
  h3{
  a{
  font-size:inherit !important;
  }

  }}


  .places_jeu2{
  
  .vignettes img{
  
  height:130px !important;
  margin-bottom:0.5em;
  
  }
  }