body {
	width: auto;
	background: #CED8F6;
	font-family: Verdana, sans-serif; 
 	font-size: 100%;
   margin: 0;
   padding: 0;
   text-align: center
    }
a:link {
 color: black;
 text-decoration: none;
 }
a:visited {
 color: black;
 text-decoration: none;
 }
a:hover {
 color: black;
 text-decoration: none;
}
a:active, a:focus {
 color: black;
 text-decoration: none;
}
.bouton {
	background: -webkit-linear-gradient(white, #A8A8A8);
	background: -moz-linear-gradient(white, #A8A8A8);
	background: -ms-linear-gradient(white, #A8A8A8); 
	background: -o-linear-gradient(white, #A8A8A8);
	background: linear-gradient(white, #A8A8A8);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}
.bouton1 {
	background: -webkit-linear-gradient(white, #FFEE55);
	background: -moz-linear-gradient(white, #FFEE55);
	background: -ms-linear-gradient(white, #FFEE55); 
	background: -o-linear-gradient(white, #FFEE55);
	background: linear-gradient(white, #FFEE55);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}
.bouton2 {
	background: -webkit-linear-gradient(white, #CCFF88);
	background: -moz-linear-gradient(white, #CCFF88);
	background: -ms-linear-gradient(white, #CCFF88); 
	background: -o-linear-gradient(white, #CCFF88);
	background: linear-gradient(white, #CCFF88);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}
.bouton3 {
	background: -webkit-linear-gradient(white, #33FF33);
	background: -moz-linear-gradient(white, #33FF33);
	background: -ms-linear-gradient(white, #33FF33); 
	background: -o-linear-gradient(white, #33FF33);
	background: linear-gradient(white, #33FF33);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}

.boutonRouge {
	background: -webkit-linear-gradient(white, red);
	background: -moz-linear-gradient(white, red);
	background: -ms-linear-gradient(white, red); 
	background: -o-linear-gradient(white, red);
	background: linear-gradient(white, red);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}

.boutonAFaire {
	background: -webkit-linear-gradient(white, red);
	background: -moz-linear-gradient(white, red);
	background: -ms-linear-gradient(white, red); 
	background: -o-linear-gradient(white, red);
	background: linear-gradient(white, red);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}

.boutonAFaireEntrainement {
	background: -webkit-linear-gradient(white, blue);
	background: -moz-linear-gradient(white, blue);
	background: -ms-linear-gradient(white, blue); 
	background: -o-linear-gradient(white, blue);
	background: linear-gradient(white, blue);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}

.boutonActif {
	background: -webkit-linear-gradient(white, #99FF33);
	background: -moz-linear-gradient(white, #99FF33);
	background: -ms-linear-gradient(white, #99FF33);
	background: -o-linear-gradient(white, #99FF33);
	background: linear-gradient(white, #99FF33);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}
.boutonActif:hover{
	background: -webkit-linear-gradient(#E8E8E8,white);
	background: -moz-linear-gradient(#E8E8E8,white);
	background: -ms-linear-gradient(#E8E8E8,white);
	background: -o-linear-gradient(#E8E8E8,white);
	background: linear-gradient(#E8E8E8,white);
}
.bouton:hover{
	background: -webkit-linear-gradient(#E8E8E8,white);
	background: -moz-linear-gradient(#E8E8E8,white);
	background: -ms-linear-gradient(#E8E8E8,white);
	background: -o-linear-gradient(#E8E8E8,white);
	background: linear-gradient(#E8E8E8,white);
}
.bouton1:hover{
	background: -webkit-linear-gradient(#E8E8E8,white);
	background: -moz-linear-gradient(#E8E8E8,white);
	background: -ms-linear-gradient(#E8E8E8,white);
	background: -o-linear-gradient(#E8E8E8,white);
	background: linear-gradient(#E8E8E8,white);
}
.bouton2:hover{
	background: -webkit-linear-gradient(#E8E8E8,white);
	background: -moz-linear-gradient(#E8E8E8,white);
	background: -ms-linear-gradient(#E8E8E8,white);
	background: -o-linear-gradient(#E8E8E8,white);
	background: linear-gradient(#E8E8E8,white);
}
.bouton3:hover{
	background: -webkit-linear-gradient(#E8E8E8,white);
	background: -moz-linear-gradient(#E8E8E8,white);
	background: -ms-linear-gradient(#E8E8E8,white);
	background: -o-linear-gradient(#E8E8E8,white);
	background: linear-gradient(#E8E8E8,white);
}
.question {
	background-color: white;
	width: 280px;
	border:0px;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}
.image {
	max-width: 100% ;
	border:0px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: center;
}
#boutonValider {
	visibility: hidden;
	font-size: 100%;
}

.reponseJuste {
	background: -webkit-linear-gradient(#88FEA7, white); 
	background: -moz-linear-gradient(#88FEA7, white);  
	background: -ms-linear-gradient(#88FEA7, white);   
	background: -o-linear-gradient(#88FEA7, white);  
	background: linear-gradient(#88FEA7, white);  
	width: 240px;
	border:1px solid black;
	padding:10px;
	margin: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	margin-left: 10px;
  	margin-right: 10px;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
  }
  .reponseFausse {
  	background: -webkit-linear-gradient(#F78181, white); 
	background: -moz-linear-gradient(#F78181, white); 
	background: -ms-linear-gradient(#F78181, white);  
	background: -o-linear-gradient(#F78181, white);  
	background: linear-gradient(#F78181, white); 
	width: 240px;
	border:1px solid black;
	padding:10px;
	margin: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	margin-left: 10px;
  	margin-right: 10px;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
  }
  
  .container {
	width: 90%;
	border:0px;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: center;
}
  .container_bak {
	background-color: white;
	width: 90%;
	border:0px;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}
  .containerLeft {
	background-color: white;
	width: 90%;
	border:0px;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: left;
	box-shadow: 8px 8px 12px #aaa;
}
.domaine {
	background-color: white;
	width: 90%;
	border:0px;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: center;
	text-shadow: 0px 0px 9px #777;
	color: #111;
}
.boutonNonCliquable {
	background: -webkit-linear-gradient(white, #A8A8A8);
	background: -moz-linear-gradient(white, #A8A8A8);
	background: -ms-linear-gradient(white, #A8A8A8); 
	background: -o-linear-gradient(white, #A8A8A8);
	background: linear-gradient(white, #A8A8A8);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: inline-block;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}

.boutonValidation {
	background: -webkit-linear-gradient(white, #A8A8A8);
	background: -moz-linear-gradient(white, #A8A8A8);
	background: -ms-linear-gradient(white, #A8A8A8); 
	background: -o-linear-gradient(white, #A8A8A8);
	background: linear-gradient(white, #A8A8A8);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}
.boutonValidation:hover{
	background: -webkit-linear-gradient(#E8E8E8,white);
	background: -moz-linear-gradient(#E8E8E8,white);
	background: -ms-linear-gradient(#E8E8E8,white);
	background: -o-linear-gradient(#E8E8E8,white);
	background: linear-gradient(#E8E8E8,white);
}
.texteTitre{
	text-shadow: 8px 8px 12px #777;
	color: #fff;
}

.boutonRetour {
	background: -webkit-linear-gradient(white, green);
	background: -moz-linear-gradient(white, green);
	background: -ms-linear-gradient(white, green); 
	background: -o-linear-gradient(white, green);
	background: linear-gradient(white, green);
	width: 200px;
	border:1px solid black;
	padding:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: center;
	box-shadow: 8px 8px 12px #aaa;
}