/* 1 */
.lightMode .a1 {
  background: repeating-linear-gradient(var(--orangejuice), var(--orangejuice) -6px, var(--white) 1px, var(--white) 7px);
  ;
}

.darkMode .a1 {
  background: repeating-linear-gradient(var(--lightBackPage), var(--lightBackPage) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
  ;
}

.lightMode .a2 {
  background: repeating-linear-gradient(var(--orangejuice), var(--orangejuice) -6px, var(--white) 10px, var(--white) 7px);
  ;
}

.darkMode .a2 {
  background: repeating-linear-gradient(var(--lightBackPage), var(--lightBackPage) -6px, var(--darkMode) 10px, var(--darkMode) 7px);
}

.lightMode .a3 {
  background: repeating-linear-gradient(var(--orangejuice), var(--orangejuice) -6px, var(--white) 100px, var(--white) 70px);
}

.darkMode .a3 {
  background: repeating-linear-gradient(var(--lightBackPage), var(--lightBackPage) -6px, var(--darkMode) 100px, var(--darkMode) 70px);
}

.lightMode .a4 {
  background: repeating-linear-gradient(var(--orangejuice), var(--orangejuice) -6px, var(--white) 200px, var(--white) 70px);
}

.darkMode .a4 {
  background: repeating-linear-gradient(var(--lightBackPage), var(--lightBackPage) -6px, var(--darkMode) 200px, var(--darkMode) 70px);
}

/* 2 */
.lightMode nav ul li.agenda1,
.lightMode .agenda1,
.lightMode .depth-0>li>.gradientLeft.id-01,
.lightMode ul.id-01.depth-1 {
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 1px, var(--lightBackPage) 5px);
}

.darkMode .agenda1,
.darkMode .depth-0>li>.gradientLeft.id-01,
.darkMode ul.id-01.depth-1 {
  background: repeating-linear-gradient(-45deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
}

.lightMode .agenda2,
.lightMode .id-01.depth-1>li>.gradientLeft,
.lightMode ul.id-01.depth-2 {
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -10px, var(--lightBackPage) 3px, var(--lightBackPage) 4px);
}

.darkMode .agenda2,
.darkMode .id-01.depth-1>li>.gradientLeft,
.darkMode ul.id-01.depth-2 {
  background: repeating-linear-gradient(-45deg, var(--violet), var(--violet) -10px, var(--darkMode) 3px, var(--darkMode) 4px);
}

.lightMode .agenda3,
.lightMode .id-01.depth-2>li>.gradientLeft,
.lightMode ul.id-01.depth-3 {
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 7px, var(--lightBackPage) 5px);
}

.darkMode .agenda3,
.darkMode .id-01.depth-2>li>.gradientLeft,
.darkMode ul.id-01.depth-3 {
  background: repeating-linear-gradient(-45deg, var(--violet), var(--violet) -6px, var(--darkMode) 7px, var(--darkMode) 5px);
}

.lightMode .agenda4,
.lightMode .id-01.depth-3>li>.gradientLeft,
.lightMode ul.id-01.depth-4,
.lightMode .id-01.depth-5 {
  background: repeating-linear-gradient(-45deg, var(--orangejuice), var(--orangejuice) -6px, var(--lightBackPage) 7px, var(--lightBackPage) 7px);
}

.darkMode .agenda4,
.darkMode .id-01.depth-3>li>.gradientLeft,
.darkMode ul.id-01.depth-4,
.darkMode .id-01.depth-5 {
  background: repeating-linear-gradient(-45deg, var(--violet), var(--violet) -6px, var(--darkMode) 7px, var(--darkMode) 10px);
}

/* 3 */
.lightMode .b1 {
  background: repeating-linear-gradient(90deg, var(--orangejuice), var(--orangejuice) -6px, var(--white) 1px, var(--white) 7px);
}

.darkMode .b1 {
  background-image: repeating-linear-gradient(90deg, var(--violet), var(--violet) -6px, var(--darkMode) 1px, var(--darkMode) 7px);
  /* ("/home/alice/Images/Capture d’écran du 2021-10-23 21-32-17.png"); */
}

.lightMode .b2 {
  background: repeating-linear-gradient(90deg, var(--orangejuice), var(--orangejuice) -6px, var(--white) 10px, var(--white) 7px);
  ;
}

