@font-face { font-family: "FournierODPGothicBk"; src: url('fonts/Fournier-ODP-Gothic-Bk.eot'); src: url('fonts/Fournier-ODP-Gothic-Bk.otf'), url('fonts/Fournier-ODP-Gothic-Bk.eot?#iefix') format('embedded-opentype'); }
.GothicBk{
	font-family: "FournierODPGothicBk";
}
@font-face { font-family: "FournierODPGothicRg"; src: url('fonts/Fournier ODP Gothic-Rg.eot'); src: url('fonts/Fournier ODP Gothic-Rg.otf'), url('fonts/Fournier ODP Gothic-Rg.eot?#iefix') format('embedded-opentype'); }
.GothicRg{
	font-family: "FournierODPGothicRg";
}

@font-face { font-family: "FournierODPTextSansBk"; src: url('fonts/Fournier ODP Text Sans-Bk.eot'); src: url('fonts/Fournier ODP Text Sans-Bk.otf'), url('fonts/Fournier ODP Text Sans-Bk.eot?#iefix') format('embedded-opentype'); }
.TextSansBk{
font-family: "FournierODPTextSansBk";	
}
@font-face { font-family: "FournierODPTextSansLt"; src: url('fonts/Fournier ODP Text Sans-Lt.eot'); src: url('fonts/Fournier ODP Text Sans-Lt.otf'), url('fonts/Fournier ODP Text Sans-Lt.eot?#iefix') format('embedded-opentype'); }
.TextSansLt{
font-family: "FournierODPTextSansLt";	
}

@font-face { font-family: "FournierODPTextSansRg"; src: url('fonts/Fournier ODP Text Sans-Rg.eot'); src: url('fonts/Fournier ODP Text Sans-Rg.otf'), url('fonts/Fournier ODP Text Sans-Rg.eot?#iefix') format('embedded-opentype'); }
.TextSansRg{
font-family:"FournierODPTextSansRg";	
}

@font-face { font-family: "FournierODPTextSerifBk"; src: url('fonts/Fournier ODP Text Serif-Bk.eot'); src: url('fonts/Fournier ODP Text Serif-Bk.otf'), url('fonts/Fournier ODP Text Serif-Bk.eot?#iefix') format('embedded-opentype'); }
.TextSerifBk{
font-family: "FournierODPTextSerifBk";	
}

html{
	margin: 0;
	padding: 0;
}
body{
		margin: 0;
		padding:0;
		min-width: 1000px;
		background: rgba(225,224,229,1);
}
#levles-indicateurs-container{
	position: fixed;
	width: 15px;
	height: auto;
	right:35px;
	z-index: 10;
	top:231px;
	display: none;
}
#levles-indicateurs-container .levels-indicateurs-groupe{
	position: relative;
	width: 15px;
	height: auto;
	display: none;
}
#levles-indicateurs-container .levels-indicateurs-groupe#level_1{
	display: block;
}
#levles-indicateurs-container .levels-indicateurs-groupe .level{
	position: relative;
	width: 15px;
	height: 15px;
	margin-bottom: 14px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:#FFF;

}
#levles-indicateurs-container .levels-indicateurs-groupe .level.current{
	background:#42474a;
}
#levles-indicateurs-container .levels-indicateurs-groupe .level.erreur{
	background:#e4003a; 
}


#levles-indicateurs-container .levels-indicateurs-groupe .level.success{
	background:#31bdea;
}

/*********/
.wrapper-big-container{
	display: none;
}
.wrapper-big-container#level_1{
	display: block;
}
/*
.wrapper-big-container#level_2{
	display: block;
}
.wrapper-big-container#level_3{
	display: block;
}	
*/
.wrapper-big-container .wrapper{
	display: none;/*none*/
}
.wrapper-big-container .wrapper:first-child{
	display: block;/*block*/
}

/********/

.wrapper {
	margin: 0;
	padding:0 0 0 0;
	width: 100%;
	height: 100%;
	/*display: none;*/
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,224,229,1) 64%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(225,224,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e0e5',GradientType=0 ); /* IE6-9 */
}
.wrapper-big-container .wrapper#intro{
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: 100%;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,224,229,1) 64%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(225,224,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e0e5',GradientType=0 ); /* IE6-9 */
}
.wrapper-big-container .wrapper#intro .PictoJeuIntro{
	position: relative;
	margin:119px 0 50px 0;
	width: 100%;
	text-align: center;
}
.wrapper-big-container .wrapper#intro .TitreIntroD{
	position: relative;
	margin: 0;
	padding: 0;
	width:100%;
	text-align: center;
}
h1#TitreIntro{
	font-size: 34px;
	color:rgb(49,189,234);
	margin: 0 0 38px 0;
}
.wrapper-big-container .wrapper#intro .textIntro{
	position: relative;
	margin:0 auto;
	width:650px;
	height: 236px;
	margin-bottom:50px;	
}


