/* ==========================================================================
   Feuille de style commune aux pages légales autonomes
   (mentions_legales.htm, terms.htm, privacy.htm)
   Ces pages s'ouvrent dans un nouvel onglet, hors du gabarit du site :
   elles embarquent donc leur propre mise en page.
   ========================================================================== */

*{box-sizing:border-box;}
body{
	margin:0;
	padding:0 16px 60px;
	background:#f2ede4;
	color:#222;
	font:15px/1.65 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.legal-wrap{max-width:820px;margin:0 auto;}

header.legal-head{
	padding:26px 0 18px;
	border-bottom:solid #c9c4b8 2px;
	margin-bottom:26px;
}
header.legal-head .legal-logo{
	font-size:26px;font-weight:800;letter-spacing:1px;color:#022601;
	text-decoration:none;
}
header.legal-head h1{
	margin:10px 0 4px;
	font-size:23px;line-height:1.25;color:#022601;
}
header.legal-head .legal-date{font-size:13px;color:#6b7280;}

nav.legal-nav{margin:14px 0 0;font-size:13px;}
nav.legal-nav a{
	display:inline-block;margin-right:14px;
	color:#23592B;text-decoration:none;border-bottom:solid transparent 1px;
}
nav.legal-nav a:hover{border-bottom-color:#23592B;}
nav.legal-nav a.current{font-weight:bold;border-bottom-color:#23592B;}

h2{
	margin:34px 0 12px;padding-bottom:6px;
	font-size:18px;color:#022601;
	border-bottom:solid #d8d2c6 1px;
}
h3{margin:22px 0 8px;font-size:15px;color:#1a3d1a;}
p{margin:0 0 12px;}
ul,ol{margin:0 0 12px;padding-left:22px;}
li{margin-bottom:5px;}
a{color:#23592B;}

table.legal-table{
	width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px;
	background:#fff;
}
table.legal-table th,table.legal-table td{
	border:solid #d8d2c6 1px;padding:7px 9px;text-align:left;vertical-align:top;
}
table.legal-table th{background:#e8efe6;color:#022601;}

/* Bloc à compléter par l'éditeur — volontairement très visible. */
.todo{
	background:#fff3cd;border:solid #e0a800 2px;border-radius:5px;
	padding:12px 14px;margin:0 0 16px;
}
.todo strong{color:#8a6100;}

/* Encadré d'information / avertissement */
.note{
	background:#fff;border-left:solid #23592B 4px;
	padding:10px 14px;margin:0 0 16px;
}
.warn{
	background:#f8d7da;border-left:solid #a94442 4px;
	padding:10px 14px;margin:0 0 16px;
}

/* Séparateur entre la version française et la version anglaise */
.lang-sep{
	margin:46px 0 0;padding:14px 0 0;
	border-top:solid #c9c4b8 2px;
}
.lang-tag{
	display:inline-block;padding:2px 10px;border-radius:10px;
	background:#022601;color:#fff;font-size:12px;letter-spacing:0.5px;
}

footer.legal-foot{
	margin-top:44px;padding-top:14px;
	border-top:solid #d8d2c6 1px;
	font-size:12px;color:#6b7280;
}

@media (max-width:600px){
	body{font-size:14px;}
	header.legal-head h1{font-size:19px;}
}