.darkMode .b2 {
  background: repeating-linear-gradient(90deg, var(--violet), var(--violet) -6px, var(--darkMode) 10px, var(--darkMode) 7px);
  ;
}

.lightMode .b3 {
  background: repeating-linear-gradient(90deg, var(--orangejuice), var(--orangejuice) -6px, var(--white) 100px, var(--white) 70px);
  ;
}

.darkMode .b3 {
  background: repeating-linear-gradient(90deg, var(--violet), var(--violet) -6px, var(--darkMode) 100px, var(--darkMode) 70px);
  ;
}

.lightMode .b4 {
  background: repeating-linear-gradient(90deg, var(--orangejuice), var(--orangejuice) -6px, var(--white) 200px, var(--white) 70px);
  ;
}

.darkMode .b4 {
  background: repeating-linear-gradient(90deg, var(--lightBackPage), var(--lightBackPage) -6px, var(--darkMode) 200px, var(--darkMode) 70px);
  ;
}

/* 4 */
.lightMode .c1 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px,
      var(--orangejuice), var(--orangejuice) 10px, var(--white)10px),
    repeating-linear-gradient(45deg, transparent, transparent 5px,
      var(--orangejuice), var(--orangejuice) -6px, var(--white) 10px, var(--white)10px);
}

.darkMode .c1 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px,
      var(--lightBackPage), var(--lightBackPage) 10px, var(--darkMode)10px),
    repeating-linear-gradient(45deg, transparent, transparent 5px,
      var(--lightBackPage), var(--lightBackPage) -6px, var(--darkMode) 10px, var(--darkMode)10px);
}

.darkMode .c2 {
  background: repeating-linear-gradient(-45deg, transparent, transparent -5px,
      var(--lightBackPage) 10px, var(--darkMode)10px),
    repeating-linear-gradient(45deg, transparent, transparent -5px,
      var(--lightBackPage) 10px, var(--darkMode)10px);
}

.lightMode .c2 {
  background: repeating-linear-gradient(-45deg, transparent, transparent -5px,
      var(--orangejuice) 10px, var(--white)10px),
    repeating-linear-gradient(45deg, transparent, transparent -5px,
      var(--orangejuice) 10px, var(--white)10px);
}

.darkMode .forum1,
.darkMode .id-990 {
  background-image:
    repeating-linear-gradient(45deg, transparent, transparent 2px, var(--violet) 5px, var(--violet) 5px),
    repeating-linear-gradient(90deg, transparent, transparent 10px, var(--violet) 10px, var(--violet) 5px),
    repeating-linear-gradient(-45deg, transparent, transparent 4px, var(--violet) 10px, var(--violet) 5px);
}

nav ul li.forum1,
.lightMode .forum1,
.lightMode .id-990 {
  background-image:
    repeating-linear-gradient(45deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 5px),
    repeating-linear-gradient(90deg, transparent, transparent 10px, var(--orangejuice) 10px, var(--orangejuice) 5px),
    repeating-linear-gradient(-45deg, transparent, transparent 4px, var(--orangejuice) 10px, var(--orangejuice) 5px);
}

/* FAQ */
.darkMode .faq1,
.darkMode .id-02.depth-2>li>.gradientLeft,
.darkMode ul.id-02.depth-3 {
  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 .faq2,
.darkMode .id-02.depth-1>li>.gradientLeft,
.darkMode ul.id-02.depth-2 {
  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 .faq3,
.darkMode .depth-0>li>.gradientLeft.id-02,
.darkMode ul.id-02.depth-1 {
  background: repeating-linear-gradient(90deg, transparent, transparent 1px, var(--violet) 1px, var(--violet) 2px),
    repeating-linear-gradient(0deg, transparent, transparent 1px, var(--violet) 1px, var(--violet) 2px);
}

.lightMode .faq1,
.lightMode .depth-0>li>.gradientLeft.id-02,
.lightMode ul.id-02.depth-1 {
  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 .faq2,
.lightMode .id-02.depth-1>li>.gradientLeft,
.lightMode ul.id-02.depth-2 {
  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 .faq3,
.lightMode .id-02.depth-2>li>.gradientLeft,
.lightMode ul.id-02.depth-3 {
  background: repeating-linear-gradient(90deg, transparent, transparent 1px, var(--orangejuice) 1px, var(--orangejuice) 2px),
    repeating-linear-gradient(0deg, transparent, transparent 1px, var(--orangejuice) 1px, var(--orangejuice) 2px);
}

/*  */
.darkMode .tuto1 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--darkMode) 5px, var(--violet)10px),
    repeating-linear-gradient(45deg, transparent, transparent 1px, var(--darkMode) 5px, var(--violet)10px);
}

.lightMode nav ul li.tuto1,
.lightMode .tuto1 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--lightBackPage) 5px, var(--orangejuice)10px),
    repeating-linear-gradient(45deg, transparent, transparent 1px, var(--lightBackPage) 5px, var(--orangejuice)10px);
}

