/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
div.k2ItemsBlock ul li a.moduleItemTitle {
  margin-left: 11%;
}
.image-accueil-article {
  width: 150px;
  float: left;
  padding: 1%;
  border: 5px solid red;
  margin: 1%;
}
.custommontravaildedocumentaliste {
  text-align: justify;
}
.fieldset-marcheurs {
  text-align: justify;
}
.qrcodemarches {
  width: 33%;
}
.dates-marches {
  width: 100%;
  float: left;
  margin: 1%;
}
.dates-marches .une-date {
  border: 2px solid black;
  height: 90px;
  padding-top: 0;
  background-color: lightyellow;
  border-radius: 10px;
  margin-top: 2%;
}
.dates-marches .une-date .gauche {
  width: 50px;
  height: 90px;
  padding: 1%;
  padding-top: 1.5%;
  float: left;
  font-size: 200%;
}
.dates-marches .une-date .droite {
  width: 300px;
  height: 50px;
  padding: 1%;
  font-size: 200%;
}
.dates-marches .une-date .lieu {
  color: blue;
}
.jwDisqusArticleCounter {
  display: none;
}
.latestItemView .latestItemHeader .latestItemTitle a {
  font-size: 45%;
  line-height: 0.5%;
  color: blue;
}
.latestItemView .latestItemHeader {
  height: 5px;
}
html.g-offcanvas-css3.dj_gecko.dj_contentbox body.item-id-567.gantry.g-helium-style.site.com_k2.view-item.no-layout.no-task.dir-ltr.itemid-237.outline-11.g-offcanvas-left.g-default.g-style- div#g-page-surround section#g-container-main.g-wrapper div.g-container div.g-grid div.g-block.size-75 main#g-mainbar div.g-grid div.g-block.size-100 div.g-content div.platform-content.row-fluid div.span12 div#k2Container.itemView div.itemLinks div.itemTagsBlock ul.itemTags li a {
  content: "#";
  background-color: pink;
  border-radius: 3px 0 0 3px;
  color: black;
  font-weight: bolder;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}
