table.affiche {
	border : solid 10px black;
	background : black;
}

table.affiche td {
	height : 84px;
	width : 84px;
	background-image : url("Inventory_slot_background.png");
	background-size : cover;
}

table.affiche td img {
	margin : 10px;
	width : 64px;
	height : 64px;
}

img.game {
	width : 128px;
}

#q, #r {
	border : solid 1px black;
	display : inline-block;
	padding : 10px;
	font-size : 2em;
}

body #cook {
	background-color : #F2F0E0;
}

img.off {
	opacity : 0.5;
}

img.on {
	opacity : 1;
}

.tiny {
	height : 24px;
}

.small {
	height : 40px;
}

.smaller {
	max-height : 40px;
	max-width : 40px;
}

.moyen {
	max-height : 48px;
/*	max-width : 48px;*/
}

.grand {
	height : 64px;
}

#recipes {
	cellspacing : 0;
}

/*
#recipes tr:nth-child(even) {
	background-color: #f2f2f2;
}
*/

#recipes tr.rec_0:hover {
	background-color: #edd;
}

#recipes tr.rec_1:hover {
	background-color: #cdc;
}

tr.rec_0 > td.nohide {
	border : solid 1px #7F7F7F;
}

#recipes td {
	border : solid 1px #1D1B0C;
	text-align : center;
	margin : 0;
	padding : 2;
}

#recipes th {
	border : solid 1px black;
	text-align : center;
	margin : 0;
	padding : 2;
	background-color : #E8E4C6;
}

#ingredients th {
	background-color : #E8E4C6;
}

#ingredients td {
	background-color : #F0EEDB;
}

.hidden {
	display : none;
}

tr.rec_0 .tohide {
	opacity : 0.5;
}

td.forbidden > img {
	opacity : 0.75;
}

tr.rec_0 > td > a {
	color : black;
}

tr.rec_1 > td > a {
	color : #004000;
}

tr.rec_1 {
	font-weight : bold;
	color : #004000;
}

div.component {
	display: inline-block;
	position:relative;
}

div.component > img.info {
	 position:absolute;
	 z-index:2;
	 width:20px;
}

.btn_submit {
	width : 40px;
	height : 40px;
	color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.clic {
    cursor: pointer;
}

#btn_hunger {
    background:url(/img/logos/hunger.webp) no-repeat;
	background-size: 40px;
}

#btn_health {
    background:url(/img/logos/health.webp) no-repeat;
	background-size: 40px;
}

#btn_sanity {
    background:url(/img/logos/sanity.webp) no-repeat;
	background-size: 40px;
}

#btn_name {
	width : 64px;
    background:url(/img/logos/page.webp) no-repeat;
	background-size: 64px 40px ;
}

#btn_priority {
    background:url(/img/logos/priority.webp) no-repeat;
	background-size: 40px;
}

#btn_perish {
	width : 50px;
    background:url(/img/logos/perish.webp) no-repeat;
	background-size: 50px 40px;
}