header > h2
{
border-bottom:white dashed;
padding-bottom:1em;
margin: 0;
}

article .article-title
{
font-size:2.5rem;
}
article p
{
  line-height: 2em;
}
article b
{
font-size:1.2em;
}
article img
{
max-height:400px;
margin: auto;
}
.text-muted
{
color:#d8cfae;
font-weight:bolder;
padding-left: 2em;
font-size: 1.1em;
line-height: inherit;
}
#siteFooter
{
margin-top:5em;
text-align: center;
font-size: 0.9em;
}
#siteFooter ul#credits li::before
{
content:none;
}
#siteFooter ul#credits li::after
{
content:" | ";
}
#sommaire h2
{
font-size:1.5em;
}
article a
{
color:#d8cfae;
}
#texteSuivant
{
font-size: 1.3em;
text-align: left;
font-style: italic;
}
#texteSuivant::before
{
content : "+ ";
}
#creditIllustration
{
  margin: 0;
  padding: 0;
  text-indent: 2em;
  font-style: italic;
  font-size: 0.9em;
  text-align: center;
}


@media only screen and (max-width: 600px)
{
    #texteSuivant
    {
    font-size: 1.1em;
    text-align: left;
    font-style: italic;
    }

    #siteFooter
    {
    margin-top:2em;
    text-align: left;
    font-size: 0.9em;
    }
     nav > ul
    {
     margin-top:0;
    }
      nav > ul > li
    {
     margin:0;
    }
    ul.inline > li
    {
    margin-left:2px;
    }
}