:root{
   	--fond-A:white;
   	--fond-B:ivory;
   	--fond-C:ivory;
   	--noir:olive;
   	--accent:royalblue;
   	--corps:1rem;
   	--corps-L:2rem;
   	--indent:2rem;
   	--interligne:1.4rem;
    --marker-size:.75rem;
   	--largeur-bordure-cellule:1px;
   	--largeur:16px;
   	--arrondi:5px;
   	--incertitude:.5;
    --noi-width:10px;
    --grad-width:1px
}

/* Type settings */
@font-face {
	font-family: "Dot";
	src: local("Dot"),
		url("TimesDotRom.woff2") format("woff2"),
		url("TimesDotRom.woff") format("woff");
}

@font-face {
	font-family: "Dot-ita";
	src: local("Dot-ita"),
		url("TimesDot-Italic.woff2") format("woff2"),
		url("TimesDot-Italic.woff") format("woff");
}



*{
font-family:Dot;
box-sizing:content-box;
font-size:var(--corps);
color:var(--noir);
line-height:var(--interligne)
}
#TABLEAU tr {box-sizing:border-box;}

thead td{text-align:left}
#TABLEAU tr {
	cursor:pointer;
	display:flex;
	justify-content:flex-start;
}

#TABLEAU tr, #TABLEAU td {
	background:var(--fond-B)
}
#TABLEAU tr:nth-of-type(2n+1) td, #TABLEAU tr:nth-of-type(2n+1):not(thead tr){
    background:var(--fond-A);
}
#TABLEAU td { border-left:0px solid black;padding-left:0px}
#TABLEAU tr {display:flex;flex-wrap:nowrap;height:var(--interligne); column-gap:0px;}
#TABLEAU tr.show {height:auto}
#TABLEAU tr td{width:calc(var(--largeur) * 10)}
#TABLEAU tr td.numeros{width:calc(var(--largeur) * 4)}
#TABLEAU tr td:first-of-type{width:min(calc(var(--largeur) * 30), 100vw); position:sticky;margin-left:calc(var(--indent) * -1);left:0;top:0; z-index:1000; border-right:1px solid var(--noir); max-width:50vw;}
#TABLEAU tr {margin-left:min(0, calc(var(--largeur) * 30), 100vw); position:relative}
#TABLEAU td.start-date, #TABLEAU td.end-date{width:11ch; content:attr('data-date')}
#TABLEAU td.number-of-issues {width:5ch}
#TIMELINE, #TABLEAU {
display:grid;
max-width:100vw;
overflow:scroll;
position:relative;
bottom:0;
height:calc(100vh - var(--interligne) * 4);
}

#TABLEAU td.start-date {margin-left:4ch;}
#TABLEAU tr.show {display:flex;flex-direction:column;flex-wrap:wrap;position:sticky;left:0; width:100vw}
#TABLEAU tbody tr td { text-overflow: " (…)";  white-space: nowrap;
    overflow: hidden;}

#TABLEAU tr.show td:first-of-type{
    border-right:none;
}
#TABLEAU tr.show td:not(:first-of-type){
    margin-left:var(--indent);
    width:min(100%, 960px) !important;
    border-left:none;
	max-width:calc(100% - var(--indent) * 3);
	white-space:normal
    /*border-top:1px solid black*/
}
tr:not(.show) td.start-date, tr:not(.show) td.end-date, tr:not(.show) td.number-of-issues {text-align:right}

#TABLEAU tr:not(.show) td:not(:first-of-type) {padding: 0 5px}
#TABLEAU tr.show td {}
tr.show td::before {opacity:var(--incertitude)}
tr.show td.title::before {content:""}
tr.show td.start-date::before {content:"start date : "}
tr.show td.end-date::before {content:"end date : "}
tr.show td.number-of-issues::before {content:"number of issues : "}
tr.show td.city::before {content:"city : "}
tr.show td.country::before {content:"country : "}
tr.show td.language::before {content:"language : "}
tr.show td.full-title::before {content:"full title : "}
tr.show td.type::before {content:"type : "}
tr.show td.format::before {content:"format : "}
tr.show td.frequency::before {content:"frequency : "}
tr.show td.creators::before {content:"creators : "}
tr.show td.editor-in-chief::before {content:"editor in chief : "}
tr.show td.publisher::before {content:"publisher : "}
tr.show td.sources::before {content:"sources : "}
tr.show td.related-works::before {content:"related works : "}
tr.show td.comments::before {content:"comments : "}

body {margin: 0; min-height:100vh;overflow-x:hidden}
tr{width:100%;padding:0}
thead {position:sticky;top:0; z-index:1000000000000; }
#TIMELINE thead tr td:not(:first-of-type) {
background:var(--fond-A) !important;
}
#TABLEAU thead tr td{
}

/*
.titre			{width:calc(var(--largeur) * 1)}
.periodicite	{width:calc(var(--largeur) * 1)}
.debut			{width:calc(var(--largeur) * 2)}
.fin 			{width:calc(var(--largeur) * 2)}
.numeros		{width:calc(var(--largeur) * 1)}
.format			{width:calc(var(--largeur) * 2)}
.ville			{width:calc(var(--largeur) * 2)}
.pays			{width:calc(var(--largeur) * 2)}
.sources		{width:calc(var(--largeur) * 2)}
.travaux-lies	{width:calc(var(--largeur) * 2)}
*/
.rectangle {
 padding:0 !important;
}
.rectangle div {
border-left:10px solid var(--accent);
z-index:1000;
background-color: var(--accent); height:100%; min-height: var(--interligne); position: relative;

scale:0.27 1.05;
transform-origin:left center;
}

