@charset "utf-8";

* {
    box-sizing: border-box;
}

#inline_block {
    font-size: 90%;
}

#inline_block p {
    padding: 0px;
    margin: 0px;
}

#inline_block td p:first-of-type {
    font-variant: small-caps;
}

#inline_block td:nth-child(1) p:first-of-type {
    color: #c7a579;
}

#inline_block td:nth-child(2) p:first-of-type {
    color: #80a980;
}

#inline_block td {
    padding: 10px;
    margin: 0px;
}

#inline_block th strong {
    color: cornsilk;
    font-size: 110%;
}

#inline_block th:first-child {
    background-color: burlywood;
    color: white;
}

#inline_block th:nth-child(2) {
    background-color: darkseagreen;
    color: white;
}

#inline_block tbody tr:nth-child(2n) td:nth-child(1) {
    background-color: #fbf7f3;
}

#inline_block tbody tr:nth-child(2n) td:nth-child(2) {
    background-color: #f3f8f3;
}

#diff_display th:first-child {
    background-color: white;
}


tbody tr:nth-child(2n) {
    background-color: aliceblue;
}

#diff_display td {
    padding: 5px;
}


#diff_display td:first-child {
    text-align: left;
    /*color: white;*/
    font-style: italic;
}

#diff_display tr:nth-child(2n+1) td:first-child {
    background-color: #fcdfc2;
}

#diff_display tr:nth-child(2n) td:first-child {
    background-color: #ffedbc;
}

#diff_display tr:nth-child(2n) td {
    background-color: #fff7e2;
}

#diff_display tr:nth-child(2n+1) td {
    background-color: #fff4ea;
}


/* tableau comportement interne-externe (display) */

#inside_outside {
    margin: 40px auto;
}

#inside_outside th {
    color: white;
}

#inside_outside td {
    font-family: monospace;
    padding: 5px;
}

#inside_outside tr:nth-child(3) th:first-child {
    border-top-left-radius: 5px;
}

#inside_outside tr:first-child th {
    background: #ffdaa0;
}

#inside_outside tr:first-child th:first-of-type {
    border-top-left-radius: 5px;
}

#inside_outside tr:nth-child(2) td {
    background: #fff3ea;
}

#inside_outside tr:nth-child(2) th {
    background: #f9cca9;
}


#inside_outside tr:nth-child(3) td {
    background: #fffae2;
}


#inside_outside tr:nth-child(3) th {
    background: #f7e9a5;
}

#inside_outside tr:nth-child(4) td {
    background: #fffae2;
}


#inside_outside tr:nth-child(4) th {
    background: #f7e9a5;
}

#inside_outside tr:nth-child(3) th:first-child {
    background: #f7e383;
}

.small {
    font-size: 80%;
}

.small i {
    font-size: 90%;
}

#infobulle {
    position: relative;
}

#infobulle:hover .infobulle {
    display: inline-block;
}

.infobulle {
    display: none;
    background-color: bisque;
    position: absolute;
    top: -30px;
    left: 150px;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 10px 10px 10px gray;
}