.darkMode .tuto2 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--darkMode) 3px, var(--violet)6px),
    repeating-linear-gradient(45deg, transparent, transparent 1px, var(--darkMode) 3px, var(--violet)6px);
}

.lightMode .tuto2 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--lightBackPage) 3px, var(--orangejuice)6px),
    repeating-linear-gradient(45deg, transparent, transparent 1px, var(--lightBackPage) 3px, var(--orangejuice)6px);
}

.darkMode .tuto3 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--darkMode) 2px, var(--violet)4px),
    repeating-linear-gradient(45deg, transparent, transparent 1px, var(--darkMode) 2px, var(--violet)4px);
}

.lightMode .tuto3 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--lightBackPage) 2px, var(--orangejuice)4px),
    repeating-linear-gradient(45deg, transparent, transparent 1px, var(--lightBackPage) 2px, var(--orangejuice)4px);
}

.darkMode .tuto4 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--darkMode) 1px, var(--violet)2px),
    repeating-linear-gradient(45deg, transparent, transparent 1px, var(--darkMode) 1px, var(--violet)2px);
}

.lightMode .tuto4 {
  background: repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--lightBackPage) px, var(--orangejuice)2px),
    repeating-linear-gradient(45deg, transparent, transparent 1px, var(--lightBackPage) 1px, var(--orangejuice)2px);
}

/*  */
.darkMode .fdr1,
.darkMode .depth-0>li>.gradientLeft.id-03,
.darkMode ul.id-03.depth-1 {
  background: linear-gradient(45deg, var(--violet) 12%, transparent 0, transparent 88%, var(--violet) 0),
    linear-gradient(135deg, transparent 37%, var(--darkMode) 0, var(--violet) 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, var(--violet) 0, var(--darkMode) 63%, transparent 0), var(--darkMode);
  background-size: 15px 15px;
}

.lightMode nav ul li.fdr1,
.lightMode .fdr1,
.lightMode .depth-0>li>.gradientLeft.id-03,
.lightMode ul.id-03.depth-1 {
  background: linear-gradient(45deg, var(--orangejuice) 12%, transparent 0, transparent 88%, var(--orangejuice) 0),
    linear-gradient(135deg, transparent 37%, var(--lightBackPage) 0, var(--orangejuice) 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, var(--orangejuice) 0, var(--lightBackPage) 63%, transparent 0), var(--lightBackPage);
  background-size: 15px 15px;
}

.darkMode .fdr2,
.darkMode .id-03.depth-1>li>.gradientLeft,
.darkMode ul.id-03.depth-2 {
  background: linear-gradient(45deg, var(--violet) 12%, transparent 0, transparent 88%, var(--violet) 0),
    linear-gradient(135deg, transparent 37%, var(--darkMode) 0, var(--violet) 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, var(--violet) 0, var(--darkMode) 63%, transparent 0), var(--darkMode);
  background-size: 8px 8px;
}

.lightMode .fdr2,
.lightMode .id-03.depth-1>li>.gradientLeft,
.lightMode ul.id-03.depth-2 {
  background: linear-gradient(45deg, var(--orangejuice) 12%, transparent 0, transparent 88%, var(--orangejuice) 0),
    linear-gradient(135deg, transparent 37%, var(--lightBackPage) 0, var(--orangejuice) 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, var(--orangejuice) 0, var(--lightBackPage) 63%, transparent 0), var(--lightBackPage);
  background-size: 8px 8px;
}

