/*
██████   █████  ██████  ██   ██ ███    ███  ██████  ██████  ███████
██   ██ ██   ██ ██   ██ ██  ██  ████  ████ ██    ██ ██   ██ ██
██   ██ ███████ ██████  █████   ██ ████ ██ ██    ██ ██   ██ █████
██   ██ ██   ██ ██   ██ ██  ██  ██  ██  ██ ██    ██ ██   ██ ██
██████  ██   ██ ██   ██ ██   ██ ██      ██  ██████  ██████  ███████
*/
.darkMode ::selection {
  background: var(--violet);
  color: var(--lightBackPage);
}

body.darkMode {
  border: 1px solid var(--violet);
  scrollbar-color: var(--violetBis) var(--darkMode);
}

/* Track */
.darkMode ::-webkit-scrollbar-track {
  background: var(--darkMode);
  /* outline: 1px solid var(--violet); */
}

/* Handle */
.darkMode ::-webkit-scrollbar-thumb {
  background: var(--violetBis);
  /* outline: 1px solid var(--violet); */
}

.darkMode ::-webkit-scrollbar-thumb:hover {
  background: var(--darkMode);
  cursor: grabbing;
}

.darkMode header ul li {
  border-bottom: 1px solid var(--violet);
}

/* .darkMode header ul li.switch{
  border-right: 1px solid var(--violet);
} */
.darkMode header ul li.switch:hover {
  /* background: repeating-linear-gradient(90deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 7px),
    repeating-linear-gradient(0deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 7px); */
}

.darkMode #colophonContent {
  background: var(--darkMode);
  color: var(--lightBackPage);
}

.darkMode #colophonContent .explications a {
  color: var(--violet);
  text-decoration-color: var(--violetBis);
}

.darkMode #colophonContent .explications .retourHome:hover {
  color: var(--violet);
}

.darkMode header ul.menuTop li a {
  background: var(--darkMode);
  text-decoration: none !important;
}

.darkMode header ul.menuTop li.switch span:nth-of-type(1) {
  color: var(--violet);
}

.darkMode header ul.menuTop li.switch span:nth-of-type(2) {
  color: var(--lightBackPage);
  text-shadow: -1px 0 var(--darkMode), 0 1px var(--darkMode), 1px 0 var(--darkMode), 0 -1px var(--darkMode);
}

.darkMode header ul.menuTop li.switch .backSwitch {
  background: var(--darkMode);
}

.darkMode header ul.menuTop li.recupedia {
  color: var(--violet);
}

.darkMode header ul.menuTop li.recupedia:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 3px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 3px);
  text-shadow: -3px 0 var(--lightBackPage), 0 3px var(--lightBackPage), 3px 0 var(--lightBackPage), 0 -3px var(--lightBackPage);
  color: var(--darkMode);
}

.darkMode header ul.menuTop ul.lang li#fr:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 7px),
    repeating-linear-gradient(0deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 7px);
}

.darkMode header ul.menuTop ul.lang li#en:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 4px, var(--violet) 1px, var(--violet) 8px),
    repeating-linear-gradient(0deg, transparent, transparent 4px, var(--violet) 1px, var(--violet) 8px);
}

.darkMode header ul.menuTop ul.lang li#nl:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 4px, var(--violet) 1px, var(--violet) 10px),
    repeating-linear-gradient(0deg, transparent, transparent 4px, var(--violet) 1px, var(--violet) 10px);
}

.darkMode header ul.menuTop li.searchForm .submit:hover {
  color: var(--lightBackPage);
}

.darkMode,
.darkMode header ul li.searchForm .search,
.darkMode header ul li.searchForm .submit {
  color: var(--lightBackPage);
  background: var(--darkMode);
}

.darkMode header ul li.searchForm input {
  outline: 0px solid var(--violet);
}

.darkMode header ul li.connexion {
  color: var(--lightBackPage);
}

.darkMode section#itemsHome ul li,
.darkMode nav ul li,
.darkMode aside#notes ul li,
.darkMode aside#items ul li {
  border-bottom: 1px solid var(--violet);
}

.darkMode nav ul.depth-1 {
  border-right: 1px solid var(--violet);
}

.darkMode nav ul li {
  background: var(--darkMode);
}

.darkMode aside.agenda h2,
.darkMode aside .container {
  border-bottom: 1px solid var(--violet);
  border-right: 1px solid var(--violet);
}

.darkMode aside#notes ul li {
  color: var(--lightBackPage);
  border-right: 1px solid var(--violet);
}

.darkMode aside#notes ul li:hover {
  text-decoration: underline;
  text-decoration-color: var(--orangejuice);
}

.darkMode aside .agenda h2 {
  border-bottom: 1px solid var(--violet);
  border-right: 1px solid var(--violet);
}

.darkMode nav ul.depth-0 {
  border-right: 1px solid var(--violet);
}

.darkMode nav ul li .describeLeft {
  background: var(--darkMode);
}

.darkMode nav ul ul li:hover,
.darkMode nav ul li:hover .describeLeft,
.darkMode nav ul ul li.clicked,
.darkMode nav ul li.clicked .describeLeft,
.darkMode nav ul ul li.focus,
.darkMode nav ul li.focus .describeLeft {
  background: var(--transparent);
}

.darkMode nav ul li.focus .describeLeft span,
.darkMode nav ul li:hover .describeLeft span,
.darkMode nav ul li.clicked .describeLeft span {
  background: var(--darkMode);
}

.darkMode nav ul ul li:hover,
.darkMode nav ul li:hover,
.darkMode nav ul ul li.clicked,
.darkMode nav ul li.clicked {
  color: var(--lightBackPage);
}

.darkMode aside h2,
.darkMode aside .container {
  background: var(--darkMode);
  text-decoration-color: var(--orangejuice);
}

.darkMode aside#notes {
  border-bottom: 1px solid var(--lightBackPage);
  border-top: 1px solid var(--violet);
}

.darkMode section#itemsHome ul li .imgItems,
.darkMode aside#items ul li .imgItems {
  background: var(--darkMode);
}

.darkMode aside#items ul li:hover {
  color: var(--white);
  background: repeating-linear-gradient(0deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 6px), repeating-linear-gradient(0deg, transparent, transparent 5px, transparent 10px, transparent 10px);
}

.darkMode aside#items ul li a span.nameEvent h1 {
  background: var(--darkMode);
}

.darkMode section#itemsHome ul li:hover .imgItems,
.darkMode aside#items ul li:hover .imgItems {
  background: var(--violet);
}

.darkMode section#itemsHome ul li span,
.darkMode section#itemsHome ul li .nameItems,
.darkMode aside#items ul li span,
.darkMode aside#items ul li .nameItems {
  background: var(--darkMode);
}

.darkMode main#home section header {
  background: var(--violetBis);
}

.darkMode #visualisation header,
.darkMode main#home header {
  border-right: 1px solid var(--violet);
  border-bottom: 1px solid var(--violet);
}