.wrapper-big-container .wrapper#intro .textIntro p{
	font-size: 20px;
	text-align: center;
	margin-top: 23px;
}
.wrapper-big-container .wrapper#intro .textIntro p:first-child{
	font-size: 20px;
	text-align: center;
	margin-top:0;
}
.wrapper-big-container .wrapper#intro .textIntro p:last-child{
	font-size: 20px;
	text-align: center;
	margin-bottom:0;
}
.wrapper-big-container .wrapper#intro .PictoJouerIntro{
	position: relative;
	text-align: center;

}
.wrapper-big-container .wrapper#intro .PictoJouerIntro img{
	position: relative;
	text-align: center;
	opacity: 1;

}
.wrapper-big-container .wrapper#intro .PictoJouerIntro img:hover{
	position: relative;
	text-align: center;
	opacity: 0.7;
	cursor:  pointer;

}
.wrapper-big-container .wrapper#intro .persoIntro {
	position:absolute;
	right: 40px;
	top: 158px;
	height:500px;
	width: 325px;
	background-image:url(../jeuop/sprite/niveau1/perso_intro_500_27.png);
	background-repeat:no-repeat;
 
}
.wrapper-big-container .wrapper #sprite_outro {
	height:572px;
	width: 254px;
	background-image:url(../jeuop/sprite/niveau1/n1_fin_ok_guitarre_572_24.png);
	background-repeat:no-repeat;
 
}
.wrapper-big-container .wrapper #sprite_fail1 {
	height:572px;
	width: 254px;
	background-image:url(../jeuop/sprite/niveau1/n1_fin_non_guitarre_572_26.png);
	background-repeat:no-repeat;
 
}
.wrapper-big-container#level_1 .wrapper#outro .share-reseau{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}
.wrapper-big-container#level_1 .wrapper#outro .share-reseau span{
	margin:0 10px 0 10px;
}
/*
====================
====================
*/
.wrapper-big-container#level_1 .wrapper#outro{
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: 100%;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,224,229,1) 64%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(225,224,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e0e5',GradientType=0 ); /* IE6-9 */

}
.wrapper-big-container#level_1 .wrapper#outro .PictoJeuIntro{
	position: relative;
	margin:119px 0 50px 0;
	width: 100%;
	text-align: center;

}
.wrapper-big-container#level_1 .wrapper#outro .TitreIntroD{
	position: relative;
	margin: 0;
	padding: 0;
	width:100%;
	text-align: center;

}
.wrapper-big-container#level_1 .wrapper#outro h1#TitreIntro{
	font-size: 34px;
	color:rgb(49,189,234);
	margin: 0 0 38px 0;
	padding: 0;
	
	
}
.wrapper-big-container#level_1 .wrapper#outro .textOutro{
	position: relative;
	margin:0 auto;
	width:650px;
	text-align: center;
	margin-bottom:78px;	
}
 .scoreshow{
 	display: inline;
 }


.wrapper-big-container#level_1 .wrapper#outro .textOutro p{
	font-size: 20px;
	text-align: center;
	margin-top: 23px;

	
}

.wrapper-big-container#level_1 .wrapper#outro .PictoJouerOutro{
	text-align: center;

}
.wrapper-big-container#level_1 .wrapper#outro .PictoJouerOutro img{
	position: relative;
	text-align: center;
	opacity: 1;

}
.wrapper-big-container#level_1 .wrapper#outro .PictoJouerOutro img:hover{
	position: relative;
	text-align: center;
	opacity: 0.7;
	cursor:  pointer;

}
.wrapper-big-container#level_1 .wrapper#outro .persoOutro {
	position:absolute;
	right: 136px;
	top: 136px; 
}

/*
========================
	outro level 2
========================	
*/
.wrapper-big-container#level_2 .wrapper#outro{
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: 100%;
		
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,224,229,1) 64%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(225,224,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e0e5',GradientType=0 ); /* IE6-9 */

}
.wrapper-big-container#level_2 .wrapper#outro .PictoJeuIntro{
	position: relative;
	margin:119px 0 50px 0;
	width: 100%;
	text-align: center;

}
.wrapper-big-container#level_2 .wrapper#outro .TitreIntroD{
	position: relative;
	margin: 0;
	padding: 0;
	width:100%;
	text-align: center;

}
.wrapper-big-container#level_2 .wrapper#outro h1#TitreIntro{
	font-size: 34px;
	color:rgb(49,189,234);
	margin: 0 0 38px 0;
	padding: 0;
	
	
}
.wrapper-big-container#level_2 .wrapper#outro .textOutro{
	position: relative;
	margin:0 auto;
	width:650px;
	height: 150px;
	margin-bottom:90px;	
}


.wrapper-big-container#level_2 .wrapper#outro .textOutro p{
	font-size: 20px;
	text-align: center;
	margin-top: 23px;
}
.wrapper-big-container#level_2 .wrapper#outro .PictoJouerOutro{
	text-align: center;

}
.wrapper-big-container#level_2 .wrapper#outro .PictoJouerOutro img{
	position: relative;
	text-align: center;
	opacity: 1;

}
.wrapper-big-container#level_2 .wrapper#outro .PictoJouerOutro img:hover{
	position: relative;
	text-align: center;
	opacity: 0.7;
	cursor:  pointer;

}
.wrapper-big-container#level_2 .wrapper#outro .persoOutro {
	position:absolute;
	right: 102px;
	top: 151px;
	 
}
.wrapper-big-container#level_2 .wrapper#outro #sprite_outro2{
	height:551px;
	width: 400px;
	background-image:url(../jeuop/sprite/niveau2/n2_fin_ok_chef_551_25.png);
	background-repeat:no-repeat;
	 
}
.wrapper-big-container#level_2 .wrapper#outro #sprite_fail2{
	height:551px;
	width: 400px;
	background-image:url(../jeuop/sprite/niveau2/n2_fin_non_551_24.png);
	background-repeat:no-repeat;
	 
}
.wrapper-big-container#level_2 .wrapper#outro .share-reseau{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}
.wrapper-big-container#level_2 .wrapper#outro .share-reseau span{
	margin:0 10px 0 10px;
}

