/* -------------------------------------------------------------------------- */
/* New classes
  f = [f]iolet ; b = bleu ; v = vert ;  o = orange ; r = rouge ; j = jaune ;
  m = marron ;   g = gris ; l = light ; d = dark ;
  fb- = background ; fc- = color ; fd- = border */
:root {
  --f-primary: #725794;
  --f-secondary: #4a5568;
  --f-dark: #2d3748;
  --f-light: #edf2f7;
  --f-info: #2c6a82;
  --f-success: #6c7e31;
  --f-warning: #cc4e13;
  --f-danger: #c42719;
  --f-muted: #545454;
  --f-violet: #725794;
  --f-orange: #cc4e13;
  --f-bleu: #2c6a82;
  --f-rouge: #c42719;
  --f-vert: #6c7e31;
  --f-jaune: #c47123;
  --f-marron: #68524a;
  --f-body-bg: #e2e8f0;
  --f-g1: #f7fafc;
  --f-g2: #edf2f7;
  --f-g3: #e2e8f0;
  --f-g4: #cbd5e0;
  --f-g5: #a0aec0;
  --f-g6: #677890;
  --f-g7: #4a5568;
  --f-g8: #2d3748;
  --f-g9: #1a202c;
  --f-m1: #fcf7f7;
  --f-m2: #f7eeed;
  --f-m3: #f0e5e2;
  --f-m4: #e0cecb;
  --f-m5: #c0a6a0;
  --f-m6: #916f65;
  --f-m7: #68524a;
  --f-m8: #48342d;
  --f-m9: #2c1f1a;
  --f-f1: #fbf5ff;
  --f-f2: #edd8fd;
  --f-f3: #dcbcfa;
  --f-f4: #c194f4;
  --f-f5: #a87ede;
  --f-f6: #977ac2;
  --f-f7: #725794;
  --f-f8: #50386e;
  --f-f9: #3d2957;
  --f-b1: #ebfdff;
  --f-b2: #b4e8fa;
  --f-b3: #7ddbf0;
  --f-b4: #42c4e1;
  --f-b5: #31acce;
  --f-b6: #2b8fb0;
  --f-b7: #2c6a82;
  --f-b8: #2a5265;
  --f-b9: #094157;
  --f-v1: #fdfff0;
  --f-v2: #dde69a;
  --f-v3: #c5d368;
  --f-v4: #a8bb48;
  --f-v5: #889e3a;
  --f-v6: #6c7e31;
  --f-v7: #556727;
  --f-v8: #465422;
  --f-v9: #364219;
  --f-o1: #fff9f0;
  --f-o2: #fee7c8;
  --f-o3: #fbc98d;
  --f-o4: #f6a055;
  --f-o5: #fc8e3a;
  --f-o6: #dd6418;
  --f-o7: #cc4e13;
  --f-o8: #9c3c1c;
  --f-o9: #7b2f1a;
  --f-r1: #fff6f5;
  --f-r2: #fedcd7;
  --f-r3: #febbb2;
  --f-r4: #fc8f81;
  --f-r5: #f57665;
  --f-r6: #e65740;
  --f-r7: #d93e25;
  --f-r8: #c42719;
  --f-r9: #9c221c;
  --f-j1: #fffbf0;
  --f-j2: #fff2c2;
  --f-j3: #ffdd82;
  --f-j4: #f2b43f;
  --f-j5: #e09731;
  --f-j6: #d4820c;
  --f-j7: #c47123;
  --f-j8: #a3551d;
  --f-j9: #853c17;
  --f-d1: #ffffff;
  --f-d2: #f1f1f1;
  --f-d3: #e7e7e7;
  --f-d4: #d3d3d3;
  --f-d5: #acacac;
  --f-d6: #767676;
  --f-d7: #545454;
  --f-d8: #363636;
  --f-d9: #1f1f1f;
}

.violet {
  color: var(--f-violet);
}

.orange {
  color: var(--f-orange);
}

.bleu {
  color: var(--f-bleu);
}

.rouge {
  color: var(--f-rouge);
}

.vert {
  color: var(--f-vert);
}

.jaune {
  color: var(--f-jaune);
}

.fc-g1 {
  color: #f7fafc;
}

.fb-g1 {
  background-color: #f7fafc;
}

.fd-g1 {
  border-color: #f7fafc !important;
}

.fc-g2 {
  color: #edf2f7;
}

.fb-g2 {
  background-color: #edf2f7;
}

.fd-g2 {
  border-color: #edf2f7 !important;
}

.fc-g3 {
  color: #e2e8f0;
}

.fb-g3 {
  background-color: #e2e8f0;
}

.fd-g3 {
  border-color: #e2e8f0 !important;
}

.fc-g4 {
  color: #cbd5e0;
}

.fb-g4 {
  background-color: #cbd5e0;
}

.fd-g4 {
  border-color: #cbd5e0 !important;
}

.fc-g5 {
  color: #a0aec0;
}

.fb-g5 {
  background-color: #a0aec0;
}

.fd-g5 {
  border-color: #a0aec0 !important;
}

.fc-g6 {
  color: #677890;
}

.fb-g6 {
  background-color: #677890;
}

.fd-g6 {
  border-color: #677890 !important;
}

.fc-g7 {
  color: #4a5568;
}

.fb-g7 {
  background-color: #4a5568;
}

.fd-g7 {
  border-color: #4a5568 !important;
}

.fc-g8 {
  color: #2d3748;
}

.fb-g8 {
  background-color: #2d3748;
}

.fd-g8 {
  border-color: #2d3748 !important;
}

.fc-g9 {
  color: #1a202c;
}

.fb-g9 {
  background-color: #1a202c;
}

.fd-g9 {
  border-color: #1a202c !important;
}

.fc-m1 {
  color: #fcf7f7;
}

.fb-m1 {
  background-color: #fcf7f7;
}

.fd-m1 {
  border-color: #fcf7f7 !important;
}

.fc-m2 {
  color: #f7eeed;
}

.fb-m2 {
  background-color: #f7eeed;
}

.fd-m2 {
  border-color: #f7eeed !important;
}

.fc-m3 {
  color: #f0e5e2;
}

.fb-m3 {
  background-color: #f0e5e2;
}

.fd-m3 {
  border-color: #f0e5e2 !important;
}

.fc-m4 {
  color: #e0cecb;
}

.fb-m4 {
  background-color: #e0cecb;
}

.fd-m4 {
  border-color: #e0cecb !important;
}

.fc-m5 {
  color: #c0a6a0;
}

.fb-m5 {
  background-color: #c0a6a0;
}

.fd-m5 {
  border-color: #c0a6a0 !important;
}

.fc-m6 {
  color: #916f65;
}

.fb-m6 {
  background-color: #916f65;
}

.fd-m6 {
  border-color: #916f65 !important;
}

.fc-m7 {
  color: #68524a;
}

.fb-m7 {
  background-color: #68524a;
}

.fd-m7 {
  border-color: #68524a !important;
}

.fc-m8 {
  color: #48342d;
}

.fb-m8 {
  background-color: #48342d;
}

.fd-m8 {
  border-color: #48342d !important;
}

.fc-m9 {
  color: #2c1f1a;
}

.fb-m9 {
  background-color: #2c1f1a;
}

.fd-m9 {
  border-color: #2c1f1a !important;
}

.fc-f1 {
  color: #fbf5ff;
}

.fb-f1 {
  background-color: #fbf5ff;
}

.fd-f1 {
  border-color: #fbf5ff !important;
}

.fc-f2 {
  color: #edd8fd;
}

.fb-f2 {
  background-color: #edd8fd;
}

.fd-f2 {
  border-color: #edd8fd !important;
}

.fc-f3 {
  color: #dcbcfa;
}

.fb-f3 {
  background-color: #dcbcfa;
}

.fd-f3 {
  border-color: #dcbcfa !important;
}

.fc-f4 {
  color: #c194f4;
}

.fb-f4 {
  background-color: #c194f4;
}

.fd-f4 {
  border-color: #c194f4 !important;
}

.fc-f5 {
  color: #a87ede;
}

.fb-f5 {
  background-color: #a87ede;
}

.fd-f5 {
  border-color: #a87ede !important;
}

.fc-f6 {
  color: #977ac2;
}

.fb-f6 {
  background-color: #977ac2;
}

.fd-f6 {
  border-color: #977ac2 !important;
}

.fc-f7 {
  color: #725794;
}

.fb-f7 {
  background-color: #725794;
}

.fd-f7 {
  border-color: #725794 !important;
}

.fc-f8 {
  color: #50386e;
}

.fb-f8 {
  background-color: #50386e;
}

.fd-f8 {
  border-color: #50386e !important;
}

.fc-f9 {
  color: #3d2957;
}