.legende {position:fixed;bottom:var(--interligne);right:var(--interligne); z-index:10; display:none;
background:var(--fond-C);
border:1px solid var(--noir); border-radius:var(--arrondi);
padding:var(--corps);
}
sup{line-height:var(--interligne)}
sup::before{content:' '}
.unsure, sup  {opacity:var(--incertitude)}
nav {max-width:100%;background:var(--fond-A);margin:0 var(--indent);
position:relative;
z-index:1000}
#map {display:block;height:100vh;
    background: var(--fond-A);
    outline: 0;
}
.leaflet-popup-content-wrapper {border-radius:0}
.pin:hover {background-color:var(--noir) !important}
.pin:hover {z-index:1000000}
.pin {
    cursor:pointer;
	background-color: var(--accent);
	width: var(--marker-size);
	height: var(--marker-size);
	display: block;
	position: relative;
	border-radius:100%;
    position:relative
}
.pin section {
left:50%;
transform:translateX(-50%);
background:var(--fond-A);
    width:fit-content;
    position:absolute;
    display:none;
top:10px;
border-radius:5px;
}
.pin section p {
padding:0px 5px;
text-indent:0;
white-space:nowrap;
}
.pin section p:nth-of-type(even){
background:var(--fond-C)}
.pin:hover section {
    border:1px solid var(--noir);
    display:inline
}
.pin p {margin:0;}

#TIMELINE tr td:first-of-type{


}
#TIMELINE tr {
	
    display:grid;
    grid-template-columns:1fr 3fr;
}

.numbers-1-of-2 .number:nth-of-type(2n),
.numbers-1-of-4 .number:nth-of-type(4n-1),
.numbers-1-of-4 .number:nth-of-type(4n-2),
.numbers-1-of-4 .number:nth-of-type(4n-3) {display:none}

.numbers-1-of-2 {justify-content:space-between !important}
#TIMELINE .numbers {
z-index:10000;
position:relative;
display:flex;
justify-content:space-around;
padding-bottom:calc(var(--interligne) / 2);
text-align:center;
}
#TIMELINE .numbers div:not(#graduation) {

transform:rotate(0deg);
font-size:var(--corps) !important;
}
#graduation{
position:absolute;
width:100%;
border-top: 1px solid var(--accent);
height:calc(var(--interligne) / 2);
top:calc(var(--interligne) / 1);
}
#vertical-bar{
pointer-events:none;
position:fixed;
bottom:0;
height:calc(100vh);
border-left:1px solid var(--noir);
z-index:0;
}
#TIMELINE tbody tr, #TABLEAU tbody tr{
}
#TIMELINE tbody tr:hover,
#TABLEAU tr:hover
{
	border-bottom:1px solid var(--noir) !important;
	border-top:1px solid var(--noir) !important
}
#TABLEAU thead tr:hover{border-top:none !important}
section.large * {max-width:960px;margin:0;font-size:var(--corps-L); line-height:calc(var(--corps-L) * 1.2)}
section.large {margin:var(--interligne)}
section.large a {color:var(--accent)}
p:not(:first-of-type){text-indent:var(--indent)};


table {margin-bottom:var(--interligne);border-collapse:collapse}

footer {
display:none;
background:var(--fond-B);width:100%;height:var(--interligne);}

footer p {margin:0}

::-moz-selection { /* Code for Firefox */
  color: var(--fond-A);
  background: var(--noir);
}

::selection {
  color: var(--fond-A);
  background: var(--noir);
}

.large, #TABLEAU, #TIMELINE {
	margin:0 var(--indent)
}

#TIMELINE {overflow-x:hidden}
.asc::after {content: "▲"}
.desc::after {content: "▼"}
.asc::after,.desc::after {display:inline-block;font-size:calc(var(--corps) * .6);transform:translate(5px, calc(var(--corps) * -.15))
}

.small {
	display: flex;
    flex-wrap:wrap;
    gap:10px;
	margin: 0 var(--interligne);
    padding-bottom:calc(var(--interligne) * 2 );
}
.small p {
    min-width:min(400px, 100%);
    max-width:min(500px, 100%);
	list-style: none;
	text-indent: 0;
    margin:0;
}

.small ul{
	list-style: none;
}

.underline{
	text-decoration: underline;
}

a, .small a {color:var(--accent)}


.nav-main, .nav-sub {
    display:grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    background:var(--fond-A);
}

.nav-main a:first-of-type {grid-column:1}
.nav-main a:nth-of-type(2), .nav-sub a:nth-of-type(1) {grid-column:2}
.nav-main a:nth-of-type(3), .nav-sub a:nth-of-type(2) {grid-column:3}
.nav-main a:nth-of-type(4), .nav-sub a:nth-of-type(3) {grid-column:4}

nav a {color:var(--accent); width:fit-content;}
nav a:hover{opacity:1;}
a#active {color:var(--fond-A);background:var(--noir)}
.nav-main a:not(:first-of-type), .nav-sub a {color:var(--noir)}

nav:first-of-type{
	padding-top:calc(var(--interligne) / 2);
}
nav:last-of-type {
	border-bottom:1px solid var(--accent);
	padding-bottom:calc(var(--interligne) / 2);
}
.wip {pointer-events:none; text-decoration:line-through; color:gray !important}