/*
 *      Style de la zone d'article.
 */

@font-face {
    font-family: "Font-Article";
    src: url("../Fonts/Gentleman-Rainbow.ttf");
    /*src: url("../Fonts/Bella-Donna-Personal.ttf");*/
}

@font-face {
    font-family: "Font-Code";
    src: url("../Fonts/emlat.ttf");
}

#article {
    font-family: "Font-Article";
}

#article code {
    font-family: Font-Code;
}

#article blockquote {
    font-size: 1.0em;
}

#article h1/*,
#article h2*/ {
    text-decoration: underline;
}

#article h1 {
    font-size: 2.4em;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
    
    counter-reset: part;
}

#article h2 {
    font-size: 2.0em;
    
    counter-reset: section;
}

#article h2::before {
    counter-increment: part;
    content: counter(part) ". ";
    font-weight: bolder;
}

#article h3 {
    font-size: 1.6em;
    
    counter-reset: subsection;
}

#article h3::before {
    counter-increment: section;
    content: counter(part) "." counter(section) " ";
    font-weight: bolder;
}

#article h4 {
    font-size: 1.3em;
    
}

#article h4::before { 
    counter-increment: subsection;   
    content: counter(part) "." counter(section) "." counter(subsection) " ";
    font-weight: bolder;
}

#article table,
#article th,
#article td{
    border: 1px solid gray;
    padding: 2px;
    margin: 2px;
}

#article p {
    text-align: justify;
    text-justify: inter-word;
	word-wrap: break-word;
}

#article p + ol,
#article p + ul {
    margin-top: -10px;
    margin-bottom: 10px;
}

#article ol, #article ul {
    padding-left: 30px;
}

#article .markdown-list-without-bullet + ul,
#article .markdown-list-without-bullet + ol,
#article .markdown-list-without-bullet + * + ul,
#article .markdown-list-without-bullet + * + ol,
#article .markdown-list-without-bullet + ul ul,
#article .markdown-list-without-bullet + ol ol,
#article .markdown-list-without-bullet + * + ul ul,
#article .markdown-list-without-bullet + * + ol ol
#article .markdown-list-without-bullet + ul ol,
#article .markdown-list-without-bullet + ol ul,
#article .markdown-list-without-bullet + * + ul ol,
#article .markdown-list-without-bullet + * + ol ul{
    list-style-type: none;
}

#article .markdown-list-up + ul,
#article .markdown-list-up + ol,
#article .markdown-list-up + * + ul,
#article .markdown-list-up + * + ol {
    margin-top: -18px;
}


#article .markdown-list-up + ul ul,
#article .markdown-list-up + ol ol,
#article .markdown-list-up + * + ul ul,
#article .markdown-list-up + * + ol ol
#article .markdown-list-up + ul ol,
#article .markdown-list-up + ol ul,
#article .markdown-list-up + * + ul ol,
#article .markdown-list-up + * + ol ul {
    margin-top: -8px;
}

#article a {
	color: gray;
	font-weight: bold;
}

#article img {
    display: block;
    margin: auto;
    max-width: 90%;
    max-height: 300px;
}