@charset "utf-8";

/*

    ## #####  ##     ##
    ## ##  ## #### ####
    ## #####  ## ### ## --- CSS Document
##  ## ##  ## ##  #  ##
  ##   #####  ##     ##     JB Simon MARTINEZ © 2022 - jb.martinez.free.fr
 

							--> conception Mobile First : du Mobile vert les grands écrans
*/

body {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	background-color: #FFFFFF; color: #000000; margin: 0px;
	background-image: url(../img/sous-les-bambous.png);
	background-repeat: no-repeat;
	background-position:left top;
	background-size: auto;
}
img { vertical-align: bottom; }

#arp {
	position: fixed; z-index: 0;
	left: 0px; top: 0px;
	background-image:url(../img/personnage.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto 50%;
	width: 100%; height: 105%;
}
#pub { position: relative; z-index: 4; text-align: center; width: 100%; margin-top: 640px; color: #AEAEAE; font-size: 12px; }
#titre { position: relative; z-index: 2; float: left; width: 100%; text-align: center; }
#jeux { position: relative; z-index: 2; float: left; width: 100%; text-align: center; margin-top: 2%; }
#valider { position: absolute; z-index: 5; margin-top: -320px; margin-left: -150px; width: 300px; height: 300px; display: none; }
#bouton { position: relative; z-index: 2; float: left; width: 100%; text-align: center; }

.bt_nouv { background-image: url(../img/nouv1.jpg); background-repeat: no-repeat; background-position: bottom; }

.bd0 { border: #000000 2px solid; background-color:#FFFFFF; }
.bd1 { border-right: #000000 1px dashed; border-bottom: #000000 1px dashed; }
.bd2 { border-bottom: #000000 1px dashed; }
.bd3 { border-left: #000000 1px dashed; border-bottom: #000000 1px dashed; }
.bd4 { border-right: #000000 1px dashed; }
.bd5 { border-left: #000000 1px dashed; }
.bd6 { border-top: #000000 1px dashed; border-right: #000000 1px dashed; }
.bd7 { border-top: #000000 1px dashed; }
.bd8 { border-left: #000000 1px dashed; border-top: #000000 1px dashed; }
.bd11 { border-right: #000000 2px solid; border-bottom: #000000 2px solid; }
.bd12 { border-bottom: #000000 2px solid; }
.bd13 { border-left: #000000 2px solid; border-bottom: #000000 2px solid; }
.bd14 { border-right: #000000 2px solid; }
.bd15 { border-left: #000000 2px solid; }
.bd16 { border-top: #000000 2px solid; border-right: #000000 2px solid; }
.bd17 { border-top: #000000 2px solid; }
.bd18 { border-left: #000000 2px solid; border-top: #000000 2px solid; }

.case { position: relative; z-index: 2; width: 40px; height: 40px; }
.select { width: 40px; height: 40px; }
.slt { position: absolute; z-index: 3; margin-top: -40px; width: 40px; height: 40px; display: none; }
.site { text-decoration: none; color: #AEAEAE; font-size: 12px; }