/*
========================
	outro level 3
========================	
*/
.wrapper-big-container#level_3 .wrapper#outro{
	position: absolute;
	width: 100%;
	min-width: 1200px;
	height: 100%;
		
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,224,229,1) 64%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(225,224,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e0e5',GradientType=0 ); /* IE6-9 */

}
.wrapper-big-container#level_3 .wrapper#outro .PictoJeuIntro{
	position: relative;
	margin:119px 0 30px 0;
	width: 100%;
	text-align: center;

}
.wrapper-big-container#level_3 .wrapper#outro .TitreIntroD{
	position: relative;
	margin: 0;
	padding: 0;
	width:100%;
	text-align: center;

}
.wrapper-big-container#level_3 .wrapper#outro h1#TitreIntro{
	font-size: 34px;
	color:rgb(49,189,234);
	margin: 0 0 38px 0;
	padding: 0;
	
	
}
.wrapper-big-container#level_3 .wrapper#outro .textOutro{
	position: relative;
	margin:0 auto;
	width:650px;
	height: 250px;
	margin-bottom:18px;	
	margin-top: 35px;
}


.wrapper-big-container#level_3 .wrapper#outro .textOutro p{
	font-size: 20px;
	text-align: center;
	margin-bottom: 23px;
}

.wrapper-big-container#level_3 .wrapper#outro .textOutro p:last-child{
	font-size: 20px;
	text-align: center;
	margin-bottom: 18px;
}
.wrapper-big-container#level_3 .wrapper#outro .share-reseau{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}
.wrapper-big-container#level_3 .wrapper#outro .share-reseau span{
	margin:0 10px 0 10px;
}
.wrapper-big-container#level_3 .wrapper#outro .PictoJouerOutro{
	text-align: center;

}
.wrapper-big-container#level_3 .wrapper#outro .PictoJouerOutro img{
	position: relative;
	text-align: center;
	opacity: 1;

}
.wrapper-big-container#level_3 .wrapper#outro .PictoJouerOutro img:hover{
	position: relative;
	text-align: center;
	opacity: 0.7;
	cursor:  pointer;

}
.wrapper-big-container#level_3 .wrapper#outro .persoOutro {
	position:absolute;
	right: 47px;
	top: 122px;
	 
}
.wrapper-big-container#level_3 .wrapper#outro #sprite_outro3{
	height:450px;
	width: 373px;
	background-image:url(../jeuop/sprite/niveau3/fin_n3_best_score_450_34.png);
	background-repeat:no-repeat;
	 
}
.wrapper-big-container#level_3 .wrapper#outro #sprite_fail3{
	height:450px;
	width: 386px;
	background-image:url(../jeuop/sprite/niveau3/fin_n3_faible_score_450_35.png);
	background-repeat:no-repeat;
	 
}
.wrapper-big-container#level_3 .wrapper#outro #sprite_midlle3{
	height:450px;
	width: 373px;
	background-image:url(../jeuop/sprite/niveau3/fin_n3_moyen_score_450_31.png);
	background-repeat:no-repeat;
	 
}

/*
========================
	
========================	
*/

