/* énergie-crise — revue chaude, papier et terre cuite */

body {
	margin: 0;
	font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
	color: #2b241c;
	background-color: #efe6d8;
	background-image:
		radial-gradient(1200px 480px at 10% -10%, rgba(232, 149, 74, 0.22), transparent 55%),
		radial-gradient(900px 420px at 100% 0%, rgba(46, 122, 122, 0.12), transparent 50%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23c45c26' stroke-width='0.9' opacity='0.22'%3E%3Cpath d='M60 8 L104 34 V86 L60 112 L16 86 V34 Z'/%3E%3Cpath d='M60 38 L82 51 V77 L60 90 L38 77 V51 Z'/%3E%3C/g%3E%3Cg fill='%232e7a7a' opacity='0.16'%3E%3Ccircle cx='16' cy='34' r='2.2'/%3E%3Ccircle cx='104' cy='34' r='2.2'/%3E%3Ccircle cx='16' cy='86' r='2.2'/%3E%3Ccircle cx='104' cy='86' r='2.2'/%3E%3Ccircle cx='60' cy='8' r='2.2'/%3E%3Ccircle cx='60' cy='112' r='2.2'/%3E%3C/g%3E%3Cg fill='%23e8954a' opacity='0.14'%3E%3Ccircle cx='0' cy='60' r='1.4'/%3E%3Ccircle cx='120' cy='60' r='1.4'/%3E%3Ccircle cx='60' cy='60' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat, no-repeat, repeat;
	background-size: auto, auto, 120px 120px;
	background-attachment: scroll, scroll, scroll;
	line-height: 1.55;
}

.page {
	width: 1080px;
	max-width: 94%;
	margin: 1.75em auto 3em;
	padding: 0;
	background: #fffaf3;
	text-align: left;
	border-radius: 18px;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.7) inset,
		0 18px 50px rgba(62, 42, 24, 0.12);
	overflow: hidden;
}