.fb-f9 {
  background-color: #3d2957;
}

.fd-f9 {
  border-color: #3d2957 !important;
}

.fc-b1 {
  color: #ebfdff;
}

.fb-b1 {
  background-color: #ebfdff;
}

.fd-b1 {
  border-color: #ebfdff !important;
}

.fc-b2 {
  color: #b4e8fa;
}

.fb-b2 {
  background-color: #b4e8fa;
}

.fd-b2 {
  border-color: #b4e8fa !important;
}

.fc-b3 {
  color: #7ddbf0;
}

.fb-b3 {
  background-color: #7ddbf0;
}

.fd-b3 {
  border-color: #7ddbf0 !important;
}

.fc-b4 {
  color: #42c4e1;
}

.fb-b4 {
  background-color: #42c4e1;
}

.fd-b4 {
  border-color: #42c4e1 !important;
}

.fc-b5 {
  color: #31acce;
}

.fb-b5 {
  background-color: #31acce;
}

.fd-b5 {
  border-color: #31acce !important;
}

.fc-b6 {
  color: #2b8fb0;
}

.fb-b6 {
  background-color: #2b8fb0;
}

.fd-b6 {
  border-color: #2b8fb0 !important;
}

.fc-b7 {
  color: #2c6a82;
}

.fb-b7 {
  background-color: #2c6a82;
}

.fd-b7 {
  border-color: #2c6a82 !important;
}

.fc-b8 {
  color: #2a5265;
}

.fb-b8 {
  background-color: #2a5265;
}

.fd-b8 {
  border-color: #2a5265 !important;
}

.fc-b9 {
  color: #094157;
}

.fb-b9 {
  background-color: #094157;
}

.fd-b9 {
  border-color: #094157 !important;
}

.fc-v1 {
  color: #fdfff0;
}

.fb-v1 {
  background-color: #fdfff0;
}

.fd-v1 {
  border-color: #fdfff0 !important;
}

.fc-v2 {
  color: #dde69a;
}

.fb-v2 {
  background-color: #dde69a;
}

.fd-v2 {
  border-color: #dde69a !important;
}

.fc-v3 {
  color: #c5d368;
}

.fb-v3 {
  background-color: #c5d368;
}

.fd-v3 {
  border-color: #c5d368 !important;
}

.fc-v4 {
  color: #a8bb48;
}

.fb-v4 {
  background-color: #a8bb48;
}

.fd-v4 {
  border-color: #a8bb48 !important;
}

.fc-v5 {
  color: #889e3a;
}

.fb-v5 {
  background-color: #889e3a;
}

.fd-v5 {
  border-color: #889e3a !important;
}

.fc-v6 {
  color: #6c7e31;
}

.fb-v6 {
  background-color: #6c7e31;
}

.fd-v6 {
  border-color: #6c7e31 !important;
}

.fc-v7 {
  color: #556727;
}

.fb-v7 {
  background-color: #556727;
}

.fd-v7 {
  border-color: #556727 !important;
}

.fc-v8 {
  color: #465422;
}

.fb-v8 {
  background-color: #465422;
}

.fd-v8 {
  border-color: #465422 !important;
}

.fc-v9 {
  color: #364219;
}

.fb-v9 {
  background-color: #364219;
}

.fd-v9 {
  border-color: #364219 !important;
}

.fc-o1 {
  color: #fff9f0;
}

.fb-o1 {
  background-color: #fff9f0;
}

.fd-o1 {
  border-color: #fff9f0 !important;
}

.fc-o2 {
  color: #fee7c8;
}

.fb-o2 {
  background-color: #fee7c8;
}

.fd-o2 {
  border-color: #fee7c8 !important;
}

.fc-o3 {
  color: #fbc98d;
}

.fb-o3 {
  background-color: #fbc98d;
}

.fd-o3 {
  border-color: #fbc98d !important;
}

.fc-o4 {
  color: #f6a055;
}

.fb-o4 {
  background-color: #f6a055;
}

.fd-o4 {
  border-color: #f6a055 !important;
}

.fc-o5 {
  color: #fc8e3a;
}

.fb-o5 {
  background-color: #fc8e3a;
}

.fd-o5 {
  border-color: #fc8e3a !important;
}

.fc-o6 {
  color: #dd6418;
}

.fb-o6 {
  background-color: #dd6418;
}

.fd-o6 {
  border-color: #dd6418 !important;
}

.fc-o7 {
  color: #cc4e13;
}

.fb-o7 {
  background-color: #cc4e13;
}

.fd-o7 {
  border-color: #cc4e13 !important;
}

.fc-o8 {
  color: #9c3c1c;
}

.fb-o8 {
  background-color: #9c3c1c;
}

.fd-o8 {
  border-color: #9c3c1c !important;
}

.fc-o9 {
  color: #7b2f1a;
}

.fb-o9 {
  background-color: #7b2f1a;
}

.fd-o9 {
  border-color: #7b2f1a !important;
}

.fc-r1 {
  color: #fff6f5;
}

.fb-r1 {
  background-color: #fff6f5;
}

.fd-r1 {
  border-color: #fff6f5 !important;
}

.fc-r2 {
  color: #fedcd7;
}

.fb-r2 {
  background-color: #fedcd7;
}

.fd-r2 {
  border-color: #fedcd7 !important;
}

.fc-r3 {
  color: #febbb2;
}

.fb-r3 {
  background-color: #febbb2;
}

.fd-r3 {
  border-color: #febbb2 !important;
}

.fc-r4 {
  color: #fc8f81;
}

.fb-r4 {
  background-color: #fc8f81;
}

.fd-r4 {
  border-color: #fc8f81 !important;
}

.fc-r5 {
  color: #f57665;
}

.fb-r5 {
  background-color: #f57665;
}

.fd-r5 {
  border-color: #f57665 !important;
}

.fc-r6 {
  color: #e65740;
}

.fb-r6 {
  background-color: #e65740;
}

.fd-r6 {
  border-color: #e65740 !important;
}

.fc-r7 {
  color: #d93e25;
}

.fb-r7 {
  background-color: #d93e25;
}

.fd-r7 {
  border-color: #d93e25 !important;
}

.fc-r8 {
  color: #c42719;
}

.fb-r8 {
  background-color: #c42719;
}

.fd-r8 {
  border-color: #c42719 !important;
}

.fc-r9 {
  color: #9c221c;
}

.fb-r9 {
  background-color: #9c221c;
}

.fd-r9 {
  border-color: #9c221c !important;
}

.fc-j1 {
  color: #fffbf0;
}

.fb-j1 {
  background-color: #fffbf0;
}

.fd-j1 {
  border-color: #fffbf0 !important;
}

.fc-j2 {
  color: #fff2c2;
}

.fb-j2 {
  background-color: #fff2c2;
}

.fd-j2 {
  border-color: #fff2c2 !important;
}

.fc-j3 {
  color: #ffdd82;
}

.fb-j3 {
  background-color: #ffdd82;
}

.fd-j3 {
  border-color: #ffdd82 !important;
}

.fc-j4 {
  color: #f2b43f;
}

.fb-j4 {
  background-color: #f2b43f;
}

.fd-j4 {
  border-color: #f2b43f !important;
}

.fc-j5 {
  color: #e09731;
}

.fb-j5 {
  background-color: #e09731;
}

.fd-j5 {
  border-color: #e09731 !important;
}

.fc-j6 {
  color: #d4820c;
}

.fb-j6 {
  background-color: #d4820c;
}

.fd-j6 {
  border-color: #d4820c !important;
}

.fc-j7 {
  color: #c47123;
}

.fb-j7 {
  background-color: #c47123;
}

.fd-j7 {
  border-color: #c47123 !important;
}

.fc-j8 {
  color: #a3551d;
}

.fb-j8 {
  background-color: #a3551d;
}

.fd-j8 {
  border-color: #a3551d !important;
}

.fc-j9 {
  color: #853c17;
}

.fb-j9 {
  background-color: #853c17;
}

.fd-j9 {
  border-color: #853c17 !important;
}

.fc-d1 {
  color: #ffffff;
}

.fb-d1 {
  background-color: #ffffff;
}

.fd-d1 {
  border-color: #ffffff !important;
}

.fc-d2 {
  color: #f1f1f1;
}

.fb-d2 {
  background-color: #f1f1f1;
}

.fd-d2 {
  border-color: #f1f1f1 !important;
}

.fc-d3 {
  color: #e7e7e7;
}

.fb-d3 {
  background-color: #e7e7e7;
}

.fd-d3 {
  border-color: #e7e7e7 !important;
}

.fc-d4 {
  color: #d3d3d3;
}

.fb-d4 {
  background-color: #d3d3d3;
}

.fd-d4 {
  border-color: #d3d3d3 !important;
}