.latestnewsmesderniersarticles {
  list-style-type: disclosure-closed;
  font-size: 85%;
}
#k2ModuleBox157 ul li a::before {
  content: "▸";
  margin-right: 10px;
}
.itemAttachmentsBlock .itemAttachments a::before {
  content: "🗎";
}
.revcap {
  display: inline-block;
  text-transform: uppercase;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.latex-ma-reponse {
  border: 1px solid black;
  margin: 0;
  width: 104%;
  margin-left: -2%;
  margin-top: 3px;
  padding: 5px;
}
button.accordeon.active, button.accordeon:hover {
  background-color: #f8ffd6;
  border: 2px dashed;
}
#k2ModuleBox157 ul li a {
  margin-left: 15px;
  font-size: 120%;
  line-height: 20px;
}
#lien-inscription-marche-nro-1.lien-inscription .modal_link.rl_modals_element .prevision-date-marche .field-value.marche-date-prevue {
  font-size: 180%;
  font-family: courrier;
  border: 1px solid white;
  padding: 1%;
}
/*********************** STYLE TREE ******************/
.favoris {
  --spacing: 1.5rem;
  --radius: 10px;
}
.favoris li {
  display: block;
  position: relative;
  padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
}
.favoris ul {
  margin-left: calc(var(--radius) - var(--spacing));
  padding-left: 0;
}
.favoris ul li {
  border-left: 2px solid #ddd;
  margin: 5px;
}
.favoris ul li:last-child {
  border-color: transparent;
}
.favoris ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--spacing) / -2);
  left: -2px;
  width: calc(var(--spacing) + 2px);
  height: calc(var(--spacing) + 1px);
  border: solid #ddd;
  border-width: 0 0 2px 2px;
}
.favoris summary {
  display: block;
  cursor: pointer;
}
.favoris summary::marker, .favoris summary::-webkit-details-marker {
  display: none;
}
.favoris summary:focus {
  outline: none;
}
.favoris summary:focus-visible {
  outline: 1px dotted #000;
}
.favoris li::after, .favoris summary::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--spacing) / 2 - var(--radius));
  left: calc(var(--spacing) - var(--radius) - 1px);
  width: calc(2 * var(--radius));
  height: calc(2 * var(--radius));
  border-radius: 50%;
  background: #ddd;
}
.favoris summary::before {
  content: "+";
  z-index: 1;
  background: #696;
  color: #fff;
  line-height: calc(2 * var(--radius) - 2px);
  text-align: center;
}
.favoris details[open] > summary::before {
  content: "-";
}
/******************** FIN STYLE TREE *****************/
/********************* mon cv **********************/
#cv-indentite {
  float: left;
  margin-right: 2%;
  margin-top: 1%;
}
.entete-periode-cv {
  font-weight: bold;
  /* border: 2px solid black; */
  background-color: lightblue;
  text-align: center;
  border-radius: 50px;
}
.experiences-pro li {
  list-style-type: none;
}
.gpxtrack .gpxtrackmap .gpxtrackmap {
  border: 8px solid red;
}
.libelle-fonction {
  font-weight: bold;
  text-align: center;
  color: rebeccapurple;
}
#panelacc810_5 ul li {
  list-style-type: none;
}
#panelacc810_6 ul li {
  list-style-type: none;
}
.competences-pro li {
  list-style-type: none;
}
.diplome-cv {
  font-weight: bold;
}
.diplome {
  font-weight: bold;
}
.cv-cadre {
  padding: 0 18px;
  overflow: hidden;
  display: none;
  border: 1px dotted;
  margin-bottom: 2%;
}
#panelacc810_7 ul li {
  /*list-style-type: none;*/
}
html.g-offcanvas-css3.dj_gecko.dj_contentbox body.gantry.g-helium-style.site.com_content.view-article.no-layout.no-task.dir-ltr.itemid-1033.outline-13.g-offcanvas-left.g-default.g-style- div#g-page-surround section#g-container-main.g-wrapper div.g-container div.g-grid div.g-block.size-75 main#g-mainbar div.g-grid div.g-block.size-100 div.g-content div.platform-content.row-fluid div.span12 div.item-page div div#panelacc810_7.acc_panel ul li {
  list-style-type: none;
}
.category-name {
  text-align: right;
  float: left;
  width: 80%;
  color: red;
  padding-bottom: 20px;
  color: red;
}
.category-name span {
  color: red *;
  color: red;
  font-weight: bold;
}
dl.article-info.muted dd.hits {
  display: block;
}
html.g-offcanvas-css3.dj_gecko.dj_contentbox body.gantry.g-helium-style.site.com_content.view-article.no-layout.no-task.dir-ltr.itemid-303.outline-13.g-offcanvas-left.g-default.g-style- div#g-page-surround section#g-container-main.g-wrapper div.g-container div.g-grid div.g-block.size-75 main#g-mainbar div.g-grid div.g-block.size-100 div.g-content div.platform-content.row-fluid div.span12 div.item-page dl.article-info.muted dd.category-name {
  color: blue;
  font-weight: bolder;
}
dd.field-entry.pj1 span.field-label {
  content: ss;
  font-size: 200%;
  color: red;
  border: 2px solid;
}
.mesderniersarticles .g-title {
  color: red;
  text-decoration: underline;
}
/**Pour article plaque de tare **/
.plaque-de-tare {
  background-color: black;
  border: 5px solid gray;
  color: white;
  font-weight: bold;
  width: 400px;
  font-family: plaquedetare;
}
.plaque-de-tare .une-ligne {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 16px;
  padding-right: 16px;
}
.plaque-de-tare .une-ligne .libelle {
  text-transform: uppercase;
  float: left;
  margin-right: 5px;
}
.plaque-de-tare .une-ligne .valeur {
  color: #fbfbfb;
  width: 45%;
  background-color: gray;
  margin-left: 53%;
  padding-left: 5px;
  padding-bottom: 1px;
}
@font-face {
  font-family: plaquedetare;
  src: url('../../../../Oswald-VariableFont_wght.ttf');
}
.rond-blanc {
  background-color: white;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}