.darkMode main#home header h2 {
  text-decoration-color: var(--violet);
}

.darkMode main#home section ul li .describe .containerDownload a svg g path,
.darkMode main#home section ul li .describe .containerPicto .picto svg g path {
  fill: var(--lightBackPage) !important;
}

.darkMode main#home section ul li .describe .containerDownload a:hover svg g path {
  fill: var(--violet) !important;
}

.darkMode main#home section .infosFiche .breadCrumb,
.darkMode #visualisation section .infosFiche .breadCrumb {
  border-bottom: 1px solid var(--violet);
}

.darkMode #visualisation section .infosFiche .breadCrumb span,
.darkMode main#home section .infosFiche .breadCrumb span {
  color: var(--violet);
}

.darkMode section .infosFiche .breadCrumb {
  background: repeating-linear-gradient(90deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
}

.darkMode section .infosFiche .breadCrumb span,
.darkMode section .infosFiche .breadCrumb a {
  background: var(--darkMode);
}

.darkMode #visualisation section .infosFiche .breadCrumb a,
.darkMode main#home section .infosFiche .breadCrumb a,
.darkMode #visualisation section .infosFiche .breadCrumb span.file,
.darkMode main#home section .infosFiche .breadCrumb span.file {
  color: var(--lightBackPage);
}

.darkMode #visualisation section .infosFiche .breadCrumb a:hover,
.darkMode main#home section .infosFiche .breadCrumb a:hover {
  text-decoration-color: var(--violet);
}

.darkMode #visualisation section .infosFiche .breadCrumb span:nth-last-of-type(1),
.darkMode main#home section .infosFiche .breadCrumb span:nth-last-of-type(1){
  color: var(--violet);
}

.darkMode main#home section .infosFiche ul a.editIcon svg g path,
.darkMode main#home section .infosFiche ul li.download a svg g path,
.darkMode #visualisation section .infosFiche ul a.editIcon svg g path,
.darkMode #visualisation section .infosFiche ul li.download a svg g path {
  fill: var(--lightBackPage) !important;
}

.darkMode header ul.menuTop li a svg g path,
.darkMode header ul.menuTop li.searchForm svg g path,
.darkMode main#home section .infosFiche ul a.editIcon:hover svg g path,
.darkMode main#home section .infosFiche ul li.download a:hover svg g path,
.darkMode #visualisation section .infosFiche ul a.editIcon:hover svg g path,
.darkMode #visualisation section .infosFiche ul li.download a:hover svg g path {
  fill: var(--violet) !important;
}

.darkMode #visualisation section .fichiers {
  border-right: 1px solid var(--violet);
  background: var(--violetBis);
}

.darkMode #visualisation section .fichiers .after,
.darkMode #visualisation section .fichiers .before {
  background: var(--violet);
  color: var(--lightBackPage);
}

.darkMode #visualisation section .fichiers .before:hover,
.darkMode #visualisation section .fichiers .after:hover {
  background: var(--violetBis);
  color: var(--lightBackPage);
}

.darkMode #visualisation section .fichiers ul li.tags,
/* .darkMode #visualisation section .fichiers ul span, */
.darkMode main#home section header .introFiche ul li.tags,
.darkMode main#home section header .introFiche ul span {
  border: 1px solid var(--violet);
  background: var(--violetBis);
}

.darkMode #visualisation section .infosFiche {
  background: var(--violetBis);
}

.darkMode #visualisation section .infosFiche ul,
.darkMode main#home section .infosFiche ul {
  border-bottom: 1px solid var(--violet);
}

.darkMode #visualisation section .infosFiche ul li,
.darkMode main#home section .infosFiche ul li {
  border-bottom: 0px solid var(--violet);
  border-top: 0px solid var(--violet);
}

.darkMode main#home section ul.listHome{
  border-top: 1px solid var(--violet);
}

.darkMode main#home section ul.listHome li {
  border-bottom: 1px solid var(--violet);
}

.darkMode main#home section ul li .describe {
  background: var(--darkMode);
}

.darkMode main#home section ul li:hover .describe {
  background: transparent;
  cursor: pointer;
}

.darkMode main {
  border-left: 1px solid var(--violet);
  /* border-right: 1px solid var(--violet); */
}

.darkMode main#home section ul li .describe .containerPicto .backThumbnails {
  background: var(--darkMode);
}

.darkMode main#home section ul li:hover .describe .backThumbnails {
  background: transparent
}

.darkMode main#home section ul li .describe .containerPicto {
  background: var(--darkMode);
}

.darkMode main#home section ul li .describe .containerDownload {
  background: var(--darkMode);
}

.darkMode main#home section ul li:hover .describe .backThumbnails img {
  filter: grayscale(0);
  mix-blend-mode: normal;
}

.darkMode main#home section ul li:hover .describe span {
  background: var(--darkMode);
  text-decoration-color: var(--violet);
}

.darkMode main#home section ul li .describe img {
  background: var(--darkMode);
}

.darkMode main#home header .introFiche h6,
.darkMode main#home header .introFiche h5,
.darkMode main#home header .introFiche h4,
.darkMode main#accueil section .texte h4,
.darkMode main#home header .introFiche h3,
.darkMode #visualisation section .fichiers .containerFile .sourceFile .text h3 {
  color: var(--violet);
}

.darkMode main#home section .introFiche .contentReadme p a,
.darkMode #visualisation section .fichiers .containerFile .sourceFile.text p a {
  text-decoration-color: var(--violet);
}

.darkMode main#home section .introFiche .contentReadme p a:hover,
.darkMode #visualisation section .fichiers .containerFile .sourceFile.text p a:hover {
  color: var(--violet);
}

.darkMode main#home section .introFiche .contentReadme blockquote p,
.darkMode #visualisation section .fichiers .containerFile .sourceFile .text blockquote p {
  color: var(--violet);
}

.darkMode section#agenda section .texte .content ul,
.darkMode section#faq section .texte .content ul,
.darkMode #visualisation section .fichiers .containerFile .sourceFile .text ul,
.darkMode main#home section .introFiche .contentReadme ul,
.darkMode header .contentReadme ul li {
  border-left: 0px;
  border-bottom: 0px;
}

.darkMode #visualisation section .fichiers .containerFile .sourceFile .text,
.darkMode #visualisation section .fichiers .containerFile .sourceFile {
  background: var(--darkMode);
}

.darkMode #visualisation section .fichiers .containerFile .sourceFile.text h1 {
  color: var(--white);
}

/* Gradient */
.darkMode main#home section ul li#faq {
  background: repeating-linear-gradient(var(--lightBackPage), var(--lightBackPage) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
}

.darkMode main#home section ul li#agenda {
  background: repeating-linear-gradient(-45deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
}

.darkMode main#home section ul li#lastactivities {
  background: repeating-linear-gradient(-45deg, var(--lightBackPage), var(--lightBackPage) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
}

