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

/* Le corps du texte est en noir sur fond blanc. On met une barre de couleur à
* gauche pour faire joli, en donnant une couleur à l'élément html et une à
* body. */

html {
	background: #420;
	color: white
}

body {
	margin: 3ex 0 2ex 5ex;
	padding: 1px 10em 2ex 4em;
	background: white; /*#FFE;*/
	color: black;
	text-align: justify;
	font-family: sans-serif;
	/* c'est totalement non-standard mais c'est choli */
	-moz-border-radius: 1.5em 0 0 1.5em;
}

div.main {
	margin: 0;
	padding: 0;
}

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

p {	margin: 1ex 0 }
p.note {
	text-align: right;
	font-style: italic;
	font-size: small
}

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

a {
	text-decoration: none;
	color: inherit; background: inherit
}

a[href] { color: #B50; background: inherit }
a:visited { color: #B40; background: inherit }
a[href]:hover { text-decoration: underline }
a.pub { font-style: italic }

a[hreflang="en"] { background: url(en.png) center left no-repeat }
a[hreflang="fr"] { background: url(fr.png) center left no-repeat }
a[hreflang] { padding-left: 22px }


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

div.links {
/*	margin: 1em -20.2% 0 -8.1%;*/
	position: absolute;
	top: 0; right: 0; width: 100%; height: 2.5ex;
	padding: 0.3ex;
	text-align: right;
	background-color: #420;
    color: white
}
div.links span.head {
	display: none;
/*	color: #C60; font-style: italic*/
}

div.links a {
	font-style: normal;
	color: #FCA; background: inherit
}

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

h1 {
	margin: 1em 0 1em -1.5em;
	font-size: x-large;
	font-family: inherit;
    font-weight: bold;
	color: #048; background: inherit
}

/* Pour les titres de section, on écrit en bleu foncé, et on ne prend qu'une
* partie de la largeur de la page, parce que ça rend pas mal. */

h2 {
	margin: 1.5em 20% 0.5em -3%;
	padding: 0 0;
	font-size: large;
	font-family: inherit;
    font-weight: bold;
	color: #036; background: inherit
}

h2 a {  color: inherit; background: inherit }

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

h3 {
	margin: 2ex 50% 1ex -2%;
	font-size: medium;
	font-weight: normal;
	font-style: italic;
	font-family: inherit;
	color: #048; background: inherit
}

h3 a {	color: inherit; background: inherit }

/* 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
}

dd { margin: 0 0 0 2em }

/* 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é */

div.publi {
	margin: 1em 0;
}

div.publi a.title {
	font-weight: bold;
	color: black; background: inherit
}

pre { margin: 1ex 0 1ex 4em }
pre.bibtex { font-size: x-small }

div.publi blockquote {
	margin: 1ex 0 1ex 2em;
	/*margin: 0 0 2ex 2ex;*/
	padding: 0;
	font-size: small;
	text-align: justify
}

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

/* 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 -10em 0 0;
	font-size: x-small;
	text-align: right;
	font-style: italic
}

div.apparte em { font-style: normal }

/* Un concept général d'exemple au milieu du texte. */

div.example {
	padding-left: 10%
}

/* La signature en fin de page. */

address {
	margin: 2ex 0 0 0;
	text-align: right;
	font-size: x-small;
}

/* Petites capitales. */

span.sc { font-variant: small-caps; }

div.slp {
	text-align: center;
	font-size: x-large;
	font-weight: bold
}