.header.bandeau {
	background:
		linear-gradient(180deg, #fff8ee 0%, #f7efe3 100%);
	color: #2b241c;
	padding: 2.1em 2.2em 1.4em;
	margin: 0;
	border-bottom: 1px solid #eadcc8;
	position: relative;
}

.header.bandeau::after {
	content: "";
	display: block;
	height: 5px;
	margin: 1.35em -2.2em -1.4em;
	background: linear-gradient(90deg, #c45c26 0%, #e8954a 42%, #2e7a7a 100%);
}

.header.bandeau .kicker {
	margin: 0 0 0.55em;
	font-size: 0.78rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #c45c26;
	font-weight: 700;
}

.header.bandeau .spip_logo_site,
.header.bandeau .spip_logo_site a,
.header.bandeau .spip_logo_site a:visited,
.header.bandeau .spip_logo_site a:hover {
	color: #1f1710 !important;
	background: transparent !important;
	text-decoration: none !important;
	font-family: "Source Serif 4", Georgia, serif;
	font-size: 2.45rem;
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.1;
}

.header.bandeau #slogan {
	margin: 0.45em 0 0;
	color: #6b5c4c;
	font-size: 1.12rem;
	font-style: italic;
	font-family: "Source Serif 4", Georgia, serif;
}

.nav {
	background: #fffaf3;
	padding: 0.85em 2em 0.35em;
	margin: 0;
	border-bottom: 1px solid #eadcc8;
}

.nav ul {
	margin: 0;
	padding: 0;
}

.nav li a {
	background: #fff;
	color: #3d3228 !important;
	border: 1px solid #e2d3bf;
	border-radius: 999px;
	padding: 0.42em 0.95em;
	margin: 0 0.35em 0.5em 0;
	font-weight: 600;
	font-size: 0.95rem;
}

.nav li.on a,
.nav li a:focus,
.nav li a:hover,
.nav li a:active {
	background: #c45c26 !important;
	color: #fff !important;
	border-color: #c45c26;
	text-decoration: none !important;
}

.main {
	padding: 1.9em 2.2em 0.5em;
}

.content .chapo {
	font-family: "Source Serif 4", Georgia, serif;
	font-size: 1.2rem;
	color: #5c4e40;
	background: #f6eee2;
	border-left: 4px solid #c45c26;
	padding: 0.9em 1.1em;
	margin: 0 0 1.6em;
	border-radius: 0 12px 12px 0;
}

a, a:visited {
	color: #9a3f12;
}

a:focus,
a:hover,
a:active {
	background: transparent;
	color: #c45c26;
	text-decoration: underline;
}

.menu_articles {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu_articles > h2 {
	font-family: "Source Serif 4", Georgia, serif;
	font-size: 1.35rem;
	margin: 0 0 1em;
	color: #1f1710;
}

.menu_articles li {
	margin: 0 0 1.15em;
	padding: 1.15em 1.2em 1.15em 1.15em;
	border: 0;
	border-left: 4px solid #e8954a;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 22px rgba(62, 42, 24, 0.06);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.menu_articles li:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(62, 42, 24, 0.1);
	border-left-color: #c45c26;
}

.menu_articles li h3,
.menu_articles li h2 {
	font-family: "Source Serif 4", Georgia, serif;
	font-size: 1.38rem;
	line-height: 1.28;
	margin: 0 0 0.28em;
	font-weight: 700;
}

.menu_articles a {
	text-decoration: none;
	color: #1f1710;
}

.menu_articles a:hover {
	text-decoration: none;
	color: #c45c26;
	background: transparent;
}

.menu_articles small {
	display: block;
	color: #8a7663;
	margin-bottom: 0.45em;
	font-style: normal;
	font-size: 0.86rem;
	letter-spacing: 0.01em;
}

.menu_articles .introduction {
	color: #4a4036;
	margin: 0;
}

.aside {
	padding-top: 0.4em;
}

.aside .menu,
.aside .formulaire_recherche {
	background: #f6eee2;
	border-radius: 14px;
	padding: 1em 1.1em 1.15em;
	margin-bottom: 1.2em;
	border: 1px solid #eadcc8;
}

.aside h2 {
	border-bottom: 0;
	font-family: "Source Serif 4", Georgia, serif;
	font-size: 1.12em;
	color: #1f1710;
	margin-top: 0;
}

.aside a:hover {
	background: transparent;
}

.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active {
	background: #c45c26;
	color: #fff;
	border-radius: 8px;
}

.spip-puce {
	color: #c45c26;
}

.footer {
	clear: both;
	margin: 1.2em 0 0;
	padding: 1.25em 2.2em 1.6em;
	border-top: 1px solid #eadcc8;
	background: #f3eadc;
	color: #6b5c4c;
	font-size: 0.92em;
}

.footer a:hover {
	background: transparent;
	color: #c45c26;
}

.cartouche h1 {
	font-family: "Source Serif 4", Georgia, serif;
	color: #1f1710;
	font-size: 2.15rem;
	line-height: 1.18;
}

.surlignable .cartouche {
	border-bottom: 1px solid #eadcc8;
	padding-bottom: 0.8em;
	margin-bottom: 1.2em;
}

.texte {
	font-family: "Source Serif 4", Georgia, serif;
	font-size: 1.08rem;
	line-height: 1.65;
}

.texte h2,
.texte h3 {
	margin-top: 1.5em;
	font-size: 1.22em;
	color: #1f1710;
	font-family: "Source Serif 4", Georgia, serif;
}

.formulaire_recherche input.text,
.formulaire_recherche input.search {
	border: 1px solid #d7c6b0;
	border-radius: 8px 0 0 8px;
	padding: 0.45em 0.6em;
	background: #fff;
}

.formulaire_recherche input.submit {
	background: #c45c26;
	color: #fff;
	border: 1px solid #c45c26;
	border-radius: 0 8px 8px 0;
	padding: 0.45em 0.9em;
	font-weight: 700;
}

.formulaire_recherche input.submit:hover {
	background: #9a3f12;
}

.arbo a:hover,
.arbo a:focus {
	background: #c45c26;
	color: #fff;
}

.spip-admin-boutons,
#spip-admin a.spip-admin-boutons {
	background: #2b241c !important;
	color: #fff !important;
}

@media (max-width: 640px) {
	.page {
		margin: 0;
		max-width: 100%;
		border-radius: 0;
	}
	.header.bandeau,
	.nav,
	.main {
		padding-left: 1.1em;
		padding-right: 1.1em;
	}
	.header.bandeau::after {
		margin-left: -1.1em;
		margin-right: -1.1em;
	}
	.footer {
		padding-left: 1.1em;
		padding-right: 1.1em;
	}
	.header.bandeau .spip_logo_site {
		font-size: 1.85rem;
	}
}