body {
	font-family:arial;
	font-size:medium;
	margin:1em;
}

p {
	clear:both;
	text-align:justify;
	text-indent:4em;
}
p.intro:first-letter { font-size: 3em; }
.intro {
	font-style:italic;
}

h1 {
	font-size:large;
	font-weight:bold;
}

h2 {
	display:inline;
	font-size:medium;
	font-weight:bold;
}

li {
	list-style-type:none;
}

/* links */

a.tdme:link { text-decoration:none; }
a.tdme:hover { color:#ff0000; }
a.tdme {
	display:block;
	text-indent:1em;
	font-size:x-small;
	font-weight:bold;
	text-align:left;color:#101090;
}

a.tdms:link { text-decoration:none; }
a.tdms:hover { color:#ff0000; }
a.tdms {
	font-size:x-small;
	font-weight:bold;
	text-align:left;color:#101090;
}

a.navig:link { text-decoration:none; }
a.navig:visited { text-decoration:none; }
a.navig:hover { color:#ff0000; }
a.navig {
	color:#101090;
	display:block;
	text-indent:1em;
	font-size:small;
	font-weight:bold;
	text-align:right;
}

a.ref:link { text-decoration:none; }
a.ref:visited { text-decoration:none; }
a.ref:hover { color:#ff0000; }
a.ref {
	color:#101090;
	display:block;
	float:right;
	text-indent:1em;
	font-size:small;
	text-align:right;
}

span.ref {
	display:block;
	float:right;
	text-indent:1em;
	font-size:small;
	text-align:right;
}

a.inli:link { text-decoration:none; }
a.inli:visited { text-decoration:none; }
a.inli:hover { color:#ff0000; }
a.inli {
	color:#101090;
	display:inline;
}

.touch:hover { background:#CCF;}
.touch {border:0; text-align:center;}

/* Header part */
.pheader {
	text-align:center;
	border-bottom:1px solid gray;
}
.super {
	font-style:italic;
}
.lev2 {
	margin-top:2em;
	margin-left:5em;
	font-size:14px;
	font-weight:bold;
	background-color:#f0f0f0;
	border-bottom:1px solid gray;
}

div.pbody  {}

/* Timeline */
div.tdm {
}
div.tl {
	max-height:20px;
}
span.tlcapt
{
	display: table-cell;
	font-size:10px;
	min-width:80px;
	text-align:center;
	vertical-align: middle;
}
span.tldat {
	display:table-cell;
	font-size:small;
	font-weight:bold;
	min-width:10em;
	text-align:right;
	vertical-align: middle;
}
span.tlicon {
	display:table-cell;
}
span.tlcomm {
	display:table-cell;
	font-size:x-small;
	vertical-align:middle;
}

/* Remainnig of page-level elements */
div.note {
	max-width:75%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-style:italic;
	margin-top:1em;
	padding:1em;
	background-color:#f0f0f0;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
}

img.photo, div.photo {
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div.photo {
	margin-top:1em;
	margin-bottom:2em;
}

p.intro {}

div.separ {
	text-align:center;
	clear:both;
}
.separh {
	margin-top:1em;
	text-align:center;
	clear:both;
}
.separb {
	margin-bottom:1em;
	text-align:center;
	clear:both;
}

div.pfooter {
	max-width:80%;
	text-align:center;
	font-size:small;
	font-style:italic;
	margin-left:auto;
	margin-right:auto;
}

/* Specific */

span.date, span.def  {
	font-weight:bold;
}

span.quote {
	font-style:italic;
}

div.citation {
	max-width:40%;
	text-align:right;
	font-style:italic;
	margin-left:auto;
}

div.cit_cap {
	max-width:40%;
	text-align:right;
	margin-left:auto;
}

.work {
	margin-left:0em;
	margin-bottom:2em;
}

/*  */

img.illust {
	display:inline;
	margin-right:1em;
	margin-bottom:0;
	vertical-align:text-bottom;
	float:left;
}

div.illust {
	margin-top:2em;
	text-align:justify;
	text-indent:0;
}

.comm {
	margin-left:1em;
	padding-left:1em;
	font-size:small;
	border-left:1px solid gray;
	border-left-style: dotted;
}

.dig {
	margin-left:1em;
	padding-left:1em;
	font-size:small;
}

.tech {	
}

/* Comp */

.comp {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
.compt {
	font-size:12px;
	font-weight:bold;
}
.keyb {
	display:inline;
	font-size:12px;
	border-left:1px solid gray;
	border-left-style: dotted;
	float:left;
	margin:1em;
	padding:1em;
}
.keybt {
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid gray;
	border-bottom-style: dotted;
}
.stop {
	font-size:12px;
	text-indent:1em;
	text-align:left;
	font-weight:bold;
	clear:both;
}
.taille {
	font-size:12px;
	text-indent:1em;
	text-align:center;
	clear:both;
}

.sdata {
	font-size:11px;
	text-align:left;
	margin-left:3em;
	clear:both;
}

table.cmix {
	margin-left:auto;
	clear:both;
}
.cmix {
	text-align:center;
}
.cmixq {
	background-color:#CFC;
}
.cmixt {
	background-color:#FCC;
}


.tdata {
	font-size:12px;
	text-indent:1em;
	text-align:left;
	margin-top:1em;
	clear:both;
}

.plaque {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	clear:both;
}

.nbp {
	font-size:11px;
}

p.etape {
	font-style:italic;
	text-decoration: underline;
}



.col {
	float:left;
	text-align:center;
}

.celn {
	font-size:11px;
	height:2em;
	margin:1px;
}

.celI {
	font-size:11px;
	padding-right:1em;
	height:4em;
	background-color: #fdd;
	margin:2px;
}

.celII {
	font-size:11px;
	padding-right:1em;
	height:4em;
	background-color: #dfd;
	margin:2px;
}

.celIII {
	font-size:11px;
	padding-right:1em;
	height:4em;
	background-color: #ddf;
	margin:2px;
}

.celP {
	font-size:11px;
	padding-right:1em;
	height:4em;
	background-color: #ddd;
	margin:2px;
}

.celS {
	font-size:11px;
	padding-right:1em;
	height:4em;
	margin:2px;
}

td.vert {
	/* Mozilla */
	-moz-transform: rotate(-90deg);
    /*Safari*/
    -webkit-transform: rotate(-90deg);
    /*Opera*/
    -o-transform: rotate(-90deg);
    /*IE*/
    writing-mode: tb-rl;
	width:1em;
	max-width:1em;
	min-width:1em;
}

td.compx {
	text-align:center;
	border: 1px solid black;
	padding: 0;
	width:1em;
	max-width:1em;
	min-width:1em;
}

td.comps {
}

table.resume {
	margin-top: 1em;
	border-collapse: collapse;
}

td.resume {
	text-align:center;
	border: 1px solid black;
	font-size:12px;
}