body {
	background: #fff7f2 !important;
	background-image: none !important;
	color: #1c1917 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

a:link, a:visited { color: #c2410c; }
a:hover { color: #9a3412; }

#punwrap, #puntal_main {
	margin: 0 auto !important;
	padding: 12px 12px 36px !important;
	max-width: 1100px !important;
	width: auto !important;
	float: none !important;
	background: transparent !important;
}

/* Bandeau : le logo Alice, modernise */
div#header,
#brdtitle:has(h1) {
	display: block !important;
	position: static !important;
	height: auto !important;
	min-height: 78px !important;
	margin: 0 !important;
	padding: 86px 16px 12px !important;
	background-color: #fff !important;
	background-image: url("/forum/img/Alice/ban_alice.png"), linear-gradient(#f97316, #f97316), linear-gradient(#fdba74, #fdba74) !important;
	background-repeat: no-repeat, no-repeat, no-repeat !important;
	background-size: 200px auto, 100% 3px, 62% 2px !important;
	background-position: 16px 16px, left bottom, left bottom 7px !important;
	border-radius: 18px 18px 0 0 !important;
	box-shadow: none !important;
}

div#header h1, div#header h1 a, div#header a,
#brdtitle h1, #brdtitle h1 span {
	position: static !important;
	left: auto !important;
	top: auto !important;
	display: block !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #9a3412 !important;
	font-size: 1.05rem !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	background: none !important;
}

#brdtitle p, #brdtitle p span {
	display: block !important;
	margin: 4px 0 0 !important;
	color: #78716c !important;
	font-size: 0.92rem !important;
	line-height: 1.4 !important;
	background: none !important;
}

#prelude { display: none !important; }

#brdheader, div#brdheader { margin: 0 0 16px !important; }

#brdheader > .box, #brdheader .box {
	display: block !important;
	height: auto !important;
	overflow: hidden !important;
	background: #fff !important;
	border: 0 !important;
	border-radius: 18px !important;
	box-shadow: 0 14px 36px rgba(234, 88, 12, 0.12) !important;
	padding: 0 0 8px !important;
}

/* Menu : une ligne de liens, pas des gros boutons */
#brdmenu {
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 8px 14px 0 !important;
	background: transparent !important;
	overflow: visible !important;
}

#brdmenu ul {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 4px 16px !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#brdmenu li {
	display: inline !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

#brdmenu a,
#brdmenu a:link,
#brdmenu a:visited,
#brdmenu a:hover,
#brdmenu a:active {
	display: inline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 6px 0 !important;
	background: none !important;
	background-image: none !important;
	color: #ea580c !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	white-space: nowrap !important;
}

#brdmenu a:hover { color: #9a3412 !important; }

#brdwelcome, #brdwelcome p {
	display: block !important;
	clear: both !important;
	margin: 0 !important;
	padding: 0 14px 8px !important;
	background: transparent !important;
	color: #a8a29e !important;
	font-size: 0.85rem !important;
}

#adsense, a.twitter-timeline, img[src*="degrouptest"] { display: none !important; }

/* Trois colonnes a partir d'une tablette large, news au centre */
#puntal_sidebar, #puntal_droite, #puntal_content {
	position: static !important;
	float: none !important;
	width: auto !important;
	top: auto !important;
	left: auto !important;
	margin: 0 0 12px !important;
}

#puntal_content .block,
#puntal_sidebar .block,
#puntal_droite .block,
#edito {
	background: #fff !important;
	border: 0 !important;
	border-top: 3px solid #f97316 !important;
	border-radius: 16px !important;
	padding: 14px 16px 12px !important;
	margin: 0 0 14px !important;
	box-shadow: 0 10px 26px rgba(28, 25, 23, 0.05) !important;
}

#puntal_content .box, #puntal_content .inbox,
#puntal_sidebar .box, #puntal_sidebar .inbox,
#puntal_droite .box, #puntal_droite .inbox,
#box_edito {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	border: 0 !important;
	padding: 0 !important;
	color: #1c1917 !important;
}

#puntal_sidebar h2, #puntal_droite h2, #edito h2, #puntal_content h2.news {
	background: transparent !important;
	background-image: none !important;
	color: #1c1917 !important;
	height: auto !important;
	margin: 0 0 8px !important;
	padding: 0 0 8px !important;
	border: 0 !important;
	border-bottom: 1px solid #ffedd5 !important;
	border-radius: 0 !important;
	font-size: 1.02rem !important;
	line-height: 1.35 !important;
}

#puntal_sidebar h2 span, #puntal_droite h2 span, #edito h2 span,
#puntal_content h2.news span,
#puntal_content h2.news a,
#puntal_content h2.news a:link,
#puntal_content h2.news a:visited {
	background: none !important;
	color: #1c1917 !important;
	font-size: 1.12rem !important;
	font-weight: 750 !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}

#puntal_content p.infos, #puntal_content .infos {
	color: #78716c !important;
	font-size: 0.92rem !important;
	line-height: 1.45 !important;
}

#edito h1 {
	color: #c2410c !important;
	font-size: 1.4rem !important;
	margin: 0 0 8px !important;
}

input[type="text"], input[type="password"], textarea, select {
	background: #fff !important;
	border: 1px solid #fed7aa !important;
	border-radius: 10px !important;
	color: #1c1917 !important;
	padding: 8px 10px !important;
}

input[type="submit"], .submit, button {
	background: #f97316 !important;
	background-image: none !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 8px 16px !important;
	font-weight: 700 !important;
}

.pun h2, #punindex div.blocktable h2 {
	background: #f97316 !important;
	background-image: none !important;
	color: #fff !important;
	height: auto !important;
	border-radius: 14px 14px 0 0 !important;
	padding: 9px 14px !important;
}

.pun h2 span, .pun h2 a, .pun h2 a:link, .pun h2 a:visited,
#punindex div.blocktable h2 span,
#idx1 h2 span, #idx2 h2 span, #idx3 h2 span, #idx4 h2 span, #idx5 h2 span {
	background: none !important;
	background-image: none !important;
	color: #fff !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pun .box, #announce.block {
	background: #fff !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 22px rgba(28, 25, 23, 0.05) !important;
	color: #1c1917 !important;
}

DIV.icon, DIV.inew, TR.iredirect DIV.icon, TR.isticky DIV.icon, TR.imoved DIV.icon {
	background: #f97316 !important;
	background-image: none !important;
	border-radius: 6px !important;
}

@media (min-width: 720px) {
	div#header, #brdtitle {
		min-height: 72px !important;
		padding: 18px 18px 14px 240px !important;
		background-position: 18px center, left bottom, left bottom 8px !important;
		background-size: 210px auto, 100% 3px, 55% 2px !important;
	}
}

@media (min-width: 960px) {
	#puntal_main {
		display: grid !important;
		grid-template-columns: 230px minmax(0, 1fr) 230px !important;
		gap: 16px !important;
		align-items: start !important;
	}
	#puntal_droite { grid-column: 1 !important; grid-row: 1 !important; }
	#puntal_content { grid-column: 2 !important; grid-row: 1 !important; }
	#puntal_sidebar { grid-column: 3 !important; grid-row: 1 !important; }
}
