@charset "UTF-8";

main#main-content {
    background: white
}

#wrapper-span {
    background: white;
    padding: 1rem
}

#wrapper-span .highlight {
    margin: 2rem auto;
    max-width: 600px;
    text-align: center
}

#wrapper-span p.uppercase {
    text-transform: uppercase
}

#wrapper-span .breadcrumbs {
    background: #fff
}

#wrapper-span .breadcrumbs a:focus,
#wrapper-span .breadcrumbs a:hover {
    color: #333
}

#wrapper-span .breadcrumbs>.current a {
    color: #333
}

#wrapper-span .sommaire {
    margin: 0.5rem 0;
    padding: 0.5rem
}

#wrapper-span .sommaire h2 {
    border: none;
    margin: 0;
    padding: 0 0 0.5rem
}

#wrapper-span .sommaire ol {
    margin: 0;
    padding: 0 1rem;
    list-style: none
}

#wrapper-span .sommaire ol li {
    font-size: 0.8rem;
    line-height: 0.8rem;
    font-family: "Roboto", Arial, sans-serif;
    margin: 0 0 0.2rem;
    position: relative
}

#wrapper-span .sommaire ol li:not(.-hasSub):after {
    content: "";
    background: url("../images/sommaire-br.png") repeat-x;
    height: 1px;
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0.2rem;
    left: 0
}

#wrapper-span .sommaire ol li a {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0.2rem 0.2rem 0.2em 0;
    background: white;
    color: inherit
}

#wrapper-span .border {
    border: 1px solid #333;
    padding: 0.5rem;
    margin-bottom: 1.25rem
}

#wrapper-span .print-only {
    text-align: center;
    padding-bottom: 2rem
}

#wrapper-span .print-only img {
    width: 40%
}

#wrapper-span blockquote {
    border: none
}

#wrapper-span table {
    border: 1px solid #ddd;
    width: 100% !important;
    margin: 20px 0;
    font-size: 0.9em
}

#wrapper-span table tr {
    width: auto !important
}

#wrapper-span table tr:not(:last-of-type) {
    border-bottom: 1px solid #ddd
}

#wrapper-span table tr th {
    font-size: 13px;
    color: #333;
    font-family: "Roboto", Arial, sans-serif;
    background-color: #f2f2f2;
    font-weight: bold
}

#wrapper-span table tr th p {
    margin: 0
}

#wrapper-span table tr td,
#wrapper-span table tr th {
    width: auto !important;
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd
}

#wrapper-span table tr td:not(:last-of-type),
#wrapper-span table tr th:not(:last-of-type) {
    border-right: 1px solid #ddd
}

#wrapper-span table tr table {
    margin: -0.5625rem -0.625rem;
    width: -webkit-calc(1.25rem + 100%) !important;
    width: -moz-calc(1.25rem + 100%) !important;
    width: calc(1.25rem + 100%) !important;
    border: hidden !important
}

#wrapper-span .privacyTable thead {
    background: #a5a5a5
}

#wrapper-span .privacyTable thead td {
    padding: 1rem
}

#wrapper-span .privacyTable td {
    vertical-align: top
}

#wrapper-span h2 {
    font-family: "Roboto", Arial, sans-serif;
    color: #333;
    font-size: 1.25rem;
    font-weight: bold;
    padding-top: 0;
    margin-top: 0;
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    text-transform: uppercase
}

#wrapper-span h1 {
    background-color: white;
    color: #333;
    padding: 15px 0;
    margin: 0;
    font-size: 2rem;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    text-transform: uppercase
}

#wrapper-span .a-mainTitle {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 1rem 0
}

#wrapper-span h3 {
    padding: 0;
    margin: 1rem 0 0.5rem;
    font-size: 13px;
    color: #333;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: bold
}

#wrapper-span h3 a {
    text-decoration: underline
}

#wrapper-span address {
    font-weight: bold
}