.wrapper:first-child{
	/*display:block;*/

}
.wrapper .wrapper-up-container{
	position: relative;
	height: auto; 
}
.wrapper .wrapper-up-container .interface{
	position: relative;
	height: auto; min-height: 150px;
	margin:0 0 30px 0; 
	text-align: center;
	display: none;
}
.wrapper .wrapper-up-container .interface .repense-label{
	position: relative;
	width: 100%;
	height: auto; 
	text-align: center;
	font-family: "FournierODPTextSansLt";
	line-height: 30px;
	font-size: 30px;
	margin-bottom: 22px;
} 
.wrapper .wrapper-up-container .interface .repense-description{
	position: relative;
	width: 100%;
	height: auto; 
	text-align: center;
	font-family: "FournierODPTextSansLt";
	font-size: 18px;
	margin-bottom: 17px;
} 
.wrapper .wrapper-up-container .interface#int_1{
	display: block;
}
.wrapper .wrapper-up-container .interface#int_2{

}
.wrapper .wrapper-up-container .interface#int_2 .repense-label{
	color: #3bbee8;
}
.wrapper .wrapper-up-container .interface#int_3{
	
}
.wrapper .wrapper-up-container .interface#int_3 .repense-label{
	color:#e4003a;
}
.wrapper .wrapper-up-container .interface .next-qt{
	position: relative;
	background:#31bdea;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #FFFFFF;
	color: #FFF;
	width: auto;
	height: 32px;
	padding: 0 18px;
	display:inline-block;
	font-family: "FournierODPTextSansLt";
	font-size: 18px;
	font-weight: 100;
	opacity: 1;
	outline:none;
}
.wrapper .wrapper-up-container .interface .next-qt:hover{

	opacity: 0.7;
	cursor:  pointer;
	
}
/*#31bdea*/
.Reponses-container{
		
		position: relative;
		width: 100%;
		height: 440px;
		padding:0 100px;
		margin:20px 0 0 0;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		z-index: 1;
		/*background: green;*/

}
.image-repense-container{
	
		position: relative;
		height: 100%;
		width: 32%;
		float:left;
		margin-right:2%;
		text-align:center;
		vertical-align: middle;
		padding: 375px 0 0 0;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		/*background: green;*/

}
.image-repense-container:last-child{
		margin-right:0;

}
.image-repense-container .image-container{
		position: absolute;
		width: 100%;
		bottom: 60px;
		/*background: gold;*/

	
}
.image-repense-container img{
		margin: 0;
		padding: 0;
		/*background: #000;*/
		

}
.image-repense-container .label{
		margin: 0;
		padding: 10px 0 10px 0;
		font-size:26px;
		width:100%;
		text-align:center;
		/*background: blue;*/
		
		

}
.wrapper-big-container .wrapper .Reponses-container .image-repense-container .case-container .envelope{
	position: relative;
	background: url("../img/check_off__.png") no-repeat;
	width: 27px;
	height: 27px;
	display: inline-block;
	margin: 0 auto;
	
}
.wrapper-big-container .wrapper .Reponses-container .image-repense-container .case-container .envelope.selected{
	background: url("../img/check_on__.png") no-repeat;
	
}

.wrapper-big-container .wrapper .Reponses-container .image-repense-container .case-container .envelope .inputechecbox{
	opacity: 0;
	width: 27px;
	height: 27px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor:  pointer;
	
}

/*
====================
modif in élèment
======================
*/


.wrapper-big-container#level_1 .wrapper#q3 .wrapper-up-container .interface  .PictoSon{
		left: -2%;
}
.wrapper-big-container#level_1 .wrapper#q4 .wrapper-up-container .interface  .PictoSon{
		left: -4%;
		}
.wrapper-big-container#level_1 .wrapper#q5 .Reponses-container  .image-repense-container#perso1 .image-container{
		top:100px;
		bottom: inherit;
		}
.wrapper-big-container#level_1 .wrapper#q5 .Reponses-container  .image-repense-container#perso3 .image-container{
		top:150px;
		bottom: inherit;
		}
.wrapper-big-container#level_1 .wrapper#q7 .wrapper-up-container .interface  .PictoSon{
		left: -5%;
}
.wrapper-big-container#level_1 .wrapper#q8 .Reponses-container  .image-repense-container#perso1 .image-container{
		left:69px;
		}
.wrapper-big-container#level_1 .wrapper#q8 .Reponses-container  .image-repense-container#perso2 .image-container{
		top:1px;
		left:40px;
		bottom: inherit;
		}
.wrapper-big-container#level_1 .wrapper#q9 .wrapper-up-container .interface  .PictoSon{
		left: -2%;
		}
.wrapper-big-container#level_2 .wrapper#q1 .Reponses-container  .image-repense-container#perso3 .image-container{
		left:-20px;
		}
.wrapper-big-container#level_2 .wrapper#q2 .wrapper-up-container .interface  .PictoSon{
		left: -2%;
		}
.wrapper-big-container#level_2 .wrapper#q3 .Reponses-container  .image-repense-container#perso3 .image-container{
		left:40px;
		}
.wrapper-big-container#level_2 .wrapper#q4 .wrapper-up-container .interface  .PictoSon{
		left: -2%;
		}		
.wrapper-big-container#level_2 .wrapper#q4 .Reponses-container  .image-repense-container#perso3 .image-container{
		left:40px;
		}	
.wrapper-big-container#level_2 .wrapper#q6 .Reponses-container  .image-repense-container#perso2 .image-container{
		left:30px;
		}
.wrapper-big-container#level_3 .wrapper#q1 .Reponses-container  .image-repense-container#perso3 .image-container{
		left:60px;
		}	
.wrapper-big-container#level_3 .wrapper#q2 .wrapper-up-container .interface  .PictoSon{
		left: -3%;
		}
.wrapper-big-container#level_3 .wrapper#q5 .Reponses-container  .image-repense-container#perso1 .image-container{
		top:-33px;
		bottom: inherit;
		}
.wrapper-big-container#level_3 .wrapper#q5 .Reponses-container  .image-repense-container#perso1 .label{
		margin-top: -33px;
		}
.wrapper-big-container#level_3 .wrapper#q6 .Reponses-container  .image-repense-container#perso2 .image-container{
		left:25px;
		}
.wrapper-big-container#level_1 .wrapper#q1 .wrapper-up-container .interface  .PictoSon img{
		opacity: 1;
		}	
.wrapper-big-container#level_1 .wrapper#q1 .wrapper-up-container .interface  .PictoSon img:hover{
		opacity: 0.7;
		cursor:  pointer;
		}
