a {outline: none !important;}
body {background: url(fond_geometice.jpg) center center fixed #D5D7D6 no-repeat; background-size:cover; border-top: 0;}
table td {text-align:center}

.cacher_montrer {margin:0 auto 1em auto;	text-align:center;}
.header {margin-top:10px}
.header h1 {font-size:3em; color:#FFF;}
.header img {float:right; cursor:pointer; margin-right:1em;}
#ladescription h3 {color:#616161; margin-top:0;}
.mot_faux {cursor:pointer;}
#lareponse img {height:200px;}

.case {margin-bottom:1em 1em 0 1em;}
.case img {
	cursor:pointer;
	margin:0 0 0.5em;
}
.petite .case img {cursor:not-allowed}

.petite img {
	filter: brightness(50%);
	-webkit-filter: brightness(50%);
	-moz-filter: brightness(50%);
	-o-filter: brightness(50%);
	-ms-filter: brightness(50%);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}

.initial {
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.survol_on {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	box-shadow: 3px 3px 5px 0px #A0B8B8;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#A0B8B8, Direction=135, Strength=5);
}

.survol_autre {
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.cadre_images {
	background-color: #FFF;
	padding-top:1em;
	margin:0 0 20px 0;
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

#cadre_description {
	font-weight:bold;
	background-color:#F3F7F8;
	padding:1em;
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	border: 1px solid #bbbbbb;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	min-height:9em;
}

.faux_image {
	margin-right:1em;
	position: absolute;
	top:0;
	left:0;
	width: 200px;
	height: 200px;
	z-index:1	
}
.faux_croix {
	margin-right:1em;
	position: absolute;
	top:0;
	left:0;
	width: 200px;
	height: 200px;
	z-index:2	
}

.choix {
	background:#EAF0F2;
	margin-bottom:1em;
	padding:0.5em 1em;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	cursor:pointer;
	box-shadow:2px 2px 2px gray;
	-moz-box-shadow:2px 2px 2px gray;
	-webkit-box-shadow:2px 2px 2px gray;
	border: -1px -1px 2px white;
	min-height:32px;
}
.choix:hover {
	box-shadow:2px 2px 2px gray inset;
	-moz-box-shadow:2px 2px 2px gray inset;
	-webkit-box-shadow:2px 2px 2px gray inset;
	border: -1px -1px 2px white;
}
.entree h4 {text-align:center; font-weight:bold;}

.entree img {
	padding:1em;
	filter: brightness(90%);
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
	-o-filter: brightness(90%);
	-ms-filter: brightness(90%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.entree img:hover {
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.liste_juste {background-color:#9BFF9B;}
.liste_faux {background-color:red; color:#FFF;}

.image_avec_numero {
	width:140px;
	margin:5px;
	position:relative;
	float:left;
}
.image_numero {
	width:40px;
	height:40px;
	background:black;
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	right:0;
	bottom:0;
}
.image_avec_numero_tableau {
	width:100px;
	margin:0px;
	position:relative;
}
.image_numero_tableau {
	width:26px;
	height:26px;
	background:black;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	right:0;
	bottom:0;
}
table.description td {text-align:left}
.fond2 {background-color:#EAF0F2}
select.leslistes {padding:0.1em;}
table.tablomodale td {font-size:90%;}

.bt_scale_2  {cursor:pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.bt_scale_2:hover {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);}

@media print {
.no_imprim {display:none}
}