/* 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;
}

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

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

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

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

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

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

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

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

table.h3LL tbody tr td h3{
  padding-left: 10px;
  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: 1em;
  padding-top: 1em;
  border-top: thin dotted;
}

.left { text-align: left; }

p.indent { text-indent: 1cm; }

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

ul.liens li{
  background-color: white;
  margin: 10px;
  margin-left: 35px;
  padding: 10px;
  border-radius: 15px;
}

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

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

li.publication{
  background-color: white;
  margin: 10px;
  margin-left: 35px;
  padding: 10px;
  border-radius: 15px;
  /*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: 10px;
  margin-left: 0;
  padding: 10px;
  border-radius: 15px;
}

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

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


#navigation a{
  text-decoration: none;
  height: 20px;
  float: left;
  color: white;
  background-color: #7284e8;
  margin: 1px;
  padding: 2px;
  margin-top: 13px;
}

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

.soush1{
  background-color: white;
  margin-left: 25px;
  padding: 10px;
  border-radius: 15px;
}

.soush2{
  background-color: white;
  margin-left: 35px;
  padding: 10px;
  border-radius: 15px;
}

.soush3{
  background-color: white;
  margin-left: 45px;
  padding: 10px;
  border-radius: 15px;
}

#w3c_validation{
  margin-top: 25px;
  margin-left: 50px;
}

/*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: 0px;
  border-style: solid;
  border-width: thin;
  width:80px;
  height: 19px;
  padding: 0px;
  margin: 0px;

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

table.triforce tr :first-child{
  width:40px;
}

#selectionPublication{
  float: left;
  width: 50vw;
  overflow-y: scroll;
  height: calc(100vh - 265px);
}

#partieDroiteResume{
  float: left;
  /*width: calc(50% - 25px);*/
  width: calc(100% - 50vw);
}

#affichageResume{
  background-color: white;
  padding: 10px;
  border-radius: 15px;
  margin-left: 35px;
}

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