@charset "utf-8";
/* ---------------------------------------------------------------
   Dokument-Vorlagen: Attestation / Fiche
   Jeder Platzhalter steht als <span class="champ">[...]</span>
   und kann hier zentral formatiert werden.
   --------------------------------------------------------------- */

.doc { text-align:left; color:#333; font-size:13.5px; line-height:1.6; max-width:100%; }
.doc p { margin:8px 0; }

/* Kopfzeile des Dokuments */
.doc .entete { text-align:center; margin:10px 0 22px 0; }
.doc .entete .org { font-weight:bold; text-transform:uppercase; font-size:13px; letter-spacing:0.3px; }
.doc .entete .org-name { font-weight:bold; font-size:17px; margin-top:6px; }
.doc .entete .org-addr { font-size:12px; color:#555; margin-top:4px; }

.doc .doc-title {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin:14px 0 22px 0;
	text-decoration:underline;
}

.doc h3 { text-align:left; font-size:14.5px; font-weight:bold; padding:16px 0 8px 0; margin:0; }

/* --- Platzhalter / Felder (frei formatierbar) --- */
.champ {
	background:#fff3a3;
	border-bottom:1px dotted #b8860b;
	border-radius:3px;
	padding:1px 5px;
	font-weight:600;
	color:#7a4f00;
	white-space:nowrap;
}

/* --- Checkboxen in der Fiche --- */
.checkbox {
	display:inline-block;
	width:12px;
	height:12px;
	border:1px solid #555;
	margin-right:6px;
	vertical-align:middle;
	background:#fff;
}

.doc .fields p { margin:7px 0; }

/* --- Tabelle der Fiche --- */
.doc table { border-collapse:collapse; width:100%; margin:10px 0; }
.doc th, .doc td { border:1px solid #999; padding:8px 9px; vertical-align:top; font-size:12.5px; }
.doc th { background:#eee; font-weight:bold; text-align:left; }
.doc td ul { margin:0; padding:0; list-style:none; }
.doc td ul li { margin:5px 0; }

.doc .signature { height:80px; border-bottom:1px solid #999; margin:8px 0 24px 0; }

.doc .doc-footer { text-align:center; font-size:11px; color:#666; margin-top:26px; }

/* --- Listen mit Auswahlfeldern (Demande d'adhésion) --- */
.doc ul.choix { margin:6px 0 10px 22px; padding:0; list-style:none; }
.doc ul.choix li { margin:5px 0; }
.doc input.cb {
	width:14px;
	height:14px;
	margin:0 7px 0 0;
	vertical-align:middle;
	cursor:pointer;
	accent-color:#7a4f00;
}

.doc .soussigne { text-align:center; font-style:italic; font-size:12px; color:#555; margin:2px 0 8px 0; }
.doc .note { font-size:11.5px; color:#666; font-style:italic; }

/* --- Seitenumbruch für den PDF-Export --- */
.page-break { page-break-before:always; }

/* --- Werkzeugleiste (wird nicht gedruckt) --- */
.doc-toolbar { text-align:right; margin:6px 10px; }
.doc-toolbar button {
	font-size:12px;
	padding:6px 12px;
	cursor:pointer;
	border:1px solid #b22222;
	background:#b22222;
	color:#fff;
	border-radius:4px;
}
.doc-toolbar button:hover { background:#8f1b1b; }

/* --- Druck / PDF-Export --- */
@media print {
	body { background:#fff !important; }
	#header, #menu, #sidebar1, .footer_cont, .doc-toolbar { display:none !important; }
	.wrapper #container {
		width:100% !important;
		background:#fff !important;
		margin:0 !important;
		padding:0 !important;
	}
	.wrapper .main_cont1 {
		background:none !important;
		padding:0 !important;
		margin:0 !important;
	}
	.wrapper #mainContent {
		margin:0 !important;
		padding:0 !important;
	}
	.champ {
		-webkit-print-color-adjust:exact;
		print-color-adjust:exact;
		background:#fff3a3 !important;
	}
	.doc th {
		-webkit-print-color-adjust:exact;
		print-color-adjust:exact;
		background:#eee !important;
	}
	.checkbox {
		-webkit-print-color-adjust:exact;
		print-color-adjust:exact;
		background:#fff !important;
	}
	.doc a { color:#000; text-decoration:none; }
	.doc table { table-layout:auto; }
	.doc td, .doc th { word-wrap:break-word; overflow-wrap:break-word; }
	.doc { padding:14mm 16mm 8mm 16mm !important; }
	@page { size:A4; margin:0; }
}