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  {
		
		
		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,#enoncei,#enoncej,#enoncek {
		max-width: 1000px;
		min-width: 1000px;
		margin-left: 260px;
		padding: 10px;
        background-color:black;
		text-align: justify;
		color:white;
		font-size:22px;
    }		

	
#question7{
		cursor: pointer;
		position:relative;
		font-size:20px;
		font-family: Times New Roman;		
		text-align:justify;
		width:220px;
		z-index :11;
    }	
#question8{
		cursor: pointer;
		position:relative;
		background-color:black;
		font-size:20px;
		font-family: Times New Roman;		
		text-align:justify;
		width:220px;
		z-index :11;
    }	
#question9{
		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,#formulaire71,#formulaire72,#formulaire8,#formulaire9{
position: relative;
	visibility:hidden;
	z-index :2;
}	
#Image1,#Image2,#Image3,#Image4,#Image5,#Image6,#Image71,#Image72,#Image73{
	position: relative;
	visibility:visible;
	z-index :1;
}


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

#Valider1,#Valider2,#Valider3,#Valider4,#Valider5,#Valider6,#Valider7,#Valider8,#Valider9,#Valider10,#precedent1,#precedent2,#precedent3,#precedent4,#precedent5,#precedent6,#precedent7,#precedent8,#precedent9,#precedent10{
	cursor: pointer;
	position: relative;
	visibility:visible;
	z-index :1;
	outline:none;
}
#Zonesaisie1,#Zonesaisie,#Zonesaisie2,#Zonesaisie3,#Zonesaisie4,#Zonesaisie5,#Zonesaisie6,#Zonesaisie7,#Zonesaisie8,#Zonesaisie9,{
	position: fixed;
	z-index :-10;
}

#panier{
	background-image:url("../ImagesBTS/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;
	
}

#etiquette5,#etiquette6 {
	
		margin-left: 50px;
        background-color:black;
		text-align: center;
		color:white;
		font-size:22px;
		z-index:10;
    }
#repo5a,#repo5b,#repo5c,#repo6a,#repo6b,#repo6c {
        background-color: black;
		color: white;
		font-weight: regular;
		text-align: right;
		border: 0px solid black;
		width:40px;
		height:25px;
		margin-left: 0px;
		font-size:24px;
		font-family: Times New Roman;
		
    }	
		
#tablo1,#tablo2,#tablo2a,#tablo2b,#tablo3,#tablo4,#tablo5,#tablo6,#tablo7,#tablo8,#tablo9,#tablo10,#tablo11{
	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;
    }	
#saisie1,#saisie,#saisie2, #saisie3,#saisie4,#saisie5,#saisie6,#saisie7,#saisie8,#saisie9,{
        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;		
}	
	
	
#myCanvas {
	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;
}

#flex {
  display: flex;
  display: -webkit-flex;
}
#equa,#nume,#deno,#trait {
    padding: 0px;
    min-width: 0px;
    height:20px;
    line-height:20px;
    outline:none;
    
}	

#equa, #nume, #deno {	
white-space:nowrap;
z-index :0;	
}	
	
/* 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; 

}