.darkMode .fdr3,
.darkMode .id-03.depth-2>li>.gradientLeft,
.darkMode ul.id-03.depth-3 {
  background: linear-gradient(45deg, var(--violet) 12%, transparent 0, transparent 88%, var(--violet) 0),
    linear-gradient(135deg, transparent 37%, var(--darkMode) 0, var(--violet) 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, var(--violet) 0, var(--darkMode) 63%, transparent 0), var(--darkMode);
  background-size: 5px 5px;
}

.lightMode .fdr3,
.lightMode .id-03.depth-2>li>.gradientLeft,
.lightMode ul.id-03.depth-3 {
  background: linear-gradient(45deg, var(--orangejuice) 12%, transparent 0, transparent 88%, var(--orangejuice) 0),
    linear-gradient(135deg, transparent 37%, var(--lightBackPage) 0, var(--orangejuice) 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, var(--orangejuice) 0, var(--lightBackPage) 63%, transparent 0), var(--lightBackPage);
  background-size: 5px 5px;
}

.darkMode .fdr4,
.darkMode .id-03.depth-3>li>.gradientLeft,
.darkMode ul.id-03.depth-4,
.darkMode .id-03.depth-5 {
  background: linear-gradient(45deg, var(--violet) 12%, transparent 0, transparent 88%, var(--violet) 0),
    linear-gradient(135deg, transparent 37%, var(--darkMode) 0, var(--violet) 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, var(--violet) 0, var(--darkMode) 63%, transparent 0), var(--darkMode);
  background-size: 2px 2px;
}

.lightMode .fdr4,
.lightMode .id-03.depth-3>li>.gradientLeft,
.lightMode ul.id-03.depth-4,
.lightMode .id-03.depth-5 {
  background: linear-gradient(45deg, var(--orangejuice) 12%, transparent 0, transparent 88%, var(--orangejuice) 0),
    linear-gradient(135deg, transparent 37%, var(--lightBackPage) 0, var(--orangejuice) 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, var(--orangejuice) 0, var(--lightBackPage) 63%, transparent 0), var(--lightBackPage);
  background-size: 2px 2px;
}

/*  */
.darkMode .ressources1,
.darkMode .depth-0>li>.gradientLeft.id-04,
.darkMode ul.id-04.depth-1 {
  background: linear-gradient(45deg, var(--violet) 12%, transparent 0, transparent 88%, var(--violet) 0),
    linear-gradient(135deg, transparent 57%, var(--darkMode) 0, var(--violet) 63%, transparent 0),
    linear-gradient(45deg, transparent 57%, var(--violet) 0, var(--darkMode) 63%, transparent 0), var(--darkMode);
  background-size: 20px 20px;
}

.lightMode nav ul li.ressources,
.lightMode .ressources1,
.lightMode .depth-0>li>.gradientLeft.id-04,
.lightMode ul.id-04.depth-1 {
  background: linear-gradient(45deg, var(--orangejuice) 12%, transparent 0, transparent 88%, var(--orangejuice) 0),
    linear-gradient(135deg, transparent 57%, var(--lightBackPage) 0, var(--orangejuice) 63%, transparent 0),
    linear-gradient(45deg, transparent 57%, var(--orangejuice) 0, var(--lightBackPage) 63%, transparent 0), var(--lightBackPage);
  background-size: 20px 20px;
}

.darkMode .ressources2,
.darkMode .id-04.depth-1>li>.gradientLeft,
.darkMode ul.id-04.depth-2 {
  background: linear-gradient(45deg, var(--violet) 12%, transparent 0, transparent 88%, var(--violet) 0),
    linear-gradient(135deg, transparent 50%, var(--darkMode) 0, var(--violet) 63%, transparent 0),
    linear-gradient(45deg, transparent 50%, var(--violet) 0, var(--darkMode) 63%, transparent 0), var(--darkMode);
  background-size: 15px 15px;
}

.lightMode .ressources2,
.lightMode .id-04.depth-1>li>.gradientLeft,
.lightMode ul.id-04.depth-2 {
  background: linear-gradient(45deg, var(--orangejuice) 12%, transparent 0, transparent 88%, var(--orangejuice) 0),
    linear-gradient(135deg, transparent 50%, var(--lightBackPage) 0, var(--orangejuice) 63%, transparent 0),
    linear-gradient(45deg, transparent 50%, var(--orangejuice) 0, var(--lightBackPage) 63%, transparent 0), var(--lightBackPage);
  background-size: 15px 15px;
}

