﻿mémo, entête, auteur, cc, corps, date, destinataires, para, sujet {
  display: block;
}

mémo {
	padding: 2em;
	border: thick salmon solid;
}

mémo::before {
	content: "Mémo interne de l’EBSI";
	margin-bottom: 1em;
	margin-left: 2em;
	display: block;
	font-family: script, cursive;
	text-decoration: underline;
	text-decoration-style: double;
	font-size: x-large;
	color: orange;
}

mémo[pj]::after {
	content: "→ Pièce jointe: " open-quote "\A0" attr(pj) "\A0" close-quote " ←";
	font-family: sans-serif;
	padding-top: 2em;
	margin-left: 2em;
	display: block;
}

mémo[statut]::after {
	content: "→ Statut : " attr(statut) " ←";
	font-family: sans-serif;
	padding-top: 2em;
	margin-left: 2em;
	display: block;
}

mémo[statut][pj]::after {
	content: "→ Statut : " attr(statut) " ←\a"
		"→ Pièce jointe : " open-quote "\A0" attr(pj) "\A0" close-quote " ←";
	font-family: sans-serif;
	padding-top: 2em;
	margin-left: 2em;
	display: block;
	white-space: pre;
}

auteur {color:red; background-color:#ccffff;}

auteur::before {
  content: "De : ";
  font-weight: bold;
  font-style: normal;
}

nom {
  display: block;
  font-style: italic;
  color: purple;
}

nom::before {
  content: "et à : ";
  font-weight: bold;
  font-style: normal;
}

nom:first-child::before {
  content: "À : ";
  font-weight: bold;
  font-style: normal;
}

cc > nom:first-child::before {
  content: "Copie à : ";
  font-weight: bold;
  font-style: normal;
}

nom[courriel]::after, auteur[courriel]::after {
  content: " [" attr(courriel) "] ";
  font-family: monospace;
  font-style: normal;
}

sujet::before {
  content: "Sujet : ";
  font-weight: bold;
  font-style: normal;
  color: magenta;
}

sujet {
  color: green;
}

date::before {
  content: "Date : ";
  font-weight: bold;
  font-style: normal;
}

date {
  color: gold;
  background-color: black;
}

para {
  margin-top: 1em;
}

emph {
  font-style: italic;
}

emph emph {
  font-style: italic;
  font-weight: bold;
}
