@charset "utf-8";

@page {
*size: 210mm 297mm;
*margin-top: 10mm;
*margin-bottom: 10mm;
}

@page:right {
*margin-left: 10mm;
*margin-right: 6mm;
}

@page:left {
*margin-left: 6mm;
*margin-right: 10mm;
}

@font-face{
*font-family:Fantasque;
*src:url(fonts/fantasque/FantasqueSansMono-Regular.ttf);
*font-weight:normal;
*font-style:normal;
}
@font-face{
*font-family:Fantasque;
*src:url(fonts/fantasque/FantasqueSansMono-Italic.ttf);
*font-weight:normal;
*font-style:italic;
}
@font-face{
*font-family:Fantasque;
*src:url(fonts/fantasque/FantasqueSansMono-Bold.ttf);
*font-weight:bold;
*font-style:normal;
}
@font-face{
*font-family:Fantasque;
*src:url(fonts/fantasque/FantasqueSansMono-BoldItalic.ttf);
*font-weight:bold;
*font-style:italic;
}


body {
    font-family:Fantasque;
    font-size:12px;
    line-height:1.4;
    color: black;
}

pre {
    font-family: Fantasque;
}

/* INDEX HEADERS */

h1, h2, h3, h4, h5, h6{
*color:inherit;
*margin:1em 0 0 0;
*padding:0;
*font-weight:bold;
*font-size:100%;
*text-align:center;
}

/* TEXT HEADERS */

section.lemma h1, section.lemma h2, section.lemma h3, section.lemma h4, section.lemma h5, section.lemma h6{
*font-weight:bold;
*font-style:normal;
*margin:1em 0 0 0;
*padding:0;
*color:inherit;
*break-inside: avoid;
*break-before: avoid;
*page-break-before: avoid;
*text-align:left;
}
section.lemma h1{
*font-size:150%;
*font-weight:bold;
*line-height:0.9;
*margin-bottom:5mm;
*letter-spacing: .25mm;
*border-top: 2px solid;
*padding-top: .25em;
}
section.lemma h2{
*margin: 1em 0em 0em 0em;
*font-size:100%;
*font-weight:bold;
*text-transform: uppercase;
}

section.lemma h2:before {
    content: "% ";
    margin-left: -1em;
}

section.lemma h3{
*font-size:100%;
*}
*section.lemma h3:after, section.lemma h3:before, section.lemma h4:after, section.lemma h4:before, section.lemma h5:after, section.lemma h5:before{
*content:'';
*}
section.lemma h4{
*font-size:100%;
*font-weight:normal;
}
section.lemma h5{
*font-size:100%;
*font-weight:normal;
}
section.lemma h6{
*font-size:100%;
*font-weight:normal;
}


/* GENERAL ELEMENTS*/

p{
    margin: 0 0 1em 0;
}

ul {
*list-style-type: none;
*margin:0 0 1em 1em;
*padding:0;
}
li:before{
*content:'* ';
*margin-left:-1em;
}
a, a:active, a:visited{
*color:inherit;
*text-decoration:none;
*font-style:italic;
*padding:0;
*margin:0;
}
*a.external.text:after{
*content:" (" attr(href) ")";
*font-style:normal;
*font-size:80%;
*vertical-align:middle;
*word-break:break-all;
*}
table{
*color:inherit;
*margin: 0 0 1em 0;
*font-size:80%;
*line-height:1.35;
*break-inside: avoid;
}
*td{
*margin:0.5em 0;
*vertical-align:top;
*}
*td:first-of-type{
*width:30mm;
*}
pre, code{
*font-size:80%;
*line-height:1.5;
*margin:2em 1em;
*white-space:pre-wrap;
*white-space:-moz-pre-wrap;
*/*break-inside: avoid;*/
}
small{
*font-size:80%;
*line-height:0.7;
}

img{
*width:auto;
*max-width:100%;
*max-height:200px;
*
*break-inside: avoid;
*/* filter: url(#duotone);
*-webkit-filter: url(#duotone); */
*
*counter-increment: image;
}

.image {
    float: right;
    position: relative;

      /* border: 1px solid;*/
      padding: 0.25em !important;
      margin: 0 0 1em 1em !important;
}

/*.image:before {
    content: "?  " counter(image);
    position: absolute;
    z-index: 1;
    top: .5em;
    left: .5em;
    border: 1px solid;
    text-align: center;
    background: white;
    font-style: normal;
    white-space: nowrap;
    padding: 0 0.5em !important;
}*/

