html {
	height:100%;
	width:100%;
	margin:auto;
	background-color:black;
	
}
body {
	position:absolute;
	margin:auto;
	min-height: 100%;
	min-width: 100%;
overflow: auto;
-moz-user-select: none; /* Firefox */
 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
 user-select: none; /* Propriété standard */
}

#wrapper{
	max-width: 1300px;
	min-width: 1300px;
	max-height:720px;
	min-height:720px;
	margin:0 auto;
	overflow:hidden;
}
     

header nav{
	background-color:transparent;
    border:1px solid transparent;
    border-width:1px 0;
    list-style:none;
    margin: 0;
    padding:0px;
	margin-top:26px;
	line-height:1.5;
    text-align:center;
	max-width: 100%;
	width: 100%;
	-moz-user-select: none; /* Firefox */
 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
 user-select: none; /* Propriété standard */
}
header nav li{
margin-top:20px;
    display:inline-block;
	
}
header nav a{
	-webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ user-drag: none; -webkit-user-drag: none;     
    display:inline-block;
    padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	
}
header nav a:hover {
		color: yellow;
		font-style:bold;
    }
.active {
    background-color: #4CAF50;
	width:100px;
}

  
 #accueilmob{display:none;}  
#slide-text{margin-left: 30px;}    
  
body article aside {
     position:absolute;
	  max-width:300px;
	  min-width:300px;
		top:-24.5px;
		min-height: 700px;
		height:100%;
		margin-left: -20px;
		padding: 0;
        background-color:black;
        float: left;
        padding: 0px;
		text-align: center;
		Line-Height: 2.5;
		z-index :4;
    }
	body article aside nav a {
		-webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ user-drag: none; -webkit-user-drag: none;
        display: block;
		padding: 10px;
		text-decoration:none;
		font-size:20px;
    }
 
    body article aside nav a:hover {
		color: red;
		font-style:bold;
		
    }
body article section  {
		
		margin-top: 50px;
		float:left;
		padding: 0;
        background-color:black;
		text-align: justify;
		color:white;
		font-size:18px;
		min-height: 700px;
		height:100%;
		min-width: 1000px;
		width: 90%;
    }

#titre  {
	
		margin-left: 300px;
		padding: 0px;
        background-color:black;
		text-align: center;
		color:white;
		font-size:22px;
    }
	


	
body footer {
		position:fixed;
        float:left;
		text-align: center;
        height:40px;
        background-color:black;
		margin:0;
		padding:0;
  		bottom:-50px;
		min-width: 1000px;
		width: 100%;
		
        } 
		
#bar {
		border-radius:3px;
		padding: 1px;
		background-color:#000;border:solid 3px white;border-style:inset;
		color:#0aa;
		
    }		
	
#enoncea,#enonceb,#enoncec,#enonced,#enoncee,#enoncef,#enonceg,#enonceh {
		max-width: 1000px;
		min-width: 1000px;
		margin-left: 260px;
		padding: 10px;
        background-color:black;
		text-align: justify;
		color:white;
		font-size:22px;
    }		

	
#question11,#question12,#question13,#question14,#question15,#question16{
		cursor: pointer;
		position:relative;
		background-color:transparent;
		font-size:20px;
		font-family: Times New Roman;		
		text-align:justify;
		width:220px;
		z-index :11;
    }	
#question27,#question28,#question29{
		cursor: pointer;
		position:relative;
		font-size:20px;
		font-family: Times New Roman;		
		text-align:justify;
		width:250px;
		z-index :11;
    }	

#cible {
	position: relative;
	visibility:hidden;
	z-index :1;
	width:50px;
	left:0px;
	top:0px;
}

#formulaire1,#formulaire2,#formulaire3,#formulaire4,#formulaire5,#formulaire6,#formulaire7{
position: relative;
	visibility:hidden;
	z-index :2;
}	
#Image1,#Image2,#Image3,#Image4,#Image5,#Image6,#Image7{
	position: relative;
	visibility:visible;
	z-index :1;
}