.fc-d5 {
  color: #acacac;
}

.fb-d5 {
  background-color: #acacac;
}

.fd-d5 {
  border-color: #acacac !important;
}

.fc-d6 {
  color: #767676;
}

.fb-d6 {
  background-color: #767676;
}

.fd-d6 {
  border-color: #767676 !important;
}

.fc-d7 {
  color: #545454;
}

.fb-d7 {
  background-color: #545454;
}

.fd-d7 {
  border-color: #545454 !important;
}

.fc-d8 {
  color: #363636;
}

.fb-d8 {
  background-color: #363636;
}

.fd-d8 {
  border-color: #363636 !important;
}

.fc-d9 {
  color: #1f1f1f;
}

.fb-d9 {
  background-color: #1f1f1f;
}

.fd-d9 {
  border-color: #1f1f1f !important;
}

.hover\:fc-g1:hover,
.focus\:fc-g1:focus {
  color: #f7fafc;
}

.hover\:fb-g1:hover,
.focus\:fb-g1:focus {
  background-color: #f7fafc;
}

.hover\:fd-g1:hover,
.focus\:fd-g1:focus {
  border-color: #f7fafc !important;
}

.hover\:fc-g2:hover,
.focus\:fc-g2:focus {
  color: #edf2f7;
}

.hover\:fb-g2:hover,
.focus\:fb-g2:focus {
  background-color: #edf2f7;
}

.hover\:fd-g2:hover,
.focus\:fd-g2:focus {
  border-color: #edf2f7 !important;
}

.hover\:fc-g3:hover,
.focus\:fc-g3:focus {
  color: #e2e8f0;
}

.hover\:fb-g3:hover,
.focus\:fb-g3:focus {
  background-color: #e2e8f0;
}

.hover\:fd-g3:hover,
.focus\:fd-g3:focus {
  border-color: #e2e8f0 !important;
}

.hover\:fc-g4:hover,
.focus\:fc-g4:focus {
  color: #cbd5e0;
}

.hover\:fb-g4:hover,
.focus\:fb-g4:focus {
  background-color: #cbd5e0;
}

.hover\:fd-g4:hover,
.focus\:fd-g4:focus {
  border-color: #cbd5e0 !important;
}

.hover\:fc-g5:hover,
.focus\:fc-g5:focus {
  color: #a0aec0;
}

.hover\:fb-g5:hover,
.focus\:fb-g5:focus {
  background-color: #a0aec0;
}

.hover\:fd-g5:hover,
.focus\:fd-g5:focus {
  border-color: #a0aec0 !important;
}

.hover\:fc-g6:hover,
.focus\:fc-g6:focus {
  color: #677890;
}

.hover\:fb-g6:hover,
.focus\:fb-g6:focus {
  background-color: #677890;
}

.hover\:fd-g6:hover,
.focus\:fd-g6:focus {
  border-color: #677890 !important;
}

.hover\:fc-g7:hover,
.focus\:fc-g7:focus {
  color: #4a5568;
}

.hover\:fb-g7:hover,
.focus\:fb-g7:focus {
  background-color: #4a5568;
}

.hover\:fd-g7:hover,
.focus\:fd-g7:focus {
  border-color: #4a5568 !important;
}

.hover\:fc-g8:hover,
.focus\:fc-g8:focus {
  color: #2d3748;
}

.hover\:fb-g8:hover,
.focus\:fb-g8:focus {
  background-color: #2d3748;
}

.hover\:fd-g8:hover,
.focus\:fd-g8:focus {
  border-color: #2d3748 !important;
}

.hover\:fc-g9:hover,
.focus\:fc-g9:focus {
  color: #1a202c;
}

.hover\:fb-g9:hover,
.focus\:fb-g9:focus {
  background-color: #1a202c;
}

.hover\:fd-g9:hover,
.focus\:fd-g9:focus {
  border-color: #1a202c !important;
}

.hover\:fc-m1:hover,
.focus\:fc-m1:focus {
  color: #fcf7f7;
}

.hover\:fb-m1:hover,
.focus\:fb-m1:focus {
  background-color: #fcf7f7;
}

.hover\:fd-m1:hover,
.focus\:fd-m1:focus {
  border-color: #fcf7f7 !important;
}

.hover\:fc-m2:hover,
.focus\:fc-m2:focus {
  color: #f7eeed;
}

.hover\:fb-m2:hover,
.focus\:fb-m2:focus {
  background-color: #f7eeed;
}

.hover\:fd-m2:hover,
.focus\:fd-m2:focus {
  border-color: #f7eeed !important;
}

.hover\:fc-m3:hover,
.focus\:fc-m3:focus {
  color: #f0e5e2;
}

.hover\:fb-m3:hover,
.focus\:fb-m3:focus {
  background-color: #f0e5e2;
}

.hover\:fd-m3:hover,
.focus\:fd-m3:focus {
  border-color: #f0e5e2 !important;
}

.hover\:fc-m4:hover,
.focus\:fc-m4:focus {
  color: #e0cecb;
}

.hover\:fb-m4:hover,
.focus\:fb-m4:focus {
  background-color: #e0cecb;
}

.hover\:fd-m4:hover,
.focus\:fd-m4:focus {
  border-color: #e0cecb !important;
}

.hover\:fc-m5:hover,
.focus\:fc-m5:focus {
  color: #c0a6a0;
}

.hover\:fb-m5:hover,
.focus\:fb-m5:focus {
  background-color: #c0a6a0;
}

.hover\:fd-m5:hover,
.focus\:fd-m5:focus {
  border-color: #c0a6a0 !important;
}

.hover\:fc-m6:hover,
.focus\:fc-m6:focus {
  color: #916f65;
}

.hover\:fb-m6:hover,
.focus\:fb-m6:focus {
  background-color: #916f65;
}

.hover\:fd-m6:hover,
.focus\:fd-m6:focus {
  border-color: #916f65 !important;
}

.hover\:fc-m7:hover,
.focus\:fc-m7:focus {
  color: #68524a;
}

.hover\:fb-m7:hover,
.focus\:fb-m7:focus {
  background-color: #68524a;
}

.hover\:fd-m7:hover,
.focus\:fd-m7:focus {
  border-color: #68524a !important;
}

.hover\:fc-m8:hover,
.focus\:fc-m8:focus {
  color: #48342d;
}

.hover\:fb-m8:hover,
.focus\:fb-m8:focus {
  background-color: #48342d;
}

.hover\:fd-m8:hover,
.focus\:fd-m8:focus {
  border-color: #48342d !important;
}

.hover\:fc-m9:hover,
.focus\:fc-m9:focus {
  color: #2c1f1a;
}

.hover\:fb-m9:hover,
.focus\:fb-m9:focus {
  background-color: #2c1f1a;
}

.hover\:fd-m9:hover,
.focus\:fd-m9:focus {
  border-color: #2c1f1a !important;
}

.hover\:fc-f1:hover,
.focus\:fc-f1:focus {
  color: #fbf5ff;
}

.hover\:fb-f1:hover,
.focus\:fb-f1:focus {
  background-color: #fbf5ff;
}

.hover\:fd-f1:hover,
.focus\:fd-f1:focus {
  border-color: #fbf5ff !important;
}

.hover\:fc-f2:hover,
.focus\:fc-f2:focus {
  color: #edd8fd;
}

.hover\:fb-f2:hover,
.focus\:fb-f2:focus {
  background-color: #edd8fd;
}

.hover\:fd-f2:hover,
.focus\:fd-f2:focus {
  border-color: #edd8fd !important;
}

.hover\:fc-f3:hover,
.focus\:fc-f3:focus {
  color: #dcbcfa;
}

.hover\:fb-f3:hover,
.focus\:fb-f3:focus {
  background-color: #dcbcfa;
}

.hover\:fd-f3:hover,
.focus\:fd-f3:focus {
  border-color: #dcbcfa !important;
}

.hover\:fc-f4:hover,
.focus\:fc-f4:focus {
  color: #c194f4;
}

.hover\:fb-f4:hover,
.focus\:fb-f4:focus {
  background-color: #c194f4;
}

.hover\:fd-f4:hover,
.focus\:fd-f4:focus {
  border-color: #c194f4 !important;
}

.hover\:fc-f5:hover,
.focus\:fc-f5:focus {
  color: #a87ede;
}

.hover\:fb-f5:hover,
.focus\:fb-f5:focus {
  background-color: #a87ede;
}

.hover\:fd-f5:hover,
.focus\:fd-f5:focus {
  border-color: #a87ede !important;
}

.hover\:fc-f6:hover,
.focus\:fc-f6:focus {
  color: #977ac2;
}

.hover\:fb-f6:hover,
.focus\:fb-f6:focus {
  background-color: #977ac2;
}

