/* Style CSS pour mes pages web à PPS. */

/* Le corps du texte est en noir sur fond blanc un peu cassé (le blanc, pas le
 * fond). On met une barre bleue à gauche pour faire joli, en donnant une
 * couleur à l'élément html et une à body. */

html {	background: #004 }
body {
	margin: 0 0 0 5%;
	padding: 1em 15% 1em 6%;
	background: white; /*#FFE;*/
	text-align: justify;
	font-family: Georgia, serif
}

/* Un peu d'espace entre paragraphes successifs. */

p {	margin: 1ex 0 }

/* Les liens sont tous en bleu, pas soulignés. */

a {
	text-decoration: none;
	color: #00F;
}

/* La barre de liens en haut de page est alignée à droite, en blanc sur bleu
 * foncé, du même bleu que celui qui apparaît à gauche. Les liens sont en bleu
 * clair. On ruse sur les marges pour cette barre fasse toute la largeur du
 * corps et pas seulement la largeur du texte. */

div.links {
	position: absolute;
	top: 0; right: 0; width: 100%;
	padding: 0.3ex;
	text-align: right;
	background: #004;
	color: white
}

div.links span.head { display: none }

div.links a {
	font-style: normal;
	color: #CCF
}

/* Le titre de page est écrit en gros, sans gras, aligné à gauche, calme,
 * sobre, élégant, raffiné. */

h1 {
	margin: 1em -4%;
	font: x-large normal;
	font-family: inherit;
	color: #008
}

/* Pour les titres de section, on écrit en bleu foncé sur un fond bleu clair,
 * et on ne prend que la moitié de la largeur de la page, parce que ça rend
 * pas mal. */

h2 {
	margin: 2em 50% 1em -3%;
	padding: 0.5ex 1ex;
	font: large normal;
	font-family: inherit;
	background: #EEF;
	color: #00A
}

h2 a {  color: #00A }

/* Par homogénéité, on met aussi les sous-sections en bleu, mais en italique
 * et un peu indenté. */

h3 {
	margin: 2ex 75% 1ex -2%;
	font: medium normal;
	font-style: italic;
	font-family: inherit;
	color: #008
}

/* Dans le CV, on fait des desciptions chronologiques à base de tableaux dans
 * lesquels le titre de ligne sert de date, et on l'aligne à droite. */

table.descr th {
	text-align: right;
	vertical-align: top;
	padding: 0 0.5em 0 0
}

dt {
	margin: 0.5ex 0 0 0;
	font-weight: bold
}

/* La partie biblio du CV est une liste, on adapte les espacements pour la
 * rendre plus lisible. */

ul {
	margin: 1ex 0 1ex 1em;
	padding: 0 0 0 1em
}
li {	margin: 1ex 0 }

/* Dans la bibliographie, on écrit les résumés en petit et justifié */

blockquote {
	margin: 0 0 2ex 2ex;
	padding: 0;
	font-size: small;
	text-align: justify
}

hr {
	margin: 0 0 0 -9%;
	border: solid 0;
	background: #004
}

/* L'adresse est écrite simplement en retrait. */

div.address {
	margin: 0 2em
}

table.address { margin: 0 2em }
table.address td { padding-right: 2em }

/* Sur la première page, ma photo est insérée à droite du texte. */

img.right {
        float: right;
        margin: 0 0 1ex 1em
}

/* Une petite phrase discrète en apparté en bas de la page... */

div.apparte {
        margin: 3ex -15% 0 0;
        font-size: x-small;
        text-align: right;
        font-style: italic
}

div.apparte em { font-style: normal }