@charset "UTF-8";
/*
Theme Name: Divi Child noucode.re
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: ECLAPIER johanny
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 1.01.0 
Updated: 2024-04-12 13:03:10
*/
/*--------------- Variables */
/*------ Theme Font -------------*/
/*-------- text-sizing --------*/
/*------- theme text color --------*/
/*--------- theme background color -------*/
:root {
  --ncode-bg: radial-gradient(circle at 14% 50%, rgb(251, 251, 251), rgba(226, 231, 253, 0.863));
  --ncode-text-body-color: #1a1919;
  --ncode-text-heading-color: #c58132;
}

[data-theme=dark] {
  --ncode-bg: radial-gradient(circle at 0% 48%, #0b1827, #0d0a2b, #0c122e);
  --ncode-text-body-color: #ffffff;
  --ncode-text-heading-color: #f39d3a;
}

html {
  font-size: 16px;
  line-height: 1.6;
}

body {
  transition: all 0.3s ease-in-out, color 0.3s ease-in-out;
  background: var(--ncode-bg);
  background-attachment: fixed;
  color: var(--ncode-text-body-color);
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  max-width: 100svw;
  scroll-behavior: smooth;
}
body #main-content {
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  background: var(--ncode-bg);
  color: var(--ncode-text-body-color);
}

.et_pb_section {
  background-color: transparent;
}

.category .et_pb_heading_0_tb_body .et_pb_heading_container h1 {
  color: var(--ncode-text-heading-color) !important;
}

.page h2.et_pb_module_heading,
.page h3.et_pb_module_heading {
  position: relative;
}
.page h2.et_pb_module_heading::after,
.page h3.et_pb_module_heading::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 5px;
  background-color: var(--ncode-text-heading-color);
}

.error404 h1,
.error404 h2,
.error404 h3,
.error404 h4,
.error404 h5,
.error404 h6,
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6,
.category h1,
.category h2,
.category h3,
.category h4,
.category h5,
.category h6,
.page-template h1,
.page-template h2,
.page-template h3,
.page-template h4,
.page-template h5,
.page-template h6,
.single h1,
.single h2,
.single h3,
.single h4,
.single h5,
.single h6 {
  font-family: "Lexend", sans-serif;
  color: var(--ncode-text-heading-color) !important;
  margin: 1.5rem 0 1rem 0;
}
.error404 h1,
.page h1,
.category h1,
.page-template h1,
.single h1 {
  word-wrap: break-word;
  font-size: 2.986rem;
  font-weight: 800;
}
.error404 h2,
.page h2,
.category h2,
.page-template h2,
.single h2 {
  color: var(--text-body-color);
  word-wrap: break-word;
  font-weight: 600;
  font-size: 2.488rem;
}
.error404 h3,
.page h3,
.category h3,
.page-template h3,
.single h3 {
  font-size: 2.074rem;
  word-wrap: break-word;
  font-weight: 500;
}
.error404 h4,
.page h4,
.category h4,
.page-template h4,
.single h4 {
  word-wrap: break-word;
  font-weight: 400;
  font-size: 2.178rem;
}
.error404 h5,
.page h5,
.category h5,
.page-template h5,
.single h5 {
  font-size: 1.44rem;
  font-weight: 400;
  word-wrap: break-word;
}
@media screen and (max-width: 580px) {
  .error404 h5,
  .page h5,
  .category h5,
  .page-template h5,
  .single h5 {
    font-size: 1.2rem;
  }
}
.error404 h6,
.page h6,
.category h6,
.page-template h6,
.single h6 {
  font-size: 1.2rem;
  font-weight: 400;
  word-wrap: break-word;
}
.error404 p,
.page p,
.category p,
.page-template p,
.single p {
  margin: 10px 0;
  color: var(--text-body-color);
}
.error404 p,
.error404 li,
.error404 tr,
.error404 th,
.error404 span,
.error404 input,
.error404 a,
.page p,
.page li,
.page tr,
.page th,
.page span,
.page input,
.page a,
.category p,
.category li,
.category tr,
.category th,
.category span,
.category input,
.category a,
.page-template p,
.page-template li,
.page-template tr,
.page-template th,
.page-template span,
.page-template input,
.page-template a,
.single p,
.single li,
.single tr,
.single th,
.single span,
.single input,
.single a {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  color: var(--text-body-color);
  font-weight: normal;
}
.error404 a,
.page a,
.category a,
.page-template a,
.single a {
  text-decoration: none !important;
}
.error404 small,
.page small,
.category small,
.page-template small,
.single small {
  font-family: "Roboto", sans-serif;
  font-size: 0.833rem;
}

.rotate-effet {
  animation: 60s ease infinite demi-rotate;
}

@keyframes demi-rotate {
  from, to {
    transform: rotate(0);
  }
  25% {
    transform: rotate(3deg) scale(0.9);
  }
  75% {
    transform: rotate(-3deg);
  }
}
.left-to-right {
  animation: 30s ease infinite leftToRigth;
}
@keyframes leftToRigth {
  from, to {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-15px);
  }
  75% {
    transform: translateX(15px);
  }
}

.right-to-left {
  animation: 30s ease infinite RigthToLeft;
}
@keyframes RigthToLeft {
  from, to {
    transform: translateX(0);
  }
  25% {
    transform: translateX(35px);
  }
  75% {
    transform: translateX(-35px);
  }
}

/*---------- Articles --------------------------*/
.single .et.et_pb_text_inner p {
  display: none;
}
.single .title-count-article {
  background-color: rgba(255, 255, 255, 0.0392156863);
  border-radius: 8px;
  width: 100%;
  height: 10vh;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.single .title-count-article .container-icone {
  background-color: rgba(255, 255, 255, 0.7882352941);
  border-radius: 8px;
  padding: 10px;
  width: 10%;
  height: 10vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: relative;
}
.single .title-count-article .container-icone i {
  padding: 10px;
  font-size: 3vw;
  color: #000000;
}
.single .title-count-article .container-icone .notification-count-comment {
  display: block;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(223, 49, 18, 0.5411764706);
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
}
.single .title-count-article .container-icone .notification-count-comment p {
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-weight: bold;
  font-size: 1.5rem;
}
.single .title-count-article .container-message {
  width: 90%;
  padding: 10px;
}
.single .title-count-article .container-message h4 {
  padding: 0;
  margin: 0;
}
.single .introduction-article {
  padding: 1rem 1rem;
  width: 100%;
  border-radius: 6px;
  min-height: 5vh;
  display: flex;
  flex-direction: row;
  position: relative;
}
.single .introduction-article .container-icone {
  width: 10%;
  position: relative;
  padding: 10px;
}
.single .introduction-article .container-icone i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: xx-large;
}
.single .introduction-article .container-paragraphe {
  width: 90%;
}
.single .introduction-article .container-paragraphe p {
  font-size: 1.15rem;
  text-align: justify;
  font-weight: 400;
  color: var(--ncode-text-body-color);
  font-style: italic;
}