.hover\:fd-f6:hover,
.focus\:fd-f6:focus {
  border-color: #977ac2 !important;
}

.hover\:fc-f7:hover,
.focus\:fc-f7:focus {
  color: #725794;
}

.hover\:fb-f7:hover,
.focus\:fb-f7:focus {
  background-color: #725794;
}

.hover\:fd-f7:hover,
.focus\:fd-f7:focus {
  border-color: #725794 !important;
}

.hover\:fc-f8:hover,
.focus\:fc-f8:focus {
  color: #50386e;
}

.hover\:fb-f8:hover,
.focus\:fb-f8:focus {
  background-color: #50386e;
}

.hover\:fd-f8:hover,
.focus\:fd-f8:focus {
  border-color: #50386e !important;
}

.hover\:fc-f9:hover,
.focus\:fc-f9:focus {
  color: #3d2957;
}

.hover\:fb-f9:hover,
.focus\:fb-f9:focus {
  background-color: #3d2957;
}

.hover\:fd-f9:hover,
.focus\:fd-f9:focus {
  border-color: #3d2957 !important;
}

.hover\:fc-b1:hover,
.focus\:fc-b1:focus {
  color: #ebfdff;
}

.hover\:fb-b1:hover,
.focus\:fb-b1:focus {
  background-color: #ebfdff;
}

.hover\:fd-b1:hover,
.focus\:fd-b1:focus {
  border-color: #ebfdff !important;
}

.hover\:fc-b2:hover,
.focus\:fc-b2:focus {
  color: #b4e8fa;
}

.hover\:fb-b2:hover,
.focus\:fb-b2:focus {
  background-color: #b4e8fa;
}

.hover\:fd-b2:hover,
.focus\:fd-b2:focus {
  border-color: #b4e8fa !important;
}

.hover\:fc-b3:hover,
.focus\:fc-b3:focus {
  color: #7ddbf0;
}

.hover\:fb-b3:hover,
.focus\:fb-b3:focus {
  background-color: #7ddbf0;
}

.hover\:fd-b3:hover,
.focus\:fd-b3:focus {
  border-color: #7ddbf0 !important;
}

.hover\:fc-b4:hover,
.focus\:fc-b4:focus {
  color: #42c4e1;
}

.hover\:fb-b4:hover,
.focus\:fb-b4:focus {
  background-color: #42c4e1;
}

.hover\:fd-b4:hover,
.focus\:fd-b4:focus {
  border-color: #42c4e1 !important;
}

.hover\:fc-b5:hover,
.focus\:fc-b5:focus {
  color: #31acce;
}

.hover\:fb-b5:hover,
.focus\:fb-b5:focus {
  background-color: #31acce;
}

.hover\:fd-b5:hover,
.focus\:fd-b5:focus {
  border-color: #31acce !important;
}

.hover\:fc-b6:hover,
.focus\:fc-b6:focus {
  color: #2b8fb0;
}

.hover\:fb-b6:hover,
.focus\:fb-b6:focus {
  background-color: #2b8fb0;
}

.hover\:fd-b6:hover,
.focus\:fd-b6:focus {
  border-color: #2b8fb0 !important;
}

.hover\:fc-b7:hover,
.focus\:fc-b7:focus {
  color: #2c6a82;
}

.hover\:fb-b7:hover,
.focus\:fb-b7:focus {
  background-color: #2c6a82;
}

.hover\:fd-b7:hover,
.focus\:fd-b7:focus {
  border-color: #2c6a82 !important;
}

.hover\:fc-b8:hover,
.focus\:fc-b8:focus {
  color: #2a5265;
}

.hover\:fb-b8:hover,
.focus\:fb-b8:focus {
  background-color: #2a5265;
}

.hover\:fd-b8:hover,
.focus\:fd-b8:focus {
  border-color: #2a5265 !important;
}

.hover\:fc-b9:hover,
.focus\:fc-b9:focus {
  color: #094157;
}

.hover\:fb-b9:hover,
.focus\:fb-b9:focus {
  background-color: #094157;
}

.hover\:fd-b9:hover,
.focus\:fd-b9:focus {
  border-color: #094157 !important;
}

.hover\:fc-v1:hover,
.focus\:fc-v1:focus {
  color: #fdfff0;
}

.hover\:fb-v1:hover,
.focus\:fb-v1:focus {
  background-color: #fdfff0;
}

.hover\:fd-v1:hover,
.focus\:fd-v1:focus {
  border-color: #fdfff0 !important;
}

.hover\:fc-v2:hover,
.focus\:fc-v2:focus {
  color: #dde69a;
}

.hover\:fb-v2:hover,
.focus\:fb-v2:focus {
  background-color: #dde69a;
}

.hover\:fd-v2:hover,
.focus\:fd-v2:focus {
  border-color: #dde69a !important;
}

.hover\:fc-v3:hover,
.focus\:fc-v3:focus {
  color: #c5d368;
}

.hover\:fb-v3:hover,
.focus\:fb-v3:focus {
  background-color: #c5d368;
}

.hover\:fd-v3:hover,
.focus\:fd-v3:focus {
  border-color: #c5d368 !important;
}

.hover\:fc-v4:hover,
.focus\:fc-v4:focus {
  color: #a8bb48;
}

.hover\:fb-v4:hover,
.focus\:fb-v4:focus {
  background-color: #a8bb48;
}

.hover\:fd-v4:hover,
.focus\:fd-v4:focus {
  border-color: #a8bb48 !important;
}

.hover\:fc-v5:hover,
.focus\:fc-v5:focus {
  color: #889e3a;
}

.hover\:fb-v5:hover,
.focus\:fb-v5:focus {
  background-color: #889e3a;
}

.hover\:fd-v5:hover,
.focus\:fd-v5:focus {
  border-color: #889e3a !important;
}

.hover\:fc-v6:hover,
.focus\:fc-v6:focus {
  color: #6c7e31;
}

.hover\:fb-v6:hover,
.focus\:fb-v6:focus {
  background-color: #6c7e31;
}

.hover\:fd-v6:hover,
.focus\:fd-v6:focus {
  border-color: #6c7e31 !important;
}

.hover\:fc-v7:hover,
.focus\:fc-v7:focus {
  color: #556727;
}

.hover\:fb-v7:hover,
.focus\:fb-v7:focus {
  background-color: #556727;
}

.hover\:fd-v7:hover,
.focus\:fd-v7:focus {
  border-color: #556727 !important;
}

.hover\:fc-v8:hover,
.focus\:fc-v8:focus {
  color: #465422;
}

.hover\:fb-v8:hover,
.focus\:fb-v8:focus {
  background-color: #465422;
}

.hover\:fd-v8:hover,
.focus\:fd-v8:focus {
  border-color: #465422 !important;
}

.hover\:fc-v9:hover,
.focus\:fc-v9:focus {
  color: #364219;
}

.hover\:fb-v9:hover,
.focus\:fb-v9:focus {
  background-color: #364219;
}

.hover\:fd-v9:hover,
.focus\:fd-v9:focus {
  border-color: #364219 !important;
}

.hover\:fc-o1:hover,
.focus\:fc-o1:focus {
  color: #fff9f0;
}

.hover\:fb-o1:hover,
.focus\:fb-o1:focus {
  background-color: #fff9f0;
}

.hover\:fd-o1:hover,
.focus\:fd-o1:focus {
  border-color: #fff9f0 !important;
}

.hover\:fc-o2:hover,
.focus\:fc-o2:focus {
  color: #fee7c8;
}

.hover\:fb-o2:hover,
.focus\:fb-o2:focus {
  background-color: #fee7c8;
}

.hover\:fd-o2:hover,
.focus\:fd-o2:focus {
  border-color: #fee7c8 !important;
}

.hover\:fc-o3:hover,
.focus\:fc-o3:focus {
  color: #fbc98d;
}

.hover\:fb-o3:hover,
.focus\:fb-o3:focus {
  background-color: #fbc98d;
}

.hover\:fd-o3:hover,
.focus\:fd-o3:focus {
  border-color: #fbc98d !important;
}

.hover\:fc-o4:hover,
.focus\:fc-o4:focus {
  color: #f6a055;
}

.hover\:fb-o4:hover,
.focus\:fb-o4:focus {
  background-color: #f6a055;
}

.hover\:fd-o4:hover,
.focus\:fd-o4:focus {
  border-color: #f6a055 !important;
}

.hover\:fc-o5:hover,
.focus\:fc-o5:focus {
  color: #fc8e3a;
}

.hover\:fb-o5:hover,
.focus\:fb-o5:focus {
  background-color: #fc8e3a;
}

.hover\:fd-o5:hover,
.focus\:fd-o5:focus {
  border-color: #fc8e3a !important;
}

.hover\:fc-o6:hover,
.focus\:fc-o6:focus {
  color: #dd6418;
}

