@font-face {
  font-family: DefaultFont;
  src:url("Fonts/Montserrat/Montserrat-Light.otf");
}

@font-face {
  font-family: DefaultFontBold;
  src:url("Fonts/Montserrat/Montserrat-Bold.otf");
}

@font-face {
  font-family: TitleFont;
  src:url("Fonts/Lobster.ttf");
}

body{
  font-family: DefaultFont;
  --text-color: white;
  color: var(--text-color);
  --bg-color: rgb(25, 25, 25);
  --bg-color-light: rgb(50, 50, 50);
  background-color: var(--bg-color);
}

header{
    text-align: center;
}

#citation {
  font-size: 8pt;
  font-style: italic;
  color: silver;
}

a{
  text-decoration: none;
  color: inherit;
}

#bandeau{
  margin-top: 10pt;
  --alt-color: rgb(100,100,100);
  border-top: solid 1pt var(--alt-color);
  border-bottom: solid 1pt var(--alt-color);
  display: inline-table;
  width: 100%;
}

#bandeau > *{
  padding: 3pt 0 3pt 0;
  font-size: 15pt;
  display: table-cell;
  text-align: center;
  width: 33%;
  transition-duration: .5s;
}

#bandeau a:hover {
  background-color: var(--bg-color-light);
  transition-duration: .5s;
}

#fouillis_liste span{
  height: 100%;
}

#fouillis {
  position: relative;
}

#fouillis_liste {
  transition-duration: .25s;
  background-color: var(--bg-color);
  width: inherit;
  text-align: center;
  position: absolute;
  top: 100%;
  height: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: 0 0 0 5pt;
  border-bottom: solid 1pt var(--alt-color);
  border-left: solid 1pt var(--alt-color);
  width: 100%;
}

#fouillis:hover #fouillis_liste, #fouillis:active #fouillis_liste{
  transition-duration: .25s;
  box-shadow: 0 5pt 5pt black;
  height: 45pt;
}

#fouillis_liste a{
  display: block;
  padding: 2pt;
}

#contenu{
  padding: 20pt;
  text-align: justify;
}

#triptyque{
  float: right;
  text-align: center;
  margin-left: 20pt;
  width: 200pt;
}

#pierre{
  border-radius: 50%;
  width: 100%;
  -webkit-filter: grayscale(40%);
  filter: grayscale(40%);
  transition-duration: .3s;
}

#pierre:hover{
  transform:scale(1.05);
  transition-duration: .3s;
}

#diptyque img{
  transition-duration: .3s;
}

#diptyque img:hover {
  transition-duration: .3s;
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
}

#diptyque div {
  margin-top: 5pt;
  width: 30%;
  display: inline-block;
}

#diptyque img {
  width: 100%;
}

#contenu a{
  color: rgb(200,200,255);
  transition-duration: .25s;
}

#contenu a:hover{
  transition-duration: .25s;
  color: white;
}

#contenu p a {
    font-weight:lighter;
    font-family: DefaultFontBold;
    text-decoration: none;
}

#contenu div {
  padding: 0;
}

#contenu p {
  line-height: 170%;
}

h1, h2 {
  font-family: TitleFont;
}

h1{
  margin-bottom: 5pt;
}

h3{
  font-family: TitleFont;
}

ul>li {
  list-style: none;
}

li {
	margin-bottom: 10pt;
}

footer {
  display:inline-block;
  width: 100%;
  margin-top: 10pt;
  margin-bottom: 10pt;
  text-align: center;
}

footer a {
  text-decoration: underline;
}

.ptitle {
  font-style: italic;
}

.ppreprint {
  text-decoration: underline;
}

.pjournal {
  text-decoration: underline;
}

.pvolume {
  font-weight: bold;
}

.ttitle {
  font-style: italic;
}


#collisions {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

.journal {
  font-style: italic;
}

.pubtype {
  font-family: DefaultFontBold;
}

.pubvolume {
  font-family: DefaultFontBold;
}
