/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/theme.scss ***!
  \***********************************************************************************************************************************************************************************/
@charset "UTF-8";
/* --------------------------------------------------------------

   theme.css
   Theme par defaut de SPIP 3.3
   collectif SPIP

-------------------------------------------------------------- */
:root {
  --vert: #9a9738;
  --orange: #fc8a17;
  --rouge: #eb3c27;
}

/* ------------------------------------------
/* Habillage des balises HTML
/* ------------------------------------------ */
/* Elements principaux
------------------------------------------ */
h1, .h1,
h2, .h2 {
  display: flex;
  flex-direction: column;
}

/* Hyperliens
---------------------------------------------- */
a, a:visited {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
a:focus, a:hover, a:active, a:visited:focus, a:visited:hover, a:visited:active {
  background: none;
  color: inherit;
}

/* Citations, code et poesie
---------------------------------------------- */
blockquote {
  min-height: 40px;
  background: url(../js/../css/img/quote.png) no-repeat;
  border: none;
  padding-left: 3em;
}

blockquote:before {
  content: ""; /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */
}

blockquote.spip_poesie {
  background-image: none;
}

.spip_code,
.spip_cadre {
  font-family: "Courier New", Courier, monospace;
  margin: 0 0.2em;
}

.spip_code {
  border: 1px solid #dfdfcd;
  background-color: rgba(227, 227, 211, 0.5);
  color: #3b3b25;
  text-shadow: 0 1px 0 #fdfdfc;
}

.spip_cadre {
  background: #333;
  color: #fff;
  border-radius: 0.5em;
  border: 0;
}

textarea.spip_code,
textarea.spip_cadre {
  padding: 1em;
  width: 98%;
}

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
/* fil d'ariane */
.arbo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 16px;
  list-style-type: none;
  text-transform: uppercase;
  color: var(--mdc-theme-text-secondary-on-light);
}
@media (min-width: 600px) {
  .arbo {
    padding-bottom: 24px;
  }
}
.arbo li:first-child {
  padding-left: 0;
}
.arbo li:nth-child(n+2):before {
  content: "/";
  padding: 0 8px;
}
.arbo li:last-child {
  font-family: Basier Circle Medium, sans-serif;
  color: var(--mdc-theme-text-primary-on-light);
}
.arbo li a {
  white-space: nowrap;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.arbo li a:focus, .arbo li a:hover, .arbo li a:active {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.cartouche {
  z-index: 2;
  min-height: calc(42.5531914894vw - 88px);
  margin: 16px;
}
@media (min-width: 600px) {
  .cartouche {
    min-height: calc(42.5531914894vw - 112px);
    margin: 24px 32px;
  }
}
@media (min-width: 905px) {
  .cartouche {
    width: 840px;
    min-height: 245.4468085106px;
    margin: 24px auto;
  }
}
@media (min-width: 1240px) {
  .cartouche {
    width: auto;
    min-height: calc((100vw - 400px) / 2.35 - 112px);
    margin: 24px 200px;
  }
}
@media (min-width: 1440px) {
  .cartouche {
    width: 1040px;
    min-height: 330.5531914894px;
    margin: 24px auto;
  }
}
@media (min-width: 1920px) {
  .cartouche {
    width: auto;
    min-height: calc((100vw - 880px) / 2.35 - 112px);
    margin: 24px 440px;
  }
}
@media (min-width: 2560px) {
  .cartouche {
    width: 1680px;
    min-height: 602.8936170213px;
    margin: 24px auto;
  }
}
.cartouche .intro + div {
  margin-top: 1.275rem;
  text-align: center;
}

abbr.published {
  border: 0;
}

@media print {
  abbr[title].published:after {
    content: "";
  }
  abbr[title].dtreviewed:after {
    content: "";
  }
}
.info-publi {
  margin: 1.5em 0 0;
  font-size: 0.9em;
  font-style: italic;
}

html[dir=rtl] .info-publi {
  font-style: normal;
}

.traductions a[hreflang]:after {
  content: "";
}

.chapo {
  font-weight: bold;
}

.hyperlien {
  display: block;
  padding: 1.5em 50px;
  background: #EEE url(../js/../css/img/def.png) no-repeat 25px 1.9em;
  font-weight: bold;
}

.ps, .notes {
  margin-bottom: 1.5em;
}

.notes {
  clear: both;
  font-size: 0.9em;
}

/* Listes et tableaux */
.spip-puce {
  color: var(--mdc-theme-text-primary-on-background);
}

dl.spip dt {
  background: url(../js/../css/img/def.png) no-repeat 25px 0.5em;
}

table.spip {
  margin: 1em 0;
}

table.spip caption {
  background: none;
  border-bottom: 1px solid;
  text-align: left;
  font-weight: bold;
}

table.spip thead th {
  background: none;
  border: 1px solid;
  border-width: 1px 0;
}

table.spip tbody tr th,
table.spip tr td {
  background: none;
}

table.spip tbody tr.odd th,
table.spip tr.odd td {
  background: #EEE;
}

table.spip tr:hover td {
  background: #AAD;
}

table.spip tfoot {
  border-top: 1px solid;
}

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip {
  margin-bottom: 1.5em;
}

.formulaire_spip label {
  display: flex;
}

.formulaire_spip input.text:not(.mdc-text-field__input),
.formulaire_spip select,
.formulaire_spip textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 0.25em;
  border: solid 1px #ccc;
  border-radius: 4px;
}

.formulaire_spip img.ui-datepicker-trigger {
  position: relative;
  max-width: 1.5em;
  margin-top: -0.25em;
  margin-left: -1.75em;
}

.formulaire_spip .choix label {
  display: inline;
}

.formulaire_recherche label {
  display: block;
}

.erreur_message {
  display: block;
}

/* Selection des langues */
.formulaire_menu_lang {
  margin: 0;
  padding: 0;
  background: none;
}

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text {
  width: auto;
  height: 32px;
  padding-left: 20px;
  vertical-align: middle;
  border: solid 1px #aaa;
  background: #fff url(../js/../css/img/recherche.png) no-repeat left center;
  border-radius: 0.25em 0 0 0.25em;
}

.formulaire_recherche input.btn,
.formulaire_recherche input.submit {
  width: auto;
  height: 32px;
  vertical-align: middle;
  border: solid 1px #aaa;
  border-left: none;
  border-radius: 0 0.25em 0.25em 0;
  text-align: center;
}

/* Choix des mots-clefs */
.formulaire_spip .saisie_mots_forum fieldset {
  margin-left: 0;
}

ul.choix_mots {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}

ul.choix_mots li {
  display: flex;
  flex-basis: 30%;
  max-width: 30%;
  padding: 0.25em 0.5em;
  align-items: center;
}

ul.choix_mots li label {
  font-weight: normal;
  font-size: 1em;
  line-height: 1.25;
  margin-left: 0.25em;
}

.formulaire_spip .bugajaxie {
  display: none;
} /*IE/Win*/
/* Formulaire de login dans une page */
.formulaire_login .editer-groupe .editer {
  clear: left;
}

.formulaire_login .editer_password .caracteristiques {
  display: block;
}

.formulaire_login #spip_logo_auteur {
  float: right;
}

