/* Rafraîchissement visuel léger : ombres, coins arrondis, transitions.
   N'affecte pas la structure ni la mise en page existante. */

div#menu {
	border-radius: 6px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

#menu li a {
	border-radius: 4px;
	padding: 2px 6px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

#menu li a:hover {
	background: rgb(192, 3, 0);
	color: #FFFFFF !important;
}

#menu li a:hover:first-letter {
	color: #FFFFFF;
}

div#contenu a {
	transition: color 0.15s ease;
}

h2 {
	border-bottom: 2px solid rgb(192, 3, 0);
	display: inline-block;
	padding-bottom: 2px;
}

img.photo_droite, img.photo_gauche, img.photo_droite_1, img.photo_gauche_1 {
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	transition: transform 0.15s ease;
}

a:hover img.photo_droite, a:hover img.photo_gauche,
a:hover img.photo_droite_1, a:hover img.photo_gauche_1 {
	transform: scale(1.02);
}

div.newsd, div.newsg, div.newsm {
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

div.bulle blockquote {
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

div.commenter input.champ, div.commenter select, div.commenter textarea,
div.contacter input.champ, div.contacter select, div.contacter textarea,
input[type="text"], input[type="email"], textarea {
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	padding: 6px 8px;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

div.commenter input.champ:focus, div.commenter select:focus, div.commenter textarea:focus,
div.contacter input.champ:focus, div.contacter select:focus, div.contacter textarea:focus,
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
	border-color: rgb(192, 3, 0);
	outline: none;
	box-shadow: 0 0 0 2px rgba(192, 3, 0, 0.15);
}

div.commenter input.bouton_soumission, div.contacter input.bouton_soumission {
	background: rgb(192, 3, 0);
	color: #FFFFFF;
	border: none;
	border-radius: 4px;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

div.commenter input.bouton_soumission:hover, div.contacter input.bouton_soumission:hover {
	background: #960200;
}

.menu-toggle-label {
	background: rgb(192, 3, 0) !important;
	color: #FFFFFF !important;
	border: none !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	transition: background-color 0.15s ease;
}

.menu-toggle-label:active {
	background: #960200 !important;
}