.wrapper-big-container#level_1 .wrapper#q4 .Reponses-container  .image-repense-container .image-container img{
	opacity: 1;
}
.wrapper-big-container#level_1 .wrapper#q4 .Reponses-container  .image-repense-container .image-container img:hover{
	opacity: 0.7;
	cursor:  pointer;
}
.wrapper-big-container#level_1 .wrapper#q6 .wrapper-up-container .interface  .PictoSon img{
		opacity: 1;
		}	
.wrapper-big-container#level_1 .wrapper#q6 .wrapper-up-container .interface  .PictoSon img:hover{
		opacity: 0.7;
		cursor:  pointer;
		}
.wrapper-big-container#level_1 .wrapper#q9 .Reponses-container  .image-repense-container .image-container img{
	opacity: 1;
}
.wrapper-big-container#level_1 .wrapper#q9 .Reponses-container  .image-repense-container .image-container img:hover{
	opacity: 0.7;
	cursor:  pointer;
}
.wrapper-big-container#level_2 .wrapper#q2 .Reponses-container  .image-repense-container .image-container img{
	opacity: 1;
}
.wrapper-big-container#level_2 .wrapper#q2 .Reponses-container  .image-repense-container .image-container img:hover{
	opacity: 0.7;
	cursor:  pointer;
}

.wrapper-big-container#level_2 .wrapper#q6 .wrapper-up-container .interface  .PictoSon img{
		opacity: 1;
		}	
.wrapper-big-container#level_2 .wrapper#q6 .wrapper-up-container .interface  .PictoSon img:hover{
		opacity: 0.7;
		cursor:  pointer;
		}
.wrapper-big-container#level_3 .wrapper#q2 .Reponses-container  .image-repense-container .image-container img{
	opacity: 1;
}
.wrapper-big-container#level_3 .wrapper#q2 .Reponses-container  .image-repense-container .image-container img:hover{
	opacity: 0.7;
	cursor:  pointer;
}
/*
===================
SPRITE	
===================	
*/
.wrapper-big-container#level_1 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_1q1 {
	margin:0 auto;
	height:390px;
	width: 311px;
	background-image:url(../jeuop/sprite/niveau1/q1_trompette_390_33.png);
	background-repeat:no-repeat;
 
}
.wrapper-big-container#level_1 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_1q2 {
	margin:0 auto;
	height:390px;
	width: 338px;
	background-image:url(../jeuop/sprite/niveau1/q2_flute_390_37.png);
	background-repeat:no-repeat;
 
}
.wrapper-big-container#level_1 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_1q3 {
	margin:0 auto;
	height:396px;
	width: 397px;
	background-image:url(../jeuop/sprite/niveau1/q3_bucheron_396_25.png);
	background-repeat:no-repeat;
 
}
.wrapper-big-container#level_1 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_1q5 {
	margin:0 auto;
	height:390px;
	width: 367px;
	background-image:url(../jeuop/sprite/niveau1/q5_contrebasse_390_25.png);
	background-repeat:no-repeat;
 }