#Info1,#Info2,#Info3,#Info4,#Info5,#Info6,#Info7{
	cursor: pointer;
	position: relative;
	visibility:visible;
	z-index :10;
}

#Valider1,#Valider2,#Valider3,#Valider4,#Valider5,#Valider6,#Valider7,#precedent1,#precedent2,#precedent3,#precedent4,#precedent5,#precedent6,#precedent7{
	cursor: pointer;
	position: relative;
	visibility:visible;
	z-index :1;
	outline:none;
}
#Zonesaisie{
	position: fixed;
	z-index :-10;
}

#panier{
	background-image:url("Images/panier2.png");
	position: relative;
	visibility:visible;
	z-index :0;
	top:70px;
	left:705px;
	min-width:95px;
	max-width:95px;
	min-height:120px;
	max-height:120px;
	background-color:transparent;
	overflow: hidden;
	
}
#ballon  {
	position:absolute;
  z-index: 3;
-moz-user-select: none; /* Firefox */
 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
 user-select: none; /* Propriété standard */
}
#etiquette5,#etiquette6 {
	
		margin-left: 50px;
        background-color:black;
		text-align: center;
		color:white;
		font-size:22px;
		z-index:10;
    }
h2 p {
    font-size:18px;
	margin-left:80px;
	margin-top:5px;
	color:yellow;
	height:10px;
}
label {
    font: 1rem 'Fira Sans', Times New Roman;
	margin-left:10px;
	
}

#case1,#case2,#case3,#case4,#case5,#case6,#case7,#case8,#case9,#case10,#case11,#case12{
	margin-left:110px;
	
}

#tablo1,#tablo2,#tablo3,#tablo4,#tablo5,#tablo6,#tablo7,#tablo8{
	position: relative;
	font-family:Times New Roman;
	border: 4px solid blue;
	border-collapse: collapse;
	z-index :3;		
}
td {
	cursor: pointer;
	border: 4px solid blue;
	height:40px;
	width:110px;
	color: white;
		font-weight: bold;
		text-align: center;
		font-size:18px; 
	font-style:bold;
	
}

thead,tfoot {
    background-color: black;
    color: white;
	
}
.champ {
        background-color: black;
		color: white;
		font-weight: bold;
		text-align: center;
		border: 0px solid black;
		width:100px;
    }	
#saisie {
        background-color: transparent;
		font-weight: bold;
		text-align: center;
		border: 0px solid black;
		width:100px;
		
    }

input.autoresize {
  width: 0px;
  min-width: 0px;
  max-width: 400px;
}
input[type='text'] {
   padding: 0px 0px;
    background-color: transparent;
		font-weight: bold;
		text-align: center;
		border: 0px solid black;
  font-size:22px;
		font-family: Times New Roman;
outline:none;		
}	
	
	
#myCanvas1, #myCanvas2 {
	background:transparent;
	position : relative;
	top:-400px;
	left:69px;
		width: 500px;
		height: 300px;
	z-index :0;
}
#monCanvas {
	background:transparent;
	position : relative;
	top:-400px;
	left:-431px;
		width: 500px;
		height: 300px;
	z-index :1;
}
#mesCanvas {
	background:transparent;
	position : relative;
	top:-400px;
	left:-831px;
		width: 500px;
		height: 300px;
	z-index :2;
}

	
	
/* Info-bulle */ 
.infobulle { 
  text-decoration:none; 
  position:relative; 
} 
.infobulle span { 
  display:none;
  -moz-border-radius:6px; 
  -webkit-border-radius:6px; 
  border-radius:6px; 
  color:black; 
  background-color: #eff1f3; 
  font-size:14px; 
  font-style:bold; 
} 
.infobulle span img { 
  float:left; 
  margin:0px 4px 4px 0; 
} 
.infobulle:hover span 
{ 
  display:block;
  position:absolute; 
  top:-17px;
  right:140px;
  z-index:1000; 
  width:110px; 
  /* max-width:200px; */ 
  min-height:20px; 
  border:1px solid black; 
  
  overflow:hidden; 
  padding:8px; 

}