#listWrapper{display:inline-block; margin:0.5em; background-color:#fff; border:solid #4080ff 2px; padding:2px; }
#mainTxtArea{font-size:130%; border:solid #4080ff 2px; }
.prevWrapper{display:none; background-color:#aef; border: solid 2px #fff; margin:2px; }
.moreInfo{display:none;}
.oldBrInfoImg{height:40%;}

#moreWlayer{position:absolute; width:90%; height:90%; left:5%; top:5%; background-color:#8df; border:ridge 2px; overflow:scroll; }
#waitingLayer2, #oldBrWlayer, #errBrWlayer{position:relative; margin-top:10%; margin-left:auto; margin-right:auto; width:50%; padding:3em; background-color:#ffffff; border:solid 2px; }
#oldBrWlayer, #errBrWlayer{height:50%; overflow:scroll;}
@media only screen and (max-device-width:512px) {
	#oldBrWlayer, #errBrWlayer{height:80%;}
	#waitingLayer2, #oldBrWlayer, #errBrWlayer{padding:1em; width:80%;}
}
.darkLayer {
	position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.5;
}

.thbox {
	display:inline-block; margin:24px 0px; background-color:#6cf; width:40%;
}
.thumbnail {
	cursor:pointer; width:100%;
}
.consigne {
	display:inline-block; font-family:arial; font-size:80%; width:248px; height:64px; background-color:#eea; overflow:hidden; margin-top:8px;
}
img{display:inline-block;}
#moreImg {border-radius:1em;}
#msg-container{width:70%; margin-left:auto; margin-right:auto;}

@media only screen and (max-device-width:1024px), screen and (max-width:1024px) {
	#moreImg {width:80%;}
	#msg-container{width:98%;}
}

@font-face {
  font-family: "Marelle Baton 2 Regular";
  src: url("MarelleBaton2-Regular.ttf");
}
.marelleB2demo {
	font-family: "Marelle Baton 2 Regular"; padding : 0.2em; font-size: 120%; background-color: #fff; border-radius:1em;
}