body {
	margin-top: 5rem;
	overflow-y: scroll;
}
.icon_hc {
	height: 1.2rem;
	border-radius: 0.6rem;
	margin-left: 0.3rem;
    margin-top: .1rem;
    vertical-align: top;
}

#return-to-top
{
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99999;
}
#return-to-top i
{
  color: #fff;
  margin: 0;
  position: relative;
  left: 13px;
  top: 11px;
  font-size: 27px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top:hover {
    background-color: rgba(0, 0, 0, 0.9)!important;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
.loader {
  width: 40px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#c0c0c0 60%,#0000);
  background:
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}

/* ---------------- */
/* NIVEAUX DE TITRE */
/* ---------------- */

.niveau-liste-0
{
  margin-top: 0.5em !important;
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--consolidation-grenat);
}
.niveau-liste-0 > ul
{
  border-left: 4px solid var(--consolidation-grenat-bg-subtle);
}
.niveau-liste-0 > .PlusMoins
{
  color: var(--consolidation-grenat-bg-subtle);
}
.niveau-liste-1
{
  margin-top: 0.5em !important;
  font-size: 1.3rem;
  color: var(--consolidation-riviere);
}
.niveau-liste-2
{
  margin-top: 0.5em !important;
  font-size: 1.2rem;
}
.niveau-liste-1 > ul, .niveau-liste-2 > ul
{
  border-left: 4px solid var(--consolidation-riviere-bg-subtle);
}
.niveau-liste-1 > .PlusMoins, .niveau-liste-2 > .PlusMoins
{
  color: var(--consolidation-riviere-bg-subtle);
}
.niveau-liste-3
{
  margin-top: 0.5em !important;
  font-size: 1.1rem;
  color: var(--consolidation-asphalte);
}
.niveau-liste-4
{
  margin-top: 0.25em !important;
  font-weight: 1rem;
}
.niveau-liste-5
{
  margin-top: 0.25em !important;
  font-style: italic;
  font-size: 0.9rem;
}
.niveau-liste-6
{
  margin-top: 0.25em !important;
  font-style: normal;
  font-weight: 300;
  font-size: 0.9rem;
}
.niveau-liste-7
{
  font-style: italic;
  font-size: 0.9rem;
}
.niveau-liste-8
{
  font-style: normal;
  font-size: 0.9rem;
}
.niveau-liste-3 > ul, .niveau-liste-4 > ul, .niveau-liste-5 > ul, .niveau-liste-6 > ul, .niveau-liste-7 > ul, .niveau-liste-8 > ul
{
  border-left: 4px solid var(--consolidation-asphalte-bg-subtle);
}
.niveau-liste-3 > .PlusMoins, .niveau-liste-4 > .PlusMoins, .niveau-liste-5 > .PlusMoins, .niveau-liste-6 > .PlusMoins, .niveau-liste-7 > .PlusMoins, .niveau-liste-8 > .PlusMoins
{
  color: var(--consolidation-riviere-bg-subtle);
}
.PlusMoins {
	margin-right: 0.2rem;
	cursor: pointer;
}
.items-liste-articles,.items-liste-articles-vide
{
  margin: 0.2em 0 0 1em !important;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
  overflow-wrap: break-word;
  line-height: 1.5em;
  color:var(--consolidation-text-muted);
}
.items-liste-articles a:not(.badge-section):hover, .items-liste-articles-vide a:hover
{
  text-decoration: none;
}

.badge-articles
{
  margin-right: 0.25em;
  margin-left: 0.25em;
  margin-bottom: 0.2em;
}
a.badge-articles:hover
{
  border-bottom: 0.2rem solid;
  margin-bottom: 0;
  padding-bottom: 0.2rem;
}
a.badge {
	text-decoration: none;
}

.niveau-liste > p.replie, .niveau-liste > ul.replie, .niveau-liste > div.replie {
    display: none;
}

.cadreArticle {
	color:var(--consolidation-body-color);
	margin-left:0.8rem;
}
.numArticle {
	font-size: 1.6rem;
	margin-top: 1rem;
	margin-bottom: 0.2rem;
}
.sousTitre {
	font-size: smaller;
	font-style: italic;
}

ins
{
  text-decoration: none;
  display: inline-block;
  padding: 0 .3em;
  background: rgba(144, 195, 138,.4);
  height: auto;
  border-radius: .3em;
  display: inline;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  margin-left: .07em;
  margin-right: .07em;
}
del {
  text-decoration: none;
  display: inline-block;
  padding: 0 .3em;
  background: rgba(242, 125, 124,.3);
  cursor: help;
  position: relative;
  top: .175em;
  height: 1em;
  width: 1em;
  line-height: 1.35;
  overflow: hidden;
  color: transparent;
  margin: -.4em .07em -.05em .07em;
  padding: 0 0 .1em 0;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: .5em;
  transition: padding-left ease .5s, padding-right ease .5s, color ease .15s;
  user-select: none;
}
del:active {
  width: auto;
  color: #962e22;
  display: inline;
  padding: 0 .35em 0em 0.35em;
  line-height: unset;
  position: unset;
  top: unset;
  height: unset;
  transition: padding-left ease .3s, padding-right ease .3s, color ease .7s;
}
.table_ins
{
    background-color: rgb(199 235 194 / 80%);
    border-color: #18753c;
    border: solid #18753c 3px;
}
.impr
{
  display: none;
}
.nota
{
  padding: .2em .5em;
  background: rgba(163, 202, 245,.7);
/*  border-radius: .5em;*/
  display: block;
  text-indent: 0em!important;
}
.nota:before
{
    content: "Nota :";
    text-decoration: underline;
    font-weight: bold;
    font-style: initial;
    margin-right: 0.5em;
    color: var(--consolidation-info);
}
.nota:after
{
    content: attr(title);
    font-weight: bold;
    font-style: italic;
    margin-left: 0.5em;
    color: var(--consolidation-info);
}

.tooltip-del .tooltip-inner
{
   background-color: #ce5c5b!important;
   color: #fff!important;
}
.tooltip-ins .tooltip-inner
{
   background-color: #46883f!important;
   color: #fff!important;
}
.tooltip-ins.bs-tooltip-top .tooltip-arrow::before, .tooltip-ins.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before
{
  border-top-color: #46883f!important;
}
.tooltip-ins.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-ins.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before
{
  border-bottom-color: #46883f!important;
}
.tooltip-ins.bs-tooltip-end .tooltip-arrow::before, .tooltip-ins.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before
{
  border-right-color: #46883f!important;
}
.tooltip-ins.bs-tooltip-start .tooltip-arrow::before, .tooltip-ins.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before
{
  border-left-color: #46883f!important;
}
.tooltip-del.bs-tooltip-top .tooltip-arrow::before, .tooltip-del.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before
{
  border-top-color: #ce5c5b!important;
}
.tooltip-del.bs-tooltip-bottom .tooltip-arrow::before, .tooltip-del.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before
{
  border-bottom-color: #ce5c5b!important;
}
.tooltip-del.bs-tooltip-end .tooltip-arrow::before, .tooltip-del.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before
{
  border-right-color: #ce5c5b!important;
}
.tooltip-del.bs-tooltip-start .tooltip-arrow::before, .tooltip-del.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before
{
  border-left-color: #ce5c5b!important;
}
.badgeType {
    font-variant: all-small-caps;
    font-size: medium;
    margin-bottom: 1rem;
}
.contenuArticle p {
	margin-bottom: 0.5rem;
}

.titreTexteModale {
    margin-bottom: 0;
    font-weight: bold;
    font-style: italic;
}
.nav-tabs > .nav-item > .nav-link.active {
	border-top: 3px solid var(--consolidation-ocean);
	background: color-mix(in srgb, var(--consolidation-ocean-bg-subtle), #FFF 40%);
}

.tag-PF, .tag-hexagone {
    font-family: Quicksand;
    font-size: medium;
}
a:hover, a:active {
  text-decoration-thickness: 2px;
}
.nav-item:has(.nav-link:disabled)
{
    cursor: not-allowed;
}

.contenuArticle .table, .contenuArticleMetro .table, .contenuModale .table {
    margin: 0.35em auto 0 auto;
    text-align: center !important;
    max-width: 80% !important;
    table-layout: fixed;
    font-size: 14px;
    border-spacing: 0;
    border: solid #3a3a3a 1px;
}
.contenuArticle th, .contenuArticleMetro th, .contenuModale th {
    padding: 0 1em 0 1em;
    background-color: rgb(100 100 100 / 20%);
    font-size: inherit;
    border: solid #3a3a3a 1px;
    width: auto !important;
}

.contenuArticle th, .contenuArticleMetro th, .contenuModale th {
    padding: 0 1em 0 1em;
    font-size: inherit;
    border: solid #3a3a3a 1px;
    width: auto !important;
}

.contenuArticle td, .contenuArticleMetro td, .contenuModale td {
    padding: 0 0.25em 0 0.25em;
    border: solid #3a3a3a 1px;
    width: auto !important;
}

.contenuArticle br:first-child, .contenuArticleMetro br:first-child, .contenuModale br:first-child {
    display: none;
}
