.retour-en-haut {
	display: none;
	width: 60px;
	height: 60px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url("fleche-vers-le-haut.png") no-repeat center 43%;
	border-radius: 30px;
    opacity: 0.6;
}

.retour-en-haut:hover {
    opacity: 1;
	cursor: pointer;
}

body {
	font-family: verdana, tahoma;
	font-size: 12px;
	padding: 10px;
	background-color: #E0E0F8;
	background-image: url("/images/fond.jpg");
	background-attachment: fixed;
	text-align: justify;
}

.titre  {
	text-align: center;
	font-size: 24px;
}

.centre {
	text-align: center;
}

.selectionne {
	border-radius: 4px;
	background-color: #99b;
}

img {
	box-shadow: 6px 6px 10px 2px rgba(32, 32, 32, 0.75); /* effet d'ombre à droite et en bas */
	max-width: 100%; /* Faire tenir les images dans la largeur de l'écran */
	margin: 10px; /* Espacer les images entre elles (verticalement et horizontalement) */
}

.imageSansEffet {
	box-shadow: none;
}

.imageLangue:focus, .imageLangue:hover, .imageLangueChoisie:focus, .imageLangueChoisie:hover  {
	opacity: 1;
}

.imageLangueChoisie  {
	opacity: 0.9;
}

.imageLangue  {
	opacity: 0.5;
}

.contenuPage {
	margin-top: 70px;
}

.imageMobile {
	height: 600px;
}

.imageMobilePaysage {
	max-width: 600px;
	height: auto;
}

.imageBrute {
	box-shadow: none; /* pas d'effet d'ombre à droite et en bas */
	margin: 0px; /* Pas d'espace autour des images */
}

.blink {
    animation: blinker 2s linear infinite;
    background-color: #F44;
    font-family: sans-serif;
	padding: 4px;
	border-radius: 10px;
}

@keyframes blinker {
    50% { opacity: 50%; }
}

.fondGris {
	background-color: #ccc
}

.dark .fondGris {
	background-color: #444
}