p {
  a {
    text-decoration: underline;
  }
}
div.tool, div.TOOL {
  border: 1px solid #ddd;
  padding: 15px;
  margin: 10px 0;
}
div.tool .tool-description, div.TOOL .tool-description {
  font-style: italic;
}

/*.slimmable-content-wrapper ul.tiret li{
  list-style-type: none;
}*/

div.wrapperTable table.innerTable {
  width: inherit;
}

div.wrapperTable table.innerTable th {
  font-weight: bold;
  background-color: #F8F8F8;
}

div.wrapperTable table.innerTable p {
  margin: 0;
}

.bloc-media {
  position: relative;
  margin-bottom: 10px;
}
/* tables inline*/

div.tableDiv {
  font-family: Arial, sans-serif;
  overflow: auto;
  border: 1px solid #ddd;
  margin: 0 30px 10px;
  height: auto!important;
}

div.tableDiv * {
  word-break: normal;
}

div.tableDiv p {
  margin: 2px 0;
  font-size: 1.3em;
  padding: 0;
}

div.tableDiv table p {
  margin: 2px 0;
  font-size: 1.3em;
  padding: 0 !important;
}

div.tableDiv table {
  border-collapse: collapse;
  margin: auto;
  font-size: 0.6em;
  border: 1px solid #000;
  width: auto;
}

div.tableDiv table tr:nth-child(odd) {
  background: #ffffff;
  border-top: none;
  padding: 0 3px;
}

div.tableDiv table tr:nth-child(even) {
  background: #ffffff;
  border-top: none;
  border-bottom: none;
  padding: 0 3px;
}

div.tableDiv table tbody,
div.tableDiv table thead,
div.tableDiv table tfoot {
  /* bordure pour le tbody complet (notamment pour
                          la première ligne dans le cas où il n'y a pas
                          de thead dans le tableau) */
  border: 1px solid #000;
}

div.tableDiv table tbody p,
div.tableDiv table thead p,
div.tableDiv table tfoot p {
  /* bordure pour le tbody complet (notamment pour
                          la première ligne dans le cas où il n'y a pas
                          de thead dans le tableau) */
  text-align: inherit;
  padding: 0 !important;
}

div.tableDiv table tbody td,
div.tableDiv table thead th,
div.tableDiv table tfoot td {
  /* pas de bordure-top - cela permet avec la
                                                          xsl de n'avoir que la bordure-bottom à
                                                          gérer */
  border-bottom: 1px solid black;
  border-left: none;
  border-right: 1px solid black;
  padding: 0 3px;
  height: auto!important;
}

div.tableDiv table thead tr {
  background-color: #e0e0e0 !important;
  text-align: center;
}

div.tableDiv table thead p {
  font-weight: bold;
}

div.tableDiv table th {
  background-color: #e0e0e0 !important;
  text-align: center;
}

div.tableDiv table caption {
  font-size: 1.2em;
  font-weight: bolder;
  text-align: center;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  p {
    display: inline;
  }
}

div.formlegende p {
  margin: 0
}

div.formlegende dl {
  padding: 0 0 10px 0
}

div.formlegende span.formleg-def {
  display: table-row;
}

div.formlegende span.formleg-def dt {
  display: table-cell;
  white-space: nowrap;
}

div.formlegende dt {
  padding: 0 5px 0 15px;
  float: none;
  text-align: left;
}

div.formlegende span.formleg-def dd {
  display: table-cell;
  padding: 0 0 0 5px;
}

.tabnote p {
  margin-left: 20px;
}

.tableNumber {
  font-weight: bold;
}

span.titlig {
  font-weight: bold;
  text-align: center;
}

div.tableDiv .contentConteneurB {
  border: 0;
}

div.tableDiv .figure {
  width: 100%;
  text-align: center;
}

.opt-search {
  text-align: right;
  margin: 0 25px;
}

.opt-search input {
  width: 150px;
  font-size: 12px;
  padding: 3px 5px;
  background-color: #e2e1e1;
  border: none;
  color: #697277;
  height: 25px;
}

.medias-ops-choice {
  margin: 0;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background-color: #e2e1e1;
}

.medias-ops-choice li {
  display: block;
  list-style: none;
  padding: 0 !important;
}

#box-article-content .article .medias-ops-choice li a {
  font-size: 0
}

.medias-ops-choice li a {
  height: 32px;
  display: inline-block;
  font-size: 20px;
  color: #808080;
  width: 30px;
}

.medias-ops-choice li a:hover {
  color: #EC1625;
}

.medias-ops-choice li.opt-search {
  margin: 7px 0 0 10px;
}

.medias-ops-choice input {
  border: 2px solid #8c8c8c;
  height: 20px;
  padding: 0 5px;
  border-radius: 2px;
  width: 152px;
}

figure.contentConteneurB {
  border: 1px solid #ddd;
  margin: 0 29px;
  padding: 10px 0;
  text-align: center;
  @media screen and (max-width: 768px) {
    img {
      max-width: 90%;
      height: auto;
    }
  }
  figcaption {
    color: #666666;
    margin: 15px 10px;
    font-size: 14px;
  }
}

figure sup {
  color: #4d5356;
}

figure.eqb {
  margin: 10px 0 10px 0;
  text-align: center;
  vertical-align: middle;
  max-width: 680px;
  overflow: auto;
  line-height: 32px;
}

figure.eqb img {
  margin: 0;
  max-width: 100%;
}

.contentEncart {
  margin: 25px 20px;
  padding: 5px;
}

