/* CSS graphique */

@font-face{
  font-family:'fraktur';
  src: url(fonts/fruktur-Regular.woff) format('woff'),
      url(fonts/fruktur-Regular.ttf) format('ttf');
}

*{
  font-family:'Work Sans', sans-serif;
}

header{
  border: solid 3px black;
  box-shadow: 4px 4px 0px black;
  margin-top:10px;
  background-color: #FFF;
}

header p{
  font-family: 'Fruktur', cursive;
  font-size: 28px;
  text-align: center;
  margin-top:4px;
}


em, cite{
  font-weight:200;
}

strong{
  font-weight:400;
}

a{
  color:inherit;
  text-decoration: none;
}

a:hover{
  color:#0CE5C8;
  text-decoration: none;
  font-weight:200;
}

#infos, #gauche footer{
  font-size:11px;
  line-height:12x;
}

#infos dt{
  font-size:9px;
  line-height:12px;
  text-transform:uppercase;
  font-weight:700;
  color: #0CE5C8;
}

#infos dd{
  margin-left:0px;
  margin-top:5px;
  margin-bottom:15px;
}

nav ol{
  padding-left:0px;
}


article h1 small{
  display:block;
  font-size:9px;
  line-height:12px;
  text-transform:uppercase;
  font-weight:700;
  color: #0CE5C8;
  margin-bottom:5px;
}

article h1{
  font-size:16px;
  line-height:21x;
  font-weight: 700;
  text-transform:uppercase;
}

article h2{
  display:inline-table;
  position:relative;
  left:20px;
  font-size:16px;
  line-height:21px;
  text-transform:uppercase;
  margin-top:20px;
  margin-bottom: 20px;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
  font-weight: 400;
}

article p{
  margin-bottom: 20px;
  font-size:17px;
  line-height:21x;
  font-weight: 400;
}

.decale{
  margin-left: 20px;
}


mark{
  background-color: inherit;
}

.surligner{
  background-color: yellow;
}

note{
  font-size:11px;
  line-height:12x;
}



appelnote, numeronote{
  color: #0CE5C8;
  font-weight:700;
}

appelnote{
  font-size: 13px;
  margin-left:3px;
  margin-right:3px;

}

#gauche footer p{
  font-weight: 700;
}




blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}


abbr[title] {
  border-bottom: 1px dotted;
}

abbr[title]:after {
  content: " (" attr(title) ")";
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}