p > a.image:nth-child(2){
*display:none;
}
.thumb.tright{
*display:none;
}
*

/* TABLE OF CONTENTS*/
section.lemma.toc-page{
*columns:auto;
}
section.lemma.toc-page a.external.text:after{
*display:block;
*content:" (" attr(href) ")";
*font-style:normal;
*font-size:70%;
}

/* SECTION */
section.language {
    width: 100%;
    -webkit-columns: 2 auto;
    counter-reset: image 1;
    orphans: 3;
    widows: 3;
}

section.group {
    margin-bottom:2em;
}

/* INDEX HEADERS */
pre.ascii{
*line-height:1.25;
*margin:0 7mm;
*break-inside: avoid;
}
.asciiheaderwrapper.groupheader {
    break-inside: avoid;
    font-weight:normal;
}
pre.ascii.h3{
*margin:5mm 1mm 0 1mm;
}
pre.ascii.h4{
*margin:0;
}
h4 {
    text-transform: uppercase;
    margin:2em 0 1em 0;
}
*h4:before {
*content:'%%  %%  %% ';
*}
*h4:after {
*content:' %%  %%  %%';
*}
*h4 + p{
*font-style:italic;
*}
h5{
*font-style:italic;
}
*h5:before {
*content:'%% ';
*}
*h5:after {
*content:' %%';
*}


div.asciiname{
*width:100%;
*text-align:center;
*margin:0;
*padding:0;
}
div.asciiname.h3{
*margin:2mm 0 3mm 0;
}


.asciiheaderwrapper {
    break-inside: avoid;
    font-weight:bold;
}

.asciiheaderwrapper.center {
    text-align: center;
}

.asciiheaderwrapper.h3 .asciiname {
    text-transform: uppercase;
    margin-top:1em;
    margin-bottom: .5em;
}

.asciiheaderwrapper.h3 {
*break-before: page;
*page-break-before: page;
}

.asciiheaderwrapper.groupheader + p + .asciiheaderwrapper.h3{
*break-before: avoid;
*page-break-before: avoid;
}

/* TEXT HEADERS */
.asciiheaderwrapper.center pre {
    text-align: left;
    margin: auto;
    display: inline-block;
}
.lemmaheader {
    margin-top: 2em;
    margin-bottom: 0em;
    margin-left: -1em;
}
.lemmaheader pre.ascii {
    font-size: 100%;
    margin: 0;
}
*


/* SECTION LEMMA */
section.lemma{
    margin-top:0;
    padding-left: 2em;
}

.toc{
*display:none;
}

section.lemma:first-child{
*margin-top:0mm;
}

svg {
    display: none;
}


/* experimenten */

.language > p {
    margin-left: 0.7em;
    text-align: center;
}

.groupheader {
    margin-top: 3em;
    margin-bottom: 2em;
    
    break-before: right;
    page-break-before: right;
}

/*
section.lemma.program {
    page-break-before: always;
    break-before: always;
}
*/

.page-breaker {
    page-break-before: always;
    page-break-after: always;
/*     visibility: hidden; */
}

.lemma.you-shall-know-a-word-by-the-company-it-keeps .image, 
.lemma.vous-connatrez-un-mot-par-la-compagnie-quil-tient .image,
.lemma.word-embeddings-casestudy-crowd-embeddings .image,
.lemma.plongement-lexical-un-cas-dtude .image
{
*float: none;
*margin-left: 0;
*display: inline-block;
}


.lemma.you-shall-know-a-word-by-the-company-it-keeps .image + .image,
.lemma.vous-connatrez-un-mot-par-la-compagnie-quil-tient .image + .image
{
*display: none;
}

.lemma.an-algoliterary-journey .lemmaheader {
    display: none;
}

.index {
    max-width: 50%;
    margin: auto;
}

.lemma.word-embeddings-casestudy-crowd-embeddings,
.lemma.you-shall-know-a-word-by-the-company-it-keeps,
.lemma.learning-from-deep-learning,
#inspecting-the-technique-behind-word-embeddings,
#graph-2-astroblackness, #graphique-2-astroblackness,
.language.en #logfiletxt,
.language.en .lemma.word2vec_basicpy h3#source,
.lemma.recettes-oulipo,
#des-mots-aux-nombres {
    page-break-before: always;
}

.h3#comment-une-machine-pourrait-parler {
    page-break-before: avoid;
}