.single .et_pb_title_container {
  padding: 1rem 0;
}

.single .et_pb_text_0 {
  background: transparent;
}

.single .et_pb_section_0.et_pb_section,
.single .et_pb_row_0 {
  background-color: var(--ncode-bg) !important;
}

.single #bodyArticle {
  font-family: "Roboto", sans-serif;
}
.single #bodyArticle a {
  text-decoration: underline;
  font-weight: bolder;
}
.single #bodyArticle img {
  margin: 10px 0;
}
.single #bodyArticle pre {
  margin: 10px 0 15px 0;
  font-family: monospace;
}
.single #bodyArticle .wp-caption {
  background-color: rgba(13, 13, 13, 0.1);
}
.single #bodyArticle aside,
.single #bodyArticle .notice {
  margin: 20px 0;
  background-color: rgba(2, 105, 156, 0.38);
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 20px 10px 20px;
  border-radius: 8px;
  margin: 10px 0;
  color: white;
  font-size: small;
  line-height: normal;
}
.single #bodyArticle kbd {
  margin: 0 6px;
  padding: 3px 10px;
  border-radius: 4px;
  background: linear-gradient(to bottom, #2f2f2f 0%, #1c1c1c 100%);
  color: #ffffff;
  border: 1px solid #000;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.6);
}
.single #bodyArticle kbd span {
  font-weight: bold;
  color: black;
}
.single #bodyArticle ul {
  margin: 1.5rem 0;
  padding-left: 20px;
}
.single #bodyArticle ul li {
  color: var(--ncode-text-body-color);
  font-weight: 200;
  line-height: 1.6;
  margin: 2px 0;
}
.single #bodyArticle table {
  width: 100%;
  margin: 1.5rem 0;
  border: 1px solid rgb(80, 77, 77);
}
.single #bodyArticle table thead {
  background-color: rgb(53, 51, 51);
}
.single #bodyArticle table thead tr {
  border: 0.1rem solid rgb(53, 51, 51);
}
.single #bodyArticle table thead tr th {
  padding-left: 1rem;
  color: white;
  box-sizing: 1px;
  border-color: rgb(53, 51, 51);
}
[data-theme=dark] .single #bodyArticle table thead {
  background-color: rgb(80, 77, 77);
}
[data-theme=dark] .single #bodyArticle table thead tr {
  border-color: white;
}
[data-theme=dark] .single #bodyArticle table thead tr th {
  color: white;
}
.single #bodyArticle table tbody tr:nth-child(even) {
  background-color: rgba(53, 51, 51, 0.479);
}
.single #bodyArticle table tbody tr td {
  padding-left: 1rem;
}
[data-theme=dark] .single #bodyArticle table tbody {
  border: 1px solid white;
}
.single #bodyArticle code.no-pre {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px 5px;
  color: white;
  border-radius: 3px;
}