.darkMode .ressources3,
.darkMode .id-04.depth-2>li>.gradientLeft,
.darkMode ul.id-04.depth-3 {
  background: linear-gradient(45deg, var(--violet) 12%, transparent 0, transparent 88%, var(--violet) 0),
    linear-gradient(135deg, transparent 47%, var(--darkMode) 0, var(--violet) 63%, transparent 0),
    linear-gradient(45deg, transparent 47%, var(--violet) 0, var(--darkMode) 63%, transparent 0), var(--darkMode);
  background-size: 10px 10px;
}

.lightMode .ressources3,
.lightMode .id-04.depth-2>li>.gradientLeft,
.lightMode ul.id-04.depth-3 {
  background: linear-gradient(45deg, var(--orangejuice) 12%, transparent 0, transparent 88%, var(--orangejuice) 0),
    linear-gradient(135deg, transparent 47%, var(--lightBackPage) 0, var(--orangejuice) 63%, transparent 0),
    linear-gradient(45deg, transparent 47%, var(--orangejuice) 0, var(--lightBackPage) 63%, transparent 0), var(--lightBackPage);
  background-size: 10px 10px;
}

.darkMode .ressources4,
.darkMode .id-04.depth-3>li>.gradientLeft,
.darkMode ul.id-04.depth-4,
.darkMode .id-04.depth-5 {
  background: linear-gradient(45deg, var(--violet) 12%, transparent 0, transparent 88%, var(--violet) 0),
    linear-gradient(135deg, transparent 47%, var(--darkMode) 0, var(--violet) 63%, transparent 0),
    linear-gradient(45deg, transparent 47%, var(--violet) 0, var(--darkMode) 63%, transparent 0), var(--darkMode);
  background-size: 5px 5px;
}

.lightMode .ressources4,
.lightMode .id-04.depth-3>li>.gradientLeft,
.lightMode ul.id-04.depth-4,
.lightMode .id-04.depth-5 {
  background: linear-gradient(45deg, var(--orangejuice) 12%, transparent 0, transparent 88%, var(--orangejuice) 0),
    linear-gradient(135deg, transparent 47%, var(--lightBackPage) 0, var(--orangejuice) 63%, transparent 0),
    linear-gradient(45deg, transparent 47%, var(--orangejuice) 0, var(--lightBackPage) 63%, transparent 0), var(--lightBackPage);
  background-size: 5px 5px;
}

/*  */
.darkMode .temoignages1,
.darkMode .id-04,
.darkMode .depth-0>li>.gradientLeft.id-05,
.darkMode ul.id-05.depth-1 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 75%, var(--violet) 75%, var(--violet)),
    repeating-linear-gradient(45deg, var(--violet) 35%, var(--darkMode) 25%, var(--darkMode) 75%, var(--violet) 75%, var(--violet));
  background-position: 0 0, 6px 6px;
  background-size: 6px 6px;
}

.lightMode .temoignages1,
.lightMode .id-04,
.lightMode .depth-0>li>.gradientLeft.id-05,
.lightMode ul.id-05.depth-1 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 75%, var(--lightBackPage) 75%, var(--lightBackPage)),
    repeating-linear-gradient(45deg, var(--lightBackPage) 35%, var(--orangejuice) 25%, var(--orangejuice) 75%, var(--lightBackPage) 75%, var(--lightBackPage));
  background-position: 0 0, 6px 6px;
  background-size: 6px 6px;
}

.darkMode .temoignages2,
.darkMode .id-04.depth-1,
.darkMode .id-05.depth-1>li>.gradientLeft,
.darkMode ul.id-05.depth-2 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 75%, var(--violet) 75%, var(--violet)),
    repeating-linear-gradient(45deg, var(--violet) 25%, var(--darkMode) 25%, var(--darkMode) 75%, var(--violet) 75%, var(--violet));
  background-position: 0 0, 10px 10px;
  background-size: 4px 4px;
}

