#galerie {
	display: block;
}

body {
	background: #1D1F21;
	color: #cccccc; /* Texte de la même couleur que les liens inactifs */
}

/* Styles des liens */
a, a:link, a:visited {
	color: #cccccc; /* Gris clair pour les liens normaux et visités */
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

a:focus, a:hover, a:active {
	color: #ffffff; /* Blanc au survol, au focus et à l'activation */
}

li {
	list-style-image: none;
}

hr {
	/* Réinitialisation des styles par défaut */
	border: none;
	height: 1px; /* Rend la ligne très fine */
	margin: 1em 0; /* Ajoute de l'espace vertical */
	/* Application de la couleur souhaitée */
	background-color: #cccccc; /* Ligne du même gris que le texte et les liens inactifs */
}

/* Optimisations pour les terminaux mobiles */
@media (max-width: 640px) {
	* {
		box-sizing: border-box;
	}
	
	body {
		width: auto;
		margin: 0;
		padding: 0 15px;
	}
	
	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	img {
		height: auto;
	}
	
	li,
	a,
	p {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	
	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	
	code,
	pre,
	samp {
		white-space: pre-wrap;
	}
	
	ul {
		padding-left: 0;
		margin: 0;
		list-style-type: none;
	}
	
	li {
		margin-bottom: 1.2em;
		line-height: 1.4;
	}
	
	hr {
		margin: 1.5em 0;
	}
}