/*** Responsive Styles Large Desktop And Above ***/
.single-post #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row {
  max-width: 70vw;
  width: 70vw;
  margin: auto;
}
.single-post .box-header-article {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 80vw;
  margin: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  z-index: 0;
}
.single-post .box-header-article .box-article {
  display: block;
  width: 50%;
  max-width: 100%;
  position: relative;
  z-index: 0;
  float: left;
}
.single-post .box-header-article .box-article .title-article {
  width: 100%;
}
.single-post .box-header-article .box-article .title-article h1 {
  color: var(--ncode-text-heading-color);
  font-size: 2.178rem;
  word-wrap: break-word;
  padding: 1rem 0 1.5rem 0;
}
.single-post .box-header-article .box-article .title-article h1::after {
  content: "";
  display: inline-block;
  margin-top: -5px;
  margin-left: 0px;
  width: 5vw;
  height: 3px;
  background-color: var(--ncode-text-heading-color);
}
.single-post .box-header-article .box-article .meta-articles {
  width: 100%;
}
.single-post .box-header-article .box-article .meta-articles .meta-article-container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.single-post .box-header-article .box-article .meta-articles .meta-article-container .date-article,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .name-article,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .category-article,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .niveau-article,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .view-article {
  display: inline-flex;
  align-items: center;
  padding: 0 15px 0 0;
}
.single-post .box-header-article .box-article .meta-articles .meta-article-container .date-article .rounded-background,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .name-article .rounded-background,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .category-article .rounded-background,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .niveau-article .rounded-background,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .view-article .rounded-background {
  width: 30px;
  height: 30px;
  background-color: #ea9f1e;
  border-radius: 8px;
  display: block;
  position: relative;
}
.single-post .box-header-article .box-article .meta-articles .meta-article-container .date-article .rounded-background .container-icone,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .name-article .rounded-background .container-icone,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .category-article .rounded-background .container-icone,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .niveau-article .rounded-background .container-icone,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .view-article .rounded-background .container-icone {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.single-post .box-header-article .box-article .meta-articles .meta-article-container .date-article .rounded-background .container-icone i,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .name-article .rounded-background .container-icone i,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .category-article .rounded-background .container-icone i,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .niveau-article .rounded-background .container-icone i,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .view-article .rounded-background .container-icone i {
  display: inline-flex;
  color: #fff;
  font-size: 15px;
}
.single-post .box-header-article .box-article .meta-articles .meta-article-container .date-article p,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .name-article p,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .category-article p,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .niveau-article p,
.single-post .box-header-article .box-article .meta-articles .meta-article-container .view-article p {
  margin-left: 5px;
  font-size: 0.7rem;
  font-weight: 400;
}
.single-post .box-header-article .box-article .meta-articles .niveau-article .debutant {
  color: rgb(7, 196, 7) !important;
  font-weight: bold;
}
.single-post .box-header-article .box-article .meta-articles .niveau-article .intermediaire {
  color: rgb(204, 176, 19) !important;
  font-weight: bold;
}
.single-post .box-header-article .box-article .meta-articles .niveau-article .experimente {
  color: rgb(245, 56, 23) !important;
  font-weight: bold;
}
.single-post .box-header-article .ncode-image-article-container {
  display: block;
  width: 50%;
}
.single-post .box-header-article .ncode-image-article-container img.ncode-image-article {
  object-fit: cover;
  aspect-ratio: 16/9;
  border-radius: 8px;
  box-shadow: 10px 10px 1px 1px rgb(0, 0, 0);
}
.single-post .box-header-article .container-breadcrumb {
  margin-bottom: 0.1rem;
}
.single-post .introduction-article {
  width: 100%;
  max-width: 100%;
  min-height: 5vh;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.single-post .introduction-article .container-icone {
  width: 10%;
  margin: 10px;
}
.single-post .introduction-article .container-icone i {
  font-size: xxx-large;
}
.single-post .introduction-article .container-paragraphe {
  width: 90%;
}
.single-post .introduction-article .container-paragraphe p {
  font-size: large;
  text-align: justify;
  font-style: italic;
}

/*** Responsive Styles Large Desktop And Above ***/
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1405px) {
  .single .introduction-article {
    display: block;
  }
  .single .introduction-article .container-icone {
    width: 100%;
    min-height: 8vh;
  }
  .single .introduction-article .container-paragraphe {
    width: 100%;
  }
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
  .single .introduction-article {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .single .introduction-article .container-icone {
    width: 100%;
    min-height: 8vh;
    margin: 0 30px;
  }
  .single .introduction-article .container-paragraphe {
    width: 100%;
  }
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
  .single .box-header-article .box-article {
    width: 100%;
  }
  .single .box-header-article .box-article .meta-articles .meta-article-container {
    gap: 1rem;
    flex-wrap: wrap;
  }
  .single .box-header-article .ncode-image-article-container {
    width: 100%;
  }
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  .single .box-header-article .box-article {
    width: 100%;
  }
  .single .box-header-article .box-article .meta-articles .meta-article-container {
    gap: 1rem;
    flex-wrap: wrap;
  }
  .single .box-header-article .ncode-image-article-container {
    width: 100%;
  }
}
/*** Responsive Styles Smartphone Portrait ***/
.page-id-48 h1 {
  display: none;
}
.page-id-48 a.link-hero-homepage {
  transition: all 500ms;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  display: inline-block;
  font-size: clamp(0.694rem, 2vw, 0.833rem);
  width: max-content;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  background: #FDC830;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F37335, #FDC830);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #F37335, #FDC830);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.page-id-48 a.link-hero-homepage i {
  transition: all 500ms;
  font-size: clamp(0.694rem, 2vw, 0.833rem);
}
.page-id-48 a.link-hero-homepage span {
  font-weight: 500;
}
.page-id-48 a.link-hero-homepage:hover {
  transition: all 500ms ease-in-out;
  background: #FDC830;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F37335, #ffd152);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #F37335, #ffd257);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  box-shadow: 10px 10px 3px rgba(233, 103, 28, 0.2);
}
.page-id-48 a.link-hero-homepage:hover i {
  transition: all 500ms ease-in-out;
  transform: scale(1.1);
}
.page-id-48 a.link-hero-homepage:hover span {
  transition: all 500ms ease-in-out;
  font-weight: 700;
}

.container__search {
  transition: all 200ms ease-in-out;
  display: inline-flex;
  position: fixed;
  top: 20lvh;
  right: 0;
  z-index: 1000;
}
.container__search .button_search {
  display: block;
  cursor: pointer;
  background-color: grey;
  border-width: 1px;
  border-color: var(--ncode-text-body-color);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 6lvh;
  height: 6lvh;
}
[data-theme=dark] .container__search .button_search {
  background-color: black;
  border-color: var(--ncode-text-body-color);
}
.container__search .button_search div#open__search_header {
  padding: 10px;
  border-radius: 1px;
}
.container__search .button_search div#open__search_header img {
  aspect-ratio: 1/1;
  object-fit: contain;
}

dialog#input-dialog-search {
  padding: 5rem 4rem;
  min-height: 10lvh;
  min-width: 50lvw;
  position: relative;
  background-color: rgb(13, 13, 13);
  border: none;
}
dialog#input-dialog-search::backdrop {
  background-color: rgba(13, 13, 13, 0.5);
  backdrop-filter: blur(10px);
}
dialog#input-dialog-search .title_search_container {
  text-align: center;
  margin: 0;
  padding: 0;
}
dialog#input-dialog-search .title_search_container p {
  color: #fff;
  font-size: x-large;
}
dialog#input-dialog-search .close-input-search {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-1rem, 1rem);
}
dialog#input-dialog-search .close-input-search i {
  font-size: x-large;
}
dialog#input-dialog-search .container-search {
  background-color: rgba(13, 13, 13, 0.9);
  height: min-content;
}
dialog#input-dialog-search .container-search form#form-input {
  margin-top: 15px;
  width: 100%;
}
dialog#input-dialog-search .container-search form#form-input label {
  width: 100%;
}
dialog#input-dialog-search .container-search form#form-input label input[type=search] {
  width: 100%;
  background: rgb(13, 13, 13);
  border: 1px solid aliceblue;
  font-size: larger;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: larger;
  color: rgb(128, 128, 128);
}
dialog#input-dialog-search .container__result {
  margin: 15px 0px;
}
dialog#input-dialog-search .container__result ul {
  display: table;
}
dialog#input-dialog-search .container__result ul span {
  color: white;
}
dialog#input-dialog-search .container__result ul li {
  padding: 1rem 0.2rem;
  vertical-align: baseline;
  position: relative;
  margin: 10px 0px;
}
dialog#input-dialog-search .container__result ul li::before {
  content: attr(data-number);
  position: absolute;
  left: 0;
  /* aligné à gauche */
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.2rem;
  font-weight: 500;
  background-image: linear-gradient(45deg, rgba(255, 252, 209, 0.9) 0%, rgba(13, 13, 13, 0.288) 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
dialog#input-dialog-search .container__result ul li a {
  transition: all 200ms ease-in-out;
  margin-left: 15px;
  color: white;
}
dialog#input-dialog-search .container__result ul li a:hover {
  transition: all 200ms ease-in-out;
  color: #f39d3a;
}
dialog#input-dialog-search .container__result ul li a:hover::before {
  background-image: linear-gradient(45deg, rgba(241, 179, 6, 0.9) 0%, rgba(255, 242, 169, 0.438) 90%);
}
dialog#input-dialog-search .container__result ul li a span {
  font-size: 0.9rem !important;
}

