@import url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css");
body {background-color:#BEFBA2; font-family:Arial, sans-serif;min-width:900px;}
.laby_table {display:table; margin:auto; border-collapse:collapse; background-color:#008000;}
.laby_row {display:table-row;}
.laby_cell {display:table-cell; border:solid 1px #008000; width:75px; height:75px; text-align:center; vertical-align:middle; font-size:8pt; font-family:Arial; color:#FFF; text-shadow: 1px 1px #000;}
.laby_cell:hover {cursor:pointer;}
.chemin {background-color:#CCC;}

.sprite {
    background-image: url(spritesheet.png);
    background-repeat: no-repeat;
   /* display: block;*/
}

.fin {
    width: 75px;
    height: 75px;
    background-position: -5px -5px;
}

.b {
    width: 75px;
    height: 75px;
    background-position: -90px -5px;
}

.bd {
    width: 75px;
    height: 75px;
    background-position: -175px -5px;
}

.bg {
    width: 75px;
    height: 75px;
    background-position: -260px -5px;
}

.d {
    width: 75px;
    height: 75px;
    background-position: -345px -5px;
}

.decor00 {
    width: 75px;
    height: 75px;
    background-position: -5px -90px;
}

.decor01 {
    width: 75px;
    height: 75px;
    background-position: -90px -90px;
}

.decor02 {
    width: 75px;
    height: 75px;
    background-position: -175px -90px;
}

.decor03 {
    width: 75px;
    height: 75px;
    background-position: -260px -90px;
}

.decor04 {
    width: 75px;
    height: 75px;
    background-position: -345px -90px;
}

.decor05 {
    width: 75px;
    height: 75px;
    background-position: -5px -175px;
}

.decor06 {
    width: 75px;
    height: 75px;
    background-position: -90px -175px;
}

.decor07 {
    width: 75px;
    height: 75px;
    background-position: -175px -175px;
}

.decor08 {
    width: 75px;
    height: 75px;
    background-position: -260px -175px;
}

.decor09 {
    width: 75px;
    height: 75px;
    background-position: -345px -175px;
}

.debut {
    width: 75px;
    height: 75px;
    background-position: -5px -260px;
}

.g {
    width: 75px;
    height: 75px;
    background-position: -90px -260px;
}

.gd {
    width: 75px;
    height: 75px;
    background-position: -175px -260px;
}

.h {
    width: 75px;
    height: 75px;
    background-position: -260px -260px;
}

.hb {
    width: 75px;
    height: 75px;
    background-position: -345px -260px;
}

.hd {
    width: 75px;
    height: 75px;
    background-position: -5px -345px;
}

.herbe {
    width: 75px;
    height: 75px;
    background-position: -90px -345px;
}

.hg {
    width: 75px;
    height: 75px;
    background-position: -175px -345px;
}

.interdit {
    width: 75px;
    height: 75px;
    background-position: -260px -345px;
}

.interdit_rouge {
    width: 75px;
    height: 75px;
    background-position: -345px -345px;
}

.point {
    width: 75px;
    height: 75px;
    background-position: -430px -5px;
}.hm {    width: 75px;    height: 75px;    background-position: -430px -90px;}
.bm {    width: 75px;    height: 75px;    background-position: -430px -175px;}.dm {    width: 75px;    height: 75px;    background-position: -430px -260px;}.gm {    width: 75px;    height: 75px;    background-position: -430px -345px;}
#test_table td {border:solid 1px #000; width:50px; height:50px; text-align:center;}
.bord {background:#CC0000;}
#navigation
{
	width:100%;
	height:72px;	
	text-align:center;
	color:#FFF;
	margin:0px;		background: rgba(247, 190, 129, 0.8);	position:fixed;	top:0;	left:0;
}

#nav-liste
{
	list-style-type:none;
}

.nav-item
{
	background-image: url(laby_sprites.png);    background-repeat: no-repeat;    margin:0px 30px;
	display:inline-block;	
	/*background: url(icones_laby.png) no-repeat top left;*/
}
.nav-item:hover
{
	cursor:pointer;	
}
.options {    width: 48px;    height: 48px;    background-position: -5px -5px;}.options:hover {    width: 48px;    height: 48px;    background-position: -5px -121px;}.pdf {    width: 48px;    height: 48px;    background-position: -63px -5px;}.pdf:hover {    width: 48px;    height: 48px;    background-position: -63px -121px;}.accueil {    width: 48px;    height: 48px;    background-position: -5px -63px;}.accueil:hover {    width: 48px;    height: 48px;    background-position: -5px -179px;}.nouveau {    width: 48px;    height: 48px;    background-position: -63px -63px;}.nouveau:hover {    width: 48px;    height: 48px;    background-position: -63px -179px;}.recommencer {    width: 48px;    height: 48px;    background-position: -121px -5px;}.recommencer:hover {    width: 48px;    height: 48px;    background-position: -121px -121px;}.infos {    width: 48px;    height: 48px;    background-position: -121px -63px;}.infos:hover {    width: 48px;    height: 48px;    background-position: -121px -179px;}

h1, h2 {text-align:center; color:#008000;}
#divLaby {margin:20px;}
button {font-family:Arial; font-size:14pt; background-color:#EBD49E; border:solid 1px #D0BB9E; padding:10px; border-radius:10px;}
button:hover {background-color:#D0BB9E; border:solid 2px #EBD49E;}

@media (max-width: 1200px) {
	#titre {display:none;}	
}