/* Fomulaire de contact */
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text {
  width: 100%;
}

/* Habillage des portfolios
---------------------------------------------- */
.documents_portfolio li {
  display: inline;
  margin: 0;
  padding: 0;
}

.documents_portfolio a {
  display: inline-block;
  padding: 10px;
  margin: 5px;
  border: 1px solid #ccc !important;
  color: #EEE;
  background: #fff;
  box-shadow: 5px 7px 5px 2px rgba(85, 85, 85, 0.3);
}

.documents_portfolio a:hover {
  color: #999;
  opacity: 0.8;
}

.documents_portfolio img {
  margin: 0;
}

.documents_joints .descriptif p {
  margin: 0;
}

/* Habillage des forums
---------------------------------------------- */
.comments {
  margin-top: 2em;
  padding: 1em 0;
  border-top: 10px solid #EEE;
}

.comments ul {
  list-style: none;
}

.comment-item {
  margin: 0.5em 0 0 0;
  padding: 0.5em 0 0 0;
  border-top: 1px solid #EEE;
}

.comments-items .comments-items {
  margin-left: 25px;
  padding-left: 20px;
  border-left: 5px solid #ddd;
}

.comment-meta {
  margin: 0;
  font-weight: bold;
}

.comment-meta small {
  font-size: 100%;
}

.comment-meta abbr {
  border: 0;
}

.comment-meta a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.comment-content .hyperlien {
  padding: 0;
  background: transparent;
  font-weight: normal;
}

