/* Fonts from Google Fonts - more at https://fonts.google.com */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
body {
    background-color: white;
    font-family: "Open Sans", sans-serif;
    padding: 5px 25px;
    font-size: 18px;
    margin: 10;
    color: #444;
}

h1 {
    font-family: "Merriweather", serif;
    font-size: 32px;
}
superscript {
  font-variant-position: super;
}
emphasis[role="italic"] {
  font-style: italic;
}
emphasis[role="bold"] {
  font-weight: bold;
}
.tdm {
    color: black;
}

.tdm:hover {
    color: #939191;
}

chapterinfo {
    display: none;
}
sectioninfo {
  display: none;
}

note {
    font-weight: bold;
    background-color: #fcefb0;
    background: repeating-linear-gradient(120deg, white, white 1px, #fb0c0c 1px, #ffcece 2px);
    display: table;
    margin-left: 30px;
    #border-radius: 10px;
}

important {
    background: repeating-linear-gradient(113deg, white, white 0.5px, #dc595991 0.5px, #ff000063 2px);
    display: table;
    margin: 40px;
    #border-radius: 10px;
    font-weight: bold;
}

caution::before {
    content: "Recherche";
    font-weight: bold;
}

caution {
    background: repeating-linear-gradient(60deg, white, white 1px, #b5cfa066 1px, #b5cfa070 2px);
    display: table;
    margin: 40px;
    padding: 10px 20px;
    #border-radius: 10px;
}

warning::before {
    content: "Affichage";
    font-weight: bold;
}

warning {
    display: table;
    margin: 40px;
    padding: 10px 20px;
    #border-radius: 10px;
    background: repeating-linear-gradient(60deg, #ffffffa6 1px, #ffffff80 1px, #9bd8075c 1px, #4cb91170 2px);
}

listitem>itemizedlist>listitem>para:first-child {
    margin-left: 80px;
}

listitem>para:first-child {
    display: list-item;
    list-style-position: inside;
    margin-left: 40px;
}

listitem>para {
    margin-left: 80px;
}

informalexample::before {
    content: "Exemple";
    font-weight: bold;
}

informalexample {
    display: table;
    margin-left: 40px;
    padding: 10px 20px;
    #border-radius: 10px;
    background: repeating-linear-gradient(52deg, #ffffff, white 1px, #fdf05485 1px, #ffab026e 2px);
}

table {
    #border: 1px solid #b4a660;
    display: table;
    margin-bottom: 10px;
    max-width: 100%;
}

tr {
    display: table-row;
}

td {
    display: table-cell;
    table-layout: auto;
    background: repeating-linear-gradient(110deg, #ff7f4e4a, white 3px, #fdf05478 3px, #ffcc6673 5px);
    #border: 1px solid #b4a660;
    border-collapse: collapse;
    overflow: hidden;
}

a {
    color: #d08712;
    text-decoration: b;
}

a:hover {
    color: #857943;
    text-decoration: none;
}

xref {
    color: #22878e;
}

xref:hover {
    color: #54d7e0;
}

glossterm[linkend] {
    color: #22878e;
}

glossterm[linkend]:hover {
    color: #54d7e0;
}

glossterm[id] {
    font-weight: bold;
    margin: 10px;
}

programlisting {
    display: block;
    white-space: pre;
    overflow: hidden;
    border: 3px #b4a660;
    margin: 40px;
    padding: 5px;
    background: repeating-linear-gradient(120deg, #ffec09, white 1px, #fdf054 1px, #fc6 2px);
}
[language]::before{
  display: block;
  text-align: right;
  border: 1px solid #b4a660;
  padding: 5px;
  content: attr(language);
}

button.cherche {
    #border-radius: 5px;
    padding: 5px;
    background: repeating-linear-gradient(60deg, white, white 1px, #738e32 1px, #6eff00 2px);
}

button.cherche:hover {
    background: #738e32;
}

button.copie {
    position: relative;
    left: 85%;
    top: -25px;
    background: #f1efe2;
    border-color: #b4a660;
    padding: 5px;
    border-radius: 5px;
}

button.copie:hover {
    background: #c2b583;
}

title {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 40px;
    #border: 4px solid #c2b583;
    #border-radius: 10px;
    background: repeating-linear-gradient(60deg, white, white 1px, #9bd807 1px, #c1c1c1 2px);
}

.menuentete {
    #position: fixed;
    width: 98%;
    left: 10px;
    top: 10px;
    height: 78%;
    overflow: auto;
    background: repeating-linear-gradient(60deg, white, white 1px, #738e32 1px, #6eff00 2px);
    padding: 10px;
    #border-radius: 0 0 15px 15px;
    white-space: nowrap;
}

.menu {
    position: absolute;
    width: 98%;
    left: 0px;
    top: 15%;
    height: 66%;
    overflow: auto;
    background: repeating-linear-gradient(60deg, white, white 4px, #ffffff87 3px, #ffffff 7px);

    padding: 10px;
    #border-radius: 0 0 15px 15px;
    white-space: nowrap;
}

.recherche {
    position: absolute;
    width: 98%;
    left: 0px;
    bottom: 10px;
    height: 12%;
    overflow: auto;
    background: repeating-linear-gradient(60deg, white, white 1px, #9bd807 1px, #c1c1c1 2px);
    padding: 10px;
    #border-radius: 0 0 15px 15px;
}

.info {
    position: absolute;
    
    bottom: 10px;
    margin: 30px;
    padding: 10px;
    background: repeating-linear-gradient(120deg, white, white 1px, #99bd40 1px, #ffefef 2px);
    opacity: 1.0;
    border-top: 37px solid #fbe266;
    visibility: hidden;
}

para, p {
    display: block;
    margin: 10px;
}

.logos {
    #width: 55%;
    

    
    margin: auto;
}
.scroll {
  
  background: linear-gradient(white 85%, silver 85%, white);
}