#wrapper-span address,
#wrapper-span li,
#wrapper-span p {
    font-size: 13px;
    color: #333;
    font-family: "Roboto", Arial, sans-serif;
    line-height: 1.6
}

#wrapper-span address a,
#wrapper-span li a,
#wrapper-span p a {
    font-family: "Roboto", Arial, sans-serif;
    color: #333;
    text-decoration: underline
}

#wrapper-span address a:active,
#wrapper-span address a:hover,
#wrapper-span address a:visited,
#wrapper-span li a:active,
#wrapper-span li a:hover,
#wrapper-span li a:visited,
#wrapper-span p a:active,
#wrapper-span p a:hover,
#wrapper-span p a:visited {
    color: #333;
    text-decoration: underline
}

#wrapper-span li>p {
    margin-bottom: 0.75rem !important
}

#wrapper-span p,
#wrapper-span ul {
    margin-bottom: 0.75rem
}

#wrapper-span .mentions {
    background: #f2f2f2;
    padding: 10px;
    margin: 10px 0
}

#wrapper-span .mentions p {
    font-style: italic
}

#wrapper-span .mentions p:last-of-type {
    margin: 0
}

#wrapper-span article {
    margin: 0.5rem 0;
    padding: 0.5rem
}

#wrapper-span article h2 {
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    text-transform: uppercase
}

#wrapper-span .print {
    font-size: 11px;
    color: #333;
    display: block;
    font-family: "Roboto", Arial, sans-serif
}

#wrapper-span .print:before {
    font-family: "ElegantIcons";
    content: "";
    font-size: 1rem;
    line-height: 0;
    vertical-align: middle;
    position: relative;
    margin-right: 0.3rem
}

#wrapper-span .pdf {
    font-size: 11px;
    font-family: "Roboto", Arial, sans-serif;
    color: #333;
    display: block
}

#wrapper-span .pdf:before {
    font-family: "ElegantIcons";
    content: "";
    font-size: 0.875rem;
    line-height: 0;
    vertical-align: middle;
    position: relative;
    top: -0.15em;
    margin-right: 0.3rem
}

#wrapper-span #encart-top,
#wrapper-span .encart-top {
    border: 2px solid #e31d6a;
    padding: 0.5rem
}

#wrapper-span #encart-top .title,
#wrapper-span .encart-top .title {
    font-size: 1rem;
    color: #e31d6a
}

#wrapper-span #encart-top p,
#wrapper-span .encart-top p {
    color: #e31d6a
}

#wrapper-span #encart-top p a,
#wrapper-span .encart-top p a {
    color: inherit
}

#wrapper-span #footer .links {
    margin-top: 0.7rem
}

#wrapper-span .tech-info {
    font-style: italic;
    color: #555;
    border-left: 3px solid #ccc;
    padding-left: 10px;
    margin: 10px 0
}

/* Réinitialisation complète */
.hierarchical-list,
.hierarchical-list ol {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

/* Niveau 1 */
.hierarchical-list > li {
    counter-increment: item;
    margin-bottom: 0.5rem;
    position: relative;
}

.hierarchical-list > li::before {
    content: counter(item) ". ";
    font-weight: bold;
    display: inline-block;
    width: 2em;
    text-align: right;
    margin-right: 0.5em;
}

/* Niveau 2 (sous-liste) */
.hierarchical-list ol {
    counter-reset: subitem;
    padding-left: 1.5em;
    margin-top: 0.2rem;
}

.hierarchical-list ol li {
    counter-increment: subitem;
}

.hierarchical-list ol li::before {
    content: counter(item) "." counter(subitem) " ";
    font-weight: normal;
    display: inline-block;
    width: 3em;
    text-align: right;
    margin-right: 0.5em;
}

/* Aligner le <p> à côté du numéro */
.hierarchical-list p {
    display: inline-block;
    margin: 0;
    margin-left: 0.5em;
}

@media only screen and (max-width:40em) {
    #wrapper-span table tr td {
        font-size: 0.65rem
    }

    #wrapper-span h1 {
        font-size: 1.2rem
    }