/* Style CSS pour page oueb  PPS. 
Merci �Manu Beffara*/


html {
	background:  #8888ee;
	color: white;
}

body {
	margin: 3ex 2ex 2ex 5ex;
/*	padding: 1px 3em 2ex 4em;*/
	padding: 1px 1px 1px 1px;
	background: #ddddee;
	color: black;
	text-align: justify;
	font-family: sans-serif;
	/* du a manu beffara: */
	-moz-border-radius: 1.5em 1.5em 1.5em 1.5em;
}

div.main {
/*	margin: 0;
	padding: 0;
*/	margin: 1ex 1ex 1ex 1ex;
	padding: 1px 3em 2ex 4em;
	background: #f1f1f1;
	color: black;
	text-align: justify;
	font-family: sans-serif;
	-moz-border-radius: 1.5em 1.5em 1.5em 1.5em;
}

div.mainfr {
/*	float:left;*/
	width: 47%;
	margin: 1ex 1ex 1ex 1ex;
/*	margin: 1ex 53% 1ex 1ex;
	padding: 1ex 1ex 1ex 1ex;*/
	background: #a1a1a1;
	color: black;
	text-align: justify;
	font-family: sans-serif;
	-moz-border-radius: 1.5em 1.5em 1.5em 1.5em;
}

div.mainen {
/*	margin: 0;
	padding: 0;
*/
	float: right;
	width: 47%;
	margin: 1ex 1ex 1ex 1ex;
	padding: 1ex 1ex 1ex 1ex;
	background: #a1a1a1;
	color: black;
	text-align: justify;
	font-family: sans-serif;
	-moz-border-radius: 1.5em 1.5em 1.5em 1.5em;
}

div.premain {
	margin: 1ex 220px 1ex 1ex;
	padding: 1px 3em 2ex 4em;
	background: #f1f1f1;
	color: black;
	text-align: justify;
	font-family: sans-serif;
	-moz-border-radius: 1.5em 1.5em 1.5em 1.5em;
}

div.intro {
/*	margin: 0;
	padding: 0;
*/
/*	margin: 1ex 1ex 1ex 1ex;
	padding: 1px 3em 2ex 4em;
	*/
	position: absolute;
	top: 4.7ex; right: 3.4ex;/*height: 2.5ex;*/
/*	margin: -65px 10px 1ex 60%;*/
	padding: 4px 1em 4px 1em;
	background: #8888ee;
	color: black;
	text-align: right;
	font-family: sans-serif;
	font-weight:bold;
	font-size:small;	
	-moz-border-radius: 1.5em 1.5em 1.5em 1.5em;
/*	-moz-border-radius: 1.5em 0em 0em 1.5em;*/
/*
	position: absolute;
	top: 0; right: 0; width: 100%; height: 2.5ex;
	padding: 0.3ex;
	text-align: right;
	background-color: #8888ee;
        color: white;
	font-weight:bold
}

*/}

div.navig {
	position: fixed;
	top: 4.7ex; right: 3.4ex; width: 130px;/*height: 2.5ex;*/
	padding: 1px 1em 1px 1em;
	background: #8888ee;
	color: black;
	text-align: right;
	font-family: sans-serif;
	font-weight:bold;
	font-size:small;	
	-moz-border-radius: 1.5em 1.5em 1.5em 1.5em;
}


/* 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: #B50; background: inherit }
a[href]:hover {background:white}
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: #8888ee;
        color: white;
	font-weight:bold
}
div.links span.head {
	display: none;
/*	color: #C60; font-style: italic*/
}

div.links a {
	font-style: normal;
	color: #FCA; background: inherit
}
div.links a:hover {
/*	font-style: italic;*/
	text-decoration:underline;
	color: #ddddee; background: inherit
}

h1 {
/*	margin: 1em 0 1em -1.5em;*/
	margin: 1em 0 1em .5em;
	font-size: x-large;
	font-family: inherit;
        font-weight: bold;
	font-style: italic;
	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: .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: 0;
	padding: 0;
*/
/* Sans photo:
	margin: 1ex 3em 1ex 1ex;
*/
	margin: 1ex 175px 1ex 1ex;
	padding: 1px 1em 1px 4em;
	background: #f1f1f1;
	color: black;
	text-align: justify;
	font-family: sans-serif;
	-moz-border-radius: 1.5em 1.5em 1.5em 1.5em;
}


/*
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: 1em 1em 1ex 1em*/
margin: 2ex 0em 2ex 0em
}

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