.single #progress-bar-container {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  margin-bottom: 5px;
  width: 80%;
  height: 5px;
  background-color: rgba(0, 0, 0, 0.884);
  z-index: 1000;
  border-radius: 10px !important;
}
.single #progress-bar-container #progress-bar {
  transition: background-color 0.2s ease;
  height: 100%;
  width: 0%;
  background-color: #df3112;
  transition: width 0.2s ease;
}
.single #progress-bar-container #progress-bar .percentage-text {
  display: flex;
  justify-content: center;
  transform: translateY(-30px);
  border: 1px #fff;
}
.single #progress-bar-container #progress-bar .percentage-text span {
  font-size: 10px;
  color: white;
  font-weight: bold;
  background-color: #000000;
  padding: 0 5px;
  width: max-content;
  border-radius: 10px;
}

.single .summary {
  transition: all 300ms ease-in-out;
  width: 100%;
  height: fit-content;
  margin: 0 0;
  padding: 15px 20px;
  background-color: rgba(255, 250, 238, 0.644);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  outline: 0.2rem solid rgba(0, 0, 0, 0.03);
}
[data-theme=dark] .single .summary {
  background-color: rgba(87, 87, 87, 0.596);
  border: 1px solid rgba(255, 255, 255, 0.1);
  outline: 0.2rem solid rgba(255, 255, 255, 0.03);
}
.single .summary:hover {
  transition: all 300ms ease-in-out;
  cursor: pointer;
}
.single .summary .container-summary {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: max-content;
  margin-bottom: 20px;
}
.single .summary .container-summary .container-title span {
  font-size: 1rem;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--ncode-text-body-color);
}
.single .summary .container-summary .container-button i {
  color: var(--ncode-text-body-color);
  font-size: large;
}
.single .summary #prequesite {
  transition: all 300ms;
  overflow: hidden;
  height: fit-content;
}
.single .summary #prequesite .ncode-list-of-content ul#ncode-level-2 {
  list-style: none;
  line-height: 1.6;
  padding: 0;
}
.single .summary #prequesite .ncode-list-of-content ul#ncode-level-2 li.ncode-li {
  padding: 0.02rem 0;
}
.single .summary #prequesite .ncode-list-of-content ul#ncode-level-2 li.ncode-li a {
  transition: all 200ms;
  color: var(--ncode-text-body-color);
  font-size: 0.833rem;
  font-weight: 500;
}
.single .summary #prequesite .ncode-list-of-content ul#ncode-level-2 li.ncode-li a:hover {
  transition: all 200ms;
  color: #ea9f1e;
}
.single .summary #prequesite .ncode-list-of-content ul#ncode-level-2 li.ncode-li ul.ncode-level {
  line-height: 1.1;
  padding: 0 0 0 0.5rem;
}
.single .summary #prequesite .ncode-list-of-content ul#ncode-level-2 li.ncode-li ul.ncode-level li {
  padding: 0.01rem 0;
}
.single .summary #prequesite .ncode-list-of-content ul#ncode-level-2 li.ncode-li ul.ncode-level li a {
  font-size: 0.694rem;
  font-weight: 400;
}

/*** Responsive Styles Large Desktop And Above ***/
/*** Responsive Styles Standard Desktop Only ***/
/*** Responsive Styles Tablet And Below ***/
/*** Responsive Styles Tablet Only ***/
/*** Responsive Styles Smartphone Only ***/
/*** Responsive Styles Smartphone Portrait ***/
.latest-posts {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(2, 0.7fr);
  gap: 1rem;
  width: 80vw;
  height: auto;
  padding: 12px;
}
.latest-posts a.hero-grid-item {
  border-radius: 8px;
  overflow: hidden;
  max-width: 100%;
  transition: all transition-duration;
  position: relative;
}
.latest-posts a.hero-grid-item:nth-child(n) {
  height: 50lvh;
}
.latest-posts a.hero-grid-item:nth-child(1) {
  grid-area: 1/1/1/5;
}
.latest-posts a.hero-grid-item:nth-child(1) .img-container img.img-post-item {
  aspect-ratio: auto;
}
.latest-posts a.hero-grid-item:nth-child(1) .title-container h3.post-title {
  font-size: x-large;
}
.latest-posts a.hero-grid-item:nth-child(2) {
  grid-area: 1/5/1/9;
}
.latest-posts a.hero-grid-item:nth-child(3) {
  grid-area: 2/1/2/5;
}
.latest-posts a.hero-grid-item:nth-child(4) {
  grid-area: 2/5/2/9;
}
.latest-posts a.hero-grid-item:hover {
  transform: scale(1.01);
}
.latest-posts a.hero-grid-item:hover:first-child h3.title-container {
  bottom: 5%;
}
.latest-posts a.hero-grid-item:hover:first-child h3.title-container h3.post-title {
  font-weight: 600;
  font-size: x-large;
}
.latest-posts a.hero-grid-item .img-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}
.latest-posts a.hero-grid-item .img-container img.img-post-item {
  object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}