.darkMode main#home section ul li#forum {
  background: repeating-linear-gradient(90deg, var(--lightBackPage), var(--lightBackPage) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
}

.darkMode main#home section ul li#lastpics {
  background: repeating-linear-gradient(transparent, var(--lightBackPage) 3px), repeating-linear-gradient(0.25turn, transparent, var(--darkMode) 3px);
}

.darkMode main#home section ul li#agenda {
  background: repeating-linear-gradient(45deg, var(--darkMode), var(--darkMode) 48px, var(--lightBackPage) 50px);
}

.darkMode main#home section .imgFiche {
  background: var(--violet);
  filter: contrast(120%);
}

.darkMode main#home section .introFiche .contentReadme pre,
.darkMode #visualisation section .fichiers .containerFile .sourceFile .text pre {
  background: var(--violetBis);
  color: var(--lightBackPage);
  outline: solid 1px var(--violetBis);
}

.darkMode main#home section .introFiche .contentReadme p del {
  text-decoration-color: var(--violet);
}

.darkMode main#home .comments,
.darkMode #visualisation .comments {
  border-top: 1px solid var(--violet);
  background: var(--violetBis);
}

.darkMode main#home .comments {
  border-right: 1px solid var(--violet);
}

.darkMode #visualisation .comments header {
  border: 0px;
}

.darkMode main#home .comments header .commentsTitle,
.darkMode #visualisation .comments header .commentsTitle {
  text-decoration-color: var(--violet);
}

.darkMode main#home .comments header .addComment,
.darkMode #visualisation .comments header .addComment {
  border: 1px solid var(--lightBackPage);
  color: var(--lightBackPage);
}

.darkMode main#home .comments header .addComment:hover,
.darkMode #visualisation .comments header .addComment:hover {
  border: 1px solid var(--violet);
  color: var(--violet);
}

.darkMode main#home .comments ul.commentsType,
.darkMode #visualisation .comments ul.commentsType {
  border-top: 1px solid var(--violet);
}

.darkMode main#home section .comments ul.commentsType .profileInfos,
.darkMode #visualisation .comments ul.commentsType .profileInfos {
  border-right: 1px solid var(--violet);
}

.darkMode main#home .comments ul.commentsType .post,
.darkMode #visualisation .comments ul.commentsType .post {
  color: var(--lightBackPage);
}

.darkMode main#accueil h1,
.darkMode #visualisation section .fichiers .containerFile .sourceFile.text h1 {
  color: var(--lightBackPage);
}

.darkMode main#accueil section#agenda {
  border-left: 1px solid var(--violet);
}

.darkMode main#accueil section#agenda,
.darkMode main#accueil section#agenda ul {
  border-right: 1px solid var(--violet);
}

.darkMode main#accueil section#agenda ul li {
  background-color: var(--darkMode);
  border-bottom: solid 1px var(--violet);
}

.darkMode main#accueil section#agenda ul li .event:hover {
  background: repeating-linear-gradient(-45deg, var(--darkMode), var(--darkMode) -6px, var(--violet) 1px, var(--violet) 7px);
  color: var(--lightBackPage);
}

.darkMode main#accueil section#agenda ul li .event:hover span:nth-of-type(1),
.darkMode main#accueil section#agenda ul li .event:hover h1 {
  background: var(--violet);
  color: var(--lightBackPage);
}

.darkMode main#accueil section ul li .event span {
  color: var(--lightBackPage);
  cursor: pointer;
}

.darkMode main#accueil section#agenda ul li .event span:nth-of-type(1) {
  border-right: solid 1px var(--violet);
  /* padding-right: 10px; */
}

/* .darkMode main#accueil section#recupedia .introRecupedia {
  border-right: 1px solid var(--violet);
} */
.darkMode main#accueil section#recupedia .introRecupedia h2 {
  color: var(--white);
}

.darkMode main#accueil section.texte .footer .breadCrumb ul li,
.darkMode main#accueil section#recupedia .introRecupedia .footer .breadCrumb ul li {
  border-bottom: 1px solid var(--violet);
}

.darkMode main#accueil section.texte .breadCrumb span, main#accueil section.texte .footer .breadCrumb ul li, main#accueil section#recupedia .introRecupedia .footer .breadCrumb ul li, main#accueil section#recupedia .introRecupedia .footer .breadCrumb span {
  color: var(--violet);
}

.darkMode main#accueil section#recupedia,
.darkMode main#accueil section#agenda {
  border-bottom: 1px solid var(--violet);
}

.darkMode main#accueil section#recupedia header,
.darkMode main#accueil section#agenda header {
  border-bottom: 1px solid var(--violet);
}

.darkMode main#accueil section.texte .breadCrumb a,
.darkMode main#accueil section#recupedia .introRecupedia .footer .breadCrumb a {
  color: var(--white);
}

.darkMode main#accueil section.texte .breadCrumb a:hover,
.darkMode #visualisation section .fichiers .containerFile .sourceFile.text p a:hover {
  text-decoration-color: var(--violet);
}

.darkMode main#accueil section .texte .content blockquote p {
  color: var(--violet);
}

.darkMode main#accueil section.texte .breadCrumb span:nth-last-of-type(1),
.darkMode main#accueil section#recupedia .introRecupedia .footer .breadCrumb span:nth-last-of-type(1) {
  color: var(--violet);
}

.darkMode main#accueil section#recupedia {
  background-color: var(--violetBis);
  color: var(--white);
}

.darkMode main#accueil section#recupedia .introRecupedia .imgRecupedia {
  background-color: var(--darkMode);
}

.darkMode main#accueil section#agenda header,
.darkMode main#accueil section#recupedia header,
.darkMode main#accueil section#itemsHome header,
.darkMode section#faq header,
.darkMode section#agenda header {
  background: repeating-linear-gradient(90deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
  border-right: 1px solid var(--violet);
  border-bottom: 1px solid var(--violet);
}

.darkMode main#accueil section#agenda header h2,
.darkMode main#accueil section#recupedia header h2,
.darkMode main#accueil section#itemsHome header h2,
.darkMode section#faq header h2,
.darkMode section#agenda header h2 {
  background: var(--darkMode);
  border-right: 1px solid var(--violet);
}

.darkMode section#faq details summary.title:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 6px, var(--violet) 1px, var(--violet) 7px),
    repeating-linear-gradient(0deg, transparent, transparent 6px, var(--violet) 1px, var(--violet) 7px);
}

.darkMode section#agenda details summary.title:hover {
  background: repeating-linear-gradient(-45deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
}

.lightMode section#agenda details summary.title:hover {
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
}

.darkMode section#agenda summary,
.darkMode section#faq summary {
  border-right: 1px solid var(--violet);
  /* border-bottom: 1px solid var(--violet); */
}

.darkMode section#agenda details[open] .texte,
.darkMode section#faq details[open] .texte {
  border-right: 1px solid var(--violet);
}

.darkMode main#accueil details summary {
  border-top: 1px solid var(--violet);
}