.lightMode .temoignages2,
.lightMode .id-04.depth-1,
.lightMode .id-05.depth-1>li>.gradientLeft,
.lightMode ul.id-05.depth-2 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 75%, var(--lightBackPage) 75%, var(--lightBackPage)),
    repeating-linear-gradient(45deg, var(--lightBackPage) 35%, var(--orangejuice) 25%, var(--orangejuice) 75%, var(--lightBackPage) 75%, var(--lightBackPage));
  background-position: 0 0, 4px 4px;
  background-size: 4px 4px;
}

.darkMode .temoignages3,
.darkMode .id-04.depth-2 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 75%, var(--violet) 75%, var(--violet)),
    repeating-linear-gradient(45deg, var(--violet) 35%, var(--darkMode) 25%, var(--darkMode) 75%, var(--violet) 75%, var(--violet));
  background-position: 0 0, 2px 2px;
  background-size: 4px 4px;
}

.lightMode .temoignages3,
.lightMode .id-04.depth-2 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 75%, var(--lightBackPage) 75%, var(--lightBackPage)),
    repeating-linear-gradient(45deg, var(--lightBackPage) 35%, var(--orangejuice) 25%, var(--orangejuice) 75%, var(--lightBackPage) 75%, var(--lightBackPage));
  background-position: 0 0, 2px 2px;
  background-size: 2px 2px;
}

.darkMode .temoignages4,
.darkMode .id-04.depth-3,
.darkMode .id-04.depth-4,
.darkMode .id-04.depth-5 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 75%, var(--violet) 75%, var(--violet)),
    repeating-linear-gradient(45deg, var(--violet) 25%, var(--darkMode) 25%, var(--darkMode) 75%, var(--violet) 75%, var(--violet));
  background-position: 0 0, 10px 10px;
  background-size: 50px 50px;
}

.lightMode .temoignages4,
.lightMode .id-04.depth-3,
.lightMode .id-04.depth-4,
.lightMode .id-04.depth-5 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 75%, var(--orangejuice) 75%, var(--orangejuice)),
    repeating-linear-gradient(45deg, var(--orangejuice) 25%, var(--lightBackPage) 25%, var(--lightBackPage) 75%, var(--orangejuice) 75%, var(--orangejuice));
  background-position: 0 0, 10px 10px;
  background-size: 50px 50px;
}

/*  */
.darkMode .charte1,
.darkMode .depth-0>li>.gradientLeft.id-06,
.darkMode ul.id-06.depth-1 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5%, transparent 75%, var(--violet) 75%, var(--violet)),
    repeating-linear-gradient(45deg, var(--violet) 5%, var(--darkMode) 25%, var(--darkMode) 75%, var(--violet) 75%, var(--violet));
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}

.lightMode nav ul li.charte1,
.lightMode .charte1,
.lightMode .depth-0>li>.gradientLeft.id-06,
.lightMode ul.id-06.depth-1 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5%, transparent 75%, var(--orangejuice) 75%, var(--orangejuice)),
    repeating-linear-gradient(45deg, var(--orangejuice) 5%, var(--lightBackPage) 25%, var(--lightBackPage) 75%, var(--orangejuice) 75%, var(--orangejuice));
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}

.darkMode .charte2,
.darkMode .id-06.depth-1>li>.gradientLeft,
.darkMode ul.id-06.depth-2 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5%, transparent 45%, var(--violet) 75%, var(--violet)),
    repeating-linear-gradient(45deg, var(--violet) 5%, var(--darkMode) 25%, var(--darkMode) 45%, var(--violet) 75%, var(--violet));
  background-position: 0 0, 7px 7px;
  background-size: 14px 14px;
}

.lightMode .charte2,
.lightMode .id-06.depth-1>li>.gradientLeft,
.lightMode ul.id-06.depth-2 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5%, transparent 45%, var(--orangejuice) 75%, var(--orangejuice)),
    repeating-linear-gradient(45deg, var(--orangejuice) 5%, var(--lightBackPage) 25%, var(--lightBackPage) 45%, var(--orangejuice) 75%, var(--orangejuice));
  background-position: 0 0, 7px 7px;
  background-size: 14px 14px;
}

.darkMode .charte3,
.darkMode .id-06.depth-2>li>.gradientLeft,
.darkMode ul.id-06.depth-3 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5%, transparent 35%, var(--violet) 75%, var(--violet)),
    repeating-linear-gradient(45deg, var(--violet) 5%, var(--darkMode) 25%, var(--darkMode) 35%, var(--violet) 75%, var(--violet));
  background-position: 0 0, 5px 5px;
  background-size: 10px 10px;
}