.wrapper-big-container#level_1 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_1q6 {
	margin:0 auto;
	height:390px;
	width: 311px;
	background-image:url(../jeuop/sprite/niveau1/q6_maracas_390_40.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_1 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_1q7 {
	margin:0 auto;
	height:397px;
	width: 382px;
	background-image:url(../jeuop/sprite/niveau1/q7_cuivres_397_26.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_1 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_1q8 {
	margin:0 auto;
	height:311px;
	width: 390px;
	background-image:url(../jeuop/sprite/niveau1/q8_trompette_311_26.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_1 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_1q10 {
	margin:0 auto;
	height:390px;
	width: 311px;
	background-image:url(../jeuop/sprite/niveau1/q10_archet_390_20.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_2 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_2q1 {
	margin:0 auto;
	height:396px;
	width: 366px;
	background-image:url(../jeuop/sprite/niveau2/q1_tuba_396_31.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_2 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_2q2 {
	margin:0 auto;
	height:397px;
	width: 367px;
	background-image:url(../jeuop/sprite/niveau2/q2_trombone_397_31.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_2 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_2q3 {
	margin:0 auto;
	height:425px;
	width: 311px;
	background-image:url(../jeuop/sprite/niveau2/q3_coranglais_425_23.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_2 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_2q4 {
	margin:0 auto;
	height:390px;
	width: 311px;
	background-image:url(../jeuop/sprite/niveau2/q4_cor_390_23.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_2 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_2q5 {
	margin:0 auto;
	height:425px;
	width: 319px;
	background-image:url(../jeuop/sprite/niveau2/q5_violon_425_37.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_2 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_2q6 {
	margin:0 auto;
	height:425px;
	width: 310px;
	background-image:url(../jeuop/sprite/niveau2/q6_clarinette_425_24.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_2 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_2q7 {
	margin:0 auto;
	height:397px;
	width: 325px;
	background-image:url(../jeuop/sprite/niveau2/q7_acier_397_25.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_2 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_2q8 {
	margin:0 auto;
	height:390px;
	width: 311px;
	background-image:url(../jeuop/sprite/niveau2/q8_ebene_390_20.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_3 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_3q1 {
	margin:0 auto;
	height:396px;
	width: 366px;
	background-image:url(../jeuop/sprite/niveau3/q1_tuba_396_24.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_3 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_3q3 {
	margin:0 auto;
	height:390px;
	width: 338px;
	background-image:url(../jeuop/sprite/niveau3/q3_LA_390_30.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_3 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_3q4 {
	margin:0 auto;
	height:390px;
	width: 338px;
	background-image:url(../jeuop/sprite/niveau3/q4_COR_390_22.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_3 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_3q5 {
	margin:0 auto;
	height:390px;
	width: 311px;
	background-image:url(../jeuop/sprite/niveau3/q5_ame_390_7.png);
	background-repeat:no-repeat;
 }
 .wrapper-big-container#level_3 .wrapper .Reponses-container  .image-repense-container .image-container #spritelevel_3q6 {
	margin:0 auto;
	height:425px;
	width: 338px;
	background-image:url(../jeuop/sprite/niveau3/q6_clarinette_425_24.png);
	background-repeat:no-repeat;
 }
 
/*
==============================
	Question 1 Niveau 1
==============================
*/
.Niveau{
	position: relative;
	margin:1% auto 1% auto;
	display: inline-block;
	width: 100%;
	height: 15px;line-height: 15px;
	
}
.Niveau > p{
	margin: 0;
	padding: 0;
	text-align: center;
	
}
.Question1{
	position: relative;
	margin:0 0 24px 0;
	width:100%;
	text-align: center;
	}
.Question1 p{
	position: relative;
	margin:0;
	padding: 0;
	font-size: 30px;
	text-align: center;
	
}
.PictoSon{
	position: relative;
	margin:0 auto;
	width:81px;
	height:81px;
}
/*.PictoSon img{
	opacity: 0.5;
}
.PictoSon img:hover{
	opacity: 1;
}*/

.wrapper-big-container#level_3 .wrapper#q1 .wrapper-up-container .interface  .PictoSon img{
	opacity: 1;
}
.wrapper-big-container#level_3 .wrapper#q1 .wrapper-up-container .interface  .PictoSon img:hover{
	opacity: 0.5;
}

.BtnValider{
	position: relative;
	width: auto;
	height: 30px;
	padding:30px 0 50px 0;
	text-align: center;
	z-index: 0;
}
.BtnValider img{
	display: none;
	margin-bottom:0;
	text-align: center;
	opacity: 1;
}
.BtnValider img:hover{
	opacity: 0.7;
	cursor:  pointer;
}
.wrapper-big-container .wrapper#outro #outro-content{
	display:none; 
	width:100%; 
	height:auto;
}
/*
=============================
	Page Intro Niveau 1
=============================
*/

/*
=====================
Jeu Ipad
======================
*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 0){
	html,body{
	width: 964px;
	max-width: 1024px;
	overflow-x: hidden;
	}
	
	.wrapper .wrapper-up-container {
	position: relative;
	height: auto;
	/*background: red;*/
	margin-left: -35px;
	}
	.Niveau {
	position: relative;
	margin: 10px auto 1px auto;
	display: inline-block;
	width: 100%;
	height: 15px;
	line-height: 15px;
	}
	.wrapper .wrapper-up-container .interface {
	position: relative;
	height: auto;
	min-height: 110px;
	margin: 0 0 30px 0;
	text-align: center;
	display: none;
	}
	.Question1 {
	position: relative;
	margin: 0px 0 10px 0;
	width: 100%;
	text-align: center;
	}
	.Question1 p{
		position: relative;
		margin:0;
		padding: 0;
		font-size: 25px;
		text-align: center;
		
	}
	.wrapper .wrapper-up-container .interface .repense-label {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	font-family: "FournierODPTextSansLt";
	line-height: 30px;
	font-size: 25px;
	margin-bottom: 7px;
	}
	.wrapper .wrapper-up-container .interface .repense-description {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	font-family: "FournierODPTextSansLt";
	font-size: 18px;
	margin-bottom: 5px;
	}
	.wrapper .wrapper-up-container .interface .next-qt {
	position: relative;
	background: #31bdea;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #FFFFFF;
	color: #FFF;
	width: auto;
	height: 32px;
	padding: 0 18px;
	display: inline-block;
	font-family: "FournierODPTextSansLt";
	font-size: 18px;
	font-weight: 100;
	opacity: 1;
	outline: none;
	}
	 #levles-indicateurs-container{
		position: fixed;
		width: 15px;
		height: auto;
		right: 60px;
		z-index: 10;
		top: 200px;
		display: none;
	}

	.wrapper {
		margin: 0;
		padding:0 0 0 0;
		width: 100%;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		
		/*background: red;*/
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,224,229,1) 64%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(225,224,229,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e0e5',GradientType=0 ); /* IE6-9 */
		
		
	}
	.wrapper-big-container .wrapper#intro{
		position: absolute;
		width: 100%;
		min-width: 1024px;
		margin-left:-60px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,224,229,1) 64%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(225,224,229,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,224,229,1) 64%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e0e5',GradientType=0 ); /* IE6-9 */
		
		}
	.wrapper-big-container .wrapper#intro .PictoJeuIntro{
		position: relative;
		margin:50px 0px 50px 0;
		width: 100%;
		text-align: center;

	}
	.wrapper-big-container .wrapper#intro .TitreIntroD{
		position: relative;
		margin: 0;
		padding: 0;
		width:100%;
		text-align: center;

	}
	h1#TitreIntro{
		font-size: 30px;
		color:rgb(49,189,234);
		margin: 0 0 38px 0;
		padding: 0;
		
		
	}
	.wrapper-big-container .wrapper#intro .textIntro{
		position: relative;
		margin:0 auto;
		width:650px;
		height: 236px;
		margin-bottom:50px;	
	}


	.wrapper-big-container .wrapper#intro .textIntro p{
		font-size: 18px;
		text-align: center;
		margin-top: 23px;
	}
	.wrapper-big-container .wrapper#intro .textIntro p:first-child{
		font-size: 18px;
		text-align: center;
		margin-top:0;
	}
	.wrapper-big-container .wrapper#intro .textIntro p:last-child{
		font-size: 18px;
		text-align: center;
		margin-bottom:0;
	}
	.wrapper-big-container .wrapper#intro .PictoJouerIntro{
		position: relative;
		text-align: center;

	}
	.wrapper-big-container .wrapper#intro .PictoJouerIntro img{
		position: relative;
		text-align: center;
		opacity: 1;

	}

	.wrapper-big-container .wrapper#intro .persoIntro {
		position:absolute;
		left: 70%;
		top: 135px;
		height:500px;
		width: 305px;
		background-image:url(../jeuop/sprite/niveau1/perso_intro_500_27.png);
		background-repeat:no-repeat;
	 
	} 
	/********** page outro ***********/
	.wrapper-big-container#level_1 .wrapper#outro{
		position: absolute;
		width: 100%;
		min-width: 1024px;
		margin-left: -60px;
		height: 100%;
	}
	.wrapper-big-container#level_2 .wrapper#outro{
		width: 100%;
		min-width: 1024px;
		margin-left: -60px;
		height: 100%;
	}
	.wrapper-big-container#level_3 .wrapper#outro{
		width: 100%;
		min-width: 1024px;
		margin-left: -60px;
		height: 100%;
	}	
	.wrapper-big-container#level_1 .wrapper#outro .PictoJeuIntro,
	.wrapper-big-container#level_2 .wrapper#outro .PictoJeuIntro,
	.wrapper-big-container#level_3 .wrapper#outro .PictoJeuIntro{
		position: relative;
		margin: 50px 0 50px 0;
		width: 100%;
		text-align: center;
		}
	.wrapper-big-container#level_1 .wrapper#outro #outro-content,
	.wrapper-big-container#level_2 .wrapper#outro #outro-content,
	.wrapper-big-container#level_3 .wrapper#outro #outro-content{
		display:none; 
		width:90%; 
		height:auto;
	}
	.wrapper-big-container#level_1 .wrapper#outro h1#TitreIntro,
	.wrapper-big-container#level_2 .wrapper#outro h1#TitreIntro,
	.wrapper-big-container#level_3 .wrapper#outro h1#TitreIntro{
		font-size: 30px;
		color: rgb(49,189,234);
		margin: 0 0 38px 0;
		padding: 0;
		}
	.wrapper-big-container#level_1 .wrapper#outro .textOutro,
	.wrapper-big-container#level_2 .wrapper#outro .textOutro,
	.wrapper-big-container#level_3 .wrapper#outro .textOutro{
		position: relative;
		margin: 0 auto;
		width: 430px;
		text-align: center;
		}
	.wrapper-big-container#level_3 .wrapper#outro .textOutro{
		height: 290px;
		}	
		
	.wrapper-big-container#level_1 .wrapper#outro .textOutro p,
	.wrapper-big-container#level_2 .wrapper#outro .textOutro p,
	.wrapper-big-container#level_3 .wrapper#outro .textOutro p{
		font-size: 18px;
		text-align: center;
		margin-top: 23px;
		}
	.wrapper-big-container#level_1 .wrapper#outro .persoOutro{
		position: absolute;
		left: 70%;
		top: 19px;
		}
		.wrapper-big-container#level_2 .wrapper#outro .persoOutro{
		position: absolute;
		left: 67%;
		top: 19px;
		}
		.wrapper-big-container#level_3 .wrapper#outro .persoOutro{
		position: absolute;
		left: 62%;
		top: 114px;
		}
	/***** exeception fail outro ***/
		.wrapper-big-container#level_1 .wrapper#outro #outro-fail .textOutro {
			position: relative;
			margin: 0 auto;
			width: 460px;
			text-align: center;
			margin-bottom: 50px;
			}
		.wrapper-big-container#level_3 .wrapper#outro .share-reseau {
			  position: relative;
			  float: left;
			  width: 100%;
			  text-align: center;
			  margin-bottom: 10px;
			}	
    /********** Bloc bas ***********/
	.Reponses-container{
			position: relative;
			width: 964px;
			height: 440px;
			padding:0 30px 0 30px;
			margin:20px 0 0 0;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
			z-index: 1;
			/*background: green;*/

	}
	.image-repense-container{
		
			position: relative;
			height: 100%;
			width: 32%;
			float:left;
			margin-right:2%;
			text-align:center;
			vertical-align: middle;
			padding: 375px 0 0 0;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
			/*background: green;*/

	}
	.image-repense-container:last-child{
			margin-right:0;
			
	}
	.image-repense-container .image-container{
			position:absolute;
			width: 100%;
			bottom: 60px;
			/*background: gold;*/

	}
	.image-repense-container .image-container audio{
			display: none;
	}
	.image-repense-container .label {
			margin: 0;
			padding: 8px 0 8px 0;
			font-size: 20px;
			width: 100%;
			text-align: center;
		}
		.BtnValider {
			position: relative;
			width: auto;
			height: 30px;
			padding: 15px 0 30px 0;
			text-align: center;
			margin-left: -42px;
			z-index: 0;
		}
	/***exception page**/
