/* style.css - a simple style sheet */
body {
  /* margin-left: 10%; margin-right: 10%; */
  margin: auto;
  color: black;
  /* font-family: Verdana, serif;*/
  font-family: Tahoma, Helvetica;
  background-color: #b3b3b3 /*#fffaf0*/;
/*  background-image: url("texture.jpeg");*/
}

h1,h2 {
  /*font-family: Garamond, "Times New Roman", sans-serif;*/
  font-variant: small-caps;
  background-color: white;
}

/*
Dans Firefox, 1rlh = 23px, donc 1px = 0.043478261rlh ;) XD.
Sur mon écran 1cm = 37.7953px, soit 1.643273913rlh.
Et 1em = 16px, soit 0.695652176rlh.
1px = 0.043478261rlh
2px = 0.086956522rlh
10px = 0.43478261rlh
13px = 0.565217393rlh
15px = 0.652173915rlh
18px = 0.782608698rlh
19px = 0.826086959rlh
20px = 0.86956522rlh
22px = 0.956521742rlh
24px = 1.043478264rlh
25px = 1.086956525rlh
30px = 1.30434783rlh
35px = 1.521739135rlh
40px = 1.73913044rlh
45px = 1.956521745rlh
50px = 2.17391305rlh
80px = 3.47826088rlh
1em = 0.695652176rlh
1cm = 1.643273913rlh
*/

table.h1LL{
  background-color: white;
  color: #3f51b5;
  margin-left: 0.86956522rlh;
  margin-top: 0.956521742rlh;
  margin-bottom: 0.956521742rlh;
  width: calc(100% - 0.86956522rlh);
}

table.h1LL tbody tr th{
  width: 0.43478261rlh;
  background-color: #3f51b5;
  padding: 0;
}

table.h1LL tbody tr td h1{
  padding-left: 0.43478261rlh;
  margin: 0;
}

table.h2LL{
  background-color: white;
  color: #596bcf;
  margin-left: 1.30434783rlh;
  margin-top: 0.86956522rlh;
  margin-bottom: 0.86956522rlh;
  width: calc(100% - 1.30434783rlh);
}

table.h2LL tbody tr th{
  width: 0.43478261rlh;
  background-color: #596bcf;
  padding: 0;
}

table.h2LL tbody tr td h2{
  padding-left: 0.43478261rlh;
  margin: 0;
}

table.h3LL{
  background-color: white;
  color: #7284e8;
  margin-left: 1.73913044rlh;
  margin-top: 0.782608698rlh;
  margin-bottom: 0.782608698rlh;
  width: calc(100% - 1.73913044rlh);
}

table.h3LL tbody tr th{
  width: 0.43478261rlh;
  background-color: #7284e8;
  padding: 0;
}

table.h3LL tbody tr td h3{
  padding-left: 0.43478261rlh;
  margin: 0;
}

/*h1:before {
float: left;
content: url(home.jpg);
vertical-align:text-top;
}*/

pre { font-family: monospace; }
:link { color: rgb(0, 0, 153); }  /* for unvisited links */
:visited { color: rgb(153, 0, 153); } /* for visited links */
a:active { color: rgb(255, 0, 102); } /* when link is clicked */
a:hover { color: rgb(0, 96, 255); } /* when mouse is over link */

address {
  margin-top: 0.695652176rlh;
  padding-top: 0.695652176rlh;
  border-top: thin dotted;
}

.left { text-align: left; }

p.indent { text-indent: 1.643273913rlh; }

ul.liens{
  list-style-type: none;
}

ul.liens li{
  background-color: white;
  margin: 0.43478261rlh;
  margin-left: 1.521739135rlh;
  padding: 0.43478261rlh;
  border-radius: 0.652173915rlh;
}

ul.souslienscourts{
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

ul.biblio{
  list-style-type: none;
}

li.publication{
  background-color: white;
  margin: 0.43478261rlh;
  margin-left: 1.521739135rlh;
  padding: 0.43478261rlh;
  border-radius: 0.652173915rlh;
  /*position: relative;*/
}

/*
li.publication div{
  width: 50%;
}
*/

li.publication div.resume{
  display: none;
  /*
  position: absolute;
  top: 0;
  right: 0;
  */
}

ul.listesoush1{
  list-style-type: none;
}

ul.listesoush1 li{
  background-color: white;
  margin: 0.43478261rlh;
  margin-left: 0;
  padding: 0.43478261rlh;
  border-radius: 0.652173915rlh;
}

#navigation{
  box-sizing: border-box;
  width: 100%;
  background-color: #3f51b5;  
  overflow: hidden;/*nécessaire car float sur tous les fils sinon height 0*/
}