.lightMode .charte3,
.lightMode .id-06.depth-2>li>.gradientLeft,
.lightMode ul.id-06.depth-3 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5%, transparent 35%, var(--orangejuice) 75%, var(--orangejuice)),
    repeating-linear-gradient(45deg, var(--orangejuice) 5%, var(--lightBackPage) 25%, var(--lightBackPage) 35%, var(--orangejuice) 75%, var(--orangejuice));
  background-position: 0 0, 5px 5px;
  background-size: 10px 10px;
}

.darkMode .charte4,
.darkMode .id-06.depth-3>li>.gradientLeft,
.darkMode ul.id-06.depth-4,
.darkMode .id-06.depth-5 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 5%, var(--violet) 75%, var(--violet)),
    repeating-linear-gradient(45deg, var(--violet) 25%, var(--darkMode) 25%, var(--darkMode) 5%, var(--violet) 75%, var(--violet));
  background-position: 0 0, 4px 4px;
  background-size: 8px 8px;
}

.lightMode .charte4,
.lightMode .id-06.depth-3>li>.gradientLeft,
.lightMode ul.id-06.depth-4,
.lightMode .id-06.depth-5 {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 25%, transparent 5%, var(--orangejuice) 75%, var(--orangejuice)),
    repeating-linear-gradient(45deg, var(--orangejuice) 25%, var(--lightBackPage) 25%, var(--lightBackPage) 5%, var(--orangejuice) 75%, var(--orangejuice));
  background-position: 0 0, 4px 4px;
  background-size: 8px 8px;
}

/* Outils */
.lightMode nav ul li.outils,
.lightMode .outils1,
.lightMode .depth-0>li>.gradientLeft.id-07,
.lightMode ul.id-07.depth-1 {
  background: repeating-linear-gradient(45deg, transparent, transparent 6px, var(--orangejuice) 1px, var(--orangejuice) 7px), repeating-linear-gradient(-45deg, transparent, transparent 6px, var(--orangejuice) 1px, var(--orangejuice) 7px);
}

.darkMode .outils1,
.darkMode .depth-0>li>.gradientLeft.id-07,
.darkMode ul.id-07.depth-1 {
  background: repeating-linear-gradient(45deg, transparent, transparent 6px, var(--violet) 1px, var(--violet) 7px), repeating-linear-gradient(-45deg, transparent, transparent 6px, var(--violet) 1px, var(--violet) 7px);
}

.lightMode nav ul li.outils2,
.lightMode .outils2,
.lightMode .id-07.depth-1>li>.gradientLeft,
.lightMode ul.id-07.depth-2 {
  background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--orangejuice) 1px, var(--orangejuice) 7px), repeating-linear-gradient(-45deg, transparent, transparent 5px, var(--orangejuice) 1px, var(--orangejuice) 7px);
}

.darkMode .outils2,
.darkMode .id-07.depth-1>li>.gradientLeft,
.darkMode ul.id-07.depth-2 {
  background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 7px), repeating-linear-gradient(-45deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 7px);
}

.lightMode nav ul li.outils3,
.lightMode .id-07.depth-2>li>.gradientLeft,
.lightMode ul.id-07.depth-3 {
  background: repeating-linear-gradient(45deg, transparent, transparent 4px, var(--orangejuice) 1px, var(--orangejuice) 7px), repeating-linear-gradient(-45deg, transparent, transparent 4px, var(--orangejuice) 1px, var(--orangejuice) 7px);
}

.darkMode .outils3,
.darkMode .id-07.depth-2>li>.gradientLeft,
.darkMode ul.id-07.depth-3 {
  background: repeating-linear-gradient(45deg, transparent, transparent 4px, var(--violet) 1px, var(--violet) 7px), repeating-linear-gradient(-45deg, transparent, transparent 4px, var(--violet) 1px, var(--violet) 7px);
}