.hover\:fb-o6:hover,
.focus\:fb-o6:focus {
  background-color: #dd6418;
}

.hover\:fd-o6:hover,
.focus\:fd-o6:focus {
  border-color: #dd6418 !important;
}

.hover\:fc-o7:hover,
.focus\:fc-o7:focus {
  color: #cc4e13;
}

.hover\:fb-o7:hover,
.focus\:fb-o7:focus {
  background-color: #cc4e13;
}

.hover\:fd-o7:hover,
.focus\:fd-o7:focus {
  border-color: #cc4e13 !important;
}

.hover\:fc-o8:hover,
.focus\:fc-o8:focus {
  color: #9c3c1c;
}

.hover\:fb-o8:hover,
.focus\:fb-o8:focus {
  background-color: #9c3c1c;
}

.hover\:fd-o8:hover,
.focus\:fd-o8:focus {
  border-color: #9c3c1c !important;
}

.hover\:fc-o9:hover,
.focus\:fc-o9:focus {
  color: #7b2f1a;
}

.hover\:fb-o9:hover,
.focus\:fb-o9:focus {
  background-color: #7b2f1a;
}

.hover\:fd-o9:hover,
.focus\:fd-o9:focus {
  border-color: #7b2f1a !important;
}

.hover\:fc-r1:hover,
.focus\:fc-r1:focus {
  color: #fff6f5;
}

.hover\:fb-r1:hover,
.focus\:fb-r1:focus {
  background-color: #fff6f5;
}

.hover\:fd-r1:hover,
.focus\:fd-r1:focus {
  border-color: #fff6f5 !important;
}

.hover\:fc-r2:hover,
.focus\:fc-r2:focus {
  color: #fedcd7;
}

.hover\:fb-r2:hover,
.focus\:fb-r2:focus {
  background-color: #fedcd7;
}

.hover\:fd-r2:hover,
.focus\:fd-r2:focus {
  border-color: #fedcd7 !important;
}

.hover\:fc-r3:hover,
.focus\:fc-r3:focus {
  color: #febbb2;
}

.hover\:fb-r3:hover,
.focus\:fb-r3:focus {
  background-color: #febbb2;
}

.hover\:fd-r3:hover,
.focus\:fd-r3:focus {
  border-color: #febbb2 !important;
}

.hover\:fc-r4:hover,
.focus\:fc-r4:focus {
  color: #fc8f81;
}

.hover\:fb-r4:hover,
.focus\:fb-r4:focus {
  background-color: #fc8f81;
}

.hover\:fd-r4:hover,
.focus\:fd-r4:focus {
  border-color: #fc8f81 !important;
}

.hover\:fc-r5:hover,
.focus\:fc-r5:focus {
  color: #f57665;
}

.hover\:fb-r5:hover,
.focus\:fb-r5:focus {
  background-color: #f57665;
}

.hover\:fd-r5:hover,
.focus\:fd-r5:focus {
  border-color: #f57665 !important;
}

.hover\:fc-r6:hover,
.focus\:fc-r6:focus {
  color: #e65740;
}

.hover\:fb-r6:hover,
.focus\:fb-r6:focus {
  background-color: #e65740;
}

.hover\:fd-r6:hover,
.focus\:fd-r6:focus {
  border-color: #e65740 !important;
}

.hover\:fc-r7:hover,
.focus\:fc-r7:focus {
  color: #d93e25;
}

.hover\:fb-r7:hover,
.focus\:fb-r7:focus {
  background-color: #d93e25;
}

.hover\:fd-r7:hover,
.focus\:fd-r7:focus {
  border-color: #d93e25 !important;
}

.hover\:fc-r8:hover,
.focus\:fc-r8:focus {
  color: #c42719;
}

.hover\:fb-r8:hover,
.focus\:fb-r8:focus {
  background-color: #c42719;
}

.hover\:fd-r8:hover,
.focus\:fd-r8:focus {
  border-color: #c42719 !important;
}

.hover\:fc-r9:hover,
.focus\:fc-r9:focus {
  color: #9c221c;
}

.hover\:fb-r9:hover,
.focus\:fb-r9:focus {
  background-color: #9c221c;
}

.hover\:fd-r9:hover,
.focus\:fd-r9:focus {
  border-color: #9c221c !important;
}

.hover\:fc-j1:hover,
.focus\:fc-j1:focus {
  color: #fffbf0;
}

.hover\:fb-j1:hover,
.focus\:fb-j1:focus {
  background-color: #fffbf0;
}

.hover\:fd-j1:hover,
.focus\:fd-j1:focus {
  border-color: #fffbf0 !important;
}

.hover\:fc-j2:hover,
.focus\:fc-j2:focus {
  color: #fff2c2;
}

.hover\:fb-j2:hover,
.focus\:fb-j2:focus {
  background-color: #fff2c2;
}

.hover\:fd-j2:hover,
.focus\:fd-j2:focus {
  border-color: #fff2c2 !important;
}

.hover\:fc-j3:hover,
.focus\:fc-j3:focus {
  color: #ffdd82;
}

.hover\:fb-j3:hover,
.focus\:fb-j3:focus {
  background-color: #ffdd82;
}

.hover\:fd-j3:hover,
.focus\:fd-j3:focus {
  border-color: #ffdd82 !important;
}

.hover\:fc-j4:hover,
.focus\:fc-j4:focus {
  color: #f2b43f;
}

.hover\:fb-j4:hover,
.focus\:fb-j4:focus {
  background-color: #f2b43f;
}

.hover\:fd-j4:hover,
.focus\:fd-j4:focus {
  border-color: #f2b43f !important;
}

.hover\:fc-j5:hover,
.focus\:fc-j5:focus {
  color: #e09731;
}

.hover\:fb-j5:hover,
.focus\:fb-j5:focus {
  background-color: #e09731;
}

.hover\:fd-j5:hover,
.focus\:fd-j5:focus {
  border-color: #e09731 !important;
}

.hover\:fc-j6:hover,
.focus\:fc-j6:focus {
  color: #d4820c;
}

.hover\:fb-j6:hover,
.focus\:fb-j6:focus {
  background-color: #d4820c;
}

.hover\:fd-j6:hover,
.focus\:fd-j6:focus {
  border-color: #d4820c !important;
}

.hover\:fc-j7:hover,
.focus\:fc-j7:focus {
  color: #c47123;
}

.hover\:fb-j7:hover,
.focus\:fb-j7:focus {
  background-color: #c47123;
}

.hover\:fd-j7:hover,
.focus\:fd-j7:focus {
  border-color: #c47123 !important;
}

.hover\:fc-j8:hover,
.focus\:fc-j8:focus {
  color: #a3551d;
}

.hover\:fb-j8:hover,
.focus\:fb-j8:focus {
  background-color: #a3551d;
}

.hover\:fd-j8:hover,
.focus\:fd-j8:focus {
  border-color: #a3551d !important;
}

.hover\:fc-j9:hover,
.focus\:fc-j9:focus {
  color: #853c17;
}

.hover\:fb-j9:hover,
.focus\:fb-j9:focus {
  background-color: #853c17;
}

.hover\:fd-j9:hover,
.focus\:fd-j9:focus {
  border-color: #853c17 !important;
}

.hover\:fc-d1:hover,
.focus\:fc-d1:focus {
  color: #ffffff;
}

.hover\:fb-d1:hover,
.focus\:fb-d1:focus {
  background-color: #ffffff;
}

.hover\:fd-d1:hover,
.focus\:fd-d1:focus {
  border-color: #ffffff !important;
}

.hover\:fc-d2:hover,
.focus\:fc-d2:focus {
  color: #f1f1f1;
}

.hover\:fb-d2:hover,
.focus\:fb-d2:focus {
  background-color: #f1f1f1;
}

.hover\:fd-d2:hover,
.focus\:fd-d2:focus {
  border-color: #f1f1f1 !important;
}

.hover\:fc-d3:hover,
.focus\:fc-d3:focus {
  color: #e7e7e7;
}

.hover\:fb-d3:hover,
.focus\:fb-d3:focus {
  background-color: #e7e7e7;
}

.hover\:fd-d3:hover,
.focus\:fd-d3:focus {
  border-color: #e7e7e7 !important;
}

.hover\:fc-d4:hover,
.focus\:fc-d4:focus {
  color: #d3d3d3;
}

.hover\:fb-d4:hover,
.focus\:fb-d4:focus {
  background-color: #d3d3d3;
}

.hover\:fd-d4:hover,
.focus\:fd-d4:focus {
  border-color: #d3d3d3 !important;
}

.hover\:fc-d5:hover,
.focus\:fc-d5:focus {
  color: #acacac;
}

.hover\:fb-d5:hover,
.focus\:fb-d5:focus {
  background-color: #acacac;
}