.darkMode section#agenda ul.listAgenda,
.darkMode section#faq ul.listFaq {
  outline: 0;
}

.darkMode section#faq details summary.part:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 3px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 3px);
  cursor: pointer;
}

.darkMode section#agenda details summary.part:hover {
  background: repeating-linear-gradient(-45deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
  cursor: pointer;
}

.darkMode section#agenda details summary.part ul li .describe span,
.darkMode section#faq details summary.part ul li .describe span {
  cursor: pointer;
}

.darkMode section#agenda details summary.part:hover ul li .describe span,
.darkMode section#faq details summary.part:hover ul li .describe span {
  background: var(--darkMode);
  cursor: pointer;
}

.darkMode section#agenda details summary.part:hover,
.darkMode section#faq details summary.part:hover {
  cursor: pointer;
}

.darkMode section#faq section.texte .content .imgFaq {
  background-color: var(--orangejuice);
  filter: contrast(120%);
}

.darkMode section#agenda details summary.title:hover ul li .describe span,
.darkMode section#faq details summary.title:hover ul li .describe span {
  background: var(--violetBis);
  cursor: pointer;
}

.darkMode section#agenda details summary.title ul li .describe:before,
.darkMode section#faq details summary.title ul li .describe:before {
  background: var(--darkMode);
  color: var(--violet);
  cursor: pointer;
}

.darkMode section#agenda h3,
.darkMode section#faq h3 {
  color: var(--violet);
}

.darkMode section#agenda section.texte,
.darkMode section#faq section.texte {
  background-color: var(--violetBis);
}

.darkMode aside#items.recentFiles {
  color: var(--violet);
  background: var(--darkMode);
}

.darkMode aside#items.recentFiles header {
  background: repeating-linear-gradient(0deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
  border-right: 1px solid var(--violet);
  border-bottom: 1px solid var(--violet);
}

.darkMode .marquee h2 {
  color: var(--lightBackPage);
  background-color: var(--darkMode);
}

.darkMode .marquee {
  color: var(--violet);
  border-right: 1px solid var(--violet);
  border-bottom: 1px solid var(--violet);
}

.darkMode main#accueil section .texte .content p a {
  text-decoration-color: var(--violet);
}

.darkMode main#accueil section .texte .content p a:hover,
.darkMode #visualisation section .fichiers .containerFile .sourceFile.text p a:hover {
  color: var(--violet);
}

.darkMode section#faq details[open] summary.title {
  background: repeating-linear-gradient(90deg, transparent, transparent 6px, var(--violet) 1px, var(--violet) 7px),
    repeating-linear-gradient(0deg, transparent, transparent 6px, var(--violet) 1px, var(--violet) 7px);
  /* border-bottom: solid 1px var(--violet); */
}

.darkMode section#agenda details[open] summary.title {
  background: repeating-linear-gradient(-45deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
}

.darkMode section#faq .imgPreFaq {
  border-right: solid 1px var(--violet);
}

.darkMode section#agenda details[open] summary.title span,
.darkMode section#faq details[open] summary.title span {
  background-color: var(--darkMode);
}

.darkMode section#faq details.open[open] summary.part {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 3px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 3px);
}

.darkMode section#agenda details.open[open] summary.part {
  background: repeating-linear-gradient(-45deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
}

.darkMode section#agenda details summary.title .describe span,
.darkMode section#faq details summary.title .describe span,
.darkMode main#accueil details summary.title .describe span {
  color: var(--violet);
}

.darkMode section#agenda details[open] summary.title span,
.darkMode section#agenda details[open] summary.part span,
.darkMode section#faq details[open] summary.title span,
.darkMode section#faq details[open] summary.part span {
  background-color: var(--darkMode);
  color: var(--lightBackPage);
}

.darkMode section#agenda details[open] summary.part span::before,
.darkMode section#faq details[open] summary.part span::before {
  color: var(--violet);
}

.darkMode section#agenda section.texte .content .footer h3,
.darkMode section#faq section.texte .content .footer h3,
.darkMode main#accueil section.texte .content .footer h3,
main#accueil section#recupedia .introRecupedia .footer h3,
section#faq section.texte .content .footer h3,
section#agenda section.texte .content .footer h3 {
  background-color: var(--violet);
  color: var(--white);
  padding: 1%;
}

.darkMode section#agenda section.texte .content ol li.listNum,
.darkMode section#agenda section.texte .content ul li,
.darkMode section#faq section.texte .content ol li.listNum,
.darkMode section#faq section.texte .content ul li,
.darkMode main#accueil section.texte .content ol li.listNum,
.darkMode main#accueil section.texte .content ul li {
  color: var(--white);
}

/*


██      ██  ██████  ██   ██ ████████ ███    ███  ██████  ██████  ███████
██      ██ ██       ██   ██    ██    ████  ████ ██    ██ ██   ██ ██
██      ██ ██   ███ ███████    ██    ██ ████ ██ ██    ██ ██   ██ █████
██      ██ ██    ██ ██   ██    ██    ██  ██  ██ ██    ██ ██   ██ ██
███████ ██  ██████  ██   ██    ██    ██      ██  ██████  ██████  ███████ */
.lightMode ::selection {
  background: var(--orangejuice);
  color: var(--lightBackPage);
}

/* Track */
.lightMode ::-webkit-scrollbar-track {
  background: var(--lightBackPage);
  /* outline: 1px solid var(--violet); */
}

/* .lightMode ::-moz-scrollbar-track {
  background: var(--violet);
  outline: 1px solid var(--violet);
} */
/* Handle */
.lightMode ::-webkit-scrollbar-thumb {
  background: var(--jauneBis);
  border-top: 1px solid var(--violet);
  border-bottom: 1px solid var(--violet);
}

.lightMode ::-webkit-scrollbar-thumb:hover {
  background: var(--violet);
  cursor: grabbing;
}

body.lightMode {
  border: 1px solid var(--violet);
  background: var(--lightBackPage);
  scrollbar-color: var(--jauneBis) var(--lightBackPage);
  scrollbar-width: 5px;
}

.lightMode header ul li {
  border-bottom: 1px solid var(--violet);
}

.lightMode header ul.menuTop li.switch:hover span:nth-of-type(1),
.lightMode header ul.menuTop li.switch:hover span:nth-of-type(2){
  color: var(--violetBis);
}

.darkMode header ul.menuTop li.switch:hover span:nth-of-type(1),
.darkMode header ul.menuTop li.switch:hover span:nth-of-type(2){
  color: var(--lightBackPage);
}

.lightMode header ul.menuTop li.switch span:nth-of-type(2) {
  color: var(--violet);
  text-shadow: -1px 0 var(--lightBackPage), 0 1px var(--lightBackPage), 1px 0 var(--lightBackPage), 0 -1px var(--lightBackPage);
}

.lightMode header ul.menuTop li.switch .backSwitch {
  background: var(--lightBackPage);
}

