*{
	transition:all 0.2s,left 0.8s ease;	
}
h3{
	background-color:rgba(0,0,0,0.6);
	color:white;
}
#closeCours{
	top:5px;
	right:5px;
	position:absolute;
	width:20px;
	height:20px;
	color:lightgrey;
	border-radius:20px;
	border: 1px solid lightgrey;
}
#closeCours:hover{
	color:white;
	border: 1px solid white;
}
.addEleve{
	border:1px solid white;
	text-align:center;
	background-color:darkgrey;
	padding:5px;
}
.ulistEl{
	padding-left:5px;
}
.listEl{
	display:inline-block;
	border:1px solid lightgrey;
	margin:3px;
	padding:3px;
}
.listEl:hover{
    background-color:rgba(200,200,200,0.6);
}
#feditacc{
	position:fixed;
	display:none;
	width:100%;
	text-align:center;
	left:0;
	top:60px;
	background-color:rgba(0,0,0,0.7);
	border-top:1px solid white;
	border-bottom:1px solid white;
	padding:10px;
	line-height:30px;
}
.inScore{
	color:darkgreen;
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid black;
	border-right:1px solid black;
}
#credits{
	display:inline-block;
	border-top:1px solid darkgrey;
	border-left:1px solid darkgrey;
	border-right:1px solid darkgrey;
	background-color:rgba(200,200,200,0.4);
	position:fixed;
	bottom:0;
	text-align:center;
	width:300px;
	margin-left:-150px;
}
body{
	text-align:center;
	background-image:url('doors-1767562.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	background-color:#000;
	padding-top:30px;
	-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 */
}
textarea{
	min-height:100px;
	min-width:150px;
}
.wPage{
	width:100%;
	min-height:300px;
}
h1,p,h2,ul{
	color:white;
	background-color:rgba(0,0,0,0.4);
}
h2:hover{
	background-color:rgba(255,255,255,0.4);
}
ul{
	text-align:left;
	border:1px dashed lightblue;
	padding:3px;
	padding-left:20px;
	margin:5px;
	page-break-inside: avoid;
	break-inside: avoid-column;
}
.panADM{
	min-height:300px;
	text-align:center;
}
.panUL{
	color:white;
}
.inline{
	display:inline-block;
	margin-left:5px;
}
#prompt{
	border:1px solid red;
	color:red;
	display:inline-block;
}
input[type='submit']{
	background-color:rgba(0,0,0,0.4);
	border:1px solid white;
	color:white;
	border-radius:5px;
}
input[type='submit']:hover{
	background-color:rgba(0,0,100,0.6);	
}
input[type='button']{
	background-color:rgba(0,0,0,0.4);
	border:1px solid white;
	color:white;
	border-radius:5px;
}
input[type='button']:hover{
	background-color:rgba(0,0,100,0.6);	
	cursor:pointer;
}
input[type='submit']:hover{
	cursor:pointer;
}
.button_Connect{
	background-color:rgba(0,0,0,0.4);
	border:1px solid white;
	color:white;
	border-radius:5px;
}
.button_Connect:hover{ 
	background-color:rgba(0,0,100,0.6);
}
.response{
	width:90%;
	text-align:center;
}
.panJeu{
	display:block;
	border:2px solid white;
	background-color:rgba(0,0,0,0.6);
	color:white;
}
.panJeu pre{
	display:inline-block;
	border-top:1px solid rgba(200,200,200,0.6);
	border-bottom:1px solid rgba(200,200,200,0.6);
	border-right:1px solid rgba(200,200,200,0.6);
	border-left:10px solid rgba(200,200,200,0.6);
	text-align:left;
	background-color:rgba(200,200,200,0.6);
	padding:5px;
}
fieldset{
	border:1px solid white;
	background-color:rgba(0,0,0,0.6);
	color:white;
	padding-left:10px;
	padding-right:10px;
}
legend{
	border-left:1px solid white;
	border-right:1px solid white;
	background-color:rgba(0,0,0,0.6);
	color:white;
	padding-left:10px;
	padding-right:10px;
	border-radius:50px;
	text-align:center;
}


.panBlock{
	display:inline-table;
	text-align:center;
	min-width:120px;
	min-height:120px;
	line-height:30px;
}
.panBlock fieldset{
	display:table-cell;
}

.itemScore{
	
}
.alert{
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	position:fixed;
	color:white;
	background-color:rgba(0,0,0,0.8);
	border-bottom-left-radius:100px;
	border-bottom-right-radius:100px;
	top:0px;
	left:25%;
	width:50%;
}
.green{
	background-color:rgba(200,255,200,1);
	color:black;
	padding:10px;
	display:inline-block;
}
.jenTable{
	display:table;
	text-align:left;
}
.jenLigne{
	display:table-row;
}
.jenCell{
	display:table-cell;
	text-align:left;
	resize: both;
}
a{
	text-decoration:none;
	color:black;
	font-style:oblique;
	text-shadow:0.5px 0.5px rgba(0,0,0,0.1);
}
a:hover{
	text-shadow:0.5px 0.5px rgba(0,0,0,0.8);
	cursor:pointer;
}
.ablack{
	color:white;
	text-shadow:0.5px 0.5px rgba(0,0,0,0.3);
}
.ablack:hover{
	text-shadow:0.5px 0.5px rgba(0,0,0,0.8);
	cursor:pointer;
}
.ablock{
	display:block;
	color:rgba(200,200,200,0.7);
	font-weight:bold;
	text-shadow:0.5px 0.5px rgba(0,0,0,0.8);
	margin-top:10px;
}
.ablock:hover{
	color:rgba(255,0,0,0.8);
}
.monCompte{
	background-color:rgba(255,255,255,0.7);
	border:1px solid black;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
mlabel{
	width:250px;
	display:inline-block;
}
footer{
	display:block;
	color:rgba(200,200,200,0.7);
	position:fixed;
	text-align:center;
	bottom:0;
	left:0;
	width:100%;
}

#tAssoc{
	display:none;
}
#cAssoc{
	display:none;
}

#panCoursButton:hover{
	background-color:lightgrey;
}
#panCoursButton{
	cursor:pointer;
	height:30px;
	padding:5px;
	text-align:center;
	line-height:30px;
	background-color:grey;
	color:black;
	position:fixed;
	display:inline-block;
	left:0;
}


.panCours{
	background-color:rgba(0,0,0,0.9);
	color:white;
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	min-height:100%;
}
.elCours{
	padding:10px;
}