#article_utile{
    display: none;
    width: 100%;
    max-width: 600px;
    border-radius: 10px;
    border: 1px solid rgba(201, 201, 201, 1);
    margin:0 auto;
    padding:10px 20px;
}
#detail_doc #article_utile i{
    font-size: 22px;
}

#detail_doc {
    --blue: #31577d;
    --teal: #3a8e93;
    --line: #dce5eb;
    --ink: #263b4e;
    /*color: var(--ink);*/
    font: 17px/1.65 system-ui, -apple-system, Segoe UI, sans-serif;
}
#detail_doc * {
    box-sizing: border-box;
}

#detail_doc img{
    max-width: 100% !important;
    width: auto !important;
}

#detail_doc main {
    /*max-width: 1080px;
    margin: 32px auto;
    background: white;
    padding: 54px 64px;
    border-radius: 12px;*/
}
#detail_doc h1 {
    font-size: 42px;
    line-height: 1.15;
    letter-spacing: -1px;
    margin: 10px 0 20px;
}
#detail_doc h2 {
    font-size: 28px;
    line-height: 1.25;
    margin: 0 0 20px;
    /*color: var(--blue);*/
}
#detail_doc h3 {
    font-size: 21px;
    margin: 28px 0 12px;
}
#detail_doc p {
    margin: 12px 0;
}
#detail_doc .eyebrow {
    /*color: var(--teal);*/
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 2px;
}
#detail_doc .lead {
    font-size: 22px;
    color: #516675;
}
#detail_doc .meta {
    font-size: 14px;
}
#detail_doc a {
    color: #245d90;
}
#detail_doc nav,
#detail_doc aside {
    padding: 22px 26px;
    background: #edf5f7;
    border-left: 4px solid var(--teal);
    border-radius: 4px;
    margin: 26px 0;
}
#detail_doc aside p {
    margin: 7px 0 0;
}
#detail_doc ol li{
    list-style-type: decimal;
}

#detail_doc nav ol {
    columns: 2;
    column-gap: 36px;
    font-size: 15px;
}
#detail_doc nav li {
    break-inside: avoid;
    margin: 6px 0;
}
#detail_doc section {
    padding: 36px 0 14px;
    border-top: 1px solid var(--line);
    margin-top: 28px;
    scroll-margin-top: 20px;
}
#detail_doc li {
    padding-left: 5px;
    margin: 10px 0;
}
#detail_doc figure {
    margin: 28px 0;
    padding: 14px;
    background: #f5f7fa;
    border: 1px solid var(--line);
    border-radius: 8px;
}
#detail_doc figure img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}
#detail_doc figure:has(img[src*="01-creer"]),
figure:has(img[src*="03b-image"]) {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}
#detail_doc figcaption {
    font-size: 14px;
    color: #5c6e7e;
    padding: 12px 4px 2px;
}
#detail_doc table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    margin: 18px 0 26px;
}
#detail_doc th {
    text-align: left;
    background: var(--blue);
    color: white;
    padding: 13px 15px;
}
#detail_doc td {
    vertical-align: top;
    border-bottom: 1px solid var(--line);
    padding: 13px 15px;
}
#detail_doc td:first-child {
    width: 32%;
    font-weight: 600;
}
#detail_doc tr:nth-child(even) td {
    background: #f5f8fa;
}
#detail_doc code {
    background: #edf1f4;
    padding: 2px 5px;
    overflow-wrap: anywhere;
}
#detail_doc footer {
    border-top: 1px solid var(--line);
    margin-top: 36px;
    padding-top: 20px;
    color: #647483;
    font-size: 13px;
}

/*
#detail_doc .checklist {
    list-style-type: square;
    padding-left: 25px;
}*/
ul.checklist {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0 0 0 30px;
}

ul.checklist li {
    padding-left: var(--icon-space);
}

ul.checklist li:before {
    content: "\f14a"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
}


#detail_doc_mm_sujet_wrapper{

    border: 1px solid rgba(201, 201, 201, 1);
    padding:15px;
    border-radius: 10px;
}


#detail_doc .toolbar {
    position: sticky;
    top: 0;
    background: #263b4e;
    padding: 10px 24px;
    color: white;
    text-align: right;
    z-index: 10;
}
#detail_doc .toolbar button {
    font: inherit;
    border: 1px solid #fff8;
    background: transparent;
    color: white;
    border-radius: 4px;
    padding: 6px 15px;
    cursor: pointer;
}
#detail_doc .alerte-critique{
    border-left:5px solid #a12622;background:#fff0ee;
}
#detail_doc .alerte-critique h2{
    color:#8c211d;
}
#detail_doc figure img{
    margin:auto;
}
#detail_doc table{
    table-layout:auto;
}
#detail_doc @media (max-width: 760px) {
    #detail_doc main {
        margin: 0;
        padding: 28px 20px;
        border-radius: 0;
    }
    #detail_doc h1 {
        font-size: 33px;
    }
    #detail_doc h2 {
        font-size: 25px;
    }
    #detail_doc nav ol {
        columns: 1;
    }
    #detail_doc table {
        font-size: 14px;
    }
    #detail_doc th,
    #detail_doc td {
        padding: 10px;
        overflow-wrap: anywhere;
    }
    #detail_doc figure {
        padding: 6px;
    }
}
#detail_doc @media print {
    #detail_doc main {
        margin: 0;
        max-width: none;
        padding: 0;
    }
    #detail_doc .toolbar,#detail_doc nav {
        display: none;
    }
    #detail_doc h1 {
        font-size: 29pt;
    }
    #detail_doc h2 {
        font-size: 20pt;
    }
    #detail_doc h3 {
        font-size: 14pt;
    }
    #detail_doc figure,
    #detail_doc aside,
    #detail_doc tr {
        break-inside: avoid;
    }
    #detail_doc a {
        color: inherit;
        text-decoration: none;
    }
    #detail_doc section {
        padding-top: 22px;
    }
    #detail_doc figure img {
        max-height: 190mm;
        object-fit: contain;
    }
    #detail_doc table {
        font-size: 10pt;
    }
}