@page { size: landscape;}
/* DEBUG */
/*body { background-image: url("grid_17px.png"); background-repeat: repeat; }
*/
/** { -moz-box-sizing:  border-box; }
*/
.column125 { width: 2.6cm; float: none;}
.column250 { width: 5.25cm; float: none;}
.column375 { width: 7.87cm; float: none;}
.column500 { width: 14cm; float: none;}
.column625 { width: 13.1cm; float: none;}
.column750 { width: 15.75cm; float: none;}
.column875 { width: 18.4cm; float: none;}

.content { margin: 0 17px; }
* { margin: 0; padding: 0;}
ul, li { list-style: none; }
body { font-family: Georgia, serif; font-size: 12px; line-height: 16px; letter-spacing: 0.2px;margin-left: 70px;}
a { color: black; }

/* Hidden */
.main-menu, #text #general-comment-form, form, .signature-comment a:last-child, #folio, #tag-menu, #comment-toolbox, #other-issues, #related-texts, #article-general-comments { display: none; }
.entries-date { font-size:11px; position: absolute; margin-left: -1cm; margin-top: 4px; display: none;}
.article-title { font-size: 28px; line-height: 34px; }
.article-title a { text-decoration: none; }
.article-metadata, .article-metadata a { color: rgb(34,183,168); font-size: 11px; }

        #header { margin-bottom: 55px; }
            h1, h2 { font-weight: bold; font-size: 28px; line-height: 34px; }
            h2 { color: gray; padding-bottom: 17px !important; }
           #logo { font-family: "American Typewriter"; font-weight: bold; font-size: 100px; text-decoration: none; }

        .body { clear: both; }
            /* TIMELINE */
            #timeline-table { width: 100%; clear: left; }
                #timeline-table thead th { padding-bottom: 34px; }
                #timeline-table td, th { width: 25%; padding:0 17px 0 17px; vertical-align:top; }
                #timeline-table th { font-size: 28px; text-align: left; line-height: 34px; }
                .timeline-entry .article-comments { border-left:1px dotted #999; padding-left: 7px; margin-bottom: 34px; }
                    .highlighted-text { color: grey; } /* TODO: metter en exergue les highlighted texts d'une meilleure manière */					.path {margin-top: 8px; margin-bottom: 20px;width:500px; }
                .timeline-comment { color:#33CC99; font-size:11px; margin-bottom:0; }
                #timeline-table .timeline-entry .article-metadata { display: none; }
                #timeline-table .timeline-entry:hover { cursor: default;}
                #timeline-table .timeline-entry:hover .article-metadata { display: block; }
        
            /* ARTICLE */
            #text { margin-top:-68px; }
                #text-table { width: 18.4cm; }
                #text-table td { padding:0 17px 17px; vertical-align:top; }
                #text-table td.body-cell { width: 10.5cm;}
                #text-table td.comment-cell { width: 1.3cm;  }
                #comment-toolbox a { color:#22B7A8; display: none; }
                #text-toolbox {display: none;}
                    .comment-count { margin-bottom: 34px; display: none; }
                    .comment, .comment-reply { border-left:1px dotted #22B7A8; color:gray; padding-left:1em; }
                    .comment-reply { margin-top:34px; }
                    .comment p { margin-bottom: 17px; }
/*                    .comment p { text-indent:3em; }
                    .comment p:first-child { text-indent: 0; } */
/*                    .signature-comment { text-indent:9em; } */
                    .signature-comment { margin-top:17px; color: rgb(34,183,168);}
                #article-general-comments { border-top:1px dotted #22B7A8;  margin-bottom:34px; margin-top:17px; padding-top:17px;  }
                
                #text-metadata, #text-metadata a { color: rgb(34,183,168); }
                #text-table, #text-body { clear: left; margin-top: 34px; margin-bottom: 34px; }
                #text-body p { margin-bottom: 17px; }
                #text-body .img-container { text-align: center; margin-top: 34px; margin-bottom: 34px; }
                
                #text #comment-comment { margin-top: 34px; }
                #text #comment-reference a { color: rgb(34,183,168); }
                #text #comment-reference-title { color: black; margin-bottom: 0; margin-top: 17px;}
                #text h3 { font-size: 2em; line-height: 34px; margin-bottom: 17px; }
            
            /* ABOUT */
            #about {  }
            #about a { color: rgb(34,183,168); text-decoration: none; }
            #about h3 { font-size: 2em; line-height: 34px; margin-bottom: 17px; }
            #about div { margin-bottom: 34px; }
            #about ul { margin-bottom: 17px;}
            #about h4 { color: rgb(34,183,168); }
            #about dt { float: left; margin-right: 0.5em; }
            
            /* COMMENT */
            #comment a { color: rgb(34,183,168); text-decoration: none; }