html{ height:100%; }
body{ min-height:100%; padding:0; margin:0; position:relative; }

body::after{ content:''; display:block; height:100px; }

footer{ 
  position:absolute; 
  bottom:0; 
  width:100%; 
  height:90px;
  border-top:1px solid gray;  
}

h1, h2, h3, h4, h5, h6 {
    font-family:Montserra, sans serif;
    font-weight:400; 
}

.example{
//  background-color:#CECECE;
    border-radius:5px;
    font-family:Courrier;
    padding:9px;
    word-break: break-all;
    word-wrap:break-word;
    overflow:auto;
    text-overflow: ellipsis;
}

a {
    text-decoration: none;
}

.header{
    border-bottom:1px solid gray;
    padding:6px;
}
img {
    margin:10px;
}

@media (max-width: 984px){
    background-color:green;
}

table {
    align:center;
}

table{
    margin-left:auto;
    margin-right:auto;
}
.Jour th{
    border-bottom:3px solid gray;
}
.Jour table{
    border-top:3px solid gray;
    border-bottom:3px solid gray;
    border-collapse:collapse;
}
.Jour tr,.Jour td{
    border:1px solid lightgray;
    border-collapse:collapse;
    padding:3px; 
}
.Nuit th{
    border-bottom:3px solid gray;
}
.Nuit table{
    border-top:3px solid gray;
    border-bottom:3px solid gray;
    border-collapse:collapse;
}
.Nuit tr,.Nuit td{
    border:1px solid #303030;
    border-collapse:collapse;
    padding:3px; 
}

.taglist{
    margin-top:30px;
}
.org-svg{
    margin:20px;
    //border:1px solid gray;
}
#toggle{
    position:relative;
    float:right;
}

.Jour{
    color:black;
    background-color:#dddddd;
}

.Nuit,.Nuit .sidenote{
    color:ivory;
    background-color:#222222;
}
.Jour a,.Jour .sidenote{
    color:darkblue;
}
.Nuit a{
    color:lightblue;
}
.Jour .example{
    background-color:#CECECE;
}
.Nuit .example{
    background-color:#404040;
	      }
.Jour .org-svg{
    -webkit-filter: invert(30%); /* safari 6.0 - 9.0 */
    filter: invert(13%);
}
.Nuit .org-svg{
     -webkit-filter: invert(87%); /* safari 6.0 - 9.0 */
     filter: invert(87%);

}