.lightMode main {
  border-left: 1px solid var(--violet);
  /* border-right: 1px solid var(--violet); */
}

.lightMode section#faq summary {
  border-right: 1px solid var(--violet);
}

.lightMode section#agenda section .texte .content ul .lightMode #visualisation section .fichiers .containerFile .sourceFile .text ul,
.lightMode section#faq section .texte .content ul .lightMode #visualisation section .fichiers .containerFile .sourceFile .text ul,
.lightMode main#home section .introFiche .contentReadme ul,
.lightMode header .contentReadme ul li {
  border-left: 0px;
  border-bottom: 0px;
}

.lightMode header ul.menuTop li a {
  background: var(--lightBackPage);
  text-decoration: none !important;
}

.lightMode header ul.menuTop li.recupedia:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 3px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 3px);
}

.lightMode header ul.menuTop ul.lang li#fr:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 5px, var(--orangejuice) 1px, var(--orangejuice) 7px),
    repeating-linear-gradient(0deg, transparent, transparent 5px, var(--orangejuice) 1px, var(--orangejuice) 7px);
}

.lightMode header ul.menuTop ul.lang li#en:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 4px, var(--orangejuice) 1px, var(--orangejuice) 8px),
    repeating-linear-gradient(0deg, transparent, transparent 4px, var(--orangejuice) 1px, var(--orangejuice) 8px);
}

.lightMode header ul.menuTop ul.lang li#nl:hover {
  background: repeating-linear-gradient(90deg, transparent, transparent 4px, var(--orangejuice) 1px, var(--orangejuice) 10px),
    repeating-linear-gradient(0deg, transparent, transparent 4px, var(--orangejuice) 1px, var(--orangejuice) 10px);
}

.lightMode header ul.menuTop li.searchForm form .submit:hover svg path,
.lightMode header ul.menuTop li.connexion:hover a svg g path{
  fill: #2c2748 !important;
}
.darkMode header ul.menuTop li.searchForm form .submit:hover svg path,
.darkMode header ul.menuTop li.connexion:hover a svg g path{
  fill: #fffdeb !important;
}

.darkMode header ul.menuTop li.searchForm form .submit svg path{
  fill: #7e74bc !important;
}


.lightMode main#home section .infosFiche ul a.editIcon:hover svg g path,
.lightMode main#home section .infosFiche ul li.download a:hover svg g path,
.lightMode #visualisation section .infosFiche ul a.editIcon:hover svg g path,
.lightMode #visualisation section .infosFiche ul li.download a:hover svg g path {
  fill: #ff523359 !important;
}

.lightMode #colophonContent {
  background: var(--lightBackPage);
  color: var(--orangejuice);
}

.lightMode #colophonContent .explications a {
  color: var(--violet);
  text-decoration-color: var(--orangejuice);
}

.lightMode #colophonContent .explications .retourHome:hover {
  color: var(--violet);
}

.lightMode {
  color: var(--orangejuice);
  background: var(--lightBackPage);
}

.lightMode header ul li.searchForm .search,
.lightMode header ul li.searchForm .submit {
  color: var(--orangejuice);
  background: var(--lightBackPage);
}

.lightMode header ul li.searchForm .search:hover {
  background: var(--white);
}

.darkMode header ul li.searchForm .search:hover {
  background: var(--violetBis);
}


.lightMode nav ul.depht-1 {
  border-right: 1px solid var(--violet);
}

.lightMode nav ul li,
.lightMode aside#notes ul li,
.lightMode section#itemsHome ul li,
.lightMode aside#items ul li {
  border-bottom: 1px solid var(--violet);
}

.lightMode nav ul li {
  background: var(--lightBackPage);
}

.lightMode nav ul li {
  background: var(--lightBackPage);
}

.lightMode section#itemsHome ul li span,
.lightMode section#itemsHome ul li .nameItems,
.lightMode aside#items ul li span,
.lightMode aside#items ul li .nameItems {
  background: var(--lightBackPage);
}

.lightMode nav details summary:hover {
  background: var(--white);
  color: var(--violet);
}

.lightMode section#faq details summary.title:hover {
  cursor: pointer;
  background: repeating-linear-gradient(90deg, transparent, transparent 6px, var(--orangejuice) 1px, var(--orangejuice) 7px),
    repeating-linear-gradient(0deg, transparent, transparent 6px, var(--orangejuice) 1px, var(--orangejuice) 7px);
}

.lightMode section#agenda details summary.title:hover {
  cursor: pointer;
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
}

.lightMode main#accueil details summary {
  outline: 0;
  border-top: 1px solid var(--violet);
}

.lightMode section#agenda ul.listAgenda,
.lightMode section#faq ul.listFaq {
  outline: 0;
  border-top: 1px solid var(--violet);
}

.lightMode main#home section ul li .describe .containerDownload a:hover svg g path {
  fill: #ff523359 !important;
}

.darkMode section#agenda details summary.title,
.lightMode section#agenda details summary.title,
.darkMode section#faq details summary.title,
.lightMode section#faq details summary.title {
  border-bottom: 1px solid var(--violet);
}

.lightMode section#faq details summary.part:hover {
  cursor: pointer;
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 3px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 3px);
}

.lightMode section#agenda details summary.part:hover {
  cursor: pointer;
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
}

.lightMode section#agenda details summary.part ul li .describe span .lightMode section#faq details summary.part ul li .describe span {
  background: var(--lightBackPage);
  cursor: pointer;
}

.lightMode section#agenda details summary.part:hover ul li .describe span .lightMode section#faq details summary.part:hover ul li .describe span {
  background: var(--lightBackPage);
  cursor: pointer;
}

.lightMode section#agenda details summary.part:hover .lightMode section#faq details summary.part:hover {
  cursor: pointer;
}

.lightMode section#faq section.texte .content .imgFaq {
  background-color: var(--orangejuice);
  filter: contrast(120%);
}

.lightMode section#faq details .backGif {
  background: var(--violet);
}

.darkMode section#agenda details[open]:nth-last-of-type(1),
.lightMode section#agenda details[open]:nth-last-of-type(1),
.darkMode section#faq details[open]:nth-last-of-type(1),
.lightMode section#faq details[open]:nth-last-of-type(1) {
  border-bottom: 1px solid var(--violet);
}

.lightMode section#agenda details summary.title:hover ul li .describe span,
.lightMode section#faq details summary.title:hover ul li .describe span {
  background: var(--white);
  cursor: pointer;
}

.lightMode section#agenda details summary.title ul li .describe:before,
.lightMode section#faq details summary.title ul li .describe:before {
  background: var(--lightBackPage);
  color: var(--violet);
  cursor: pointer;
}

.lightMode section#agenda h3,
.lightMode section#faq h3 {
  color: var(--orangejuice);
}

.lightMode aside.agenda h2,
.lightMode aside .container {
  border-bottom: 1px solid var(--violet);
  /* border-right: 1px solid var(--violet); */
}