div.encadre,
div.ENCADRE {
  border: 1px solid #ddd;
}

div.encadre .codeprog *,
div.ENCADRE .codeprog * {
  font-family: Courier New, Arial, sans-serif !important;
}

div.encadre p,
div.ENCADRE p {
  padding: 0 10px;
  margin: 0;
}

div.remarque,
div.REMARQUE,
div.encart_outil,
div.dtnoteintervenant,
div.dtnotesimple,
div.dtnotewarning,
div.dtnotecommentaire,
div.dtnote {
  background: #e2e1e1;
  padding: 20px;
  margin: 0 0 20px 0;
}

div.dtnoteintervenant {
  background: url("../images/notes-6FJ3cZM.png") no-repeat scroll 15px 15px #e2e1e1;
  padding-left: 50px;
}

div.dtnotewarning {
  background: url("../images/attention2-xhVwisV.png") no-repeat scroll 15px 15px #e2e1e1;
  padding-left: 50px;
}

div.encart_outil .content {
  padding: 0;
}

div.remarque p,
div.REMARQUE p {
  margin: 0
}

div.nota,
div.NOTA {
  margin: 0 20px 10px;
  padding: 0 5px;
}

div.nota p,
div.NOTA p {
  display: inline;
}

div.nota b,
div.NOTA b {
  padding-right: 5px;
}
div.exemple,
div.EXEMPLE {
  margin: 0 20px 25px;
  padding: 0 5px 0 20px;
  border-left: 3px solid #4d5356;
}

.codeprog *,
div.EXEMPLE .codeprog * {
  font-family: Courier New, Arial, sans-serif !important;
  margin-bottom: 15px;
}

div.exemple b,
div.EXEMPLE b {
  color: #4d5356;
}

div.exemple>p,
div.EXEMPLE>p,
div.exemple>ul,
div.EXEMPLE>ul,
div.exemple .codeprog p,
div.EXEMPLE .codeprog p {
  margin: 0;
}

div.exemple>ul,
div.EXEMPLE>ul {
  padding-left: 45px;
}

.fa-external-link {
  padding: 0 3px 0 5px;
  font-weight: bold;
}

.content-article ul li {
  list-style-position: outside;
  list-style-type: none;
  list-style-image: url("../images/bullet_arrow_red_smll-_8FcSd1.png");
}

.content-article ul.tiret li {
  list-style-image: url("../images/tiret-RPIPNNp.png");
}

.content-article ul.square {
  padding: 0;
}

/*.content-article ul.square > li > p:first-child {
  font-family: myriad-pro-semi-bold, Arial, sans-serif;
}*/

.content-article ul.square > li {
  list-style-image: none;
  list-style-type: square;
  list-style-position: inside;
  &::marker {
    color: #00b0f5;
  }
}

.content-article ul.square > li .contentEncart{
  color: #4D5356;
}

.content-article ul.square li p:first-child {
  display: inline;
}

.content-article ul.circle > li {
  list-style-image: none;
  list-style-type: disc;
  list-style-position: inside;
}

.content-article ul.circle li p:first-child {
  display: inline;
}

.content-article ul li .formlegende {
  color: #4d5356;
}
.content-article a {
  word-wrap: break-word;
}
.content-article .mark-traduction-hover ul li {
  list-style-image: none;
}

#article-content a.norme-link:hover {
  color: #4d5356;
}

#article-content .norme.highlight {
  background: #fff !important;
  color: #4d5356 !important;
  font-style: italic;
  text-decoration: underline;
}

#article-content .norme.highlight:hover {
  background: #fcd6d7 !important;
}

#article-content .norme img.picto {
  top: -1px;
  position: relative;
}

/*
#article-content {
  p {
    > img:not(.eqi) {
      display: block;
      margin: 10px auto;
    }
  }
}*/
.tableDiv {
  p {
    font-family: myriad-pro, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px;
  }
}

.modal-content .body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bg-sommaire {
  span {
    a {
      text-decoration: none;
    }
  }
}

#content-remote{
  > div:first-child {
    figure.contentConteneurB{
      height: calc(100vh - 210px);
      +.footer {
        position: relative;
        top: 30px;
      }
    }
  }
  figure.contentConteneurB{
    width: 100%;
  }
  .modal.figure{
    .img-svg{
      display: block;
      margin: auto;
    }
    img{
      display: none;
    }
  }
  .areaExport {
    .img-svg{
      display: none;
    }
    img{
      display: block;
      margin: auto;
    }
  }
}

mjx-container[jax="CHTML"] {
  padding: 0!important;
  margin:0!important;
  &[display="true"] {
    padding: 0!important;
    margin:0!important;
    mjx-math {
      padding: 1em!important;
      color: #4D5356;
    }
  }
  mjx-math {
    padding: 1em!important;
    color: #4D5356;
    &:hover {
      -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
      box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
      background: #e2e1e1;
    }
  }
}
p {
  > mjx-container[jax="CHTML"] {
    display: inline-block;
    &[display="true"] {
      display: inline-block;
    }
  }
}
dt {
  > mjx-container[jax="CHTML"] {
    text-align: left;
    margin-left: -15px!important;
    display: inline-block;
    &[display="true"] {
      text-align: left;
      margin-left: -15px!important;
      display: inline-block;
    }
  }
}
.top-part {
  display: flex;
  align-items: center;
  gap: 10px;
}

.overview-title-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pdf-frame {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}

sub {
  left: -0.25em;
}