Index: Portal/configurations/demo/css/TXM WEB.css
===================================================================
--- Portal/configurations/demo/css/TXM WEB.css	(revision 14)
+++ Portal/configurations/demo/css/TXM WEB.css	(revision 15)
@@ -60,11 +60,11 @@
 font-size:140%;
 }
 
-a {
+a {
 text-decoration:none;
 }
 
-a:hover{
+a:hover{
 text-decoration:underline;
 }
 
@@ -82,11 +82,21 @@
 background-color:#BBD2E1*/
 }
 
-#SplashScreen {
-	width: 700px;
-	height: 400px;
-	margin: 0px auto -1px auto; 
-	font-family:Arial;
-	color:#990033;
-	text-align:center;
+#SplashScreen {
+	width: 700px;
+	height: 400px;
+	margin: 0px auto -1px auto; 
+	font-family:Arial;
+	color:#990033;
+	text-align:center;
 }
+
+/* added for DBP*/
+
+.editionpage {
+    display:block;
+    text-align:center;
+    color:gray;
+    font-size:80%
+}
+
Index: Portal/configurations/demo/css/tei.css
===================================================================
--- Portal/configurations/demo/css/tei.css	(revision 0)
+++ Portal/configurations/demo/css/tei.css	(revision 15)
@@ -0,0 +1,1406 @@
+/*
+** Copyright 2011 TEI Consortium
+
+$Id$
+
+This software is dual-licensed:
+
+1. Distributed under a Creative Commons Attribution-ShareAlike 3.0
+Unported License http://creativecommons.org/licenses/by-sa/3.0/
+
+2. http://www.opensource.org/licenses/BSD-2-Clause
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+* Redistributions of source code must retain the above copyright
+notice, this list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright
+notice, this list of conditions and the following disclaimer in the
+documentation and/or other materials provided with the distribution.
+
+This software is provided by the copyright holders and contributors
+"as is" and any express or implied warranties, including, but not
+limited to, the implied warranties of merchantability and fitness for
+a particular purpose are disclaimed. In no event shall the copyright
+holder or contributors be liable for any direct, indirect, incidental,
+special, exemplary, or consequential damages (including, but not
+limited to, procurement of substitute goods or services; loss of use,
+data, or profits; or business interruption) however caused and on any
+theory of liability, whether in contract, strict liability, or tort
+(including negligence or otherwise) arising in any way out of the use
+of this software, even if advised of the possibility of such damage.
+
+*/
+
+
+/* main layout */
+
+body.simple {
+   color: #000000;
+   background-color: #FFFFFF;
+   margin: 10pt;
+}
+
+body{
+   color: #000000;
+   background-color: #FFFFFF;
+   margin: 10pt;
+   padding:0;
+   font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
+}
+
+body.pagetable {
+   color: #000000;
+   background-color: #FFFFFF;
+}
+
+/* 3 columns allowed for, or just a right and left */
+#col1{
+   width: 20%;
+   background: #FFFFFF;
+   margin: 0;
+   margin-top: 10px;
+   color: #000066;
+   padding: 5px;
+   position : absolute;
+   float: left;
+   border-style: solid;
+   border-width: 1px;
+   border-color: red;
+}
+
+#col2{
+   background: #FFFFFF;
+   color: #333333;
+   border-style: solid;
+   border-width: 1px;
+   border-color: #000000;
+   margin: 0;
+   margin-top: 10px;
+   padding: 5px ;
+   left: 22%;
+   width: 51%;
+   position : absolute;
+}
+
+#col3{
+   width: 24%;
+   left: 75%;
+   color: #000066;
+   background: #FFFFFF;
+   border-style: solid;
+   border-width: 1px;
+   border-color: red;
+   margin: 0;
+   margin-top: 10px;
+   padding: 5px;
+   position : absolute;
+   float: right;
+}
+
+#lh-col{
+   width: 16%;
+   color: #000000;
+   margin-top: 2pt;
+   margin-right: 10pt;
+   padding: 5px;
+   background-color: #FFFFFF;
+   float: left;
+   font-weight:normal;
+}
+
+#rh-col{
+   background-color: #FFFFFF;
+   color: #333333;
+   margin: 2pt;
+   padding: 5px ;
+   float: right;
+   width: 75%;
+   font-weight:normal;
+}
+
+
+/* now the layers of the header */
+
+/* the main title */
+div.stdheader {
+      border-bottom: 1pt solid black;
+}
+
+#hdr{
+   width: auto;
+   margin: 0;
+   background-repeat : no-repeat;
+   overflow : inherit;
+}
+
+/* a navigation bar */
+#hdr2{
+   width: auto;
+   color: #000000;
+   font-family: Arial,Helvetica,sans-serif;
+   font-weight: bold;
+   background-color : #99CCFF;
+   padding-left : 5px;
+   padding-bottom : 2px;
+   padding-top : 2px;
+   padding-right : 5px;
+}
+
+/* a breadcrumb trail */
+#hdr3{
+   width: auto;
+   color: #000000;
+   background-color : #AD06BC;
+   padding-left : 5px;
+   padding-bottom : 2px;
+   padding-top : 2px;
+   padding-right : 5px;
+   font-family: Arial,Helvetica,sans-serif;
+   font-weight : bold;
+   font-size: smaller;
+}
+
+.bannerright {
+   float: right ;
+   color: #FFFFFF;
+   font-family : Arial, Helvetica, sans-serif;
+   font-size : 0.8em;
+   font-weight : bold;
+   text-decoration: none;
+}
+
+/* section headings */
+#hdr h1 { color: red; }
+h1 {
+   font-weight: bold;
+   font-size: 2em;
+   line-height: 34pt;
+}
+
+h2 {
+   font-size: larger;
+   line-height: 20pt;
+   margin-top: 18pt;
+   font-weight: bold;
+}
+
+h3 {
+   font-size: larger;
+   line-height: 18pt;
+   font-weight: bold;
+   font-style: italic;
+}
+
+
+h1.maintitle {
+   margin-left: 100px;
+   font-family: Arial,Helvetica,sans-serif;
+   font-weight: bold;
+   bottom: 5px;
+}
+
+h1.title {
+   margin-left: 100px;
+   font-family: Arial,Helvetica,sans-serif;
+   font-weight: bold;
+   bottom: 5px;
+}
+
+h2.institution {
+   margin-left: 100px;
+   font-family: Arial,Helvetica,sans-serif;
+}
+
+h2.department {
+   margin-left: 100px;
+   font-family: Arial,Helvetica,sans-serif;
+}
+
+h2.subtitle {
+   margin-left: 100px;
+   font-family: Arial,Helvetica,sans-serif;
+   font-weight: bold;
+}
+
+.footer {
+   text-align : center;
+   font-family: Arial,Helvetica,sans-serif;
+   font-size : 0.8em;
+}
+
+
+
+/* components of the breadcrumb trail */
+a.breadcrumb{
+   color: #FFFFFF;
+   text-decoration: none;
+   padding-right : 5px;
+   font-family: Arial,Helvetica,sans-serif;
+   font-weight : bold;
+   font-size : 0.8em;
+}
+
+ul.breadcrumb
+{
+   display: inline;
+   font-size: 1.1em;
+}
+
+li.breadcrumb:before {
+    content: "▶";
+    }
+li.breadcrumb-first:before {
+    content: "▶";
+    }
+li.breadcrumb
+{
+   padding-left: 12px;
+   padding-right: 5px;
+   display: inline;
+   color: #000000;
+}
+li.breadcrumb-first
+{
+   padding-left: 12px;
+   padding-right: 5px;
+   display: inline;
+   color: #000000;
+}
+
+div.breadcrumb {
+   display: inline;
+}
+
+.skiplinks{
+   font-family: arial, sans-serif;
+   color: #FFFFFF;
+   font-weight : bold;
+   font-size : 0.8em;
+   text-decoration: none;
+   padding-right : 15px;
+}
+
+.tocontent{
+   color : #000066;
+   display : none;
+}
+
+.hide{
+   display : none;
+}
+
+a:hover
+{
+   text-decoration: underline;
+}
+
+a.navbar:link
+{
+   color: #FFFFFF;
+   text-decoration: none;
+}
+
+a.navbar:visited
+{
+   color: #FFFFFF;
+   text-decoration: none;
+}
+
+a.navbar:hover {
+   color: #FFFFFF;
+   text-decoration: underline;
+}
+
+
+
+/* an inner <text>, eg inside a <q> */
+div.innertext {
+   margin: 6pt;
+   border: 1pt solid red;
+}
+/* literal code */
+
+div.cdata {
+    white-space: pre;
+    clear:both;
+}
+
+pre,div.pre,div.pre_eg,pre.eg,div.eg {
+    clear:both;
+    margin-top: 1em;
+    margin-bottom:1em;
+    border-top-width: 4px;
+    border-bottom-width: 4px;
+    border-left-width: 2px;
+    border-right-width: 2px;
+    border-style: solid;
+    padding-top: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+    padding-left: 10px;
+    color: #000000;
+    line-height: 1.1em;
+    font-family: monospace;
+    font-size: 10pt;
+    white-space: pre;
+}
+
+div.egXML_valid {
+    background-color: #f7f9f6;
+    border-color: #c5d8bb;
+    }
+div.egXML_feasible {
+    background-color: #fff9f3;
+    border-color: #ffe1ad;
+    }
+div.egXML_invalid {
+    border-color: #ffe7e8 ;
+    background-color: #fdbbac;
+    }
+
+
+/* table of contents */
+ul.toc {list-style: none;}
+li.toc {list-style: none;}
+
+/* table of contents links */
+
+a.inlinetoc:link,a.inlinetoc:visited
+{
+   color: #7A7A7A;
+   font-size: smaller;
+   text-decoration: none;
+}
+
+a.inlinetoc-this:visited,a.inlinetoc-this:link
+{
+   font-size: smaller;
+   color: #000000;
+   font-weight: bold;
+   text-decoration: underline;
+}
+
+a.inlinetoc-sub:visited,a.inlinetoc-sub:link
+{
+   text-decoration: none;
+   color: #000000;
+   font-weight: normal;
+   font-size: smaller;
+}
+
+span.toclist{
+   font-size: smaller;
+   font-family: Arial,Helvetica,sans-serif;
+   font-weight: bold;
+}
+
+p.toclist0 {
+   margin-left: 0.5em;
+   margin-top: 1pt;
+   margin-bottom: 3pt;
+   text-indent: -0.5em;
+   font-size: small;
+}
+
+p.toclist1 {
+   margin-left: 1em;
+   margin-top: 1pt;
+   margin-bottom: 2pt;
+   text-indent: -0.7em;
+   font-size: small;
+}
+
+p.toclist2 {
+   margin-left: 1.5em;
+   text-indent: -1em;
+   font-size: small;
+}
+
+p.toclist3 {
+   margin-left: 2em;
+   text-indent: -1.5em;
+   font-size: small;
+}
+
+span.toclist-this {
+   color: red;
+}
+
+a.toclist:visited,a.toclist:link
+{
+   font-weight: bold;
+   color: #000000;
+   text-decoration: none;
+}
+
+
+
+/* notes */
+div.noteHeading {
+   margin-top: 9pt;
+   border: 0;
+   border-top: 1pt;
+   border-style: solid;
+   padding-top: 6pt;
+   font-size: larger;
+   font-weight: bold;
+}
+div.noteBody {
+  display:inline;
+}
+
+div.note {
+   margin-left: 2em;
+   margin-right: 2em;
+   margin-bottom: 3pt;
+   margin-top: 3pt;
+   text-indent: -1em;
+}
+
+span.noteLabel {
+    vertical-align: super;
+    font-size: smaller;
+    font-style: italic;
+}
+span.note:before {
+    content: " [";
+}
+span.note:after {
+    content: "] ";
+}
+
+span.note {
+    font-size: smaller;
+}
+/* images */
+img.display {
+   margin-top: 10pt;
+   margin-bottom: 10pt;
+   display: block;
+}
+
+.floatimage {
+   float : left;
+   margin-right : 6px;
+   vertical-align : top;
+}
+/* specialized divs */
+div.letter {
+   margin-left: 2em;
+   margin-right: 2em;
+   margin-top: 6pt;
+   margin-bottom: 6pt;
+   border-top: 1pt solid green;
+   border-bottom: 1pt solid green;
+}
+/* title page */
+div.titlePage,div.titlepage {
+   border-top: 2pt solid #000000;
+   border-bottom: 2pt solid #000000;
+   padding-top: 6pt;
+   padding-bottom: 6pt;
+   font-size: larger;
+   text-align: center;
+}
+div.docImprint {
+    margin-top: 6pt;
+    display: block;
+    font-style: italic;
+}
+div.docDate {
+   font-style: italic;
+}
+div.docTitle {
+    display: block;
+    margin-top: 6pt;
+    font-weight: bold;
+    margin-bottom: 18pt;
+}
+div.docAuthor {
+    font-style: italic;
+}
+
+div.byline {
+    display: block;
+}
+
+div.dateline{
+   text-align: right;
+}
+
+/* paragraphs */
+p, div.p {
+ margin-top: 0.3em;
+}
+div.p blockquote p {
+ margin-top: 0.0em;
+-webkit-margin-before: 0em;
+-webkit-margin-after: 0em;
+-webkit-margin-start: 0px;
+-webkit-margin-end: p0px;
+}
+p.box {
+   border: 1pt solid #000000;
+}
+
+/* verse */
+div.lg {
+   margin-left: 10px;
+   margin-bottom: 10px;
+}
+div.l {
+    text-align:left;
+    margin-left: 1em;
+}
+/* misc */
+div.epigraph {
+    margin: 20pt;
+}
+div.numbering {
+    float:left;
+    font-size:smaller;
+    width: 2em;
+}
+
+div.linenumber { }
+
+div.signed {
+    text-align:left;
+}
+div.salute {
+    text-align:left;
+}
+div.indent1 {
+   margin-left: 1em;
+}
+div.indent2 {
+   margin-left: 2em;
+}
+div.indent3 {
+   margin-left: 3em;
+}
+div.indent4 {
+   margin-left: 4em;
+}
+div.indent5 {
+   margin-left: 5em;
+}
+div.indent6 {
+   margin-left: 6em;
+}
+
+td.label {
+   font-weight: bold;
+   background-color: #AAAAAA;
+}
+tr.label td {
+   font-weight: bold;
+   background-color: #AAAAAA;
+}
+
+span.label {
+    font-weight: bold;
+}
+
+h5 {
+   font-size: 100%;
+}
+h6 {
+   font-size: 100%;
+}
+
+div.tocFront {
+   border-bottom: 1pt solid #000000;
+}
+div.tocBack {
+   border-bottom: 1pt solid #000000;
+}
+div.tocBody {
+   border-bottom: 1pt solid #000000;
+}
+/* a listBibl rend='labels' */
+div.listBibl {
+margin-top: 6pt;
+margin-bottom: 6pt;
+}
+span.bibl {
+    font-style: italic;
+}
+div.bibl {
+   margin-left: 0.5em;
+   text-indent: -0.5em;
+}
+div.biblfree {
+   font-size: smaller;
+   margin-left: 0.5em;
+   text-indent: -0.5em;
+   margin-bottom: 6pt;
+}
+
+span.biblLabel {
+    font-weight: bold;
+    margin-right: 1em;
+}
+
+/* a <bibl> inside a <cit> */
+div.citbibl:before {
+    content: "(";
+}
+div.citbibl:after {
+    content: ")";
+}
+div.citbibl {
+   font-style: italic;
+   font-size: smaller;
+}
+/* a <quote> inside a <cit> */
+div.citquote {
+   margin-left: 10pt;
+   margin-right: 10pt;
+}
+
+/* gloss lists with bold labels */
+dt {
+   font-weight: bold;
+}
+/* quotation */
+div.blockquote
+ {
+   margin-top: 10pt;
+   margin-bottom: 10pt;
+   margin-left: 40px;
+   margin-right: 40px;
+}
+/* opener */
+div.opener
+ {
+   margin: 10pt;
+}
+div.q {
+   margin: 10pt;
+}
+/* figures */
+.figure {
+    display: block;
+    border-top: solid 1pt blue;
+    border-bottom: solid 1pt blue;
+}
+.caption {
+    margin-top: 6pt;
+    margin-bottom: 12pt;
+    display: block;
+    font-style: italic;
+}
+/* inline quote */
+span.q {
+}
+
+/* from drama */
+/* speeches in drama */
+div.p-in-sp {
+    margin-left: 1em;
+    }
+div.sp {
+    margin-top: 4pt;
+}
+div.spProse {
+    text-indent: -1em;
+    margin-left: 1em;
+}
+div.speaker {
+    font-weight: bold;
+}
+span.speaker {
+    font-style: italic;
+}
+
+span.actor {
+font-style:italic;
+}
+span.camera {
+ font-style: italic;
+}
+span.role {
+ font-style: italic;
+}
+span.set {
+ font-style: italic;
+}
+span.sound {
+ font-style: italic;
+}
+span.stage {
+ font-style: italic;
+}
+span.tech {
+ font-style: italic;
+}
+span.view {
+ font-style: italic;
+}
+span.nextLink {
+   font-style: italic;
+}
+span.previousLink {
+   font-style: italic;
+}
+span.upLink {
+   font-style: italic;
+}
+/* bibl */
+span.titlem {
+    font-style: italic;
+}
+span.titlej {
+    font-style: italic;
+}
+span.titleu {
+}
+span.titles {
+}
+
+span.notemargin,
+span.notemarginOuter,
+span.notemarginLeft,
+span.notemarginRight,
+span.notemargin,div.notemargin {
+             display: block;
+font-size: smaller;
+clear: right;
+padding: 4pt;
+font-style: italic;
+width: 10%;
+border: solid green 1pt;
+margin: 6pt;
+}
+span.notemargin,
+span.notemarginOuter,
+span.notemarginRight,
+span.notemargin,div.notemargin {
+    float:right;
+}
+span.notemarginLeft {
+    float:left;
+}
+
+div.floatingText_back {
+    border-top: solid black 1pt;
+}
+div.floatingText_front {
+    border-top: solid black 1pt;
+}
+div.floatingText {
+    margin: 6pt;
+    border: solid black 1pt;
+}
+div.pagebreak,span.pagebreak {
+    display: block;
+    color: grey;
+    float: right;
+}
+span.element {
+    font-weight: bold;
+    color: black;
+}
+span.unclear {
+    font-style: italic;
+}
+span.wordtypeNN, span.wordtypeNNS {
+    color: green;
+    }
+span.wordtypeVVD,span.wordtypeVVN,span.wordtypeVVN,span.wordtypeVVZ,span.wordtypeVVG, span.wordtypeVV {
+    color: red;
+    }
+
+li.headless {
+    display: none;
+}
+
+div.footer {
+    border-top: solid black 1pt;
+}
+
+div.stdfooter {
+    clear:both;
+    border-top: solid black 1pt;
+    border-bottom: solid black 1pt;
+}
+
+div.altfigure {
+    border-top: solid black 1pt;
+    border-bottom: solid black 1pt;
+}
+
+table.table, table.table tr, table.table td {
+    border: solid black 1pt;
+}
+table.table td {
+    padding: 1ex 1ex 1ex 1ex;
+}
+p.mainAuthor {
+    display: block;
+    margin: 1ex 0ex 1ex 0ex;
+}
+p.mainEditor {
+    display: block;
+    margin: 1ex 0ex 1ex 0ex;
+}
+
+/* ODD-specific styles */
+/* tables for reference display */
+table.wovenodd {
+    width: 100%;
+    clear: both;
+}
+td.wovenodd-col1 {
+    width:15%;
+    vertical-align: top;
+}
+td.wovenodd-col2 {
+    width:85%;
+}
+table.wovenodd tr td {
+    border: 1px solid #555;
+    padding:1%;
+}
+table.wovenodd {
+    border-spacing:0px;
+    border-collapse:collapse;
+}
+table.wovenodd tr td {
+    border-spacing:0px;
+}
+table.wovenodd tr {
+    border-spacing:0px;
+    border-collapse:collapse;
+}
+table.wovenodd tr td table.attList {
+    border-spacing:0px;
+    border:none;
+}
+table.wovenodd tr td table.attList tr {
+    border-spacing:0px;
+    border:none;
+}
+table.wovenodd tr td table.attList tr td {
+    border-spacing:0px;
+    border:none;
+}
+table.attList {
+    table-layout: fixed;
+    width: 100%;
+    margin: 0pt;
+    padding: 0pt;
+}
+td.odd_label {
+    vertical-align: top;
+    width: 10%;
+    font-weight: bold;
+}
+td.odd_value {
+    vertical-align: top;
+    width: 90%;
+}
+table.attDef {
+    table-layout: fixed;
+    width: 100%;
+}
+table.attDef td.odd_label {
+    width: 10%;
+    vertical-align: top;
+    font-weight: normal;
+}
+table.attDef td.odd_value {
+    vertical-align: top;
+    width: 90%;
+}
+table.attList td.odd_label:before {
+    content: "@";
+}
+table.attDef td.odd_label:before {
+    content: "";
+}
+table.valList td.odd_label:before {
+    content: "";
+}
+table.valList {
+    table-layout: fixed;
+    width: 100%;
+}
+table.valList td.odd_label {
+    width: 10%;
+    vertical-align: top;
+    font-style: normal;
+    font-weight: normal;
+}
+table.valList td.odd_value {
+    vertical-align: top;
+    width: 90%;
+}
+table.specDesc td.Attribute {
+    font-weight: bold;
+    vertical-align: top;
+}
+table.specDesc {
+    margin-left: 1em;
+}
+td p {
+    margin-top: 0pt;
+    margin-bottom: 2pt;
+}
+
+div.cdata {
+    white-space: pre;
+    clear:both;
+}
+
+span.tag:before {
+     
+}
+span.tag:after {
+     
+}
+span.gi,span.tag {
+}
+span.att {
+     
+}
+span.att:before {
+    content: "@";
+}
+span.ident,
+span.ident-class, span.ident-datatype, span.ident-frag,
+span.ident-ge, span.ident-macro, span.ident-module,
+span.ident-pe, span.ident-rng, span.ident-schema {
+    font-weight: bold;
+}
+
+span.ident-file, span.ident-ns {
+    font-style: italic;
+}
+
+button.displayRelaxButton {
+    margin-right: 2px;
+    margin-top: 2px;
+    font-size: 70%;
+    float: right;
+    cursor: pointer;
+}
+pre.RNG_XML {
+display: none;
+}
+
+span.RNG_XML {
+display: none;
+}
+
+/* pretty printing of XML */
+td.classSpec, td.macroSpec {
+    font-weight: bold;
+}
+a.link_odd_element:link,a.link_odd_element:visited {	
+    /* color: #006400; */
+}
+a.link_odd_macro:link,a.link_odd_macro:visited {
+
+}
+a.link_odd_class:link,a.link_odd_class:visited {
+
+}
+span.element {
+    font-weight: bold;
+    color: black;
+}
+td.elementSpec,span.elementname {
+    font-weight: bold;
+    color: #222288;
+}
+span.highlightelementname {
+    color: red;
+}
+
+span.attribute {
+    color: #222288;
+}
+span.attributevalue {
+    font-weight: normal;
+    color: black;
+}
+span.comment {
+    color: black;
+    font-style:italic;
+}
+span.namespace {
+    color: #222288;
+}
+/* pretty print rnc */
+span.rnc_nc {
+    color: #006400;
+}
+span.rnc_decl {
+    color: green;
+}
+span.rnc_prefix {
+    color: blue;
+}
+span.rnc_param {
+    color: gray;
+}
+span.rnc_atom {
+    color: yellow;
+}
+span.rnc_annot {
+    color: #FF8040;
+}
+span.rnc_comment {
+    color: #FF00FF;
+}
+span.rnc_annot {
+    color: #00FFFF;
+}
+span.rnc_type {
+    color: purple;
+}
+span.rnc_keyword {
+    color: teal;
+}
+span.defaultVal {
+    font-weight: bold;
+}
+span.required {
+    font-weight: bold;
+}
+div.moduleSpec {
+    padding: 1px;
+    margin: 1px;
+    background-color: #C0C0C0;
+    color:inherit;
+    clear:right;
+}
+span.moduleSpecHead {
+    font-style: italic;
+}
+ul.specList li {
+    list-style: none;
+}
+span.specList-macroSpec {
+    font-weight: bold;
+}
+span.specList-elementSpec {
+    font-weight: bold;
+}
+span.specList-elementSpec:before {
+    content: "<";
+     
+}
+span.specList-elementSpec:after {
+    content: ">";
+     
+}
+span.specList-classSpec {
+    font-weight: bold;
+}
+span.specName {
+    color: #223377;
+    font-weight: bold;
+}
+/* A -Z Styles From http://www.smileycat.com/miaow/archives/000211.php -styling the a to z */
+#azindex {
+    background-color: #ddd;
+    color:inherit;
+    display: block;
+    margin: 0px;
+    float: left;
+    padding: 5px;
+    width: 75%;
+    border: 1px solid #999;
+}
+#azindex p {
+    color: #fff;
+    background-color: #000060;
+    padding: 4px;
+    display: block;
+    margin: 0;
+    border-bottom: 1px solid #333;
+    font-size: 0.95em;
+}
+.index {
+    font: bold 100% Verdana, Helvetica, sans-serif;
+    margin: 0;
+    padding: 0;
+}
+.index li {
+    float: left;
+    height: 1.5em;
+    list-style-type: none;
+    margin: 0.35em 0.15em;
+    padding: 0;
+    width: 1.5em;
+}
+.index a:link, .index a:visited {
+    background: #fff;
+    color: navy;
+    display: block;
+    height: 1.5em;
+    padding: 0.37em 0 0 0;
+    text-align: center;
+    text-decoration: none;
+    width: 1.5em;
+    border: 1px solid #999;
+}
+li.showall, li.showall a:visited,li.showall a:link {
+    width: 10em;
+}
+* html .index li {
+    margin: 0.2em 0.2em;
+}
+ul.index li a:hover {
+    background-color: #93D1E4;
+    color: #fff;
+    text-decoration: underline;
+}
+div.atozwrapper {
+   float: left;
+   width: 70%;
+}
+div.atoz {
+   clear: left;
+   float: left;
+}
+#byMod {
+   margin-top: 12px;
+   clear: left;
+}
+ul.atoz {
+    list-style: none;
+    text-align:left;
+    margin: 2px;
+    padding: 2px;
+    background-color: #eef;
+    color:inherit;
+}
+.atoz li {
+    padding: 0px;
+    display: inline;
+}
+span.listhead {
+    margin-top: 0em;
+    margin-right: 1em;
+    padding-left: 3px;
+    padding-right: 3px;
+    color: #000066;
+    font-weight: bold;
+    font-size: large;
+}
+/* End of A - Z styles */
+div.specChildren {
+    margin: 0em;
+    padding: 0em;
+}
+span.specChildModule {
+    font-weight: bold;
+}
+div.specChild {
+    margin-bottom: 4pt;
+    margin-left: 25px;
+    text-indent: -30px;
+}
+span.emptySlash:after {
+    content: "/";
+}
+/* status notation */
+.status_deprecated:after {
+    content: " (deprecated)";
+    color: red;
+}
+.status_changed:after {
+    content: " (changed)";
+    color: blue;
+}
+.status_unstable:after {
+    content: " (unstable)";
+    color: orange;
+}
+.status_deprecated {
+    border: solid red 1pt;
+}
+.status_changed {
+    border: solid blue 1pt;
+}
+.status_unstable {
+    border: solid orange 1pt;
+}
+/* for ePub */
+div.EpubCoverPage {
+    -webkit-hyphens:none;
+    font-family: serif;
+    height:860;
+    font-size:30pt;
+    font-weight: bold;
+    padding-top: 15pt;
+    margin: 12pt;
+    border: solid red 1pt;
+    text-align:center;
+   }
+/* general purpose block aligns */
+.centerbold {
+    text-align:center;
+    font-weight: bold;
+}
+.center {
+    text-align:center;
+}
+.right {
+    text-align:right;
+}
+.left {
+    text-align:left;
+}
+
+/* <hi> rend values */
+span.typewriter{
+    font-family: monospace;
+}
+span.normalweight{
+    font-weight: normal;
+}
+span.smallcaps{
+    font-variant: small-caps;
+}
+span.bold{
+    font-weight: bold;
+}
+span.italic{
+    font-style:italic;
+}
+span.capsall{
+    text-transform: uppercase;
+}
+span.strikethrough{
+    text-decoration: line-through;
+}
+span.strikedoublethrough{
+    text-decoration: line-through;
+}
+span.underline{
+    text-decoration: underline;
+}
+span.underwavyline{
+    text-decoration-line: underline;
+    text-decoration-style: wavy;
+}
+span.underdoubleline{
+    text-decoration: underline;
+}
+span.superscript {
+    vertical-align: super;
+    font-size: smaller;
+}
+span.subscript {
+    vertical-align: bottom;
+    font-size: smaller;
+}
+span.numberParagraph:before {
+    content:"[";
+}
+span.numberParagraph:after {
+    content:"] ";
+}
+span.numberParagraph {
+    font-size: smaller;
+    color: grey;
+}
+
+/* misc inline*/
+
+span.foreign {
+    font-style: italic;
+}
+
+/* generic rendition */
+.plain {
+   text-decoration: none;
+}
+
+.small {
+   font-size: small;
+}
+.term {
+    font-style: italic;
+    }
+.hi {
+    font-style: italic;
+    }
+.emph {
+    font-weight: bold;
+    }
+.label {
+    font-weight: bold;
+}
+.mentioned {
+   font-style: italic;
+}
+
+/* transcription */
+
+div.sourceDoc {
+}
+
+div.surfaceGrp {
+    border-bottom-width: 1pt;
+    border-bottom-color: green;
+    border-bottom-style: solid;
+    clear:both;
+}
+
+div.surface {
+    clear:both;
+    border-width: 1pt;
+    border-style: solid;
+    border-color: grey;
+    margin-bottom: 1ex;
+}
+
+div.zone {
+    border-width: 1pt;
+    border-style: solid;
+    border-color: lightgrey;
+    margin-bottom: 0.5ex;
+}
+
+div.line {
+}
+
+div.facsimage {
+    float: right;
+}
+div.facsimage img {
+    max-height: 100%;
+    width: auto
+}
+
+span.damage {
+   border-bottom: 1px dashed red;
+}
+/* app crit */
+div.appcrit {
+    border-top: solid black 1pt;
+    margin-top: 2pt;
+    padding-top: 2pt;
+    margin-bottom: 2pt;
+    margin-left: 1em;
+}
+div.app {
+    margin-top: 1pt;
+    font-size: smaller;
+}
+span.lemma {
+}
+span.lemmawitness {
+    font-weight: bold;
+}
\ No newline at end of file
Index: Portal/configurations/demo/css/DBP.css
===================================================================
--- Portal/configurations/demo/css/DBP.css	(revision 0)
+++ Portal/configurations/demo/css/DBP.css	(revision 15)
@@ -0,0 +1,1641 @@
+/*
+ * PATCH CSS DBP pour TXM
+ */
+
+.txmeditionpage {
+    font-family:Times;
+}
+
+.editionpage {
+    display:block;
+    text-align:center;
+    color:gray;
+    font-size:80%
+}
+
+span[title*="lapsus"] {
+        color:#B8860B !important;
+}
+
+/* ===========================================================================================
+ * Feuille de style pour les documents TEI du site de l'édition électronique des dossiers de Bouvard et Pécuchet
+ * url : http://www.dossiers-flaubert.fr/
+ * auteurs : Nathalie Arlin, Stéphanie Dord-Crouslé, Emmanuelle Morlock
+ * date : 2012-12-02
+ * modifications :
+ *  - EM le 2014-11-11 : ajout d'une marge négative sur le "dd.type-fragment"
+ * -  EM le 2014-11-11 : modif width (auto au lieu de 12%) sur "normalise dt.vedettes" pour éviter retour à la ligne
+ * 
+ * =========================================================================================== */
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+fieldset,
+p,
+blockquote,
+th,
+td{
+    margin:0;
+    padding:0;
+    list-style:none;
+    xfont-size:1em;
+    color:inherit;
+    text-shadow:0;
+}
+/* Infos et reset du site englobant */
+/* police de base du site englobant : 12px*/
+/*
+ * cf. from http://drewish.com/tools/vertical-rhythm
+ * 
+ */
+a{
+    font-family:inherit;
+    font-size:inherit;
+}
+a:hover,
+a:focus,
+a:active{
+    border:0;
+}
+/* Layout   ====================================================== */
+html{
+    font:100%/112.5% "Nimbus Sans L", "URW Gothic L", Verdana, Tahoma, Helvetica, "Lucida Grande", Geneva, "DejaVu Sans", "Microsoft Sans Serif", sans-serif;
+
+/*mis en commentaire pour TXM*/
+}
+/*body{
+    min-width:1195px;
+}*/
+
+#transcription_tei{
+    margin:0;
+    position:relative;
+    text-align:left;
+    font-size:12px;
+    line-height:1em;
+    width:550px;
+    min-width:590px;
+}
+#transcription_tei .clearfix{
+    clear:both;
+}
+/* ----------------------------------------------------- Structure */
+/* #infos_transcription
+ * #content
+ *	    dl etc.
+ * #infos_transcripteur
+ *      #footnotes
+ * 
+ * structure d'un fragment :
+ * 
+ * dl
+ * 		dt.fragment-header
+ * 		dt.vedettes 
+ * 		dd.marques 
+ * 		dd.type-fragment
+ * /dl
+ * 
+ * exemple :
+ *          dd.type-fragment : margin-left : 30% - width: 60%
+ *          dt.fragment-header + dt.vedettes + dd.marques : sommme ne doit pas la marge de dd.fragment ici 30%
+ */
+.message,
+#infos_transcription,
+#infos_transcripteur,
+#footnotes{
+    position:relative;
+    background:inherit;
+    padding:1em;
+    background:#fbf6ed;
+    line-height:1.8em;
+    border:1px dotted #a7a7a7;
+    border-width:0 1px 1px;
+    font-family:verdana, sans-serif;
+}
+#infos_transcripteur{
+    border-top:1px dotted #a7a7a7;
+}
+#infos_transcripteur,
+#infos_transcription{
+    text-align:right;
+}
+#infos_transcripteur p,
+#infos_transcription p{
+    margin:0;
+    padding:0;
+}
+#infos_transcription dl,
+#infos_transcripteur dl{
+    background:inherit;
+    display:block;
+    position:relative;
+    left:50%;
+    width:50%;
+}
+#infos_transcription dt,
+#infos_transcripteur dt{
+    font-weight:normal;
+}
+#infos_transcription dd,
+#infos_transcripteur dd{
+    font-weight:bold;
+}
+#infos_transcription dt,
+#infos_transcripteur dt,
+#infos_transcription dd,
+#infos_transcripteur dd{
+    position:relative;
+    margin:0;
+    padding:0;
+    text-align:left;
+    display:inline;
+}
+#infos_transcription dd:after,
+#infos_transcripteur dd:after{
+    content:' | ';
+}
+#infos_transcription dd.last:after #infos_transcripteur dd.last:after{
+    content:'';
+}
+#infos_transcription .rendition-entete-page,
+#infos_transcription *{
+    font-family:verdana, sans-serif !important;
+    font-size:inherit;
+    text-decoration:none;
+}
+#content{
+    position:relative;
+    margin:0;
+    padding:1.5em 1em;
+    background:white;
+    height:auto;
+    min-height:570px;
+}
+#footnotes{
+    text-align:left;
+    margin-bottom:2.5em;
+    xfont-size:.9em;
+    xline-height:1.8em;
+    xmargin-top:1.5em;
+    text-align:justify;
+}
+#footnotes h2.section{
+    margin-top:2.5em;
+}
+/* ------------------------------------------------------------------------------Eléments affichés en bloc */
+.label,
+.item,
+.fragment-header,
+.body,
+.div,
+.titre,
+.imprime{
+    display:block;
+}
+/* ------------------------------------------------------------------------------Pour le positionnement */
+.type-commentaire,
+.span .term,
+.quote .term{
+    display:inline;
+}
+.quote,
+.front{
+    position:relative;
+}
+/* ------------------------------------------------------------------------------Elements */
+p,
+dd{
+    line-height:1.8em;
+    margin:0;
+    padding:0;
+}
+dd dd{
+    font-size:1.125em;
+    color:red;
+}
+dd dd:before{
+    content:'attention dd dd';
+}
+dl{
+    position:relative;
+    width:100%;
+}
+dd,
+dt{
+    display:block;
+    position:relative;
+}
+dt.fragment-header{
+    position:absolute;
+    float:left;
+    width:5%;
+    color:#7a7a7a;
+    overflow:hidden;
+}
+dt.vedettes{
+    float:left;
+    width:12%;
+    margin-left:8%;
+    xpadding-top:.9em; /* pour alignement avec le fragment-header, décalé vers le bas à cause de l'appel de note */
+    line-height:1.5em;
+}
+.dd.marques{
+    float:left;
+    width:4%;
+    min-width:30px;
+    display:block;
+    margin:0;
+    z-index:10 !important;
+}
+dd.marques .type-selection{
+    position:relative;
+    display:block;
+    xtext-align:right; /*2013-03-30*/
+}
+dd.type-fragment{
+    margin-left:25%;
+    width:75%;
+    margin-bottom:0;
+    padding-top:4px;
+}
+/* gestion des flottants et des dépassements */
+hr,
+.type-fragment hr{
+    clear:both;
+    visibility:hidden;
+}
+ul.listBibl{
+    display:block;
+    text-align:left;
+}
+dl{
+    clear:both;
+}
+/* ----------------------------------------------------- polices et arrières-plans */
+#infos_transcription,
+#infos_transcripteur,
+#footnotes{
+    color:#333;
+}
+p,
+ul,
+blockquote,
+.lg{
+    display:block;
+    margin-bottom:.5em;
+}
+.p{
+    display:block;
+    text-indent:1.5em;
+    padding-bottom:.5em;
+}
+/* Typographie   ====================================================== */
+.del{
+    text-decoration:line-through;
+}
+/* ---------------------------------------- Rend */
+/* Styles */
+.rend-underline,
+.underline{
+    text-decoration:underline;
+}
+.rend-italic{
+    font-style:italic;
+}
+.rend-small-caps{
+    font-variant:small-caps;
+}
+/* Filets */
+.rend-border-top{
+    border-top:1px solid;
+}
+.rend-border-bottom{
+    border-bottom:1px solid;
+}
+.rend-border-top-bottom{
+    border-top:1px solid;
+    border-bottom:1px solid;
+}
+.rend-border{
+    border:1px solid;
+}
+.rend-sup{
+    vertical-align:super;
+    xtext-decoration:none;
+    line-height:.8em;
+    font-size:.9em;
+}
+.list-head .rend-sup,
+#infos_transcription .rend-sup{
+    font-size:.75em;
+    line-height:.75em;
+}
+/* ----------------------------------------------------- Liens */
+#transcription_tei a{
+    text-decoration:none;
+    color:#000;
+}
+#transcription_tei a:hover,
+#transcription_tei a:focus,
+#transcription_tei a:active{
+    color:#F38630;
+    color:#3c68b2;
+    border:0; /* reset styles site bp*/
+}
+/* Pas de bordure autour des images dans les liens */
+a img{
+    border:none;
+}
+/* ref bibl*/
+a.ref-bibl,
+a.ref-bibl:link{
+    z-index:1;
+    position:relative;
+    display:inline-block;
+    text-decoration:none;
+    margin:0;
+    padding:0;
+    padding-left:.3em;
+    top:.25em;
+}
+a.ref-bibl:after{
+    display:none;
+    position:absolute;
+    top:-1.3em;
+    right:-1.3em;
+    background:#009;
+    color:#FFF;
+    border:2px solid #FFF;
+    font:bold 0.6em verdana, helvetica, arial, sans-serif;
+    padding:0.4em 0.5em;
+    -moz-border-radius:50%;
+    -webkit-border-radius:1.3em;
+    border-radius:1.3em;
+    background:#900;
+    background:#b22780; /*couleurs de bp*/
+    background:-moz-radial-gradient(35% 35% 0deg, ellipse cover, #E00 0%, #800, 90%);
+    background:radial-gradient(35% 35% 0deg, ellipse cover, #E00 0%, #800, 90%);
+    -webkit-box-shadow:rgba(0, 0, 0, .8) 0 2px 5px;
+    -moz-box-shadow:rgba(0, 0, 0, .8) 0 2px 5px, rgba(255, 247, 0, .9) 0 0 3px inset;
+    box-shadow:rgba(0, 0, 0, .8) 0 2px 5px, rgba(255, 247, 0, .9) 0 0 3px inset;
+    /* à modifier avec les couleurs de bp*/
+    -moz-box-shadow:rgba(0, 0, 0, .8) 0 2px 5px, rgba(255, 247, 0, .9) 0 0 3px inset;
+    box-shadow:rgba(0, 0, 0, .8) 0 2px 5px, rgba(255, 247, 0, .9) 0 0 3px inset;
+}
+.bibl-non-exprim{
+    color:white;
+    font-size:0;
+}
+.bibl-non-exprim:after{
+    content:url('../images/ref.bib-volume.png');
+}
+a.ref-bibl:hover:after{
+    content:url('../images/ref.bib-volume.png');
+    display:block;
+}
+a.ref-bibl span[class |= bibl]:hover{
+    background:#E0E4CC;
+    background:#CCD;
+    background:rgba(128, 128, 160, .4);
+    -moz-border-radius:1.3em;
+    -webkit-border-radius:1.3em;
+    border-radius:1.3em;
+}
+.normalise a.ref-bibl{
+    display:block;
+    text-align:right;
+}
+.diplomatic a.ref-bibl{
+    display:inline;
+}
+/* notes critiques et appel de notes*/
+/* l'appel */
+#transcription_tei a.appel-note{
+    color:#F38630;
+    font-weight:bold;
+}
+#transcription_tei a.appel-note:link{
+    color:#F38630;
+    font-weight:bold;
+}
+#transcription_tei a.appel-note:visited{
+    color:#A7DBD8;
+}
+#transcription_tei a.appel-note:hover,
+#transcription_tei a.appel-note:focus,
+#transcription_tei a.appel-note:active{
+    color:#FA6900;
+}
+#transcription_tei a.appel-note:hover{
+    background:#E0E4CC;
+}
+.note:hover appel-note{
+    display:block;
+}
+#transcription_tei .fragment-header a.appel-note,
+#transcription_tei .fragment-header a.appel-note:link{
+    font-size:.75em
+}
+/* le retour */
+#transcription_tei a.retour-note,
+#transcription_tei a.retour-note:link{
+    font-weight:bold;
+    color:#F38630;
+    font-weight:bold;
+    position:absolute;
+    left:0;
+}
+#transcription_tei a.retour-note:visited{
+    color:#A7DBD8;
+}
+#transcription_tei a.retour-note:hover,
+#transcription_tei a.retour-note:focus,
+#transcription_tei a.retour-note:active{
+    color:#FA6900;
+}
+#footnotes a,
+#footnotes a:link .message a,
+.message a:link{
+    color:#3c68b2;
+}
+#footnotes a:visited,
+.message a:visited{
+    color:#FA6900;
+}
+#footnotes a:hover,
+#footnotes a:focus,
+#footnotes a:active,
+.message a:hover,
+.message a:focus,
+.message a:active{
+    color:#f38630;
+}
+/* ---------------------------------------- traits et signes graphiques */
+/* milestone separateur et ornements */
+/* cf. http://www.sovavsiti.cz/css/hr.html */
+/* div.hr { height: 2px; background: #fff url(hr1.gif) no-repeat scroll center;}
+   div.hr hr { display: none;} */
+.type-separateur hr,
+.type-filet hr{
+    visibility:visible;
+}
+.type-fragment hr{
+    clear:both;
+    visibility:hidden;
+}
+.rendition-trait hr{
+    color:black;
+    background:black;
+    border-top:1px solid black;
+    width:20%;
+}
+/*traits de sélection */
+.type-selection-traitVertical{
+    border-left:1px solid;
+    display:block;
+    margin-left:-.3em;
+    padding-left:.5em;
+}
+.hand-GF-crayon + span.type-selection-traitVertical{
+    border-color:#999;
+}
+/* crochets de sélection*/
+.rend-crochet-marge-droite:after{
+    content:"]";
+}
+.rend-crochet-marge-gauche:after{
+    content:"[";
+}
+/* --------------------------------------- Différenciation mains et imprimés */
+/* familles de style : cf. http://www.sitepoint.com/eight-definitive-font-stacks/*/
+.imprime,
+span[class ~= type-print],
+.type-print{
+    font-family:"URW Palladio L", "URW Bookman L", "Century Schoolbook", Georgia, Times, "Times New Roman", "Palatino Linotype", serif !important;
+    color:black;
+    background:#ccc !important;
+    padding:1em;
+    display:block; /* permet l'affichage du background */
+}
+.imprime .titre,
+span[class ~= type-print] .titre,
+.type-print .titre{
+    display:block;
+    font-weight:bold;
+    padding-bottom:1em;
+}
+.type-print .p .titre{
+    text-indent:0;
+}
+span[class ~= hand-GF-encre],
+span[class ~= hand-GF-crayon],
+.hand-GF-encre,
+.hand-GF-encre,
+.hand-GF-crayon,
+.hand-GF-crayon,
+.hand-GF-encre .bibl,
+.hand-GF-crayon .bibl,
+.normalisation,
+.vedette-implicite{
+    font-family:"Times New Roman", "Palatino Linotype", serif !important;
+}
+span[class ~= hand-EL-encre],
+span[class ~= hand-EL-crayon],
+.hand-EL-encre,
+.hand-EL-crayon,
+.hand-EL-encre .bibl,
+.hand-EL-crayon .bibl{
+    font-family:'Lucida Calligraphy', cursive !important;
+    font-size:.9em;
+}
+span[class ~= hand-ED-encre],
+span[class ~= hand-ED-crayon],
+.hand-ED-encre,
+.hand-ED-crayon,
+.hand-ED-encre .bibl,
+.hand-ED-crayon .bibl{
+    font-family:"Marked Fool", Junkyard, Balker, Papyrus, Haettenschweiler, Impact, fantasy !important;
+}
+span[class ~= hand-LB-encre],
+span[class ~= hand-LB-crayon],
+.hand-LB-encre,
+.hand-LB-crayon,
+.hand-LB-encre .bibl,
+.hand-LB-crayon .bibl{
+    font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+}
+span[class ~= hand-JD-encre],
+span[class ~= hand-JD-crayon],
+.hand-JD-encre,
+.hand-JD-crayon,
+.hand-JD-encre .bibl,
+.hand-JD-crayon .bibl{
+    font-family:"Domestic Manners", "URW Chancery L", "Brush Script MT", Zapfino, "Apple Chancery", "Bradley Hand ITC", "Monotype Corsiva", "Comic Sans MS", cursive !important;
+}
+span[class ~= hand-GF-crayon],
+span[class ~= hand-EL-crayon],
+span[class ~= hand-ED-crayon],
+span[class ~= hand-LB-crayon],
+span[class ~= hand-JD-crayon],
+.hand-EL-crayon,
+.hand-GF-crayon,
+.hand-ED-crayon,
+.hand-LB-crayon,
+.hand-JD-crayon{
+    color:#999 !important;
+}
+.normalise .hand-EL-encre .rend-italic,
+.normalise .hand-EL-encre a .rend-italic,
+.normalise .hand-EL-encre span.title,
+.normalise .hand-EL-encre a span.title,
+.normalise span[class ~= hand-EL-encre] .rend-italic,
+.normalise span[class ~= hand-EL-encre] a .rend-italic,
+.normalise .hand-EL-crayon .rend-italic,
+.normalise .hand-EL-crayon a .rend-italic,
+.normalise .hand-EL-crayon span.title,
+.normalise .hand-EL-crayon a span.title,
+.normalise span[class ~= hand-EL-crayon] a .rend-italic span[class ~= hand-EL-crayon] .rend-italic{
+    font-style:normal !important;
+    /* affichage en romain pour les titres d'ouvrages dans la main de laporte (police cursive déjà en italique) */
+    -ms-transform:skew(12deg); /* IE 9 */
+    -webkit-transform:skew(12deg); /* Safari and Chrome */
+    -o-transform:skew(12deg); /* Opera */
+    -moz-transform:skewX(12deg); /* Firefox */
+    display:inline-block;
+}
+/*pour les main portant uniquement sur le rend*/
+span[class ^= "rend-underline-hand"]{
+    font-family:inherit !important;
+    color:inherit;
+    border-bottom:1px solid;
+}
+span[class $= "-crayon"]{
+    border-color:silver;
+}
+/* croix et mains ---------------------------------------------------------------------------------------------*/
+/* encre */
+#transcription_tei .ref-croix:before{
+    content:url('../images/croix_encre_20_20.png');
+    background-repeat:no-repeat;
+}
+#transcription_tei .ref-croix-parenthetique:before{
+    content:url("../images/croix_parenthese_encre_30_20.png");
+    background-repeat:no-repeat;
+}
+#transcription_tei .ref-croix-parenthetique-trait:before{
+    content:url("../images/trait_barre_parenthese_encre_35_20.png");
+    background-repeat:no-repeat;
+}
+/*crayon */
+#transcription_tei .hand-GF-crayon .ref-croix-parenthetique:before{
+    content:url("../images/croix_parenthese_crayon_30_20.png");
+    background-repeat:no-repeat;
+}
+#transcription_tei .hand-GF-crayon .ref-croix:before{
+    content:url('../images/croix_crayon.png');
+    background-repeat:no-repeat;
+}
+/* Varia   ============================================================================================ */
+.fw{
+    display:block;
+}
+.NL .normalise .type-pageNum{
+    display:inline;
+    position:absolute;
+    right:0;
+}
+.place-top-right{
+    position:absolute;
+    right:0;
+    top:0;
+}
+.supplied,
+.type-entre-crochets,
+.normalisation,
+.vedette-implicite{
+    color:#B8860B !important;
+}
+/*
+dt.vedettes .vedette-implicite{
+	display:block;
+}
+*/
+.omission:before,
+.superposition:before,
+.ellipse:before,
+.reason-omission:before,
+.reason-superposition:before,
+.reason-ellipse:before,
+.type-entre-crochets:before,
+a .reason-omission:before,
+a .reason-superposition:before,
+a .reason-ellipse:before,
+a .type-entre-crochets:before{
+    content:"[";
+    color:#B8860B;
+    font-family:serif;
+    display:inline;
+}
+.reason-omission:after,
+.reason-superposition:after,
+.reason-ellipse:after,
+.omission:after,
+.superposition:after,
+.ellipse:after,
+.type-entre-crochets:after,
+a .reason-omission:after,
+a .reason-superposition:after,
+a .reason-ellipse:after,
+a .type-entre-crochets:after{
+    content:"]";
+    color:#B8860B;
+    font-family:serif;
+    display:inline;
+}
+/* bug affichage */
+.sans-crochet .term{
+    color:black;
+}
+.sans-crochet .term:before{
+    color:black;
+    content:'';
+}
+.sans-crochet .term:after{
+    content:'';
+}
+/* omission + abbr type-conventionnel*/
+.type-conventionnel:before{
+    content:'';
+}
+.type-classement,
+.type-regie,
+.type-renvoi,
+.type-commentaire{
+    color:blue;
+}
+.type-classement:hover,
+.type-regie:hover,
+.type-renvoi:hover,
+.type-commentaire:hover{
+    background:#E0E4CC;
+    background:white;
+}
+.type-commentaire{
+    border:1px solid #E0E4CC;
+}
+/* from http://jeremie.patonnier.net/post/2010/06/23/Ameliorez-vos-liens-avec-la-generation-de-contenu-CSS*/
+.type-classement,
+.type-regie,
+.type-renvoi,
+.type-commentaire{
+    position:relative;
+    cursor:pointer;
+}
+.type-classement:after,
+.type-regie:after,
+.type-renvoi:after,
+.type-commentaire:after{
+    display:none;
+}
+/* On affiche le contenu de l'attribut class */
+.type-classement:hover:after,
+.type-regie:hover:after,
+.type-renvoi:hover:after,
+.type-commentaire:hover:after{
+    content:attr(class);
+    display:inline;
+    padding:.25em;
+    width:auto;
+    white-space:nowrap;
+    text-align:left;
+    top:2.5em;
+    left:2.8em;
+    line-height:1.1em;
+    color:black;
+    font-family:verdana, sans-serif;
+    font-size:10px; /* pour une fois, en px*/
+    font-weight:normal;
+    position:absolute;
+    border:1px solid #a7a7a7;
+    background:#FFFFCC;
+    z-index:10;
+}
+.type-classement:hover:after{
+    content:'Note de type classement';
+}
+.type-regie:hover:after{
+    content:'Note de type régie';
+}
+.type-renvoi:hover:after{
+    content:'Note de type renvoi';
+}
+.type-commentaire:hover:after{
+    content:'Note de type commentaire';
+}
+/* ------------------------------------------------------------------------------------notes critiques */
+p.footnote{
+    margin:2em 0 1.5em;
+    display:block;
+    position:relative;
+    padding-left:20px;
+    font-size:.95em;
+    position:relative;
+}
+/* ------------------------------------------------------------------------------------tests */
+.footnote .lb{
+    display:none
+}
+.numero{
+    font-size:0.8333em;
+}
+span.type-ornement{
+    height:15px;
+    background:#fff url(hr1.gif) no-repeat scroll center;
+}
+span.type-ornement hr{
+    display:none;
+}
+cit .type-print{
+}
+/* styles selon le mode de lecture (diplo, normalise, enrichi)   ============================================================================================ */
+/* -------------------------------------------------------------- normalise */
+.normalise dt.fragment-header{
+    position:absolute;
+    float:left;
+    width:6%;
+    color:#7a7a7a;
+    overflow:hidden;
+}
+.normalise dt.vedettes{
+    float:left;
+    width:12%;
+    display:block;
+    margin-left:8%;
+    xpadding-top:.9em; /* pour alignement avec le fragment-header, décalé vers le bas à cause de l'appel de note */
+    line-height:1.5em;
+    word-wrap:normal;
+    width:auto; /* ajout par EM 2014-11-11*/
+}
+.normalise dt.vedettes .term{
+    display:inline-block;
+    display:block; /* 20130219 */
+    display:inline-block; /* 20130320 */
+}
+/*test*/
+.normalise dt.vedettes .vedette-implicite .term,
+.normalise dt.vedettes .normalisation .term{
+    display:inline;
+}
+/*fin test*/
+.normalise dd.marques{
+    float:left;
+    width:4%;
+    min-width:30px;
+    display:block;
+    margin:0;
+}
+.normalise dd.marques .type-selection{
+    display:inline-block;
+    text-align:right;
+}
+.normalise dd.type-fragment{
+    margin-left:25%;
+    width:75%;
+    padding-top:4px;
+    display:block;
+    text-align:justify;
+    margin-bottom:-12px; /* ajout par EM le 2014-11-11 */
+}
+.normalise dt.fragment-header,
+.normalise dt.vedettes,
+.normalise dd.type-fragment{
+    border-top:1px dotted #E0E4CC;
+}
+/* pour les bequets on ne peut pas faire d'encadré (sauf background ?) */
+.normalise dt.bequet,
+.normalise dd.bequet{
+    border-top:2px dashed #E0E4CC;
+    border-bottom:2px dashed #E0E4CC;
+    height:auto;
+}
+.normalise dt.bequet{
+    border-bottom:0;
+}
+/* fin béquet*/
+.normalise .fragment-header .numero{
+    xfont-size:.75em;
+    padding:0;
+    margin:0;
+}
+.normalise .type-regie,
+.normalise .type-classement,
+.normalise .type-regie,
+.normalise .type-renvoi{
+}
+.normalise .list-head{
+    font-weight:bold;
+}
+.normalise .list-head .type-regie,
+.normalise .list-head .type-classement,
+.normalise .list-head .type-regie,
+.normalise .list-head .type-renvoi,
+.normalise .list-head .term{
+    display:block;
+}
+.normalise .type-lapsus,
+.normalise .type-repetition{
+    color:#B8860B !important;
+}
+.normalise a.ref-bibl .rend-underline{
+    text-decoration:none;
+}
+/*
+.normalise .type-commentaire + .normalise .type-commentaire:before{
+	content:'|'  à tester 
+}
+*/
+.normalise .title,
+#infos_transcription .title{
+    font-style:italic;
+}
+/* -------------------------------------------------------------- enrichie*/
+.enrichie .orig,
+.enrichie .type-conventionnel,
+.enrichie .sic{
+    color:fuchsia;
+}
+.enrichie .type-lapsus,
+.enrichie .type-repetition{
+    color:olive;
+}
+.enrichie .expan{
+    color:green;
+}
+.enrichie .ex{
+    xcolor:#FF5B2B;
+    color:inherit;
+}
+.enrichie .ex:before{
+    font-family:serif;
+    content:"<";
+}
+.enrichie .ex:after{
+    font-family:serif;
+    content:">";
+}
+.enrichie .reg{
+    color:red;
+}
+.enrichie .corr{
+    color:red;
+}
+.enrichie .type-hyphen-orig{
+    border:1px solid fuchsia;
+}
+.enrichie .choice,
+.enrichie a .choice{
+    border:1px solid #E0E4CC;
+}
+.enrichie .lb:before{
+    content:'⎪';
+    color:#E0E4CC;
+    font-family:serif;
+    display:inline;
+}
+.enrichie .ponctuation{
+    color:#B8860B !important;
+    border:1px solid;
+}
+/* -------------------------------------------------------------- diplomatic */
+.diplomatic{
+    white-space:nowrap;
+}
+.diplomatic .note,
+.diplomatic .type-classement,
+.diplomatic .type-regie,
+.diplomatic .type-renvoi{
+    display:inline;
+}
+.diplomatic .add{
+    font-size:.75em
+}
+/* remplace le soulignement des vedettes de Laporte */
+.diplomatic .rendition-entete-page{
+    text-decoration:none;
+    padding-bottom:1em;
+    border-bottom:2px solid;
+}
+.diplomatic .rendition-entete-page .rend-underline{
+    text-decoration:none;
+}
+/* fin remplacement */
+.diplomatic .barre-oblique{
+    text-decoration:line-through;
+}
+.diplomatic .rend-romain{
+    text-decoration:none;
+}
+.diplomatic .l{
+    white-space:nowrap;
+    display:block;
+}
+.diplomatic .place-inline{
+    /*font-size:.75em;*/
+    xfont-size:9px;
+    display:inline;
+}
+.diplomatic .place-above,
+.diplomatic .rend-sup{
+    vertical-align:super;
+    line-height:.8em;
+}
+.diplomatic .place-below{
+    vertical-align:sub;
+    line-height:.8em;
+}
+.diplomatic .subst{
+    position:relative;
+}
+.diplomatic .subst .rend-overwritten{
+    /* à revoir*/
+    position:absolute;
+    top:1em;
+    display:block;
+}
+.diplomatic .subst > .add{
+    font-size:inherit;
+}
+.diplomatic .lb{
+}
+.diplomatic .type-fragment{
+    display:block;
+}
+.diplomatic .type-commentaire{
+    border:0;
+}
+.diplomatic .rend-center{
+    text-align:center;
+}
+.diplomatic .fw{
+    display:block;
+    right:0;
+    top:0;
+}
+.diplomatic{
+    line-height:1.5em;
+    position:relative;
+}
+.diplomatic .rend-decalage-right,
+.diplomatic .decalage-right{
+    position:relative;
+    left:5em;
+}
+.diplomatic .rend-decalage-left,
+.diplomatic .decalage-left{
+    position:relative;
+    left:-5em;
+}
+.diplomatic .place-above .g{
+    position:relative;
+    /*top:-2em;*/
+    top:-3.25em;
+    left:-5em;
+}
+.diplomatic .rend-decalage-right .g{
+    position:relative;
+    top:-2em;
+    left:5em;
+}
+.diplomatic .rend-decalage-center{
+    position:relative;
+    left:20em;
+}
+/* styles selon le type de texte  ============================================================================================ */
+/* -------------------------------------------------------------- NL */
+/*suppression 2013-03-21*/
+/*
+.NL .diplomatic dt.vedettes{
+	line-height:1.2em;
+}
+.NL .diplomatic dd.marques{
+}
+.NL .diplomatic dd.marques .type-selection{
+	position:relative;
+	left:-2em;
+	top:2em;
+	text-align:left;
+}
+.NL .diplomatic dd.type-fragment{
+	line-height:1.2em;
+}
+*/
+/*substitution à reclasser*/
+.diplomatic dt.vedettes,
+.diplomatic dd.type-fragme,
+t{
+    line-height:1.2em;
+}
+.NL a.ref-bibl{
+    display:inline;
+}
+.NL .list-head{
+    text-align:left;
+    position:relative;
+    margin-left:5em;
+    margin-left:25%;
+    line-height:1em;
+    margin-top:1.5em;
+    margin-bottom:1em;
+}
+.NL h2.list-head{
+    font-size:1.2em; /* 18px */
+    line-height:1em;
+    margin-top:1.5em;
+    margin-bottom:1em;
+}
+.NL h3.list-head{
+    font-size:1.1em;
+    line-height:1.3em;
+    margin-top:1.5em;
+    margin-bottom:1em;
+}
+.NL .diplomatic h2.list-head,
+.NL .diplomatic h3.list-head{
+    margin-left:40%;
+    font-size:1em;
+    text-align:left;
+}
+.NL .diplomatic .listeMargeGauche dt.vedettes{
+    width:12%;
+}
+.NL .diplomatic .listeMargeGauche dd.marques{
+    width:4%;
+    min-width:30px;
+}
+.NL .diplomatic .listeMargeGauche dd.type-fragment{
+    margin-left:25%;
+    width:75%;
+}
+.NL .diplomatic{
+    position:relative;
+}
+.NL .diplomatic .rendition-trait hr{
+    color:black;
+    background:black;
+    border-top:1px solid black;
+    width:5%;
+    left:-10%;
+    position:relative;
+}
+/* PP */
+.PP .diplomatic dt.vedettes{
+    float:left;
+    width:12%;
+    xpadding-right:1.5em;
+    xmargin-left:10%; /*2012-10-15*/
+}
+.PP .diplomatic a.ref-bibl{
+    display:inline-block;
+    text-align:center;
+    margin:0 0 0 5em;
+    text-decoration:none;
+}
+.PP .diplomatic dd.marques{
+    float:left;
+    width:4%;
+    min-width:30px;
+    display:block;
+    margin:0;
+    margin-left:13%;
+}
+.PP .diplomatic dd.marques .type-selection{
+    position:relative;
+    display:block;
+    text-align:right;
+    top:1em;
+}
+/* jusqu'au 2012-10-28
+.PP .normalise dt.vedettes .term,
+.RE .normalise dt.vedettes .term{
+	display:block;
+}
+*/
+/* -------------------------------------------------------------- PP */
+.PP .diplomatic a.ref-bibl{
+    display:block;
+}
+.PP .normalise a.ref-bibl{
+    margin-left:5em;
+}
+.PP .normalise dd.type-fragment{
+    margin-bottom:0;
+    padding-top:0;
+}
+.PP .diplomatic dd.type-fragment{
+    margin-left:25%;
+    width:75%;
+    xmargin-bottom:1em;
+    xpadding-top:4px;
+    display:block;
+}
+/* 2013-03-21 */
+/*
+.PP .diplomatic .quote .rend-marge-left,
+.PP .diplomatic .quote .marge-left{
+	position:absolute;
+	left:-20%;
+}
+.PP .diplomatic .quote .rend-marge-right,
+.PP .diplomatic .quote .marge-right{
+	position:absolute;
+	right:-25%;
+}
+.PP .diplomatic .quote .rend-marge-left,
+.PP .diplomatic .quote .marge-left{
+	position:absolute;
+	left:-20%;
+}
+.PP .diplomatic dd.rend-marge-left,
+.PP .diplomatic dd.marge-left{
+	left:-25%;
+}
+*/
+/* pour les listes bibliographiques (listBibl)*/
+/*LB - diplomatic*/
+.RE .diplomatic ul.rend-marge-left,
+.LB .RE .diplomatic ul.rend-marge-left,
+.RE .diplomatic ul.marge-left,
+.LB .RE .diplomatic ul.marge-left{
+    margin-left:-40%;
+    xborder:1px solid red;
+}
+/*LB - normalise */
+/* -------------------------------------------------------------- RE */
+/*à revoir*/
+.RE .diplomatic dt.marques{
+    float:left;
+    width:4%;
+    min-width:30px;
+    display:block;
+    margin:0;
+}
+.RE .diplomatic dt.vedettes{
+    position:relative;
+    display:block;
+    text-align:right;
+    top:2em;
+    left:0;
+    margin-left:25%;
+    width:75%;
+    margin-bottom:1em;
+    display:inline;
+}
+.RE .diplomatic a.ref-bibl{
+    display:inline-block;
+    text-align:center;
+    margin:0 0 0 5em;
+    text-decoration:none;
+}
+.RE .diplomatic dt.vedettes{
+    float:left;
+    width:12%;
+    xpadding-right:1.5em;
+    xmargin-left:10%; /*2012-10-15*/
+}
+/* -------------------------------------------------------------- varia type-renvoi */
+.RE .listbibl + .type-renvoi a.ref-bibl,
+.RE .type-renvoi a.ref-bibl,
+.NL .type-renvoi a.ref-bibl .listbibl li a.ref-bibl{
+    text-align:left;
+    display:inline;
+}
+/* à -----------------------------------------------------------------------confirmer */
+.gap,
+.biffe{
+    text-decoration:line-through;
+}
+.gap{
+    font-style:normal;
+}
+.unclear:before{
+    content:"*";
+    color:#40E0D0;
+}
+.hand-JD,
+.hand-indefini,
+.hand-GM-encre{
+    font-family:'monotype corsiva';
+    font-size:16px;
+    text-decoration:none;
+    color:black;
+}
+.gloss-head{
+    border:1px solid green;
+}
+.note .hi{
+    color:blue;
+}
+.entree{ /* ??? */
+    font-weight:bold;
+}
+/* à ----------------------------------------------------------------------- nov 2012 */
+.obliqueStrikeAntislash,
+.enrichie .obliqueStrikeAntislash{
+    background:url("../images/obliqueStrikeAntislash.png") repeat-x;
+    display:inline-block;
+}
+.normalise .obliqueStrikeAntislash,
+.normalise .obliqueStrikeAntislash *{
+    visibility:hidden;
+    background:none;
+}
+.enrichie .obliqueStrikeAntislash,
+.enrichie .obliqueStrikeAntislash *{
+    visibility:visible;
+    background:url("../images/obliqueStrikeAntislash.png") repeat-x;
+    display:inline-block;
+}
+.obliqueStrikeSlash,
+.enrichie .obliqueStrikeSlash{
+    background:url("../images/obliqueStrikeSlash.png") repeat-x;
+    display:inline-block;
+}
+.normalise .obliqueStrikeSlash,
+.normalise .obliqueStrikeSlash *{
+    visibility:hidden;
+    background:none;
+}
+.enrichie .obliqueStrikeSlash,
+.enrichie .obliqueStrikeSlash *{
+    visibility:visible;
+    background:url("../images/obliqueStrikeSlash.png") repeat-x;
+    display:inline-block;
+}
+.jaune{
+    color:orange;
+    background:yellow;
+}
+.diplomatic .type-regie,
+.diplomatic .type-renvoi{
+    text-align:right;
+    display:inline-block;
+    /* pour aligner sur les bibl, à confirmer*/
+}
+/* suppression 2012-03-21
+.diplomatic dd{
+	line-height:2.2em
+}*/
+/* ajout 9 décembre 2012 */
+.NL .diplomatic dd.type-fragment{
+    clear:left;
+}
+.bold,
+.rend-bold{
+    font-weight:bold;
+}
+.normalisation .term{
+    display:block;
+}
+/*-------------------------------------*/
+/*nouvelles règles pour lb*/
+.LB a.ref-bibl{
+    text-align:left;
+}
+.LB .diplomatic div.marge-gauche{
+    padding-left:25%;
+}
+.LB .diplomatic div.marge-gauche dt.vedettes{
+    margin-left:-25%;
+    width:25%;
+}
+/*-------------------------------------*/
+/* rendition= marge gauche */
+.diplomatic .rendition-marge-gauche dt.vedettes{
+    float:left;
+    width:12%;
+}
+.diplomatic .rendition-marge-gauche dd.type-fragment{
+    margin-left:25%;
+    width:75%;
+    margin-bottom:0;
+    line-height:1.2em;
+}
+.diplomatic .rendition-marge-gauche a.ref-bibl{
+    display:inline-block;
+    text-align:center;
+    margin:0 0 0 5em;
+    text-decoration:none;
+}
+.diplomatic .rendition-marge-gauche dd.marques{
+    float:left;
+    width:4%;
+    min-width:30px;
+    display:block;
+    margin:0;
+}
+.diplomatic .rendition-marge-gauche dd.marques .type-selection{
+    position:relative;
+    display:inline-block;
+    text-align:right;
+    top:1.2em;
+    left:-1em;
+}
+/*-------------------------------------*/
+/* mise en page*/
+.centre{
+    text-align:center;
+}
+.left{
+    text-align:left;
+}
+.right{
+    text-align:right;
+}
+.rend-right{
+    float:right;
+}
+.rend-top-right,
+.place-top-right{
+    float:right;
+    position:absolute;
+    top:-2em;
+}
+.LB .diplomatic h3{
+    font-weight:normal;
+    margin-bottom:1.8em;
+}
+.LB .normalise h3{
+    font-weight:bold;
+    margin-bottom:1.8em;
+}
+.LB .diplomatic .rendition-tdm{
+    display:inline-block;
+    vertical-align:middle;
+    width:100%;
+    text-align:center;
+}
+.LB .normalise .rendition-tdm{
+    display:inline-block;
+    vertical-align:middle;
+    xwidth:100%;
+    text-align:left;
+}
+.LB .diplomatic .rendition-tdm .type-puce{
+    display:inline-block;
+    vertical-align:middle;
+    margin-left:.1em;
+    float:left;
+}
+.LB .normalise .rendition-tdm .type-puce{
+    display:inline;
+    vertical-align:middle;
+    margin-left:0;
+    float:none;
+}
+.LB .diplomatic .rendition-tdm .title{
+    display:inline-block;
+    vertical-align:middle;
+    margin-left:.1em;
+    float:left;
+    xtext-align:left;
+}
+.LB .normalise .rendition-tdm .title{
+    display:inline-block;
+    vertical-align:middle;
+    margin:0;
+    float:none;
+}
+.LB .diplomatic .rendition-tdm .author{
+    display:inline-block;
+    xvertical-align:middle;
+    margin-left:.1em;
+    float:right;
+    xborder:1px solid red;
+}
+.LB .normalise .rendition-tdm .author{
+    display:inline-block;
+    vertical-align:middle;
+    margin:0;
+    float:none;
+}
+.LB .diplomatic .type-point-de-suite{
+    xdisplay:inline-block;
+    xvertical-align:middle;
+    margin:0;
+}
+.reste{
+    clear:right;
+    min-height:15%;
+}
+.LB .normalise dd.type-bibl{
+    margin-left:25%;
+}
+.LB .diplomatic .title,
+.LB .diplomatic .author,
+.LB .diplomatic .type-point-de-suite{
+    margin:0;
+    paddig:0;
+    border:0;
+    position:relative
+}
+.LB .diplomatic .bibl{
+    white-space:normal;
+    /* pour firefox*/
+}
+/*-------------------------------------*/
+/*corrections fevrier 2013 à reclasser*/
+.normalise dt.vedettes a.ref-bibl{
+    text-align:left;
+    margin-left:0;
+}
+/*-------------------------------------*/
+/* Pages de titre */
+.PT div.front{
+    margin:20% 10%;
+}
+.PT .docTitle{
+    text-align:center;
+    line-height:1.8em;
+    padding-bottom:2em;
+}
+.PT .titlePart-main{
+    font-size:1.8em;
+    line-height:1.8em;
+    padding-bottom:1em;
+    xborder:1px solid silver;
+}
+.PT .normalise .titlePart-main{
+    display:block;
+}
+.PT .diplomatic .titlePart-main{
+    display:inline-block;
+    font-size:1.3em;
+}
+.PT .titlePart-sub{
+    font-size:1.5em;
+    display:block;
+    text-align:left;
+}
+.PT .diplomatic .titlePart-sub{
+    font-size:1.1em;
+}
+.PT .place-above{
+    vertical-align:super;
+    font-size:.75em;
+}
+.PT .type-filet hr{
+    margin-top:2em;
+    margin-bottom:2em;
+}
+div.epigraph{
+    display:block;
+    text-align:left;
+    margin-left:50%;
+    margin-top:2em;
+    line-height:1.5em;
+    font-size:1.3em;
+}
+.epigraph .cit .bibl{
+    text-align:right;
+    display:block;
+}
+.enrichie .term,
+.enrichie .term *,
+.enrichie .vedette-implicite,
+.enrichie .normalisation{
+    background:#D4F0F0;
+}
+.enrichie dd.type-fragment{
+    height:auto;
+    min-height:6.5em;
+    /* hack pour le folio 3-13*/
+}
+/* mars 2013 */
+.lg,
+.l{
+    display:block;
+}
+.diplomatic l{
+    margin-left:25%;
+}
+p.message{
+    text-align:center;
+    width:75%;
+    border:1px dotted a7a7a7;
+    white-space:normal;
+}
+.normalise,
+.enrichie,
+.diplomatic{
+    position:relative;
+    line-height:1.5em;
+}
+/* 2013-03-21*/
+.NL .diplomatic .type-fragment{
+    margin-left:3%;
+}
+#infos_transcripteur,
+#infos_transcription{
+    white-space:normal;
+}
+/*----------------------------*/
+/* test mise en forme pour tout (copie de .PP )*/
+.diplomatic a.ref-bibl{
+    display:block;
+}
+.diplomatic dd.rend-marge-left,
+.diplomatic dd.marge-left{
+    left:-25%;
+    position:relative;
+    /* attention possible recouvrement sur les vedettes... voir s'il faut ajuster */
+}
+.diplomatic dd.type-fragment{
+    margin-left:25%;
+    width:75%;
+    display:block;
+}
+.diplomatic .quote .rend-marge-left,
+.diplomatic .quote .marge-left{
+    position:absolute;
+    position:relative;
+    left:-20%;
+}
+.diplomatic .quote .rend-marge-right,
+.diplomatic .quote .marge-right{
+    /* à tester*/
+    position:absolute;
+    position:relative;
+    right:-25%;
+}
+.diplomatic .quote .rend-marge-left,
+.diplomatic .quote .marge-left{
+    position:absolute;
+    position:relative;
+    left:-20%;
+}
+.quote{
+    position:relative
+}
+span.item{
+    display:block;
+    border:1px solid #BFA3A3;
+}
+
+/* ajout par EM le 2014-11-11 */
+/* suppression du padding gauche sur liens de ref bibliographiques internes aux citations*/
+.quote a.ref-bibl{
+    padding-left:0;
+}
