.legende{
	display:inline-block;
	padding:5px;
	border:1px solid darkblue;
	margin:5px;
	margin-right:0px;
}
.legendeONLY{
	display:inline-block;
	padding:5px;
	border:1px solid darkblue;
	margin:5px;
}
.legendeok{
	display:inline-block;
	padding:5px;
	border:1px solid darkblue;
	background-color:ligthorange;
	border-left:0px;
	margin:5px;
	margin-left:0px;
}
.legendeok:hover{
	display:inline-block;
	padding:5px;
	border:1px solid darkblue;
	background-color:green;
	border-left:0px;
	margin:5px;
	margin-left:0px;
}
.legendeISok{
	display:inline-block;
	padding:5px;
	border:1px solid darkblue;
	background-color:lightgreen;
	border-left:0px;
	margin:5px;
	margin-left:0px;
}
.listPlateau{
	display:none;
}
body{
	text-align:center;
	margin:0;
	padding:0;
	padding-top:80px;
	background-color:#fff;
}
.noaffiche{
	display:none;
}
.labCon{
	display:table-row; 
}
label{
	display:table-cell;
	padding:5px;
}
.form{
	display:inline-table;
	text-align:center;
}
.Panel{
	border-top:1px solid darkblue;
	border-radius:40px;
	margin:10px;
	display:inline-block;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:20px;
}
#codExpl{
	display:none;
}
#code{
	border:0px;
}
#affExplButton{
	position:relative;
	float:right;
}
.zoneLeft{
	text-align:left;
}
#panDoCode{
	border-left:1px solid darkblue;
	border-right:1px solid darkblue;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:30px;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	opacity:0;
	position:fixed;
	top:-1000px;
	transition:all 1s;
	z-index:1;
}
textarea{
	resize: both;
	width:100%;
}
.listPartie{
	padding:0;
	margin:0;
	display:inline-block;
	z-index:8;
	width:100%;
	text-align:center;
}
.listPartietable{
	padding:0;
	margin:0;
	display:inline-block;
	border:1px solid darkblue;
	background-color:lightblue;
	z-index:8;
	text-align:center;
}
#histomasquer{
	display:none;
}
.itemPartietr{
	border-bottom:1px solid darkblue;
}
.itemPartie{
	padding:10px;
	display:inline-flex;
	margin:5px;
	border:1px solid darkblue;
	background-color:lightblue;
	border-radius:30px;
}
.itemPartienoMine{
	padding:10px;
	display:inline-flex;
	margin:5px;
	border:1px solid darkgrey;
	background-color:lightgrey;
	border-radius:30px;
}
.alerte{
	display:inline-block;
	position:fixed;
	top:47px;
	width:50%;
	left:25%;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-bottom:1px solid darkblue;
	border-left:1px solid darkblue;
	border-right:1px solid darkblue;
	background-color:darkblue;
	color:lightblue;
	transition:all 1s;
}
.joueurslist{
	padding-left:20px;
	text-align:left;
}
.seeButton{
	position:relative;
	top:0;
}
.cellgame{
	width:30px;
	height:30px;
	margin-bottom:1px;
	margin-right:1px;
	line-height:30px;
	border:1px solid lightblue;
	display:inline-block;
}
.cellgame:hover{
	border:1px solid orange;
}
.isS{
	-webkit-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,1);
}
.noS{
	border:1px solid darkblue;
}
.Zero{
	color:white;
}
.numH{
	height:15px;
	line-height:15px;
	border:1px solid #eee;
	color:#aaa;
	display:none;
}
.numV{
	width:15px;
	border:1px solid #eee;
	color:#aaa;
	display:none;
}
.numHV{
	height:15px;
	line-height:15px;
	width:15px;
	border:1px solid #eee;
	display:none;
}
.panSeeParty{
	margin-bottom:20px;
}
#affNumBase{
	display:inline;
}
input[type="submit"]{
	border-radius:100%;
	padding:10px;
	border:1px solid darkblue;
	transition:all 1s;
}
input[type="submit"]:hover{
	background-color:lightblue;
	border:1px solid black;
}
input[type="button"]{
	border-radius:100%;
	padding:10px;
	border:1px solid darkblue;
	transition:all 1s;
}
input[type="button"]:hover{
	background-color:lightblue;
	border:1px solid black;
}
.joueurlistColor{
	padding:0;
	margin:0;
}