.lightMode nav ul li .describeLeft {
  background: var(--lightBackPage);
}

/* .lightMode nav ul ul li:hover, */
.lightMode nav ul li:hover .describeLeft,
/* .lightMode nav ul ul li.clicked,*/
.lightMode nav ul li.focus .describeLeft {
  background: transparent;
}

.lightMode nav ul ul li.clicked,
.lightMode nav ul ul li.focus,
.lightMode nav ul li.clicked .describeLeft {
  background: var(--lightBackPage);
}

.lightMode nav ul li:hover .describeLeft span,
.lightMode nav ul li.clicked .describeLeft span,
.lightMode nav ul li.focus .describeLeft span {
  background: var(--lightBackPage);
}

.lightMode nav ul li.clicked {
  text-decoration-color: var(--violet);
}

.lightMode aside h2,
.lightMode aside .container {
  background: var(--lightBackPage);
  color: var(--violet);
  text-decoration-color: var(--orangejuice);
}

.lightMode aside#notes {
  border-bottom: 1px solid var(--violet);
  border-top: 1px solid var(--violet);
}

.lightMode aside#notes ul li {
  border-right: 1px solid var(--violet);
  color: var(--orangejuice);
}

.lightMode aside#notes ul li:hover,
section#itemsHome ul li:hover {
  color: var(--violet);
  cursor: pointer;
  background: repeating-linear-gradient(90deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 6px), repeating-linear-gradient(0deg, transparent, transparent 5px, transparent 10px, transparent 10px);
}

.lightMode aside#items ul li:hover {
  color: var(--orangejuice);
  background: repeating-linear-gradient(0deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 6px), repeating-linear-gradient(0deg, transparent, transparent 5px, transparent 10px, transparent 10px);
}

.lightMode aside#items ul li .imgItems,
.lightMode section#itemsHome ul li .imgItems {
  background: var(--orangejuice);
}

.lightMode aside#items ul li:hover .imgItems,
.lightMode section#itemsHome ul li:hover .imgItems {
  background: var(--violet);
}

.lightMode aside#items ul li span,
.lightMode section#itemsHome ul li span {
  text-decoration-color: var(--violet);
  background: var(--lightBackPage);
}

.lightMode aside#items ul li a span.nameEvent h1 {
  background: var(--lightBackPage);
}

.lightMode #visualisation header {
  border-right: 1px solid var(--violet);
}

.lightMode #visualisation section .fichiers .containerFile .sourceFile.text h1 {
  color: var(--violet);
}

.lightMode main#home header h1 {
  text-decoration-color: var(--violet);
}

.lightMode #visualisation section .infosFiche ul,
.lightMode main#home section .infosFiche ul {
  border-bottom: 1px solid var(--violet);
}

.lightMode #visualisation section .infosFiche ul li,
.lightMode main#home section .infosFiche ul li {
  border-bottom: 0px solid var(--violet);
}

.darkMode #visualisation section .fichiers,
.lightMode #visualisation section .fichiers {
  /* border-left: 1px solid var(--violet); */
  border-right: 1px solid var(--violet);
}



.lightMode #visualisation section .fichiers .after,
.lightMode #visualisation section .fichiers .before {
  background: var(--violet);
  color: var(--lightBackPage);
}

.lightMode #visualisation section .fichiers .before:hover,
.lightMode #visualisation section .fichiers .after:hover {
  background: var(--orangejuice);
}

.lightMode #visualisation section .fichiers ul li.tags,
/* .lightMode #visualisation section .fichiers ul span, */
.lightMode main#home section header .introFiche ul li.tags,
.lightMode main#home section header .introFiche ul span {
  border: 1px solid var(--violet);
  background: var(--white);
}

.lightMode #visualisation section .infosFiche .breadCrumb,
.lightMode main#home section .infosFiche .breadCrumb,
.lightMode main#accueil section.texte .footer .breadCrumb ul li,
.lightMode main#accueil section#recupedia .introRecupedia .footer .breadCrumb ul li {
  border-bottom: 1px solid var(--violet);
}

.lightMode section .infosFiche .breadCrumb {
  background: repeating-linear-gradient(90deg, var(--violet), var(--violet) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
}

.lightMode section .infosFiche .breadCrumb span,
.lightMode section .infosFiche .breadCrumb a {
  background: var(--lightBackPage);
}

.lightMode #visualisation section .infosFiche .breadCrumb span,
.lightMode main#home section .infosFiche .breadCrumb span,
.lightMode main#accueil section.texte .breadCrumb span, main#accueil section.texte .footer .breadCrumb ul li {
  color: var(--orangejuice);
}

.lightMode main#accueil section.texte .breadCrumb span, main#accueil .footer .breadCrumb ul li:nth-last-of-type(1) {
  border-bottom: 0px solid !important
}

.lightMode #visualisation section .infosFiche .breadCrumb a,
.lightMode main#home section .infosFiche .breadCrumb a,
.lightMode main#accueil section.texte .breadCrumb a,
.lightMode main#accueil section#recupedia .introRecupedia .footer .breadCrumb a,
.lightMode #visualisation section .infosFiche .breadCrumb span.file,
.lightMode main#home section .infosFiche .breadCrumb span.file,
.lightMode main#accueil section.texte .breadCrumb span.file,
.lightMode main#accueil section#recupedia .introRecupedia .footer .breadCrumb span.file {
  color: var(--violet);
}

/* .lightMode main#accueil section#recupedia .introRecupedia h2 {
  color: var(--violet);
} */
.lightMode #visualisation section .infosFiche .breadCrumb a:hover,
.lightMode main#home section .infosFiche .breadCrumb a:hover,
.lightMode main#accueil section.texte .breadCrumb a:hover {
  text-decoration-color: var(--orangejuice);
}

.lightMode #visualisation section .infosFiche .breadCrumb span:nth-last-of-type(1),
.lightMode main#home section .infosFiche .breadCrumb span:nth-last-of-type(1),
.lightMode main#accueil section.texte .breadCrumb span:nth-last-of-type(1),
.lightMode main#accueil section#recupedia .introRecupedia .footer .breadCrumb span:nth-last-of-type(1)
 {
  color: var(--orangejuice);
}

.lightMode #visualisation header,
.lightMode main#home header {
  background: var(--white);
  color: var(--violet);
  border-right: 1px solid;
  /* border-bottom: 1px solid; */
}

.lightMode #visualisation section .fichiers ul.allTags,
.lightMode #visualisation section .fichiers .containerFile .sourceFile .text p,
.lightMode #visualisation section .fichiers .containerFile .sourceFile .text ul {
  color: var(--violet);
}

.lightMode main#home section .introFiche .contentReadme p a,
.lightMode main#accueil section.texte .content p a,
.lightMode section#faq section.texte .content p a,
.lightMode section#agenda section.texte .content p a,
.lightMode #visualisation section .fichiers .containerFile .sourceFile .text p a {
  text-decoration-color: var(--orangejuice);
}

