	body { }
	main { }
	section { padding-left: 5%; padding-right: 5%; padding-bottom: 4%; font-family: liberation sans, freesans, droid sans, dejavu sans; text-align: justify; line-height: 150%; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto }
	h1 { line-height: 150%; text-align: left }
	h2 { font-size: 2em; line-height: 150%; text-align: left }
	h3 { padding-top: 6%; font-size: 1.2em; line-height: 150%; text-align: left }
	h3.note { padding-top: 6%; padding-bottom: 4%; font-size: 0.9em; line-height: 150%; text-align: left; border-bottom: 1px solid black  }
	h4 { padding-top: 4%; font-size: 1.1em; line-height: 150%; font-style: italic; text-align: left }
	h5 {padding-top: 4%; font-size: 1em; line-height: 150%; font-style: italic; text-align: left }
	header { padding-left: 2%; padding-right: 2%; padding-top: 2%; padding-bottom: 2%; font-size: 3em; line-height: 80%; font-family: linux biolinum O, droid serif, freeserif, cursive sans, georgia; font-style: italic; text-align: left; border-bottom: 2px solid black }
	nav { padding-left: 5%; padding-right: 5%; border-top: 2px solid black; border-bottom: 2px solid black; background: rgb(211,211,211); font-family: liberation sans, freesans, droid sans, dejavu sans; font-size: 1.1em; text-align: left; line-height: 100% }
	aside { margin-top: 4%; padding: 1%; font-size: 0.9em; text-align: justify; background: rgba(0,0,139,0.1); border-top: 2px solid black; border-bottom: 2px solid black }
	aside.notes {  padding: 0px; font-size: 0.9em; text-align: justify; background: none; border: none  }
	footer { padding-left: 2%; padding-right: 2%; padding-bottom: 2%; border-top: 2px solid black; font-family: liberation sans, freesans, droid sans, dejavu sans; font-size: 0.8em; line-height: 150%; }
	article { padding: 1%; font-size: 0.9em; text-align: justify; border-top: 2px solid black; border-bottom: 2px solid black; background: rgb(211,211,211)  }
	table { margin-top: 10%; margin-bottom: 10%; width: 100%; text-align: left; font-size: 0.9em; font-style: italic; border: 1px solid gray; line-height: 150% }
	table.bis { margin-top: 10%; margin-bottom: 10%; width: 100%; text-align: left; font-size: 1em; font-style: normal; border: 1px solid gray; line-height: 150% }
	a { font-weight: normal; color: rgb(220,20,60); text-decoration: none; font-style: italic }
	a:hover { color: lightcoral }
	pre { background: rgb(211,211,211) }
	.soustitre { font-size: 40% }
	.soustitre2 { font-size: 60% }
	.menu { color: black; font-family: linux biolinum O, cursive sans, freeserif, georgia; font-variant: small-caps; font-style: normal; font-size: 1.2em; padding-right: 10px }
	.menu:hover { color: lightcoral; text-shadow: 1px 1px 0px black }
	.page { color: lightcoral; font-family: linux biolinum O, cursive sans, freeserif, georgia; font-variant: small-caps; font-style: normal; font-size: 1.2em; padding: 4px; text-shadow: 1px 1px 0px black }
	.titrepage { margin-top: 2%; margin-bottom: 4%; padding-top: 2%; font-family: linux biolinum O, cursive sans, freeserif, georgia; font-weight: normal; font-style: italic; text-align: left }
	.titrarticle { margin-top: 4%; margin-bottom: 4%;  padding-top: 2%; font-family: linux biolinum O, cursive sans, freeserif, georgia; font-weight: normal; font-style: italic; font-size: 1.5em; border-bottom: 1px solid black; text-align: left }	
	.xlien { font-style: italic; color: rgb(178,34,34) }
	.listeliens { color: rgb(76,76,76); text-align: left }
	.capital { font-size: 1.2em; font-weight: bold; font-style: normal }
	.bulle { font-size: 0.9em; font-style: normal }
	.legende { font-style: italic; font-size: 0.8em }
	.caract { font-size:  0.9em; font-style: italic }
	.empat { font-style: italic; font-family: liberation serif, dejavu Serif, droid serif, freeserif, georgia }
	.bord { margin-top: 0% }
	.cadre { margin-top: 2% }
	.ligne { margin-bottom: 2%  }
	.gras { font-weight: bold }
	.fin { font-weight: lighter }
	.italique { font-style: italic } 
	.info { font-weight: normal; font-size: 1em }
	.noir { color: black }
	.rouge { color: rgb(178,34,34) }
	.bleu { color: rgb(0,0,139) }
	.vert { color: rgb(34,139,34) }
	img.tab { width: 100%; max-width: 800px; padding-top: 2%; padding-bottom: 2% }
	.gauche { float: left; margin-top: 0%; margin-bottom: 0%; padding-right: 2%; width: 30%; min-width: 200px }
	.droit { float: right; margin-top: 0%; margin-bottom: 0%; padding-left: 2%; width: 30%; min-width: 200px }
	.centre { width: 60%; margin-top: 5%; margin-bottom: 5%; min-width: 500px; border-radius: 20px; box-shadow: 4px 4px 2px gray }
	.portrait { width: 25%; margin-top: 5%; margin-bottom: 5%; min-width: 300px; max-width: 600px; border-radius: 20px; box-shadow: 4px 4px 2px gray }
	.notes { font-size: 12pt }
	.courriel { color: #800000 }
	blockquote { font-style: italic; margin-right: 0px; text-align: justify } 
	blockquote:hover { color: rgb(178,34,34) }
	.zenith:hover { color: rgb(51,51,51) }
	.ok:hover { background: rgba(0,0,139,0.1); color: black; padding: 5px; border-radius: 10px }
	.paok:hover {background: rgba(139,0,0,0.15); color: black; padding: 5px; border-radius: 10px }
	.hebr { font-family: olbheb, droid sans hebrew, georgia; font-size: 1.1em }
	.grec { font-family: aristarcoj, olbgrk, georgia; font-size: 1.1em }
	.latin { font-style: italic }
	.nouveau { color: red; background: rgba(222,184,135,0.2); font-size: 0.9em; font-style: italic; border: 1px solid orange }
	.liste { text-align: left }
	.maj { font-variant: small-caps }
	q { font-style: italic }
	q:hover { color: rgb(178,34,34)  }
	cite:hover { color: rgb(178,34,34) }
	mark { padding-left: 4px; background: rgba(222,184,135,0.3); padding-right: 4px; border-radius: 6px }
	ul { list-style-type: square; text-align: justify; line-height: 150% }
	ul.rond { list-style-type: circle  }
	ul.rien { list-style-type: none   }
	ol { margin-left: 2%; text-align: justify; line-height: 150% }
	
<!-- Dernière modifications: 
- ajout de soustitre 2 (soustitre étant désormais dévolu au « header »;
- nouvelle classe: {img.tab} pour rendu correct avec toute taille d'écran; 
- classe bord assignée aux titres dans un cadre, afin de les rapprocher du bord haut: <h5 class="bord"> 
- balise <pre> avec arrière-plan gris
-->	

	
	