/*	.wrapper-big-container#level_2 .wrapper#q2 .wrapper-up-container,
	.wrapper-big-container#level_2 .wrapper#q1 .wrapper-up-container,
	.wrapper-big-container#level_1 .wrapper#q10 .wrapper-up-container,
	.wrapper-big-container#level_1 .wrapper#q9 .wrapper-up-container,
	.wrapper-big-container#level_1 .wrapper#q8 .wrapper-up-container,
	.wrapper-big-container#level_1 .wrapper#q7 .wrapper-up-container,
	.wrapper-big-container#level_1 .wrapper#q6 .wrapper-up-container,
	.wrapper-big-container#level_1 .wrapper#q5 .wrapper-up-container,
	.wrapper-big-container#level_1 .wrapper#q4 .wrapper-up-container,
	.wrapper-big-container#level_1 .wrapper#q1 .wrapper-up-container,
	.wrapper-big-container#level_1 .wrapper#q2 .wrapper-up-container {
		margin-left: -35px;
	}
	.wrapper-big-container#level_2 .wrapper#q2 .BtnValider,
	.wrapper-big-container#level_2 .wrapper#q1 .BtnValider,
	.wrapper-big-container#level_1 .wrapper#q10 .BtnValider,
	.wrapper-big-container#level_1 .wrapper#q9 .BtnValider,
	.wrapper-big-container#level_1 .wrapper#q8 .BtnValider,
	.wrapper-big-container#level_1 .wrapper#q7 .BtnValider,
	.wrapper-big-container#level_1 .wrapper#q6 .BtnValider,
	.wrapper-big-container#level_1 .wrapper#q5 .BtnValider,
	.wrapper-big-container#level_1 .wrapper#q4 .BtnValider,
	.wrapper-big-container#level_1 .wrapper#q1 .BtnValider,
	.wrapper-big-container#level_1 .wrapper#q2 .BtnValider{
		margin-left: -41px;
	}*/
	
	
	.wrapper-big-container#level_1 .wrapper#q3 .wrapper-up-container {
		margin-left: inherit;
	}
	
	
	.wrapper-big-container#level_1 .wrapper#q3 .BtnValider{
		margin-left: inherit;
	}
	
	.wrapper-big-container#level_1 .wrapper#q8 .Reponses-container .image-repense-container#perso2 .image-container {
  top: 1px;
  left: inherit;
  bottom: inherit;
}
	.wrapper-big-container#level_1 .wrapper#q1 .Reponses-container  .image-repense-container#perso1 .image-container{
		left: -5%;
		}
	.wrapper-big-container#level_1 .wrapper#q3 .Reponses-container  .image-repense-container#perso1 .image-container{
		margin-left: -8%;
		}
	.wrapper-big-container#level_1 .wrapper#q3 .Reponses-container  .image-repense-container#perso2{
		left: 2%;
		}
	.wrapper-big-container#level_1 .wrapper#q3 .wrapper-up-container .interface .PictoSon {
		left: -5%;
		}
	.wrapper-big-container#level_1 .wrapper#q5 .Reponses-container  .image-repense-container#perso2 .image-container{
		left: -25px;
		}
	.wrapper-big-container#level_1 .wrapper#q5 .Reponses-container  .image-repense-container#perso3{
		left: -2%;
		}
	.wrapper-big-container#level_1 .wrapper#q10 .Reponses-container  .image-repense-container#perso1 .image-container{
		left: 37px;
		}
	.wrapper-big-container#level_2 .wrapper#q3 .Reponses-container .image-repense-container#perso3{
		left: -7%;
		}
	.wrapper-big-container#level_2 .wrapper#q4 .Reponses-container .image-repense-container#perso3{
		left: -7%;
		}
	.wrapper-big-container#level_3 .wrapper#q1 .Reponses-container  .image-repense-container#perso2 .image-container{
			left: -35px;
	}
	.wrapper-big-container#level_3 .wrapper#q1 .Reponses-container .image-repense-container#perso3{
		left: -8%;
	}
	.wrapper-big-container#level_3 .wrapper#q3 .Reponses-container  .image-repense-container#perso3 .image-container{
			left: -35px;
	}
	
}
.fb_share_jeu, 
.tw_share_jeu{
cursor: pointer;
}