.lightMode main#home section .introFiche .contentReadme p a:hover,
.lightMode main#accueil section.texte .content p a:hover,
.lightMode section#faq section.texte .content p a:hover,
.lightMode section#agenda section.texte .content p a:hover,
.lightMode #visualisation section .fichiers .containerFile .sourceFile .text p a:hover {
  color: var(--orangejuice);
}

.lightMode main#home section .introFiche .contentReadme blockquote p,
.lightMode main#accueil section.texte .content blockquote p,
.lightMode #visualisation section .fichiers .containerFile .sourceFile .text blockquote p {
  color: var(--orangejuice);
}

.lightMode main#home section .introFiche .contentReadme p del,
.lightMode main#accueil section.texte .content p del,
.lightMode section#agenda section.texte .content p del,
.lightMode section#faq section.texte .content p del,
.lightMode #visualisation section .fichiers .containerFile .sourceFile .text p del {
  text-decoration-color: var(--orangejuice);
}

.lightMode section#agenda section.texte .content ol li.listNum,
.lightMode section#agenda section.texte .content ul li,
.lightMode section#agenda section .fichiers .containerFile .sourceFile .text ol li,
.lightMode section#agenda section.texte .content ol,
.lightMode section#faq section.texte .content ol li.listNum,
.lightMode section#faq section.texte .content ul li,
.lightMode section#faq section .fichiers .containerFile .sourceFile .text ol li,
.lightMode section#faq section.texte .content ol,
.lightMode main#accueil section.texte .content ol li.listNum,
.lightMode main#accueil section.texte .content ul li,
.lightMode #visualisation section .fichiers .containerFile .sourceFile .text ol li,
.lightMode main#accueil section.texte .content ol {
  color: var(--violet);
}

.lightMode main#home section .introFiche .contentReadme pre,
.lightMode main#accueil section.texte .content pre,
.lightMode section#agenda section.texte .content pre,
.lightMode section#faq section.texte .content pre,
.lightMode #visualisation section .fichiers .containerFile .sourceFile .text pre {
  background: var(--violet);
  color: var(--lightBackPage);
  outline: solid 1px var(--violet);
}

/* commentaires */
.lightMode .comments {
  border-top: 1px solid var(--violet);
  background: var(--white);
}

.lightMode .comments header {
  border: 0px;
}

.lightMode main#home section .comments header .commentsTitle,
.lightMode #visualisation .comments header .commentsTitle {
  text-decoration-color: var(--orangejuice);
}

.lightMode main#home section .comments header .addComment,
.lightMode #visualisation .comments header .addComment {
  border: 1px solid var(--orangejuice);
  color: var(--orangejuice);
}

.lightMode main#home section .comments header .addComment:hover,
.lightMode #visualisation .comments header .addComment:hover {
  border: 1px solid var(--violet);
  color: var(--violet);
}

.lightMode main#home section .comments ul.commentsType,
.lightMode #visualisation .comments ul.commentsType {
  border-top: 1px solid var(--violet);
}

.lightMode main#home section .comments ul.commentsType .profileInfos,
.lightMode #visualisation .comments ul.commentsType .profileInfos {
  border-right: 1px solid var(--violet);
}

.lightMode main#home section .comments ul.commentsType .post,
.lightMode #visualisation .comments ul.commentsType .post {
  color: var(--violet);
}

.lightMode main#home header .introFiche h6,
.lightMode main#home header .introFiche h5,
.lightMode main#home header .introFiche h3,
.lightMode main#home header .introFiche h2 {
  color: var(--orangejuice);
}

.lightMode #visualisation header .contentReadme h4,
.lightMode main#home header .contentReadme h4,
.lightMode #visualisation section .fichiers .containerFile .sourceFile .text h4,
.lightMode main#accueil section .texte h4 {
  color: var(--violet);
}

.lightMode main#home section ul.listHome{
  border-top: 1px solid var(--violet);
}

.lightMode main#home section ul.listHome li {
  border-bottom: 1px solid var(--violet);
}

.lightMode main#home section ul li .describe {
  background: var(--lightBackPage);
}

.lightMode main#home section ul li .describe img {
  background: var(--lightBackPage);
}

.lightMode main#home section ul li:hover .describe {
  background: transparent;
  cursor: pointer;
}

/* .lightMode main#home section ul li .describe .containerPicto .picto svg g path{
  fill: blue;
} */
.lightMode main#home section ul li .describe .containerDownload {
  background: var(--lightBackPage);
}

.lightMode main#home section ul li .describe .containerPicto {
  background: var(--lightBackPage);
}

.lightMode main#home section ul li .describe .containerPicto .backThumbnails {
  background: var(--orangejuice);
}

.lightMode main#home section ul li:hover .describe .backThumbnails {
  background: transparent
}

.lightMode main#home section ul li .describe .containerPicto .picto,
.darkMode main#home section ul li .describe .containerPicto .picto {
  background: none;
}

.lightMode main#home section ul li:hover .describe .backThumbnails img {
  filter: grayscale(0);
  mix-blend-mode: normal;
}

.lightMode main#home section ul li:hover .describe span {
  background: var(--lightBackPage);
  text-decoration-color: var(--violet);
}

/* .lightMode main#home section ul li .gradient{
  border-left: 1px solid var(--violet);
  border-right: 1px solid var(--violet);
} */
.lightMode section#faq section ul li .gradient#faq,
.lightMode main#home section ul li .gradient#faq {
  background: repeating-linear-gradient(var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
}

.lightMode section#agenda section ul li .gradient#faq {
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
}

.lightMode main#home section ul li .gradient#lastactivities {
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
}

.lightMode main#home section ul li .gradient#forum {
  background: repeating-linear-gradient(90deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
}

.lightMode main#home section ul li .gradient#agenda {
  background: repeating-linear-gradient(45deg, var(--lightBackPage), var(--lightBackPage) 48px, var(--orangejuice) 50px);
}

.lightMode main#home section ul li .gradient#lastpics {
  background: repeating-linear-gradient(transparent, var(--lightBackPage) 3px), repeating-linear-gradient(0.25turn, transparent, var(--orangejuice) 3px);
}

.lightMode .marquee {
  color: var(--violet);
  border-bottom: 1px solid var(--violet);
  border-right: 1px solid var(--violet);
}

.lightMode .marquee h2 {
  background: var(--lightBackPage);
}

.lightMode main#accueil section#agenda ul li {
  background-color: var(--lightBackPage);
  border-bottom: 1px solid var(--violet);
}

.lightMode main#accueil section#agenda header,
.lightMode main#accueil section#recupedia header,
.lightMode main#accueil section#itemsHome header,
.lightMode section#faq header {
  background: repeating-linear-gradient(90deg, var(--violet), var(--violet) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
  border-right: 1px solid var(--violet);
  border-bottom: 1px solid var(--violet);
}

.lightMode section#agenda header {
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
  border-right: 1px solid var(--violet);
  border-bottom: 1px solid var(--violet);
}