@media screen and (min-width: 820px) {
h1{
	position:fixed;
	top:0;
	width:100%;
	margin:0;
	padding:5px;
	text-align:center;
	background-color:white;
	color:darkblue;
	border-bottom:1px solid darkblue;
	z-index:10;
	transition:all 1s;
}
#identifier{
	display:inline-block;
	position:fixed;
	border-bottom:3px solid darkblue;
	border-left:3px solid darkblue;
	border-bottom-left-radius:30px;
	background-color:lightblue;
	right:0;
	top:0;
	padding-left:30px;
	z-index:20;
	height:60px;
}
#identifier h4,#identifier h5,#identifier input,#identifier a{
	margin-right:30px;
}
#identifier h4,#identifier h5{
	display:inline-block;
}
#navigator{
	display:inline-block;
	position:fixed;
	border-bottom:3px solid darkblue;
	border-right:3px solid darkblue;
	border-bottom-right-radius:30px;
	background-color:lightblue;
	left:0;
	top:0;
	padding-right:30px;
	z-index:20;
	height:60px;
}
#navigator h4,#navigator h5,#navigator input{
	margin-left:30px;
	margin-top:11px;
}
#retour{
	display:inline-block;
}
#retour2{
	display:none;
}
}
@media screen and (min-width: 630px) and (max-width: 820px) {
h1{
	position:fixed;
	top:0;
	width:100%;
	margin:0;
	padding:5px;
	padding-right:15px;
	right:0;
	text-align:center;
	background-color:white;
	color:darkblue;
	font-size:0.8em;
	border-bottom:1px solid darkblue;
	z-index:10;
	transition:all 1s;
}
#identifier{
	display:inline-block;
	position:fixed;
	border-bottom:3px solid darkblue;
	border-left:3px solid darkblue;
	border-bottom-left-radius:30px;
	background-color:lightblue;
	right:0;
	top:0;
	padding-left:30px;
	z-index:20;
	height:60px;
}
#identifier h4,#identifier h5,#identifier input{
	margin-right:30px;
}
#identifier h4,#identifier h5{
	display:inline-block;
}
#navigator{
	display:inline-block;
	position:fixed;
	border-bottom:3px solid darkblue;
	border-right:3px solid darkblue;
	border-bottom-right-radius:30px;
	background-color:lightblue;
	left:0;
	top:0;
	padding-right:30px;
	z-index:20;
	height:60px;
}
#navigator h4,#navigator h5,#navigator input{
	margin-left:30px;
	margin-top:11px;
}
#retour{
	display:inline-block;
}
#retour2{
	display:none;
}
}
@media screen and (max-width: 630px) {
h1{
	position:fixed;
	top:0;
	width:100%;
	margin:0;
	padding:5px;
	padding-right:15px;
	right:0;
	text-align:center;
	background-color:white;
	color:white;
	font-size:0.6em;
	border-bottom:1px solid white;
	z-index:10;
	transition:all 1s;
}
#identifier{
	display:inline-block;
	position:fixed;
	border-bottom:3px solid darkblue;
	border-left:3px solid darkblue;
	border-bottom-left-radius:30px;
	right:0;
	
	top:0;
	padding-left:30px;
	z-index:20;
	width:100%;
	text-align:right;
	height:60px;
}
#identifier h4,#identifier h5,#identifier input{
	margin-right:30px;
}
#identifier h4,#identifier h5{
	display:inline-block;
}
#navigator{
	display:inline-block;
	position:fixed;
	border-bottom:3px solid darkblue;
	border-right:3px solid darkblue;
	border-bottom-right-radius:30px;
	background-color:lightblue;
	width:100%;
	text-align:left;
	left:0;
	top:0;
	padding-right:30px;
	z-index:20;
	height:60px;
}
#navigator h4,#navigator h5,#navigator input{
	margin-left:30px;
	margin-top:11px;
}
#retour{
	display:none;
}
#retour2{
	display:inline-block;
}
}