/*
 * Copyright (c) 2017 -- Élie Michel
 */

@font-face {
    font-family: 'Goudy Old Style';
    src: url('fonts/GoudyOldStyle.eot'); /* IE9 Compat Modes */
    src: local('Goudy Old Style'),
         url('fonts/GoudyOldStyle.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/GoudyOldStyle.woff2') format('woff2'),
         url('fonts/GoudyOldStyle.woff') format('woff'), /* Modern Browsers */
         url('fonts/GoudyOldStyle.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/GoudyOldStyle.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Goudy Old Style';
    font-variant: italic;
    src: url('fonts/GoudyOldStyle-Italic.eot'); /* IE9 Compat Modes */
    src: local('Goudy Old Style'),
         url('fonts/GoudyOldStyle-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/GoudyOldStyle-Italic.woff2') format('woff2'),
         url('fonts/GoudyOldStyle-Italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/GoudyOldStyle-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/GoudyOldStyle-Italic.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Goudy Old Style';
    font-weight: 700;
    src: url('fonts/GoudyOldStyle-Bold.eot'); /* IE9 Compat Modes */
    src: local('Goudy Old Style'),
         url('fonts/GoudyOldStyle-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/GoudyOldStyle-Bold.woff2') format('woff2'),
         url('fonts/GoudyOldStyle-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/GoudyOldStyle-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/GoudyOldStyle-Bold.svg') format('svg'); /* Legacy iOS */
}


@font-face {
    font-family: 'Bodoni MT';
    font-weight: 900;
    src: url('fonts/BodoniMT-Heavy.eot'); /* IE9 Compat Modes */
    src: local('Bodoni MT Heavy'),
         url('fonts/BodoniMT-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BodoniMT-Heavy.woff2') format('woff2'),
         url('fonts/BodoniMT-Heavy.woff') format('woff'), /* Modern Browsers */
         url('fonts/BodoniMT-Heavy.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/BodoniMT-Heavy.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Bodoni MT';
    font-weight: 700;
    src: url('fonts/BodoniMT-Bold.eot'); /* IE9 Compat Modes */
    src: local('Bodoni MT'),
         url('fonts/BodoniMT-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BodoniMT-Bold.woff2') format('woff2'),
         url('fonts/BodoniMT-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/BodoniMT-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/BodoniMT-Bold.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Bodoni MT';
    font-weight: 400;
    src: url('fonts/BodoniMT-Regular.eot'); /* IE9 Compat Modes */
    src: local('Bodoni MT'),
         url('fonts/BodoniMT-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BodoniMT-Regular.woff2') format('woff2'),
         url('fonts/BodoniMT-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/BodoniMT-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/BodoniMT-Regular.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Bodoni MT';
    font-weight: 400;
    font-variant: italic;
    src: url('fonts/BodoniMT-Italic.eot'); /* IE9 Compat Modes */
    src: local('Bodoni MT'),
         url('fonts/BodoniMT-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BodoniMT-Italic.woff2') format('woff2'),
         url('fonts/BodoniMT-Italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/BodoniMT-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/BodoniMT-Italic.svg') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'SimSun';
    font-weight: 400;
    font-variant: italic;
    src: url('fonts/SimSunExppadEdit.eot'); /* IE9 Compat Modes */
    src: url('fonts/SimSunExppadEdit.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/SimSunExppadEdit.woff2') format('woff2'),
         url('fonts/SimSunExppadEdit.woff') format('woff'), /* Modern Browsers */
         url('fonts/SimSunExppadEdit.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/SimSunExppadEdit.svg') format('svg'); /* Legacy iOS */
}



.container {
    max-width: 25em;
    margin: auto;
}

body {
    padding: 0 1em;
    font-family: "Goudy Old Style";
    margin-bottom: 15em;
}

::selection {
  background: #d87900;
  color: white;
}
::-moz-selection {
  background: #d87900; /* Gecko Browsers */
  color: white;
}

.blog .container {
    max-width: 40em;
}

h1.main {
    font-size: 5em;
    font-family: "Bodoni MT";
    font-weight: 900;

    margin-top: 1.5em;
    margin-bottom: 0em;
}
h1.main a,
h1.main a:hover,
h1.main a:visited {
    text-decoration: none;
    color: inherit;
}

h1.title {
    font-family: "SimSun";
    font-weight: normal;
    text-align: right;
    margin: 4em 0 3em 1em;
}
h1.title a,
h1.title a:hover,
h1.title a:visited {
    text-decoration: none;
    color: inherit;
}

a.hiddenlink,
a.hiddenlink:hover,
a.hiddenlink:visited {
    text-decoration: none;
    color: inherit;
}

h1, h2, h3, h4 {
    font-family: "Bodoni MT";
    font-weight: normal;
    margin: 2em 0 0.5em 0;
}

.article p,
.article ul,
.article ol {
    font-size: 1.2em;
    text-align: justify;
}

.reactions p,
.reactions ul,
.reactions ol {
    color: #616161;
    font-size: 1em;
    text-align: justify;
}

.reaction-head {
    margin-top: 2em;
    font-weight: bold;
}

.article a {
    color: #d87900;
}
.article a:visited {
    color: #844a00
}

p.abstract {
    font-style: italic;
}

p.signature {
    font-family: "Goudy Old Style";
    font-style: italic;
    text-align: right;
}

ul.dotted {
    font-size: 1.5em;
    font-family: "Bodoni MT";
    font-weight: bold;

    list-style-type: none;
    padding: 0;
}

ul.dotted li.abstract {
    font-family: "Goudy Old Style";
    font-size: 0.7em;
    font-style: italic;
    font-weight: normal;
}

ul.dotted a {
    color: inherit;
    text-decoration: none;
    line-height: 1.5em;

    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    white-space: nowrap;
    position: relative;
}


ul.dotted a .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0.2em;
    flex-shrink: 0.5;
}
ul.dotted a .dots {
    min-width: 0;
    flex-grow: 1;
    flex-shrink: 100000000;
    text-overflow: '';
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0.2em;
}
ul.dotted a .page {
    font-size: 0.7em;
}

ul.dotted a:hover::before {
    content: '';
    width: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0.35em;
    border-bottom: 2px solid black;
}


ul.blog-list li.abstract {
    margin-bottom: 2em;
}


.ariane {
    font-family: "Goudy Old Style";
    font-size: 1.0em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ariane time {
    margin-left: 0.5em;
}

.ariane a {
    color: black;
    text-decoration: none;
}

.ariane a:hover {
    text-decoration: underline;
}


blockquote {
    font-style: italic;
    border-left: 1px solid #c3c3c3;
    padding-left: 1em;
    margin: 0 2em;
    color: #000000;
    font-size: 0.9em;
}

a.reply-source {
    font-size: 0.8em;
}

span.date {
    font-style: italic;
}

span.auteur {

}

:not(pre) > code {
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4;
    color: #428c3a;
    border-radius: 3px;
    padding: 0 0.3em;
}

.e-content img {
	max-width: 100%;
}