.hover\:fd-d5:hover,
.focus\:fd-d5:focus {
  border-color: #acacac !important;
}

.hover\:fc-d6:hover,
.focus\:fc-d6:focus {
  color: #767676;
}

.hover\:fb-d6:hover,
.focus\:fb-d6:focus {
  background-color: #767676;
}

.hover\:fd-d6:hover,
.focus\:fd-d6:focus {
  border-color: #767676 !important;
}

.hover\:fc-d7:hover,
.focus\:fc-d7:focus {
  color: #545454;
}

.hover\:fb-d7:hover,
.focus\:fb-d7:focus {
  background-color: #545454;
}

.hover\:fd-d7:hover,
.focus\:fd-d7:focus {
  border-color: #545454 !important;
}

.hover\:fc-d8:hover,
.focus\:fc-d8:focus {
  color: #363636;
}

.hover\:fb-d8:hover,
.focus\:fb-d8:focus {
  background-color: #363636;
}

.hover\:fd-d8:hover,
.focus\:fd-d8:focus {
  border-color: #363636 !important;
}

.hover\:fc-d9:hover,
.focus\:fc-d9:focus {
  color: #1f1f1f;
}

.hover\:fb-d9:hover,
.focus\:fb-d9:focus {
  background-color: #1f1f1f;
}

.hover\:fd-d9:hover,
.focus\:fd-d9:focus {
  border-color: #1f1f1f !important;
}

.fc-light,
.fa-inverse,
.text-white {
  color: #ffffff;
}

.fb-light {
  background-color: #ffffff;
}

.fd-light {
  border-color: #ffffff !important;
}

.fc-dark,
.text-dark {
  color: #1f1f1f;
}

.fb-dark {
  background-color: #1f1f1f;
}

.fd-dark {
  border-color: #1f1f1f !important;
}

.fc-0 {
  color: transparent;
}

.fb-0 {
  background-color: transparent;
}

.fd-0 {
  border-color: transparent !important;
}

.hover\:fc-light:hover,
.focus\:fc-light:focus {
  color: #ffffff;
}

.hover\:fb-light:hover,
.focus\:fb-light:focus {
  background-color: #ffffff;
}

.hover\:fd-light:hover,
.focus\:fd-light:focus {
  border-color: #ffffff !important;
}

.hover\:fc-dark:hover,
.focus\:fc-dark:focus {
  color: #1f1f1f;
}

.hover\:fb-dark:hover,
.focus\:fb-dark:focus {
  background-color: #1f1f1f;
}

.hover\:fd-dark:hover,
.focus\:fd-dark:focus {
  border-color: #1f1f1f !important;
}

.hover\:fc-0:hover,
.focus\:fc-0:focus {
  color: transparent;
}

.hover\:fb-0:hover,
.focus\:fb-0:focus {
  background-color: transparent;
}

.hover\:fd-0:hover,
.focus\:fd-0:focus {
  border-color: transparent !important;
}

html, body {
  background: var(--f-body-bg);
  color: var(--f-d9);
}

h1, h3, h4, h5, h6,
.h1, .h3, .h4, .h5, .h6 {
  color: var(--f-g7);
}

h1, .h1,
h2, .h2 {
  color: var(--f-f8);
}

h2::after {
  content: none;
}

h3, .h3 {
  color: var(--f-f7);
}

header h1 {
  font-family: "DejaVu Sans", Verdana, Geneva, sans-serif;
  font-size: 42px;
}
header h1 .frama, header h1 .soft, header h1 .logiciel, header h1 .culture, header h1 .services, header h1 .vrac,
header h1 .violet, header h1 orange, header h1 .bleu, header h1 .rouge, header h1 .vert, header h1 jaune {
  font-weight: bold;
}

[data-url*="//framacarte.org"] .big-title a {
  font-size: inherit;
}

header .lead, .lead {
  font-style: italic;
}

.trait { /* hr */
  background-color: var(--f-g2);
  height: 11px;
  margin: 15px 0px;
  border: medium none;
}

.ombre {
  background-color: var(--f-d1);
  -webkit-box-shadow: var(--f-shadow);
  -moz-box-shadow: var(--f-shadow);
  box-shadow: var(--f-shadow);
}

.container.ombre {
  padding: 20px 30px;
}
.container.ombre #tuto-faq h2 + p i.fa,
.container.ombre #tuto-faq h2 + p span.glyphicon,
.container.ombre #tuto-faq h2 + p i.glyphicon,
.container.ombre #tuto-faq h2 + p .svg-icon,
.container.ombre #tuto-faq h2 + span i.fa,
.container.ombre #tuto-faq h2 + span span.glyphicon,
.container.ombre #tuto-faq h2 + span i.glyphicon,
.container.ombre #tuto-faq h2 + span .svg-icon,
.container.ombre #tuto-video h2 + p i.fa,
.container.ombre #tuto-video h2 + p span.glyphicon,
.container.ombre #tuto-video h2 + p i.glyphicon,
.container.ombre #tuto-video h2 + p .svg-icon,
.container.ombre #tuto-video h2 + span i.fa,
.container.ombre #tuto-video h2 + span span.glyphicon,
.container.ombre #tuto-video h2 + span i.glyphicon,
.container.ombre #tuto-video h2 + span .svg-icon,
.container.ombre #le-logiciel h2 + p i.fa,
.container.ombre #le-logiciel h2 + p span.glyphicon,
.container.ombre #le-logiciel h2 + p i.glyphicon,
.container.ombre #le-logiciel h2 + p .svg-icon,
.container.ombre #le-logiciel h2 + span i.fa,
.container.ombre #le-logiciel h2 + span span.glyphicon,
.container.ombre #le-logiciel h2 + span i.glyphicon,
.container.ombre #le-logiciel h2 + span .svg-icon,
.container.ombre #jardin h2 + p i.fa,
.container.ombre #jardin h2 + p span.glyphicon,
.container.ombre #jardin h2 + p i.glyphicon,
.container.ombre #jardin h2 + p .svg-icon,
.container.ombre #jardin h2 + span i.fa,
.container.ombre #jardin h2 + span span.glyphicon,
.container.ombre #jardin h2 + span i.glyphicon,
.container.ombre #jardin h2 + span .svg-icon {
  font-size: 42px;
  color: var(--f-g6);
  fill: var(--f-g6);
}

@media (min-width: 576px) {
  .container.ombre {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
img.ombre {
  box-shadow: var(--f-img-shadow);
  margin: 10px;
  padding: 0;
  width: 90%;
}

.signature {
  font-style: italic;
  text-align: right;
  color: var(--f-g6);
}

.modal-backdrop {
  opacity: 0.5;
}

.btn-soutenir { /* = btn-warning */
  color: #ffffff;
  background: #cc4e13;
  border-color: #cc4e13;
}
.btn-soutenir:hover, .btn-soutenir:focus, .btn-soutenir.focus {
  color: #ffffff;
  background: #a94110;
  border-color: #9d3c0f;
}
.btn-soutenir:focus, .btn-soutenir.focus {
  box-shadow: 0 0 0 0.2rem rgba(212, 105, 54, 0.5);
}
.btn-soutenir.disabled, .btn-soutenir:disabled {
  color: #ffffff;
  background: #dd6418;
  border-color: #fc8e3a;
}
.btn-soutenir:not(:disabled):not(.disabled):active, .btn-soutenir:not(:disabled):not(.disabled).active {
  color: #ffffff;
  background: #9d3c0f;
  border-color: #92380e;
}
.btn-soutenir:not(:disabled):not(.disabled):active:focus, .btn-soutenir:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(212, 105, 54, 0.5);
}

.btn-outline-soutenir {
  color: #cc4e13;
  border-color: #cc4e13;
}
.btn-outline-soutenir i::before {
  color: #dd6418;
}
.btn-outline-soutenir:hover {
  color: #ffffff;
  background: #cc4e13;
  border-color: #cc4e13;
}
.btn-outline-soutenir:hover i::before {
  color: #ffffff;
}
.btn-outline-soutenir:focus, .btn-outline-soutenir.focus {
  box-shadow: 0 0 0 0.2rem rgba(204, 78, 19, 0.5);
}
.btn-outline-soutenir.disabled, .btn-outline-soutenir:disabled {
  color: #cc4e13;
  background-color: transparent;
}
.btn-outline-soutenir.disabled i::before, .btn-outline-soutenir:disabled i::before {
  color: #dd6418;
}
.btn-outline-soutenir:not(:disabled):not(.disabled):active, .btn-outline-soutenir:not(:disabled):not(.disabled).active {
  color: #ffffff;
  background: #cc4e13;
  border-color: #cc4e13;
}
.btn-outline-soutenir:not(:disabled):not(.disabled):active i::before, .btn-outline-soutenir:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}
.btn-outline-soutenir:not(:disabled):not(.disabled):active:focus, .btn-outline-soutenir:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 78, 19, 0.5);
}

