/* #content.static {
    grid-area: 1 / 2 / 2 / 7;
} */
#content p, 
#content li {
    line-height: 150%;
}
nav#contextualNav {
  border: 2px solid gray;
  border-radius:5px;
  background-color: #f6ecd7;
  width:auto;
  padding:30px 30px;
  margin:1em;
}
nav#contextualNav > div#sommaire > ul {
    padding-left:0;
}   
nav#contextualNav ul {
    list-style-type: none;
}   
nav#contextualNav li {
    margin-top:.5em;
}   

nav#contextualNav h2 {
  margin:0;
}
nav#contextualNav button {
  border:none;
  color: black;
  background-color:inherit;
  cursor:pointer;
  /* font-size:120%; */
  display:inline;
  padding-left: 30px;
}

div.titleContainer{
    display:block;
}
div.titleContainer h2,
div.titleContainer h3,
div.titleContainer h4,
div.titleContainer h5 {
    display:inline-block;
    max-width: 90%;
}
div.titleContainer {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    /* gap:10px; */
}
.todm {
    justify-items: flex-end;
}
/* div.titleContainer .totdm {
    float:right;
    display:inline;
}*/
.totdm{
margin-top: auto;
margin-bottom:auto;
/* margin-left: 50px; */
margin-right:10px;
}
/* div.titleContainer h3 + .totdm {
    margin-top: 1em;
    margin-bottom: 1em;
}
div.titleContainer h4 + .totdm    {
    margin-top: 1.33em;
    margin-bottom: 1.33em;
}
div.titleContainer h5 + .totdm    {
    margin-top: 1.67em;
    margin-bottom: 1.67em;
}  */

sup, .sup { /* NOT default css*/
    /* vertical-align: super;
    font-size: smaller; */
    vertical-align: top; font-size: 0.6em; 
}

.small-caps {
    font-variant: small-caps;
} 

.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}

p.auteursFront {
  text-align:right;
}

@media only screen and (max-width: 600px) {
    div.titleContainer h2,
    div.titleContainer h3,
    div.titleContainer h4,
    div.titleContainer h5 {
    width: 80%;
    }
}