.latest-posts a.hero-grid-item .post-container {
  transition: all 200ms;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 300;
  height: auto;
  width: 100%;
  padding: 20px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.753) 30%, rgba(0, 0, 0, 0) 90%);
}
.latest-posts a.hero-grid-item .post-container p.post-category {
  display: inline-block;
  position: relative;
  color: black;
  font-weight: 500;
  font-size: large;
  background-color: rgba(255, 235, 205, 0.445);
  padding: 3px 5px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.latest-posts a.hero-grid-item .post-container p.post-category::after {
  content: "";
  position: absolute;
  background: rgb(255, 0, 0);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  margin-bottom: -10px;
}
.latest-posts a.hero-grid-item .post-container h3.post-title {
  text-shadow: 1px 1px 1px black;
  font-weight: 500;
  font-size: 1.2rem;
  padding-bottom: 10px;
}
.latest-posts a.hero-grid-item .post-container .post-metadata {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  gap: 20px;
}
.latest-posts a.hero-grid-item .post-container .post-metadata i,
.latest-posts a.hero-grid-item .post-container .post-metadata p {
  font-size: 0.833rem !important;
  color: aliceblue !important;
}
.latest-posts a.hero-grid-item .post-container .post-metadata .post-metadata-view {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
}
.latest-posts a.hero-grid-item .post-container .post-metadata-level {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
}

@media all and (max-width: 1024px) {
  .latest-posts {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    row-gap: 10px;
    column-gap: 10px;
  }
  .latest-posts a.hero-grid-item {
    height: 25lvh;
  }
  .latest-posts a.hero-grid-item:nth-child(1) {
    grid-area: 1/1/1/2;
    height: 25lvh;
  }
  .latest-posts a.hero-grid-item:nth-child(1) .title-container h3.post-title {
    font-size: x-large;
  }
  .latest-posts a.hero-grid-item:nth-child(2) {
    grid-area: 1/2/1/3;
  }
  .latest-posts a.hero-grid-item:nth-child(3) {
    grid-area: 2/1/2/2;
  }
  .latest-posts a.hero-grid-item:nth-child(4) {
    grid-area: 2/2/2/3;
  }
}
@media all and (max-width: 981px) {
  .latest-posts {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    row-gap: 10px;
    column-gap: 0;
  }
  .latest-posts a.hero-grid-item {
    height: 32lvh;
  }
  .latest-posts a.hero-grid-item .title-container h3.post-title {
    font-size: x-large;
  }
  .latest-posts a.hero-grid-item:nth-child(1) {
    grid-area: 1/1;
  }
  .latest-posts a.hero-grid-item:nth-child(2) {
    grid-area: 2/1;
  }
  .latest-posts a.hero-grid-item:nth-child(3) {
    grid-area: 3/1;
  }
  .latest-posts a.hero-grid-item:nth-child(4) {
    grid-area: 4/1;
  }
}
@media all and (max-width: 768px) {
  .latest-posts {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    row-gap: 10px;
    column-gap: 0;
  }
  .latest-posts a.hero-grid-item {
    height: 19lvh;
  }
  .latest-posts a.hero-grid-item .title-container {
    width: auto;
  }
  .latest-posts a.hero-grid-item .title-container h3.post-title {
    font-size: small;
  }
}
.container-tutoriels {
  width: 80vw;
  height: auto;
  padding: 10px;
}
.container-tutoriels .container-filter-category {
  margin: 10px 0;
}
.container-tutoriels .container-filter-category fieldset {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgba(240, 0, 0, 0);
  border-radius: 8px;
  border: 3px solid #b8b8b8;
  padding: 15px;
}
.container-tutoriels .container-filter-category fieldset legend {
  background-color: rgba(240, 0, 0, 0);
  padding: 0 10px;
}
.container-tutoriels .container-filter-category fieldset .container-filter-choice {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  justify-content: center;
}
.container-tutoriels .container-filter-category fieldset .container-filter-choice label {
  text-transform: uppercase;
  margin: 0 3px;
}
.container-tutoriels .container-filter-category fieldset .container-filter-choice label span {
  font-size: x-small;
  display: block;
  cursor: pointer;
  background-color: rgba(165, 141, 62, 0.4588235294);
  padding: 0.375em 0.75em;
  position: relative;
  border-radius: 8px;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-align: center;
  transition: background-color 0.5s ease;
}
.container-tutoriels .container-filter-category fieldset .container-filter-choice input[type=radio] {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.container-tutoriels .container-filter-category fieldset .container-filter-choice input[type=radio]:checked + span {
  box-shadow: 0 0 0 0.0625em rgba(255, 156, 7, 0.5960784314);
  background-color: rgba(255, 156, 7, 0.5960784314);
  z-index: 1;
  color: #ffdbb9;
}
.container-tutoriels .all-container-card {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  row-gap: 10px;
  column-gap: 10px;
}
.container-tutoriels .all-box-card {
  width: auto;
  height: 21vh;
  position: relative;
  border-radius: 18px;
  transition: all 200ms;
  overflow: hidden;
}
.container-tutoriels .all-box-card:hover {
  transition: all 200ms;
  transform: scale(1.054);
}
.container-tutoriels .all-box-card:active {
  transition: all 200ms;
  transform: translateY(2px);
}
.container-tutoriels .all-box-card .all-thumbnail-card {
  width: 100%;
  position: absolute;
  z-index: -10;
}
.container-tutoriels .all-box-card .all-thumbnail-card img {
  transition: all 400ms;
  max-width: 100%;
  object-fit: cover;
  filter: saturate(60%) blur(3px);
}
.container-tutoriels .all-box-card:hover .all-thumbnail-card img {
  transition: all 200ms;
  filter: saturate(100%) blur(0);
}
.container-tutoriels .all-box-card .all-body-card {
  width: 100%;
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  padding: 20px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.container-tutoriels .all-box-card .all-body-card::after {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.9) 0%, rgba(59, 59, 59, 0) 99%);
  z-index: -20;
}
.container-tutoriels .all-box-card .all-body-card .all-title-card h2 {
  transition: all 300ms;
  font-family: inherit;
  color: white;
  font-size: 1.2rem;
  text-transform: capitalize;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.container-tutoriels .all-box-card .all-body-card .all-meta-card span {
  font-family: inherit;
  color: white;
  font-size: small;
  font-weight: 400;
  text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  .container-tutoriels .all-container-card {
    grid-template-columns: repeat(3, 1fr);
  }
  .container-tutoriels .all-container-card .all-box-card {
    width: 25vw;
    height: 20vh;
  }
  .container-tutoriels .all-container-card .all-box-card .all-body-card .all-title-card h2 {
    font-size: medium;
  }
  .container-tutoriels .all-container-card .all-box-card .all-body-card .all-meta-card span {
    font-size: smaller;
  }
}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1404px) {
  .container-tutoriels .all-container-card {
    grid-template-columns: repeat(2, 1fr);
  }
  .container-tutoriels .all-container-card .all-box-card {
    width: auto;
    height: 21vh;
  }
  .container-tutoriels .all-container-card .all-box-card .all-body-card .all-title-card h2 {
    font-size: small;
  }
  .container-tutoriels .all-container-card .all-box-card .all-body-card .all-meta-card span {
    font-size: xx-small;
  }
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
  .container-tutoriels .all-container-card {
    grid-template-columns: repeat(2, 1fr);
  }
  .container-tutoriels .all-container-card .all-box-card {
    width: 38vw;
  }
  .container-tutoriels .all-container-card .all-box-card .all-title-card h2 {
    font-size: small;
  }
  .container-tutoriels .all-container-card .all-box-card .all-meta-card span {
    font-size: xx-small;
  }
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  .container-tutoriels .all-box-card {
    width: 80vw;
    grid-template-columns: 1fr;
  }
  .container-tutoriels .all-container-card {
    grid-template-columns: 1fr;
  }
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
  .container-tutoriels .all-container-card {
    grid-template-columns: 1fr;
  }
  .container-tutoriels .all-container-card .all-box-card {
    width: 80vw;
    height: 21vh;
  }
  .container-tutoriels .all-container-card .all-box-card .all-thumbnail-card img {
    object-fit: cover;
    aspect-ratio: 16/9;
  }
  .container-tutoriels .all-container-card .all-box-card .all-title-card h2 {
    font-size: small;
  }
  .container-tutoriels .all-container-card .all-box-card .all-meta-card span {
    font-size: xx-small;
  }
}
.container-search-by-category {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(auto, 1fr);
  row-gap: 1rem;
  column-gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .container-search-by-category {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(auto, 1fr);
  }
}
.container-search-by-category .ncode-container-all-box-card {
  transition: all 500ms;
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(90deg, #ffffff 0%, #f7f4eb 100%);
}
[data-theme=dark] .container-search-by-category .ncode-container-all-box-card {
  background: linear-gradient(to bottom, #16182C 0%, #16182C 99%);
}
.container-search-by-category .ncode-container-all-box-card:hover {
  transition: all 500ms;
  transform: scale(1.01);
}
.container-search-by-category .ncode-container-all-box-card:hover .all-box-card .all-thumbnail-card img {
  transition: all 500ms;
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card:active {
  transition: all 200ms;
  transform: translateY(2px);
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card .all-thumbnail-card {
  width: 100%;
  height: 100%;
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card .all-thumbnail-card img {
  width: 100%;
  height: 100%;
  transition: all 400ms;
  object-fit: cover;
  aspect-ratio: 1/1;
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card .all-body-card {
  overflow: hidden;
  padding: 1em;
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card .all-title-card h3 {
  transition: all 300ms;
  font-family: "Lexend", sans-serif;
  color: var(--ncode-text-body-color);
  font-size: 1.2rem;
  text-transform: capitalize;
  font-weight: 700;
  padding: 0;
  padding-bottom: 0.3rem;
  margin: 0;
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card .all-meta-card {
  padding: 0.2rem 0;
  transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  display: inline-block;
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card .all-meta-card span {
  font-family: inherit;
  color: inherit;
  font-size: clamp(0.694rem, 1vw, 0.833rem);
  font-weight: 400;
  padding: 0;
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card .all-meta-card span i {
  color: inherit;
  font-size: clamp(0.694rem, 1vw, 0.833rem);
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card .all-meta-card span.meta-comment {
  font-weight: bold;
  padding: 5px;
  background-color: rgba(36, 36, 36, 0.4235294118);
  border-radius: 8px;
}
.container-search-by-category .ncode-container-all-box-card a.ncode-all-link-card .all-box-card .ncode-post-meta p {
  font-family: "Roboto", sans-serif;
  text-align: justify;
  color: inherit;
  font-size: clamp(0.694rem, 1.5svw, 0.833rem);
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  /* nombre de lignes */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ncode-hero-article-container {
  width: 100%;
  overflow: hidden;
}
.ncode-hero-article-container .ncode-hero-article-row {
  display: flex;
  flex-direction: row;
  gap: 5rem;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media screen and (max-width: 768px) and (min-width: 425px) {
  .ncode-hero-article-container .ncode-hero-article-row {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 424px) {
  .ncode-hero-article-container .ncode-hero-article-row {
    flex-direction: column;
  }
}
.ncode-hero-article-container .ncode-hero-article-row a {
  transition: all 200ms ease-in-out;
}
.ncode-hero-article-container .ncode-hero-article-row a:hover {
  transition: all 200ms ease-in-out;
}
.ncode-hero-article-container .ncode-hero-article-row a:hover img {
  transition: all 200ms ease-in-out;
  text-decoration: none;
  transform: scale(1.01);
}
.ncode-hero-article-container .ncode-hero-article-row .ncode-hero-first-article {
  width: 70%;
  max-width: 70%;
}
@media screen and (max-width: 768px) and (min-width: 425px) {
  .ncode-hero-article-container .ncode-hero-article-row .ncode-hero-first-article {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .ncode-hero-article-container .ncode-hero-article-row .ncode-hero-first-article {
    width: 100%;
    max-width: 100%;
  }
}
.ncode-hero-article-container .ncode-hero-article-row .ncode-hero-first-article .ncode-hero-first-article__img img {
  border-radius: 8px;
  object-fit: contain;
}
.ncode-hero-article-container .ncode-hero-article-row .ncode-hero-first-article .ncode-hero-first-article__content h2.ncode-hero-first-article__title {
  font-size: 2.074rem;
  margin: 1rem 0 1.5rem 0;
  font-weight: 600;
  padding: 0;
}
.ncode-hero-article-container .ncode-hero-article-row .ncode-hero-first-article .ncode-hero-first-article__content p.ncode-hero-first-article__description {
  font-weight: 500;
  font-size: 0.833rem;
}
.ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container {
  width: 30%;
  max-width: 30%;
}
@media screen and (max-width: 768px) and (min-width: 424px) {
  .ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container {
    width: 100%;
    max-width: 100%;
  }
}
.ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container .ncode-other-article-row {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container .ncode-other-article-row {
    flex-direction: row;
    column-gap: 1rem;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (max-width: 425px) {
  .ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container .ncode-other-article-row {
    flex-direction: column;
  }
}
.ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container .ncode-other-article-row article.ncode-other-card {
  overflow: hidden;
  position: relative;
  max-height: 50%;
  height: 50%;
}
@media screen and (max-width: 768px) {
  .ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container .ncode-other-article-row article.ncode-other-card {
    max-width: 40%;
    width: 40%;
  }
}
@media screen and (max-width: 425px) {
  .ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container .ncode-other-article-row article.ncode-other-card {
    max-width: 100%;
    width: 100%;
  }
}
.ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container .ncode-other-article-row article.ncode-other-card .ncode-other-card__img img {
  border-radius: 8px;
  object-fit: contain;
  width: 100%;
  max-width: 100%;
}
.ncode-hero-article-container .ncode-hero-article-row .ncode-other-article-container .ncode-other-article-row article.ncode-other-card .ncode-other-card__content h2 {
  font-size: 0.833rem;
  margin: 1rem 0 1rem 0;
  padding: 0;
}

.ncode-container-switch-theme {
  position: fixed;
  bottom: 20svh;
  right: 0;
  z-index: 9999;
  display: inline-flex;
}
.ncode-container-switch-theme button#ncode-theme-toggle {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
}
.ncode-container-switch-theme button#ncode-theme-toggle .ncode-mode-light,
.ncode-container-switch-theme button#ncode-theme-toggle .ncode-mode-dark {
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}
.ncode-container-switch-theme button#ncode-theme-toggle .ncode-mode-light svg,
.ncode-container-switch-theme button#ncode-theme-toggle .ncode-mode-dark svg {
  width: 100%;
  height: auto;
  pointer-events: none;
}
.ncode-container-switch-theme button#ncode-theme-toggle .ncode-mode-light {
  transform: translateX(-40px);
  opacity: 0;
}
.ncode-container-switch-theme button#ncode-theme-toggle .ncode-mode-dark {
  transform: translateX(0);
  opacity: 1;
}

/* ============================= */
/* État DARK piloté par html[data-theme] */
/* ============================= */
html[data-theme=dark] .ncode-container-switch-theme button#ncode-theme-toggle {
  background: rgb(255, 255, 255);
}
html[data-theme=dark] .ncode-container-switch-theme button#ncode-theme-toggle .ncode-mode-light {
  transform: translateX(0);
  opacity: 1;
}
html[data-theme=dark] .ncode-container-switch-theme button#ncode-theme-toggle .ncode-mode-dark {
  transform: translateX(-40px);
  opacity: 0;
}

/* ============================= */
/* État LIGHT explicite */
/* ============================= */
html[data-theme=light] .ncode-container-switch-theme button#ncode-theme-toggle {
  background-color: black;
}

@media screen and (min-width: 980px) {
  header#main-header {
    background: transparent !important;
    background-color: transparent !important;
  }
  header#main-header .container {
    width: 80%;
    max-width: 80%;
    margin: auto;
    position: relative;
  }
  header#main-header .container .logo_container #logo {
    max-height: 100%;
  }
  header#main-header .container #et-top-navigation nav#top-menu-nav ul#top-menu li.menu-item a {
    color: var(--ncode-text-body-color);
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
  }
}
@media screen and (max-width: 980px) {
  header#main-header {
    background-color: rgba(0, 0, 0, 0) !important;
  }
  header#main-header #et_mobile_nav_menu .mobile_menu_bar::before {
    transition: background-image 200ms ease-in-out;
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  header#main-header #et_mobile_nav_menu .mobile_nav.closed .mobile_menu_bar::before {
    transition: background-image 200ms ease-in-out;
    background-image: url("./assets/images/svg/hamburger-close-light.svg");
  }
  [data-theme=dark] header#main-header #et_mobile_nav_menu .mobile_nav.closed .mobile_menu_bar::before {
    background-image: url("./assets/images/svg/hamburger-close-dark.svg");
  }
  header#main-header #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    transition: background-image 200ms ease-in-out;
    background-image: url("./assets/images/svg/hamburger-open-light.svg");
  }
  [data-theme=dark] header#main-header #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    background-image: url("./assets/images/svg/hamburger-open-dark.svg");
  }
  header#main-header #et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu {
    padding: 1rem 1rem;
  }
  [data-theme=dark] header#main-header #et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu {
    background: rgb(0, 0, 44);
    border-top: none;
  }
  header#main-header #et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu li.menu-item a {
    text-transform: uppercase;
    color: var(--ncode-text-body-color);
    font-weight: 500;
  }
}
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  .single .breadcrumb {
    background-color: transparent;
    width: auto;
  }
  .single .breadcrumb ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
    padding: 0;
  }
  .single .breadcrumb ul li {
    padding: 0 1px 0 0;
    font-size: 0.7rem;
  }
  .single .breadcrumb ul li:not(:last-child)::after {
    content: ">";
    padding: 0 3px 0 3px;
    color: var(--ncode-text-body-color);
    font-size: clamp(0.694rem, 1vw, 1rem);
  }
  .single .breadcrumb ul p,
  .single .breadcrumb ul a {
    font-size: clamp(0.694rem, 1vw, 1rem);
    color: var(--ncode-text-body-color);
    font-weight: 500;
  }
  .single i {
    font-size: 0.833rem;
  }
  body.category .breadcrumb-category {
    background-color: transparent;
  }
  body.category .breadcrumb-category ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
    padding-left: 0;
  }
  body.category .breadcrumb-category ul li {
    margin: 0 5px;
    font-size: 0.7rem;
  }
  body.category .breadcrumb-category ul li:first-child::after {
    content: ">";
    padding: 0 2px 0 3px;
  }
  /*END RESPONSIVE LARGE DESKTOP*/
}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1405px) {
  .single .breadcrumb {
    background-color: transparent;
    width: 70vw;
  }
  .single .breadcrumb ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  .single .breadcrumb ul li {
    margin: 0 1px;
    font-size: 0.7rem;
  }
  .single .breadcrumb ul li:not(:last-child)::after {
    content: ">";
    padding: 0 3px 0 3px;
    color: var(--ncode-text-body-color);
  }
  body.category .breadcrumb-category {
    background-color: transparent;
  }
  body.category .breadcrumb-category ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  body.category .breadcrumb-category ul li {
    margin: 0 5px;
    font-size: 0.7rem;
  }
  body.category .breadcrumb-category ul li:first-child::after {
    content: ">";
    padding: 0 2px;
  }
  /*end responsive*/
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
  .single .breadcrumb {
    background-color: transparent;
    width: 70vw;
  }
  .single .breadcrumb ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  .single .breadcrumb ul li {
    margin: 0 1px;
    font-size: 0.7rem;
  }
  .single .breadcrumb ul li:not(:last-child)::after {
    content: ">";
    padding: 0 3px 0 3px;
    color: var(--ncode-text-body-color);
  }
  body.category .breadcrumb-category {
    background-color: transparent;
  }
  body.category .breadcrumb-category ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  body.category .breadcrumb-category ul li {
    margin: 0 5px;
    font-size: 0.7rem;
  }
  body.category .breadcrumb-category ul li:first-child::after {
    content: ">";
    padding: 0 2px 0 2px;
  }
  /*end reponsive */
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
  .single .breadcrumb {
    background-color: transparent;
    width: 70vw;
  }
  .single .breadcrumb ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  .single .breadcrumb ul li {
    margin: 0 1px;
    font-size: 0.7rem;
  }
  .single .breadcrumb ul li:not(:last-child)::after {
    content: ">";
    padding: 0 3px 0 3px;
    color: var(--ncode-text-body-color);
  }
  .category .breadcrumb-category {
    background-color: transparent;
  }
  .category .breadcrumb-category ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  .category .breadcrumb-category ul li {
    margin: 0 5px;
    font-size: 0.7rem;
  }
  .category .breadcrumb-category ul li:first-child::after {
    content: ">";
    padding: 0 2px 0 2px;
  }
  /*end reponsive */
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  .single .breadcrumb {
    background-color: transparent;
    width: 70vw;
  }
  .single .breadcrumb ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  .single .breadcrumb ul li {
    margin: 0 1px;
    font-size: 0.7rem;
  }
  .single .breadcrumb ul li:not(:last-child)::after {
    content: ">";
    padding: 0 3px 0 3px;
    color: var(--ncode-text-body-color);
  }
  .category .breadcrumb-category {
    background-color: transparent;
  }
  .category .breadcrumb-category ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  .category .breadcrumb-category ul li {
    margin: 0 5px;
    font-size: 0.7rem;
  }
  .category .breadcrumb-category ul li:first-child::after {
    content: ">";
    padding: 0 2px 0 2px;
  }
  /*end responsive*/
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
  .single .breadcrumb {
    background-color: transparent;
    width: 100%;
  }
  .single .breadcrumb ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  .single .breadcrumb ul li {
    margin: 0 1px;
    font-size: 0.45rem;
  }
  .single .breadcrumb ul li:not(:last-child)::after {
    content: ">";
    padding: 0 3px 0 3px;
    color: var(--ncode-text-body-color);
  }
  .category .breadcrumb-category {
    background-color: transparent;
  }
  .category .breadcrumb-category ul {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
  }
  .category .breadcrumb-category ul li {
    margin: 0 5px;
    font-size: 0.7rem;
  }
  .category .breadcrumb-category ul li:first-child::after {
    content: ">";
    padding: 0 2px 0 3px;
  }
  /* end reponsive*/
}
::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background: #000000;
  /* Couleur du fond */
  border-radius: 10px;
  /* Arrondi */
  box-shadow: inset 0 0 5px #3f3600;
}