.btn-primary i::before {
  color: #ffffff;
}
.btn-primary:hover i::before, .btn-primary:focus i::before, .btn-primary.focus i::before {
  color: #ffffff;
}
.btn-primary.disabled i::before, .btn-primary:disabled i::before {
  color: #ffffff;
}
.btn-primary:not(:disabled):not(.disabled):active i::before, .btn-primary:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-outline-primary i::before {
  color: #977ac2;
}
.btn-outline-primary:hover i::before, .btn-outline-primary:focus i::before, .btn-outline-primary.focus i::before {
  color: #ffffff;
}
.btn-outline-primary.disabled i::before, .btn-outline-primary:disabled i::before {
  color: #977ac2;
}
.btn-outline-primary:not(:disabled):not(.disabled):active i::before, .btn-outline-primary:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-secondary i::before {
  color: #ffffff;
}
.btn-secondary:hover i::before, .btn-secondary:focus i::before, .btn-secondary.focus i::before {
  color: #ffffff;
}
.btn-secondary.disabled i::before, .btn-secondary:disabled i::before {
  color: #ffffff;
}
.btn-secondary:not(:disabled):not(.disabled):active i::before, .btn-secondary:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-outline-secondary i::before {
  color: #677890;
}
.btn-outline-secondary:hover i::before, .btn-outline-secondary:focus i::before, .btn-outline-secondary.focus i::before {
  color: #ffffff;
}
.btn-outline-secondary.disabled i::before, .btn-outline-secondary:disabled i::before {
  color: #677890;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active i::before, .btn-outline-secondary:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-dark i::before {
  color: #ffffff;
}
.btn-dark:hover i::before, .btn-dark:focus i::before, .btn-dark.focus i::before {
  color: #ffffff;
}
.btn-dark.disabled i::before, .btn-dark:disabled i::before {
  color: #ffffff;
}
.btn-dark:not(:disabled):not(.disabled):active i::before, .btn-dark:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-outline-dark i::before {
  color: #4a5568;
}
.btn-outline-dark:hover i::before, .btn-outline-dark:focus i::before, .btn-outline-dark.focus i::before {
  color: #ffffff;
}
.btn-outline-dark.disabled i::before, .btn-outline-dark:disabled i::before {
  color: #4a5568;
}
.btn-outline-dark:not(:disabled):not(.disabled):active i::before, .btn-outline-dark:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-info i::before {
  color: #ffffff;
}
.btn-info:hover i::before, .btn-info:focus i::before, .btn-info.focus i::before {
  color: #ffffff;
}
.btn-info.disabled i::before, .btn-info:disabled i::before {
  color: #ffffff;
}
.btn-info:not(:disabled):not(.disabled):active i::before, .btn-info:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-outline-info i::before {
  color: #2b8fb0;
}
.btn-outline-info:hover i::before, .btn-outline-info:focus i::before, .btn-outline-info.focus i::before {
  color: #ffffff;
}
.btn-outline-info.disabled i::before, .btn-outline-info:disabled i::before {
  color: #2b8fb0;
}
.btn-outline-info:not(:disabled):not(.disabled):active i::before, .btn-outline-info:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-success i::before {
  color: #ffffff;
}
.btn-success:hover i::before, .btn-success:focus i::before, .btn-success.focus i::before {
  color: #ffffff;
}
.btn-success.disabled i::before, .btn-success:disabled i::before {
  color: #ffffff;
}
.btn-success:not(:disabled):not(.disabled):active i::before, .btn-success:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-outline-success i::before {
  color: #889e3a;
}
.btn-outline-success:hover i::before, .btn-outline-success:focus i::before, .btn-outline-success.focus i::before {
  color: #ffffff;
}
.btn-outline-success.disabled i::before, .btn-outline-success:disabled i::before {
  color: #889e3a;
}
.btn-outline-success:not(:disabled):not(.disabled):active i::before, .btn-outline-success:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-warning i::before {
  color: #ffffff;
}
.btn-warning:hover i::before, .btn-warning:focus i::before, .btn-warning.focus i::before {
  color: #ffffff;
}
.btn-warning.disabled i::before, .btn-warning:disabled i::before {
  color: #ffffff;
}
.btn-warning:not(:disabled):not(.disabled):active i::before, .btn-warning:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-outline-warning i::before {
  color: #dd6418;
}
.btn-outline-warning:hover i::before, .btn-outline-warning:focus i::before, .btn-outline-warning.focus i::before {
  color: #ffffff;
}
.btn-outline-warning.disabled i::before, .btn-outline-warning:disabled i::before {
  color: #dd6418;
}
.btn-outline-warning:not(:disabled):not(.disabled):active i::before, .btn-outline-warning:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-danger i::before {
  color: #ffffff;
}
.btn-danger:hover i::before, .btn-danger:focus i::before, .btn-danger.focus i::before {
  color: #ffffff;
}
.btn-danger.disabled i::before, .btn-danger:disabled i::before {
  color: #ffffff;
}
.btn-danger:not(:disabled):not(.disabled):active i::before, .btn-danger:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-outline-danger i::before {
  color: #d93e25;
}
.btn-outline-danger:hover i::before, .btn-outline-danger:focus i::before, .btn-outline-danger.focus i::before {
  color: #ffffff;
}
.btn-outline-danger.disabled i::before, .btn-outline-danger:disabled i::before {
  color: #d93e25;
}
.btn-outline-danger:not(:disabled):not(.disabled):active i::before, .btn-outline-danger:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-muted i::before {
  color: #ffffff;
}
.btn-muted:hover i::before, .btn-muted:focus i::before, .btn-muted.focus i::before {
  color: #ffffff;
}
.btn-muted.disabled i::before, .btn-muted:disabled i::before {
  color: #ffffff;
}
.btn-muted:not(:disabled):not(.disabled):active i::before, .btn-muted:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-outline-muted i::before {
  color: #767676;
}
.btn-outline-muted:hover i::before, .btn-outline-muted:focus i::before, .btn-outline-muted.focus i::before {
  color: #ffffff;
}
.btn-outline-muted.disabled i::before, .btn-outline-muted:disabled i::before {
  color: #767676;
}
.btn-outline-muted:not(:disabled):not(.disabled):active i::before, .btn-outline-muted:not(:disabled):not(.disabled).active i::before {
  color: #ffffff;
}

.btn-link,
p > a:not(.btn),
p > small a:not(.btn),
li:not([class]) > a:not(.btn),
li:not([class]) > small a:not(.btn) {
  color: #1f1f1f;
  text-decoration: none;
  background-image: linear-gradient(#fc8e3a, #fc8e3a), linear-gradient(#a0aec0, #a0aec0);
  background-size: 0% 2px, 100% 2px;
  background-position: center bottom, center bottom;
  transition: background-size 0.25s ease-in-out;
  background-repeat: no-repeat;
  padding-top: 2px;
  padding-bottom: 2px;
}
.btn-link i::before,
p > a:not(.btn) i::before,
p > small a:not(.btn) i::before,
li:not([class]) > a:not(.btn) i::before,
li:not([class]) > small a:not(.btn) i::before {
  color: #363636;
}
.btn-link:hover, .btn-link:focus,
p > a:not(.btn):hover,
p > a:not(.btn):focus,
p > small a:not(.btn):hover,
p > small a:not(.btn):focus,
li:not([class]) > a:not(.btn):hover,
li:not([class]) > a:not(.btn):focus,
li:not([class]) > small a:not(.btn):hover,
li:not([class]) > small a:not(.btn):focus {
  color: #1a202c;
  text-decoration: none;
  background-size: 100% 2px;
}
.btn-link:hover i::before, .btn-link:focus i::before,
p > a:not(.btn):hover i::before,
p > a:not(.btn):focus i::before,
p > small a:not(.btn):hover i::before,
p > small a:not(.btn):focus i::before,
li:not([class]) > a:not(.btn):hover i::before,
li:not([class]) > a:not(.btn):focus i::before,
li:not([class]) > small a:not(.btn):hover i::before,
li:not([class]) > small a:not(.btn):focus i::before {
  color: #2d3748;
}

.badge i::before {
  color: #ffffff;
}

.badge.badge-light i::before {
  color: #363636;
}

body {
  background-color: var(--f-body-bg);
}
body > header, body main {
  background-color: white;
}
body > header h1, body main h1 {
  color: var(--f-f1) !important;
}

#f-page {
  max-width: 95%;
}
@media (min-width: 768px) {
  #f-page {
    max-width: 80%;
    padding: 1.75rem 4rem;
  }
}
@media (min-width: 75rem) {
  #f-page {
    max-width: 1020px;
  }
}