.lightMode aside#items.recentFiles {
  background: var(--lightBackPage);
  color: var(--violet);
}

.lightMode aside#items.recentFiles header {
  background: repeating-linear-gradient(0deg, var(--violet), var(--violet) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 7px);
  border-right: 1px solid var(--violet);
  border-bottom: 1px solid var(--violet);
}

.lightMode main#accueil section#agenda header h2,
.lightMode main#accueil section#itemsHome header h2,
.lightMode main#accueil section#recupedia header h2,
.lightMode section#faq header h2,
.lightMode section#agenda header h2 {
  background: var(--lightBackPage);
  border-right: 1px solid var(--violet);
}

.lightMode main#accueil section#agenda header,
.lightMode main#accueil section#recupedia header {
  border-bottom: 1px solid var(--violet);
}

.lightMode main#accueil section.texte .content .footer h3,
.lightMode main#accueil section#recupedia .introRecupedia .footer h3 {
  background-color: var(--lightBackPage);
  color: var(--violet);
  padding: 1%;
}

.lightMode main#accueil section#recupedia {
  background-color: var(--white);
}

.lightMode main#accueil section#recupedia,
.lightMode main#accueil section#agenda {
  border-bottom: 1px solid var(--violet);
}

.lightMode main#accueil section#agenda {
  color: var(--violet);
  border-left: 1px solid;
  border-right: 1px solid;
}

.lightMode main#accueil section#agenda ul {
  border-right: 1px solid;
}

/* .lightMode main#accueil section#recupedia .introRecupedia {
  border-right: 1px solid var(--violet);
} */
.lightMode main#accueil section#recupedia .introRecupedia .imgRecupedia {
  background-color: var(--orangejuice);
}

.lightMode main#accueil section .introFiche p {
  color: var(--violet);
}

.darkMode section#agenda details summary ul li,
.lightMode section#agenda details summary ul li,
.darkMode section#faq details summary ul li,
.lightMode section#faq details summary ul li {
  background: none;
  border: none;
}

.lightMode section#agenda section.texte .content p del,
.lightMode section#faq section.texte .content p del,
.lightMode main#accueil section.texte .content p del {
  text-decoration-color: var(--orangejuice);
}

.lightMode section#agenda section.texte .lightMode section#faq section.texte {
  background-color: white;
}

.lightMode section#agenda section.texte .content p,
.lightMode section#faq section.texte .content p,
.lightMode main#accueil section.texte .content p {
  text-decoration-color: var(--orangejuice);
  color: var(--violet);
}

.lightMode main#accueil section.texte .content ul.todo li {
  color: var(--violet);
}

.lightMode section#agenda section.texte .content p .lightMode section#faq section.texte .content p {
  background: var(--white);
}

.lightMode details summary.title ul li .describe:before {
  color: var(--orangejuice);
}

.lightMode details summary.title ul li .describe {
  color: var(--violet);
}

.lightMode details summary.part ul li .describe {
  color: var(--violet);
}

.darkMode section#agenda details details[open],
.lightMode section#agenda details details[open],
.darkMode section#faq details details[open],
.lightMode section#faq details details[open] {
  border-top: 1px solid var(--violet);
}

.lightMode section#agenda details details[open] summary.part ul li .describe,
.lightMode section#agenda details details[open] summary.part ul li .describe span,
.lightMode section#faq details details[open] summary.part ul li .describe,
.lightMode section#faq details details[open] summary.part ul li .describe span {
  background: var(--white);
}

.darkMode section#agenda details details[open] summary.part ul li .describe,
.darkMode section#agenda details details[open] summary.part ul li .describe span,
.darkMode section#faq details details[open] summary.part ul li .describe,
.darkMode section#faq details details[open] summary.part ul li .describe span {
  background: var(--violetBis);
}

.lightMode .summary.part {
  border-bottom: solid 1px var(--orangejuice);
}

.lightMode section.texte .content .footer a {
  color: var(--orangejuice);
}

.lightMode details summary.title ul li .describe:before {
  color: var(--orangejuice);
}

.lightMode main#accueil section#agenda ul li .event:hover {
  background: repeating-linear-gradient(-45deg, var(--lightBackPage), var(--lightBackPage) -6px, var(--violet) 1px, var(--violet) 7px);
  color: var(--lightBackPage);
}

.lightMode main#accueil section#agenda ul li .event:hover span:nth-of-type(1),
.lightMode main#accueil section#agenda ul li .event:hover h1 {
  background: var(--violet);
  color: var(--lightBackPage);
}

.lightMode main#accueil section#agenda ul li .event span:nth-of-type(1) {
  border-right: solid 1px var(--violet);
  /* padding-right: 10px; */
}

.lightMode main#accueil section ul li .event span {
  color: var(--violet);
  cursor: pointer;
}

.lightMode section#agenda details[open] .texte,
.lightMode section#faq details[open] .texte {
  background: var(--white);
}

.lightMode section#agenda details[open] .texte,
.darkMode section#agenda details[open] .texte{
  border-bottom: 1px solid var(--violet);
}


.lightMode section#faq .imgPreFaq {
  border-right: solid 1px var(--violet);
}

.lightMode section#agenda details[open] summary.title span,
.lightMode section#faq details[open] summary.title span {
  background-color: var(--lightBackPage);
}

.lightMode section#faq details[open] summary.title {
  background: repeating-linear-gradient(90deg, transparent, transparent 6px, var(--orangejuice) 1px, var(--orangejuice) 7px),
    repeating-linear-gradient(0deg, transparent, transparent 6px, var(--orangejuice) 1px, var(--orangejuice) 7px);
  border-bottom: solid 1px var(--violet);
}

.lightMode section#agenda details[open] summary.title {
  border-bottom: solid 1px var(--violet);
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 5px);
}

.lightMode section#agenda details[open] summary.title ul li .describe{
  background: var(--white);
}

.darkMode section#agenda details[open] summary.title ul li .describe{
  background: var(--violetBis);
}

.lightMode section#agenda details.open[open] summary.part,
.lightMode section#faq details.open[open] summary.part {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 3px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 3px);
}


.lightMode section#faq details[open] summary.title span,
.lightMode section#faq details[open] summary.part span {
  background-color: var(--lightBackPage);
  color: var(--orangejuice);
}

.darkMode section#agenda details[open] summary.title,
.lightMode section#agenda details[open] summary.title{
  border-bottom: 0px;
}

.darkMode section#agenda details[open] summary.title span,
.darkMode section#agenda details[open] summary{
  background-color: var(--violetBis);
}

.darkMode section#agenda details[open] summary.title:hover {
  background-color: var(--violetBis);
}

.lightMode section#agenda details[open] summary.title span,
.lightMode section#agenda details[open] summary{
  background-color: var(--white);
}

.lightMode section#agenda details[open] summary.part span::before,
.lightMode section#faq details[open] summary.part span::before {
  color: var(--violet);
}