#navigation .nom{
  font-size: 1.043478264rlh;
  color: white;
  float: left;
  padding: 0.43478261rlh;
  margin-left: 10%;
  margin-right: 10%;
}


#navigation a{
  text-decoration: none;
  height: 0.86956522rlh;
  float: left;
  color: white;
  background-color: #7284e8;
  margin: 0.043478261rlh;
  padding: 0.086956522rlh;
  margin-top: 0.565217393rlh;
}

#navigation a:hover, #navigation a.choix{
  background-color: #596bcf;
}

.soush1{
  background-color: white;
  margin-left: 1.086956525rlh;
  padding: 0.43478261rlh;
  border-radius: 0.652173915rlh;
}

.soush2{
  background-color: white;
  margin-left: 1.521739135rlh;
  padding: 0.43478261rlh;
  border-radius: 0.652173915rlh;
}

.soush3{
  background-color: white;
  margin-left: 1.956521745rlh;
  padding: 0.43478261rlh;
  border-radius: 0.652173915rlh;
}

#w3c_validation{
  margin-top: 1.086956525rlh;
  margin-left: 2.17391305rlh;
}

/*Ci-dessous le css pour la triforce*/
table.triforce{
  border-style: solid;
  border-width: thin;
  border-collapse:collapse;
  background-color: white;
}

table.triforce td, table.triforce th{
  border-spacing: 0;
  border-style: solid;
  border-width: thin;
  width: 3.47826088rlh;
  height: 0.826086959rlh;
  padding: 0;
  margin: 0;

  font-family: monospace;
  font-weight: normal;
  font-size: small;
}

table.triforce tr :first-child{
  width: 1.73913044rlh;
}

#troisColonnes{
  display: grid;
  width: 98vw;
  grid-template-columns: var(--largeur_premiere, 0) 49vw calc(49vw - var(--largeur_premiere, 0px));
}

#divMinimap{
  box-sizing: border-box;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}

#entetePublications{
  box-sizing: border-box;
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
}

#selectionPublication,
#partieDroiteResume
{
  box-sizing: border-box;
  height: calc(99vh - var(--hauteur_navigation_et_entete, 11.5rlh));
}

#selectionPublication{
  overflow-y: scroll;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}

#partieDroiteResume{
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
}

#selectionPublicationCopie{
  position: fixed;
  top: 0px;
  left: 120vw;
  width: 49vw;
}

@supports(background: -moz-element(#selectionPublication)){
  #minimap{
    box-sizing: border-box;
    width: calc(100% - 0.86956522rlh);
    height: calc(99vh - var(--hauteur_navigation_et_h1, 150px));
    background: -moz-element(#selectionPublicationCopie) no-repeat center / contain;
    margin-left: 0.86956522rlh;
  }

  #minimap-range{
    /* thanks : https://css-tricks.com/
      using-the-little-known-css-element-function-to-create
      -a-minimap-navigator/
    */
    transform: translateY(-100%) rotate(90deg);
    transform-origin: bottom left;
    background-color: transparent;
    margin: 0;
    padding: 0;
    width: calc(99vh - var(--hauteur_navigation_et_h1, 150px));
    height: calc(var(--largeur_premiere, 0px) - 0.86956522rlh);
  }

  #minimap-range::-moz-range-thumb{
    box-sizing: border-box;
    border: thick double black;
    background-color: transparent;
    cursor: pointer;
    width: var(--thumbwidth, 1.30434783rlh);
    height: calc(var(--largeur_premiere, 0px) - 0.86956522rlh);
  }

  #minimap-range::-moz-range-track{
    background-color: transparent;
  }
}

#affichageResume{
  background-color: white;
  padding: 0.43478261rlh;
  border-radius: 0.652173915rlh;
  margin-left: 1.521739135rlh;
}

#contenuPrincipal{
  margin-left: 10%; 
  margin-right: 10%;
}