/*** mes-styles.css - Mise en forme de la page ***/

@font-face {
	font-family: "Candara";
	src:
	  local("Candara"),
	  url("Candara.ttf") format("truetype");
  }
  
body {

	margin: 1em;
	padding: 0 2px;
	font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 110%;

	text-align: left;
	color: black;
	background-color: #FFFFFF;
}

p, td, th, ul, ol {
	font-size: 100%;
}

a {
	color: #b71e8e;
	text-decoration-style: dotted;
}

a:hover {
	color: #8d0f99;
	text-decoration-style: wavy;
	text-decoration-color: #d66eba;

}

ul, ol {
	line-height: 140%;
}

h1 {
	font-weight: bold;
	font-size: 180%;
	color: #bb1e48;
}

h2 {
	font-weight: bold;
	font-size: 150%;
	color: #22aa54;
}

h3 {
	font-size: 110%;
	color: #bb1e48;
	margin-left: 14px;
}

h4 {
	font-size: 100%;
	margin-left: 14px;
}

code {
	font-family: "Courier New", Courier, FreeMono, monospace;
	font-size: 110%;
	background: #dddddd;
}

section p, td, th {
	padding-left: 1em;
	max-width: 900px;
}

section ul, ol, li {
	max-width: 800px;
}

ul li, ol li {
	margin-left: 24px;
    margin-bottom: 5px;
}

p#notes {
	border-bottom: 1px dotted black;
	padding-bottom: 1em;
}

footer p, p#footer {
	border-top: 1px dotted #8E5F02;
	padding-top: 1em;
	font-size: 80%;
	color: #4c911e;
}

#filariane {
	font-size: 80%;
	color: #FF0000;
}

#filariane a {
	color: #ee3333;
}

.plusgros {
	font-size: 130%;
}

.pluspetit {
	font-size: 80%;
}

.debug {
	font-size: 80%;
	color: #ccc;
}

.retrait20 {
	margin-left: 20px;
}

table td.large, table th.large {
	padding: 4px;
	/* Pas de retrait autour du texte = "0". */
	border: 1px solid #ddd;
	/* Pas de bordure = "none". */
	/* vertical-align: top;  Valeur par défaut: "middle" */
}

hr {
	color: #bb1e48;
	background-color: #bb1e48;
	border: none;
	height: 1px;
	max-width: 800px;
	margin-top: 24px;
	margin-left: 0;
}

hr.pluspetit {
	color: #b34461;
	background-color: #b34461;
	width: 50%;
}

.cadre {
	border: 2px solid #b34461;
	border-radius: 14px 6px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px 4px;
}
.surligné {
	background-color: #daf5da;

	padding: 8px 4px;
}

.sesame {
	background-color: #FFF193;
}

.noUnderline {
	text-decoration: none;
}