body {
	background-color: #919191;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0; 
	padding: 0;
	behavior: url(css/csshover.htc);
}
* {
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 2em;
	color: #444;
	text-align: center;
	line-height: 1.2em;
	margin: 20px 0;
}
#thumb {
	width: 90%;
	text-align: center;
	margin: auto;
}
#thumb ul {
	list-style-type: none;
}
#thumb li {
	float: left;
	font-size: .7em;
	text-align: center;
	margin: 20px 10px;
	width: 130px;
	height: 130px;
}
#thumb li a{
	color: #FFF;
}
#thumb a:hover{
	color:#222;
	
}
#thumb li a img{
	border: 3px outset #CCC;
	background-color: #ddd;
}
#thumb li.portrait a img{
	padding: 5% 10%;
}
#thumb li.paysage a img{
	padding: 10% 5%;
}
#thumb li a:hover img{
	border: 3px inset #CCC;
}
p a{
	padding: 5px;
	text-align: center;
	line-height: 2em;}
a{
	color: #FFF;
	text-decoration: none;
}
p a:hover{
	background-color: #BBB;
	color: #444;
	border: 3px inset #CCC;
}
#big {
	text-align: center;
	margin: auto;
	color:#444;
	font-weight: bold;
}
#big img {
	border: 5px outset #FFF;
	text-align: center;
}
.clearthefloat {
	clear: both;
}
/* CSS Document */


/* Bandeau d'avertissement mobile */
@media screen and (max-width: 768px) {
	body::before {
		content: "Ce site est conçu pour être consulté sur ordinateur. L'affichage sur mobile peut être altéré.";
		display: block;
		background-color: #d32f2f;
		color: #fff;
		text-align: center;
		padding: 12px 15px;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial, sans-serif;
		line-height: 1.4;
		position: sticky;
		top: 0;
		z-index: 9999;
		box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	}
}