#rond-haut-gauche {
  top: 15px;
  position: absolute;
  left: 15px;
}
#rond-haut-droite {
  background-color: white;
  margin-left: 385px;
  top: 15px;
  position: absolute;
}
#rond-bas-gauche {
  top: 188px;
  background-color: white;
  position: absolute;
  left: 15px;
}
#rond-bas-droite {
  background-color: white;
  top: 188px;
  margin-left: 385px;
  position: absolute;
  left: 15px;
}
.sans-puces li::marker {
  content: "";
  font-size: 0.2em;
}
/*# sourceMappingURL=helium_13.css.map */
/*Justifier les articles*/
.item-page {
  text-align: justify;
}
ul.newsfeedmongithub {
  height: 120px;
  background-color: lightcyan;
  overflow-y: scroll;
}
ul.newsfeedmongithub li .feed-item-description {
  color: blue;
  font-size: 80%;
  float: left;
  padding: 2px;
  float: right;
}
.recommendations-unit-title {
  display: none;
}
div#up-903-1 {
  /*S'applique uniquement à l'article 903*/
  height: 500px;
  border: 2px solid red;
  overflow-y: scroll;
}
.mongithub .feedmongithub h2 a {
  display: none;
}
ul.newsfeedmongithub li .feed-item-description {
  color: blue;
  font-size: 75%;
  float: left;
  padding: 2px;
  float: right;
  max-width: 600px;
}
.tab-marche {
  line-height: 0;
}
#formAcym10861 .acym_module_form .acym_form div {
  float: left;
}
.gpxtrackinfo table tbody tr {
  padding: 0;
  margin: 0;
  line-height: 3px;
}
.qrcodemarches {
  width: 33%;
  margin-left: 33%;
  border: 2px solid red;
}
div div.gpxtrack div.gpxtrackinfo table tbody tr td:nth-child(3) {
  color: lightgray;
  font-size: 85%;
}
.article-marche .marches-tr .field-value .trace-route .tr > div:nth-child(1) {
  width: 35px;
  text-align: center;
  font-weight: bold;
  color: red;
  border: 2px solid rebeccapurple;
  border-radius: 80%;
  height: 35px;
  background-color: violet;
  margin-right: 1%;
}
.article-marche .marches-tr .field-value .trace-route .tr > div:nth-child(2) {
  width: 90%;
  border-bottom: 1px black dashed;
  border-color: rebeccapurple;
}
.article-marche .trace-route {
  display: inline-block;
  width: 100%;
  border: 1px solid black;
  padding: 10px;
}
.article-marche .marches-tr .field-value #trace-route {
  border: 1px solid;
}
.article-marche .marches-tr .field-value .trace-route .tr > div:nth-child(2) {
  /* width: 80%;
   background-color: rebeccapurple;*/
  text-align: left;
}
.article-marche .marches-tr .field-value .trace-route .tr > div:nth-child(3) {
  width: 15%;
  min-width: 85%;
  font-weight: bold;
  /* background-color: rebeccapurple;*/
}
.article-marche .marches-tr .field-value .trace-route .tr {
  display: flex;
}
.marches-tr .field-value .liste li .valeur2 {
  font-weight: bold;
  padding-left: 4%;
}
.article-marche ul.qualification .qualification-marche-libelle {
  color: red;
  font-weight: bold;
  margin-right: 1%;
}
.article-marche ul.qualification {
  font-size: 60%;
}
.article-marche p span.marches-difficulte span.field-value {
  font-weight: bold;
  color: red;
}
#modal-content-49 ul li span.qualification-marche-libelle {
  color: red;
  font-weight: bold;
}
.article-marche .pause-meridienne .field-value.marches-lieu-dejeuner p .longitude::before {
  content: "🗺";
  color: blue;
  margin-top: 1%;
  font-size: 250%;
  margin-top: 10px;
}
.article-marche .marches-tr .field-value .liste li {
  line-height: 2;
}
.article-marche .marches-tr .field-value .liste li {
  list-style-type: none;
  counter-increment: item;
}
.article-marche .marches-tr .field-value .liste li:before {
  content: counter(item);
  display: inline-block;
  width: 12px;
  height: 20px;
  font-family: "Indie Flower", cursive;
  margin-right: 5px;
  background-color: #f9dd94;
  color: #7eb4e2;
  font-weight: bold;
  font-size: 140%;
  padding: 0 8px 8px;
  border-radius: 3px;
  line-height: 1.3;
  float: left;
}
.article-marche .marches-tr .field-value .liste li .valeur1 {
  float: right;
}
.article-marche .marches-tr .field-value .liste li .valeur3 {
  margin-left: 5%;
  font-style: italic;
}
.article-marche .marches-tr .field-value .liste li .valeur2 {
  font-weight: bold;
  padding-left: 4%;
}
#valeur1-0::before {
  content: "🦶";
  margin-right: 5px;
}
.article-marche .marches-tr .field-value .liste li .valeur_1 {
  color: red;
  font-weight: bold;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.article-marche .marches-tr .field-value .liste li .valeur_3 {
  margin-left: 5.6%;
}
.article-marche .marches-tr .field-value .liste li .valeur_2 {
  font-weight: bold;
  padding-left: 15%;
}
.article-marche .surface-rencontree .field-value .liste li .valeur_1 {
  color: red;
  color: red;
  font-weight: bold;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.article-marche .surface-recontree .field-value .liste li::before {
  content: counter(item);
  display: inline-block;
  width: 12px;
  height: 20px;
  font-family: "Indie Flower", cursive;
  margin-right: 5px;
  background-color: #f9dd94;
  color: #7eb4e2;
  font-weight: bold;
  font-size: 140%;
  padding: 0 8px 8px;
  border-radius: 3px;
  line-height: 1.3;
  float: left;
}
.article-marche .surface-rencontree .field-value .liste li::before {
  content: counter(item);
  display: inline-block;
  width: 12px;
  height: 20px;
  font-family: "Indie Flower", cursive;
  margin-right: 5px;
  background-color: #f9dd94;
  color: #7eb4e2;
  font-weight: bold;
  font-size: 140%;
  padding: 0 8px 8px;
  border-radius: 3px;
  line-height: 1.3;
  float: left;
}
.article-marche .surface-rencontree .field-value .liste li {
  list-style-type: none;
  counter-increment: item;
}
.article-marche .surface-rencontree .field-value .liste li .valeur {
  font-weight: bold;
  padding-left: 1%;
}
.article-marche span.field-value.marches-petit-dej {
  font-weight: bold;
  color: red;
}
.marche-POI .liste li .valeur_1 {
  float: left;
  margin-right: 20px;
  width: 25%;
  padding-top: 1.4%;
  color: red;
  font-weight: bold;
}
.article-marche .point-de-ravitaillement-en-eau .liste {
  list-style-type: none;
}
.marche-POI .liste li {
  margin-top: 5%;
  border: 1px solid;
  padding: 5%;
}
.article-marche div .marche-POI .liste li .valeur_2::before {
  content: "👁";
  color: red;
  font-size: 150%;
  font-weight: normal;
  margin-top: 1.2%;
}
.article-marche .lieu-petit-dejeuner {
  color: red;
  line-height: 5px;
  border: 5px solid;
  display: block;
  width: 50%;
  margin: auto;
  padding: 1.5%;
  text-align: center;
}
.article-marche .lieu-petit-dejeuner p:first-of-type {
  font-weight: bold;
  font-size: 120%;
  padding-bottom: 1.5%;
}
.article-marche .marches-point-de-rendez-vous {
  color: red;
  line-height: 15px;
  display: block;
  width: 50%;
  margin: auto;
  padding: 1.5%;
  text-align: center;
  color: red;
  line-height: 15px;
  text-align: justify;
}
.article-marche .marches-point-de-rendez-vous p:first-of-type {
  font-weight: bold;
  font-size: 120%;
  padding-bottom: 1.5%;
}
.article-marche .point-de-rendez-vous-matinal {
  line-height: 20px;
  text-align: center;
  color: red;
  border: 5px solid red;
  width: 50%;
  margin: auto;
}
.field-entry.meta-qualification-marche {
  float: right;
  border: 4px dotted blue;
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-radius: 15px;
}
.article-marche .meta-qualification {
  text-align: center;
  display: block;
  border: 2px solid red;
  border-radius: 10px;
  font-weight: bold;
  color: white;
  background-color: red;
  width: 100%;
  margin-top: 10%;
}
.article-marche .pause-meridienne .field-value.marches-lieu-dejeuner {
  line-height: 20px;
  text-align: justify;
  padding-left: 1%;
  padding-right: 1%;
  color: red;
  /* border: 5px solid red;*/
  width: 50%;
  margin: auto;
  /*border: 2px solid red;*/
}
.article-marche .pause-meridienne {
  line-height: 15px;
  text-align: center;
  color: red;
  border: 5px solid red;
  width: 50%;
  margin: auto;
  padding: 2%;
}
.article-marche .pause-meridienne .marches-lieu-dejeuner ul {
  padding: 5%;
  margin-left: 1%;
}
.article-marche p .marches-difficulte .field-value.meta-qualification {
  color: white;
}
.article-marche .showPOI .Un-POI li {
  color: red;
  color: red;
  font-weight: bold;
  float: left;
  margin-right: 1%;
  margin-left: 1%;
}
.article-marche .showPOI .Un-POI .POI-nom {
  width: 100%;
  text-align: center;
  list-style-type: none;
  text-transform: uppercase;
  border: 1px solid red;
  padding: 2%;
}
.article-marche .showPOI .Un-POI .POI-nom::before {
  content: "🚩";
  margin-right: 1%;
}
.article-marche .showPOI .Un-POI .POI-POI {
  display: none;
}
.article-marche .showPOI .Un-POI li {
  list-style-type: none;
  color: black;
  margin-left: 6%;
  margin-top: 2%;
  display: block;
  width: 100%;
  display: inline-table;
}
.article-marche .showPOI .Un-POI .POI-description {
  line-height: 2px;
  line-height: 110%;
}
.article-marche .showPOI .Un-POI .POI-adresse {
  line-height: 2px;
  font-weight: normal;
}
.article-marche .showPOI .Un-POI .POI-longitude {
  line-height: 110%;
  font-weight: normal;
  padding-left: 2%;
}
.article-marche .showPOI .Un-POI .POI-latitude {
  line-height: 110%;
  font-weight: normal;
  padding-left: 2%;
}
.article-marche .showPOI .Un-POI .POI-heure-arrivee {
  line-height: 2px;
  font-weight: normal;
  color: blue;
}
.article-marche .showPOI .Un-POI .POI-heure-arrivee::before {
  content: "Heure arrivée prévue : ";
  color: black;
}
.GPXTrackMap tbody tr td {
  line-height: 20%;
}
.article-marche .showPOI .Un-POI .POI-heure-depart {
  line-height: 2px;
  font-weight: normal;
  color: blue;
}
.article-marche .showPOI .Un-POI .POI-heure-depart::before {
  content: "Heure départ prévue : ";
  color: black;
}
.article-marche .showPOI .Un-POI .POI-attendus {
  line-height: 2px;
  font-weight: normal;
}
.article-marche .showPOI .Un-POI .POI-attendus::before {
  content: "Sommes-nous attendus ? ";
}
.article-marche .showPOI .Un-POI .POI-photo::before {
  content: "Photo de groupe ? ";
}
/* TABLE DES MATIERES */
.article-marche .table-of-contents-ck-wrap .table-of-contents-ck {
  margin: 0;
  padding: 0;
}
.article-marche .table-of-contents-ck-wrap li ol {
  padding: 0;
  margin-top: 0;
}
.article-marche hr {
  display: none;
}
.article-marche #lien-modale-difficultes {
  display: block;
  float: inline-end;
}
.article-marche .point-de-ravitaillement-en-eau .liste li .valeur_1 {
  color: red;
  float: left;
  margin-right: 1%;
  font-weight: bold;
}
.article-marche .point-de-ravitaillement-en-eau .liste li .valeur_2 {
  font-weight: bold;
  float: left;
  margin-right: 1%;
}
.article-marche .point-de-ravitaillement-en-eau .liste li .valeur_1::after {
  content: " - ";
  font-weight: normal;
  clear: inherit;
  color: black;
}
.article-marche .point-de-ravitaillement-en-eau ol#liste-a-puce-916.liste li {
  display: flow-root list-item;
}
.article-marche span.field-label {
  display: none;
}
.article-marche div .marche-POI .liste li .valeur_2 {
  font-weight: bold;
}
.article-marche .surface-rencontree .field-value .liste li .valeur_2 {
  font-weight: bold;
  padding-left: 15%;
}
.article-marche .meta-qualification::before {
  content: "Niveau IBP estimé : ";
}
.article-marche .field-value.depense-energetique::before {
  content: "Dépense énergetique estimée : ";
}
.article-marche .field-value.depense-energetique {
  text-align: center;
  display: block;
  font-weight: bold;
  background-color: blue;
  color: white;
  border-radius: 10px;
  margin-top: 5%;
  text-align: center;
  display: block;
  font-weight: bold;
}
.article-marche .field-value.depense-energetique::after {
  content: " kCal";
}
.article-marche .pause-meridienne .marches-lieu-dejeuner .liste_grise_fleche li {
  /*line-height: 220%;*/
  margin-bottom: 5%;
}
table#outils-lies-aux-marches {
  border-collapse: collapse;
  border: 5px solid red;
}
.certifications-open-badges-marche {
  width: 50%;
  float: left;
}
.article-marche .lieu-petit-dejeuner p:first-of-type {
  line-height: 100%;
  text-align: justify;
}
.img-titre-article img {
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 5%;
}
/*Pour masquer du plugin de lecture GPX*/
#libelle-tempspiste-debut {
  display: none;
}
#libelle-tempspiste-fin {
  display: none;
}
.CV-libelle-auto-formation {
  font-weight: bold;
}
.CV-libelle-auto-formation ul li {
  font-weight: initial;
}
/*Bouton de vote */
span.content_vote select {
  width: 92%;
}
.lien-inscription a .inscriptions-marches-stylo {
  color: red;
  font-size: 150%;
}
.lien-inscription {
  text-align: center;
  border: 2px solid red;
  color: white;
  background-color: red;
  border-radius: 20px;
  font-weight: bolder;
}
.lien-inscription .modal_link.rl_modals_element {
  color: white;
}
@use postcss-preset-env {
  stage: 0;
}
.PJ1 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #4f46e5, #9333ea);
  border-radius: 50px;
  box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3);
  transition: all 0.3s ease;
}
/* helpers/accessibility.css */
/*  =================================== MENU MARCHES ========================================== */
/* helpers/align.css */
.menu-marche {
  display: grid;
  place-items: center;
}
/* layout/base.css */
/* modules/anchor.css */
.menu-marche * a {
  color: inherit;
  text-transform: uppercase;
  font-weight: bold;
}
/* modules/icon.css */
.menu-marche * .icons {
  display: none;
}
.menu-marche * .icon {
  block-size: 1em;
  /* display: inline-block;*/
  fill: currentcolor;
  inline-size: 1em;
  vertical-align: middle;
  visibility: hidden;
}
.menu-marche * .icon--2x {
  font-size: 2rem;
}
/* modules/image.css */
.menu-marche * svg {
  max-inline-size: 100%;
}
/* modules/navigation.css */
.menu-marches {
  background-color: var(--navigation-background-color);
  border-radius: var(--navigation-border-radius);
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.3);
  padding: 0.1%;
  --navigation-background-color: #f0f6ff;
  --navigation-border-radius: 0.25em;
  --navigation-anchor-padding: 1.5em;
  border: 2px solid black;
  border-radius: 5px;
  height: 75%;
}
.menu-marches ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-marches * a {
  display: flex;
  align-items: center;
  /* aligns the items vertically */
  padding: var(--navigation-anchor-padding);
  position: relative;
  text-decoration: none;
}
.menu-marches * a {
  color: red;
  font-family: sans-serif;
}
.menu-marches a:focus::after, .menu-marches a:hover::after {
  opacity: 1;
  border-radius: 10px;
}
.menu-marches a::after {
  block-size: 100%;
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.3);
  content: "";
  inline-size: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 10;
  height: 50%;
  transition: opacity 0.3s;
}
.menu-marches--inline ul {
  display: flex;
}
#abo-NL-marches {
  text-transform: uppercase;
  font-weight: bold;
  color: red;
  background-color: transparent;
  margin-top: 5%;
}
#acym_fulldiv_formAcym2 .acym__subscription__form__popup {
  border: 5px solid red;
  background-color: lightyellow !important;
  border-radius: 4%;
}
#cat-33_101668716 {
  display: none;
}
.un-badge {
  width: 45%;
  float: left;
  border: 1px solid black;
  margin: 0.9%;
  padding: 0.5%;
  text-align: center;
}
/* -- POUR LES CONVERSATION DE TYPE Imessaegs */
.imessage {
  background-color: #fff;
  border: 1px solid #e5e5ea;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  font-family: "SanFrancisco";
  font-size: 1.25rem;
  margin: 0 auto 1rem;
  max-width: 600px;
  padding: 0.5rem 1.5rem;
}
.imessage p {
  border-radius: 1.15rem;
  line-height: 1.25;
  max-width: 75%;
  padding: 0.5rem 0.875rem;
  position: relative;
  word-wrap: break-word;
}
.imessage p::before, .imessage p::after {
  bottom: -0.1rem;
  content: "";
  height: 1rem;
  position: absolute;
}
.imessage p.from-me {
  align-self: flex-end;
  background-color: #248bf5;
  color: #fff;
}
.imessage p.from-me::before {
  border-bottom-left-radius: 0.8rem 0.7rem;
  border-right: 1rem solid #248bf5;
  right: -0.35rem;
  transform: translate(0, -0.1rem);
}
.imessage p.from-me::after {
  background-color: #fff;
  border-bottom-left-radius: 0.5rem;
  right: -40px;
  transform: translate(-30px, -2px);
  width: 10px;
}
.imessage p[class^="from-"] {
  margin: 0.5rem 0;
  width: fit-content;
}
.imessage p.from-me ~ p.from-me {
  margin: 0.25rem 0 0;
}
.imessage p.from-me ~ p.from-me:not(:last-child) {
  margin: 0.25rem 0 0;
}
.imessage p.from-me ~ p.from-me:last-child {
  margin-bottom: 0.5rem;
}
.imessage p.from-them {
  align-items: flex-start;
  background-color: #e5e5ea;
  color: #000;
}
.imessage p.from-them:before {
  border-bottom-right-radius: 0.8rem 0.7rem;
  border-left: 1rem solid #e5e5ea;
  left: -0.35rem;
  transform: translate(0, -0.1rem);
}
.imessage p.from-them::after {
  background-color: #fff;
  border-bottom-right-radius: 0.5rem;
  left: 20px;
  transform: translate(-30px, -2px);
  width: 10px;
}
.imessage p[class^="from-"].emoji {
  background: none;
  font-size: 2.5rem;
}
.imessage p[class^="from-"].emoji::before {
  content: none;
}
.imessage .no-tail::before {
  display: none;
}
.imessage .margin-b_none {
  margin-bottom: 0 !important;
}
.imessage .margin-b_one {
  margin-bottom: 1rem !important;
}
.imessage .margin-t_one {
  margin-top: 1rem !important;
}
/* general styling */
@font-face {
  font-family: "SanFrancisco";
  src: url('https://cdn.rawgit.com/AllThingsSmitty/fonts/25983b71/SanFrancisco/sanfranciscodisplay-regular-webfont.woff2') format("woff2"), url('https://cdn.rawgit.com/AllThingsSmitty/fonts/25983b71/SanFrancisco/sanfranciscodisplay-regular-webfont.woff') format("woff");
}
.imessage-container {
  margin: 0 auto;
  max-width: 600px;
  padding: 1rem;
}
.imessage- * h1 {
  font-weight: normal;
  margin-bottom: 0.5rem;
}
.imessage- * h2 {
  border-bottom: 1px solid #e5e5ea;
  color: #666;
  font-weight: normal;
  margin-top: 0;
  padding-bottom: 1.5rem;
}
.imessage * .comment {
  color: #222;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  max-width: 100%;
  padding: 0;
}
.titre-article {
  border: 2px solid red;
  border-radius: 25px;
  padding: 1%;
  color: red;
  font-weight: bold;
  text-align: center;
  background-color: cornsilk;
}
/*Formulaire inscriptions marche*/
.lien-inscription-marche a {
  color: red;
  font-weight: bold;
  text-align: center;
}
.lien-inscription-marche {
  text-align: center;
  border: 2px solid black;
  background-color: lightblue;
  font-size: 250%;
  border-radius: 20px;
}
.lien-inscription-marche::before {
  content: "🚶";
}
.regex101::before {
  content: "R";
  background-color: blue;
  padding: 5px;
  font-family: initial;
  font-weight: bolder;
  color: white;
  border: 2px solid red;
  border-radius: 15px;
}
.monCV div h1 {
  display: none;
}
/* fin formulairte inscription*/
/**===================================================================================================*/
/* ===================== AFFICHAGE DES REGEX ==========================================*/
.regex-card {
  background: #111827;
  border-radius: 16px;
  padding: 24px 28px;
  width: 100%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  margin: auto;
  border: 5px solid red;
}
.regex-card h2 {
  margin-bottom: 16px;
  font-size: 1.4rem;
  color: #60a5fa;
  margin-bottom: 0px;
}
.regex-card .regex-block {
  background: #020617;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 16px;
  overflow-x: auto;
}
.regex-card .regex-block code {
  color: red;
  font-size: 0.95rem;
  font-family: Courier;
}
.regex-card .options:before {
  content: "Options utilisées :";
  font-size: 90%;
  margin-top: 2%;
  font-weight: bold;
  color: white;
}
.regex-card .options {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
  float: right;
  color: blue;
}
.regex-card .option {
  background: #2f2913;
  border: 1px solid #374151;
  padding: 6px 12px;
  color: blue;
  font-weight: bold;
  font-size: 0.85rem;
  font-family: Courier;
  border-radius: 5px;
}
.regex-card .description {
  background: #0f172a;
  /*margin-top:15%;*/
  padding: 5px;
  border-radius: 10px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #e5e7eb;
  text-align: justify;
}
/* ================================== FIN AFFICHAGE REGEX ======================================*/
.evttree {
  font-family: system-ui, sans-serif;
  line-height: 1.6;
  max-width: 800px;
}
.evttree .descriptionTree {
  background-color: yellow;
  padding: 1%;
  border: 2px solid red;
  test-align: center;
}
.evttree details {
  margin-left: 1.2rem;
  position: relative;
}
/* Titres des nœuds */
.evttree summary {
  cursor: pointer;
  font-weight: 600;
  padding: 0.1rem 0;
  list-style: none;
}
.evttree summary::-webkit-details-marker {
  display: none;
}
/* Flèche */
.evttree summary::before {
  content: "▶";
  display: inline-block;
  width: 1em;
  margin-right: 0.4em;
  transition: transform 0.2s ease;
  color: #555;
}
.evttree details[open] > summary::before {
  transform: rotate(90deg);
}
/* Contenu descriptif */
.evttree .content {
  margin: 0.4rem 0 1rem 1.5rem;
  padding-left: 1rem;
  border-left: 2px solid #ddd;
  color: #444;
}
/* Hiérarchie visuelle subtile */
.evttree details details .content {
  border-left-color: #ccc;
}
.evttree * .content div {
  /* Toutes les descriptions*/
  color: blue;
  padding-bottom: 1%;
}
.evttree details details details .content {
  border-left-color: #bbb;
}
.evttree details details details details .content {
  border-left-color: #aaa;
}
.evttree details .content details .content details summary {
  color: black;
}
.evttree * .niveau {
  color: red;
}
.evttree * .niveau1:after, .evttree * .niveau2:after {
  content: " : ";
}
.evttree * .propriete {
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px;
}
.evttree * .propriete .une-propriete .nom-propriete {
  text-transform: uppercase;
  color: red;
}
.evttree * .propriete .une-propriete .nom-propriete:after {
  content: " : ";
}
.evttree * .propriete .une-propriete .exemple-propriete {
  font-family: "Courier New", Courier, monospace;
  color: black;
  font-weight: bold;
  margin-left: 2%;
  background-color: lightyellow;
  text-align: left;
  font-size: 70%;
}
.evttree * .propriete .une-propriete .exemple-propriete .tag {
  color: blue;
}
.evttree * .propriete .une-propriete .description-propriete {
  color: black;
  text-align: justify;
  padding-right: 5%;
  margin-left: 5%;
  padding-left: 1%;
  border-left: 5px solid blue;
}
.evttree * .propriete .une-propriete .nota {
  font-size: 80%;
  color: black;
  text-align: justify;
}
.fields-container {
  margin: 0;
}
.field-entry.pj1 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #f5f5f3;
  /* ou ta variable bg secondaire */
  border: 0.5px solid rgba(0, 0, 0, 0.12);
  border-left: 3px solid #378ADD;
  border-radius: 8px;
}
.field-entry.pj1 .field-label {
  display: block;
  font-size: 11px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 2px;
}
.field-entry.pj1 .field-value a {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.field-entry.pj1 .field-value a:hover {
  color: #185FA5;
}
/******************************** LOGO IA **************************************/
@keyframes shimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}
@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.85);
  }
}
@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.bandeau-ia {
  width: 100%;
  box-sizing: border-box;
  background: #E6F1FB;
  border-top: 3px solid #378ADD;
  border-bottom: 1px solid #B5D4F4;
  padding: 14px 28px;
  display: flex;
  align-items: center;
  gap: 14px;
  animation: slide-in 0.5s ease both;
  position: relative;
  overflow: hidden;
}
.bandeau-ia::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.45) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: shimmer 3.5s linear infinite;
  pointer-events: none;
}
.bandeau-ia__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #378ADD;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bandeau-ia__icon svg {
  width: 18px;
  height: 18px;
  fill: #ffffff;
}
.bandeau-ia__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bandeau-ia__title {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #0C447C;
  letter-spacing: 0.01em;
}
.bandeau-ia__sub {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 12px;
  color: #185FA5;
  font-weight: 400;
}
.bandeau-ia__badge {
  margin-left: auto;
  background: #378ADD;
  color: #E6F1FB;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 13px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.bandeau-ia__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #B5D4F4;
  animation: pulse-dot 1.6s ease-in-out infinite;
}
@media print {
  #g-navigation {
    display: none;
  }
  html.g-offcanvas-css3.dj_gecko.dj_contentbox body.gantry.g-helium-style.site.com_content.view-article.no-layout.no-task.dir-ltr.itemid-1295.outline-13.g-offcanvas-left.g-default.g-style- div#g-page-surround section#g-container-main.g-wrapper div.g-container div.g-grid div.g-block.size-75 main#g-mainbar div.g-grid div.g-block.size-100 div.g-content div.platform-content.row-fluid div.span12 div.item-page div.content_rating {
    display: none;
  }
  .dates-marches {
    display: none;
  }
  .rapport-sondage-marche {
    display: none;
  }
  .groupe-facebook-marcheurs {
    display: none;
  }
  .fieldset-marcheurs-outils {
    display: none;
  }
  .article-marche iframe {
    display: none;
  }
  html.g-offcanvas-css3.dj_gecko.dj_contentbox body.gantry.g-helium-style.site.com_content.view-article.no-layout.no-task.dir-ltr.itemid-1295.outline-13.g-offcanvas-left.g-default.g-style- div#g-page-surround section#g-container-main.g-wrapper div.g-container div.g-grid div.g-block.size-75 main#g-mainbar div.g-grid div.g-block.size-100 div.g-content div.platform-content div.moduletable {
    display: none;
  }
  html.g-offcanvas-css3.dj_gecko.dj_contentbox body.gantry.g-helium-style.site.com_content.view-article.no-layout.no-task.dir-ltr.itemid-1295.outline-13.g-offcanvas-left.g-default.g-style- div#g-page-surround section#g-container-main.g-wrapper div.g-container div.g-grid div.g-block.size-25 aside#g-sidebar {
    display: none;
  }
  body {
    margin: 0mm 0mm 0mm 2mm;
  }
  .g-container {
    width: 19cm;
    padding: 0;
    margin: 0;
  }
}
/*# sourceMappingURL=custom_13.css.map */