/* Formulaire de forum */
.forum-titre {
  margin-top: 2em;
  padding: 1em 0;
  border-top: 10px solid #EEE;
}

.formulaire_forum form + form {
  margin-top: 1em;
}

.formulaire_forum legend {
  display: none;
}

.formulaire_forum .saisie_titre input.text {
  width: 100%;
}

.formulaire_forum .session_qui {
  display: none;
}

.formulaire_forum .saisie_texte .explication {
  font-size: 0.9em;
  font-style: italic;
  margin: 0.5em 0;
}

html[dir=rtl] .formulaire_forum .saisie_texte .explication {
  font-style: normal;
}

.formulaire_forum .boutons {
  margin-top: 1em;
}

/* Habillage des petitions
---------------------------------------------- */
#signatures td.signature-date small {
  white-space: nowrap;
}

#signatures .formulaire_recherche {
  margin: 1.5em auto;
  text-align: center;
}

/* Formulaire de signature */
/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */
/* Habillage general des menus de nav */
.menu {
  /* clear: both; margin-bottom: 1.5em; text-align: left; */
}
.menu ul {
  list-style: none;
  /* margin-bottom: 1.5em; */
}
.menu ul li {
  min-height: 32px;
  padding: 4px;
  line-height: 24px;
}
.menu ul li a, .menu ul li a:visited {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.menu ul li a:focus, .menu ul li a:hover, .menu ul li a:active {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.menu ul li ul { /* margin-left: 1.5em; list-style: circle; */ }

/* Pagination */
.pagination .pagination-items {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.pagination .pagination-item {
  margin: 0em;
  flex-basis: 7.5%;
  display: flex;
  align-items: center;
}

.pagination .pagination_precedent_suivant .pagination-item {
  flex-basis: auto;
}

.pagination .pagination-item + .pagination-item {
  margin-left: 0.5em;
}

.pagination .pagination-item-label {
  display: block;
  flex-basis: 100%;
  background: #f0f0f0;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 0.5em;
  border-radius: 0.25em;
  text-align: center;
}

.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active {
  background: #c41558;
  color: #fff;
}

.pagination .on .pagination-item-label {
  font-weight: bold;
}

.pagination .pagination_precedent_suivant .disabled {
  visibility: hidden;
}

.pagination .pagination-item.disabled .pagination-item-label {
  color: #888;
  font-weight: normal;
}

.menu_articles .pagination strong {
  font-size: 1em;
}

/* Listes d'articles et extraits introductifs */
.menu_articles li {
  clear: both;
  margin-bottom: 1.5em;
}

.menu_articles li h3,
.menu_articles li h2 {
  margin: 0 0 0.2em 0;
}

.menu_articles li p {
  margin: 0;
}

.menu_articles li .enclosures {
  float: right;
  text-align: right;
  max-width: 60%;
  margin: 0;
}

.menu_articles li div {
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}

.menu_articles a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.menu_articles strong {
  font-size: 1.2em;
}

.menu_breves li h3 {
  margin: 0;
}

.aside h2 {
  border-bottom: 3px solid #EEE;
  padding-bottom: 0.1em;
}

.aside li {
  margin: 1em 0;
}

.aside a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

header .menu {
  display: none;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw + 4px);
  width: 100vw;
  padding-top: 64px;
  background-color: var(--mdc-theme-surface);
  color: var(--mdc-theme-on-surface);
}
header .menu > ul {
  width: 808px;
  margin: 16px auto;
  list-style: none;
  -moz-columns: 4 auto;
       columns: 4 auto;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (min-width: 1240px) {
  header .menu > ul {
    width: calc(100vw - 400px - 32px);
    margin-right: 200px;
    margin-left: 200px;
  }
}
@media (min-width: 1440px) {
  header .menu > ul {
    width: 1008px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1920px) {
  header .menu > ul {
    width: calc(100vw - 880px - 32px);
    margin-right: 440px;
    margin-left: 440px;
  }
}
@media (min-width: 2560px) {
  header .menu > ul {
    width: 1648px;
    margin-right: auto;
    margin-left: auto;
  }
}
header .menu > ul > li {
  margin-bottom: 16px;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}
header .menu > ul > li a:focus, header .menu > ul > li a:hover, header .menu > ul > li a:active {
  color: var(--mdc-theme-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
}

footer li {
  margin-bottom: 8px;
}

footer .menu_footer {
  padding: 16px 0;
  background-color: var(--mdc-theme-background);
  color: var(--mdc-theme-text-primary-on-background);
}
@media (min-width: 600px) {
  footer .menu_footer {
    padding: 24px 0;
  }
}
footer .menu_footer > ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 16px;
}
@media (min-width: 600px) {
  footer .menu_footer > ul {
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 32px;
  }
}
@media (min-width: 905px) {
  footer .menu_footer > ul {
    width: 840px;
    margin: 0 auto;
  }
}
@media (min-width: 1240px) {
  footer .menu_footer > ul {
    width: auto;
    margin: 0 200px;
  }
}
@media (min-width: 1440px) {
  footer .menu_footer > ul {
    width: 1040px;
    margin: 0 auto;
  }
}
@media (min-width: 1920px) {
  footer .menu_footer > ul {
    width: auto;
    margin: 0 440px;
  }
}
@media (min-width: 2560px) {
  footer .menu_footer > ul {
    width: 1680px;
    margin: 0 auto;
  }
}
footer .menu_footer > ul > li {
  width: 100%;
  margin-top: 8px;
}
footer .menu_footer > ul > li > h3 {
  margin-bottom: 8px;
  color: var(--mdc-theme-on-secondary);
}
@media (min-width: 905px) {
  footer .menu_footer > ul > li > ul {
    width: auto;
  }
}
footer .menu_partenaires ul {
  display: inline-block;
}
footer .menu_partenaires li {
  display: inline-block;
}
footer .menu_partenaires li:before {
  content: " / ";
}
footer .menu_partenaires li:first-child:before {
  content: none;
}

footer .menu_informations_sur_le_site ul {
  margin: 8px 16px 16px;
  text-align: center;
}
@media (min-width: 600px) {
  footer .menu_informations_sur_le_site ul {
    margin: 8px 32px 24px;
  }
}
@media (min-width: 905px) {
  footer .menu_informations_sur_le_site ul {
    width: 840px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1240px) {
  footer .menu_informations_sur_le_site ul {
    width: auto;
    margin-right: 200px;
    margin-left: 200px;
  }
}
@media (min-width: 1440px) {
  footer .menu_informations_sur_le_site ul {
    width: 1040px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1920px) {
  footer .menu_informations_sur_le_site ul {
    width: auto;
    margin-right: 440px;
    margin-left: 440px;
  }
}
@media (min-width: 2560px) {
  footer .menu_informations_sur_le_site ul {
    width: 1680px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 905px) {
  footer .menu_informations_sur_le_site ul li {
    display: inline-block;
  }
}

@media (min-width: 905px) {
  footer .menu_informations_sur_le_site li:nth-child(n+2) {
    padding-left: 32px;
  }
}

/* ------------------------------------------
/* Autres medias
/* ------------------------------------------ */
@media print {
  /*  Ne pas imprimer */
  .spip-admin,
  .spip-admin-float,
  .spip-previsu {
    display: none;
  }
  .repondre {
    display: none;
  }
  /* Souligner et expliciter les liens */
  a {
    color: #600;
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important;
  }
  a.spip_out:after,
  a.spip_glossaire:after,
  a.spip_mail:after {
    display: inline;
    content: " [" attr(href) "]";
  }
}
/* fin */
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/page_sommaire.scss ***!
  \*******************************************************************************************************************************************************************************************/
/* --------------------------------------------------------------

   page_sommaire.scss

-------------------------------------------------------------- */
.page_sommaire {
  /* ------------------------------------------
  /* Habillage des elements du contenu
  /* ------------------------------------------ */
}
@media (min-width: 905px) {
  .page_sommaire .cartouche {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 840px;
    min-height: 245.4468085106px;
    margin: 24px auto;
    align-items: center;
  }
}
@media (min-width: 1240px) {
  .page_sommaire .cartouche {
    width: auto;
    min-height: calc((100vw - 400px) / 2.35 - 112px);
    margin: 24px 200px;
  }
}
@media (min-width: 1440px) {
  .page_sommaire .cartouche {
    width: 1040px;
    min-height: 330.5531914894px;
    margin: 24px auto;
  }
}
@media (min-width: 1920px) {
  .page_sommaire .cartouche {
    width: auto;
    min-height: calc((100vw - 880px) / 2.35 - 112px);
    margin: 24px 440px;
  }
}
@media (min-width: 2560px) {
  .page_sommaire .cartouche {
    width: 1680px;
    min-height: 602.8936170213px;
    margin: 24px auto;
  }
}
.page_sommaire .cartouche > div {
  position: relative;
  top: calc(33.3333333333% - 84px);
  text-align: center;
}
.page_sommaire .cartouche > div h1 {
  position: relative;
  top: -16px;
  font-family: Basier Circle Medium, sans-serif;
}
.page_sommaire .cartouche #slogan_site {
  text-align: center;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/page_rubrique.scss ***!
  \*******************************************************************************************************************************************************************************************/
/* --------------------------------------------------------------

   page_rubrique.scss

-------------------------------------------------------------- */
.page_rubrique {
  /* ------------------------------------------
  /* Habillage des elements du contenu
  /* ------------------------------------------ */
}
.page_rubrique .cartouche {
  height: auto;
}
.page_rubrique .cartouche h1 {
  text-align: left;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/page_article.scss ***!
  \******************************************************************************************************************************************************************************************/
/* --------------------------------------------------------------

   page_article.scss

-------------------------------------------------------------- */
.page_article {
  /* ------------------------------------------
  /* Habillage des elements du contenu
  /* ------------------------------------------ */
}
.page_article .cartouche {
  height: auto;
}
.page_article .cartouche h1 {
  text-align: left;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/page_categorie.scss ***!
  \********************************************************************************************************************************************************************************************/
/* --------------------------------------------------------------

   page_categorie.scss

-------------------------------------------------------------- */
.page_categorie {
  /* ------------------------------------------
  /* Layout grids & cards
  /* ------------------------------------------ */
}
.page_categorie .mdc-layout-grid_niveau_3_ou_4 a.mdc-card {
  text-align: left;
}
.page_categorie {
  /* ------------------------------------------
  /* Habillage des elements du contenu
  /* ------------------------------------------ */
  /* fil d'ariane */
}
.page_categorie .cartouche {
  display: block;
}
.page_categorie .tarifs .prix .prix_reduit {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.page_categorie .tarifs .prix .prix_reduit + span {
  color: var(--orange);
}
.page_categorie .tarifs .prix .prix_reduction, .page_categorie .tarifs .prix .prix_degressifs {
  display: inline-block;
  padding: 0 8px;
  border-radius: 16px;
  position: relative;
  top: -1px;
  color: var(--mdc-theme-text-primary-on-dark);
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .page_categorie .tarifs .prix .prix_reduction, .page_categorie .tarifs .prix .prix_degressifs {
    top: -2px;
  }
}
.page_categorie .tarifs .prix .prix_reduction {
  background-color: var(--orange);
}
.page_categorie .tarifs .prix .prix_degressifs {
  background-color: var(--mdc-theme-text-hint-on-light);
}
.page_categorie .produit_disponibilite {
  font-weight: bold;
}
.page_categorie .produit_disponibilite .disponibilite:before {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 8px;
  vertical-align: middle;
  content: "";
}
.page_categorie .produit_disponibilite .disponibilite span {
  vertical-align: middle;
}
.page_categorie .produit_disponibilite .disponible_oui:before {
  background-color: #9a9738;
}
.page_categorie .produit_disponibilite .disponible_derniers:before {
  background-color: #fc8a17;
}
.page_categorie .produit_disponibilite .disponible_non:before {
  background-color: #eb3c27;
}
.page_categorie .rupture_stock {
  padding: 16px 0 0;
}
@media (min-width: 600px) {
  .page_categorie .rupture_stock {
    padding-top: 24px;
  }
}
.page_categorie .corps_texte {
  padding-top: 72px;
}
@media (min-width: 600px) {
  .page_categorie .corps_texte {
    padding-top: 88px;
  }
}
@media (min-width: 905px) {
  .page_categorie .corps_texte {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .page_categorie .corps_texte h2 {
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
    -moz-column-break-after: avoid-column;
         break-after: avoid-column;
  }
  .page_categorie .corps_texte p {
    -moz-column-break-before: avoid-column;
         break-before: avoid-column;
  }
}
.page_categorie {
  /* ------------------------------------------
  /* Sous-navigation et autres menus
  /* ------------------------------------------ */
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/page_produit.scss ***!
  \******************************************************************************************************************************************************************************************/
/* --------------------------------------------------------------

   page_produit.scss

-------------------------------------------------------------- */
.page_produit {
  /* Elements principaux
  ------------------------------------------ */
}
.page_produit header {
  margin-bottom: 0;
}
.page_produit .wrapper {
  margin: 0 0 16px;
}
@media (min-width: 600px) {
  .page_produit .wrapper {
    margin-bottom: 24px;
  }
}
@media (min-width: 905px) {
  .page_produit .wrapper {
    width: auto;
  }
}
.page_produit .content > div {
  padding-top: 0;
}
.page_produit .content > div > div {
  -moz-column-gap: 0;
       column-gap: 0;
}
.page_produit .content > div > div > div:last-child {
  margin: 16px 16px 0;
}
@media (min-width: 320px) {
  .page_produit .content > div > div > div:last-child {
    margin-top: 0;
  }
}
@media (min-width: 600px) {
  .page_produit .content > div > div > div:last-child {
    margin: 0 32px;
  }
}
@media (min-width: 905px) {
  .page_produit .content > div > div > div:last-child {
    margin: 64px auto 0 24px;
    width: 420px;
  }
}
@media (min-width: 1240px) {
  .page_produit .content > div > div > div:last-child {
    margin-right: 200px;
    width: auto;
  }
}
@media (min-width: 1440px) {
  .page_produit .content > div > div > div:last-child {
    margin-right: auto;
    width: 520px;
  }
}
@media (min-width: 1920px) {
  .page_produit .content > div > div > div:last-child {
    margin-right: 440px;
    width: auto;
  }
}
@media (min-width: 2560px) {
  .page_produit .content > div > div > div:last-child {
    margin-right: auto;
    width: 840px;
  }
}
.page_produit .video_youtube, .page_produit .accessoires_recommandes {
  margin: 16px 16px;
}
@media (min-width: 600px) {
  .page_produit .video_youtube, .page_produit .accessoires_recommandes {
    margin: 24px 32px;
  }
}
@media (min-width: 905px) {
  .page_produit .video_youtube, .page_produit .accessoires_recommandes {
    width: 840px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1240px) {
  .page_produit .video_youtube, .page_produit .accessoires_recommandes {
    width: auto;
    margin-right: 200px;
    margin-left: 200px;
  }
}
@media (min-width: 1440px) {
  .page_produit .video_youtube, .page_produit .accessoires_recommandes {
    width: 1040px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1920px) {
  .page_produit .video_youtube, .page_produit .accessoires_recommandes {
    width: auto;
    margin-right: 440px;
    margin-left: 440px;
  }
}
@media (min-width: 2560px) {
  .page_produit .video_youtube, .page_produit .accessoires_recommandes {
    width: 1680px;
    margin-right: auto;
    margin-left: auto;
  }
}
.page_produit {
  /* ------------------------------------------
  /* Habillage des elements du contenu
  /* ------------------------------------------ */
}
.page_produit .cartouche {
  display: block;
  position: absolute;
}
@media (min-width: 480px) {
  .page_produit .cartouche {
    min-height: auto;
  }
}
@media (min-width: 600px) {
  .page_produit .cartouche {
    min-height: auto;
  }
}
@media (min-width: 905px) {
  .page_produit .cartouche {
    width: 840px;
    min-height: auto;
    left: calc((100vw - 840px) / 2);
  }
}
@media (min-width: 1240px) {
  .page_produit .cartouche {
    width: calc(100vw - 400px);
    min-height: auto;
    left: 0;
  }
}
@media (min-width: 1440px) {
  .page_produit .cartouche {
    width: 1040px;
    min-height: auto;
    left: calc((100vw - 1040px) / 2);
  }
}
@media (min-width: 1920px) {
  .page_produit .cartouche {
    width: calc(100vw - 880px);
    min-height: auto;
    left: 0;
  }
}
@media (min-width: 2560px) {
  .page_produit .cartouche {
    width: 1680px;
    min-height: auto;
    left: calc((100vw - 1680px) / 2);
  }
}
.page_produit .produit_variantes {
  margin-bottom: 1.275rem;
}
.page_produit .produit_variantes li {
  border-radius: 12px;
  overflow: hidden;
}
.page_produit .produit_variantes li a div:first-child {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.page_produit .produit_variantes li a div:last-child {
  height: 34px;
  padding: 0 12px;
  justify-content: center;
}
@media (min-width: 600px) {
  .page_produit .produit_variantes li a div:last-child {
    height: 40px;
  }
}
.page_produit .produit_variantes li a div:last-child {
  /* & span {

    font-size: .75rem; // 12px
    line-height: 1rem; // 16px
    letter-spacing: calc((.5px / 16rem) * 1rem); // .5

    @media (min-width: 600px) {

      font-size: .875rem; // 14px
      line-height: 1.25rem; // 20px
      letter-spacing: calc((.1px / 1rem) * 1rem); // .1

    }

  } */
}
.page_produit .produit_variantes li a div:last-child span::first-letter {
  text-transform: uppercase;
}
.page_produit .produit_variantes li a.on div:last-child {
  background-color: var(--mdc-theme-primary);
  color: var(--mdc-theme-on-primary);
}
.page_produit .tarifs {
  margin-bottom: 1.275rem;
}
.page_produit .tarifs .prix .prix_reduit {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.page_produit .tarifs .prix .prix_reduit + div > span:first-child {
  color: var(--orange);
}
.page_produit .commentaire {
  font-weight: bold;
}
.page_produit .produit_disponibilite {
  font-weight: bold;
}
.page_produit .produit_disponibilite .disponibilite:before {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 8px;
  vertical-align: middle;
  content: "";
}
.page_produit .produit_disponibilite .disponibilite span {
  vertical-align: middle;
}
.page_produit .produit_disponibilite .disponible_oui:before {
  background-color: #9a9738;
}
.page_produit .produit_disponibilite .disponible_derniers:before {
  background-color: #fc8a17;
}
.page_produit .produit_disponibilite .disponible_non:before {
  background-color: #eb3c27;
}
.page_produit .caracteristiques {
  margin-bottom: 1.275rem;
}
.page_produit .caracteristiques ul {
  margin-bottom: 1.275rem;
  list-style: none;
}
.page_produit .video_youtube h3 {
  text-align: center;
}
.page_produit .video_youtube iframe {
  width: 100%;
  height: calc((100vw - 32px) * 9 / 16);
}
@media (min-width: 600px) {
  .page_produit .video_youtube iframe {
    height: calc((100vw - 64px) * 9 / 16);
  }
}
@media (min-width: 905px) {
  .page_produit .video_youtube iframe {
    height: 472.5px;
  }
}
@media (min-width: 1240px) {
  .page_produit .video_youtube iframe {
    height: calc((100vw - 400px) * 9 / 16);
  }
}
@media (min-width: 1440px) {
  .page_produit .video_youtube iframe {
    height: 585px;
  }
}
@media (min-width: 1920px) {
  .page_produit .video_youtube iframe {
    height: calc((100vw - 880px) * 9 / 16);
  }
}
@media (min-width: 2560px) {
  .page_produit .video_youtube iframe {
    height: 945px;
  }
}
.page_produit .accessoires_recommandes h3 {
  text-align: center;
}
.page_produit .accessoires_recommandes a.mdc-card {
  text-align: left;
}
.page_produit .accessoires_recommandes .tarifs {
  margin-bottom: 0;
}
.page_produit .accessoires_recommandes .tarifs .prix .prix_reduction, .page_produit .accessoires_recommandes .tarifs .prix .prix_degressifs {
  display: inline-block;
  padding: 0 8px;
  border-radius: 16px;
  position: relative;
  background-color: var(--mdc-theme-primary);
  color: var(--mdc-theme-on-primary);
  text-transform: uppercase;
}
.page_produit {
  /* ------------------------------------------
  /* Sous-navigation et autres menus
  /* ------------------------------------------ */
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/page_e-commerce.scss ***!
  \*********************************************************************************************************************************************************************************************/
/* -------------------
   page_panier.scss
------------------- */
.page_e-commerce {
  /* Elements principaux
  ------------------------------------------ */
}
@media (min-width: 905px) {
  .page_e-commerce header {
    margin-bottom: 0;
  }
}
@media (min-width: 905px) {
  .page_e-commerce header > div {
    display: flex;
    flex-direction: row;
  }
}
@media (min-width: 905px) {
  .page_e-commerce header > div .cartouche {
    width: 544px;
    padding-bottom: 24px;
    margin-right: 24px;
    margin-left: calc(50% - 420px);
  }
}
@media (min-width: 1240px) {
  .page_e-commerce header > div .cartouche {
    width: calc(0.6666666667 * (100vw - 400px - 24px));
    margin-left: 200px;
  }
}
@media (min-width: 1440px) {
  .page_e-commerce header > div .cartouche {
    width: 677.3333333333px;
    margin-left: calc(50% - 520px);
  }
}
@media (min-width: 1920px) {
  .page_e-commerce header > div .cartouche {
    width: calc(0.6666666667 * (100vw - 880px - 24px));
    margin-left: 440px;
  }
}
@media (min-width: 2560px) {
  .page_e-commerce header > div .cartouche {
    width: 1104px;
    margin-left: calc(50% - 840px);
  }
}
.page_e-commerce header > div .summary {
  display: none;
  background-color: #eff0f1;
}
@media (min-width: 905px) {
  .page_e-commerce header > div .summary {
    display: block;
    box-sizing: content-box;
    width: 272px;
    padding: 24px calc(50% - 420px) 24px 24px;
  }
}
@media (min-width: 1240px) {
  .page_e-commerce header > div .summary {
    width: calc(0.3333333333 * (100vw - 400px - 24px));
    padding-right: 200px;
  }
}
@media (min-width: 1440px) {
  .page_e-commerce header > div .summary {
    width: 338.6666666667px;
    padding-right: calc(50% - 520px);
  }
}
@media (min-width: 1920px) {
  .page_e-commerce header > div .summary {
    width: calc(0.3333333333 * (100vw - 880px - 24px));
    padding-right: 440px;
  }
}
@media (min-width: 2560px) {
  .page_e-commerce header > div .summary {
    width: 552px;
    padding-right: calc(50% - 840px);
  }
}
.page_e-commerce main {
  display: flex;
  flex-direction: column;
}
@media (min-width: 905px) {
  .page_e-commerce main {
    flex-direction: row;
  }
}
.page_e-commerce main .wrapper {
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .page_e-commerce main .wrapper {
    margin: 0 32px;
  }
}
@media (min-width: 905px) {
  .page_e-commerce main .wrapper {
    width: 544px;
    margin-right: 24px;
    margin-left: calc(50% - 420px);
  }
}
@media (min-width: 1240px) {
  .page_e-commerce main .wrapper {
    width: calc(0.6666666667 * (100vw - 400px - 24px));
    margin-left: 200px;
  }
}
@media (min-width: 1440px) {
  .page_e-commerce main .wrapper {
    width: 677.3333333333px;
    margin-left: calc(50% - 520px);
  }
}
@media (min-width: 1920px) {
  .page_e-commerce main .wrapper {
    width: calc(0.6666666667 * (100vw - 880px - 24px));
    margin-left: 440px;
  }
}
@media (min-width: 2560px) {
  .page_e-commerce main .wrapper {
    width: 1104px;
    margin-left: calc(50% - 840px);
  }
}
.page_e-commerce main .summary {
  padding: 16px;
  background-color: #eff0f1;
}
@media (min-width: 600px) {
  .page_e-commerce main .summary {
    padding: 24px 32px;
  }
}
@media (min-width: 905px) {
  .page_e-commerce main .summary {
    box-sizing: content-box;
    width: 272px;
    padding: 24px calc(50% - 420px) 24px 24px;
  }
}
@media (min-width: 1240px) {
  .page_e-commerce main .summary {
    width: calc(0.3333333333 * (100vw - 400px - 24px));
    padding-right: 200px;
  }
}
@media (min-width: 1440px) {
  .page_e-commerce main .summary {
    width: 338.6666666667px;
    padding-right: calc(50% - 520px);
  }
}
@media (min-width: 1920px) {
  .page_e-commerce main .summary {
    width: calc(0.3333333333 * (100vw - 880px - 24px));
    padding-right: 440px;
  }
}
@media (min-width: 2560px) {
  .page_e-commerce main .summary {
    width: 552px;
    padding-right: calc(50% - 840px);
  }
}
.page_e-commerce {
  /* ------------------------------------------
  /* Habillage des elements du contenu
  /* ------------------------------------------ */
  /* ------------------------------------------
  /* Habillage des elements du contenu
  /* ------------------------------------------ */
  /* fil d'ariane */
}
.page_e-commerce .arbo li:nth-child(n+2):before {
  content: ">";
}
.page_e-commerce .arbo li:last-child {
  font-family: inherit;
  color: inherit;
}
.page_e-commerce .arbo li.on {
  font-family: Basier Circle Medium, sans-serif;
  color: var(--mdc-theme-text-primary-on-light);
}
.page_e-commerce .cartouche {
  height: auto;
  min-height: auto;
}
.page_e-commerce .cartouche h1 {
  text-align: left;
}