/*marquage des niveaux de cartes*/
.n1 {color: #000;}
.n2 {color: #705;}
.n3 {color: #90a;}
.n4 {color: #a00;}
.n5 {color: #d50;}
.n6 {color: #fa0;}
.n7 {color: #ff2;}

/*mise en forme de la structure*/
body {
font-size: small;
font-family: tahoma, sans-serif;
margin: 20px;
}

a {
text-decoration: none;
color: #000;
}

div#entete {
text-align: left;
border-bottom: solid 1px #000;
font-size: larger;
margin-bottom: 2em;
}

#entete p.aut {
margin-bottom: 0em;
}

#entete h1 {
font-size: x-large;
margin: 0em;
}

#entete p.source {
margin-top: 0em;
}

#entete p.edition {
font-size: small;
}

#entete a, a.mail {
color: rgb(240,160,0);
text-decoration: none;
}

a:hover, a.mail:hover {
color: rgb(240,0,0);
}

.ouvrage {
font-style: italic;
}

.article, q {
quotes: "\00AB\00A0" "\00A0\00BB";
}

.article:before, q:before {
content:open-quote;
}

.article:after, q:after {
content:close-quote;
}

div.manip, div.transform, div.item, div.variante {
clear: both;
}

div.manip, div.transform, div.variante {
line-height: 100%
}

div.item+div.item, div.item+div.variante, div.variante+div.item, div.variante+div.variante {
margin-top: 2.5em;
}

div.item h2, div.variante h2 {
font-size: medium;
font-weight: bold;
}

div.item h2:before {
content: "Strophe ";
}

div.variante h2:before {
content: "Variante ";
}

div.item h2:after, div.variante h2:after {
content: ".";
}

a {
text-decoration: none;
color: rgb(240,160,0);
}

div.manip:before {
content: "Manipulation: ";
font-weight: bold;
}

div.transform:before {
content: "Transformations: ";
font-weight: bold;
}

div.comment:before {
content: "Commentaire: ";
font-weight: bold;
}

div.manip, div.transform, div.comment {
font-size: small;
margin: 1em 0em 1em 3em;
}

div.manip p, div.manip ul, div.manip ol, div.transform p, div.transform ul, div.transform ol {
margin-top: 0.3em;
margin-bottom: 0.3em;
}

div.matrice {
float: right;
margin-top: 0.1em;
}

.matrice table {
border-collapse: collapse;
}

.matrice caption {
caption-side: bottom;
text-align: left;
font-size: small;
padding-top: 0.7em;
padding-left: 0.2em;
}

.matrice caption:before {
content: "Cartes ";
}

.matrice td {
vertical-align: baseline;
padding: -0em 0.2em;
letter-spacing: -0.02em;
width: 150px;
}

tr+tr {
border-top: solid 1px #000;
}

td+td {
border-left: solid 1px #000;
}

.matrice col {
width: 150px;
}

div.texte {
}

.texte p {
line-height: 132%;
}

ul {
list-style: square;
}

sup {
font-size: x-small;
}

sup:before {
content: " (";
}
sup:after {
content: ") ";
}

div#copy {
text-align: left;
border-top: solid 1px #000;
margin-top: 2em;
font-size: small;
text-align: right;
}

img.valid {
border: none;
height: 15px;
width: 80px; 
}