#f-page h1 span {
  padding: 1rem 1.75rem;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  #f-page h1 span {
    white-space: nowrap;
    font-size: 2.5rem;
  }
}

#f-header h1 {
  font-size: 3.5rem;
  font-family: DejaVu Sans, Verdana, Geneva, sans-serif;
  font-weight: 700;
}

.tag::first-letter {
  text-transform: capitalize;
}

.card {
  border: none;
  border-radius: 0.5rem;
  padding: 1rem;
}

.card-body {
  padding: 0rem 1rem 0rem 0.5rem;
}

#f-page h1 span.title-tag {
  padding: 0;
}

.liste-notices {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.liste-notices--mis-en-avant {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.liste-notices__item {
  margin: 0 1% 1rem 1%;
  width: 100%;
}
@media (min-width: 40rem) {
  .liste-notices__item {
    width: 32%;
  }
}

.liste-notices__item:nth-child(3n+1) {
  margin-left: 0;
}

.liste-notices__item:nth-child(3n+3) {
  margin-right: 0;
}

.mis-en-avant {
  border: 6px solid var(--f-o6);
  border-radius: 0.5rem;
  margin-bottom: 4rem;
  background-color: #fff;
}
@media (min-width: 768px) {
  .mis-en-avant {
    background-color: transparent;
    padding: 0 1rem;
  }
}
.mis-en-avant .mis-en-avant__titre {
  text-align: center;
  transform: rotate(-2deg);
}
.mis-en-avant .mis-en-avant__titre:first-child:is(h3) {
  margin: -1.6rem auto 1.5rem;
}
.mis-en-avant .mis-en-avant__titre__encart {
  display: inline-block;
  background: var(--f-o6);
  padding: 0.5rem 1rem 0;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.75rem;
  font-family: Tovari Sans, sans-serif;
  text-transform: uppercase;
  line-height: 2rem;
  font-style: normal;
  border: 3px solid #fff;
  max-width: 80%;
}
@media (min-width: 768px) {
  .mis-en-avant .mis-en-avant__titre__encart {
    border: 0;
  }
}

.liste-notices__image {
  max-width: 4rem;
  max-height: 4rem;
  object-fit: contain;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}

.result-link {
  color: var(--f-g7);
}

.titre-site {
  max-width: 95%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .titre-site {
    max-width: 80%;
    padding: 1.75rem 4rem;
  }
}

@media (min-width: 992px) {
  .mt-5--on-lg {
    margin-top: 3rem !important;
  }
}

body {
  min-height: 100vh;
}

main#f-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 4rem auto 3rem;
  padding-inline: 0;
}
@media (min-width: 768px) {
  main#f-page {
    margin-top: 1rem;
  }
}
main#f-page > :not(h1) {
  width: 100%;
}

#f-page h1 .fl-animated-title {
  display: grid;
  grid-template-rows: min-content 2.4rem max-content;
  overflow: hidden;
  width: 15.2rem;
}
@media (min-width: 768px) {
  #f-page h1 .fl-animated-title {
    grid-template-columns: min-content 12rem max-content;
    grid-template-rows: none;
    column-gap: 0.6rem;
    width: auto;
  }
}
#f-page h1 .fl-animated-title .fl-animated-title__moving-item,
#f-page h1 .fl-animated-title .fl-animated-title__fixed-item {
  margin-bottom: 0;
  padding: 0;
  background: none;
  border: none;
  position: relative;
}
#f-page h1 .fl-animated-title .fl-animated-title__moving-item {
  position: absolute;
  display: inline-block;
  animation-name: fl-anim-title;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
#f-page h1 .fl-animated-title .fl-animated-title__moving-item:nth-child(1) {
  animation-delay: 0.5s;
}
#f-page h1 .fl-animated-title .fl-animated-title__moving-item:nth-child(3) {
  animation-delay: 2.5s;
}
#f-page h1 .fl-animated-title .fl-animated-title__moving-item:nth-child(5) {
  animation-delay: 4.5s;
}
#f-page h1 .fl-animated-title .fl-animated-title__moving-item:nth-child(7) {
  animation-delay: 6.5s;
}
@media (min-width: 768px) {
  #f-page h1 .fl-animated-title .fl-animated-title__moving-item {
    top: -3rem;
    width: 12rem;
    text-align: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  #f-page h1 .fl-animated-title .fl-animated-title__moving-item {
    animation: none;
  }
  #f-page h1 .fl-animated-title .fl-animated-title__moving-item:nth-child(1) {
    top: 0;
  }
}
@keyframes fl-anim-title {
  0% {
    opacity: 0;
    top: -3rem;
  }
  5% {
    opacity: 1;
    top: 0;
  }
  20% {
    opacity: 1;
    top: 0;
  }
  25% {
    opacity: 0;
    top: 3rem;
  }
  100% {
    opacity: 0;
    top: 3rem;
  }
}
#f-page h1 .fl-animated-title span[aria-hidden=true] {
  display: none;
}
#f-page h1 .fl-animated-title span {
  font-size: 2.4rem;
}
@media (min-width: 768px) {
  #f-page h1 .fl-animated-title span {
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  .fl-accueil {
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .fl-accueil {
    flex-direction: column-reverse;
  }
}
.fl-accueil img {
  max-width: 100%;
  width: 20em;
}
.fl-accueil h2:last-of-type {
  margin-top: 3rem;
  margin-bottom: 0 !important;
}

.fl-tags {
  text-align: center;
  margin-bottom: 2rem;
}

.fl-tags__items {
  display: inline-block;
}

.fl-tags__link,
.fl-tags__link.tag {
  color: var(--f-f8);
  border: 1px solid var(--f-f8);
}
.fl-tags__link:hover, .fl-tags__link:active,
.fl-tags__link.tag:hover,
.fl-tags__link.tag:active {
  color: var(--f-g2);
  background-color: var(--f-f8);
}

.fl-search {
  border: 2px solid var(--f-f8);
}

.fl-magnifying-icon::before {
  content: "";
  --square: 1.000em;
  background-color: currentColor;
  display: inline-block;
  line-height: 1;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: var(1em, 1em);
  height: 1em;
  -webkit-mask-image: var(--icon);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc.--><path d="M500.3 443.7L380.6 324c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723 99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9 53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0 15.606-15.64 15.606-41.04.006-56.64zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128-57.42 128-128 128-128-57.4-128-128z"/></svg>');
}

output {
  padding: 1rem;
}

.welcome-section {
  position: relative;
  margin: 1rem 0 3rem;
  max-width: 95%;
}
@media (min-width: 768px) {
  .welcome-section {
    max-width: 80%;
  }
}

.welcome-section__title {
  background: var(--f-o6);
  border-radius: 0.5rem;
  color: #fff !important;
  font-family: Tovari Sans, sans-serif;
  font-size: 2.4rem !important;
  font-style: normal;
  line-height: 2.5rem !important;
  padding: 1.25rem 1.75rem 0.5rem;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-2deg);
  width: fit-content;
  margin: -2.25rem auto 1.5rem !important;
  max-width: 80%;
}

.welcome-section__container {
  background: var(--f-g2);
  border-radius: 1.75rem;
  max-width: 1020px;
  margin: 2rem auto;
}

.welcome-section__content {
  padding: 2rem;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .welcome-section__content {
    flex-direction: column;
  }
}

.welcome-section__content p {
  margin-bottom: 1rem;
}

.welcome-section h3 {
  display: inline;
  font-size: 3rem;
  font-family: Tovari Sans, sans-serif;
  color: var(--f-g10);
  line-height: 1;
}

section.mini-sites-phares {
  background: none;
}

.mini-sites-phares .bloc1 {
  background: var(--f-g1);
}

.mini-sites-phares .bloc2 {
  background: var(--f-g2);
}

.mini-sites-phares .bloc3 {
  background: var(--f-g3);
}

.creer-mini-site img {
  max-width: 100%;
  margin-bottom: 2em;
}

.creer-mini-site a {
  margin: 0 2em;
}

.liste-mini-sites {
  max-width: 1020px;
  position: relative;
  color: #fff;
  font-size: 1.125rem;
}

.liste-mini-sites::before {
  border-radius: 1.75rem;
  background: var(--f-f7) url(https://framalibre.org/images/fond_bloc3.jpg) no-repeat 0 100%;
  background-size: cover;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.liste-mini-sites li div {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 0.5rem;
  background: rgba(61, 41, 87, 0.6666666667);
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: 150px;
  font-weight: 600;
}
.liste-mini-sites li div a {
  color: #fff;
}

.liste-mini-sites li div:hover {
  background: var(--f-f8);
}
.liste-mini-sites li div:hover a {
  color: #fff;
}

/*# sourceMappingURL=welcome.css.map */