::-webkit-scrollbar-thumb {
  background: #000000;
  /* Couleur de la glissière */
  border-radius: 10px;
  /* Arrondi */
  height: 1rem;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #fff #000000;
}

/* Fallback pour personnaliser les variables dans SCSS */
footer {
  transition: background 200ms ease-in-out;
  background: linear-gradient(to right, rgb(39, 39, 39) 0%, rgb(19, 17, 17) 100%);
  background-position: center;
  background-size: cover;
  /*** Responsive Styles Large Desktop And Above ***/
  /*** Responsive Styles Standard Desktop Only ***/
  /*** Responsive Styles Tablet Only ***/
  /*** Responsive Styles Smartphone Only ***/
  /*** Responsive Styles Smartphone Portrait ***/
}
[data-theme=dark] footer {
  transition: background 200ms ease-in-out;
  background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.25) 200%);
  background-blend-mode: multiply;
}
footer .et_pb_text_inner {
  color: white;
  font-size: small;
  line-height: 1.1;
}
footer div.menu-categorie ul {
  list-style-type: none;
  padding: 0 0;
}
footer div.menu-categorie ul li {
  line-height: 1.6;
}
footer div.menu-categorie ul li:hover {
  transition: all 200ms;
}
footer div.menu-categorie ul li:hover a {
  transition: all 200ms;
  color: var(--text-body-color);
  font-size: 1.1rem;
}
footer div.menu-categorie ul li a {
  color: var(--text-body-color);
  font-size: 1rem;
}
footer div.line-footer-second {
  display: flex;
  align-items: center;
}
footer div.line-footer-second small {
  color: var(--text-body-color);
  margin-right: 15px;
  font-weight: 200;
}
footer div.line-footer-second nav.second-menu-footer ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 0;
}
footer div.line-footer-second nav.second-menu-footer ul li {
  list-style-type: none;
  margin-right: 15px;
}
footer div.line-footer-second nav.second-menu-footer ul li a {
  transition: all 200ms;
  font-size: 0.8rem;
  color: var(--text-body-color);
  font-weight: 200;
}
footer div.line-footer-second nav.second-menu-footer ul li a:hover {
  transition: all 200ms;
  color: white;
  font-weight: 600;
}
@media screen and (min-width: 981px) and (max-width: 1405px) {
  footer div.line-footer-second {
    width: max-content;
  }
  footer div.line-footer-second small {
    width: max-content;
  }
  footer div.line-footer-second nav.second-menu-footer ul li {
    width: max-content;
    list-style-type: none;
    margin-right: 15px;
  }
  footer div.line-footer-second nav.second-menu-footer ul li a {
    transition: all 200ms;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.514);
    font-weight: 200;
  }
}
@media all and (min-width: 768px) and (max-width: 983px) {
  footer div.line-footer-second {
    display: inline-block;
    width: max-content;
  }
  footer div.line-footer-second small {
    width: max-content;
  }
  footer div.line-footer-second nav.second-menu-footer ul li {
    width: max-content;
    list-style-type: none;
    margin-right: 15px;
  }
  footer div.line-footer-second nav.second-menu-footer ul li a {
    transition: all 200ms;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.514);
    font-weight: 200;
  }
}
@media all and (max-width: 767px) and (min-width: 484px) {
  footer div.line-footer-second {
    display: inline-block;
    width: max-content;
  }
  footer div.line-footer-second small {
    width: max-content;
  }
  footer div.line-footer-second nav.second-menu-footer ul li {
    width: max-content;
    list-style-type: none;
    margin-right: 15px;
  }
  footer div.line-footer-second nav.second-menu-footer ul li a {
    transition: all 200ms;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.514);
    font-weight: 200;
  }
}
@media all and (max-width: 485px) {
  footer div.line-footer-second {
    display: flex;
    flex-direction: column;
    width: max-content;
  }
  footer div.line-footer-second small {
    width: max-content;
  }
  footer div.line-footer-second nav.second-menu-footer ul {
    display: inline;
  }
  footer div.line-footer-second nav.second-menu-footer ul li {
    height: 1.5rem;
    width: max-content;
    list-style-type: none;
    margin-right: 15px;
  }
  footer div.line-footer-second nav.second-menu-footer ul li a {
    transition: all 200ms;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.514);
    font-weight: 200;
  }
}
@media screen and (max-width: 768px) {
  footer .footer-plain-width {
    width: 100% !important;
  }
}

/* ----------Commentaires ---------------- *//*# sourceMappingURL=style.css.map */