.lightMode nav ul li.outils4,
.lightMode .outils4,
.lightMode .id-07.depth-3>li>.gradientLeft,
.lightMode ul.id-07.depth-4,
.lightMode .id-07.depth-5 {
  background: repeating-linear-gradient(45deg, transparent, transparent 3px, var(--orangejuice) 1px, var(--orangejuice) 7px), repeating-linear-gradient(-45deg, transparent, transparent 3px, var(--orangejuice) 1px, var(--orangejuice) 7px);
}

.darkMode .outils4,
.darkMode .id-07.depth-3>li>.gradientLeft,
.darkMode ul.id-07.depth-4,
.darkMode .id-07.depth-5 {
  background: repeating-linear-gradient(45deg, transparent, transparent 3px, var(--violet) 1px, var(--violet) 7px), repeating-linear-gradient(-45deg, transparent, transparent 3px, var(--violet) 1px, var(--violet) 7px);
}

/* GALERIE PHOTO */
.darkMode .galeriephoto1,
.darkMode .depth-0>li>.gradientLeft.id-9,
.darkMode ul.id-9.depth-1 {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 4px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 4px);
}

.lightMode .galeriephoto1,
.lightMode .depth-0>li>.gradientLeft.id-9,
.lightMode ul.id-9.depth-1 {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 4px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 4px);
}

.darkMode .galeriephoto2,
.darkMode .id-9.depth-1>li>.gradientLeft,
.darkMode ul.id-9.depth-2 {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 7px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 7px);
}

.lightMode .galeriephoto2,
.lightMode .id-9.depth-1>li>.gradientLeft,
.lightMode ul.id-9.depth-2 {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 7px),
    repeating-linear-gradient(0deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 7px);
}

.darkMode .galeriephoto3,
.darkMode .id-9.depth-2>li>.gradientLeft,
.darkMode ul.id-9.depth-3 {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 20px),
    repeating-linear-gradient(0deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 20px);
}

.lightMode .galeriephoto3,
.lightMode .id-9.depth-2>li>.gradientLeft,
.lightMode ul.id-9.depth-3 {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 20px),
    repeating-linear-gradient(0deg, transparent, transparent 5px, var(--orangejuice) 1px, var(--orangejuice) 20px);
}

.darkMode .galeriephoto4,
.darkMode .id-9.depth-3>li>.gradientLeft,
.darkMode ul.id-9.depth-4,
.darkMode .id-9.depth-5 {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--violet) 1px, var(--violet) 30px),
    repeating-linear-gradient(0deg, transparent, transparent 5px, var(--violet) 1px, var(--violet) 30px);
}

.lightMode .galeriephoto1,
.lightMode .id-9.depth-3>li>.gradientLeft,
.lightMode ul.id-9.depth-4,
.lightMode .id-9.depth-5 {
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, var(--orangejuice) 1px, var(--orangejuice) 30px),
    repeating-linear-gradient(0deg, transparent, transparent 5px, var(--orangejuice) 1px, var(--orangejuice) 30px);
}

.lightMode .tag1 {
  background-image: linear-gradient(var(--orangejuice) 1px, transparent 1px), linear-gradient(to right, var(--orangejuice) 1px, var(--lightBackPage) 1px);
  background-size: 10px 10px;
}

.lightMode .tag2 {
  background: linear-gradient(45deg, var(--orangejuice) 12%, transparent 0, transparent 88%, var(--orangejuice) 0), linear-gradient(135deg, transparent 37%, var(--lightBackPage) 0, var(--lightBackPage) 63%, transparent 0), linear-gradient(45deg, transparent 37%, var(--orangejuice) 0, var(--orangejuice) 63%, transparent 0) var(--lightBackPage);
  background-size: 10px 10px;
}

.lightMode .tag3 {
  background: repeating-linear-gradient(90deg, transparent, transparent 5px, var(--orangejuice) 1px, var(--orangejuice) 12px), repeating-linear-gradient(0deg, transparent, transparent 5px, var(--lightBackPage) 10px, var(--lightBackPage) 10px);
}

.lightMode .tag4 {
  background-image: linear-gradient(var(--orangejuice) 2px, transparent 2px), linear-gradient(90deg, var(--orangejuice) 2px, transparent 2px), linear-gradient(var(--orangejuice) 1px, transparent 1px), linear-gradient(90deg, var(--orangejuice) 1px, var(--lightBackPage) 1px);
  background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
  opacity: 0.5;
}